body {
background-color: #EAEAEA;
width: auto;
margin: 5px 5px 5px 5px;
}
#body_protdat {
background-color: #FFFFFF;
width: 500px;
height: 400px;
margin: 0 auto;
}
#Zona_logo {
width: 100%;
height: 110px;
clear: both;
float: left;
background: #6D3019;
}
#Zona_lema {
width: 100%;
clear: both;
background-color: #C0C0C0;
height: 110px;
height: 25px;
}
#Zona_copyright {
width: 100%;
clear: both;
background-color: #C0C0C0;
}
#Texto_nombre {
font-weight: bold;
font-family: 'Open Sans', sans-serif;
font-size: 31px;
letter-spacing: .1em;
color: #FFFFFF;
text-align: left;
margin: 4px 10px;
position: relative;
top: -112px;
text-shadow: 1px 1px #C0C0C0;
}
#Texto_lema {
font-weight: bold;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #6D3019;
letter-spacing: 0.30em;
text-align: left;
margin: 8px;
line-height: 25px;
}
#imagen_logo {
position: relative;
}
#tabla_menu {
margin: 0px auto 0px auto;
width: 100%;
border-collapse: separate;
border-spacing: 5px 0px;
}
#tabla_menu_abajo {
margin: 0px auto 0px auto;
width: 80%;
border-collapse: separate;
border-spacing: 5px 0px;
display: none;
}
#tabla_contacto {
margin: 0px auto 0px auto;
width: 100%;
border-collapse: separate;
border-spacing: 10px 15px;
}
.imgtabla {
display: block;
margin: 10px auto;
}
#Zona_menu {
width: 100%;
background: linear-gradient(to top,#C0C0C0, white);
clear: both;
}
#Zona_menu_abajo {
width: 100%;
background: linear-gradient(to top,#C0C0C0, white);
clear: both;
}
.celdaImagenMenu {
background-color: white;
}
.textomenu {
font-family: 'Open Sans', sans-serif;
font-size: 0.9em;
line-height: 1.4375em;
text-align: center;
}
.celdaTextoMenu {
width: 250px;
padding: 5px 5px;
vertical-align: middle;
}
#div_texto_izda {
background-color: #FFFFFF;
width: 73%;
display: table-cell;
padding-top: 20px;
padding-left: 2%;
padding-right: 2%;
}
#div_texto_dcha {
display: table-cell;
width: 20%;
padding-left: 1%;
padding-right: 1%;
padding-top: 10px;
vertical-align: top;
background: linear-gradient(to bottom,#C0C0C0, white);
}
.texto {
color: #404040;
font-family: 'Open Sans', sans-serif;
font-size: 1em;
line-height: 1.475em;
margin-bottom: 15px;
text-align: justify;
}
#correo_electronico {
font-family: 'Open Sans', sans-serif;
font-size: 1em;
line-height: 1.475em;
margin-bottom: 15px;
text-align: justify;
}
h1 {
color: #6D3019;
font-family: 'Open Sans', sans-serif;
font-size: 1.05em;
line-height: 1.4375em;
margin-bottom: 15px;
font-weight: bold;
}
h2 {
color: #404040;
font-family: 'Open Sans', sans-serif;
font-size: 1em;
line-height: 1.4375em;
margin-bottom: 15px;
}
.texto_contacto {
color: #404040;
font-family: 'Open Sans', sans-serif;
font-size: 0.85em;
line-height: 1.4375em;
vertical-align: middle;
}
.celda_tabla_contacto {
vertical-align: middle;
}
.celdaTextoMenu:hover {
background: #FFFFFF;
color: #6D3019;
}
.a_menu {
color: #353535;
text-decoration: none;
}
.imglogo {
float: left;
}
.texto_aviso_legal {
color: #6D3019;
font-family: 'Open Sans', sans-serif;
font-size: 0.95em;
text-align: center;
line-height: 25px;
}
#div_Logo_Prot_Datos {
width: 500px;
height: 120px;
clear: both;
}
#div_Prot_Datos {
background-color: #FFFFFF;
width: 470px;
height: 280px;
clear: both;
padding: 15px 15px 15px 15px;
}
.imgcenter {
margin: 15px auto 15px auto;
display: block;
}
.img_rey {
margin: 15px auto 15px auto;
display: block;
}
#google_mapa {
width: 90%;
height: 400px;
display: block;
margin: 0 auto;
}
img {
border: none;
}
@media (max-width: 820px) {
#Zona_copyright {
display: none;
}
}
@media (max-width: 646px) {
#imagen_logo {
display: none;
}
#div_texto_dcha {
display: none;
}
#div_texto_izda {
width: 96%;
}
#Zona_menu {
display: none;
}
#tabla_menu_abajo {
display: table;
}
#Texto_lema {
font-size: 13px;
letter-spacing: 0.20em;
}
#Texto_nombre {
top: 0px;
}
}
@media (max-width: 440px) {
.img_rey {
display: none;
}
#Texto_lema {
font-size: 11px;
letter-spacing: 0em;
}
}
@media (max-width: 350px) {
#Texto_nombre {
font-size: 25px;
}
}
@media (max-width: 287px) {
#correo_electronico {
font-size: 0.75em;
}
}