/*
	Theme Name: HTML5 Blank Child
	Theme URI: http://tusitioweb.com/twentyfourteen-child/
	Description: First child theme based on HTML5 Blank
	Author: 
	Author URI: https://jorgecastro.mx
	Template: html5blank-stable
	Version: 1.0.0
	Text Domain: HTML5-Blank-child
*/

*{
	transition: 0.5s;
	font-family: 'Open Sans', sans-serif;
}
/*
font-family: 'Oswald', sans-serif;
font-family: 'Raleway', sans-serif;
font-family: 'Open Sans', sans-serif;
*/

body{
	width: 100%;
	color:#003366;
	padding-top: 60px;
}

body .subcontenedor{
	max-width: 1124px;
	position:relative;
	margin: 0px auto 0px auto;
	padding: 0px 40px 40px 40px;
}

.subcontenedor.noPadding {
	padding: 0px;
}

/* ------------ Post default template ------------ */

body.post-template-default.single.single-post.single-format-standard section.layoutNoStyleFeature .subcontenedor {
	font-size: 16px;
}

body.post-template-default.single.single-post.single-format-standard section.layoutNoStyleFeature .subcontenedor h2 {
	margin-top: 105px;
}

body.post-template-default.single.single-post.single-format-standard section.layoutNoStyleFeature .subcontenedor img {
	float: left;
}

/* ------------ Post default template ------------ */

body .subcontenedor .subcontenedor{
	padding:0px;
}

body.home{
	background-color: black;
	background-image: url(img/fondoHidropluviales.jpg);
	background-repeat: repeat-x;
	transition: none;
}

body section:first-of-type {
	/*background-color: red;*/
	margin-top: 58px;
}

body section:last-of-type {
	/*background-color: green;*/
	padding-bottom: 58px;
}

body.home section:first-of-type,
body footer section:first-of-type,
body footer section:last-of-type {
	background-color: transparent;
	margin: 0px;
}

body a {
	font-weight: 700;
	font-weight: 700;
	color: #909090;
}

body nav ul li a,
body .categoriaListadoArticles a {
	font-weight: 400;
}

body a:hover {
	text-decoration: underline;
}

body .descargasButton a:hover,
body .boton a:hover,
body .bannerButton a:hover,
body .layoutAplicaciones a:hover,
body nav ul li.menu-item a:hover,
body .layoutEncabezadoProductos ul.menuProducto li a:hover{
	text-decoration: none;
}

.boxShadow {
	-webkit-box-shadow: 4px 4px 7px 0 rgba(0,0,0,0.3) ;
	box-shadow: 4px 4px 7px 0 rgba(0,0,0,0.3) ;
}

h1{
	font-family: 'Raleway', sans-serif;
}

header#mainHeader{
	width: 100%;
	height: 60px;
	position: fixed;
	z-index: 1000;
	top:0px;
	left: 0px;
}

a#logo{
	display: block;
	position: absolute;
	left: 45px;
	width:125px;
	height: 150px;
	background-color: white;	
	background-size: 111px;
	background-image: url(img/logo2018.png);
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	border: 0px solid #000000;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.45);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.45);
}

header#mainHeader nav ul{
	text-align: right;
	padding:0px;
	margin: 0px;
}

header#mainHeader nav ul li{
	height: 60px;
	display: inline-block;
	padding: 18px 15px;
	border-left:solid 1px #3399cc;
}

header#mainHeader nav ul li ul{
	display: none;
}

header#mainHeader nav ul li:hover{
	background-color: #003366 ;
}

header#mainHeader nav ul li a{
	color:white;
	font-size: 20px;
}

header .subcontenedor nav{
	display: block;

}

header .subcontenedor .menuResponsivo{
	display: none;
	background-image: url(img/menu.png);
	width: 25px;
	height: 25px;
	vertical-align: top;
	background-size: cover;
	position: absolute;
	right: 18px;
	top: 18px;
}

section{
	overflow: hidden;
}

.wysiwygContent{
	font-size: 16px;
}

.wysiwygContent h1{
	font-size: 45px;
	color: #003366;
}

.layoutSlider {
	width: 100%;
	height: 600px;
	overflow: hidden;
}

.layoutSlider .sliderContainer{
	height: 460px;
	width: 80%;
	overflow: hidden;
	position: relative;
	margin: 70px auto;
}



.layoutSlider .sliderContainer .slide{
	display: block;
	height: 460px;
	width: 100%;
	position: relative;
	float: left;
	background-size: cover;
	background-repeat: no-repeat;

}

.owl-item{
	float: left;
}

div.encabezado{
	position: absolute;
	right: 20px;
	bottom: 55px;
	min-width: 331px;
	max-width: 50%;
	box-sizing: border-box;
	padding: 24px 11px 11px 11px;
}

.encabezado h1{
	font-size: 42px;
	font-weight: normal;
	color: white;
	margin: 0px;
}

.encabezado h2{
	font-size: 22px;
	font-weight: bold;
	color: white;
	margin: 0px;
}

.encabezado p{
	font-size: 16px;
	font-weight: normal;
	color: white;
	margin: 0px;
}


section#acercaDe{
	min-height: 120px;
}

.layoutAcercaDe{
	height: 175px;
	vertical-align: top;
}

.layoutAcercaDe div{
	vertical-align: top;
}

.layoutAcercaDe .bannerLogo{
	height: 150px;
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center center;
}
.layoutAcercaDe .bannerText{
	height: 150px;
	padding: 20px;
	color:white;
	font-size: 16px;
}

