/************************************************/
/* CSS 2.0 general.css - HOTEL DE ALICANTE      */
/* @author: netconsulting.es                    */
/* @url: www.netconsulting.es                   */
/************************************************/

/*-- GENERALES --*/ 

* {
	margin:0;
	padding:0; 
	}

body{
	margin:0;
	padding:0;
/*	font-family:Tahoma, "Trebuchet Ms", Helvetica, sans-serif;*/
	font: 75%  "Trebuchet Ms", Verdana, Tahoma, sans-serif;
	color: #666;
}

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

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

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

a {
	text-decoration:none;
	color:#1F7BC8;
}
	a:hover{ color:#027bd8;} /*1F7BC8*/

	a.selected{}

a img{ border: 0; }

p{ text-align:justify;}


/* CANVAS ******************************************************************************************/

#canvas{
	width:995px;
	margin:0 auto;
	position: relative;
	background:url(../images/general-canvas.jpg) left top no-repeat;
	z-index: 999;
}

	/* HEADER ***************************************************************************************/

	#header{
		width:995px;
		height:250px;
		z-index: 1;
		position: relative;
	}

		/* logotipo */

		div.logo {
			position:absolute;
			top:9px;
			left:40px;
			z-index:999;
			background: url(../images/logotipo_asociacion_hoteles_alicante.jpg) left top no-repeat;
		}

		div.logo a {
			width:118px;
			display: block;
			height:60px;
		   overflow: hidden;
		   text-indent: -999em;
		}
	
		* html>body div.logo a {
		   letter-spacing: -999em;
		}	

		
		/*-- slogan --*/	/* frase */

		div.slogan {
			position:absolute;
			top:94px;
			left:554px;
			font-size:2.6em;
			color:white;
			text-transform: uppercase;
			font-weight: normal;
			line-height: 80%;
			z-index: 999;
		}

		div.slogan small {
			display:block;
			font-size:.42em;
			letter-spacing: -.01em
		}
		

		/*-- LANGUAGE --*/

		#header #language{
			position:absolute;
			top:0px;
			right:1px;
			z-index:999 !important;
		}

				#language ul li{
					height:17px;
					text-transform:uppercase;
					float:left;
					font-size:.8em;
				}

				#language ul li a{
					height:17px;
					float:left;
					padding:1px 10px 0px 10px;
					text-transform:uppercase;
					color:white;
				}

				#language ul li a:hover{
					height:17px;
					background:#03548C;
				}

					#language ul li.selected a,
					#language ul li.selected a:hover{
						height:17px;
						color:white;
						background:none;
						cursor: default;
						border-left:1px solid #A5DBF5;
						border-right:1px solid #A5DBF5;
						border-bottom:1px solid #A5DBF5;
					}

		/*-- BANNER --*/

		#header #banner{
			position:absolute;
			top:0px;
			left:0px;
			z-index:1 !important;
			height: 250px;
			width: 995px;
		}
					
		/*-- MENU --*/

		#header #menu{
			position:absolute;
			top:19px;
			left:204px;
			z-index: 99;
			width:790px;
			height: 43px;
			background: url(../images/general-header-menu.jpg) left top no-repeat;
		}

				#menu ul.items li{
					height:39px;
					text-transform:uppercase;
					float:left;
				}

				#menu ul.items li a{
					height:39px;
					float:left;
					padding:10px 16px 0px 16px;
					text-transform:uppercase;
					color:white;
				}

				#menu ul.items li a:hover{
					height:29px;
					background:#03548C;
				}
					#menu ul.items li.selected a{
						height:29px;
						color:white;
						background:#03548C;
					}

	/* CONTAINER ***************************************************************************************/

	#container{
		width:995px;
		overflow: hidden;
		position:relative;
		top:-14px;
		left:0px;
		z-index:9999;
		padding-bottom:26px;
	}

	* html #container{
			height:1%;
		}
		
		/*-- CONTENT --*/
		/* ADDITIONAL ***************************************************************************************/

		#additional{
			float:left;
			width:219px;
			padding-top:14px;
		}
		
			/*-- CONTENT_DETAIL ----------------------*/

			/*-- ACTUALIDAD --*/
			/*-- title_h3 --*/
			#additional p.title_h3 {
				height:24px;
				width:205px;
				background: url(../images/general-sidebarleft-actualidad-h3.jpg) left top repeat-y;
				padding:13px 0 10px 14px;
				text-transform: uppercase;
				color:#fff;
				font-size:1.2em;
				/*border:1px solid red;*/
			}		

				/*-- title_h3 span --*/
				#additional p.title_h3 span {
					padding:12px 0 10px 10px;
					background: url(../images/general-sidebarleft-actualidad-h3-span.jpg) left 10px no-repeat;
				}
								
			/*-- NOTICIAS --*/
			#additional .noticias {
				width:184px;
				padding:10px 20px 10px 15px;
				border-bottom:1px dashed #aaa;
				text-transform:uppercase;
				
			}	

			* html #additional .noticias {
				padding:10px 20px 10px 15px;
			}	

			*:first-child+html #additional .noticias {
				padding:10px 20px 10px 15px;
			}
				/*-- p.title_h4 --*/
				#additional span.title_h4 {
					color:#006EC5;
					font-size:.9em;
					display:block;
					line-height:120%;
				}
				
					#additional span.title_h4 a{ color:#1f7bc8;}
					
						#additional span.title_h4 a em{ font-style:normal;}
					
					#container #additional .noticias .item-description{ margin:5px 0 0 0; padding:5px 0 0 0; border-top:1px dotted #dfd9d1;}
					
						#container #additional .noticias .item-description a{ 
							padding:0; 
							margin:0; 
							text-align:justify;
							text-transform:lowercase;
							color:#979284;
							line-height:120%;
						}
						
						#container #additional .noticias .item-description .item-link a{ color:#084b80;}
						
							#container #additional .noticias .item-description .item-link a:before{ content:"...";}
						
						#container #additional .noticias .item-description:first-letter{
							text-transform:uppercase;
							color:#f00;
						}

				/*-- p --*/
				#additional .noticias p {
					color:#717171;
					font-size:.9em;
					line-height:100%;
					text-align:justify;
				}	

				* html #additional .noticias p {
					line-height:100%;
				}
								
					#additional .noticias p a{ margin-left:10px; }	
		
				/*-- p.frist --*/
				#additional .noticias:hover {
					background: #e8f8f8;
				}	
					

			/*-- h5 --*/
			#additional div.actualidad h5 {
				color:#006EC5;
				font-size:.9em;
				display:block;
				text-transform: uppercase;
				text-align: center;
				width:199px;
				padding:15px 10px 7px 10px;
				font-size:1.2em;
			}	
				
			/*-- p.comunitatValenciana --*/		
			#additional div.actualidad p.comunitatValenciana {
				display:block;
				height:88px;
                                overflow: hidden;
                                text-indent: -999em;
				width:119px;
				background: url(../images/general-sidebarleft-p-comunitat-valenciana.gif) left top no-repeat;
				margin-left:50px;
			}		

			* html>body #additional div.actualidad p.comunitatValenciana {
			   letter-spacing: -999em;
			}
			
			/*-- banners actualidad --*/
			#additional div.actualidad .banners_actualidad{
				width:205px;
				text-align:center;
				margin-left:10px;
				margin-top:10px;
			}
			
				#additional div.actualidad .banners_actualidad .comunitat_valenciana{
					margin-right:12px;
				}

			/*-- MENU_SECUNDARIO --*/

			#additional div.menuSecundario p.title_h3 {
				height:24px;
				width:205px;
				background: url(../images/general-sidebarleft-actualidad-h3.jpg) left top repeat-y;
				padding:13px 0 10px 14px;
				text-transform: uppercase;
				color:white;
				font-size:1.2em;
			}	

				/*-- h3 span --*/
				#additional div.menuSecundario p.title_h3 span {
					padding:12px 0 10px 10px;
					background: url(../images/general-sidebarleft-actualidad-h3-span.jpg) left 10px no-repeat;
				}
				
				#additional div.menuSecundario ul {
					display:block;	
					background: #FCFBF7 url(../images/general-menuSecundario-ul.jpg) left top repeat-y;			
				}
				
					#additional div.menuSecundario ul li{ display:block; }

						#additional div.menuSecundario ul li a{
							display:block;						
							height:20px;
							padding:4px 0px 0px 31px;
							color:#76736C;
							border-bottom:1px dashed #76736C;
							background: url(../images/verMas.gif) 14px center no-repeat;							
						}
	
							#additional div.menuSecundario ul li a:hover{
								height:20px;
								color:black;
							}

					#additional div.menuSecundario ul li.selected a,
					#additional div.menuSecundario ul li.selected a:hover{
						height:20px;
						color:black;
						cursor: default;
					}

			/*-- INNOVA --*/
			.additional .enlaces ul{
				background: #FCFBF7 url(../images/general-menuSecundario-ul.jpg) left top repeat-y;	
			}
			
			.additional .enlaces ul li{ display:block; }

						#additional .enlaces ul li a{
							display:block;						
							height:20px;
							padding:4px 0px 0px 31px;
							color:#76736C;
							border-bottom:1px dashed #76736C;
							background: url(../images/verMas.gif) 14px center no-repeat;							
						}
	
							#additional div.enlaces ul li a:hover{
								height:20px;
								color:black;
							}
				/*-- NEWSLETTER --*/
	
	#additional	#form_newsletter p{
		margin:5px;
		line-height:120%;
	}
	
	#additional .newsletter p.advice{
		margin:7px;
		font-size:90%;
		color:#979284;
	}
	
	#additional	#form_newsletter p input{
		width:95%;
		font-size:90%;
		color:#333;
		background:#FCFBF7;
		border:1px solid #DFD9D1;
		padding:2px;
	}
	
		#additional	#form_newsletter p input:hover, #additional	#form_newsletter p input:focus{
			color:#03548c;
			background:#fff;
			border:1px solid #b8e6fd;
		
		}
		
			
			#additional	#form_newsletter p input#submit_newsletter{
				border:none;
				clear: both;
				float:right;
				margin:0 5px 15px 0px;
				width: 85px;
				height:28px;
				color:#fff;
				background: url(../images/bt_enviar.jpg) left top no-repeat;
			}
			
		.newsletter .error{
			margin:5px;
			padding:5px;
			font-size:85%;
			background:#D72650;
			color:#fff;
			border:1px solid #f00;
		
		}
		
		.newsletter .success{
			margin:5px;
			padding:5px;
			font-size:85%;
			background:#7cc576;
			color:#000;
			border:1px solid #0c9300;
		
		}
			
		/* CONTENT ***************************************************************************************/

		#content{
			float:left;
			width:762px;
			height:auto !important;
		}
	
			/*-- CONTENT_DETAIL ----------------------*/
	

			/*-- OFERTAS --*/	
			div.ofertas{
				float:left;
				height:197px;
				width:698px;
				background: url(../images/general-content-ofertas-generic.jpg) left top no-repeat;
				padding:10px 0 10px 0px;
				position: relative;
				margin-top:10px;
			}		
	
			/*-- INFO_CIUDAD --*/	
			
			.infoCiudad{
				float:left; 
				width:699px;
				min-height:80px;				
				height:auto !important;
				height:80px;
				background: url(../images/general-infoCiudad.jpg) left bottom no-repeat;
				margin:8px 0 0 0;
			}													

				/*-- h3 --*/
				.infoCiudad h3 {
					padding:13px 0 0px 30px;
					text-transform: uppercase;
					height:32px;
					color:#1F7BC8;
					font-size:1.2em;
					background: url(../images/general-infoCiudad-h3.jpg) left top no-repeat;
				}				
							
				.infoCiudad p {
					color:#8A8A8A;
					font-size: 1em;
					line-height: 110%;
					width:600px;
					margin:0px 0 10px 30px;
				}									
		
					
			
					
	
			/*-- BUSCADOR DE HOTELES EN ALICANTE --*/
			
			div.buscadorHotelesEnAlicante {
				float:left;
				width: 209px;
				height:204px;
				margin-left:0;
				padding: 5px 0 0px 20px;
				background: url(../images/general-buscadorHotelesEnAlicante.gif) left top no-repeat;
				position:relative;
				z-index:999 !important;
			}
			
				div.buscadorHotelesEnAlicante #moreOptions {				
					/*float:right;*/
					position:relative;
					top:4px;
					left:-20px;
					width: 229px;
					height:204px !important;
					margin-left:0px;
					padding: 10px 0 0px 0px;
					background: url(../images/general-buscadorHotelesEnAlicante.gif) left top no-repeat;
				}

				* html div.buscadorHotelesEnAlicante #moreOptions {				
					position:absolute;
					top:205px;
					left:0px;
				}
				
					div.buscadorHotelesEnAlicante form #moreOptions p{
						line-height: 80%;
						width: 100px;
						text-align: left;
						white-space: nowrap;
						float: left;
						padding: 0;
						margin:5px 0 4px 4px;
					}

						* html div.buscadorHotelesEnAlicante form #moreOptions p { margin:1px 5px 2px 5px;	}

						*:first-child+html div.buscadorHotelesEnAlicante form #moreOptions p { margin:0px 0 0px 4px; }
				
						div.buscadorHotelesEnAlicante form #moreOptions p input{
							font-size: 80%;
							vertical-align: middle;
							width: 15px;
							margin:0 5px 0 5px;
						}
		
					div.buscadorHotelesEnAlicante form #moreOptions label{
						display: inline !important;
						font-weight: normal;
						width: 80px;
						font-size:90%;
					}

					div.buscadorHotelesEnAlicante form #moreOptions p.name{
						float:left;
						width: 210px;
						margin: 10px 0 0 5px;
						padding-bottom:10px;
						/*clear: both;*/
						white-space: normal;
					}
					
					div.buscadorHotelesEnAlicante form #moreOptions p.name label{
						margin: 0px 1px 0px 5px;
						font-size:90%;
					}

						* html div.buscadorHotelesEnAlicante form #moreOptions p.name label{
							margin-left: 0px;
						}	
	
						*:first-child+html div.buscadorHotelesEnAlicante form #moreOptions p.name label{
							margin: 5px 0 0px 5px;
							}					
						
							* html div.buscadorHotelesEnAlicante form #moreOptions p.name {
								padding-top:10px;
								margin-top:0;
							}
	
							*:first-child+html div.buscadorHotelesEnAlicante form #moreOptions p.name {
								padding-top:10px;
								margin-top:0;
							}
						
							div.buscadorHotelesEnAlicante form #moreOptions p.name input{
								width: 210px;
								/*float:left;*/
								display: block;
								margin: 2px;
								margin-left: 3px;
							}
	
							* html div.buscadorHotelesEnAlicante form #moreOptions p.name input{
								margin: 2px 0px 0px -5px !important;
								width: 200px;
							}
	
							*:first-child+html div.buscadorHotelesEnAlicante form #moreOptions p.name input{
								margin: 2px 0px 2px 0px !important;
							}
						

				/*-- h3 -------------------------------*/
				div.buscadorHotelesEnAlicante .title_h3 {
					font-size:1.2em;
					color:white;
					text-transform: uppercase;
				}

				/*-- form -----------------------------*/
				div.buscadorHotelesEnAlicante form  {
					font-size:.9em;
					width: 199px;
				}
	
					/* legend */	
					div.buscadorHotelesEnAlicante form legend  {
						display:none;
					}

					/* label */	
					div.buscadorHotelesEnAlicante form label  {
						display:block;
						padding-top:5px;
						margin:0px 0 0px 0;
						color:white;
					}

					/* select */	
					div.buscadorHotelesEnAlicante form select {
						display:block;
						width: 180px;
						height:18px;
						padding-top:2px;
						padding-left:2px;
						font-size:1em;
						color:#3f4040;
					}	

					/* button */
					div.buscadorHotelesEnAlicante form .button  {
						display:block;
						width: 85px;
						height:28px;
						background: url(../images/general-content-buscadorHotelesEnAlicante-form-button.gif) left top no-repeat;
						color:white;
						margin:5px 0 0px 40px;
						padding: 0px 0px 3px 0;
						border:none;
					}		

					/* link:a */	
					div.buscadorHotelesEnAlicante form a  {
						display:block;
						margin:5px 0 0px 0;
						color:white;
						text-decoration: underline;
					}					


			
			/*-- CONTENT_DETAIL ----------------------*/
	
			/*-- MAIN_CONTENT --*/			
			.mainContent {
				float:left;
				height:auto;	
				width:762px;
				background: url(../images/general-mainContent.gif) left bottom no-repeat;
				padding-bottom:20px;
			}		

				/*-- innerMainContent --*/		
				.innerMainContent	{
					float:left;
					height:auto;	
					width:757px;
					background: url(../images/general-innerMainContent.gif) left top no-repeat;
					padding-left:15px;
				}	

				/*-- hotel --*/		
				.hotel	{
					float:left;
					overflow: hidden;
					width:516px;
					padding-top:14px;
				}	

				* html .hotel	{
					height:1%;
				}					
				
												
						
					/*-- BANNER COMPLETO --*/	
					.bannerCompleto	{
						float:left;
						overflow: hidden;
						width:506px;
						height:125px;
						padding:10px 0 0 10px;
						margin-top:0px;
						background: url(../images/general-bannerCompleto.gif) left top no-repeat;
					}	
						
					
		/* SIDEBARIGHT ***************************************************************************************/

		.sidebarRight{
			float:left; 
			width:228px;
			margin:6px 0 0 10px;
		}

			/*-- SIDEBAR_RIGHT_DETAIL ----------------------*/
	
				/*-- galeriaFotos --*/		
				.sidebarRight .galeriaFotos{
					float:left;
					height:311px;	
					width:217px;
					background: url(../images/general-sidebarRight-galeriaFotos.gif) left top no-repeat;
					padding:11px 0 0 11px;
				}		

					/*-- h3 --*/			
					.sidebarRight .galeriaFotos h3 {
						height:30px;	
						background: url(../images/general-sidebarRight-galeriaFotos-h3.gif) 0px top no-repeat;
						padding:11px 0 0 21px;
						text-transform:uppercase;
						color:#027BD8;
						font-size: 1.2em;
					}							

						* html .sidebarRight .galeriaFotos h3 {
							margin-top:3px; 
						}

						*:first-child+html .sidebarRight .galeriaFotos h3 {
							margin-top:5px; 
						}
					
							.sidebarRight .galeriaFotos img {
								border:2px solid #757476;
							}	
							
								* html .sidebarRight .galeriaFotos img {
									margin-bottom:5px;
								}
								
								*:first-child+html .sidebarRight .galeriaFotos img {
									margin-bottom:5px;
								}		

							/*-- ul li --*/
							.sidebarRight .galeriaFotos ul li {
								float:left;
								list-style: none;
								margin-right:6px;
							}								

							.sidebarRight .galeriaFotos li img {
								border:1px solid #757476;
							}							

							
				/*-- datosDelTiempo --*/		
				.sidebarRight .datosDelTiempo {
					float: left;
					padding:5px 0 0 0px;
				}		

					/*-- h3 --*/			
					.sidebarRight .datosDelTiempo h3 { display: none; }					
				
					.sidebarRight .datosDelTiempo ul { overflow: hidden; }		

					/*-- ul li --*/
					.sidebarRight .datosDelTiempo ul li {
						display:block;
						list-style: none;
						color:#72736F;												
						font-size:.9em;
						padding-left:15px;
						line-height:110%;
					}
					
					/*-- strong --*/
					.sidebarRight .datosDelTiempo ul li strong {
						font-weight:bold;
					}
					
					.sidebarRight .datosDelTiempo ul li.tiempo {
						font-weight:bold;
						padding-left:0px;
 					}										


			/* -- SIDEBAR MAPA UBICACION HOTEL ----------------------*/	

				/*-- mapaUbicacionHotel --*/		
				.sidebarRight .mapaUbicacionHotel{
					float:left;
					height:122px;	
					width:218px;
					background: url(../images/general-sidebarRight-mapaUbicacionHotel.jpg) left top no-repeat;
					padding:11px 0 10px 10px;
					margin-top:10px;
				}		

					/*-- h3 --*/			
					.sidebarRight .mapaUbicacionHotel h3 {
						height:30px;	
						background: url(../images/general-sidebarRight-galeriaFotos-h3.gif) 0px top no-repeat;
						padding:11px 0 0 21px;
						text-transform:uppercase;
						color:#027BD8;
						font-size: 1.2em;
						width:197px;
					}	
				
					/*-- img --*/			
					.sidebarRight .mapaUbicacionHotel img {
						padding:0;
					}	

					
				/*-- LINKS 4 SHARE --*/
				.links4share{
					float:left;
					height:85px;	
					width:218px;
					background: url(../images/general-links4share.gif) left top no-repeat;
					padding:11px 0 10px 10px;
					margin:0 auto;	
				}
				
					/*-- h4 --*/			
					.links4share .title_h4 {
						height:30px;	
						background: url(../images/general-sidebarRight-galeriaFotos-h3.gif) 0px top no-repeat;
						padding:11px 0 0 21px;
						text-transform:uppercase;
						color:#027BD8;
						font-size: 1.2em;
						width:197px;
					}	
						.links4share ul{ margin-left:20px;}
					
							.links4share li{ float:left; margin-right:3px;}

	/* PAGINADOR ************************************************************************************/
				
	.paginador{
		float:right;
		padding:10px 20px 10px 10px;
	}
		
	ul.paginador {
		list-style: none;
		width:90%;
		margin:10px auto 0px auto;
		text-align: center;
		border-top:1px dashed #E1E1E0;
	}
	
		ul.paginador li{
			display:inline;
		}

		ul.paginador li a{
/*						float:left;*/
			display:inline;
			list-style: none;
			padding:6px 4px;
			color:#64B7E9;
			font-weight: bold							
		}

		ul.paginador li a:hover{
			color:#1F7BC8;
		}

		ul.paginador li.selected a,
		ul.paginador li.selected a:hover{
			color:#1F7BC8;
			cursor: default;
		}
					
					
	/* FOOTER ***************************************************************************************/
	
	#partners { 
		float:right; 
		width:762px; 
		margin:20px 0 10px 0; 
	}
	
		#partners img{ margin-right:10px;}
	
	#footer{
		float:left;
		clear:both;
		height:88px;	
		width:995px;
		background:#63B9C6 url(../images/general-footer-new.gif) left top no-repeat;
		text-align:center;
	}
	

		#footer ul {
			text-align:center;
			margin:18px auto;
		}

		* html #footer ul {
			padding-top:0px;	
		}

		*:first-child+html #footer ul {
			padding-top:0px;	
		}		
		
			#footer ul li {
				display:inline;
				/*float:left;*/
				color:#084B80;
			}

			#footer ul li a{
				/*float:left;*/
				display:inline;
				color:#084B80;
				font-size:.9em;
				text-decoration: underline;
			}

			#footer ul li a:hover{color:#084B80;text-decoration: none;}
			
		
		
		#content p.title_h1, #content p.title_h2, #content p.title_h3 { margin:0 !important;}