@charset "UTF-8";
/* CSS Document */


@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 100;
    src: local('Open Sans'),
         url(opensans.eot) format('embedded-opentype'),
         url(opensans.ttf) format('truetype'),
         url(opensans.otf) format('opentype'),
         url(opensans.woff) format('woff');
}


body{
	background-color:#fafafa;
	}

.logo{
	max-width: 200px;
	padding-top: 2%;
	padding-bottom: 3%;
	}

h2{
	font-family: 'Open Sans';
	font-size: 2.6em;
	color: #505759;
	font-weight: lighter;
	}

h1{
	font-family: "Playfair Display";
	font-size: 4em;
	color: #003057;
	margin-bottom: 4%;
	}

h3{
	font-family: 'Open Sans';
	font-size: 2.6em;
	color: #505759;
	font-weight: lighter;
    margin-top: 0;
	}

h4{
	font-family: 'Open Sans';
	font-size: 1.4em;
	color: #003057;
	padding-top: 1%;
	font-weight: normal;	
	}


h5{
	font-family: 'Open Sans';
	font-size: 1.2em;
	color: #007fa3;
	font-weight: normal;
	line-height: normal;
	}

p{
	font-family: 'Open Sans';
	font-size: 1.3em;
	color: #003057;
	padding-bottom: 6%;
	padding-top: 4%;	
	border-bottom: thin solid #BDBDBD;
	}

a{
	color: #003057;
	text-decoration: none;
	}

footer{
	background-color: #003057;
	padding-bottom: 2%; 
	padding-top: 2%;
	font-family: 'Open Sans';
	font-size: 0.9em;
	font-weight: lighter;	
	}

footer li a{
	color: #fff;
	}


footer ul{
	color: #fff;
	}


.gris{
	background-color: #F3F3F3;
	}

.gris2{
	background-color: #F3F3F3;
	padding-bottom: 2%;
	}

.pFooter{
	font-family: 'Open Sans';
	font-size: 0.9em;
	text-decoration: none;
	color: #fff;	
	}

.pFooter a{
	font-family: 'Open Sans';
	font-size: 1em;
	text-decoration: none;
	color: #fff;
	}

.pFooter a:hover{
	font-family: 'Open Sans';
	font-size: 1em;
	text-decoration: none;
	color: #d2db0e;	
	}

.icono{
	max-width: 50px;
	padding-right: 3%;
	}

.texto{
	font-family: 'Open Sans';
	font-size: 1.2em;
	text-decoration: none;
	color: #505759;
	font-weight: lighter;
	padding-left: 1%;
	}

.descripcion{
	font-family: 'Open Sans';
	font-size: 0.9em;
	text-decoration: none;
	color: #505759;
	font-weight: normal;
	}

.info{
	font-family: 'Open Sans';
	font-size: 1.2em;
	color: #000;
	font-weight: normal;
	padding-top: 2%;
	}

.info a{
	font-family: 'Open Sans';
	font-size: 0.8em;
	color: #007fa3;
	font-weight: bold;
	text-decoration: none;
	}


.textoIndex	{
	font-family: 'Open Sans';
	color:#000;
	font-size:1em;
		}

.blanco{
	background-color:#fff;
	padding: 6%;
	height: 370px;
	margin-bottom: 3%;
	}

.blanco2{
	background-color:#fff;
	padding: 1%;
	width: 70%;
	margin-bottom: 2%;
	margin-top: 1%;
	}


.blanco3{
	background-color:#fff;
	padding: 1%;
	width: 70%;
	margin-top: 1%;
	}



.pCorporate{
	font-family: 'Open Sans';
	font-size: 1.3em;
	color: #003057;
	padding-bottom: 6%;
	padding-top: 4%;	
	}



.imagen{
	background-color:#fff;
	}

.color{
	font-family: 'Open Sans';
	color: #fff;
	font-size: 1.2em;
	}

.destacado{
	background-color:#007fa3;
	}

.dare{
	font-family: Times, "Times New Roman", "serif";
	font-size: 1.3em;
	color: #fff;
	font-weight: lighter;
	margin-bottom: 1.4%;
	margin-top: 4%;
	}

.textodare{
	font-family: 'Open Sans';
	font-size: 0.8em;
	color: #fff;
	font-weight: lighter;
	margin-bottom: 1.4%;
	margin-top: 2%;
	}

.textodare a{
	color: #fff;
	text-decoration: none;
	}

.barra{
	background-color: #003057;
	margin-bottom: 0px;
	}

.barra ul li a{
	color: #fff;
	}

.dropdown ul li a{
	background-color: #003057;
	}


.dropdown ul{
	background-color: #003057;
	}


.nav{
	padding-left: 14%;
	}



