body { margin:0; padding:0; }
body { color:#ddd; font-family:arial, sans-serif; font-size:77%; line-height:1.2em}
body { background:black url(../img/caff.jpg) no-repeat left top }
img { border:none; } 
a { color:#66cc00;cursor:pointer;cursor:hand;text-decoration:none} 
form {display: inline;}
h1 {font-size:1.7em;margin-top:0em;margin-bottom:1.5em;}
h2 {font-size:1.30em}
h3 {font-size:1.20em}
h4 {font-size:1.10em}

#menu {position:absolute;top:165px;left:309px;}
#menu a {float:left;margin-right:12px;filter: alpha(opacity=75); opacity: .75;}
#menu a.sel, #menu a:hover  {filter: alpha(opacity=100); opacity: 1;}

#content-wrapper {background:transparent url(../img/footer.jpg) no-repeat 530px bottom }
#content {width:670px;margin:178px 0 0 33px;padding:3em 20px 100px 20px}

#footer {display:none; color:#555;font-size:0.9em;padding:1em;margin-right:33px;text-align:left;}
#footer a { color:#555; text-decoration:none;font-family:trebuchet ms, sans-serif}
#footer a:hover { color:#888;}

#fotos { margin:0 0 0 285px;}
#fotos p { margin-left:4px;color:#999; font-size:0.8em;text-decoration:none;}
#fotos-carpetas { margin-top:0.1em;float:left;width:275px;}
#fotos-carpetas div {margin:0 0 0.5em 0; font-weight:normal; font-size:1.05em}
#fotos-carpetas div small { font-family:arial, sans-serif;font-size:10px}
#fotos-carpetas div a { font-weight:bold; font-size:0.9em; text-decoration:none}
a.foto {overflow:hidden;float:left;display:block;padding:4px;margin:4px 4px 0 0;width:84px;height:120px;background-color:transparent;filter: alpha(opacity=70); opacity: .7;color:#ddd; font-size:0.8em; text-decoration:none;}
a.foto:hover{filter: alpha(opacity=100); opacity: 1;}
a.foto img {border:1px solid #333}

#shows-programacion ul {list-style:none;margin-left:0;margin-top:0;margin-bottom:1em;padding-left:0}
#shows-programacion li {margin:0.2em 1em 0.9em 0 ;padding-left:0;font-size:1.1em;font-weight:bold}
#shows-programacion li a {font-weight:bold;font-size:1.1	em;}
#shows-programacion small {font-weight:normal;font-size:0.9em}
#shows-programacion h2 {font-size:1.4;font-style:italic;em;margin-top:2em;margin-bottom:1em;}

#reservas {float:right;width:200px;padding:20px;background:black url(../img/panel_bottom.png) no-repeat bottom right;}
#reservas h2 {font-weight:normal;font-size:1.5em;margin-top:1em;margin-bottom:0em;color:#999;}
#reservas p {font-size:1.2em;margin-top:0.5em;margin-bottom:0em;}
#reservas p a {text-decoration:none;color:white}

#shows {width:550px;margin-top:70px}
#shows a.more, #shows a.less {font-size:0.9em}
#shows a.more {padding-right:40px;background:transparent url(../img/mas.png) no-repeat top right}
#shows a.less {padding-right:40px;background:transparent url(../img/menos.png) no-repeat top right}
#shows div.show {margin-bottom:120px;}
#shows h2 {margin-bottom:0.4em}
#shows h2 small {font-size:0.6em}
#shows h4 {margin-bottom:0.1em;margin-top:0}
#shows .datetime {padding:0.3em;color:black;background:#eee url(../img/topleft_corner.png) no-repeat top left; font-size:1.3em;font-weight:bold}
img.show-thumb {float:right;border:1px solid #ccc}

#shows-viejos {width:550px;margin-top:70px;color:#666;}
#shows-viejos a {color:#666} 
#shows-viejos a.more, #shows-viejos a.less {font-size:0.9em}
#shows-viejos a.more {padding-right:0;background:transparent}
#shows-viejos a.less {padding-right:0;background:transparent}
#shows-viejos .show {margin-bottom:70px;}
#shows-viejos h2 {/*text-decoration:line-through;*/margin-bottom:0.4em}
#shows-viejos h2 small {font-size:0.6em}
#shows-viejos h4 {margin-bottom:0.1em;margin-top:0}
#shows-viejos .datetime {padding:0.3em;color:#444;background:#666 url(../img/topleft_corner_viejos.png) no-repeat top left; font-size:1.3em;font-weight:bold}
#shows-viejos img {filter: alpha(opacity=20); opacity: .2;} 
.show-viejo {color:#666} 
.show-viejo h4 {/*text-decoration:line-through;*/color:#666}
.show-viejo a {text-decoration:none;color:#666} 

#panel {width:253px;margin:0 0 3em 0;padding:20px;background:black url(../img/panel_bottom.png) no-repeat bottom;}
#panel .datetime {font-size:1.7em;margin-top:0em;margin-bottom:1em;color:#ccc;}
#panel h2 {font-size:1.3em;margin-top:1em;margin-bottom:0em;}
#panel h2 a {text-decoration:none;color:white}
#panel h4 {font-size:1.2em;margin-top:1em;margin-bottom:0em;color:#999;}
#panel img {float:right;margin-left:1em;}

#panel-right {width:300px;padding:1em 2em 0 0;float:right;text-align:right}