/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

#mapapersonalizado, #mapapersonalizado a:link, #mapapersonalizado a:visited, #mapapersonalizado a:hover{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
}
#mapapersonalizado .textra, .textra{
font-size:24px;
font-family:Georgia, "Times New Roman", Times, serif;
padding-top: 10px;
padding-bottom: 10px;
color:#666666;
}
.clima{
background-color:#eeeeee;
padding-top: 5px;
padding-bottom:5px;
}
.Ibiza{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:18px;
color: #000000;
}

#aeropuerto, #puerto, #desdealojamiento, #contacto{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;

}
#aunclick a:link, #aunclick a:visited, #aunclick a:hover{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #000000;
text-decoration:none;
font-weight:bold;
}
#aunclickbajo a:link, #aunclickbajo a:visited, #aunclickbajo a:hover{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #000000;
text-decoration:none;
font-weight:bold;
}
#tablaclick td{
padding-top: 3px;
}
#aunclick a:hover{
color:#666666;
}
#aunclick .mapa:link, #aunclick .mapa:visited, #aunclick .mapa:hover{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #333333;
text-decoration:none;
font-weight:normal;
}
#aunclickbajo .mapa:link, #aunclickbajo .mapa:visited, #aunclickbajo .mapa:hover{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #333333;
text-decoration:none;
font-weight:normal;
}
#aunclick .mapa:hover{
color:#999999;
}
.textopie , .pie:link, .pie:visited, .pie:hover, .enlacepie:link, .enlacepie:visited, .enlacepie:hover{
font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 14px;
 color:#999999;
 text-decoration:none;
}
 .enlacepie:link, .enlacepie:visited, .enlacepie:hover{
 color:#333333;
 margin-right: 10px;
 }
 .grisoscuro{
 font-family:Georgia, "Times New Roman", Times, serif;
 color:#333333;
 }
.cabecerabooking{
background-color:#0099cc;
border:0;
color:#FFFFFF;
font-weight:bold;
font-size: 12px;
text-align:center;
}
.botonformulario{
background-color:#666666;
border:0;
padding: 5px;
color:#FFFFFF;
font-weight:bold;

}
.botonformularioazul{
background-color:#666666;
border:0;
color:#FFFFFF;
font-weight:bold;

}
#cabecera .zona1{
background-color:#ffcc33;
font-family: Verdana,Arial,sans-serif;
 font-size: 12px;
color:#FFFFFF;
padding-left: 20px;

width: 397px;
}
#cabecera .zona0{
background-color:#ffcc33;
font-family: Verdana,Arial,sans-serif;
 font-size: 12px;
color:#FFFFFF;
padding-left: 20px;
padding-bottom: 5px;
padding-top: 7px;
width: 120px;
}
#cabecera .zona2{
background-color:#cccccc;
font-family: Verdana,Arial,sans-serif;
 font-size: 12px;

}
#cabecera h1{
	font-size: 14px;
	color:#000000;
	margin: 0px;
	padding: 0px;
}
#menuprincipal a:link,  #menuprincipal a:visited, #menuprincipal a:hover{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
font-weight: bold;
text-decoration:none;
padding-right: 10px;
}
#menuprincipal .inicio:link,  #menuprincipal .inicio:visited, #menuprincipal .inicio:hover{
color:#333333;
}
#menuprincipal .hoteles:link,  #menuprincipal .hoteles:visited, #menuprincipal .hoteles:hover{
color:#0099cc;
}
#menuprincipal .playas:link,  #menuprincipal .playas:visited, #menuprincipal .playas:hover{
color:#ff9933;
}
#menuprincipal .coches:link,  #menuprincipal .coches:visited, #menuprincipal .coches:hover{
color:#cc0033;
}
#menuprincipal .turismo:link,  #menuprincipal .turismo:visited, #menuprincipal .turismo:hover{
color:#cc0099;
}
#menuprincipal .ocio:link,  #menuprincipal .ocio:visited, #menuprincipal .ocio:hover{
color:#9900ff;
}
#menuprincipal .pueblos:link,  #menuprincipal .pueblos:visited, #menuprincipal .pueblos:hover{
color:#009966;
}
#menuprincipal .autobuses:link,  #menuprincipal .autobuses:visited, #menuprincipal .autobuses:hover{
color:#336600;
}
#menuprincipal .vuelos:link,  #menuprincipal .vuelos:visited, #menuprincipal .vuelos:hover{
color:#666633;
}
#menuprincipal .barcos:link,  #menuprincipal .barcos:visited, #menuprincipal .barcos:hover{
color:#003366;
}
#menuprincipal .empresas:link,  #menuprincipal .empresas:visited, #menuprincipal .empresas:hover{
color:#666666;
}
#cabecera .imagen{
padding-top: 16px;
padding-bottom: 16px;
width: 460px;
}
#cabecera .recomendamos{
	height:232px;
	background-image: url(imagenes/destacados.gif);
	background-repeat: no-repeat;
}
.enlacedestacado:link,.enlacedestacado:visited,.enlacedestacado:hover,.enlacedestacado:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ff9900;
	text-decoration: none;
}
body{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
		background-image: url(/imagenes/fondoweb.gif);
	background-repeat:   repeat-y;
	background-position: center;
	background-color: #cccccc;
}
/*
a:link, a:visited, a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #336666;

	
}

a:hover {
	text-decoration: underline;
}*/
/* overrides decoration from previous rule for hovered links */