.layoutAcercaDe .bannerText p{
	margin: 0px;
	padding: 0px;
}

.layoutAcercaDe .bannerButton{
	height: 150px;
}
.layoutAcercaDe .bannerButton a{
	display: block;
	width:190px;
	height: 38px;
	background-color: #ff9933;
	border: solid 3px #cc6633;
	border-top:0px;
	border-left: 0px;
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 16px;
	padding-top:6px; 
	margin:55px auto;
}

.layoutAcercaDe .bannerButton a:hover{
	background-color: #003366;
}

h1.sectionTitle{
	font-size: 45px;
	margin:0 ;
}

/*.irABlog{
	display: inline-block;
	width:210px;
	height: 50px;
	background: orange;
    text-align: center;
    padding-top: 13px;
    font-size: 18px;
    color: white;
    border-radius: 5px;
}
.irABlog:hover{
	text-decoration: none;
}*/

.layoutAplicaciones .layoutBlack{

}

.layoutAplicaciones .elemento {
	vertical-align: top;
	margin-bottom: 55px;
}

.layoutAplicaciones .elemento h1{
	font-size: 24px;
	font-weight: normal;
}

.layoutAplicaciones .elemento h2{
	font-size: 16px;
	font-weight: normal;
}

.layoutAplicaciones a.elemento h1{
	color: white;
}
.layoutAplicaciones a.elemento  h2{
	color: white;
}

.layoutAplicaciones .imagenAplicaciones{
	width: 90%;
	height: 167px;
	margin:0px auto;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.triangle{
	height: 60px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: white;
	background-image: url(img/flechaNegraFondoBlanco.png);
	background-size: 100% 100%;
	position: absolute;
	bottom: 0px;
}

section#servicios{
	min-height: 600px;
}

.layoutServicios{
	margin-bottom:0px;
	padding-bottom: 40px;
	overflow:hidden;
}

.layoutServicios .serviciosDescripcion .descripcion h2{
	font-size: 32px;
	color: #0066cc ;
	font-weight: normal;
	margin: 0px;
}

.layoutServicios .serviciosDescripcion .descripcion p{
	margin: 5px 0px;
	font-size: 16px;
}

.layoutServicios .serviciosDescripcion .descripcion a {
	display: inline-block;
	text-align: right;
	font-size: 22px;
	padding: 0px 25px;
	border:solid 1px #003366;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	clear:both;
	float: right;
	font-weight: bold;
}

.layoutServicios .serviciosDescripcion .descripcion a:hover {
	background-color:#003366;
	color:white;
}

.layoutServicios .serviciosDescripcion .descripcion {
	padding: 0px 14px;
	border-left:solid 4px #ff9933;
	vertical-align: top;
}

.layoutServicios .serviciosDescripcion .descripcion div{
	vertical-align: middle;
	font-size:16px;
}

.layoutServicios .serviciosDescripcion .descripcion div.col65{
	padding-left: 10px;
}

.layoutServicios .serviciosDescripcion{
	
}

.layoutBotones {
	margin-bottom: 0px;
	padding-bottom: 10px; 
}

.layoutBotones .serviciosBotones .boton{
	display: block;
	width: 405px;
	height: inherit;
	background-color: #003366;
	text-align: center;
	margin: 10px auto;
	overflow: hidden;
	cursor: pointer;
	width:450px;
	height:100px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 3px 3px 5px 0 rgba(50,50,50,0.5);4
	box-shadow: 3px 3px 
}

.layoutBotones .serviciosBotones .boton h2, .layoutBotones .serviciosBotones .boton a{
	color:#3399cc;
	font-weight: bold;
	text-align: center;
	font-size: 32px;
	/*margin: 0px;
	padding:25px 27px; */

	display:table-cell;
	height:inherit;
	width:inherit;
	vertical-align:middle;
	-webkit-box-shadow:inset 2px 2px 5px 0 rgba(230,230,230,0.5);
	box-shadow:inset 2px 2px 5px 0 rgba(230,230,230,0.5);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	transition:0.3s;
}

.layoutBotones .serviciosBotones .boton h2:hover, .layoutBotones .serviciosBotones .boton a:hover{
	background-color:#4477aa;
	transition:0.7s;
	color:white;
}

.layoutBotones .serviciosBotones .boton a{
	padding:25px 27px; 
	display: block;
}

.layoutBotones .serviciosBotones.colapsado .contenido{
	display: none;
	height: inherit;
	text-align: left;
	font-size: 16px;
	color: #fff;
	position: relative;
	padding:25px 27px; 
}


.layoutBotones div.contenido .cerrarExpandido {
	display: block;
	position: absolute;
	right: 15px;
	top: 15px;
	cursor: pointer;
}

.layoutBotones .cerrarExpandido line {
	stroke-width:2;
	stroke:rgb(255,255,255);
}

.layoutBotones .serviciosBotones.expandido .boton{
	width: 80%;
	height: inherit;
	cursor: initial;
	background-color: #3399cc;
}

.layoutBotones .serviciosBotones.expandido h2{
	display: none;
}

.layoutBotones .serviciosBotones.expandido .contenido{
	display: block;
	height: inherit;

}

.layoutBotones .serviciosBotones.expandido .contenido h2{
	display: block;
	text-align: left;
	color: #fff;
	padding: 0px;
	-webkit-box-shadow:inset 2px 2px 5px 0 rgba(230,230,230,0.0);
	box-shadow:inset 2px 2px 5px 0 rgba(230,230,230,0.0);
}

