/*
	Theme Name: Protempla
	Description: Tema realizado para Protempla
	Version: 1.1
	Author: Patricio San Martin
*/

@font-face{
	font-family:'Fontello';
	src:url('fonts/fontello.eot');
	src:url('fonts/fontello.woff') format('woff'), url('fonts/fontello.ttf') format('truetype'),url('fonts/fontello.svg') format('svg');
}

/** GENERALES **/
*{
	-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
body{
	color:#9f9f9f;
	display:-webkit-flex;
		display:flex;
	-webkit-flex-direction:column;
		flex-direction:column;
	font:16px/1.5 'Lato', sans-serif;
	min-height:100vh;
	text-align:center;
}
a{
	text-decoration:none;
}
img{
	margin:10px;
}
strong{
	font-weight:bold;
}
em{
	font-style:italic;
}
h1{
	font-family:'Montserrat', sans-serif;
	font-size:1.8em;
	text-transform:uppercase;
}
h2{
	color:#8ab61e;
	font-family:'Montserrat', sans-serif;
	font-size:1.5em;
	line-height:1.2em;
	margin-bottom:20px;
	text-transform:uppercase;
}
h3{
	font-size:1em;
	font-weight:bold;
	line-height:1.4em;
	margin-bottom:10px;
	text-transform:uppercase;
}
p{
	margin-bottom:20px;
}
label{
	color:#006098;
	font-weight:bold;
}
form{
	margin-top:50px;
}
input[type='text'] , input[type='email'] , textarea{
	border:1px solid #ddd;
	border-radius:4px;
	color:#808080;
	font-size:1em;
	max-width:400px;
	padding:.3em;
	width:90%;
}
sub{
	font-size:.7em;
	vertical-align:sub;
}
.btn , .wpcf7-submit{
	border:0;
	border-radius:3px;
	box-shadow:1px 1px 0 rgba(0,0,0,.4);
	display:inline-block;
	font-weight:bold;
	font-size:.9em;
	margin:10px 0;
	padding:.6em 1em;
	text-transform:uppercase;
}
.btn-azul , .wpcf7-submit{
	background:#006098;
	color:#fff;
}
.btn-azul:hover{
	background:#4592bf;
}
.btn-verde{
	background:#8ab61e;
	color:#fff;
}
.btn-verde:hover{
	background:#7ca711;
}
.fondo-celeste{
	background:#f0f7f8;
}
.fondo-celeste h2{
	color:#006098;
}
.fondo-gris{
	background:#eeeeee;
}
.fondo-gris h2{
	color:#5c5c5c;
}
.fondo-gris-oscuro{
	background:#474747;
	color:#e6e6e6;
	padding:3px;
}
.texto-verde{
	color:#8ab61e;
}
.texto-azul{
	color:#006098;
}
.texto-gris{
	color:#5c5c5c;
}
.chico , .mediano , .grande{
	font-weight:bold;
	text-align:center;
}
.chico{
	font-size:1em;
}
.mediano{
	font-size:1.5em;
}
.grande{
	font-size:2em;
}
.fila , .contenedor , .media-fila , .contenedor-interior{
	display:-webkit-flex;
		display:flex;
	-webkit-flex-direction:column;
		flex-direction:column;
}
.fila , .media-fila , .columna60 , .columna40, .caja , .media-columna , .contenedor , .contenedor-interior , .contenedor-corchetes{
	width:100%;
}
.contenedor , .contenedor-interior{
	padding:50px 15px 20px;
}
.caja , .media-columna{
	padding-bottom:30px;
}
.centrar{
	text-align:center;
}
.primera{
	-webkit-order:-1;
		order:-1;
}

/** HEADER **/
.logo{
	display:inline-block;
	margin:30px 0;
	width:280px;
}
.logo a{
	background:url(imagenes/logo_protempla.png) no-repeat center center;
	background-size:100%;
	display:block;
	height:42px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}
.titulo{
	color:#fff;
	margin:0 auto;
	padding:30px 15px 0;
}
.titulo-productos{
	background:#72a6ae;
}
.titulo-nosotros{
	background:#3079bd;
}
.titulo-servicios{
	background:#5f81a1;
}
.titulo-contacto{
	background:#9090b1;
}

/** MENU **/
nav ul li{
	border-top:1px solid #fff;
}
.boton-menu a , nav ul li a{
	background:#e2edee;
	color:#006098;
	display:block;
	font-size:.9em;
	font-weight:bold;
	padding:.4em 0;
	text-transform:uppercase;
}
.boton-menu a:hover , nav ul li a:hover , .current_page_item a{
	background:#2777a6;
	color:#fff;
}
.menu-inactivo{
	display:block;
	max-height:0;
	overflow:hidden;
	transition:max-height 0.5s ease;
}
.menu-activo{
	max-height:240px;
}

/** SLIDER**/
.slider{
	background:#dbdce3;
}
.slider , .slider-servicio{
	display:-webkit-flex;
		display:flex;
	-webkit-flex-flow:row wrap;
		flex-flow:row wrap;
	-webkit-justify-content:center;
		justify-content:center;
	width:100%;
}
.contenedor-slides , .contenedor-slides-servicio{
	margin-bottom:20px;
	-webkit-order:-1;
		order:-1;
	overflow:hidden;
	width:100%;
}
.lista-slider-home , .lista-slider-servicio{
	display:-webkit-flex;
		display:flex;
	-webkit-flex-flow:row wrap;
		flex-flow:row wrap;
	position:relative;
}
.lista-slider-home{
	width:300%;
}
.lista-slider-servicio{
	width:400%;
}
.slide-home , .slide-servicio{
	overflow:hidden;
	display:-webkit-flex;
		display:flex;
	-webkit-flex-direction:column;
		flex-direction:column;
	-webkit-align-items:center;
		align-items:center;
	-webkit-justify-content:flex-start;
		justify-content:flex-start;
	padding:10px;
}
.slide-home{
	width:33.3333%;
}
.slide-servicio{
	width:25%;
}
.titulo-slide{
	background:#006098;
	border-radius:3px;
	color:#fff;
	display:inline-block;
	margin:20px 0 10px;
	padding:5px 10px;
}
.subtitulo-slide{
	display:block;
	clear:both;
	color:#006098;
	font-size:.8em;
}
.texto-slide p{
	color:#808080;
	-webkit-text-shadow:1px 1px 0 rgba(255,255,255,.7);
		text-shadow:1px 1px 0 rgba(255,255,255,.7);
}
.imagen-slide-home , .imagen-slide-servicio{
	-webkit-order:-1;
		order:-1;
}
.imagen-slide-home img{
	width:75%;
}
.btn-flecha{
	margin:0 5px;
}
.btn-flecha span{
	background:#474747;
	color:#fff;
	padding:10px 8px;
}

/** CUERPO **/
.contenedor-corchetes{
	display:-webkit-flex;
		display:flex;
	-webkit-justify-content:space-between;
		justify-content:space-between;
	-webkit-align-items:center;
		align-items:center;
	margin:0 auto;
	padding:50px 15px;
}
.texto-corchetes p{
	font-style:italic;
}
.texto-corchetes img{
	margin:20px 10px;
}
.imagen-circ{
	border-radius:50%;
	border:1px solid #dbdce3;
	height:200px;
	margin:0 auto 30px;
	overflow:hidden;
	width:200px;
}
.imagen-circ img{
	margin:0;
	width:100%;
	display:block;
	border-radius:50%;
}
.marco-imagen{
	border:1px solid #dbdce3;
	border-radius:3px;
	display:inline-block;
	max-width:425px;
	overflow:hidden;
	width:90%;
	height:90%;
}
.marco-imagen p{
	margin:0;
}
.marco-imagen img{
	border-radius:2px;
	display:block;
	margin:0;
	width:100%;
	height:100%;
}
.columna-40>img , .camioneta{
	width:80%;
	height:80%;
}
.camioneta{
	max-width:440px;
}

/** CLIENTES **/
.clientes p{
	display:-webkit-flex;
		display:flex;
	-webkit-flex-flow:row wrap;
		flex-flow:row wrap;
	-webkit-justify-content:center;
		justify-content:center;
	-webkit-align-items:flex-end;
		align-items:flex-end;
	margin:50px 0;
}

/** FOOTER **/
footer{
	background:#5a5a5a;
	color:#fff;
}
footer p{
	margin-bottom:0;
}
.marca{
	font-family:'Montserrat', sans-serif;
	font-size:1.8em;
	text-transform:uppercase;
}
.desarrollo{
	background:#333;
	color:#ccc;
	font-size:.8em;
	padding:.4em;
	text-align:center;
}
.desarrollo a{
	color:#fff;
	font-weight:bold;
}

@media all and (min-width:600px){
	/** HEADER **/
	.logo{
		width:325px;
	}
	.logo>a{
		height:48px;
	}
	
	/** MENU **/
	.boton-menu{
		display:none;
	}
	.menu-inactivo{
		display:block;
		max-height:none;
		transition-duration:0;
		overflow:visible;
	}
	.menu-activo{
		max-height:none;
	}
	nav ul{
		display:-webkit-flex;
			display:flex;
		-webkit-flex-flow:row nowrap;
			flex-flow:row nowrap;
	}
	nav ul li{
		border:0;
		width:30%;
	}
	
	/** SLIDER **/
	.fondo-slider{
		background:url(imagenes/fondo_1024.jpg);
	}
	.slider , .slider-servicio{
		-webkit-justify-content:space-between;
			justify-content:space-between;
		-webkit-align-items:center;
			align-items:center;
	}
	.slider{
		background:rgba(238,239,242,.96);
		min-height:400px;
	}
	.contenedor-slides , .contenedor-slides-servicio{
		-webkit-order:0;
		order:0;
	}
	.contenedor-slides{
		width:70%;
	}
	.contenedor-slides-servicio{
		width:80%;
	}
	/** CUERPO **/
	.contenedor-corchetes:before{
		border-left:5px solid #dcdcdc;
		border-top:5px solid #dcdcdc;
		content:"";
		display:block;
		height:30px;
		-webkit-align-self:flex-start;
			align-self:flex-start;
		width:30px;
	}
	.contenedor-corchetes:after{
		border-bottom:5px solid #dcdcdc;
		border-right:5px solid #dcdcdc;
		content:"";
		display:block;
		height:30px;
		-webkit-align-self:flex-end;
			align-self:flex-end;
		width:30px;
	}
	.texto-corchetes{
		margin:50px auto;
		text-align:center;
		width:calc(100% - 100px);
	}
	.imagen-circ{
		height:250px;
		width:250px;
	}
	.columna-40 img{
		width:auto;
	}
}

@media all and (min-width:800px){
	/** GENERALES **/
	section , footer{
		text-align:left;
	}
	h1{
		font-size:2.6em;
	}
	h2{
		font-size:1.8em;
		padding-top:20px;
	}
	h3{
		font-size:1.1em;
	}
	.fila , .contenedor{
		-webkit-flex-flow:row wrap;
			flex-flow:row wrap;
		margin:0 auto;
	}
	.contenedor{
		-webkit-align-items:center;
		align-items:center;
	}
	.media-fila , .media-columna{
		width:50%;
	}
	.media-columna{
		-webkit-align-self:flex-start;
			align-self:flex-start;
		padding:20px 20px 50px;
	}
	.media-columna:nth-child(odd){
		text-align:right;
	}
	.columna-60{
		width:60%;
	}
	.columna-40{
		width:40%;
	}
	.caja{
		width:auto;
	}
	.caja , .columna-60 , .columna-40{
		padding:20px 20px 30px;
	}
	
	/** HEADER **/
	.fondo-gris-oscuro{
		padding:3px 15px;
		text-align:right;
	}
	.titulo{
		padding:50px 30px 0;
	}
	
	/** SLIDER **/
	.slider , .slider-servicio{
		text-align:center;
	}
	.texto-slide{
		padding-right:30px;
	}
	.slider-servicio{
		margin-bottom:20px;
	}
	
	/** CUERPO **/
	.contenedor-corchetes{
		max-width:700px;
		width:70%;
	}
	.texto-circ{
		text-align:center;
	}
	.primera{
		-webkit-order:0;
			order:0;
	}
	
	/** FOOTER **/
	footer .contenedor{
		-webkit-align-items:flex-end;
			align-items:flex-end;
	}
	footer .caja{
		padding-right:40px;
	}
}

@media all and (min-width:1024px){
	/** GENERALES **/
	.contenedor , .contenedor-menu, .titulo{
		max-width:1280px;
	}
	.contenedor-interior{
		max-width:640px;
	}
	.media-fila:nth-child(odd){
		align-items:flex-end;
	}
	
	/** HEADER **/
	.titulo{
		padding-top:90px;
		text-align:left;
	}
	
	/** MENU **/
	.contenedor-menu{
		display:-webkit-flex;
			display:flex;
		-webkit-flex-direction:row;
			flex-direction:row;
		-webkit-justify-content:space-between;
			justify-content:space-between;
		-webkit-align-items:center;
			align-items:center;
		margin:0 auto;
		padding:0 15px;
		text-align:left;
	}
	nav ul li{
		border-radius:3px;
		margin:0 .1em;
		overflow:hidden;
		width:auto;
	}
	nav ul li a{
		background:transparent;
		border:1px solid transparent;
		color:#9f9f9f;
		padding:.4em .6em;
	}
	nav ul li a:hover , .current_page_item a{
		background:#f0f7f8;
		border-color:#e2edee;
		color:#006098;
	}
	
	/** SLIDER **/
	.fondo-slider{
		background:url(imagenes/fondo_1920.jpg);
	}
	.slider{
		height:500px;
	}
	.slide-home{
		-webkit-flex-direction:row;
			flex-direction:row;
		-webkit-justify-content:space-between;
			justify-content:space-between;
		text-align:left;
	}
	.imagen-slide-home{
		-webkit-order:0;
			order:0;
	}
	.imagen-slide-home img{
		width:100%;
	}
	.slide-servicio{
		-webkit-flex-direction:row;
			flex-direction:row;
		-webkit-justify-content:space-between;
			justify-content:space-between;
		text-align:left;
	}
	.texto-slide-servicio{
		padding-right:30px;
	}
	.imagen-slide-servicio{
		-webkit-order:0;
			order:0;
	}
	
	/** CUERPO **/
	.imagen-circ{
		height:300px;
		margin-bottom:50px;
		width:300px;
	}
}