@media (max-width: 1024px) {
	
.nav{
	padding-left: 2%;
	}
	
.dare{
	font-family: Times, "Times New Roman", "serif";
	font-size: 1.3em;
	color: #fff;
	font-weight: lighter;
	margin-bottom: 1.4%;
	margin-top: 4%;
	}

.textodare{
	font-family: 'Open Sans';
	font-size: 0.8em;
	color: #fff;
	font-weight: lighter;
	margin-bottom: 1.4%;
	margin-top: 2%;
	}	
	
	
.logo{
	max-width: 200px;
	padding-top: 5%;
	padding-bottom: 3%;
	padding-left: 0%;
	}

h2{
	font-family: 'Open Sans';
	font-size: 2.5em;
	color: #505759;
	padding-left: 0%;
	font-weight: lighter;
	}

h1{
	font-family: "Times New Roman", "serif";
	font-size: 4em;
	color: #003057;
	margin-bottom: 4%;
	padding-left: 0%;
	}

h3{
	font-family: 'Open Sans';
	font-size: 2em;
	color: #003057;
	padding-top: 1%;
	padding-left: 0%;
	font-weight: 200;
	}
		

p{
	font-family: 'Open Sans';
	font-size: 1em;
	color: #003057;
	padding-bottom: 1.5%;
	border-bottom: thin solid #BDBDBD;
	padding-left: 5%;
	}


footer{
	background-color: #003057;
	padding-bottom: 2%; 
	padding-top: 2%;
	font-family: 'Open Sans';
	font-size: 0.9em;
	padding-left: 5%;
	}



.pFooter{
	font-family: 'Open Sans';
	font-size: 0.9em;
	color: #fff;
	text-decoration: none;
	color: #fff;	
	}

.pFooter a{
	font-family: 'Open Sans';
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	color: #fff;	
	}

.pFooter a:hover{
	font-family: 'Open Sans';
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	color: #d2db0e;	
	}

.icono{
	max-width: 50px;
	padding-right: 3%;
	padding-top: 3%;
	padding-bottom: 5%;
	}

.texto{
	padding-left: 5%;
	padding-right: 5%;
	}
	
.blanco{
	height: 380px;
	}
	
.blanco{

	}
	
	}

@media (max-width: 768px) {
	

.logo{
	max-width: 200px;
	padding-top: 5%;
	padding-bottom: 3%;
	padding-left: 5%;
	}

h2{
	font-family: 'Open Sans';
	font-size: 2em;
	color: #505759;
	padding-left: 6%;
	font-weight: lighter;
	}

h1{
	font-family: "Times New Roman", "serif";
	font-size: 3em;
	color: #003057;
	margin-bottom: 4%;
	padding-left: 6%;
	}

h3{
	font-family: 'Open Sans';
	font-size: 1.8em;
	color: #003057;
	padding-top: 1%;
	padding-left: 3%;
	font-weight: 200;
	}
		

p{
	font-family: 'Open Sans';
	font-size: 1em;
	color: #003057;
	padding-bottom: 1.5%;
	border-bottom: thin solid #BDBDBD;
	padding-left: 5%;
	}


footer{
	background-color: #003057;
	padding-bottom: 2%; 
	padding-top: 2%;
	font-family: 'Open Sans';
	font-size: 0.9em;
	padding-left: 5%;
	}



.pFooter{
	font-family: 'Open Sans';
	font-size: 0.9em;
	color: #fff;
	text-decoration: none;
	color: #fff;	
	}

.pFooter a{
	font-family: 'Open Sans';
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	color: #fff;	
	}

.pFooter a:hover{
	font-family: 'Open Sans';
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	color: #d2db0e;	
	}

.icono{
	max-width: 50px;
	padding-right: 3%;
	padding-top: 3%;
	padding-bottom: 5%;
	}

.texto{
	padding-left: 5%;
	padding-right: 5%;
	}
	
.blanco{
	height: 380px;
	}
	
	
.blanco2{
	background-color:#fff;
	padding: 1%;
	width: 70%;
	margin-bottom: 2%;
	margin-top: 1%;
	margin-left: 3%;
	width: 86%;
	}

.blanco3{
	background-color:#fff;
	padding: 1%;
	width: 70%;
	margin-left: 3%;
	width: 86%;	
	}
	
	}




@media (max-width: 375px) {
	


h2{
	font-family: 'Open Sans';
	font-size: 2em;
	color: #505759;
	font-weight: normal;
	margin-left: 6%;	
	}

h1{
	font-family: "Times New Roman", "serif";
	font-size: 3em;
	color: #003057;
	margin-bottom: 4%;
	margin-left: 6%;	
	}
	
h3{
	font-family: 'Open Sans';
	font-size: 1.5em;
	color: #505759;
	padding-top: 3%;
	font-weight: normal;
	margin-left: 6%;	
	}	

.blanco2{
	background-color:#fff;
	padding: 1%;
	width: 70%;
	margin-bottom: 2%;
	margin-top: 1%;
	margin-left: 10%;
	}

.blanco3{
	background-color:#fff;
	padding: 1%;
	width: 70%;
	margin-top: 1%;
	margin-left: 10%;	
	}
	
.logo{
	max-width: 200px;
	padding-top: 10%;
	padding-bottom: 3%;
	padding-left: 10%;	
	}	


	}