@charset "UTF-8";
/* CSS Document */

body{
margin: 0px;
padding: 0px;
font-size: 0.8em;
color:#333333;
font-family: Arial, Helvetica, sans-serif;
}


#contenedor{
width: 850px;
margin: 10px auto;
padding: 0px 20px 20px 20px;
background-color: #FFFFFF;
background-image:url(../img/cabeza.jpg);
background-repeat: no-repeat;
background-position: center top;
}
h1{
margin: 0px;
width: 300px;
padding: 0px;
height: 170px;
text-indent: -4000px;
background-image:url(../img/logo.gif);
background-repeat: no-repeat;
background-position: left top;
float:left;
}
ul#menu{
letter-spacing: 0.1em;
float: right;
text-align:center;
margin: 0px;
padding: 0px;
}

ul#menu li{
display: inline;
float: left;
width: 90px;
margin: 0px 2px;
text-transform: uppercase;
line-height: 20px;
padding-left: 5px;
}
ul#menu li a:link, ul#menu li a:visited, ul#menu li a:active{
color: #FFFFFF;
padding-top: 20px;
float: left;
}
ul#menu li a:hover{
background: none;
padding-top:35px;
}
.azul{
background-color:#238ef2;
border-bottom: 3px solid #104c84;
}
.rojo{
background-color:#f33522;
border-bottom: 3px solid #940018;
}
.verde{
background-color:#8dda3b;
border-bottom: 3px solid #4d880f;
}
.lila{
background-color:#765ce9;
border-bottom: 3px solid #2c0fab;
}
#contenido{

clear:both;
}
h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-size: 3em;
margin: 0px;
padding: 0px;

}
h3{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.2em;
margin: 6px 0px 0px 0px;
padding: 0px;
clear: both;
text-transform: uppercase;
}


h4{
margin: 8px 0px 4px 0px;
padding: 0px;
text-transform: capitalize;
text-decoration:underline;
letter-spacing: 0.1em;
font-size: 1em;
color: #333333;
font-weight: bold;
}

p{

}

address{
clear: both;
font-size: 1em;
margin-top: 10px;
padding: 10px;
text-align:center;
border-top: 4px dotted #555555;
height: 50px;
font-style:normal;
}


strong{
font-weight: bold;
font-size: 1.2em;
}
ul.listado{
margin: 0px 0px 15px 20px;
padding: 0px;
letter-spacing: 0.1em;
font-size: 0.8em;
}

.gimnasio{
margin: 10px 20px 10px 0px;
float: left;
}

.gimnasioini{
margin: 0px 5px 5px 0px;
float: left;
height: 120px;
}
.finnoticia{
margin-bottom: 20px;
float:left;
clear: both;
width: 600px;
border-bottom: 3px solid #cccccc;
}
.finalbloque{
clear: left;
float: right;
}
.galeria{
float:left;
width: 160px;
height: 300px;
margin: 10px;

}
/*---- horario ------*/
.horario{
margin: 5px;
float:left;
width: 150px;

}
html>body .horario{
width: 160px;
}
ul.listadohorario{
margin: 10px 0px;
padding: 0px;
font-size: 0.8em;
}
ul.listadohorario li{
list-style: none;
margin: 1px 0px;
padding: 2px;
float:left;
width: 150px;
text-transform: uppercase;
}
html>body ul.listadohorario li{
width: 160px;
}
.blanco{
background-color:#FFFFFF;
float: left;
margin-right: 5px;
padding: 2px;
color: #000000;
}
.horarioamarillo{
background-color: #765ce9;
color: #FFFFFF;
}
.horarioazul{
background-color: #238ef2;
color: #FFFFFF;
}
.horarioverde{
background-color: #8dda3b;
color: #FFFFFF;
}
.horariorojo{
background-color: #f33522;
color: #FFFFFF;
}
.horariosin{
background-color: #333333;
color: #FFFFFF;
}

/* --------------- formulario -------------- */
.texto{
width: 30em; 
font-size: 1em;
margin: 0px 0px 5px 0px;
}

.ob{
background-color: #cccccc;

}
.ob2{
background-color: #cccccc;
font-size: 1.2em;
padding: 5px;
}
textarea{
width: 30em;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
margin: 0px 0px 5px 0px;
clear: both;
}
.forma{
text-align: right;
width:300px;

}
.formacontacto{
text-align: right;
width:650px;

}
.boton{
width: 10em;
letter-spacing: 0.2em;
clear: both;
}
.textofecha{
width: 20px; 
font-size: 1em;
margin: 0px 0px 5px 0px;
}
.textofecha2{
width: 40px; 
font-size: 1em;
margin: 0px 0px 5px 0px;
}