@charset "utf-8";

html, body{

	margin: 0;
	padding: 0;
	height: 100%; 
}
body{
	background-color: rgba(111, 139, 139, 0.99); 
    font-family: "Helvetica LT Std",sans-serif;
}

#pagina{
	margin: 0 auto;
	background-color: #fff;
	width: 70%;
}
div #logo img{
    width: 100%;
}

header nav ul{
        margin: 0rem;
        overflow: hidden;
        list-style: none;
        font-family: "Helvetica LT Std",sans-serif;
        background-color:#00A096;
 }
header nav ul a{
        display: block;
        text-decoration: none;
        text-align: center;
        padding-left: 1%;
        padding-top: 3%;
        padding-bottom: 1%;
        font-size: 80%;
        color: white;
        list-style: none;
  }
header nav ul a:hover{
        color:#ffffff;
        background-color:#E41F2B;
 }
header nav ul li {
        width: 17%;
        float: left;
        margin-right: 1rem;
 }

.bienvenidos h1{
    padding-left:5%;  
    
    }

.bienvenidos p {
    padding-left: 5%;
     padding-right:5%; 
    font-size: .9rem;
 }

.textodestacado1{
    color: rgb(68, 191, 153);
    font-weight: 700;
     }
#contenedorinformate{
    padding-left: 5%;
    padding-right: 5%;
    width:90%;
    overflow: hidden;
    margin-top: 30px;
    }
#cajadeinformate img{
    width: 100%;
}
#cajadeinformate p{
    width:100%;
    font-family:'Droid Sans', sans-serif;
    font-size: 0.85rem;
    line-height: 1.2rem;
    margin-top: 0.5rem;
    color: #07ce81;
    text-align: center;      
}
.subtituloinformate {
    font-family: 'Droid Sans', sans-serif;
    color: #faf7f8;
    font-size: 17px;
    background-color: #0cb789;
    display: block;
    border-radius: 1px;
    text-align: center;
}
#cajadeinformate img {
    width: 100%;
}
h6 {
    font-family: 'Droid Sans', sans-serif;
    font-weight: 400;
    font-size: 0.85rem;
    color: rgb(255,255,255);
    background-color: #0cb789;
    text-align: center;
    margin-bottom: 0;
    margin-top: 0;
}
.datos{
     padding-left:5%; 
     padding-right:5%; 
    }
.datos h2{
     font-size: .9rem;
     }
.datos p{
     font-size: .8rem;
     }
.datos img{
    width: 50%;
     }
div #pie-redsocial a {
    padding-left:5%; 
    display: inline;
	width: 24px;
	height: 24px;
    margin-top: 2px;
    margin-bottom: 0;
}
div #pie-redsocial a:hover{
    margin-top: 0; 
    margin-bottom: 2px;  
}
div #pie-redsocial a:hover img{
    filter: alpha(opacity=70);
    opacity: .70;
}
div #carta-mapa{
     padding-left: 5%;
    }
footer {
        background-color: rgba(0, 160, 150, 0.58);
        margin: 0;
        padding: 0;
        margin-top:0%;
}
footer p { 
     font-family: Ariel, Helvetica,"Open sans", sans-serif;
    font-style: italic;
     color:white;
     font-size: 80%;
    padding-left: 5%;
           
 }
section#cajadeinformate {
    float: left;
    margin-top: 0%;
    margin-bottom: 2%;
    background-color: white;
    margin-right: 1%;
    width: 24%;
}
@media all and (min-width:1px) and (max-width:640px){

header nav ul li{
        width: 10rem;
        position: relative;
        display: inline;
        line-height: 80%;
        margin-top: 0;
}

aside h3 {
        font-family: "droid_serifbold_italic";
        background-color:#00A096;
        color:#ffffff;
        font-size: 70%;
        width: 47%;
        font-family: "droid_serifbold_italic";
        padding-left:20%;
 }
 
 }
@media all and (min-width:641px) and (max-width:840px){
    header nav ul li{
        float: none;
        margin-bottom: .15rem;
 }
    aside h3 {
        font-family: "droid_serifbold_italic";
        background-color:#00A096;
        color:#ffffff;
        font-size: 70%;
        width: 47%;
        font-family: "droid_serifbold_italic";
        padding-left:20%;
 }
    .columna1{
    float: left;
    width: 52%;
 }
.columna2{
    float: right;
    width: 47%;
     overflow: hidden;
    
 }
section#cajadeinformate {
    float: left;
    margin-top: 0%;
    margin-bottom: 2%;
    background-color: white;
    margin-right: 1%;
    width: 20%;
}
}
@media all and (min-width:841px){
    header nav ul li{
        position: relative;
         width: 10rem;

 }
 aside h3 {
        font-family: "droid_serifbold_italic";
        background-color:#00A096;
        color:#ffffff;
        font-size: 80%;
        width: 47%;
        float: right;
        font-family: "droid_serifbold_italic";
        padding-left:1%
 }
    
div #pie-redsocial a {
    padding-left:5%; 
    display: inline;
	width: 24px;
	height: 24px;
    margin-top: 2px;
    margin-bottom: 0;
}
 footer p { 
        font-size: 90%;
        padding-left: 35%;
           
}
 .columna1{
    float: left;
    width: 52%;
 }
.columna2{
    float: right;
    width: 47%;

 }
 }