body{
		/*background-color: #3f3f3f;*/
		font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
		background-color: #eee; 
	}
	
	#contenido{
		border: 0px solid #ddd;
		padding: 20px;
		background-color: #fff; 
		 -webkit-border-radius: 10px; 
        -moz-border-radius: 10px; 
		/*border-radius:10px;*/
	}
	
	#normas{
	clear:both;
	}
	
	#cabecera{
		color:#000;
		margin-bottom: 10px;
		border: none; 
        padding: 10px; 
        background-color: #fff; 
        border-bottom:1px solid #eee;
        
	}



	#cabecera h1{
		font: 140% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
		padding:0px;
		margin:0px;
	}
	
	#comentarios{
		
		margin-bottom: 10px;
		border: none; 
        padding: 10px; 
        background-color: #fff; 
        clear: both;
        
	}
	
	#column-left{
		float: left;
		width:225px;
		margin-right: 10px;
	/*	border: 1px solid #999;*/
	}
	
	#column-right{
		/*margin-left: 235px;*/
		
	/*	border: 1px solid #999;*/
	}
	
	#footer{
		clear: both;
		padding-top: 20px;
		/*border: 1px solid #999;*/
	
	}
	
	/*CALENDARIO RESERVAS*/
	.listareservas{
		position: relative;
		border: 1px solid #123456;
		width:170px;
		float:left;
		margin-right: 10px;
		margin-bottom: 10px;
		-webkit-box-shadow: 0 0 10px rgb(0,0,0);
		-moz-box-shadow: 0 0 10px rgb(0,0,0);
		box-shadow: 0 0 10px rgb(0,0,0); 
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			border-radius:5px;
			
				zoom: 1;
				filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=3);
	}
	
	.listareservas > span{
		background-color: #89df00;
		background-image: url(iconos1.png);
			background: #5a9e39 url(hora.png) no-repeat center left;
				background: #86c49b url(hora.png) no-repeat center left;
			background-position:7px 9px;
		color:#000;
		margin: 3px;
		width: 164px;
		display: block;
		float: left;
		text-align: center;
		height: 2.2em;
		line-height: 1.5em;
		font-size: 0.80em;
		padding-top: 7px;
		position: relative;
	}
	
	.listareservas .titulo{
		text-align: left;
		padding: 5px;
		padding-top:12px;
		background-color: #123456;
		color: #fff;
		height:28px;
		font-weight: bold;
		
	}
	
	.listareservas .titulo span{
		
		font-size: 100%;
	}
	
	.listareservas span{
			cursor: pointer;
	
	}
	
	span.ocupado{
		background-color: #7A0202;
		background: #7A0202 url(hora.png) no-repeat center left;
			background: #d84a3a url(hora.png) no-repeat center left;
		background-position:7px 9px;
		cursor: default;
		
	}
	span.reservado{
		
			background: #df8713 url(hora.png) no-repeat center left;
				background: #ffd80e url(hora.png) no-repeat center left;
				background-position:7px 9px;
		
	}
	
	span.cerrado{
		
		
		background-color: #DDD;
		cursor: default;
		
	}
	
	#leyenda{
		color:#123456;
		border: 1px solid #ddd;
		padding: 5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		margin-right: 8px;
		
	}
	
	#leyenda #gris{
		
			padding: 5px;
		background-color: #dddddd;
			background-color: #dddddd;
		background-image: url(iconos1.png);
		
	}
	
	
	#leyenda #verde{
	margin-top: 10px;
		padding: 5px;	
		background-color: #5a9e39;
			background-color: #86c49b;
		background-image: url(iconos1.png);
		
	}
	
	#leyenda #naranja{
			margin-top: 10px;
			padding: 5px;
			background-color: #df8713;
				background-color: #ffd80e;
			background-image: url();
	}
	
	#leyenda #rojo{
			margin-top: 10px;
			padding: 5px;
		background-color: #7A0202;
		background-color: #d84a3a;
		background-image: url();
		cursor: default;
	
	}
	.leyenda{
		font: 75% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
		text-align: right;
	/*	border: 1px solid #999;*/
		margin: 0px;
		color: #DDD;
		margin-right: 8px;
	}
	
	#column-left ul{
		margin: 20px 8px 20px 0px;
		padding-left: 40px;
		border: 1px solid #ddd;
			border-radius:5px;
			background: url(fondodiasw.png)  no-repeat center center;
	
	}
	
	#column-left ul li{
		list-style-image: url(calendario1.png);
		margin: 10px 0px 10px 0px;
		font-size: 80%;
		font-weight: bold;
	
		
		}
		
		#column-left ul a:link {color:#123456;text-decoration:none;}
		#column-left ul a:visited {color:#123456;text-decoration:none;}
		#column-left ul a:hover {color:#f23456;text-decoration:none;}
		#column-left ul a:active {color:#123456;;text-decoration:none;}
		
		.sombra{
			
			box-shadow: 0 0 10px rgb(0,0,0); 
		}
		
		.basedate{
			background-image: url(basedate.png);
			width:47px;
			height:47px;
			position: absolute;
			left:125px;
			top:-3px;
			z-index:900000;
		}
		
		.basedate span.mes{
			padding-top: 6px;
			display: block;
			color: #fff;
			font-size: 8px;
			text-align: center;
					}
					
					.basedate span.dia{
						color: #000;
						font-size: 150%;
						text-align: center;
						font-weight: bold;
						display: block;
					}
					.basedate span.ano{
						color: #000;
						font-size: 100%;
						text-align: right;
						font-weight: bold;
						display: block;
					}
