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

body{
	margin:0px;
	font:400 18px 'Pathway Gothic One', 'Arial Narrow', sans-serif;
}
.margen{
	width:100%;
	height:auto;
	max-width:1024px;
	margin:auto;
}
.logo{
	width:100%;
	max-width:255px;
	height:auto;
	text-align:center;
	display:inline-block;
}
.imgLogo{
	width:100%;
	max-width:255px;
	height:auto;
}
.topDer{
	width:100%;
	max-width:670px;
	display:inline-block;
	height:auto;
	margin:0 0 0 80px;
	text-align:right;
	font-size:22px;
}
.upbar{
	text-align:center;
	font-size:22px;
        padding-right: 5px;
    
}
.top{
	width:100%;
	height:auto;
	padding:10px 0;
}
.bgAqua{
	width:100%;
	height:auto;
	padding:15px 0;
	background:#010067;
	color:#FFF;
	margin:0 0 15px 0;
}
.pleca{
	width:100%;
	height:5px;
	background:#252487;
	margin:15px 0;
}
.pie{
	width:100%;
	height:auto;
	margin:15px 0 0 0;
}
.contacto{
	width:100%;
	height:auto;
	background:#424242;
	padding:10px 0;
}
.titleAzulC{
	font-size:36px;
	color:#7776b3;
}
.titleAzulO{
	font-size:36px;
	color:#252487;
}
.titleAzulSucursal{
	font-size:24px!important;
	color:#252487;
        text-align: center;
        width: 100%;
}

.titleGris{
	color:#DADAD9;
}
.AzulO{
	color:#252487;
}
.imgTxt{
	width:50%;
	height:auto;
	max-width:500px;
	text-align:center;
	display:inline-block;
}
.imgEngrane{
	width:100%;
	height:auto;
	max-width:258px;
}
.txtAqua{
	width:45%;
	height:auto;
	display:inline-block;
	max-width:500px;
}
.txt2{
	width:35%;
	height:auto;
	max-width:360px;
	display:inline-block;
	vertical-align:top;
}
.txt4{
	width:33%;
	height:auto;
	max-width:360px;
	display:inline-block;
	vertical-align:top;
}
.txt4 span,.txt4 a{
	font-size:20px;
}


.banner{
	width:60%;
	max-width:610px;
	display:inline-block;
	vertical-align:top;
}
.txt3{
	width:45%;
	height:auto;
	max-width:450px;
	display:inline-block;
	vertical-align:top;
	text-align:justify;
	margin:0 0 0 2%;
}
.banner2{
	width:50%;
	max-width:500px;
	display:inline-block;
	vertical-align:top;
}
.titleBco{
	color:#ECECEC;
	font-size:36px;
}
.campo1{
	font-family: 'Questrial', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	max-width:265px;
	width:100%;
	height:auto;
	margin:5px;
	padding:10px;
	text-align:left;
	font-size:14px;
	color: rgba(63,63,63,1.00);
}
.campo2{
	font-family: 'Questrial', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	max-width:950px;
	width:100%;
	margin:5px 5px 20px 5px;
	padding:10px;
	text-align:left;
	font-size:14px;
	color:rgba(63,63,63,1.00);
}
.btn2{
	margin:10px;
	padding:10px;
	background: #010067;
	text-align:center;
	border:none;
	font:400 24px 'Pathway Gothic One', sans-serif;
	text-decoration:none;
	color:#ECECEC;
	width:auto;
	
}
.redes{
	width:10%;
	height:auto;
	text-align:right;
	display:inline-block;
}
.imgRedes{
	padding:5px 3px;
}
.txtPie{
	width:88%;
	height:auto;
	display:inline-block;
	text-align:center;
	vertical-align:top;
}
.aviso01{
	width:80%;
	padding:15px 10px;
	margin:15px auto;
	max-width:600px;
	background:#FFF;
}
@media (max-width:603px){
	.logo{
		width:100%;
		max-width:none;
		margin:auto;
	}
	.topDer{
		width:100%;
		max-width:none;
		margin:auto;
		text-align:center;
	}
	.imgTxt{
		width:100%;
		max-width:none;
		margin:auto;
	}
	.txtAqua{
		width:95%;
		max-width:none;
		margin:10px 2%;
		text-align:justify;
	}
	.txt2{
		width:95%;
		max-width:none;
		margin:10px 2%;
		text-align:justify;
	}
	.txt3{
		width:95%;
		max-width:none;
		margin:10px 2%;
		text-align:justify;
	}
        .txt4{
                width:95%;
                max-width:none;
		margin:10px 2%;
		text-align:justify;
        }
        .upbar{
            font-size:20px;
        }
	.campo2{
		width:90%;
		margin:5px auto;
	}
	.banner{
		width:100%;
		max-width:none;
	}
	.banner2{
		width:100%;
		max-width:none;
	}
	.txtPie{
		width:100%;
		text-align:center;
		margin:10px auto;
		font-size:14px;
	}
	.redes{
		width:100%;
		text-align:center;
		margin:auto;
	}
}


@media (min-width:604px) and (max-width:900px){
	.logo{
		width:100%;
		max-width:none;
		margin:auto;
	}
	.topDer{
		width:100%;
		max-width:none;
		margin:auto;
		text-align:center;
	}
	.campo1{
		width:90%;
		max-width:200px;
	}
	.campo2{
		width:90%;
		max-width:700px;
	}
	.margen{
		width:98%;
		margin:auto;
	}
	.txtAqua{
		text-align:justify;
	}
	.txt3{
		text-align:justify;
	}
}