@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; border:none; outline:none; text-decoration:none}
body{background:#fff; font-family:'Titillium Web', sans-serif; font-weight:400}
.wrapper{width:1173px; padding:0 12px; margin:0 auto}

h1{color:#3d3d3d}
h2, h3, h4, h5{color:#676666}
p{line-height:17px; font-size:14px}

.last{margin-right:0 !important}
a{color:#c3251c}
img {max-width: 100%; height: auto;}

header{height:103px; position:fixed; width:100%; z-index:5; background:url(img/bg-header.jpg) repeat-x;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
	a.logo{display:block; float:left; width:253px; height:103px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
	a.logo img{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
	
	.der-header{width:880px; float:right}
		.der-header p{color:#fefefe; text-align:right; font-size:12px; font-weight:400; padding:3px 0 4px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s;}
		.menu{}
			.menu ul{list-style:none}
			.menu li{display:block; margin-left:11px;  float:right; text-transform:uppercase; font-size:14px; font-weight:700; position:relative  }
			.menu li a{display:block; text-shadow: 1px 1px 1px rgba(49, 49, 49, 1); padding:20px 4px 0; color:#fff;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
			.menu li:hover, .menu a.activo{background:url(img/bg-menu-activo.jpg) repeat-x top; }
				.menu li ul{display:none; padding:20px}
				.menu li:hover ul{display:block; position:absolute; top:40px; padding-top:20px; left:4px; width:330px; background:#fff }
					.menu li ul li{float:none; margin-right:0; font-size:13px; line-height:22px; padding:2px 5px}
					.menu li ul li a{padding:0; text-shadow:none; color:#313131;}
					.menu li ul li:hover{background:#c3251c;}
					.menu li ul li:hover a{color:#fff; text-shadow:none}
					
			.menu li a.especial{background:#c3251c; text-shadow:none}
			
			
				
header.smaller{height:90px; top:0; background-color:#fff; border-bottom:1px solid #4d4d4d}	
	header.smaller a.logo, header.smaller a.logo img{height:72px; width:177px}
	header.smaller .menu a{color:#4d4d4d; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);}
	header.smaller .menu li ul li a{text-shadow:none}
	header.smaller .menu li ul li:hover a{color:#fff; text-shadow:none}
		header.smaller .menu a:hover{}
	header.smaller p{}
	
	header.smaller .menu li a.especial{color:#fff; text-shadow:none}
.quotation-box {
    background-color: #eaeaea;
    display: block;
    color: #bc3126;
    font-size: 16px;
    font-style: italic;
    line-height: 1.5em;
    padding: 10px 20px;
    margin-top: 20px;
}
			
.banner{width:100%; height:547px; padding-top:26px; margin-bottom:1px;}
#wrapper {width: 100%; min-width: 1000px; height: 547px;}
		#carousel {overflow:hidden}
		#carousel div {height: 547px; float: left;}
			#carousel div .wrapper{height:auto; float:none; padding-top:189px}
				.banner h1{color:#c3251c; font-size:38px; font-weight:700; text-shadow: 1px 1px 1px rgba(49, 49, 49, 1); line-height:42px}
				.banner h1 span{text-transform:uppercase; color:#fffefe; font-size:50px}
				.banner p{font-size:19px; margin-top:15px; color:#fffefe; text-shadow: 1px 1px 1px rgba(49, 49, 49, 1);}
				.banner a.vermas{display:inline-block; margin-top:20px ; background:url(img/bg-blanco-80.png); font-size:20px; font-weight:700; padding:12px 35px}
				.banner a.vermas:hover{background:url(img/bg-rojo-80.png); color:#fff}
	

.home{}
	.info{padding:65px 0 105px; background:url(img/shadow-info.jpg) no-repeat top center;}
	.home .info{border-top:43px solid #c3251c;  }	
		.productos-home{}
			.single-home{width:211px; float:left; margin-right:29px; margin-bottom:50px}
				.single-home div{position:relative}
					.single-home div a{display:block; height:116px; color:#fff; font-size:13px; line-height:19px; position:absolute; top:0; z-index:2; background:url(img/bg-rojo-80.png); text-align:center; padding:25px 15px 0; display:none}
					.single-home div:hover a{display:block}
				.single-home h2{text-align:center; margin-top:15px; color:#c3251c; font-size:14px; line-height:19px; text-transform:uppercase; font-weight:400}
					.single-home h2 a{}	
					
		.certificacion{width:1000px; margin:0 auto 70px; color:#8d8b8b; font-size:14px; font-style:italic; padding:30px 0 30px 296px; background:url(img/certificaciones-web-2.svg) no-repeat left center}
		.certificacion p{line-height:21px; }
		
		.proyectos-destacados{width:100%; min-height:290px; background:url(img/bg-proyectos-destacados.jpg) no-repeat; background-size:cover; padding:40px 0 85px}
			.proyectos-destacados h3{text-align:center; font-size:24px; font-weight:700; color:#c3251c; line-height:29px}
			.proyectos-destacados h3 span{text-transform:uppercase; color:#fff; font-size:32px}
			.proyecto-home{width:211px; float:left; margin-right:29px;}
			.proyecto-home:last-child{margin-right:0}
				.proyecto-home a.img-post{border:2px solid #fff; display:block; margin-bottom:10px; height:137px}
				.proyecto-home h4{font-weight:700; font-size:15px; line-height:18px}
					.proyecto-home h4 a{color:#c9c9c9}	
					
		.mas-cerca-home{padding-top:65px; background:url(img/shadow-info.jpg) no-repeat top center;}
			.titulo-mas-cerca{background:url(img/linea-roja.jpg) repeat-x center; margin-bottom:25px}
				.titulo-mas-cerca div{background:#fff; padding:0 25px; margin:0 auto; width:166px }	
			
			.mas-cerca-home .izq{width:767px !important; float:left}	
				.posts-home{width:705px; padding:35px 31px 40px; background:#f0f0f0; border-top:2px solid #00aae3 }
					.posts-home div{width:211px; float:left; margin-right:36px}
					.posts-home div:last-child{margin-right:0}
						.posts-home a.img-post{border:2px solid #fff; display:block; margin-bottom:10px; height:137px}
						.posts-home h4{font-weight:700; font-size:14px; line-height:18px; margin-bottom:8px}
						.posts-home p{font-weight:400; color:#5f5e5e; font-size:13px}
				.recursos-home{margin-top:32px}	
				.recursos-home div{width:210px; border:1px solid #dcdcdc; margin-right:15px; float:left; padding-left:142px; min-height:104px; padding-top:15px; background:url(img/fichas.png) no-repeat 20px 7px; padding-right:19px}
				.recursos-home div.caluga-videos{padding-left:177px; width:181px; margin-right:0; min-height:104px; background:url(img/video.png) no-repeat 18px 18px}
					.recursos-home h5{margin-bottom:10px; font-size:14px; }
						.recursos-home h5 a{color:#707070}
					.recursos-home p{font-size:13px; line-height:17px; color:#686868}
					.recursos-home a.mas{font-size:14px; font-weight:700}
				
			.mas-cerca-home .der{width:364px !important; float:right !important; padding:0 !important}
				.mas-cerca-home .der iframe{margin-top:0 !important}
				.suscribete{background:#686868; padding:22px 20px; margin-top:24px}
					.suscribete h4{color:#c3251c; font-size:18px; font-weight:700; margin-bottom:0; color:#fff}
					.suscribete p{color:#fff; margin-bottom:13px}
					.suscribete input{font: 400 14px/16px 'Titillium Web', sans-serif !important; border: 2px solid #ccc  !important; border-radius: 1px  !important; padding:10px 12px  !important; width:190px !important; margin-bottom:0 !important; float:left }
					.suscribete input[type=submit]{font-weight: 700  !important; cursor:pointer; color: #fff; background: #c3251c; border:none !important; padding:12px 13px  !important; width:auto !important; margin-left:3px  !important; margin-top:0 !important}
					
			
					
footer{border-top:12px solid #686868; background:#4d4d4d; padding-top:63px; padding-bottom:80px}
	footer .wrapper{}
		footer .izq{width:390px; float:left}
			footer ul{width:176px; float:left; min-height:115px; margin-bottom:25px; list-style:none; padding:0; margin-left:0}
				footer li{ font-size:13px; line-height:18px; font-weight:300}
					footer li a{color:#b9b9b9;}
						footer li a span{color:#e9e9e9; font-weight:600; text-transform:uppercase}
		footer .der{width:430px; float:right}
			footer .der img{display:block; margin-bottom:31px}
			footer .der p{text-align:right; color:#b9b9b9; font-size:13px; line-height:18px; font-weight:300}
				footer .der p a{color:#b9b9b9; text-decoration:underline}


/*contacto*/
.page{}
	.page .info, .post-type-archive .info, .single-proyectos .info, .single .info{padding-top:130px;}
		.page .titulo, .post-type-archive .titulo, .single-proyectos .titulo, .single .info .titulo{padding-bottom: 8px; border-bottom: 1px solid #c3251c; margin-bottom: 30px;}
			.page h1{}
				.page h1 span, .post-type-archive .titulo h1 span{color:#c3251c;}
			.page .info .izq{width:767px; float:left}
				.info div.wpcf7{margin-top:22px !important}
					.info input, .info textarea{width:743px; padding:12px; font: 400 14px/16px 'Titillium Web', sans-serif; border:2px solid #ccc; border-radius:2px; display:block; margin-bottom:18px }
					.fila{}
						.fila p{width:32%; float:left; margin-right:2%}
							.fila input{width:92%; padding:5% 3% }
						
					.info input[type=submit]{text-transform: uppercase; width:200px; font-weight: 700; color:#fff; background:#c3251c; padding:20px 4px; float:right; cursor:pointer; margin-top:10px; border:1px solid #9d1d16}

.fila p.asunto{    width: 100%;
    margin-right: 0;}
.fila p.asunto input{
width: 95%;
	padding: 1.5% 2%;}


			.page .info .der{width:350px; float:right; padding-top:0}
				.page .info h3{line-height: 23px; margin-bottom: 11px; border-bottom: 1px solid #ddd; padding-bottom: 10px; }
					.page .der iframe{margin-top:7px}
					.distribuidores{margin-top:25px}
						.distribuidores p{margin-bottom:12px}
	
/*empresa*/
.page-id-5{}
	.page-id-5 .descripcion {margin-bottom:20px}
	.page-id-5 .descripcion p{font-size:16px; line-height:22px; margin-bottom:29px; color:#4d4d4d; text-align:justify}
	.page-id-5 .descripcion .izq, .page-id-5 .descripcion .der{width:545px !important; float:left }
	 .page-id-5 .descripcion .der{float:right}
	.organigrama{background: #f0f0f0; padding: 38px 0 20px; border-top: 2px solid #707070; margin:0 0 45px}
		.franja-planta{background:url(img/franja-planta.jpg) repeat-x; height:149px; margin-bottom:2px; margin-top:10px; }
		.organigrama h2{color:#c3251c; margin-bottom:21px}
		
		.parte-organigrama{margin:10px 0 22px; }
			.parte-organigrama p span{font-weight:700; font-size:15px}
			.parte-organigrama p {display: block;
    margin-right: 30px;
    margin-bottom: 32px;
    width: 160px;
    max-width: 80%;
    float: left;}
	.page-id-5 .info .izq, .page-id-5 .info .der{width:100%; float:left}
	.page-id-5 .info .der{float:right}
	.page-id-5 .politicas ul{ margin:15px 0 15px 20px; font-size:14px;}
	.page-id-5 .politicas ul li{margin-bottom:6px}
	.page-id-5 .politicas p{ text-align:justify}
	.page-id-5 .politicas h3{color:#c3251c}
	

/*proyectos*/
.post-type-archive{}
	.archivo-proyectos{}
		.archivo-proyectos .post{width:349px; margin-right:60px; margin-bottom:40px; float:left; min-height:385px; background: #f0f0f0; border-top: 2px solid #707070;}
		.archivo-proyectos .post2{margin-right:0 }
			.archivo-proyectos .post h3{text-align:center; margin-top:3px; line-height:22px; padding:0 18px}
			.archivo-proyectos .post p{text-align:center; margin-top:15px}
				.archivo-proyectos .post h3 a{ color:#4d4d4d !important}
			.archivo-proyectos .post a img{display:block; margin-bottom:5px; border-bottom: 5px solid #fff;}
			.archivo-proyectos a.vermas{display:block; margin:15px auto 0; text-transform: uppercase; width:200px; font-weight: 700; color:#c3251c; padding:8px 1px; border:2px solid #c3251c; width:80px; text-align:center; font-size:12px; }

.single-proyectos{}
	
	.single-proyectos .post-single{ }
		.galeria{}
			.galeria img{width:114px; height:auto !important;}
		 .post-single .izq{width:767px; float:left}
		 	.post-single .izq img{border-top: 2px solid #707070;}
		 	.post-single h2{margin-bottom:20px}
		 .post-single .der{width:350px; float:right}
		 	.post-single .der p{margin-bottom:20px}

/*categoria tecnovial mas cerca*/
.category .caption h1 {padding-right:180px}
.category .caption h1 a{color:#fff}
.category .caption h1 a.vermas{display:block; margin:15px 0 0; text-transform: uppercase; width:200px; font-weight: 700; color:#c3251c; padding:8px 1px; border:2px solid #c3251c; width:80px; text-align:center; font-size:12px;}

.single .izq p{margin-top:20px; text-align:justify}
	.single-videos .izq iframe{width:100% !important; height:550px !important}
	.single-videos .izq p{margin-top:0}


/*paginas productos*/
.page .info-producto{padding-top:85px !important}
.page-template{}
.page-template .banner, .category .banner{height:441px !important; border-bottom:43px solid #c3251c;}

	.page-template .banner div,  .category .banner div{height:441px; border-bottom:2px solid #fff}
		.page-template .banner .wrapper,  .category .banner .wrapper{height:auto; float:none; padding-top:189px; border:none}	
			.page-template .banner p,  .category .banner p{line-height:24px}
			.page-template .banner h1 span,  .category .banner h1 span{color:#686868; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1)}
			
.page-template .franja{height:149px; width:100%}
	.info-principal .izq{width:585px !important; float:left }
		.info-principal .izq p, .info-producto h2{font-size:16px; line-height:24px; color:#4d4d4d; text-align:justify; font-weight:500; margin-bottom: 15px}
		.info-principal .izq ul{list-style:url(img/bullet-ventajas.jpg); margin:20px 0 0 25px; color:#4d4d4d; font-size:16px; line-height:24px; text-align:justify}
			.info-principal .izq ul li{margin-bottom:20px}
	
	.info-principal .der{width:485px !important; float:right}
		.caja-gris{margin-top:40px; background:#f0f0f0; padding:23px 31px 25px; border-top:2px solid #707070; }
			.caja-gris p{margin-bottom:10px; font-size:16px; color:#707070; font-weight:700}
			.caja-gris ul{list-style:url(img/bullet-caja-gris.png); margin:20px 0 0 25px; color:#686868; font-size:16px; line-height:24px}
				.caja-gris ul li{margin-bottom:8px}
				
	.info-producto .bg{background-size:cover !important; width:100%; height:222px; border-bottom:1px solid #c3251c; margin-top:65px}
	.cotizacion{background:#f0f0f0; padding:45px 0 50px}
		.cotizacion h3{background:#f0f0f0 !important;}
		p.bajada{text-align:center; font-size:16px }
		.info-producto .cotizacion div.wpcf7{padding:0 120px; margin-top:33px !important}
		.info-producto .cotizacion input, .info-producto .cotizacion textarea{width:904px; padding:12px; font: 400 14px/16px 'Titillium Web', sans-serif; border:2px solid #ccc; border-radius:2px; display:block; margin-bottom:18px }
				.info-producto .cotizacion .fila input{width:92%; padding:5% 3% }
		.info-producto .cotizacion input[type=submit]{text-transform: uppercase; width:200px; font-weight: 700; color:#fff; background:#c3251c; padding:20px 4px; float:right; cursor:pointer; margin-top:10px; border:1px solid #9d1d16}
					
.descargas{margin:50px 0; text-align:center}
.descargas .titulo, .aplicaciones .titulo, .cotizacion .titulo{background:url(img/linea-roja.png) repeat-x 0 23px; text-align:center; border-bottom:none !important; margin-bottom:5px !important}
.aplicaciones .titulo{margin-bottom:0px !important}
.descargas h3, .aplicaciones h3, .cotizacion h3{background:#fff; padding:0 25px; display:inline-block;  font-size:18px; font-weight:700; color:#c3251c; line-height:23px !important; border-bottom:none !important; padding-bottom:0 !important; }
.page .info .cotizacion h3, .cotizacion .titulo{margin-bottom:0 !important; font-size:24px; line-height:28px !important;}
.cotizacion .titulo{background:url(img/linea-roja.png) repeat-x 0 31px;}
			.descargas h3 span, .aplicaciones h3 span, .cotizacion h3 span{text-transform:uppercase; color:#686868; font-size:24px}
			.cotizacion h3 span{font-size:24px}
	.descargas a{font-weight: 700; cursor: pointer; color: #fff; font-size:14px; background: #c3251c; padding: 7px 16px 9px; width: auto; margin: 0; border-bottom:1px solid #8f2213}
	.descargas span.separador{display:inline-block; margin:0 14px; width:3px; height:3px; background:#ddd}
.aplicaciones{text-align:center; margin-top:68px}
	.aplicaciones p{padding-bottom:5px; margin-bottom:12px; border-bottom:1px solid #ddd; text-align:left}
	.aplicaciones  div{margin-bottom:28px;}



							
/* clearfix */ 
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }						
					
				
.boton-certificado{
	
	background-color: #B7B5B5;
	padding: 10px;
	padding-left: 25px;
	width: 20%;
	border-radius: 5px;

}

.boton-certificado:hover{
	
	background-color: #000000;
	padding: 10px;
	padding-left: 25px;
	width: 20%;
	border-radius: 5px;

}


.titulo{
	text-align:center; 
	font-size:13px; 
	font-weight:100; 
	color:#c3251c; 
	line-height:19px
	
	
}