@charset "UTF-8";

@font-face { font-family:'Open Sans'; @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);}
@font-face { font-family:'Oswald'; @import url(http://fonts.googleapis.com/css?family=Oswald:400,300);}


* {max-width:960px; margin:0; padding:0;}

header{width: 100%;}
.contenedor{margin: 0px; width: 960px; height: 400px;padding: 0px;} 
.grupo{width: 75%;position: relative;float: left;background:rgb(174, 193, 188);} 
h1{font-family: 'Oswald', sans-serif;color:rgb(255, 255, 255);font-size: 90px;margin: 20px;padding: 20px;}
.encabezado {width:25%;position: relative;float: right; padding-top:40px; background:#8e8d8e;height: 144px;} 
header nav ul li{list-style-type: none;font-weight: 400;}
a{ font-family: 'Oswald', sans-serif;font-weight: 400;font-size: 12px; color: #ffffff; text-decoration: none; padding-left:20px;}
header nav ul li a:hover { color:rgb(174, 193, 188); font-size:13px; transition:1s; }

main {width: 100%;position: relative;float: left;}
section{background: #f5f7f3; width: 100%;}
.unp{width: 30%;height: 250px;position: relative;float: left;} 
.dosp{width: 30%;height: 250px;position: relative;float: left;margin-left: 1%;}
.tresp{width: 30%;position: relative;float: left;margin-left: 1%;}
.textobligatorio{width: 75%;position: relative;float: left;font-family: 'Open Sans', sans-serif;font-weight: 300;font-size: 10px;color: #21284d;padding-left: 30px;padding-top: 80PX;} 
.titulitos{font-weight: 400;} 


.izquierda { width: 18%; height: 250px; position: relative; float: left;margin-left: 6%;margin-top: 5%;}

.derecha{ width: 40%; height: 250px; position: relative; float: left;margin-left: 6%; margin-top: 12%;} 

.definicion { font-family: 'Open Sans', sans-serif;font-weight: 300;font-size: 12px;color: #21284d;margin-top: 10%;}

.carta { font-family: 'Open Sans', sans-serif;font-weight: 300;font-size: 14px;color: #21284d;}

.h2 { font-family: 'Open Sans', sans-serif;font-weight: 600;font-size: 14px;color: #21284d; margin-bottom: 1%; }

.contcarta { height: 750px;}

.navcarta { margin-top: 8%; margin-left: 3%; }

.mapa {width: 100%;position: relative;float: left;margin-top: 5%;margin-left: 10%; margin-bottom: 5%;}


.r {margin-left: 5%;}

main  div nav ul li a {font-family: 'Open Sans', sans-serif;font-weight: 300;font-size: 14px;color: #21284d;}
main  div nav ul li a:hover {font-weight: 600; font-size: 15px; transition: 0.3s;}
main div nav ul li{list-style-type: none;font-weight: 400;margin-bottom: 1%;}

footer{width:100%;height: 50px; text-align: left; font-size: 8PX;font-family: 'Open Sans', sans-serif;font-weight: 400;color: #21284d;clear: both;margin-left: 31px;}
SEPARADOR{width: 100%;clear: both;}


/* VIDEO PROPUESTA */

#videoproceso { width: 100%; margin-top: 5%;}

/* RESPONSIVE */
@media (max-width: