/* Estructuracíon */

body {background-color: #fff; padding: 0; margin: 0;}
a{color: #276f9f; text-decoration:none;}
#pagina {width: 760px; margin: 6px auto;}

#menusuperior {background-color: #999; border: 1px solid #2e2e2e; padding: 3px 5px 3px 0;}
 
#row1 {margin: 6px 0 0 0;} 
 
#menulateral {float: left; width: 209px; height: 135px; background-color: #6ca3ca; border: 1px solid #2e2e2e; padding: 4px 0;}

#pelicula {float: right; width: 543px; height: 145px; background-color: #ffffff;}

#row2 {background-color: #ffa800; border-left: 1px solid #9ca288; margin: 6px 0 6px 0;}

#submenulateral {float: left; width: 206px; background-color: #ffa800; padding: 5px 0;}

#contenido {width: 529px; background-color: #fff; border-left: 1px solid #9ca288; padding: 6px 4px 6px 16px; margin: 0 0 0 auto;}

#estaciones a{color: #67A0CB; width:529px; text-transform:uppercase; font-weight:bold; text-decoration:none;}
#estaciones a:hover {color: #ffA800;}

#estaciones td{padding-left:20px;}

.titulo_actividad{color: #67A0CB; text-transform:uppercase; font-weight:bold; text-decoration:none;}
.titulo_actividad a:hover{color: #ffA800;}

#piedepagina {background-color: #6CA3CA; border: 1px solid #2E2E2E; padding: 3px;}

.nofloat {float: none; clear: both;}

.hide {display: none;}


/* Maquetacion */


body {font-family: arial, verdana, sans-serif; color: #000;}


#menusuperior {font-size: 0.8em; color: #fff; text-align: right;}
#menusuperior ul {margin: 0; padding: 0;}
#menusuperior ul li {list-style: none; display: inline;}
#menusuperior ul li a {font-weight: bold; color: #fff; text-decoration: none; padding: 0 3px; margin: 0 5px; border-bottom: 1px solid #999999;}
#menusuperior ul li a:hover {border-bottom: 1px solid #fff;}

 
 
 
 
#menulateral {font-size: 0.9em; letter-spacing: 1px;  vertical-align: top;}
#menulateral ul {margin: 0; padding: 0;}
#menulateral ul li {list-style: none; display: inline;}
#menulateral ul li a {font-weight: bold; color: #fff; text-decoration: none; display: block; padding: 3px 0 2px 5px; border-left: 6px solid #6CA3CA;}
#menulateral ul li a:hover {background-color: #367EAF; border-left: 6px solid #fff; }


#pelicula {}


#submenulateral {font-size: 0.85em; vertical-align: top;}
#submenulateral ul {margin: 0; padding: 0;}
#submenulateral ul li {list-style: none; display: inline;}
#submenulateral ul li a {font-weight: bold; color: #000; text-decoration: none; display: block; padding: 5px 0 2px 0px; border-left: 11px solid #FFA800; border-bottom: 1px solid #FFA800;}
#submenulateral ul li a:hover {border-left: 11px solid #FFA800; border-bottom: 1px solid #000; }


#contenido {font-size: .9em; line-height: 1.5em; letter-spacing: 1px; text-align: justify; vertical-align: top;}
#contenido img {border: 2px solid #000;}
#contenido img.izquierda {float: left; margin: 0 10px 0 0;}
#contenido img.derecha {float: right; margin: 0 0 0 10px;}
#contenido h1 {letter-spacing: .1em; font-size: 1.3em; padding-bottom: 1px; border-bottom: 1px solid; color: #276f9f; margin-top: 0; padding-top: 0;}
#contenido h1 a{color: #276f9f; text-decoration:none;}

#contenido .inicio {font-size: .8em; text-align: right;}
#contenido .inicio a {color: #276F9F;}
#contenido .separador {clear: both; border-bottom: 1px solid #276f9f;}

#contenido div.miniatura {width: 100px; height: 100px; float: left; margin: 1em;  text-align: center;}

#contenido .noticia {text-decoration: none; margin-bottom: 2px;}
#contenido .noticia img {float: right; border: 1px solid #276f9f; margin: 5px 0px 5px 5px;}
#contenido .noticia h1 {margin-bottom: 0;}
#contenido .noticia h1 a {color: #276f9f; text-decoration: none;}
#contenido .noticia h1 a:hover {color: #276f9f;}
#contenido .noticia p {margin-top: 4px;}
#contenido .noticia p a {color: #000; text-decoration: none;}
#contenido .noticia p a:hover {color: #ffA800;}

#contenido #frmcontacto {margin: 0 auto; width: 500px;}
#contenido #frmcontacto table{width: 90%;}
#contenido #frmcontacto table td {padding: 5px; text-align: left;}
#contenido #frmcontacto table tr.bordeinferior td {border-bottom: 1px solid #5a92b5;}
#contenido #frmcontacto table td.bordederecho {border-right: 2px solid #5a92b5;}
#contenido #frmcontacto input,
#contenido #frmcontacto textarea {font-family: arial, verdana, tahoma, sans-serif; font-size: 10.5pt;}
#contenido #frmcontacto .textbox {color: #000; background-color: #6CA3CA; border: 1px solid #000000; padding-left: 1px;}


#piedepagina {font-size: .7em; color: #000; font-weight: bold; text-align: center;}


#wImagenBody {background-color: #6CA3CA;}
#wImagen {text-align: center; color: #fff; padding: 10px 0 5px 0;}
#wImagen img {border: 2px solid #fff;}
#wImagen div {padding: 5px;}
#wImagenPie {border-top: 1px solid #2e2e2e; font-size: .7em; color: #000; font-weight: bold; text-align: center; padding: 4px;}


/* *** */

div#calendario {margin: 0 auto 0 auto; width: 100%;}

div#calendario .sinevento {background-color: #9CADD6;}
div#calendario .conevento {background-color: #62896D;}
div#calendario .seleccionado {background-color: #CE566B;}

div#calendario table {font-size: 0.9em; background-color: #cecece; width: 100%; padding: 0; margin: 5px;}

div#calendario table th {padding: 5px; font-weight: bolder; color: #3F3F3F;}

div#calendario table th a {color: #3F3F3F; text-decoration: none; }
div#calendario table th a:hover {text-decoration: underline;}

div#calendario table table {width: 98%;}

div#calendario table table th,
div#calendario table table td {padding: 5px; margin: 1px; font-weight: normal; color: #000; text-align: center;}

div#calendario table table th {background-color: #cecece;}

div#calendario table table td a {font-weight: bolder; color: #000; text-decoration: none;}
div#calendario table table td a:hover {text-decoration: underline;}

div#calendario table table#leyenda td {padding: 0px; margin: 1px; color: #000;text-align: left;}

/* *** */