@import url("fontface.css");@import url(http://fonts.googleapis.com/css?family=Molengo);@import url(http://fonts.googleapis.com/css?family=Lobster);
/* Hoja de estilos diseñada por José Maria Chacón Losada. Todos los derechos reservados*/
html, body {margin:0; padding:0; width:100%; height:100%; text-align:left;background-color: black;}
#background {position:absolute; z-index:1; width:100%; height:100%;}
#calendario_css{padding: 30px;}
#calendario_css #mese{width:675px;margin:auto;border:7px solid #9ad49a;background-color:white;position:relative;z-index: 2;padding: 2px 2px 2px 2px;}
#calendario_css a {float:left;width:94px;height:60px;border:1px solid #C7C7C7;text-decoration:none;font-size:55px;font-weight:bold;color:#bcbcbc;text-align:center;}
#calendario_css a.evento,#calendario_css a.eventoizqda,#calendario_css a.eventodcha,#calendario_css a.eventoabajo{
float:left;width:94px;height:60px;border:1px solid #C7C7C7;text-decoration:none;font-size:55px;font-weight:bold;color:black;text-align:center;}
#calendario_css a.giorni, #calendario_css a:hover.giorni{height:30px;font-size:14px;color:white;line-height:30px;background-color:black;cursor:default;}
#calendario_css a.vuoto, #calendario_css a:hover.vuoto{background-color:transparent;cursor:default;font-size:12px;}
#calendario_css a:hover{background-color : #F8ECE0;font-size:55px;}
#calendario_css h1 
{display:block; width:60px; white-space:nowrap; position:absolute;z-index: 4; left:10%; top:360px;
-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);transform: rotate(-90deg);display:block; font-size: 46px; color:white;
text-shadow: #205808 2px 2px 2px;}
#calendario_css a span{display:none;}
#calendario_css a:hover.evento span,#calendario_css a:hover.evento2 span,#calendario_css a:hover.eventoabajo2 span,#calendario_css a:hover.eventodcha2 span,#calendario_css a:hover.eventoizqda2 span, #calendario_css a:hover.eventoabajo span,#calendario_css a:hover.eventoizqda span,#calendario_css a:hover.eventodcha span{/*CAJA DE COMENTARIOS, COSAS EN COMÚN*/
display:block;width:460px;height:130px;padding:1px 4px;position: relative;background-color : white;
font-size:11px;color:black;font-weight:normal;text-align:left;overflow:hidden;text-align: justify;
background:#FBF5EF; border:4px solid #fff; border-width:3px 3px;position:relative;z-index:5;
border-radius: 10px;-ms-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;
border:6px groove #B45F04;box-shadow: black 0.5em 0.5em 0.3em;}
#calendario_css a:hover.evento2,#calendario_css a:hover.eventodcha2,#calendario_css a:hover.eventoizqda2,#calendario_css a:hover.eventoabajo2{color: maroon;}
#calendario_css a.evento2,#calendario_css a.eventodcha2,#calendario_css a.eventoabajo2,#calendario_css a.eventoizqda2{color: red;}
#calendario_css a:hover.evento span{margin-left: -185px;margin-top: 10px;} /* POSICIÓN DE CADA UNO*/
#calendario_css a:hover.evento2 span{margin-left: -185px;margin-top: 10px;}
#calendario_css a:hover.eventodcha2 span{margin-left: -480px;margin-top: -80px;}
#calendario_css a:hover.eventoizqda2 span{margin-left: 110px;margin-top: -92px;}
#calendario_css a:hover.eventoabajo2 span {margin-left: -130px;margin-top: -180px;}
#calendario_css a:hover.eventoabajo span{margin-left: -130px;margin-top: -180px;}
#calendario_css a:hover.eventoizqda span{margin-left: 110px;margin-top: -92px;}
#calendario_css a:hover.eventodcha span{margin-left: -480px;margin-top: -80px;}
#calendario_css a:hover.evento,#calendario_css a:hover.evento2,#calendario_css  a:hover.eventoabajo,#calendario_css  a:hover.eventoizqda,#calendario_css  a:hover.eventodcha{background-color : #F3F781; /*COLOR HOVER*/}
#calendario_css a span em{
display:block;padding-bottom:5px;margin-bottom:5px;
border-bottom:1px solid #000;font-style: oblique;color: #c13505;font-size: 13px;font-weight: bold;}
img.centrada{text-align: center;display:block; margin:auto;}
#navpie{position: relative;z-index: 3;	border-top: 1px solid #9CC;font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;padding-top: 20px;}
#navlist{list-style: none outside none;margin: 0;padding: 15px;position: relative;}
@media all {#navlist {text-align: center}}
#navlist li {bottom: 11px;display: inline;line-height: 1.2em;margin: 0;padding: 0;position: relative;}
html>body #navlist li{background: #000;margin: 0 3px 0 0;padding: 4px 0px 4px 0;}
#navlist a, #navlist a:link, #navlist a:visited{background: #e6ffb1;border: 1px solid #FFF;bottom: 2px;color: #000;cursor: pointer;
display: inline;height: 1em;margin: 0;padding: 3px 5px 3px 5px;position: relative;right: 2px;text-decoration: none;}
#navlist a:hover{background: white;bottom: 1px;color: #000;position: relative;right: 1px;}
#navlist a:active{background: #999;bottom: 0px;color: #FFF;position: relative;right: 0px;}
#navlist li#active{background: #369;bottom: 13px;display: inline;margin: 0 3px 0 0;padding: 0;position: relative;}
html>body #navlist li#active{background: #000;margin: 0 4px 0 4px;}
#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover
{background: #2f3b13;border-bottom: 1px solid #9CC;border-left: 1px solid #9CC;
border-right: 1px solid #9CC;border-top: 1px solid #9CC;color: #FFF;cursor: text;margin: 0;position: relative;
right: 1px;bottom:0px;font-weight: bold}