body {;
font-size: 10px;
font-family: 'Roboto', sans-serif, helvetica;
background-color: rgb(236,238,194)
}

div#pagina1 {
margin: auto;
width:990px;
background-color: rgb(80,81,80);

}

header {
width:100%;
overflow: hidden;
margin-top: 1%;

}

div#logo1 {
padding-top: 2%;
width:  100%;
overflow: hidden;
}


#logo1 img{
float: left;
margin-left: 2%;
}

div#logo1 p {
background-color: rgba(80, 81, 80, 0.6);
margin-left: 9%;
float: left;
text-align: center;
color: rgb(236,238,194);    
margin-bottom: 0%;
font-size: 1.5rem;
font-weight: 900;   
padding-bottom: 1%;
padding-top: 1%;
padding-left: 3%;
padding-right: 3%;
margin-top: 4%;
text-align: center;
    
}


div#logo11 {
padding-top: 2%;
width:  100%;
overflow: hidden;
}


#logo11 img{
float: left;
margin-left: 6%;

}

div#logo11 p {
background-color: rgba(80, 81, 80, 0.6);
margin-left: 25%;
float: left;
text-align: center;
color: rgb(236,238,194);    
margin-bottom: 0%;
font-size: 1.5rem;
font-weight: 900;   
padding-bottom: 1%;
padding-top: 1%;
padding-left: 3%;
padding-right: 3%;
margin-top: 5%;
text-align: center;
    
}



#botonerarriba1{
width: 100%;
float: left;
margin-bottom: 1%;
margin-top:1%;
}

#botonerarriba1 ul{
float: left;
width: 96%;
background-color: rgb(96, 96, 79);
padding-bottom: 0%;
padding-top: 0%;
margin: 0%;
}

#botonerarriba1 ul li{
float: left;
margin-right: 0%;
margin-left: 0%;
width: 16%;
display: block;
}

#botonerarriba1 ul li a:hover{
background-color: rgb(80,81,80);
color: rgb(236,238,194);
}


#botonerarriba1 ul li a{
color: rgb(236,238,194);
text-decoration: none;    
font-size: 0.9rem; 
text-align: center;
display: block;
padding: 0%;
padding-right: 0%;
padding-left: 0%;
padding-bottom: 5%;
padding-top: 5%;
}

.titulomapa{
float: left;
color: rgb(236,238,194);
background-color: rgb(80,81,80);
padding-left: 2%;
width: 90%;
text-align: left;
font-size: 14pt;
    margin-left: 2%;
}

#mapa a{
float: left;
color: rgb(236,238,194);
background-color: rgb(96, 96, 79);
padding-left: 2%;
padding-right: 2%;
padding-top: 1%;
padding-bottom:  1%;
text-decoration: none;
font-size: 12pt;
font-weight: bold;
margin-top: 2%;
text-align: center;
font-style: normal;
margin-right: 2%;
margin-left: 4%;
}



div#columna11{

float: left;
color: rgb(236,238,194);
background-color: rgb(80,81,80);
padding-left: 2%;
width: 50%;
font-size: 0.9rem;
}

.textodestacado11{
font-weight: 900;
}

.textodestacado13{
text-decoration: underline;

}



div#columna11 a{

text-decoration: none;
color: rgb(197,0,62);
}

div#columna12{
margin-top: 2%;
float: left;
color: rgb(236,238,194);
background-color: rgb(80,81,80);
padding-left: 2%;
width: 50%;
font-size: 0.9rem;
margin-bottom: 3%;
margin-left: 2%;
}

.textodestacado12{
font-weight: 900;
}

.textodestacado13{
text-decoration: underline;

}



div#columna12 a{

text-decoration: none;
color: rgb(197,0,62);
}



div#columna21{
margin-top: 1%;
margin-right: 1%;
float: right;
width: 400px;
height: 450px;
}



footer{

padding-top: 1%;   
padding-bottom: 1%;
padding-left: 1%;
padding-right: 1%;
font-size: 0.7rem;
clear: both; 
text-align: center; 
color: rgb(236,238,194);
width: 98%;

}


/*********************carta***************************************/


div#columna112{

float: left;
color: rgb(236,238,194);
background-color: rgb(80,81,80);
padding-left: 2%;
width: 98%;
font-size: 0.9rem;
}


.titulos{
font-size: 1rem;
}