﻿@charset "utf-8";
/* CSS Document */


html {
height: 100%;
overflow-x:hidden;
overflow-y:auto;
}

body{
		font-family:Arial, Helvetica, sans-serif;
		font-size:11pt;
		background-image:url(../img/backgroundWeb.png);
		background-position:top;
		background-repeat:no-repeat;
		color:#000;
		margin:3px 0px 0px 0px;
		padding:0px;
		}	
		
		#calculadora{
			display:block;
			margin:10px 0px 10px 0px;
			color:#F60;
			font-size:12px;
		}
		
		#cajaComensal{
			border:2px solid #c4dce7;
				margin:10px 0px 0px 0px;
					font-size:11px;
			font-weight:bold;
		}
		
		#cajaComensal span{
		display:block;
		margin:10px 0px 0px 7px;
		font-size:12px;
		}
		
		#numComentForm{
			padding:6px;
		
			
			
		}
		#numComentForm label{
			font-size:11px;
			font-weight:bold;
			
		}
	
		 
		 
		 
		
		.boxPack{
			display:block;
			min-height:200px;
			background-color: #F60;
			padding:3px;
		}
		
		#caseBox h2,#caseBox h3{
		color:#FFF;	
		}
		
		
		
		#folletoDigital{
		display:block;
		width:900px;
		height:30px;
		margin:0px 0px 15px 0px;
		padding:0px;
		}
		
		 #icon{
		display:block;
		padding-left:730px;	
		float:left;
		text-align:right;
		}
		 #txtFolleto{
		float:left;
		padding-top:3px;
		margin-left:5px;
		}
		.pdfIcono{
		float:left;
		padding-top:0px;
		margin:0px 8px 0px 0px;
		}
		
		img{
		border:0px;
		}
		
		h1{
		color:#ff6a07;
		margin:0px;
		padding:0px;
		font-size:12pt;
		}
		
		h1 a{
		color:#ff6a07;
		margin:0px;
		padding:0px;
		font-size:12pt;
		text-decoration:underline;
		}
		
		h1 a:hover{
		color:#ff6a07;
		margin:0px;
		padding:0px;
		text-decoration:none;
		}
		
		h4{
		color:#ff6a07;
		margin:0px;
		padding:0px;
		font-size:14pt;
		margin-bottom:8px;
		}
		
		h2{
		color: #F60;
		margin:0px 0px 10px 0px;
		padding:0px;
		font-size:10pt;
		}
		
		p{
		margin:0px 0px 5px 0px;
		padding:0px;
		font-size:10pt;
		color:#000;
		text-align:justify;
		line-height:18px;
		}
		
		p.descript{
			display:block;
			height:32px;
		margin:0px;
		padding:0px;
		font-size:8pt;
		text-align: left;
		line-height:16px;
		}
		p.datosHotel{
		margin:0px 0px 0px 6px;
		padding:0px;
		font-size:0.8em;
		text-align: left;
		color: #F60;
		}
		
		.mt20{
		margin:20px 0px 0px 0px;
		}
		.mt10{
		margin:10px 0px 0px 0px;
		}
		.mt5{
		margin:5px 0px 0px 0px;
		}
		.mb0{
		margin:0px 0px 0px 6px;
		}
		.ml0{
		margin:18px 0px 0px 32px;
		}
		
		.pd6{
		padding:6px;
		}
		
		.priceOfert{
		display:block;
		color:#ff6a07;
		margin:3px 0px 20px 0px;
		font-size:10pt;
		font-weight:bold;
		}
		
		
		.lang{
		margin:0px;
		padding:0px;
		font-size:8pt;
		}
		.lang li{
		display:inline;
		}
		
		.listapaquetes{
		margin:0px;
		padding:0px;
		}
		.listapaquetes li{
		margin:0px 0px 10px 0px;
		}
		
		#textosContent, p{
			font-size:10pt;
			line-height:16pt;
			text-align:justify;
		}
		
		
		.listaContent{
		margin:0px 0px 20px 0px;
		padding:0px;
		
		}
		
		.listaContent li{
		list-style-type:none;
		margin:8px 18px 5px 0px;
		background:  url(../img/flecha.png) left  center no-repeat;
		padding: 0px 0px 0px 28px;
		font-style:italic;

		}
		
		a{
		font-size:9pt;	
		text-decoration:none;
		color: #000;
		font-weight:bold;
			text-decoration:underline;
		}
		a:hover{
			text-decoration:none;
		}
		
		
		/* fichas*/
		.contenedorFicha{	
			display:block;
			width:721px;
			height:500px;
			margin:8px 0px 0px 15px;
				
		}
		#ilustraciones{	
			display:block;
			width:721px;
			height:168px;
			margin-bottom:20px;
		}
		.contenedorFicha h1{
		color:#F90;
		margin:0px 0px 20px 0px;
		padding:0px;
		font-size:18pt;
		}
		
		/* fin fichas*/
		
		#contenedorGlobal{
		display:block;
		min-height:900px;
		border:0px solid #333333;
		
		}
		
		#logo{
			margin-top:8px; 
			margin-right:26px;
		}
		
		
		
		#mainMenu{
			text-align:right;	
		}
		#menuS{
			display:block;	
			font-size:9pt;
		}
		#language{
			
				display:block;
				margin:5px 0px 40px 0px;
				font-weight:bold;
		}
		
		.cajaMSN{
			display:block;
			width:480px;
			padding:10px;
			border:3px solid #ff6a07;
			margin:100px 0px 0px 160px;
		}
		
		.cajaMSN p{
			display:block;
			color: #333;
			line-height:18pt;
			text-align:center;
			}
		
		
		/**************/
		
		.wrapper{
    width: 960px;
    margin: 0pt auto;
    padding-top: 0px;

}
/******* /GENERAL *******/

