
/* ELEMENTOS ESTRUCTURALES */
body,html {background:#ccc; color:#000; font:12px/1.3 Arial,Helvetica,sans-serif; font-weight:normal; height:100%; margin:0; padding:0;}

a {color:#000; text-decoration:underline; margin:0; padding:0;}

br {clear:both;}

h1 {float:left; margin:0; padding:0;}
h2 {color:#0B3D92; float:left; font-size:20px; font-weight:normal; margin:15px 0 0 0; padding:0 0 10px 15px; width:740px;}
h3 {color:#369; float:left; font-size:12px; font-weight:bold; margin:10px 0 0 0; padding:0; width:100%;}

hr {background-color:#fff; border:0; border-top:1px dashed; color:#35278A; height:1px; margin:10px 0 0 10px; padding:0;}

img {margin:0; padding:0;}

p {display:block; float:left; margin:10px 0 0 0; padding:0; width:100%;}
p.calendario {font-size:11px;}

table {border-collapse:separate; border-spacing:1px; color:#333; font-size:11px; margin:7px 0 0 0; padding:0; text-align:center; width:100%;}
table thead {background:#69c; color:#fff; font-weight:bold; text-align:center; vertical-align:top;}
table thead th {border:0; margin:0; padding:4px;}
table thead td {background:#69c; border:0; margin:0; padding:4px;}
table tbody {background:#dadada; color:#333; vertical-align:top;}
table tbody th {border:0; font-weight:bold; margin:0; padding:4px; text-align:left;}
table tbody td {border:0; font-weight:normal; margin:0; padding:4px;}


/* CLASES GENERICAS */
.ultimas {color:#090;}
.completo {color:#f00;}
.cancelado {color:#00f;}
.destacado {color:#369;}
.izq {text-align:left;}
.nota {font-size:10px;}
.piefoto {font-size:10px;}

/* DIVS */
#general {border:1px solid #69c; border-top:0; margin:0 auto 0 auto; padding:0; width:759px;}
#cabecera {background:url(../img/cabecera_00.jpg) no-repeat; float:left; margin:0; padding:0; width:100%;}
#columna1 {float:left; margin:0; padding:0 0 0 15px; width:236px;}
#columna12 {float:left; margin:0; padding:0 0 0 15px; width:487px;} /* esto es una columna equivalente a la 1 y la 2 juntas */
#columna23 {float:left; margin:0; padding:0 0 0 15px; width:470px;} /* esto es una columna equivalente a la 2 y la 3 juntas */
#columna2 {float:left; margin:0; padding:0 0 0 15px; width:236px;}
#columna3 {float:left; margin:0; padding:0 0 0 15px; width:236px;}
#columna3 img {border:1px solid #69c; margin:0; padding:0;}
#columna23 img {border:1px solid #69c; margin:0; padding:0;}

#caja {float:left; height:253px; margin:0; padding:0; width:253px;}
#caja h2 {width:235px;}
#caja img {float:left;}
#caja p {float:left; margin:10px 0 0 0; padding:0 0 0 15px; width:225px;}
#caja table {font-size:10px; margin:15px 0 0 0;}

#contenido {background:#fff; float:left; height:1050px; margin:0; padding:0; width:759px;}
#contenido ul {float:left; list-style:disc inside; margin:0; padding:0;}
#contenido li {margin:10px 0 0 0; padding:0;}

#flechas {float:left; margin:10px 0 0 0; padding:0 20px 20px 20px; width:400px;}

#menu {float:left; margin:10px 0 0 0; padding:0 0 0 10px;}
#menu ul {list-style:none; margin:0; padding:0;}
#menu li {font-size:12px; margin:0; padding:0;}
#menu a {color:#69c; font-size:12px; font-weight:bold; text-decoration:none;}
#menu a:hover {color:#fff;}
#menu a.on {color:#fff;}

#menu2 {background:#369; float:left; font-size:11px; margin:1px 0 1px 0; padding:3px 0 3px 0; width:100%;}
#menu2.home {color:#fff; text-align:right;}
#menu2 ul {list-style:none; margin:0 0 0 18px; padding:0;}
#menu2 li {display:inline; font-size:11px; margin:0 10px 0 0; padding:0;}
#menu2 a {color:#3cf; font-size:11px; font-weight:bold; text-decoration:none;}
#menu2 a:hover{color:#fff;}
#menu2 a.on {color:#fff;}

#pie {background:#fff; color:#69c; font-size:10px; float:left; margin:0; padding:0 0 30px 0; text-align:center; vertical-align:bottom; width:100%;}