#turismo h1, #turismo h2, #turismo h3,  {
font-family:Georgia, "Times New Roman", Times, serif;
 font-size: 24px;

 margin:0px;
 padding:0px;
color:#cc0099;
}
#general h1, #general h2, #general h3 {
font-family:Georgia, "Times New Roman", Times, serif;
 font-size: 24px;
 color: #0099cc;
 margin:0px;
 padding:0px;
}
#playa h1, #playa h2, #playa h3 {
font-family:Georgia, "Times New Roman", Times, serif;
 font-size: 24px;
 color: #ff9933;
 margin:0px;
 margin-bottom: 10px;
 padding:0px;
}
#tiempo h1, #tiempo h2, #tiempo h3 {
font-family:Georgia, "Times New Roman", Times, serif;
 font-size: 24px;
 color: #357cca;
 margin:0px;
 margin-bottom: 10px;
 padding:0px;
}
#vuelos h1, #vuelos h2, #vuelos h3 {
font-family:Georgia, "Times New Roman", Times, serif;
 font-size: 24px;
 color: #666633;
 margin:0px;
 margin-bottom: 10px;
 padding:0px;
}
#pueblos h1, #pueblos h2, #pueblos h3 {
font-family:Georgia, "Times New Roman", Times, serif;
 font-size: 24px;
 color: #009966;
 margin:0px;
 margin-bottom: 10px;
 padding:0px;
}

#autobus h1, #autobus h2, #autobus h3 , #autobus h4{
font-family:Georgia, "Times New Roman", Times, serif;
 font-size: 24px;
 color: #336600;
 margin:0px;
 margin-bottom: 10px;
 padding:0px;
 
}
#ocio h1, #ocio h2, #ocio h3 , #ocio h4{
font-family:Georgia, "Times New Roman", Times, serif;
 font-size: 24px;
 color: #9900ff;
 margin:0px;
 margin-bottom: 10px;
 padding:0px;
 
}

#coches h1, #coches h2, #coches h3 , #coches h4{
font-family:Georgia, "Times New Roman", Times, serif;
 font-size: 24px;
 color: #cc0033;
 margin:0px;
 margin-bottom: 10px;
 padding:0px;
 
}
#coches .bordesup{
	border-top: 1px solid #cccccc;
	}
#coches h3 {
font-size: 18px;

}
#coches h4 {
font-size: 18px;

}
#autobus h3 {
font-size: 18px;

}
#autobus h4 {
font-size: 14px;
font-weight:bold;
margin: 0px;
padding-bottom: 5px;

}
#general h3{
 font-size: 12px;

}
#playa h3{
 font-size: 12px;
 color: #ff9933;
 font-weight:bold;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}
				

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	margin: 0;
	padding: 10px 0px;
	border-bottom: 1px solid #cccccc;
	width: 760px;
	float: left;
}

#navBar{
	margin: 0 79% 0 0;
	padding: 0px;
	
	background-color: #ffffff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#content{
  float:right;
	width: 75%;
	margin: 0;
	padding: 0 3% 0 0;
}


/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}


/*************** #pageName styles **************/

#pageName{
	padding: 0px 0px 10px 10px;
}


/************* #globalNav styles **************/

#globalNav{
color: #cccccc;
padding: 0px 0px 0px 10px;
white-space: nowrap;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 90%;
	padding: 0px 4px 0px 0px; 
}


/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 5px 0px 5px 10px;
}


/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{

	padding: 0px;
	margin: 0 0px 0px 0;
}
/* adjust margins to change separation between the feature image and text flowing around it */


/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: -1px;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}
.celdaplaya{
padding-left: 10px;
}
.rotuloinferior{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	font-weight:bold;
	padding-left: 25px;
}
.lineaderecha{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color:#cccccc;
}
.contenido{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #666666;
	text-align: justify;
}

