@charset "UTF-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Dosis:400,200);
@import url(https://fonts.googleapis.com/css?family=Pathway+Gothic+One);

body{
	margin:0;
	font:400 18px 'Dosis', sans-serif;
}
.aviso01{
	width:80%;
	max-width:650px;
	margin:1.5% auto;
	padding:1.5%;
	background:#FFF;
}
img{
	border:none;
}
.margen{
	width:100%;
	max-width:1024px;
	display:block;
	clear:both;
	margin:auto;
}
header{
	width:100%;
	height:auto;
	border-bottom:#faba34 solid 3px;
	padding:0.5% 0 0 0;
	font:400 24px 'Pathway Gothic One', sans-serif;
}
.logo{
	width:19%;
	max-width:195px;
	height:auto;
	display:inline-block;
	vertical-align:bottom;
	text-align:center;
}
.logo img{
	width:100%;
	max-width:195px;
	height:auto;
}
.topDer{
	width:auto;
	float:right;
	display:inline-block;
	vertical-align:bottom;
}
.tels{
	text-align:right;
	padding:13px 0 40px;
}
article{
	width:100%;
	height:auto;
	background:#f5f5f5;
	padding:0 0 1% 0;
}
footer{
	width:100%;
	height:auto;
	background:#3c3c3b;
	border-bottom:#faba34 solid 3px;
	color:#FFF;
	font:200 18px 'Dosis', sans-serif;
}
.mailPie{
	width:29%;
	max-width:300px;
	height:auto;
	display:inline-block;
	vertical-align:top;
	margin:1.5% 0;
}
.mapa{
	width:43%;
	max-width:450px;
	height:auto;
	display:inline-block;
	vertical-align:top;
	margin:1.5% 3%;
}
.datosPie{
	width:20%;
	max-width:205px;
	height:auto;
	display:inline-block;
	vertical-align:top;
	margin:1.5% 0;
}
.campo1{
	font:400 14px 'Dosis', sans-serif;
	max-width:300px;
	width:95%;
	height:auto;
	margin:2px auto;
	padding:3px 2%;
	text-align:left;
	color: rgba(63,63,63,1.00);
}
.titleBco{
	font:400 21px 'Pathway Gothic One', sans-serif;
	color:#FFF;
	padding:0 0 8px 0;
}
.titleNgo{
	font:400 21px 'Pathway Gothic One', sans-serif;
	color:#000;
}
.redes{
	width:38px;
	height:auto;
	padding:3px;
}
.gris{
	color:#dadad9;
	text-decoration:none;
}
.gris:hover{
	color:#FFEE00;
}
.ngo{
	color:#000;
	text-decoration:none;
}
.ngo:hover{
	color:#1d70b7;
}
.btn2{
	width:auto;
	padding:10px;
	display:inline-block;
	background:#27347d;
	color:#FFF;
	font:400 21px 'Pathway Gothic One', sans-serif;
	text-decoration:none;
	border:none;
}
.btn2:hover{
	background:#1d70b7;
	color:#FFF;
}
.titlePleca{
	width:100%;
	height:auto;
	color:#27347d;
	border-bottom:#27347d solid 1px;
	font:400 36px 'Pathway Gothic One', sans-serif;
	padding:20px 0 5px;
	text-transform:uppercase;
	margin:0 auto 15px;
	text-indent:15px;
}
.campo2{
	font-family: 'Dosis', sans-serif;
	max-width:265px;
	width:95%;
	height:auto;
	margin:1%;
	padding:1%;
	text-align:left;
	font-size:14px;
	color: rgba(63,63,63,1.00);
}
.campo3{
	font-family: 'Dosis', sans-serif;
	max-width:950px;
	width:90%;
	margin:1%;
	padding:1%;
	text-align:left;
	font-size:14px;
	color:rgba(63,63,63,1.00);
}
.col50{
	width:46%;
	margin:1.5%;
	display:inline-block;
	vertical-align:top;
	text-align:justify;
}
.col50 img{
	width:100%;
	height:auto;
}
.imgClientes{
	width:23%;
	max-width:250px;
	height:auto;
	margin:0.5%;
	display:inline-block;
}
@media (max-width:603px){
	.imgClientes{
		width:100%;
		margin:auto;
		display:block;
	}
	.logo{
		width:100%;
		max-width:none;
	}
	.topDer{
		float:none;
		width:100%;
	}
	.tels{
		width:95%;
		margin:auto;
		padding:1% 0;
		text-align:center;
	}
	.mapa, .mailPie{
		display:none;
	}
	.datosPie{
		width:95%;
		margin:auto;
		display:block;
		max-width:none;
		text-align:center;
	}
}

@media (min-width:604px) and (max-width:900px){
	.margen{
		width:98%;
	}
}