@font-face{
font-family: 'eurostile';
 src: url('eurostile.ttf');
}
html, body,div{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;	
	vertical-align: baseline;
	font-size:100%;

}
#top{
	width:100%;
	margin: 0 auto;
}
body {position:relative; height:auto; }
#header{ width: 84.23%; height: 196px;margin: 0 auto;}
#logo {width: 28%; margin:0% 0% .5% 0%; float:left;}
#logo img {width: 240px; max-width: 100%}

#intro-top{
	width: 44%;
	float: left;
	margin-top: 33px;
	font-size: 40px;
	text-align: center;
	font-weight: 600;
	color: #ffb715;
	font-family: arial;
}
#intro-top span{
	border-bottom: 4px solid #ffb715;
	border-top: 4px solid #ffb715;
	padding: 5px 15px;
}

#header_left{width: 28%; height:auto; float:right;margin:2% 0% .5% 0%; text-align:end; }
#Redes_sociales {width: 92%;  padding:0% 4% 0% 4%; float:right;}
#Redes_sociales a {-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;}
#Redes_sociales a:hover {opacity: 0.6; filter: alpha(opacity=60); /* For IE8 and earlier */}
#telefono_log {width: 94%; font-size: 16px!important; float: left!important;
font-family: Helvetica; font-weight: bold; color: #ffb715; text-decoration: none; margin-bottom: 2px;}
#telefono_log2 {width: 94%; font-size: 16px!important; float: left!important;
font-family: Helvetica; font-weight: bold; color: #ffb715; text-decoration: none; margin-bottom: 2px;}



#telefono_log a:link {text-decoration: none;color:#ffb715; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;}
#telefono_log a:visited {text-decoration: none; color:#ffb715;}
#telefono_log a:active {text-decoration: none; color:#ffb715;}
#telefono_log a:hover {color:#0f1350;}

#telefono_log2 a:link {text-decoration: none;color:#ffb715; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;}
#telefono_log2 a:visited {text-decoration: none; color:#ffb715;}
#telefono_log2 a:active {text-decoration: none; color:#ffb715;}
#telefono_log2 a:hover {color:#0f1350;}







#menu ul{
	margin:0 0 15px;
	float:left;
	width: 100%;
	padding:0;
	text-align: center;
	list-style-type:none;
}
#menu a{
	font-family: arial;
	float: left;
	width: 16.66%;
	font-size: 18px;
	text-decoration: none;
	padding: 25px 0px;
	color: white;
	background-color: #ffb715;
	text-align: center;
	font-weight: 700;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#menu a:hover{
	background-color: #0f1350;
}
/*Contenedo medio*/
#contenedormedio {width:84.23%; margin: 0 auto; }
#contenedor {  color:black;width:100%; float:left; }
#img_principal { color:black; width:100%; text-align:center; float:left;}
img{ max-width:100%; }
.contenedoresmuestra{ width:29.29%; height:auto; float:left; margin:.1% 0% 0% 3.87%}
lineazul{width:84.23%; float:left; heigt:10%;}


/*footer*/
#footer { width:100%;background:#0f1350; height:175px;margin: 30px 0px -5px 0px; clear:both;}
#footer A:link {text-decoration: none; color:white;}
#footer A:visited {text-decoration: none ; color:white;}
#footer A:active {text-decoration: none ; color:white;}
#footer_central {width: 84.23%; margin:0 auto; background:#0f1350; }
#footer_logo {width:14%; margin:4% 14% 0% 4%; float:left;}
#footer_logo img {width: 160px; max-width: 100%;}
#footer_categorias {width:18%; margin:3% 0% 0% 0%;float:left; font-family:Helvetica; font-size:.8em; color:#FFFFFF; font-weight:bolder; line-height:1.6;}
#footer_categorias ul{
	padding:0px 0% .2% 29%;
	margin: 4px 0px 1px 0px;
}
#footer_categorias li { list-style-type:none; }
#footer_categorias2 {width:12%; margin:3.9% 0% 0% 0%;float:left; font-family:Helvetica; font-size:.8em; color:#FFFFFF; font-weight:bold;line-height:1.6;}
/* #footer_categorias2 ul{
padding:0px 0% .2% 41.59%;
margin: 4px 0px 1px 0px;
} */
#footer_categorias2 li { list-style-type:none; }
#direcccion_footer{width:23.89%; margin:4% 4% 0% 0%;float:right; text-align: right;font-family:Helvetica; font-size:.8em; color:#FFFFFF; font-weight:bold; line-height:1.3;}
#direcccion_footer A:link {text-decoration: none;color:#ffffff;}
#direcccion_footer A:visited {text-decoration: none; color:#ffffff;}
#direcccion_footer A:active {text-decoration: none; color:#ffffff;}