.layoutBotones .serviciosBotones.expandido .contenido h2:hover{
	background:none;
}



/* ------------------------------------------------ */
section#clientes{
	min-height: 350px;
}

.layoutClientes {
	position: relative;
}

.layoutClientes .clientsContainer{
	overflow: hidden;
}

.layoutClientes .prev, 
.layoutClientes .next {
	position: absolute;
	width: 20px;
	height:92px;
	top:120px;
	cursor: pointer;
}

.layoutClientes .prev{
	left:3%;
	background-image: url(img/prev.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 900;
}

.layoutClientes .next{
	right: 3%;
	background-image: url(img/next.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 900;
}

.layoutClientes .clientsContainer{
	text-align: center;
}

.layoutClientes .logoDeCliente{
	width: 145px;
	height: 145px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0px 35px;
	text-align: center;
}

.layoutClientes .clientsContainer div.owl-nav.disabled div{
	display: none;
}

section#testimonios{
	min-height: 395px;

}

.layoutTestimonios{
	background-color: white;
}

.layoutTestimonios{
	background-color: white;
}
.layoutTestimonios .smallCenteredTitle{
	position: relative;
}
.layoutTestimonios .smallCenteredTitle div.smallTriangle{
	width: 0;
	height: 0;
	display: inline-block;
	border-top:solid 20px #fff;
	border-left: solid 20px transparent;
	border-right: solid 20px transparent;
	border-bottom: solid 20px transparent;
	position: absolute;
	bottom: -50px;
	left: 50%;
	margin-left: -20px;
	z-index: 990;
}

.layoutTestimonios .testimoniosContainer{
	width: 100%;
	height: 352px;
	overflow: hidden;
}

.layoutTestimonios .testimoniosContainer .fotoTestimonio{
	width: 100%;
	height: 352px;
	background-size: cover;
	background-position: center center;
	display: inline-block;
}

.layoutTestimonios .testimoniosContainer .fotoTestimonio .textoTestimonio{
	width: 100%;
	min-height: 100px;
	color: white;
	font-size: 1.9em;
	text-align: right;
	padding:5px 0px;
	margin-top:102px;
}

.layoutTestimonios .testimoniosContainer .fotoTestimonio .textoTestimonio p{
	margin:0px;
}

.layoutTestimonios .testimoniosContainer .fotoTestimonio .textoTestimonio blockquote{
	font-size: 1.5em;
}

h1.smallCenteredTitle{
	font-size: 22px;
	text-align: center;
	color:  #0066cc ;
	font-weight: normal;
}

section.productos{
	min-height: 447px;
}

.layoutProductos .productos {
	text-align: center;
}

.layoutProductos .subcontenedor {
	padding: 0px;
}

.layoutProductos .producto {
	position: relative;
	height: 269px;
	width: 269px;
	margin: 0% 0.5% 1% 0.5%;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	background: #ddd;
}

.layoutProductos .producto:hover .contenedorProducto {
	top: 0;
}

.layoutProductos .producto:hover .contenedorProducto ul{
	display: inline-block;
}

.layoutProductos .producto:hover img{
	transform: scale(1.3);
}

.layoutProductos .transparencia {
	/*background-color: rgba(25, 117, 209, 0.68);*/
	
	width: 100%;
	
	height: inherit;
	position: absolute;
	text-align: left;
	
}

.layoutProductos .contenedorImagen img {
	width: 100%;
	float: left;
}

.layoutProductos .contenedorProducto {
	position: absolute;
	color: #fff;
	top: 164px;
	left: 17px;
}

.layoutProductos .producto h1 {
	font-size: 25px;
	margin-top: -5px;
	background: rgb(0,102,204);
	padding: 6px 10px;
}

.layoutProductos .producto h2 {
	font-size: 20px;
	margin-bottom: 0px;
}

.layoutProductos .producto ul {
	display: none;
	list-style: none;
	padding: 0px;
	padding-left: 20px;
}

.layoutProductos .producto ul a {
	font-size: 15px;
	font-weight: 300;	
	color: #fff;
}

.layoutProductos .producto ul a:hover {
	text-decoration: underline;
}

.layoutProductos .producto a.verProductos {
	color: #fff;
	position: absolute;
	left: 20px;
	bottom: 11px;
	font-size: 18px;
	font-weight: 300;
}

.layoutProductos .producto a.verProductos:hover {
	text-decoration: underline;
}

section#noticias{
	min-height: 776px;
}

.layoutNoticias{
	vertical-align: top;
	background-color: white;
}

.layoutNoticias > div{
	vertical-align: top;
}

.layoutNoticias .subcontenedor > div{
	vertical-align: top;
}

.layoutNoticias .subcontenedor{
	padding-bottom: 0px;
}

.menuNoticiasLayout{
	text-align: center;
}
.menuNoticiasLayout a{
	display: inline-block;
	min-height: 40px;
	background-color: rgb(230,230,230);
	color: rgb(150,150,150);
	text-align: center;
	box-sizing: border-box;
	padding: 16px 25px;
	font-size: 1.5em;
	font-weight: normal;
	text-decoration: none;
}

.menuNoticiasLayout a.irABlog{
	background: orange;
	color:white;
}

.menuNoticiasLayout a:hover{
	background-color: rgb(25,117,209);
	color: white;
	text-decoration: none;
}

