@media screen{
/************************************************/  
/* CSS 2.0 general.css - palmbeachhotel         */
/* @author: netconsulting                       */
/* @web: www.netconsulting.es                   */
/************************************************/   

/*-- GENERALES ----------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	color: #616161;
	font-family:Arial;
	background:url(../images/bg_body1.jpg) no-repeat top center #fff;
}

.clear {
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	font-size: 0;
}
a {
	color: #fff;
	text-decoration: none;
}
	a:hover {
		color: #af9431;
	}	
	
	a img{ border:0;}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
}

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

/*-- CANVAS  ----------------------------------------------------*/
div#canvas {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background-color:#fff;
	background:url(../images/bg_canvas.jpg) repeat-y top left;	
}

/*-- HEADER  ----------------------------------------------------*/

div#header {
	background:url(../images/bg_header.jpg) no-repeat top left;
	height: 147px;
}
	
	div#header #logo {
		float:left;
		width: 174px;		
		height: 108px;
	}

	p.title_logo {
		background: url(../images/logotipo_palmbeachhotel.jpg) no-repeat top left;	
		width: 292px;	
		height: 104px;
		margin:0 0 0 257px;
	}
	
	
	p.title_logo strong {
		position: relative;
		top: -2000px;
		left: -2000px;
	}
	p.title_logo a {
		display: block;
		height: 104px;
		width: 174px;		
		text-decoration: none;
	}
	
	
	
	/* IDIOMAS *********************************/
	
	html > body #idiomas{
		margin-right:43px;
	}
	
	div#idiomas{
		float:right;
		margin-right:20px;
		color:#fff;
		width:199px;
		height:31px;
		padding:8px 4px;
		background:url(../images/bg_language.jpg) no-repeat top left;
	}
		div#idiomas a{
			color:#fff;
			font-size:60%;
			padding-top:1px;
			font-variant:small-caps;
		}
		
			div#idiomas a:hover{ color:#d6a956;}
		
		div#idiomas img{
			border:none;
			vertical-align:middle;
		}
		div#idiomas .texto{
			/**position:relative;
			padding:0px;
			top:-2px;*/
			
		}
	
	
	/* MENU ************************************/
	#menu {
		float:left;
		clear:both;
		width:736px;
		height:39px;
		margin:0 !important;
		padding:0 !important;
		background:url(../images/bg_menu.jpg) no-repeat top left;
	}
	
		#menu ul{
			float:left;
			clear:both;
			height:39px;
			margin:0 !important;
			padding:0 !important;
		}
	
			#menu li{
				float:left;
				height:39px;
				list-style:none;
				background:url(../images/menu_separator.jpg) no-repeat top right;
				margin:0 !important;
				padding:0 !important;
			}
				
				#menu li a{	
					float:left;
					height:19px;					
					font-size:90%;
					/*text-transform:uppercase;*/
					font-variant:small-caps;
					font-weight:800;
					color:#aae1fd; 
					padding:10px 9px;
				}
				
					#menu li a:hover, #menu li a.selected{ 
						color:#fff; 
						text-decoration:none;
						background:url(../images/bg_menu_over.jpg) repeat-x top left;
					}
				
				#menu li.last-item{ background:none;}
	

	