.aforo{
	font-size: 10px;
	padding-top:15px;
	color: #E32115;
	background-image: url(aforo.png);
	width:24px;
	height:14px;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top:3px;
	left:135px;
}

.modalidad{
	/*position: absolute;
	background-color: #DDD;*/
	display: none;
	/*height:100px;*/
	width:152px;
	/*border: 1px solid #999;*/
	padding: 5px;
	/*z-index:300000000;
	-webkit-box-shadow: 0 0 30px rgb(0,0,0);
	-moz-box-shadow: 0 0 30px rgb(0,0,0);
	box-shadow: 0 0 30px rgb(0,0,0); 
		-webkit-border-bottom-right-radius:5px;
		-moz-border-bottom-right-radius:5px;
		border-bottom-right-radius:5px;
			-webkit-border-bottom-left-radius:5px;
			-moz-border-bottom-left-radius:5px;
			border-bottom-left-radius:5px;*/


}

.modalidad ul{
/*border: 1px solid #999;*/
margin-top: 10px;
}

div.modalidad ul li a {
  	color:#000;
	  cursor:pointer;
	  display:inline;
	 float:left;
	  margin-bottom:0;
	  margin-left:1px;
	  margin-right:0;
	  margin-top:0;
	  padding-bottom:3px;
	  padding-left:0;
	  padding-right:0;
	  padding-top:3px;
	  width:160px;
	 
	
}


div.modalidad strong {
 	background:  url(tickets-icon.png) no-repeat center left;
   color:#000;
  font-size:12px;
  line-height:20px;
  margin-bottom:0;
  margin-left:10px;
  margin-right:0;
  margin-top:0px;
  overflow-x:hidden;
  overflow-y:hidden;
  padding-bottom:0;
  padding-left:25px;
  padding-right:0;
  padding-top:0;
}



div.modalidad ul li{
	margin-top: 0px;
	border-bottom: 1px dotted #999;
	list-style: none;
	float:left;
	width:160px;
	line-height:23px;
	background:url(http://www.css3.info/wp-content/themes/new_css3/img/dotted_line.gif) no-repeat 22px 100%;
	margin:-1px 0 0 -45px;



}

div.modalidad ul li a:hover{
	background-color:#75c4d3;
}
div.modalidad ul li a span{
	font-size:13px !important;	
	float:left;
	background:url(http://www.css3.info/wp-content/themes/new_css3/img/christ.gif) no-repeat 0 7px;
	padding:0 0 0 12px;
	margin:0 0 0 7px;
}
div.modalidad ul li a em{
	font-size:13px !important;
	float:right;
	color:#000;
	font-style:normal;
	padding:0 5px 0 0;
}

.reservaActiva{
	font-weight: bold;
	-webkit-box-shadow: 0 0 30px rgb(0,0,0);
	-moz-box-shadow: 0 0 30px rgb(0,0,0);
	box-shadow: 0 0 30px rgb(0,0,0);
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=0, Strength=3);
	
}

.reservaActivaFija{
	/*font-size: 28px;*/
	font-weight: bold;
	-webkit-box-shadow: 0 0 30px rgb(0,0,0);
	-moz-box-shadow: 0 0 30px rgb(0,0,0);
	box-shadow: 0 0 30px rgb(0,0,0);
}

.enlace{
border: 0px solid #999;
display: block;
height:30px;
margin-top:-5px;	
padding-top: 5px;
padding-bottom: 0px;

}

a:link.enlace {text-decoration:none;color:#000000;} 
a:visited.enlace {text-decoration:none;color:#000000;} 
a:hover.enlace {text-decoration:none;color:#000000;} 
a:active.enlace {text-decoration:none;color:#000000;}