.noticiaDestacadaImagen{
	height: 384px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.proyectoCategoria{
	vertical-align: top;
	height: 235px;
	box-sizing: border-box;
	margin-bottom: 1px;
}

.noticiaDescripcion{
	padding: 33px 17px;	
}

.noticiaDescripcion h2{
	font-size: 30px;
	color:#0066cc;
	margin: 0px;
}

.noticiaDescripcion p{
	font-size: 16px;
	margin: 5px 0px;
}

.noticiaDescripcion a.leermas{
	font-size: 20px;
	color:#ff9933;
	font-weight: bold;
	text-align: right;
	clear: both;
	float: right;

}
.proyectoCategoria{
	background-color:#66ccff;
	vertical-align: top;
}

.proyectoImagen {
	position: relative;
	vertical-align: top;
	height: inherit;
	overflow: hidden;
	height: inherit;
	background-size: cover;
	background-position: center center;
}

.proyectoDescripcion {
	position: absolute;
	top: 160px;
	height: 235px;
	vertical-align: top;
	padding: 24px 100px;
	background-color: rgba(25, 117, 209, 0.6);
}

.proyectoImagen:hover .proyectoDescripcion{
	top: 0px;
	background-color: rgba(25, 117, 209, 0.9);
}

.proyectoDescripcion span i {
	display: inline-block;
	font-size: 32px;
	color: #e7eef2;
	margin-right: 20px;
}

.proyectoDescripcion h2 {
	display: inline-block;
	font-size: 30px;
	color:white;
	margin:0px;
}

.proyectoDescripcion p, .proyectoDescripcion .excerpt{
	font-size: 16px;
	color: white;
}

.proyectoDescripcion a.icono{
	position: absolute;
	left: 50%;
	margin: -23px;
	top: 200px;
	border: solid;
	border-width: 0.5px;
	border-radius: 100%;
	width: 46px;
    padding: 5px;
    font-size: 22px;
    box-sizing: border-box;
    display: block;
    height: 46px;
    color:white;
}

.proyectoDescripcion a.icono i{
	margin-left: 3px;
}

/* Inner pages layout */
.layoutEncabezadoProductos {
	height: 300px;
	background-color: #003366;
	background-size: cover;
}

.layoutEncabezadoProductos .menuProducto{
	text-align: right;
	margin: 0px;
	position: fixed;
	z-index: 800;
	top:60px;
	left: 0px;
	width: 100%;
	background-color:rgba(0, 51, 102, 0.8);
}

.layoutEncabezadoProductos .menuProducto li{
	display: inline-block;
	font-size: 16px;
	margin:18px 16px;
}

.layoutEncabezadoProductos .menuProducto li a{
	color: white;
	font-weight: normal;
}

.layoutEncabezadoProductos .menuProducto li a:hover{
	color:#ff9933;
}

.layoutEncabezadoProductos .descripcionContainer{
	height: 140px;
	width: 80%;
	color: white;
	vertical-align: top;
	margin-top: 85px;
}

.layoutEncabezadoProductos .descripcionContainer .icono{
	display: inline-block;
	height: 140px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	vertical-align: top;
}

.layoutEncabezadoProductos .descripcionContainer .info{
	display: inline-block;
	padding-left:10px;
	box-sizing: border-box;

}

.layoutEncabezadoProductos .descripcionContainer .sectionTitle{
	display: inline-block;
	vertical-align: top;
	margin:0px 0px 0px 10px; 
	font-weight: normal;
	line-height: 35px;
}

.layoutEncabezadoProductos .descripcionContainer .descripcion{
	width: 100%;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
}

.layoutDescripcionProductos{
	
	padding:30px 0px;
}

.layoutDescripcionProductos .sectionTitle{
	line-height: 110%;
	margin-top: 0px;
}

.layoutDescripcionProductos .descripcion{
	vertical-align: top;
	font-size: 16px;
	padding-right: 10px;
	box-sizing: border-box;
}
.layoutDescripcionProductos .imagen{
	vertical-align: top;
	max-width: 100%;
	text-align: center;
}

.layoutDescripcionProductos .imagen img{
	vertical-align: top;
	max-width: 100%;
	text-align: center;
}

.layoutDosColumnas .subcontenedor div{
	vertical-align: top;
}

.layoutDosColumnas .subcontenedor .col01{
	vertical-align: top;
	padding-right: 10px;
}

.layoutDosColumnas .subcontenedor .col02{
	vertical-align: top;
	padding-left: 10px;
}

.layoutVideo{

}

.layoutVideo iframe{
    margin: 0px auto;
    display: inherit;
}

.layoutPasos{
	padding: 20px 0px;
}

.layoutPasos .paso{
	padding:20px 0px;
}

.layoutPasos .paso:nth-child(even){
	background-color:#ddd;
}

.layoutPasos .paso .descripcion{
	vertical-align: middle;
	font-size: 16px;
	padding-right: 3%;
	box-sizing: border-box;
}

.layoutPasos .paso .imagenes{
	vertical-align: middle;
	height: 200px;
	/*background-color: red;*/
	overflow: hidden;
}

.layoutPasos .paso .imagenes .contenedorImages{
	height: 200px;
}

.layoutPasos .paso .imagenes .contenedorImages .imagen{
	width: 100%;
	height: 200px;
	background-size: cover;
	float: left;
}

.layoutListado .subcontenedor {
	max-width: 1200px;
	margin-top: 15px;
	margin-bottom: 41px;
	-webkit-box-shadow: 3px 3px 20px 5px rgba(0,0,0,0.3);
	box-shadow: 3px 3px 20px 5px rgba(0,0,0,0.3);
}

.layoutListado article{
	padding: 0px;
}

.layoutListado article>a{
	display: block;
	width: 100%;
}

.layoutListado .listado2cols{
	width: 347px;
	height: 408px;
	display: inline-block;
}

.layoutListado .listado3cols{
	width: 347px;
	height: 408px;
	display: inline-block;
}

section.layoutListado .subcontenedor .categoriaListado {
	padding: 40px 0px;
}

section.layoutListado .subcontenedor .categoriaListado .categoriaListadoArticles{
	text-align: center;
	padding:40px;
}


section.layoutListado .subcontenedor .categoriaListado .iconoCategoria{
	height: 100px;
	margin-right: 2%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

section.layoutListado .subcontenedor .categoriaListado .descripcionCategoria{
	vertical-align: top;
	padding-top: 20px;
}

section.layoutListado .subcontenedor .categoriaListado .descripcionCategoria h1{
	font-size: 40px;
	margin: 0px 2px 5px 2px;
}
	
section.layoutListado .subcontenedor .categoriaListado .descripcionCategoria p{
	font-size: 12px;
	margin: 5px 0px;
}

section.layoutListado .subcontenedor .categoriaListadoArticles {
	background-color: rgba(135, 181, 222, 0.44);
	background-size: cover;
	text-align: center;
	box-sizing: border-box;
	padding: 20px 0px 20px 0px;
}

section.layoutListado .subcontenedor .categoriaListadoArticles article {
	position: relative;
	vertical-align: top;
	min-height: 380px;
	background-color: rgba(24, 115, 208, 0.75);
	color: #fff;
	margin: 20px 20px 20px 20px;
	box-sizing: border-box;
	border: 2px solid #fff;
	padding: 5px 30px;
	padding-top: 150px;
	overflow: hidden;
	opacity: 0.9;
}

section.layoutListado .subcontenedor .categoriaListadoArticles article:hover {
	padding-top: 55px;
}

section.layoutListado .subcontenedor .categoriaListadoArticles.onHover article {
	opacity: 0.3;
}


section.layoutListado .subcontenedor .categoriaListadoArticles article:hover {
	background-color: rgba(24, 115, 208, 0.75);
	opacity: 0.9;
}

section.layoutListado .subcontenedor .categoriaListadoArticles h2 {
	color: #fff;
	margin: 5px 0px 14px 0px;
	text-align: left;
	font-size: 30px;
}

section.layoutListado .subcontenedor .categoriaListadoArticles h2 a {

}

section.layoutListado .subcontenedor .categoriaListadoArticles a {
	color: #fff;
}

section.layoutListado .subcontenedor .categoriaListadoArticles .productDescriptionProject {
	text-align: left;
	font-size: 14px;
}

section.layoutListado .subcontenedor article a{
	overflow: hidden;
}

section.layoutListado .subcontenedor .categoriaListadoArticles article .icon {
	display: none;
}

section.layoutListado .subcontenedor .categoriaListadoArticles article:hover .icon {
	position: absolute;
	display: block;
	bottom: 22px;
	left: 50%;
	margin-left: -30px;
}

section.layoutListado .subcontenedor .categoriaListadoArticles article .icon i {
	font-size: 30px;
	border-radius: 100%;
	border: solid 1px;
	width: 60px;
	height: 60px;
	padding-top: 12px;
	box-sizing: border-box;
	padding-right: 2px;
}

section.layoutListado .subcontenedor article a .imagenProductoListado {
	width: 100%;
	min-height: 250px;
	background-size: cover;
}

footer{
	background-color: #003366;
	transition: none;
	color: white;
}

footer section.descargas{
	min-height: 581px;
	box-sizing: border-box;
	padding: 32px 32px 32px 76px;

}

footer #elementosDescargas {
	box-sizing: border-box;
}

footer section.descargas h1{
	font-size: 41px;
	font-weight: normal;
	margin-bottom: 18px;
}

footer section.descargas h2{
	font-size: 23px;
	font-weight: normal;	
	margin-top: 0px;
}

footer section.descargas ul{
	list-style-type: none;
	padding-left: 20px;
}

footer section.descargas li{
	margin: 0px 0px 10px 0px;
}

footer section.descargas ul li div.imagenDescarga {
	height: 58px;
	width: 57px;
	display: inline-block;
	background-image: url('img/download.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

footer section.descargas ul li div.textoDescarga {
	width: 80%;
	height: 58px;
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	color: white;
}

footer section.descargas ul li .textoDescarga h3 {
	font-size: 23px;
	margin: 0px;
	font-weight: normal;
	color: #5ba9ec;
}

footer section.descargas ul li .textoDescarga p {
	font-size: 12px;
	margin: 0px;
	color: #a1adce;
}

footer section.descargas .descargasButton {
	
}

footer section.descargas .descargasButton a{
	display: block;
	width: 334px;
	height: 58px;
	background-color: #ff9933;
	border: solid 3px #cc6633;
	border-top: 0px;
	border-left: 0px;
	text-align: center;
	color: white;
	font-weight: normal;
	font-size: 26px;
	padding-top: 11px;
	margin: 23px 0px;
}

footer section.descargas .descargasButton a:hover{
	background-color: #003366;
}

footer section.descargas .logoAMSCALL .AMSCALL{
	background: #fff;
	width: 230px;
	padding: 44px 52px 52px 52px;
	box-sizing: border-box;
	height: 230px;
}


footer div#contacto{
	vertical-align: top;
}

footer div#mapa{
	min-height: 250px;
	vertical-align: top;
	background-color: darkgrey;
}

footer div#map {
	height: 250px;
}

footer div#map #descripcionMapa {
	color: #0071b7;
}

footer div#contactForm{
	min-height: 263px;
	vertical-align: top;
	box-sizing: border-box;
	padding: 22px 25px 0px 0px;			
	font-size: 16px;
}

footer #contactForm .forma {
	vertical-align: top;
}

footer #contactForm #text-2 {
	vertical-align: top;
	display: inline-block;
	width: 40%;

}

footer #contactForm #text-3 {
	vertical-align: top;
	display: inline-block;
	width: 60%;
	margin-top: 18px;
}

footer #contactForm #text-3 h1{
	font-size: 16px;
	margin-bottom: 11px;
	color: #5ba9ec;
	padding-bottom: 5px;
	display: inline-block;
}

footer #contactForm #text-3 h2{
	font-size: 16px;
	margin-bottom: 0;
	color: #a1adce;
}

footer #contactForm #text-3 h3{
	font-size: 16px;
	margin-bottom: 11px;
	color: #5ba9ec;
	padding-bottom: 5px;
	display: inline-block;
	font-weight: 400;
}

footer #contactForm #text-3 a{
	color: #a1adce;
}

footer #contactForm #text-3 a:hover{
	color: #d4f0fb;
}

footer #contactForm .bordeInferior {
	border-bottom: 1px solid #5ba9ec;
}

