body {

	SCROLLBAR-FACE-COLOR: #FFFFFF;

	SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;

	SCROLLBAR-SHADOW-COLOR: #FFFFFF;

	SCROLLBAR-3DLIGHT-COLOR: #336699;

	SCROLLBAR-ARROW-COLOR: #336699;

	SCROLLBAR-TRACK-COLOR: #F9F9F9;

	SCROLLBAR-DARKSHADOW-COLOR: #336699;

	font-family: Verdana, Arial, sans-serif;	FONT-SIZE: 11px; font-style: normal; font-weight: normal; color: #FFFFFF;

	background-color: #3A3B59;

	}

	

A, td, tr {

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

	font-size: 11px;

	font-style: normal;

	font-weight: normal;

	color: #FFFFFF;

	line-height: 18px;

	TEXT-DECORATION: none; }

A:visited {TEXT-DECORATION: none; color:#FFFFFF;}

A:hover { TEXT-DECORATION: underline; color:#FFFFFF;}



/*id's para links*/

#titularama{ font-size : 14px; font-weight : bold; color: #FFA201; line-height: normal;}

#titular{font-size : 14px;}

#titular2{ font-size : 12px; font-weight : bold; line-height: normal;}

#titular2:hover{ color:#A0AEB1;}

#texnegro{ color:#598F9E;}

#texnegro:hover{ color:#496892;}

#resultado {font-size: 10px; font-style: normal; line-height: 14px;  text-transform: capitalize;}

#linkb{ color:#3A3B59;}
#linkb:hover{ color:#202131;}

/*id's para links*/





.text {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #FFFFFF; line-height: 18px }

.textama { font-size : 11px; font-family : Verdana, Arial, sans-serif; color: #FFA201;}

.titularama { font-size : 14px; font-family :Verdana, Arial, sans-serif; font-weight : bold; color: #FFA201;}

.titular { font-size : 14px; font-family :Verdana, Arial, sans-serif; color: #FFFFFF; line-height: 18px;}

.titular2 { font-size : 12px; font-family :Verdana, Arial, sans-serif; font-weight : bold; color: #FFFFFF;}

.tipologia {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: italic; font-weight: normal; color: #FFFFFF; line-height: 16px }



ul {

	color: #FFA201;

	list-style-type: disc;

	list-style-position: inside;

	margin-left: 0px;

}



ul.nivel2 {

	color: #FFFFFF;

	list-style-type: disc;

	list-style-position: inside;

	margin-left: 20px;

}



.homecaja{border: 1px solid #496892; padding: 2px 2px 2px 2px;}

.fecha{font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 7pt; font-style: normal; font-weight: normal; color: #A0AEB1;}

.temperatura{font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 7pt; font-style: normal; font-weight: normal; color: #FFFFFF;}



/*Clases de fichas de viaje*/

.seccion {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: #3A3B59; line-height: 20px; }

.dias {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; color: #FFA201;  line-height: 18px; }

.itinerario {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; color: #598F9E; line-height: 18px; }

.textnegro {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #000000; line-height: 18px; }

.thumbnail { padding: 5px 10px 0 0; }

.fondotabla { background-repeat: no-repeat; }

.tabla_bt_mapa { border: 1px solid #496892; background-color: #C9D2DF; padding: 1px 3px 1px 3px;}

#bt_map { color:#496892;  font-variant: small-caps;  font-weight: bold; line-height: normal;  text-align: center;  }

#bt_map:hover {TEXT-DECORATION: none; color:#3A3B59;}

.fotomapa {border: 1px solid #496892;}

/*Clases de fichas de viaje*/



/*Clases formulario*/

.formulario {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #A0AEB1; line-height: 18px;  padding-right: 6px;  }

input {

 font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; color:#000000; font-size: 11px;

 border: 1px solid #486690;

 padding: 0px 2px 0px 2px;

 width: 100%;

}

.inputSelect {

 font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; color:#000000; font-size: 9px;

 border: 1px solid #486690;

 padding: 0px 2px 0px 2px;

 width: 100%;

}

.inputTextArea {

 font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; color:#000000; font-size: 9px;

 border: 1px solid #486690;

 padding: 0px 2px 0px 2px;

 width: 100%;

}

.inputCheck {MARGIN: 0px; color:#DF6C00; background-color: transparent; border: 0px; width:auto;}





.boton{

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

 font-size: 10px;

 font-style: normal;

 font-weight: normal;

 color: #A0AEB1;

 background:#3A3B59;

 border: 1px solid #486690;

 padding: 1px 4px 1px 4px;

 width:100%;

 text-align: center;

}



.tablaresultados { background-color: #202131; font-size: 10px; border: 1px solid #FFA201;  padding: 8px; }



#selector {  background-color: #202131;  color: #8C8C8C; border: 1px solid #FFA201; TEXT-DECORATION: none;  font-weight: bold;   padding: 1px;  display: block;  text-align: center;  width: 100%; }
#selector:hover { background-color: #4D4E69;  color: #FFFFFF; }

.noselector {  font-size: 11px; border: 1px solid #FFA201; 	line-height: 18px;  font-weight: bold;   padding: 1px;  display: block;  text-align: center;  width: 100%; }



/* BANNERS */

/* RALVAREZ: ASICHES REHACE TOTALMENTE; RENOMBRO REGLAS DE ANGEL A banANGELners */



ul#banners {
	list-style: none;
	margin: 16px 0 0;
	padding: 0;
}
ul#banners li { 
	float: right;
	text-align: left;
	width: 25%;
}
ul#banners li#cuatro {
	_width: 142px;
}
ul#banners li img {
	border: 0;
	float: left;
	height: 44px;
	left: -4px;
	margin-right: 1px;
	position: relative;
	top: -2px;
	width: 70px;
}

ul#banners li a {
	background-color: #598F9E;
	border-right: 1px solid #3A3B59;
	display: block;
	font: 10px/13px Verdana, Arial, Helvetica, sans-serif;
	height: 40px;
	_height: 44px;
	line-height: 1.4em;
	overflow: hidden;
	padding: 2px 4px;
	text-decoration: none;
}
ul#banners li a:hover {
	background-color: #4E4F6A;
	color: #bbb;
}
ul#banners li#dos a { 
	background-color: #496892;
}
ul#banners li#dos a:hover {
	background-color: #4E4F6A;
	color: #bbb;
}
ul#banners li#tres a { 
	background-color: #597276;
}
ul#banners li#tres a:hover {
	background-color: #4E4F6A;
	color: #bbb;
}
ul#banners li#cuatro a { 
	background-color: #435D5A;
}
ul#banners li#cuatro a:hover {
	background-color: #4E4F6A;
	color: #bbb;
}



ul#banANGELners {
	padding: 0;
	margin: 0;
	margin-top: 16px;
	list-style-type: none;
	float: right;
	width: 100%;
	color: #fff;
	overflow: hidden; /* Si el texto del banner sobrepas las tres líneas no se verá */
 }

ul#banANGELners li { 
	display: inline;
	
	}
	
ul#banANGELners li img {
	float: left;
	position: relative;
	right: 4px;
	top: -3px;
	border: 0;
	width: 70px;
	height:: 44px;
	}

ul#banANGELners li a {
	float: right;
	margin-right:1px;
	color: #fff;
	font-size: 12px;
	padding: 3px 4px;
	text-decoration: none;
	background-color: #598F9E;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	line-height: 13px;
	width: 133px; /* funciona en todos */
	*width: 133px; /* funciona tanto en IE6 como 7 */
	_width: 142px; /* funciona sólo en IE6 y no en IE7 */
	height: 38px; /* funciona en todos */
	*height: 38px; /* funciona tanto en IE6 como 7 */
	_height: 44px; /* funciona sólo en IE6 y no en IE7 */
	}


ul#banANGELners li a:hover {
	background-color: #4E4F6A;
	color: #bbb;
	}
ul#banANGELners li#dos a { 
	background-color: #496892;
	}
ul#banANGELners li#dos a:hover {
	background-color: #4E4F6A;
	color: #bbb;
	}
ul#banANGELners li#tres a { 
	background-color: #597276;
	width: 134px; /* funciona en todos */
	*width: 134px; /* funciona tanto en IE6 como 7 */
	_width: 143px; /* funciona sólo en IE6 y no en IE7 */
	}
ul#banANGELners li#tres a:hover {
	background-color: #4E4F6A;
	color: #bbb;
	}
