*{margin:0;padding:0;transition: 0.3s;}

html{font-size:100%}
body{ width: 100%; background: #FFF8D5;margin: 0 auto;font-family:'Open Sans', sans-serif;font-size:12px;}


/*PAGINA*/

.pagina {width: 100%;margin: 100px auto auto auto;}

.imagen{width:100%;}


/*COLUMNAS*/

.columna1{width:45%; height: 370px; position: relative; float: left;margin-right:auto;margin-left:2%;}

.columna2{width:45%; min-height: 450px; background: #90C2B8; position: relative; float: left; margin-left:2% ;margin-right:auto; padding: 0px; border-radius:20px; }


/*texto footer*/
.texto_pie { width: 100%; color: #4FA8A6; font-size: 0.6rem;font-family: sans-serif;padding: 30px; font-family: 'Open Sans', sans-serif; margin-left: 4%; margin-right: auto; }

footer {align-content: center;}


nav {background: #4FA8A6;margin: 0px; width: 100%; border-top-left-radius: 15px; border-top-right-radius: 15px; min-height: 25px; }
nav ul {list-style-type: none;width: 80%; margin-left: auto; margin-right: auto; margin-top: 0px; line-height:20px; margin-bottom: 0px;}
nav ul li {display: inline;margin: 5px;}
nav ul li a { text-decoration: none; color: #fff; font-size: 0.8rem;font-family: 'Open Sans', sans-serif; margin-left: 1%; }

.info_obligatoria {background: #90C2B8;margin: 0px; padding: 0px; min-height: 350px;}

h1 {font-family: 'Open Sans', sans-serif; font-size: 1rem; color: #E24A6F;padding: 5px; margin: 0px;text-align: center;}

p { font-family: 'Open Sans', sans-serif; font-size: 0.7rem;text-align:center; color:#fff;margin: 3px; padding-left: 20px; padding-right: 25px;}

.texto_destacado { font-weight: 700; }


main ul {list-style-type: none; margin: 2px;}
main ul li{ text-decoration: none; display: inline;color: #fff; font-size: 10px;font-family: sans-serif;padding: 0px;}
footer{ max-width: 463px;}



/*MAPA*/

.mainmapa {width: 50%; background: #90C2B8; margin-left: auto; margin-right: auto; min-height: 300px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
.mapa_titulo {font-family: 'Open Sans', sans-serif; font-size: 1.5rem; margin-bottom: 10px;}

.headermapa{width: 50%; margin-left: auto; margin-right: auto;margin-top: 20px;}
.nav_mapa {width: 50%; margin-left: auto; margin-right: auto; height: 25px;}

.nav_mapa ul {align-content: center; margin-left: 0px; margin-right: auto; line-height: 25px; }

.nav_mapa ul li {display: inline; margin-left: 10%;}

.nav_mapa ul li a {font-family: 'Open Sans', sans-serif; font-size: 0.8rem; }

.sectionmapa {width: 50%; margin-left: auto; margin-right: auto;}
.contenedormapa{text-align: center;}
.articlemapa{display:block;}
.footermapa{max-width: 50%; margin-left: auto; margin-right: auto;}

.texto_pie_mapa { width: 90%; color: #4FA8A6; font-size: 0.6rem;font-family: sans-serif;padding: 30px; font-family: 'Open Sans', sans-serif; margin-left: auto; margin-right: auto; }
a{text-decoration: none;}

.internas_mapa{ font-family: 'Open Sans', sans-serif; font-size: 0.8rem;text-align:center; color:#fff;margin: 3px; padding-left: 20px; padding-right: 25px;}


/*VIDEO*/

.contenedorvideo{text-align: center;}


.mainvideo {width: 50%; background: #90C2B8; margin-left: auto; margin-right: auto; min-height: 300px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}

.nav_video {width: 50%; margin-left: auto; margin-right: auto; height: 25px;}

.video {width: 100%; margin-left: auto; margin-right: auto; min-height: 450px;}

video { width: 90%; height: auto;margin-top: 20px; border-radius: 10px;}


/*RESPONSIVE*/


@media screen and (max-width:800px ) { 
    
    .pagina {width: 800px; margin: 100px auto auto auto;}
    
    .imagen{width:80%; box-sizing: border-box; margin-right: 0px;}
    
    .columna1{width:100%; float: none; margin-right:5%;margin-left:5%;}
    
    footer {height: 200px; margin-bottom: 50px;}

    .columna2{width:80%; float: none; margin-right:5%;margin-left:5%; margin-top: 120px;}
    
    .texto_pie { width: 100%; margin-left: 4%; margin-right: auto; }
    
    .info_obligatoria {width: 100%;}
    
    .contenedorvideo{width: 100%;}
    
    .mainvideo {width: 80%;}
    
    .nav_video {width: 80%;}
    
    .video {width: 100%; margin-left: auto; margin-right: auto; min-height: 430px;}

video { width: 90%; height: auto;margin-top: 20px; border-radius: 10px;}
}


@media screen and (max-width:480px ) { 
    
    .pagina {width: 480px; margin: 50px auto auto auto;}
    
    .texto_pie { width: 70%; margin-left: 0px ; margin-right: 0px; }
    
    .columna2{width:80%; float: none; margin-right:1%;margin-left:5%; margin-top: 0px; }
    
    .info_obligatoria {min-height: 550px; margin-bottom: 20px;border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
    
    nav ul {list-style-type: none;width: 75%; margin-left: 10px; margin-right: 3px; margin-top: 0px; line-height:20px; margin-bottom: 0px;}
    
    nav ul li {display: inline-block; text-align: center;}
    
    nav ul li a { font-size: 2rem; text-align: center; font-size: 0.8rem; margin-left: 10px; }
    
    
    
    
    .contenedormapa{width: 440px;}
    
    .mainmapa {width: 90%;}
    
    .nav_mapa {width: 90%;}
    
    .footermapa{max-width: 90%; margin-bottom: 0px;}
    
    .texto_pie_mapa { width: 80%; margin-bottom: 0px;}
    
    
    
     .contenedorvideo{width: 100%;}
    
    .mainvideo {width: 90%;}
    
    .nav_video {width: 90%;}
    
    .video {width: 100%; margin-left: auto; margin-right: auto; min-height: 300px;}

video { width: 90%; height: auto;margin-top: 20px; border-radius: 10px;}
    
}



@media screen and (max-width:320px ) { 
    
    .pagina {width: 320px; margin: 50px auto auto auto;}
    
    .contenedormapa{width: 280px;}
    
    .mainmapa {width: 90%;}
    
    .nav_mapa {width: 90%;}
    
    nav ul {margin-left: 35px; }
    
    nav ul li {margin-left: 0px; }
    
    .footermapa{max-width: 90%; margin-bottom: 0px;}
    
    .texto_pie_mapa { width: 80%; margin-bottom: 0px;}
    
    
    
    
    contenedorvideo{width: 100%;}
    
    .mainvideo {width: 90%; box-sizing: border-box; margin-bottom: 0px;}
    
    .nav_video {width: 90%;}
    
    .video {width: 100%; margin-left: auto; margin-right: auto; min-height: 150px; box-sizing: border-box; margin-bottom: 0px; }

    video { width: 90%; height: auto; border-radius: 10px; margin-bottom: 0px; }
}