footer #contactForm #text-3 .contenido{
	vertical-align: top;
	font-size: 25px;
	color: #5ba9ec;
}

footer #contactForm #text-3 .valores{
	text-align: right;
	vertical-align: bottom;
}

footer #contactForm #text-3 .valores h1{
	color: #d4f0fb;
}

footer #contactForm #text-3 .valores a{
	color: #d4f0fb;
}

footer #contactForm #text-3 .valores a:hover{
	color: #5ba9ec;
}

footer #contactForm #text-3 .avisoDePrivacidad {
	text-align: right;
	margin-top: 25px;
}



/*Contact Form*/
footer #contactForm .wpcf7 .wpcf7-form label{
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 9px;
	font-weight: 400;
	color: #a1adce;
	margin-left: 12px;
}

footer #contactForm .wpcf7 .wpcf7-form div.send {
	text-align: right;
}

footer #contactForm .wpcf7 .wpcf7-form div.send input {
	color: #5ba9ec;
	background-color: #062b4c;
	border: medium none;
	cursor: pointer;
	font-weight: 300;
	float: right;
	font-size: 30px;
	margin-right: 5%;
	padding: 8px 22px;
}

footer #contactForm .wpcf7 .wpcf7-form div.send input:hover {
	color: #062b4c;
	background-color: #5ba9ec;
}

footer #contactForm p span.formName {
	display: inline-block;
	width: 19%;
	font-size: 17px;
}

footer #contactForm p span.wpcf7-form-control-wrap {
	display: inline-block;
	width: 97%;
}

footer #contactForm p span.wpcf7-form-control-wrap.email {
	margin-left: 12px;
}

footer #contactForm p span.wpcf7-form-control-wrap.mensaje {
	display: inline-block;
	width: 97%;
}
	
footer #contactForm p span.wpcf7-form-control-wrap input {
	background-color: #062b4c;
	width: 94%;
	border: none;
	color: #a1adce;
	height: 37px;
	font-size: 20px;
	padding: 0px 10px;
}

footer #contactForm p span.wpcf7-form-control-wrap textarea {
	background-color: #062b4c;
	border: none;
	color: #a1adce;
	width: 94%;
	height: 162px!important;
	font-size: 20px;
	padding: 10px 10px;
}

footer #contactForm form #captchaContainer {
	width: 50%;
	display: inline-block;
}

footer #contactForm form #enviarContainer {
	width: 41%;
	display: inline-block;
	vertical-align: top;
	margin-right: 4%;
	margin-top: 4%;
}

/* Background Colors */

.blue01{
	background-color: #66ccff ;
}
.blue02{
	background-color: #3399cc ;
}
.blue03{
	background-color: #0066cc ;
}
.blue04{
	background-color: #339999 ;
}
.blue05{
	background-color: #336699 ;
}
.blue06{
	background-color: #003366 ;
}
.orange{
	background-color: #ff9933;
}


.blue03T{
	background-color: rgba(0, 102 ,204, 0.9 );
}
.blue06T{
	background-color:rgba(0, 51, 102, 0.5);
}

/* Layout color configration  */

.layoutLight{
	color: #003366;
	background-color: white; 
}

.layoutLight.layoutAcercaDe{
	color:white;
	background-color: rgba(255,255,255,0.5); 
}

.layoutBlack{
	color:white;
	background-color: black; 
}

.layoutBlack.layoutAcercaDe{
	color:white;
	background-color: rgba(0,0,0,0.5); 
}


.layoutBlue{
	color:white;
	background-color: #0066cc; 
}

.layoutBlue.layoutAcercaDe{
	color:white;
	background-color: rgba(0, 51, 102, 0.5); 
}

/* Logo animation */
a#logo.smallLogo{
	width: 76px;
	height: 70px;
	background-size: 82px;
	background-position: top;
}
	