/*-- CONTAINER --------------------------------------------------------------*/
#container {
	background: url(../images/bg_container2.jpg) no-repeat bottom left;
}

	/*-- COLUMNA --*/
	html > body #columna{
		margin:10px 0 0 10px;
		padding:10px;
	}
	
	div#columna {
		float: left;
		width: 140px;
		height:415px;
		margin:10px 0 0 3px;
		padding:8px;
		background:url(../images/submenu.jpg) no-repeat top left;
	}	
	
		.title_submenu{
			text-transform:uppercase;
			color:#fff;
			font-size:90%;
			font-weight:bold;
			display:block;
			padding-bottom:5px;
		}
	
		/*-- SUBMENU --*/
	
		div#submenu {
			float:left;
			width:170px;
			margin-top:10px;
			background: #357440;
			clear: both;
		}
			
			div#submenu-opciones{ margin:10px 0;}
		
		div#submenu-opciones ul {
			margin: 0;
			padding: 0;
 		}
		div#submenu-opciones ul li {
			margin: 5px 0;
			padding: 0;
			list-style:none;
			font-size:80%;
			background:url(../images/bullet_submenu02.gif) no-repeat top left;
			padding-left:18px;
			border-bottom:1px dotted #fff;
			padding-bottom:5px;
		}
			
		div#submenu-opciones a {
			color: #fff;
			text-decoration: none;
		}
			div#submenu-opciones a.selected {
				color: #dfd1ac;
				font-weight:bold;
				text-decoration: none;
			}
		
		div#submenu-opciones a:hover {
			color: #dfd1ac;
		}
	
	/*-- CONTENT ------------------------------------------------------------*/
	html > body #content{
		width:546px;
		padding:10px;
	}
	
	div#content {
		float:left;
		width:560px;
		padding:5px;
		min-height:500px;
		text-align:justify;
		background:url(../images/bg_content.jpg) no-repeat top left;
		color:#000;
	}
		#content a{ border-bottom:1px dotted;}
		
			div#content a:hover{
				color:#025d86;
			}
			
			div#content a:hover strong{ color:#025d86; }
	
		#content .title_h1 {
			color:#025d86;
			font-weight:bold;
			font-size:95%;
			padding:10px 0 5px 0;
			border-bottom:2px solid #fff;
		}
		
		#content .title_h1_2 {
			clear:both;
			color:#025d86;
			font-weight:bold;
			font-size:95%;
			padding:10px 0 5px 10px;
			border-bottom:2px solid #fff;
			background:url(../images/bg_title_h1_2.jpg) no-repeat top left;
		}
		
		div#content .title_h2 {
			border-bottom: 1px solid #ededed;
			color: #616161;
			padding-left:16px;
			font-size: 120%;
			margin:0;
			line-height:normal;
		}
		
		div#content .title_h2_2 {
			clear:both;
			color: #fff;
			font-size: 90%;
			font-weight:bold;
			margin:0;
			line-height:normal;
		}
		
		div#content .title_h3 {
			font-size: 110%;
			margin:0;
		}
		
		#content p { font-size:80%;	}
		
			#content p img{ float:left; margin:0 10px 10px 0;}
		
			#content p strong { color:#fff; font-weight:normal;}
		
			div#content div#ofertas_home p.offer-image {
				float: left;
				width: 190px;
				margin: 10px 10px 10px 0;
			}
			
			div#content div#ofertas_home p.offer-image img { border: 2px solid #DFD1AC; }
			
		
			
		/*************/
		
		div#content div#ofertas_home p.offer-date {
			clear: both;
			display: block;
			text-align: right;
			background:url(../images/offer_date_bg.gif) center repeat-x;
			height:80px;
			line-height:80px;
		}
		div#content div#ofertas_home .oferta2 p.offer-date {
			height:64px;
			line-height:64px;
		}
		
		
		
		/*************/
		
		
		
		div#content table{
			padding-left:12px;
			margin:10px 0 15px 0;
			line-height:1.4em;
			font-size:95%;
		}
		
		div#content table tbody tr th{
			border-bottom:1px solid #afa37d;
			font-size:95%;
			font-family:"Trebuchet MS";
			text-align:left;
			color:#afa37d;
		}
		
		div#content ul{
			margin:10px 5px 10px 0px;
			padding:10px;
			font-size:80%;
			background:url(../images/bg_list.jpg) repeat-x top left;
			border:2px solid #dbdbdb;
			
		}
			div#content ul li{
				padding-bottom:5px;
				padding-left:20px;
				line-height:120%;
				list-style:none;
				background:url(../images/bullet02.gif) no-repeat top left;
			}
			
				div#content ul li a{
					color:#238bcc;
				}
				
				div#content ul li a:hover{
					color:#012535;
				}
		/*-- galeria --*/
		
		.galeria{
			clear:both;
			height:180px;
			padding:10px;
			margin-bottom:20px;
			background:url(../images/bg_galerias.jpg) no-repeat top left;
		}
		
			.title_galerias{
				margin-top:7px;
				font-size:90%;
				font-weight:bold;
				text-transform:uppercase;
				color:#1483c9;
			}
			
				.title_galerias span{ color:#012535;}
				
				.galeria ul{
					margin:0 0 0 0;
					padding:0;
					background:none  !important;
					padding:0  !important;
					border:0 !important;
				}
	
					.galeria li{
						list-style:none !important;
						background:none !important;
						margin:0 4px 0 4px !important;
						padding:0 !important;
						float:left;
					}
					
						.galeria li a{
							position:relative;
						}
							
							.galeria li a:hover{ border:0;}
						
					.galeria p{ 
						clear:both;
						font-size:60% !important;
						color:#333;
						padding-top:10px;
						padding-left:5px;
					}
		
	
		
	
	
	
	
	/*------------------------------------------------------------------------------------------------*/
	
	
	div#adicional {
		float: left;
		width: 239px;
		font-size:80%;
		text-transform:uppercase;
		/*background:url(../images/bg_adicional.jpg) no-repeat bottom right;*/
	}
	
				
		/*-- RESERVAS --*/
	
		div#reservas {
			position:relative;
			width: 200px;
		}
		
			div#reservas p.title_h3 {
				margin: 0 10px;
				font-size:110%;
				color:#002235;
				text-transform:uppercase;
				font-weight:bold;
			}
			
			div#reservas p {
				padding: 4px 5px 0px 5px;
				margin: 5px 13px;
				clear: both;
			}
			
			div#reservas label {
				float: left;
				width:90%;
				display:block;
				clear:both;
				color:#002235;
				text-transform:uppercase;
				font-weight:bold;
				font-size:85%;
				padding:0 0 3px 20px;
				background:url(../images/bullet01.gif) no-repeat top left;
			}

		div#reservas input {
			color: #002235;
			padding:1px;
			width: 115px;
			margin-left:20px;
			background:url(../images/bg_input.jpg) repeat-x top left #fff;
			border: 1px solid #fff;
		}
		
		div#reservas input#enviar {
			width: 57px;
			background:url(../images/bg_submit.gif) no-repeat top left;
			border:0;
			color: #002235;			
			font-size: 80%;
			margin-left:80px;
			text-transform:uppercase;
			cursor:pointer;
		}
		
		div#reservas select {
			color: #002235;
			padding:1px;
			width: 115px;
			margin-left:20px;
			background:url(../images/bg_input.jpg) repeat top left;
			border: 1px solid #fff;
		}
		
		/*-- newsletter --*/
		.newsletter{}
		
			.newsletter fieldset{ border:0;}
		
			.newsletter p.title_h3 {
					margin: 0 10px;
					font-size:110%;
					color:#002235;
					text-transform:uppercase;
					font-weight:bold;
				}
				
				.newsletter p {
					padding: 4px 5px 0px 5px;
					margin: 5px 13px;
					clear: both;
					text-transform:none;
				}
				
				.newsletter label {
					float: left;
					width:90%;
					display:block;
					clear:both;
					color:#002235;
					text-transform:uppercase;
					font-weight:bold;
					font-size:85%;
				}
	
			.newsletter input {
				color: #002235;
				padding:1px;
				width: 145px;
				background:url(../images/bg_input.jpg) repeat-x top left #fff;
				border: 1px solid #fff;
				font-size:110%;
			}
			
			.newsletter input.enviar {
				width: 57px;
				background:url(../images/bg_submit.gif) no-repeat top left;
				border:0;
				color: #002235;			
				font-size: 80%;
				margin-left:80px;
				text-transform:uppercase;
				cursor:pointer;
			}
		
		
		/*-- direccion --*/
		/*#adicional .direccion{ width:200px; text-align:center;font-size: 85%;}
		
		#adicional .direccion p.title_h1 {
			color:#002235;
			font-weight: 600;
			font-size:110%;
			margin:0;
		}
		
		#adicional .direccion address {
			padding: 5px 0;
			color: #012535;
			text-align: center;
			font-style: normal;
			line-height: 130%;
			letter-spacing:80%;
		}
		
			#adicional .direccion a{
				color: #012535;
			}*/
			
			.sendto{ text-transform:lowercase !important; font-weight:bold;}
	
		.youtube{
			margin-top:10px;
			margin-left:20px;
			
		}
			
	/* INNOVA LINKS */

		div#innova_links {
			width: 190px;
			float: left;
			margin: 5px 0 0 5px;
			text-align:left;
		}
		/*
			* html div#innova_links { margin-bottom:10px; }
			
			*:first-child+html div#innova_links { margin-bottom:10px; }*/
		
		div#innova_links p.title_h1 {
			font-size: 85%;
			color:#002235;
			font-weight: bold;
			margin:15px 0 0 5px;
		}
		div#innova_links h3 {
			color: #AFA47C;
			font-weight:normal;
			font-size:10px;
		}
		
			#innova_links li, #innova_links ul{ margin:0; padding:0; list-style:none;}
		
			#innova_links a{
				display:block;
				font-weight:bold;
				text-transform:none;
				color:#002235; 
				font-size:85%;
				background:url(../images/bullet01.gif) no-repeat top left;
				padding-left:18px;
				margin:0 0 0 5px;
			}
			
				#innova_links a:hover{ color:#fff;}
		
		