ul#banANGELners li#cuatro a { 
	background-color: #435D5A;
	width: 134px; /* funciona en todos */
	*width: 134px; /* funciona tanto en IE6 como 7 */
	_width: 143px; /* funciona sólo en IE6 y no en IE7 */
	}	
ul#banANGELners li#cuatro a:hover {
	background-color: #4E4F6A;
	color: #bbb;
	}	
	
/* ESTILOS CLIENTES */

td#logotd {
	border: 1px solid #F99E01;
	background-color: #fff;
	}
	
img#LogoV  {
	width: 130px;
	}
	
img#LogoH  {
	height: 90px;
	}
	
/*div.btcontainer {
	margin: 10px 10px 0px 0px;
	display: inline-block;
	width: auto;
	
	}	*/
	

a.ovalbutton{
	background: transparent url('../img/botonleft.gif') no-repeat top left;
	display: block;
	font: normal 13px Verdana;
	line-height: 16px; 
	height: 24px; 
	padding-left: 11px; 
	text-decoration: none;
	margin: 10px 10px 0px 0px;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
	color: #494949;
	}

a.ovalbutton span{
	background: transparent url('../img/botonright.gif') no-repeat top right;
	display: block;
	padding: 4px 11px 4px 0px; 
	min-width: 140px;
	text-align: center;
	}