/* Custom styles by ID */


#aplicacionesHome{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	position: relative;
	padding-bottom: 65px;
}

#serviciosHome{

}

#testimonio{
	background-color: white;
}

#testimonio h1.sectionTitle{
	text-align: center;
	font-size: 24px;
}

.blogContainer{
	margin: 0px auto;
	display: block !important;
}

.blogContent{
	vertical-align: top;
}

.blogContainer .blogContent #tituloCategoria {
	font-size: 3em;
}

.blogContent article{
	display: block;
	clear: both;
	vertical-align: top;
	font-size: 16px;
}

.blogContent article .content{
	vertical-align: top;
	padding: 0 20px;
}

.blogContent article h1{
	margin-bottom: 0px;	
	margin-top: 45px;
}

.blogContent article .date{
	margin-bottom: 10px;	
    display: block;
}

.blogContainer .blogContent article .image{
	height: 200px;
	background-size: cover;
	background-repeat: no-repeat;
}

.blogContainer aside.sidebar{
	vertical-align: top;
	margin-top:100px;
}

.blogContainer h1.blogTitle{
	font-size: 45px;
    margin: 0.67em 0;	
}


nav.prev-next-posts{
	display: block;
	font-size: 24px;
    margin: 20px 10px;
}
nav .next-posts-link {
	text-align: right;
}

.descargaTexto h1{
	font-size: 24px;
}

.descargaTexto .subcontenedor div{
	vertical-align: middle;
	padding-left: 20px;
}

.descargaTexto .subcontenedor div.botonDescarga{
	padding-left: 0px;
}

.descargaTexto .subcontenedor .botonDescarga a{
	display: inline-block;
	text-align: center;
	width: 100px;
	height: 100px;
	background-color: orange;
	border-radius: 5px;
	vertical-align: bottom;
	color:white;
	background-image: url('img/download.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.descargaTexto .subcontenedor .botonDescarga a.customizada{
	background-size: cover;
	margin-bottom: 0px;
	background-color: transparent;
}

footer section.descargas ul li div.imagenDescarga.customizada{
	background-size: contain;
	margin-bottom: 0px;
	background-color: transparent;
}

.descargaTexto p{
font-size: 14px;
}
.descargaTexto .subcontenedor .botonDescarga a:hover{
	background-color: #5ba9ec;
	transition: 0.5s;
}

.descargaTexto.contenidoSecundario{
	padding: 0 0 15px 0;
}

.descargaTexto.contenidoSecundario .subcontenedor{

}

.descargaTexto.contenidoSecundario .subcontenedor div{
	padding-left: 0px;
}

.descargaTexto.contenidoSecundario .subcontenedor div.botonDescarga {
	padding-left: 0px;
}

.descargaTexto.contenidoSecundario .subcontenedor div.botonDescarga a {
	width: 40px;
	height: 40px;
}

.descargaTexto.contenidoSecundario .subcontenedor div.botonDescarga a.customizada{
	width: 40px;
	height: 40px;	
}

#categorias {

}

#categorias h1 {
	font-size: 45px;
}

#categorias h2 {
	font-size: 2em;
	margin-bottom: 0px;
}

#categorias p {
	font-size: 16px;
	margin-top: 0px;
}

#categorias .postCategoria {
	
} 

#categorias .pagination {
	font-size: 1.5em;
	margin-top: 15px;
} 

#categorias .postCategoria .tituloPost {
	
} 

#categorias .postCategoria .image {
	height: 200px;
	background-size: cover;
	background-repeat: no-repeat;
}

#categorias .postCategoria .image img {
	
}

#categorias .postCategoria .content {
	vertical-align: top;
	padding: 0 20px;
}



@media only screen and (max-width: 1440px) {
/* Noticias */
	.proyectoDescripcion {
		padding: 24px 45px;
	}

	.proyectoDescripcion h2 {
		font-size: 23px;
	}

	.proyectoDescripcion p {
		font-size: 15px;
	}

/* Footer */
	footer section.descargas {
		padding: 32px 32px 32px 32px;
	}

	footer #contactForm form #captchaContainer {
		width: 61%;
		height: 76px;
		overflow: hidden;
	}

	footer #contactForm form #enviarContainer {
		width: 100%;
		vertical-align: top;
		margin-right: 4%;
		margin-top: 4%;
	}
}

@media only screen and (max-width: 1280px) {
/* Footer */
	footer section.descargas {
		padding: 32px 0px 0px 0px;
	}

	footer #elementosDescargas {
		padding: 0px 22px 32px 15px;
	}

	footer section.descargas ul {
		list-style-type: none;
		padding-left: 12px;
	}

	footer section.descargas ul li div.textoDescarga {
		width: 75%;
	}

	footer section.descargas ul li .textoDescarga h3 {
		font-size: 20px;
	}

	footer section.descargas .descargasButton a {
		width: 312px;
	}

	footer #contactForm form #captchaContainer {
		width: initial;
		display: inline-block;
		height: 76px;
		overflow: hidden;
	}

	footer #contactForm form #enviarContainer {
		width: initial;
		display: inline-block;
		vertical-align: top;
		margin-right: 4%;
		margin-top: 4%;
	}

	footer div#contactForm {
		padding: 20px 20px 32px 5px;
	}
}

@media only screen and (max-width: 1080px) {
	.subcontenedor div.contenidoDescarga{
		padding-left: 45px;
	}
}