/*Pagina Nosotros*/
#img_principal_nosotros { color:black;margin:0px 0px 0px 0px; width:100%; text-align:center; float:left;}
#logotipo_nosotros {width:51.4%;float:left; margin-top:2.5%; font-family:eurostile;font-size:.8em; color:#00003b;}
#texto_logotipos { width:100%;}
#info_nosotros {width:44.66%;float:left;  text-align:center; color:#00003b; font-family:eurostile; margin:1.5% 0%}
#info_nosotros label { font-size:.8em;}
#info_nosotros  h2 {font-weight: bolder; font-size:.9em;}
/*Pagina Carrocerias*/
#divcarroceriassup{
width:100%;
float:left;
margin: 2% 0% 0% 0%;
}
.con_carroceria{
width:25%;
float:left;
}
#divcarroceriasinfe{
width:100%;
float:left;
margin: 0% 0% 2% 0%;
}
/*Página Refrigeradoras*/
#banner_carrocerias{ width:100%; margin:0% 0% 0% 0%; float:left;}
#texto_carrocerias{ width:62%; /*height: 280px;*/ font-family:eurostile;float:left; font-size:.82em; color:#33386b; margin:2% 0% 5% 5.79%; text-align: left;}
#texto_carrocerias ul{
padding-bottom: .527%;
padding-left:.351%;
margin-left:2%;
}
#texto_carrocerias li{
padding-left:5%;
}
#menu_carrocerias {width: 21.26%; float:right; margin:1.5% 1% 0% 0%;}
#cuerpo_carrocerias {width: 51.58%; float:left; margin:1.5% 0% 0% 7.96%; /* border:2px solid #00001e; */}
#cuerpo_carrocerias2 {width: 29.52%; float:right; margin:1.5% 6.85% 0% 0%; /*  border:2px solid #00001e; */}
#texto_carrocerias_cuerpo_left{ width: 48%; font-family:eurostile;float:left; font-size:.85em; color:#33386b; margin:2% 0% 1% 9.85%; text-align: justify;}
#cuerpo_carrocerias3 {width: 51.58%; float:left; margin:1.5% 0% 1% 7.96%;  /* border:2px solid #00001e; */}
#cuerpo_carrocerias4 {width: 29.52%; float:right; margin:1% 6.85% 0% 0%; /*  border:2px solid #00001e; */}
#cuerpo_carrocerias5 {width: 29.52%; float:right; margin:1% 6.85% 0% 0%; /*  border:2px solid #00001e; */}
#cuerpo_carrocerias6 {width: 51.58%; float:left; margin:1.5% 0% 1% 7.96%;  /* border:2px solid #00001e; */}
#texto_carrocerias_cuerpo_left2{ width: 48%; font-family:eurostile;float:left; font-size:.85em; color:#33386b; margin:0% 0% 1% 9.85%; text-align: justify;}
#texto_carrocerias_cuerpo_right {width: 29.52%; float:right; margin:0% 6.85% 0% 0%;font-family:eurostile;float:right; font-size:.85em; color:#33386b;  text-align: justify;}
#footer_carrocerias_left{width: 30.31%; float:left; margin:2% 0% 2% 0%;}
#footer_carrocerias{width: 30.31%; float:left; margin:2% 4% 2% 4%;}
#footer_carrocerias_right{width: 30.31%; float:right; margin:2% 0% 2% 0%;}
.one-half{	float:left;	position:relative; font-family:eurostile;}
.one-half{width: 100%; margin:0 auto; text-align:center;}
.last { 	clear:right; 	margin-right:0 !important;}

.limpiar{clear: both;}
#item-left{width: 42%; float:left; text-align: left; margin:1.5% 0% 0% 8%;}
#item-left img{ max-width:75%; }
#item-right{width: 42%; float:right; text-align: right; margin:1.5% 8% 0% 0;}
#item-right img{ max-width:75%; }

#item-left .palero{max-width: 66%;}