a.ovalbutton:hover{ 
	background-position: bottom left;
	}

a.ovalbutton:hover span{
	background-position: bottom right;
	color: black;
	}

.buttonwrapper{ 
	float: left;
	width: 50%;
	}
	
#empresa { 
	font: bold 13px Verdana;
	line-height: 14px;
	
	}
	
td#empresa a { 
	font: bold 14px Verdana;
	text-decoration: none;
	
	}
	
div#botonees{ 
	width: 570px;
	}	
.buttonwrapper3{ 
	float: left;
	width: 33%;
	}
        
        
/* BANNERS CLIENTES */
	
ul.FranjaBanners {
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 571px;
 }

ul.FranjaBanners li { 
	display: inline;
	text-align: left;
	background-color: #435D5A;
	float: left;
	color: #fff;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	width: 142px;
	height: 40px;
	}
	
ul.FranjaBanners li#segundo { 
	background-color: #597276;
	}
ul.FranjaBanners li#tercero { 
	background-color: #496892;
	width: 143px;
	}
ul.FranjaBanners li#cuarto { 
	background-color: #598F9E;
	width: 143px;
	}
		

ul.FranjaBanners li a {
	float: left;
	color: #fff;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	padding: 3px 5px;
	text-decoration: none;
	background-color: #435D5A;
	width: 132px; /* funciona en todos */
	*width: 132px; /* funciona tanto en IE6 como 7 */
	_width: 142px; /* funciona sólo en IE6 y no en IE7 */
	height: 34px; /* funciona en todos */
	*height: 34px; /* funciona tanto en IE6 como 7 */
	_height: 40px; /* funciona sólo en IE6 y no en IE7 */
	}

ul.FranjaBanners li a:visited {
	color: #fff;
	}

ul.FranjaBanners li a:hover {
	background-color: #4E4F6A;
	color: #ccc;
	}
	
ul.FranjaBanners li#segundo a {
	background-color: #597276;
	}	
