/* GoogleFont */
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700,300italic);
/* font-family: 'Open Sans Condensed', sans-serif; */


*{margin: 0; padding: 0; font-family: 'Open Sans Condensed', sans-serif;}
.pagina{max-width: 960px; margin: 1% auto 0 auto;}

html{font-size: 100%;}
body{background:#1c1c1c;font-family: 'Open Sans Condensed', sans-serif;font-size: 16px;}

/*Header*/
header{background:#fff; width: 100%;min-height: 50px; position: relative; float: left; box-shadow: 0 5px 0 #f89119;}
nav{width: 100%; min-height: 50px; position: relative; float: right;}
nav ul li a {color: #000; text-decoration: none; padding: 10%}
nav ul li{text-decoration: none; width: 12%; display: inline; position: relative; float: right; margin: 1.75% 1% 0 1%;}
.vn{font-size: 1.75em; position: relative; float: left; margin: 0 3% 0 2%; width: 6%; text-shadow: 0 2px 3px #000; color: #f89119;}

/*Main*/
main{min-height: 300px; width: 100%; position: relative; float: left; margin-top: 3.5%;}
main section{width: 100%; min-height: 100px; position: relative; float: left; padding: 1%; background:#bebcbc; display: inline-flex; justify-content: space-between; box-sizing: border-box;}
main section div{max-width: 23%; height: auto; position: relative; float: left;padding: 2% 1% 1% 1%;}
main section div a{text-decoration: none; font-weight: 700; font-size: 1.25rem; color: rgba(190, 188, 188, 0);}
main section div a img{border-radius: 10%; max-width: 100%;}
main section div a p{font-size: 0.95rem; font-weight: normal; margin-top: 2%;}


main aside{width: 100%; min-height: 100px;position: relative; float: right; background-color: #959393; box-sizing: border-box; padding: 2% 2% 0 2%; margin-top: 2.5%;}
.izq{width: 49%; position: relative; float: left;}
.der{width: 49%; position: relative; float: right; box-sizing: border-box; padding-left: 1%;}
h4 {margin-bottom: 1%; font-size: 0.85rem;}
main aside p{font-size: 1rem; margin-bottom: 5%;color:"#000";}

.separador {clear: both;}

/*Footer*/
footer{font-size: 0.9em; text-decoration: none;text-align: center; background-color: white; min-height: 20px; padding: 1.5%; margin-top: 1%; box-sizing: border-box;}


/*Acciones*/
nav ul li a:hover{background-color: #000; color: #fff; border-radius: 5.75%;}
main section div a:hover{color: #000;}
main section div:hover{color: #000; background-color: #f89119; border-radius: 1.5%;}

/*Plan*/

.plan{background-color: #bebcbc;padding:2%; min-height: 100px;width: 100%; position: relative; float: left; box-sizing: border-box;}
.right{width: 70%; position: relative; float: right;}
.left{width: 28%; position: relative; float: left;}
.datos{margin: 3% 0 6% 6%; width: 90%;}
.datos p{line-height: 2.5em;}
.datos2{margin: 3% 0 6% 6%; width: 90%;}
.datos2 p{line-height: 2em; margin-top: 2%;}

.a1 {font-size: 1em; display:inline;position: relative;float: right;text-decoration: none;margin:1% 0%;padding: 1%;}

.a5{font-size: 1em; display:inline;position: relative;float: right;text-decoration: none;margin:1% 2% 0% -4%;padding: 1%;}

.a2 {display:inline;position: relative;float:right;text-decoration: none;}

.a3 {color:white;background: rgba(0, 0, 0, 0.49);position: relative;margin: 0% 0% 0% 5%; padding: 5%}

.vn2{font-size: 30px; position: relative; float: left;margin:0% 0% 0% 2%; width: 6%; text-shadow: 0 2px 3px #000; color: #f89119;}

.video{position: relative;float: right;min-height: 100px;width:100%;box-sizing: border-box; }

.a6{font-size: 1em; font-family: 'Open Sans Condensed'; line-height: 1.4em; margin-top:2%;}

.a7{font-size: 1.2em;}

.fondo{background-color: #bebcbc; width: 100%;height:600px; }


/*Mapa*/


.fondoo {min-height: 450px; width: 100%; position: relative; float: left; margin-top: 0.5%; background: #bebcbc; text-decoration: none;}
.homemapa {position: relative; float:left; margin: 2% 0 0 41%;}
h6 {font-family: 'Open Sans Condensed', sans-serif; font-size: 2.5rem; text-decoration: none; color: black; }
h5 {font-family: 'Open Sans Condensed', sans-serif; font-size: 0.85rem; text-decoration: none; color: black; position: relative; float: left;}
.sola{position: relative; float:left; margin: 3% 2% 0 2%;}
a:link {text-decoration:none;}

.fondoo  div ul{list-style-type: none;}
.prin{width: 100%; position: relative; float: left; margin-bottom: 2%;}
.seccioness2 a:hover {text-decoration: underline;}
.seccionesb a:hover {text-decoration: underline;}
.seccionesc a:hover {text-decoration: underline;}
.prin a h5:hover {text-decoration: underline;}
.prin a h6:hover {text-decoration: underline;}

.seccioness2 { 
      position: relative;
      float: left;
      min-height: 28px;
    width: 22%; 
    margin-left: 19%;
    display: inline;}
    
.seccioness3 {display: inline;font-family: 'Open Sans Condensed', sans-serif;font-size: 1.5rem; color: black;}    
.seccioness4 {display: inline;font-family: 'Open Sans Condensed', sans-serif;font-size: 1rem; color: black;}
.seccioness5 {display: inline;font-family:'Open Sans Condensed', sans-serif;font-size: 0.95rem; color: black;}


.seccionesb   {
  position: relative;
  float: left;
  min-height: 28px;
    width: 22%; 
    display: inline;}

.seccionesc  { 

  position: relative;
  float: left;
  min-height: 28px;
    width: 22%; 
    display: inline;}



/*Responsive*/                             



@media screen and (max-width:780px){
    *{transition: 0.1s;}
    nav ul li{width: 15%; margin: 2% 0 0 2%;}
    nav ul li a{padding: 7%;}
    .vn{font-size: 1.5rem;}
    main section div a{max-width: 22%; font-size: 1rem;}
    h4{font-size: 0.9rem;}
    main aside p{font-size: 0.9rem;}
    footer{font-size: 0.8rem;}
    .plan{width: 100%;}
    .video{position: relative;float: left;margin:1%;width: 100%;}
    .a6{font-size:  13px;}
    .a1{font-size: 0px;}
    .a5{font-size: 0px;}
    .seccioness2{width: 26%; margin-left: 14%;}
    .seccionesb{width: 26%;}
    .seccionesc{width: 26%;}

}


@media screen and (max-width:620px){
    *{transition: 0.1s;}
    nav ul li{width: 18%; margin: 2.5% 0 0 2%;}
    nav ul li a{font-size: 0.9rem;}
    main section div a{font-size: 0.85rem;}
    main section div a p{font-size: 0.85rem;}
    .seccioness2{width: 30%; margin-left: 10%;}
    .seccionesb{width: 30%;}
    .seccionesc{width: 30%;}
    .prin{margin-bottom: 4%;}
   
}


@media screen and (max-width:500px){
    *{transition: 0.1s;}
    nav ul li{width: 20%; margin: 2.5% 0 0 2%;}
    nav ul li a{font-size: 1rem;}
    main section{padding: 2%; display: initial;}
    main section div{max-width: 45%; position: relative; float: left; margin: 0.85% 2.5%; box-sizing: border-box;}
    main section div a{font-size: 1.25rem;}
    main section div a p{font-size: 1.25rem;}
    .izq{padding-left: 2%;}
    footer{padding: 2%;}
    .a6{font-size: 10px;}
    .seccioness2{width: 50%; margin-left: 34%; margin-bottom: 8%;}
    .seccionesb{width: 50%; margin-left: 34%; margin-bottom: 8%;}
    .seccionesc{width: 50%; margin-left: 34%; margin-bottom: 8%;}
    .homemapa{margin-left: 34%;}
    
 
}

@media screen and (max-width:440px){
    *{transition: 0.1s;}
    nav ul li{width: 25%; margin: 5% 0 0 2%;}
    nav ul li a{font-size: 0.85rem;}
    main section div a p{font-size: 1rem;}
    h4{font-size: 0.8rem;}
    main aside p{font-size: 0.8rem;}
    footer{font-size: 0.85em;}
   
}

@media screen and (max-width:370px){
    *{transition: 0.1s;}
    nav ul li{width: 20%; margin: 4% 0 0 2%;}
    nav ul li a{font-size: 0.8rem;}
    main section div a{font-size: 1rem;}
    .izq{width: 100%;}
    .der{width: 100%}
     .seccioness2{margin-left: 20%; margin-bottom: 10%;}
    .seccionesb{margin-left: 20%; margin-bottom: 10%;}
    .seccionesc{margin-left: 20%; margin-bottom: 10%;}
    .homemapa{margin-left: 20%;}
   
}