@media (max-width: 768px) {
	#header, #contenedormedio { width: 100% !important;}
	#item-left{width: 42%; float:left; text-align: left; margin:1.5% 0% 0% 8%;}
	#item-left img{ max-width:98%; }
	#item-right{width: 42%; float:right; text-align: right; margin:1.5% 8% 0% 0;}
	#item-right img{ max-width:98%; }
	#item-left .palero{
		max-width: 86%;
	}
	#banner_carrocerias iframe, #banner_carrocerias small{
		padding: 0 15px !important;
		width: 100% !important;
		box-sizing: border-box;
	}
}

/* FORMS ------------------------------------------------------------*/

#contactForm p{
	margin-bottom: 0px;
}

#contactForm input,
#contactForm textarea,
#commentform input,
#commentform textarea{
	color: #606060;
	font-size: 14px;
	border: 1px solid #606060;
	background: #e2e6e7;
	padding: 4px 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#contactForm input,
#contactForm textarea,
#commentform input,
#commentform textarea{
	width: 35.14%;
	margin-bottom: 6px;
	font-family: Tahoma, Arial;
}

#commentform input,
#commentform textarea{
	width: 51.84%;
}

.full-width #commentform input,
.full-width #commentform textarea{
	width: 75.70%;
}

#contactForm #submit,
#commentform input#submit{
	width: 104px;
	height: 39px;
	border: none;
	margin-top: 14px;
	/* background: url(../img/submit-button.png) no-repeat transparent; */
}

/* #contactForm #submit:hover,
#commentform #submit:hover{
	background-position: 0% -3.43%;
}
 */
#contactForm label,
#commentform label{
	display: block;
	font-size: 14px;
	line-height: 1.5em;
	font-weight: light;
	font-family:eurostile;
}

/* @media screen and (min-width:1000px) and (max-width:1290px){  
#header_left{width: 42.57%; height:auto; float:right;margin:3% 0% .5% 0%;  }
#Redes_sociales {width: 50.09%;  padding:0% 5% 0% 0%; float:right;}
#telefono_log{ width: 68%; font-size:.5em;float:right;font-family:eurostile; font-weight: bold; color:#0094dd;}
}
 */