@media only screen and (max-width: 768px) {
/* General style */
	.layoutSlider .sliderContainer {
		width: 100%;
	}
/* Home */
	.layoutBotones .serviciosBotones .boton {
		width: 400px;
	}

	section h1 {
		padding: 0px 10px 0px 10px;
	}

	section h2 {
		padding: 0px 0px 0px 5px;
	}

	footer section.descargas {
		padding: 0px;
	}

	footer section.descargas .descargasButton a{
		width: 90%;
		margin: 20px auto;
	}


/* Nav */

	header .subcontenedor nav{
		display: none;

	}

	header .subcontenedor .menuResponsivo{
		display: block;
		background-image: url(img/menu.png);
		width: 25px;
		height: 25px;
		background-size: cover;
		position: absolute;
		right: 18px;
		top: 18px;
	}

	header .navVisible nav{
		display: block;
	}

	header#mainHeader nav {
		background-color: #003366;
	}

	header .subcontenedor a#logo {
		left:0px;
		background-image: url(img/logoResponsivo.png);
		width: 58px;
		height: 60px;
		background-color: white;
		background-size: 50px;
	}

	header#mainHeader nav ul li {
		display: block;
		text-align: center;
		width: 100%;
	}

/* Nav productos */
	.layoutEncabezadoProductos .menuProducto {
		padding: 0px;
		display: none;
	}

	.layoutEncabezadoProductos .menuProducto li {
		display: block;
		text-align: center;
		width: 100%;
		margin: 18px 0px;
	}

	section.layoutListado .subcontenedor .categoriaListado .descripcionCategoria {
		width: 55%;
	}

	section.layoutListado .subcontenedor .categoriaListado .iconoCategoria {
		width: 70px;
	}

/* Noticias */
	.proyectoDescripcion {
		padding: 20px 25px;
	}

/* Layout Botones*/
	.layoutBotones .serviciosBotones a {
		width: 92%;
		font-size: 24px;
	}

/* Layout AcercaDe*/
	.layoutAcercaDe {
		height: initial;
	}

	.layoutAcercaDe .subcontenedor .bannerLogo{
		display: none;
	}

	.layoutAcercaDe .bannerText {
		height: initial;
	}

/* Layout servicios*/
	.layoutServicios .serviciosDescripcion {
		padding: 0px 0px 0px 12px;
	}

	.layoutServicios .serviciosDescripcion .descripcion {
		padding: 0px 7px 0 10px;
		margin-bottom: 36px;
	}

/* Productos Internos */
	body section:first-of-type {
		margin-top: 0px;
	}

	.layoutEncabezadoProductos .descripcionContainer {
		margin-top: 21px;
		width: 100%;
	}

	.layoutEncabezadoProductos {
		height: 330px;
	}

/* Descargas */

	.subcontenedor div.contenidoDescarga{
		padding-left: 60px;
	}

/* Footer */

	footer div#contactForm {
		padding: 20px 20px 0px 20px;
	}

	footer #contactForm #text-2 {
		width: 100%;
	}

	footer #contactForm #text-3 {
		width: 100%;
	}
}

@media only screen and (max-width: 480px) {
	/*HOME*/

	body .subcontenedor {
		padding: 0px 20px 40px 20px;
	}

	h1.sectionTitle {
		font-size: 35px;
	}

	.layoutServicios .serviciosDescripcion .descripcion h2 {
		font-size: 28px;
	}

	.layoutBotones .serviciosBotones .boton{
		width: 244px;
	}

	.layoutBotones .serviciosBotones .boton h2 {
		font-size: 30px;
	}

	.layoutBotones .serviciosBotones .boton a {
		font-size: 25px;
	}

	.layoutServicios .serviciosDescripcion .descripcion div {
		vertical-align: middle;
		font-size: 16px;
		margin: 5px 0;
	}

	.layoutBotones .serviciosBotones.expandido .boton {
		width: 100%;
	}

	/*Noticias*/
	.proyectoDescripcion {
		padding: 12px 16px;
	}

	.proyectoDescripcion span i {
		font-size: 21px;
		margin-right: 7px;
	}

	.proyectoDescripcion h2 {
		font-size: 20px;
	}

	.proyectoDescripcion p {
		font-size: 14px;
	}

	footer section.descargas .descargasButton {
		margin-top: 60px;
	}

	footer #contactForm #text-3 .contenido h1,
	footer #contactForm #text-3 .contenido h3 {
		display: none;
	}

	/*Productos*/
	section.layoutListado .subcontenedor .categoriaListado .descripcionCategoria h1 {
		font-size: 21px;
		margin: 15px 2px 5px 2px;
	}

	section.layoutListado .subcontenedor .categoriaListadoArticles article {
		padding-top: 10px;
	}

	/*Separadores*/

	.layoutListado .listado1cols,
	.layoutListado .listado2cols,
	.layoutListado .listado3cols {
		width: 80%;
	}

	section.layoutListado .subcontenedor .categoriaListadoArticles h2 {
		font-size: 21px;
	}

	.layoutEncabezadoProductos .descripcionContainer .icono {
		display: none;
	}

	/* Descargas */
	section.blogContent h1.sectionTitle {
		font-size: 20px;
	}

	.blogContainer h1.blogTitle {
		margin: 10px 0 0 0;
	}

	.subcontenedor div.contenidoDescarga{
		padding-left: 0px;
		padding-top: 5px;
	}

	.descargaTexto.contenidoSecundario .subcontenedor div {
		padding-left: 10px;
	}
}