/* FIN INNOVA LINKS */
		
		/*--------------------------------------------------------------------------*/
		
		/*-- ERRORES  Y EXITO --*/
		#content .error{
			border:2px solid #dbdbdb;
			background-image:none !important;
			background-color:#fbddfc !important;
			padding:0 5px 10px 5px !important;
			font-size:90% !important;
			color:#025d86 !important;
		}
		
			#content .error li{
				padding:0 0 0 20px !important;
				background:url(../images/bullet02.gif) no-repeat top left  !important;
				line-height:120% !important;
			}
			
			#content .error strong{color:#f8190e;}
		
		
		#content .success{
			border:2px solid #dbdbdb;
			background-color:#ddffd2;
			padding:0 5px;
			font-size:90%;
			color:#025d86;
		}
		
		#adicional .error{
			margin:10px;
			border:2px solid #dbdbdb;
			background-image:none !important;
			background-color:#fbddfc !important;
			padding:0 5px 10px 5px !important;
			font-size:90% !important;
			color:#025d86 !important;
		}
			#adicional .error{ padding:0 !important;}
			
			#adicional .error ul{ margin:0; padding:5px;}
		
			#adicional .error li{
				margin:0 !important;
				padding:0 0 0 20px !important;
				text-align:left;
				list-style:none;
				text-transform:none;
				background:url(../images/bullet02.gif) no-repeat top left  !important;
				line-height:120% !important;
			}
			
			#adicional .error strong{color:#f8190e;}
		
		
		#adicional .success{
			border:2px solid #dbdbdb;
			background-color:#ddffd2;
			padding:0 5px;
			font-size:90%;
			color:#025d86;
		}
		
		
		
		/*-- VOLVER --*/
		
		.linkback{
			clear:both;
			float:left;
			margin:20px 0;
			padding-left:20px;
			background:url(../images/bt_volver.jpg) no-repeat top left;
			font-weight:bold;
		}
		
		
		
		
div#creditos {
	clear: both;
	background:url(../images/bg_footer.jpg) no-repeat bottom left;
	height: 51px;
	font-size:70%;
}
	div#creditos p {
		margin: 0 5px;
		line-height: 120%;
		color: #333333;
		text-align:right;
		margin-right:250px;
		padding-top:5px;
		border-top:1px solid;
	}
	div#creditos p a {
		color: #333;
		text-decoration: none;
		font-weight: bold;
	}
	div#creditos p a:hover {
		text-decoration: underline;
		color: #fff;
	}
	div#creditos p.bottom {
		border-top:0;
		margin-right:250px;
	}
	


}