/******* MENU *******/
#container{
    margin:2em auto;
    width:960px;
}


#container ul{
    list-style:none;
    list-style-position:outside;
}

#container ul.menu li{
   
    margin-right:9px;
    margin-bottom:-1px;
}
#container ul.menu li{
	font-size:9pt;
    font-weight:700;
    display:block;
    padding:10px 15px;
    background: #ff6a07;
    margin-bottom:-1px;
    border:1px solid #999;
    position:relative;
    color:#e4e1cd;
    cursor:pointer;
    border-radius:3px 3px 0 0;
    -moz-border-radius:3px 3px 0 0;
    -webkit-border-radius:3px 3px 0 0;
}
#container ul.menu li:hover{
    color:#000;
}
#container ul.menu li.active{
    background:#fff;
    top:1px;
    border-bottom:0;
    color:#000;
}

/******* /MENU *******/

/******* CONTENT *******/


.content{
	display:block;
    margin:0px auto;
    background: #fff;
    border:1px solid  #999;
    text-align:left;
    padding:1em;
    padding-bottom:10px;
    font-size:12px;
    line-height:2em;
    color:#8C8C8C;
/*    border-radius:0 5px 5px 5px;
    -moz-border-radius:0 5px 5px 5px;
    -webkit-border-radius:0 5px 5px 5px;*/
}

.content h3{
    line-height:1em;
    vertical-align:middle;
    height:10px;
    padding:0px 0px 5px 0px;
    font-size:20px;
    color: #666;
}


/******* /CONTENT *******/

/******* NOTICIAS *******/

.content.noticias{
    display:block;
	
}


/******* /NOTICIAS *******/

/******* RESORT *******/

.content.resort{

    display:none;
	 
}
/******* /CIUDAD *******/

/******* ENLACES *******/

.content.ciudad{
    display:none;

}

/******* /ENLACES *******/
		
		
		/* lista de hoteles*/
		
		.hotls{
		display:block;
		margin:15px;
		padding:0px;
		overflow:hidden;
		
		}
		
		.hotls li{
			display:block;
			float:left;
			width:430px;
			height:150px;
			padding-top:10px;
			margin:0px 16px 15px 0px;
			border:1px solid #CCC;
		
			
		}
		.hotlist{
		display:block;
		margin:15px;
		padding:0px;
		overflow:hidden;
		
		}
		
		.hotlist li{
			display:block;
			float:left;
			width:350px;
			height:130px;
			padding-top:10px;
			margin:0px 0px 15px 0px;
			border:1px solid #CCC;
		
			
		}
		
		
		
		#fotoHoteles{
			display:block;
			margin:0px 0px 5px 5px;
			width:162px;
			height:106px;
		}
		#description{
			display:block;
			width:190px;
			height:80px;
			margin:0px 0px 0px -30px;

		}
		
		#footer{
			text-align:center;
		}
		#flts{
			display:block;
			margin:0px 0px 0px 10px;
		}
		
		#flts label{
			display:block;
			text-align:left;
			color:#000;
			font-weight:bold;
		}
		.desplegableGeneric{
					font-size:9pt;
					height:auto;
					padding:1px;
			}
			.personalbutton
			{
				margin:10px 0px 10px 0px;
			font-size:11px;
			font-family: Arial, Helvetica, sans-serif;
			font-weight:bold;
			padding:4px;
			color:#000;
			width:auto;
			background-color: #FFF;
			border-style:solid;
			border-color: #666;
			border-width:1px;
			}
		
		/* fin lista de hoteles*/
		
		#condiciones p{
		color:#F00;
		font-size:12px;
		font-weight:bold;
		line-height:15px;
		}
		
		/* slide de imagenes*/
		
		/*#bannersuperior,#bannersuperior2,#bannersuperior3{
			margin-top:-3px; 	
		}*/	
		
		#bannersuperior {position:relative;margin:auto;}
#bannersuperior {height:294px;width:960px;}
#bannersuperior img {position:absolute;top:0; left:0; border:1px solid #000;display:none;}

		#slof{
			display:block;
			width:946px;
			height:30px;
			padding:8px;
			background: #000;

		
		}
		#slof span{
			display:block;
			text-align:center;
			margin-top:1px;
			color:#FFF;
		
		}
		/**/
