/* el auto de margin centra la tabla en pantalla*/
#agenda{
width:420px;
/*****margin:5px auto;*****/
}
#agenda table.calendario {
/*****margin:5px 0 0 0;*****/
width:400px; border:1px solid #ccc; font-size:10px; margin-left: 45px;

	 /*****filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfe7ec', endColorstr='#ffffff');
   background-image: -webkit-gradient(linear,left top,left bottom,from(gainsboro),to(#fff));
   background-image: -webkit-linear-gradient(top,gainsboro,#fff);
   background-image: -moz-linear-gradient(top,gainsboro,#ffffff);
   background-image: -ms-linear-gradient(top,gainsboro,#fff);
   background-image: -o-linear-gradient(top,gainsboro,#fff);
   background-image: linear-gradient(to bottom,gainsboro,#fff);*****/


	 /*****filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ea7cc', endColorstr='#e3f6ff');
   background-image: -webkit-gradient(linear,left top,left bottom,from(#5ea7cc),to(#e3f6ff));
   background-image: -webkit-linear-gradient(top,#5ea7cc,#e3f6ff);
   background-image: -moz-linear-gradient(top,#5ea7cc,#e3f6ff);
   background-image: -ms-linear-gradient(top,#5ea7cc,#e3f6ff);
   background-image: -o-linear-gradient(top,#5ea7cc,#e3f6ff);
   background-image: linear-gradient(to bottom,#5ea7cc,#e3f6ff);******/

	 /******border-radius: 5px;
	 -webkit-border-radius: 4px;
   -moz-border-radius: 4px;*****/
	 /******color:#5696c1;******/

}
.calendario{margin-top: 10px;}
.calendario-margen-top{margin-top: 20px;} 
.titulo_fecha{font-size: 1.5em; text-align: center; position: relative; color:#8ebf29; width:40%; margin-left: 30%;}
/* tamaño del calendario */
.calendario th {border: 1px solid #3575d3;
/*	border:1px solid #ccc;      */ 
/*border-bottom: 1px solid #fff;*/
font-weight:bold;
/*****background:#5696c1;******/
color: #fff; padding:5px 0px 2px 0px; font-size: 15px; background: #3575d3; line-height:20px;}
.calendario th a{text-decoration: none; color: #000; }
.calendario td{text-align:left; border:1px solid #ccc; width:100px; /*****white-space:pre-line;*****/ height:50px; /*****padding: 0px;*****/ }
.calendario tr{border: 1px solid #ccc;}
.calendario td a, .calendario td a:active {text-decoration: none; color: #000; font-weight: bold;}
/* mostrar el evento de cada jornada */
.calendario td a p {
/*****margin: 0;*****/
/*border: 1px solid #ff0000;*/
text-align: right;
font-size: 13px;
/*****margin: 5px 2px 2px 2px;*****/
/*****padding:0px;*****/
}
/* son las celdas que no tienen dias al principio o final de mes*/
.calendario td.desactivada {
background:#dcdcdc; 
/*****height: 50px;*****/
}
/* son las celdas de un día del mes que no tienen evento */
.calendario td.activa {
font-size: 0.8em;	
/*****margin-top: 0;*****/
/*****background:#ffffff; *******/
}
/* son las celdas del mes con evento */
.calendario td.evento {
/*****margin-top: 0;*****/
background:#d8e3f5;
margin-top: 0px;
color:#000; 
font-size: 10px;
cursor: pointer;
}
.calendario td.evento h3{color:#0b4e8b; font-size: 1.5em; text-align: center; cursor: pointer; margin: 0px;}
#mostarCalendario .calendario td.evento h3{color:#0b4e8b; font-size: 1.5em; text-align: center; cursor: pointer; margin: 0px;}
td h3:hover{border-bottom: 1px solid rgba(127, 189, 19, 1); }
/* son los precios */
.calendario td.evento a p {
color: #0b4e8b;
font-size: 12px;
}

 /*resaltamos el dia actual */
.calendario td.hoy{
/*****margin-top: 0;*****/
font-weight:bold; 
background: #ccc; 
}
.contenido-der .calendario-der #menu2 .boton .boton_izquierda{border:none; background-color: transparent; float: left; width: 30%;}
.contenido-der .calendario-der #menu2 .boton .boton_derecha{border:none; background-color: transparent; float: right; width: 30%;}