ul.FranjaBanners li#segundo a:hover {
	background-color: #4E4F6A;
	}	
	
ul.FranjaBanners li#tercero a {
	background-color: #496892;
	width: 133px; /* funciona en todos */
	*width: 133px; /* funciona tanto en IE6 como 7 */
	_width: 143px; /* funciona sólo en IE6 y no en IE7 */
	}	
ul.FranjaBanners li#tercero a:hover {
	background-color: #4E4F6A;
	}

ul.FranjaBanners li#cuarto a {
	background-color: #598F9E;
	width: 133px; /* funciona en todos */
	*width: 133px; /* funciona tanto en IE6 como 7 */
	_width: 143px; /* funciona sólo en IE6 y no en IE7 */
	}	
ul.FranjaBanners li#cuarto a:hover {
	background-color: #4E4F6A;
	}
        
        
/* ESTILOS BIBLIO */
#2columnasC {
 /*width:430px; */ /* RALVAREZ: da problemas en EXPLORER */
 float:right; 
 position:relative; 
  }
 
#enviar{
 width:140px; 
 float:right; 
 position:relative; 
 /*background-color:#030006;*/
 }
 
#criterios {
 /*background-color: #FFFFFF;  */
 float: left; 
 display:inline; 
 position: relative; 
 width:430px; 
 }
 
div#criterios .inputSelect {
	font-size: 10px;
	border: 1px solid #DE9314;
	width: 184px;
	width: 42%;
	}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix {display: inline-block;}


	
/*
div#criterios {
	width: 438px;
	display:  inline-block;
	}

	
div#enviar {
	vertical-align: top;
	display: inline-block;
	width: 138px;
	}	*/
	
div#enviar .boton {
 margin-top: 7px;
 text-align: center;
 color: #000;
 background: #D0D7D8;
 border: 1px solid #DE9314;
 padding: 1px 4px;
 height: 34px;
 width: 138px;
}

p.info { 
	margin: 20px 0px;
	}
	
ul#botonera {
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 100%;
	color: #fff;
	font-size: 10px;
	letter-spacing: 0.08em;
 }

ul#botonera li { 
	display: inline;
	border: 0px;
	border-left: 1px solid #DE9314;
	text-align: center;
	float: left;
	color: #fff;
	height: 19px;
	background-color: #4D4E69;
	width: 141px; /* funciona en todos */
	*width: 141px; /* funciona tanto en IE6 como 7 */
	_width: 142px; /* funciona s�lo en IE6 y no en IE7 */
	}

ul#botonera li a {
	display: block;
	text-align: center;
	font-size: 10px;
	color: #fff;
	text-decoration: none;
	}

ul#botonera li.ultim a {
	border-right: 1px solid #DE9314;
	}

ul#botonera li a:hover {
	color: #DE9314;
	}	
	
/* ESTILOS BIBLIO RESULTS */	

div#Caja {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 570px;
}

div#ColIzquierda {
	float: left;
	width: 286px;
}

div#ColDerecha {
	float: right;
	border: 1px solid #DE9314;
	background-color: #262734;
	width: 142px;
	margin-bottom: 20px;
}

div#ColCentral {
	float: left;
	padding: 0px 6px;
	width: 22%;
	/*font-weight: bold;*/
	text-align: right;
}	


div#ColCentral h1 {
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	color: #DE9314;
}


div#ColIzquierda img {
	border: 1px solid #DE9314;
	width: 284px;
}

div#ColDerecha span {
	display: block;
	margin: 4px 4px 4px 6px;
}


div#ColDerecha span.continente {
	padding-top:0px;
	margin-top: 0px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #DE9314;
}

div#ColDerecha span.pais {
	margin-top: 15px;
	font-style:italic;
	color: #DE9314;
}

div#ColDerecha span.viaje a {
	text-decoration: none;
}

div#ColDerecha span.viaje a:hover {
	color: #DE9314;	
	text-decoration: underline;
}