/* CSS Document */



/* CSS Document */

.listanormal ul	{

	list-style-type:decimal;

	list-style-position: outside;

}



.listanormal li	{

	width:auto;

	margin:10px;

	color: #333333;

	font-size:12px;

	font-weight:normal;

	height:auto;

	padding-top: 0px;

	z-index:100;

	display:compact;

}



.listanormal li:hover, 	.listanormal li.over {

	width:auto;

	color: #333333;

	font-size:12px;

	font-weight:normal;

	height:auto;

	padding-top: 0px;

	z-index:100;

	display:compact;

	background:none;

}



.listanormal li	a {

	width:auto;



	font-size:12px;

	font-weight:normal;

	height:auto;

	padding-top: 0px;

	z-index:100;

	display:compact;

	background:none;

	color:#0066FF;

	text-decoration:none;



}



.listanormal li	 a:hover {

width:auto;



	font-size:12px;

	font-weight:normal;

	height:auto;

	padding-top: 0px;

	z-index:100;

	display:compact;

	background:none;

	color:#FF6600;

	text-decoration:underline;

	

}





body {

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	color: #333333;

}



a {

	color:#0066FF;

	text-decoration:none;

}



a:hover {

	color:#FF6600;

	text-decoration:underline;

	

}



h1 {

	color: #66B2CE;

	font-size:20px;

}





/* Classes */



.dare {

	font-family: "Trebuchet MS";

	font-style: italic;

	font-size: 16px;

}



.comment {

	display:block;

	color:#2C8558;

}



.comment:hover {

	display:block;

	color:#246C48;

}













 ul { 

list-style: none;

margin:0px;

padding:0px;

}



ul li {

	width: 270px;

	margin:0px;

	padding:0px;

	color: #66B2CE;

	font-size:12px;

	font-weight:bold;

	height:20px;

	padding-top: 2px;

	z-index:100;

	display:block;





}



 ul li:hover, ul li.over {



	background: url("azul.gif");

	color: #000000;

	height:20px;

}





 ul li a {

	display:block;

	width: 270px;

	color: #66B2CE;

	font-size:13px;

	font-weight:bold;

	text-decoration:none;

	padding-left: 5px;

	z-index:100;

}



 ul li:hover a, ul li.over a  {

	font-weight:bold;

	text-decoration:none;

	color: #000000;

}



li a:hover	{

	color:#000000;

	text-decoration:none;

}





/* SUBMENUS */



 li ul {

	position: relative;

	left: 270px;

	top: -18px;

	display:none;

	z-index:100;

}





 li:hover ul {

	background:none;

	display: block;

	z-index:100;

}



li ul li {

	width: 250px;

	padding:9;

	color: #F2F6DF;

	font-size:14px;

	font-weight:bold;

	height:20px;

	padding-left: 10px;

	background-color:#F2F6DF;

	



	

}



li ul li:hover {

	background-color: #8AC4D9;

	background-image:none;

}



li ul li a {

	color: #333333;

	font-weight:bold;

	text-decoration:none;

	padding:0px;

}





 li ul li a:hover{

	color: #333333;

	font-weight:bold;

	text-decoration:none;

}







 .rojo li {

	width: 220px;

	margin:0px;

	padding:0px;

	color: #FF8330;

	font-size:12px;

	font-weight:bold;

	height:20px;

	padding-top: 2px;





}



 .rojo li a {

	color: #FF8330;

	font-weight:bold;

	text-decoration:none;

}



 .rojo li:hover, .rojo li.over {

	background-image:url(rojo.gif);

}



/* SUBMENUS */



.rojo li ul {

	position: relative;

	left: 200px;

	top: -18px;

	display:none;

}



 .rojo li:hover ul{

	background:none;

	display: block;

}



 .rojo li ul li {

	width: 190px;

	padding:9;

	color: #F2F6DF;

	font-size:14px;

	font-weight:bold;

	height:20px;

	padding-left: 10px;

	background-color:#F2F6DF;

	

	

}



 .rojo li ul li:hover {

	background-color: #8AC4D9;

	background-image:none;

}



.rojo li ul li a {

	color: #333333;

	font-weight:bold;

	text-decoration:none;

	padding:0px;

}





 .rojo li ul li a:hover {

	color: #333333;

	font-weight:bold;

	text-decoration:none;

}



 .verde  li a {

	color: #4FA465;

	font-weight:bold;

	text-decoration:none;

}



.azul  li a {

	color: #4FA465;

	font-weight:bold;

	text-decoration:none;

}





.separador {

	display:block;

	height:10px;

}



.separador:hover, .separador.over {

	background-image:none;

	background-image:url("");

	height:10px;

}





.separacion li {

	display:block;

	height:5px;

	



}



 .separacion li:hover, .separacion li.over {

	background-image: none;

	height:5px;

}





.breadcrumb {

	font-size: 9px;

	color: #009933;
}



.breadcrumb a{

	text-decoration:none;

	color: #009933; 

 }

 

.breadcrumb a:hover{

	text-decoration:underline;

	color: #FF6600; 

 }

 

 

 .abajo {

	color: #333333; }



.abajo a{

	text-decoration:none;

	color: #333333; 

 }

 

.abajo a:hover{

	text-decoration:underline;

	color: #333333; 

 }

 

h4 {color: #000099;}





.linksArriba {

	color: #BA5007;

	font-weight: bold;

	font-size:14px;

	

	text-decoration:none;

}



.linksArriba:hover {

	color: #B15007;

	font-weight: bold;

	text-decoration:underline;

}



.Titulo  {

	color: #CC6600;

	font-size: 14px;

	font-weight: bold;

}



.titulopequeno {

	color: #66B2CE;

	font-weight: bold;

}



#dhtmltooltip{

position: absolute;

width: 500px;

border: 1px solid #999999;

padding: 2px;

background-color: #ECFFC4;

visibility: hidden;

z-index: 100;

/*Remove below line to remove shadow. Below line should always appear last within this CSS*/



}

.precios {

	text-align:center;

}



.lineas {

	background-color:#F4FFDD;

	cursor:default;

}



.lineas:hover {

	background-color:#ECFFC4;

}



.greenSeason {

	color: #009933;

	font-weight: bold;

	font-size: 15px;

}

.highSeason {

	color: #F46200;

	font-size: 15px;

	font-weight: bold;

}

.fechasDisponibles {font-size: 11px}

.nights {

	color: #F46200;

	font-weight: bold;

}



.reserve:hover	{

	text-decoration:none;

}



.view {color: #FF6633}



.gris {color: #999999}



.verde {

	color: #808000;

	font-weight: bold;

}

#slideshow {
	padding-left:4px;
}


label.error {
	margin-left: 10px;
	width: auto;
	display: inline;
	border:none;
}

.error {
	color: red;
	font-size: small;

} 

input.error { 
	border: 1px dotted red;
}

error { 
	border: 1px dotted red;
}

textarea.error{ 
	border: 1px dotted red;
}

input.error radio{ 
	border:none;
}



.ajaxtooltip{
position: absolute; /*leave this alone*/
display: none; /*leave this alone*/
width: 500px;
left: 0; /*leave this alone*/
top: 0; /*leave this alone*/


border: 1px solid #999999;

padding: 2px;

background-color: #ECFFC4;

}