.contenidoazul{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0099ff;
	padding-right: 25px;
	padding-left: 5px;
	padding-bottom: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dedede;
	text-align: justify;

}
.contenidogris{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	padding-right: 25px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dedede;
	text-align: justify;
		font-weight:bold;
}
.lineasuperiorinferior{
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dedede;
}
.desde{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bold;
	color: #0099CC;
	background-color:#FFFFFF ;
	text-align: right;
	padding-bottom:5px;
	padding-right:5px;

}
.button{
background-color:#666666;
color:#ffffff;
margin-top:10px;
padding: 5px;
	font-size: 14px;
	font-weight: bold;
	border:0px;
	text-align:center;
	cursor: hand;
}
.desde2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #0099CC;
	background-color:#FFFFFF ;
	
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	
}
.desde2coches{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #cc0033;
	background-color:#FFFFFF ;
	
	
	padding-bottom:5px;
	
	
}
.desde3{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color:#0099CC;
	text-align: center;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:5px;
	
}
.contenidosinbordeinferior{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #666666;
	padding-right: 25px;
	padding-left: 5px;
	padding-bottom: 10px;

	text-align: justify;
}
.contenidosin{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #666666;
	padding-right: 25px;
	padding-left: 5px;
	padding-bottom: 10px;
	
}
.titularnaranja{
	padding-top:16px;
	padding-bottom:16px;
	text-indent:10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight:bold;
	color: #FFFFFF;
}
.titularazul{
	padding-top:16px;
	text-indent:10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #FFFFFF;
	
}
.titularnaranja2{
	padding-top:16px;
	padding-bottom:16px;
	text-indent:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	background-color: #ffcc33;
	text-transform: uppercase;	

}
#cabeceracontenido h1,#cabeceracontenido2 h1{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #33cccc;
}
.bordehoteles{border-top-width: 1px;	border-top-style: solid;	border-top-color: #dedede;}

#buscar{
	background-color: #33cccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
}
#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}
form{
padding: 0px;
margin: 0px;
}
.formulario{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #dedede;
	border-right-color: #dedede;
	border-bottom-color: #dedede;
	border-left-color: #dedede;
	padding-top: 14px;
	padding-bottom: 14px;
}

/*********** #navBar link styles ***********/
#enlacederecho a:link, #enlacederecho a:visited, #enlacederechopueblos a:link, #enlacederechopueblos a:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:normal;
	
}
#enlacederecho2 a:link, #enlacederecho2 a:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
		font-weight:normal;
}
#enlacederecho2 .enlace4:link,#enlacederecho2 .enlace4:visited,#enlacederecho2 .enlace4:hover ,#enlacederecho2 .enlace4:active, .enlace4:link,.enlace4:visited,.enlace4:hover ,.enlace4:active {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
	font-weight:normal;
}
 .enlace4:link,.enlace4:visited,.enlace4:hover ,.enlace4:active {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
	font-weight:normal;
}
 .enlacehotel:link,.enlacehotel:visited,.enlacehotel:hover ,.enlacehotel:active {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #0099cc;
	text-decoration: none;
	font-weight:bold;
}
.cabecerahotel{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size:18px;
font-style:italic;
color: #0099ff;
}
.cabeceraazul{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #0099cc;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0099cc;
	padding-right:15px;
	margin-right:15px;
	padding-bottom: 5px;
}
#enlacederecho .enlace2:link,#enlacederecho .enlace2:visited,#enlacederecho .enlace2:hover ,#enlacederecho .enlace2:active {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;

}
#enlacederecho2 .enlace2:link,#enlacederecho2 .enlace2:visited,#enlacederecho2 .enlace2:hover ,#enlacederecho2 .enlace2:active {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;

}
#enlacederecho .enlace3:link,#enlacederecho .enlace3:visited,#enlacederecho .enlace3:hover ,#enlacederecho .enlace3:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ff9900;
	text-decoration: none;
	font-weight: bold;
}

#enlacederecho .enlacesup:link,#enlacederecho .enlacesup:visited,#enlacederecho .enlacesup:hover {
padding-top:16px;		
text-indent:10px;		
font-size: 18px;	
color: #FFFFFF;	
text-decoration: none;
}
#enlacederecho .enlacesup:hover{
color: #333333;
}
#enlacederecho .enlace3:hover{
	color: #999999;
}
#enlacederecho .enlace2:hover, #enlacederecho a:hover{
color: #333333;

}
/*
#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}
*/
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	margin: 0px;
	padding: 0px;
	
	font-size: 88%;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a:link{
	padding: 2px 0px 2px 10px;
	
	width: 100%;
  voice-family: "\"}\""; 
  voice-family:inherit;
	width: auto;
}

#sectionLinks a:visited{
	
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{


	padding: 2px 0px 2px 10px;
	
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}


/************** #advert styles **************/

#advert{
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	border-top: 1px solid #cccccc;
}

#advert img{
	display: block;
}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}

#playa h2{
color: #ff9933;
}

#general a:link, #general a:visited, #general a:hover,#playa a:link, #playa a:visited, #playa a:hover, a:link, a:hover, a:visited{
color: #666666;
}
#vuelos a:link, #vuelos a:visited, #vuelos a:hover{
color:#666633;
text-decoration:none;
}
#mapaimpresion{
width:950px;
}
.leyenda {
	float:left;
}
.titulohoteles {
font-family:Georgia, "Times New Roman", Times, serif;
color:#0099cc;
text-decoration:none;
}
.titulopueblos, .textopueblos,.tituloplayas, .textoplayas, .tituloturismo, .textoturismo, .titulohoteles{
font-family:Georgia, "Times New Roman", Times, serif;
color:#009966;
text-decoration:none;
font-size:18px;
}
.titulohoteles{
color:#0099cc;
}
.tituloturismo {
color:#cc0099;
}
.tituloplayas {
color:#ff9933;
}
.textoplayas, .textopueblos, .textoturismo{
color:#666666;
}
#decomapa h2{
	font-size:18px;
}