@media screen and (min-width:681px) and (max-width:1352px){
	#logo {width: 33%;}
	#intro-top{width: 39%; font-size: 1.6em;}
	#header_left{width: 28%;}
	#Redes_sociales {width: 95%;  padding:0% 4% 0% 1%; float:right;}
}
@media screen and (min-width:681px) and (max-width:1020px){
	#intro-top{font-size: 1.3em;}
}
@media screen and (min-width:681px) and (max-width:850px){
	#intro-top{font-size: 1em;}
}
@media screen and (min-width:501px) and (max-width:680px){  
	#top{ 
		width:100%;
		margin: 0 auto;
	}
	#header{ width: 84.23%;margin: 0 auto;}
	#logo {width: 100%; margin:0% 0% 0% 0%; float:left; no-repeat; text-align:center; padding:0% 0%; text-align:center;}
	#intro-top{
		width: 100%;
		margin: 15px 0 17px;
		font-size: 32px;
	}
	#header_left{width: 100.57%; height:auto; float:right;margin:1% 0% .5% 0%; text-align:center;}
	#Redes_sociales {width: 100%;  padding:0% 0% 0% 0%; float:left;}
	#telefono_log{ width: 100%; float:right;font-family:Arial; font-weight: bold; color:#ffb715;}
	img{ max-width:100%; }
	#contenedormedio {width:84%; margin: 0 auto;  height:auto;}
	#menu ul{
		margin:0 0 0px;
	}
	#menu a{
		width: 100%;
		padding: 20px 0px;
	} 
	#menu_carrocerias {width: 37.26%; float:right; margin:1.5% 1% 0% 0%;}
	#texto_carrocerias{ width:52%; height: auto;font-family:Arial;float:left; font-size:.62em; color:#33386b; margin:2% 0% 5% 5.79%; text-align:left;}
	#footer { width:100%;background:#0f1350; height:135px; margin: 10px 0px 0px 0px;}
	#footer_logo {width:25.20%; margin:4% 0% 0% 0%; float:left;}
	#footer_categorias {width:22%; margin:3% 0% 0% 2%;float:left;font-size:.6em; color:#FFFFFF;font-family:Arial;}
	#footer_categorias ul{
	padding:0px 0% .2% 0%;
	margin: 4px 0px 1px 0px;
	}
	#footer_categorias2 {width:12.68%; float:left;margin:4% 0% 0% 0%;font-size:.6em; color:#FFFFFF;font-family:Arial;}
	#footer_categorias2 ul{
	padding:0px;
	margin: 0px;
	}
	#direcccion_footer{width:29.89%; margin:4% 0% 0% 0%;float:right; text-align: right;font-family:Arial; font-size:.6em; color:#FFFFFF; line-height:1.3;}
	/*Nosotros*/
	#texto_logotipos { width:100%; font-family:Arial;}
	#logotipo_nosotros {width:100%;float:left; }
	#info_nosotros {width:100%;float:left;font-family:Arial;}
	/*Pagina Carrocerias*/
	#divcarroceriassup{
	width:100%;
	float:left;
	margin: 2% 0% 0% 0%;
	text-align:center;
	}
	.con_carroceria{
	width:50%;
	float:left;
	}
	#divcarroceriasinfe{
	width:100%;
	float:left;
	margin: 0% 0% 2% 0%;
	text-align:center;
	}
	.one-half{	float:left;	position:relative; font-family:arial;}
	.one-half{width: 100%; margin:0 auto; text-align:center;}
	.last { 	clear:right; 	margin-right:0 !important;}
	#contactForm label{
		display: block;
		font-size: 14px;
		line-height: 1.5em;
		font-weight: light;
		font-family:Arial;
	}
}
@media screen and (min-width:319px) and (max-width:500px){  
	#top{ 
	width:100%;
	margin: 0 auto;
	}
	#header{ width: 84.23%;margin: 0 auto;}
	#logo {width: 84.23%; margin:3% 0% 0% 0%; float:left;  text-align:center; padding:0% 7.0%;text-align:center;}
	#intro-top{
		width: 100%;
		margin: 15px 0 17px;
		font-size: 26px;
	}
	#header_left{width: 100.57%; height:auto; float:right;margin:1% 0% .5% 0%; text-align:center;}
	#Redes_sociales {width: 100%;  padding:0% 0% 0% 0%; float:left;}
	#telefono_log{ width: 100%; font-size:17px;float:right;font-family:Arial; font-weight: bold; color:#ffb715;}
	img{ max-width:100%; }
	#contenedormedio {width:84%; margin: 0 auto;  height:auto;}
	#menu ul{
		margin:0 0 0px;
	}
	#menu a{
		width: 100%;
		padding: 20px 0px;
	}
	#menu_carrocerias {width: 37.26%; float:right; margin:1.5% 1% 0% 0%;}
	#texto_carrocerias{ width:56%; height: auto;font-family:Arial;float:left; font-size:.62em; color:#33386b; margin:2% 0% 5% 4%; text-align:left;}
	#footer{width:100%;background:#0f1350; height:auto; margin-top:50px;}
	#footer_central {width:84.23%;
	height:309px;
	margin: 0 auto;
	color:#ffffff;
	}
	#footer_logo {width:100%; height: 100px; text-align: center; margin:4% 0% 0% 0%; float:left;}
	#footer_categorias {width:38%; margin:3% 0% 0% 20%;float:left;font-size:.6em; color:#FFFFFF;font-family:Arial;}
	#footer_categorias ul{
	padding:0px 0% .2% 0%;
	margin: 4px 0px 1px 0px;
	}
	#footer_categorias2 {width:32.68%; float:left;margin:4% 0% 0% 0%;font-size:.6em; color:#FFFFFF;font-family:Arial;}
	#footer_categorias2 ul{
	padding:0px;
	margin: 0px;
	}
	#direcccion_footer{width:100%; margin:4% 0% 0% 0%;float:right; text-align:center;font-family:Arial; font-size:.6em; color:#FFFFFF; line-height:1.3;}
	/*Nosotros*/
	#texto_logotipos { width:100%; font-family:Arial;}
	#logotipo_nosotros {width:100%;float:left; }
	#info_nosotros {width:100%;float:left;font-family:Arial;}
	/*Pagina Carrocerias*/
	#divcarroceriassup{
	width:100%;
	float:left;
	margin: 2% 0% 0% 0%;
	text-align:center;
	}
	.con_carroceria{
	width:50%;
	float:left;
	}
	#divcarroceriasinfe{
	width:100%;
	float:left;
	margin: 0% 0% 2% 0%;
	text-align:center;
	}
	.one-half{	float:left;	position:relative; font-family:arial;}
	.one-half{width: 100%; margin:0 auto; text-align:center;}
	.last { 	clear:right; 	margin-right:0 !important;}
	#contactForm label{
		display: block;
		font-size: 14px;
		line-height: 1.5em;
		font-weight: light;
		font-family:Arial;
	}
}