/************************************************/  
/* CSS 2.0 general.css - CASABABEL              */
/* @date: June 2008                             */
/* @author: NetConsulting                */
/* @email: info@netconsulting.es             */
/* @url: www.netconsulting.es                   */
/************************************************/                       
                
/*-- GENERALES --*/
body{
	margin:0;
	padding:0;
	font-family:Tahoma, "Trebuchet Ms", Helvetica, sans-serif;
	background:url(../images/bg_body.jpg) repeat-x top left #190b00;
	color:#000;
}

.clear {
	font-size: 0;
	line-height: 0;
	height: 0;
	display: block;
	clear: both;
	float: none;
}

h1, h2, h3, h4, h5 {
	margin:0;
	padding:0;
}

ul, ul li{
	margin: 0;
	padding: 0;
	list-style: none;
}

a { 
	text-decoration:none; 
	color:#847147;
}
	a:hover{ color:#b78320; }
		
	a.selected{}
	
a img{ border: 0; }

/* CANVAS ***************************************************************************************/
#canvas{
	width:970px;
	margin:0 auto;
	padding-top:30px;
}

	/* HEADER ***************************************************************************************/
	
	#header{
		width:970px;
		
		background:url(../images/bg_container.jpg) repeat-y top left;
		
	}
	
		/*-- MENU --*/
		
		#header #menu{
			float:left;
			width:190px;
			font-family:"Times New Roman", Times, serif;
		}
			#menu ul.items{ 
				clear:both;
				margin-top:5px;
			}
			
				#menu ul.items li{
					background:url(../images/bullet_menu.gif) no-repeat top left;
					height:27px;
					margin-left:20px;
					padding-left:20px;
					font-size:70%;
					text-transform:uppercase;
					font-weight:bold;
				}
					#menu ul.items li.selected a{ 
						color:#c38b1e; 
					}
				
			/*-- logotipo --*/
			#header #menu #logotipo{
				height:172px;
				background:url(../images/logotipo_corner.jpg) no-repeat top left;
				margin-top:-15px;
				margin-left:-15px;
			}
				#header #menu #logotipo a{
					width:205px;
					height:172px;
					float:left;
				}
				#header #menu #logotipo a span{ display:none;}
			
			
		
			
		/*-- SECTION --*/
		
		#section{
			float:right;
			width:799px;
			background:url(../images/corner_flowers_right.jpg) no-repeat top right;
			margin-top:-18px;
			margin-right:-19px;
		}
			/*-- handy-links --*/
			#section #handy_links{
				text-align:right;
				display:block;
				height:40px;
				margin-right:70px;
			}
				#section #handy_links a.sitemap{
					background:url(../images/ico_sitemap.gif) no-repeat top left;
				}
				
				#section #handy_links a.mail{
					background:url(../images/ico_mail.gif) no-repeat top left;
				}
				
				#section #handy_links a.home{
					background:url(../images/ico_home.gif) no-repeat top left;
				}
				
				#section #handy_links a{
					width:40px;
					height:20px;
					margin-top:35px;
					float:right;
				}
				
					#section #handy_links a span{ 
						border:1px solid;
						display:none;
					}
			
			/*-- gallery --*/
			#section #gallery{
				height:340px;
				margin-top:20px;
				margin-left:5px;
			}
		
	
	/* CONTAINER ***************************************************************************************/
	
	#container{
		clear:both;
		width:970px;
		background:url(../images/bg_container.jpg) repeat-y top left;
	}
		/* SUBMENU ***************************************************************************************/
	
		#container #submenu{ 
			display:block;
			height:30px;
			margin-left:190px;
			padding-bottom:30px;
		}
			#container #submenu li{
				float:left;
				margin-right:10px;
				font-size:80%;
				text-transform:uppercase;
				font-weight:bold;
				font-family:"Times New Roman", Times, serif;
				background:url(../images/bullet_submenu.gif) no-repeat top left;
				padding-left:20px;
			}
					#container #submenu li.selected a{ 
						color:#c38b1e; 
					}
			
			/*-- subsub --*/
			#container #submenu .subsub{
				/*margin:10px 30px 10px 0;
				
				height:30px !important;
				background-color:#333333;
				clear:both;*/
			}
	
		/* LINKS ***************************************************************************************/
		
		#links{
			float:left;
			width:190px;
			min-height:160px;
			margin-top:24px;
			font-size:90%;
		}
		
		* html #links { margin-top:25px; }
		
		*:first-child+html #links { margin-top:25px; }
			
			/*#additional p{text-align:center;} */
			
				#links p { text-align:center; }
			
					#links p.title_h3 { 
						width:147px;
						height:27px;
						background:url(../images/bullet_menu.gif) no-repeat top left;
						font-size:80%;
						margin-left:20px;
						padding-left:20px;
						/*padding-bottom:5px; */
						color:#2d2425; 
						text-align:left;
						font-weight: bold; 
					}
				
				#links .enlaces { padding-bottom:19px; }
				
					#links .enlaces ul {  margin-left:22px; width:165px; padding-bottom:5px; }
					
						#links .enlaces ul li { font-size:80%; margin-left:18px; }
		
		/* CONTENT ***************************************************************************************/
		
		#content{
			float:left;
			width:545px;
			min-height:240px;
		}
			/*-- CONTENT_DETAIL ----------------------*/
			
			.content_detail{
				float:left;
				width:370px !important;
				min-height:240px;
			}
		
			/*-- BOX HOME --*/
			#content .box_home{
			}
		
			#content h2.titleDetail{
				text-transform:uppercase;
				font-size:100%;
				margin-bottom:5px;
				font-weight:bold;
				color: #c6a764;
				border-bottom:1px dotted
			}
			
			#content h1.topBox, #content h2.topBox{
				background:url(../images/top_box_home.gif) no-repeat top left;
				text-transform:uppercase;
				font-size:90%;
				font-weight:bold;
				font-family:"Times New Roman", Times, serif;
				height:23px;
				padding:25px 0 0 35px;
				color:#a59655;
			}
			
				#content .titleBox{
					background:url(../images/bg_h3_title.jpg) no-repeat top left;
					text-transform:uppercase;
					font-size:100%;
					font-weight:bold;
					font-family:"Times New Roman", Times, serif;
					height:23px;
					color:#a59655;
					padding:4px 0 0 5px;
					margin-top:10px;
				}
			
			#content div.middleBox{
				background:url(../images/middle_box_home.gif) repeat-y top left;
				padding:0 30px 10px 30px;
				text-align:justify;
				font-size:90%;
				line-height:14px;
				color:#f8f2d8;
			}
				#content div.middleBox p{ padding:5px 0;}
				
				#content div.middleBox strong{ 
					color:#c6a764;
					font-weight:bold;
				}
			#content div.bottomBox{ 
				background:url(../images/bottom_box_home.gif) no-repeat bottom left;
				
			}
			
			/*-- BOX OFFERS --*/
			#content .box_offers{
			}
		
			#content h1.topBox_offers, #content h2.topBox_offers{
				background:url(../images/top_box_offers.gif) no-repeat top left;
				text-transform:uppercase;
				font-size:90%;
				font-weight:bold;
				font-family:"Times New Roman", Times, serif;
				height:23px;
				padding:25px 0 0 35px;
				color:#a59655;
			}
			#content div.middleBox_offers{
				background:url(../images/middle_box_offers.gif) repeat-y top left;
				padding:0 40px 10px 30px;
				text-align:justify;
				font-size:90%;
				line-height:14px;
				color:#f8f2d8;
			}
				#content div.middleBox_offers p{ padding:5px 0;}
				
				#content div.middleBox_offers strong{ 
					color:#c6a764;
					font-weight:bold;
				}
			#content div.bottomBox_offers{ 
				background:url(../images/bottom_box_offers.gif) no-repeat bottom left;
				
			}
			
			/*-- --*/
			
			.bt_submit{
				background:url(../images/bt_enviar.jpg) no-repeat top left;
				border:0;
				padding:4px 21px;
				color:#fff;
				text-transform:uppercase;
				text-align:left;
				font-family:"Times New Roman", Times, serif;
			}
				.bt_submit:hover{
					cursor:pointer;
					background:url(../images/bt_enviar_hover.jpg) no-repeat top left;
					color: #c6a764;
					border:0 !important;
				}
			
			/*-- listados ---------------------*/
			
				#content .middleBox ul li, #content .middleBox_offers ul li{
					background:url(../images/bullet01.gif) no-repeat top left;
					padding-left:15px;
					margin-left:15px;
					clear:both;
					font-size:95%;
					padding-bottom:5px;
				}
					#content .middleBox ul li span, #content .middleBox_offers ul li span{
						float:left;
						width:100px;
						color:#c1aa70;
					}
						#content .middleBox ul li li, #content .middleBox_offers ul li li{
							background:url(../images/bullet02.gif) no-repeat top left;
							
						}
						
						
							#content .middleBox ul li li em, #content .middleBox_offers ul li li em{
								font-weight:bold;
								border-bottom:1px dotted;
								display:block;
							}
							
					#content .middleBox_offers .entrada{
						padding:5px 0;
						color:#fff;
						font-size:100%;
					}
					
					#content .middleBox_offers .imagen{	margin:5px 0;}
					#content .middleBox_offers .fecha{	
						color: #fff;
						font-size:90%;
						border-top:1px dotted;
						padding:5px 0;
					}
					
					#content .datefiestas{
						background:url(../images/ico_date.gif) no-repeat top left;

					}
						#content .datefiestas span{padding-left:20px;}
										
			/*-- botones --*/
			
				#content .buttons{ 
					height:70px !important;
					padding-left:2px;
					padding-top:10px;
				}
				
					.buttons li{
						height:54px;
						float:left !important;
						padding-left:0 !important;
						margin:0 4px 0 0px !important;
						padding-top:10px;
						clear:none !important;
						text-transform:uppercase;
						text-align:center;
						background-image:none !important;

					}
						span.bt_left{ 
							background:url(../images/left_bt_box.gif) no-repeat top left;
							height:54px;
							width:8px !important;
							float:left;
						}
						
						span.bt_middle{
							background:url(../images/middle_bt_box.gif) repeat-x top left;
							height:54px !important;
							width:auto !important;
							padding:10px 0;
						}
						
						span.bt_right{
							background:url(../images/right_bt_box.gif) no-repeat top left;
							height:54px;
							width:8px !important;
						}
						
						#content .buttons li a span{ 
							color:#f5f0dc; 
							font-weight:bold;
						}
							#content .buttons li a:hover span{ 
								color:#a28c38 !important;
							}
		
				#content .buttons_offers{ 
					
				}
				
					.buttons_offers li{
						

					}
				/*-- PAGINACION --*/
				
					p.paginacion{ 
						text-align:center;

					}
					
						p.paginacion strong{
							background:url(../images/bg_paginacion02.gif) no-repeat top left;
							padding:4px 7px;
						}
						
						p.paginacion a{
							background:url(../images/bg_paginacion01.gif) no-repeat top left;
							padding:4px 7px;
							color:#fff;
						}
							p.paginacion a:hover{color:#b78320;}
							
				/*-- ERRORES Y EXITOS--*/
					.error{
						border:1px dotted #a58d38;
						padding:5px;
						background:url(../images/bg_news.jpg) top left;
						margin:10px 0;
					}
					
					.success{
						color:#fff;
						font-weight:bold;
						border:1px dotted #a58d38;
						background:url(../images/ico_ok.jpg)no-repeat top left;
						padding:0 0 0 25px;
						margin-top:10px;

					}
								
		/* PROMOTIONAL ***************************************************************************************/
		
		#promotional{
			float:left;
			width:220px;
			min-height:160px;
		}
		
			/*-- CONTENT_DETAIL ----------------------*/
			
			.promotional_list{
				float:left;
				width:380px !important;
				min-height:240px;
			}
			
				.promotional_list p.title_h2{
					text-transform:uppercase;
					font-weight:bold;
					font-size:90%;
					color:#87764b;
					border-bottom:1px solid #b99d76;
					padding-bottom:3px;
					font-family:"Times New Roman", Times, serif;
				}
				
				.promotional_list li{
					border-bottom:1px solid #e1d7be;
					margin:5px 0;
					clear:both;
					display:table;
					padding-bottom:5px;
					width:370px;
				}
				
					.promotional_list li p.title_h3{
						color:#9d8f48;
						font-size:80%;
						margin-top:3px;
						margin-bottom:5px;
					}
					
						.promotional_list li p.title_h3 a{
							font-weight:bold;
							font-size:90%;
							color:#a5915c;
							text-decoration:underline;
						}
							.promotional_list li p.title_h3 a:hover{
								color:#544724;
							}
							
						
						.promotional_list li .offer-list-image{
							float:left;
							border:1px solid #a7a6a4;
							padding:1px;
							margin-right:10px;
							background-color:#fff;
						}
						
						.promotional_list li p.description{
							color:#534a2b;
							font-size:70%;
						}
						
							.promotional_list li p.description a{ color:#534a2b; }
							
								.promotional_list li p.description a:hover{ color:#b78320; }
									
			/*-- BANNERS --*/
				
			.banner{ 
				background:url(../images/bg_banners.jpg) no-repeat top left;
				width:207px !important;
				height:97px !important;
				margin-bottom:5px;
			}
			
				.banner .banner-text{
					float:left;
					width:93px !important;
					height:67px !important;
					padding:15px 5px 10px 10px;
					
				}
				
					.banner .banner-text span{
						color:#a99049;
						font-size:100%;
						font-weight:bold;
						display:block;
						border-bottom:1px solid #fff;
						padding-bottom:10px;
						margin-bottom:5px;
						font-family:"Times New Roman", Times, serif;
						height:30px;
						text-transform:capitalize;
					}
					
					.banner .banner-text a{
						background:url(../images/bullet_banner.gif) no-repeat top left;
						padding-left:10px;
						font-size:70%;
						color:#f7f0d4;
						font-weight:bold;
					}
						.banner .banner-text a:hover{ color:#a99049;}
				
				
				.banner .banner-image{
					float:right;
					width:92px !important;
					height:92px !important;
					padding:2px 2px 0 0;
					border-left:1px solid #fff;
					
				}
				
			/*-- CODIGO DE PROMOCIONES -**/
			.promotion-image{ display:none;}
				
		
		/* INFO ***************************************************************************************/
		
		#info{ 
			clear:both; 
			font-size:80%;
			background:url(../images/bg_info.jpg) no-repeat top left;
			height:22px;
			padding:15px 20px 0 20px;
			text-transform:uppercase;
			font-family:"Times New Roman", Times, serif;
			font-size:80%;
			font-weight:bold;
			color:#827143;
			
		}
				
		
			/*-- MICROFORMATS --*/
			
			/*.vcard{ border:1px solid; float:left; width:700px;}*/
			
			#info .vcard .org, #info .vcard .street-address, #info .vcard .postal-code, 
			#info .vcard .locality, #info .vcard .region, #info .vcard .country-name{ float:left; margin-right:5px;}
			
			#info .vcard .info_booking{ float:right;}

				#info .vcard .info_booking span{ float:left; }			
				
				#info .vcard .info_booking .tel{ float:left; }
				
				#info .recomendar{ float:left;}
					
			
	/* FOOTER ***************************************************************************************/
	
	#footer{ 
		clear:both;
		margin:20px 0 30px 40px;
		padding-bottom:30px;
		background:none !important;
	}
	
		#footer ul li { 
			float:left; 
			font-size:70%;
			text-transform:uppercase;
			color:#bdb07c;
		} 
		
			#footer ul li a{ 
				margin:0 5px;
				color:#bdb07c;
			}
				#footer ul li a:hover{ color:#847147;}
			
			#footer ul li ul{margin:15px 0 0 200px;}
			
				#footer ul li ul li { 
					font-size:100%;
					text-transform:none;
				}