/*
Theme Name: Viajes Tivoli2
Theme URI: http://www.viajestivoli.com/
Description: Tema creado para el sitio web www.viajestivoli.com v.2.0
Author: Regilete Network
Author URI: http://www.regilete.com/
Tags: viajes tivoli, regilete, viajes, destinos, norte america, paquetes, hoteles, autos, cruceros
*/
/* resets*/
html, body, div, span, fieldset, form, label, legend
{border: 0; margin: 0; outline: 0; padding: 0; background: transparent; vertical-align: baseline;}

* {
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	color: #000;
}


body{
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size:14px;
	color:#000;
	background-color:#d3e3ef;
	text-align:center;
	background-image:url(images/iface/wegGrad.gif);
	background-position:0 0;
	background-repeat:repeat-x;
	}
#bg{
	background-image:url(images/iface/webBg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}
	
ul{margin:0; padding:0; list-style:none;}
a{outline:none; text-decoration:none;}
a:link,
a:visited{color:#015fa6;}
a:hover{color:#66a0cb;}
a img{border:none;}
.left,
.floatL{float:left; display:inline;}
.right,
.floatR{float:right; display:inline;}
.txtR{text-align:right;}
.clear{clear:both;}
.center{text-align:center;}
.post h1,.post h2{margin-bottom:20px; padding:0;}
h3 {color:#304d5a; margin-bottom:5px!important; font-size:15px; }
.split50{overflow:auto;}
.split50 .floatL,
.split50 .floatR{width:49%;}
.padd10{padding:10px;}
#wrapper{padding:10px 0 0 0;}
#container{background-color:#FFF;}
.ads a img{border:none;}
#mainContainer{
	width:960px;
	margin:0 auto;
	text-align:left;
	position:relative;
	}
	
p {
line-height:15px;
margin-bottom:20px;
}

#sidebar p {
margin-bottom:10px;
}	
#sidebar input {
display:block;
margin-bottom:10px;
}

input {
padding:1px 0px;
}

.formtitle { 
color:#304D5A;
font-size:1.5em;
font-weight:bold;
margin:12px 0 !important;
padding:0;
}

/* TOP NAV */
#top{
	overflow:auto;
	padding:10px 0;
	font-size:11px;
	_width:100%;
	}
	#top ul li {
		float:left;
		padding:0 20px 0 10px;
		margin:0 3px;
		}
		#top ul li a:link,
		#top ul li a:visited{color:#000;}
		#top ul li a:hover{color:#66a0cb;}
		
		#top ul#shrtMnu li{
			border-right:1px solid #777f85;
			}
		#top ul#usrMnu li a{
			padding:0 0 0 20px;
			background-position:left;
			background-repeat:no-repeat;
			}
			#top ul#usrMnu li#lgn a{
			background-image:url(images/icons/user.gif);
			}
			#top ul#usrMnu li#rgt	a{
				background-image:url(images/icons/registro.gif);
				}

/* HEADER */
 #header{
 	background-image:url(images/iface/hdrBg.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	position:relative;
	padding:0 19px 0 21px;
	}
h1,
h1 a{
	display:block;
	width:206px;
	height:115px;
	text-indent:-9999em;
	background-position:0 0;
	background-repeat:no-repeat;
	}
	h1 a{
		background-image:url(images/iface/logo.gif);
		}
	

/* TOP NAVIGATION */


			
	/* 	MENU */
	
	#menu {
		
		padding:0;
		margin:0;
		}
		#menu span.date{
			float:right;
			font-size:12px;
			color:#FFF;
			font-weight:normal;
			padding:0 0px 0 0;
			_padding:0 0 0 5px;
			}

			
/* NAV ------------------------------------------------------*/
#menu ul#nav { position:relative; margin:0; padding:0 11px 0 21px; font-size:14px; 	list-style: none; z-index:100; width:908px; height:35px; line-height:35px; clear:both;  background:url(images/iface/mnuBg.gif) top left no-repeat; }
#menu ul#nav ul { padding: 0; margin: 0; list-style: none;}
#menu ul#nav li { float: left; display:block; padding:0; }
#menu ul#nav li a {  padding: 0 10px; display: block; font-weight:bold; text-decoration:none; color:#FFF;   background:url(images/iface/mnuSep.gif) no-repeat top right; font-size:13px; }
#menu ul#nav li a:hover, ul#nav li.sfhover {  background:url(images/iface/mnuBgOver.gif) repeat-x 0 0; }
#menu ul#nav li.first a:hover{ background:url(images/iface/mnuFirstOver.gif) no-repeat left top;  }



#menu ul#nav li ul { position: absolute; width: 185px; left: -999em; background:#333;  }
#menu ul#nav li li { margin:0; padding:0; float:left;  }
#menu ul#nav li li  a { background-image:none; padding:6px; border-bottom:1px solid #444; width:173px; display:block; font-weight:normal;  color:#CCC; font:normal 11px "Lucida Sans", Arial, Helvetica; font:normal 11px "Lucida Sans", Arial, Helvetica; text-decoration:none; }
#menu ul#nav li li  a:hover {  color:#FFF; background:#000; }
#menu ul#nav li:hover ul {	left: auto; cursor:pointer;}
#menu ul#nav li:hover ul, #nav li.sfhover ul { left: auto;  }




/* WRAPPER */
#wrapper{
	background-image:url(images/iface/wrapBg.gif);
	background-position:top;
	background-repeat:no-repeat;
	overflow:auto;
	padding:25px 0;
	_width:960px;
	}
	
	
	/* STRUCTURE */
	
	#content{
		float:right;
		width:669px;
		margin:0 22px 0 0;
		_margin:0 10px 0 0;
		font-size:12px;
		}
	#sidebar{
		width:228px;
		float:left;
		margin:0 0 0 19px;
		_margin:0 0 0 10px;
		color:#555;
		}
		
		.col-left { width:400px; float:left; margin-right:15px; }
		#image {margin-bottom:20px;}
.col-right { width:260px; float:left; }
	/* BOTONES --------------------------------------- */ 
.clearbtn { /* generic container (i.e. div) for floating buttons */ overflow: hidden; width: 100%; margin-top:15px;}

a.btn-ver-detalles  { background: transparent url('images/btn-verdetalles-left.png') no-repeat top left; }
a.btn-ver-detalles span { background: transparent url('images/btn-cafe-right.png') no-repeat top right; }
a.btn-print  {  display:block; background: transparent url('images/btn-imprimir-left.png') no-repeat top left; }
a.btn-print span { background: transparent url('images/btn-verde-right.png') no-repeat top right; }
a.btn-send  {  display:block; background: transparent url('images/btn-enviar-left.png') no-repeat top left; }
a.btn-send span { background: transparent url('images/btn-verde-right.png') no-repeat top right; }
a.btn-cafe  { display:block;  background: transparent url('images/btn-generico-cafe.png') no-repeat top left; }
a.btn-cafe span { background: transparent url('images/btn-cafe-right.png') no-repeat top right; }
a.btn-verde  {  display:block; background: transparent url('images/btn-generico-verde.png') no-repeat top left; }
a.btn-verde span { background: transparent url('images/btn-verde-right.png') no-repeat top right; }

a.btn-ver-detalles, 
a.btn-send, 
a.btn-cafe,
a.btn-verde,
a.btn-print, 
a.btn-video, 
a.btn-descarga  { color: #fff; display: block; float: left; font-size: 12px; height: 29px; line-height:29px; margin:0 6px 6px 0; padding: 0; text-decoration: none; }

a.btn-verde,a.btn-print,a.btn-send {color:#554506;}

a.btn-ver-detalles span, 
a.btn-print span, 
a.btn-send span, 
a.btn-video span, 
a.btn-descarga span { display: block;  line-height: 29px;  padding: 0 12px 0 35px; }

a.btn-verde span, 
a.btn-cafe span { display: block;  line-height: 29px;  padding: 0 12px 0 12px; }

a.btn-ver-detalles:hover, 
a.btn-print:hover, 
a.btn-send:hover, 
a.btn-verde:hover,
a.btn-cafe:hover,
a.btn-video:hover,
a.btn-descarga:hover { background-position: 0 100%; color: #000; }



a.btn-ver-detalles:hover span,
a.btn-print:hover span, 
a.btn-send:hover span, 
a.btn-video:hover span, 
a.btn-descarga:hover span { background-position: 100% 100%; padding: 0 12px 0 35px; }

a.btn-verde:hover span,
a.btn-cafe:hover span { background-position: 100% 100%; padding: 0 12px 0 12px; }

a.btn-ver-detalles:active, 
a.btn-print:active, 
a.btn-send:active, 
a.btn-verde:active, 
a.btn-cafe:active, 
a.btn-video:active, 
a.btn-descarga:active { background-position: 0 0 ;  }

a.btn-ver-detalles:active span, 
a.btn-print:active span, 
a.btn-send:active span, 
a.btn-verde:active span, 
a.btn-cafe:active span, 
a.btn-video:active span, 
a.btn-descarga:active span { background-position: 100% 0; }

.clr { clear:both; height:0%; }
.line { height: 1px; margin:10px 0;  border-top: 1px Solid #e8e6de; clear:both; display:block; }
	
	/* CONTENT */
.widecol { width:690px; float:left; position:relative;  }
.widecol h2 { font:bold 24px;  padding:0px 0 7px 0; color:#4f2b0f;  }
.widecol h3 { color:#304d5a; margin-bottom:10px; font-size:15px; }
.widecol h4 { color:#333333; margin-bottom:5px; font-size:13px; }
.widecol ul { margin-left:5px; list-style:none; }
.widecol li { background: url(images/bullet.png) no-repeat 0 50%; padding-left: 12px;  }

h1.propiedad { font:normal 22px/25px Arial, Helvetica, sans-serif;  padding:10px 0;  color:#333;
background: url(images/icon-ultimos-publicados.png) no-repeat 0 50%; padding-left: 30px;  } 
h2.buscar { background:url(images/icon-buscar.png) no-repeat 0 50%                                ; padding-left: 30px; } 
h2.publicar { background: url(images/icon-publicar.png) no-repeat 0 50%; padding-left: 35px; } 
h2.directorio { background: url(images/icon-directorio.png) no-repeat 0 50%; padding-left: 30px; } 
h2.ultimospublicados { background: url(images/icon-ultimos-publicados.png) no-repeat 0 50%; padding-left: 30px; border: none; margin-bottom:0;  } 
h2.inmobiliarias { background: url(images/icon-inmobiliarias.png) no-repeat 0 50%; padding-left: 35px;  border: none; } 
h2.contactarvendedor { border-bottom: 3px solid #efeee5; background: url(images/icon-contactarvendedor.png) no-repeat 0 50%; padding:10px 0 10px 35px;   }

.inmoniliariasparticipantes { background: url(images/bk-moduloshome.png) no-repeat bottom left; width:650px; overflow:hidden; padding:0 20px 20px 20px; }

.caja-top-round { background:url(images/top-caja.png) no-repeat; width:690px; height:8px; margin:0;  padding:0; }
.roundbottom { margin:0 auto 10px auto;  width:960px; height:7px; background: url(images/round-bottom.png) no-repeat bottom left;}

.price-container {margin-bottom: 10px; clear: both; overflow: hidden; width: 100%;}
.price1 { float:left;  font:bold 15px Arial, Verdana, Helvetica, sans-serif; display:block; background:url(images/precio-left.png) no-repeat top left; color:#FFF; height:29px; line-height:29px; padding: 0 0 0 10px; }
.price1 span { background:url(images/precio-rigth.png) no-repeat top right; height:29px; display:block; padding-right: 10px; }


	/* SIDEBAR */
	#sidebar a img{border:none;}
	#sidebar .module,
	#sidebar .modBg{
		background-image:url(images/iface/sideboxBot.gif);
		background-position: bottom;
		background-repeat:no-repeat;
		padding:0 0 5px 0;
		margin:0 0 0px 0;
		font-size:12px;
		}
	#sidebar .moduleNBg{
			margin:0 0 10px 0;
	}
	
	.modulePaq .small{
	display:none!important;
	}	
	
	#sidebar .module h2,
	#sidebar .moduleNBg h2{
			font-size:15px;
			color:#000;
			background-image:url(images/iface/sideboxTop.gif);
			background-position:bottom;
			background-repeat:no-repeat;
			padding:0 0 20px 0;
			}
			#sidebar .module h2{background-color:#FFF;}
			#sidebar ul{
				width:90%;
				margin:0 auto;
				}
				#sidebar ul li {
					overflow:auto;
					_line-height:12px;
					}
					#sidebar ul li a{
					display:block;
					cursor:pointer;
					}
					#sidebar ul li a:link,
					#sidebar ul li a:visited{color:#555;}
					#sidebar ul li a:hover{color:#0099cc;}
					
					#sidebar ul.sideLst li strong{
						width:90px;
						display:block;
						float:left;
						margin:0 5px 0 0;
						font-weight:normal;
						}
						#sidebar ul.sideLst li em{
							display:block;
							float:left;
							width:50px;
							font-style:normal;
							margin:0 5px 0 0;
							}
							#sidebar ul.sideLst li span {
								color:#a90001;
								width:70px;
								float:right;
								text-align: right;
								}
								
								#sidebar ul.sideLst li titleLst {
								color:#000!important;
								margin-bottom:5px;
								}
	#sidebar .modBg{
		width:208px;
		}				
	#sidebar .moduleNBg ul.modBg{
		padding:0 10px 14px 10px;
		}
	#sidebar ul#ofertasLst strong{
		width:48%;
		}
	#sidebar .sideAds p{
		margin:0 0 10px 0;
		}
	/*SUBSCRIBE FORM */
	.contacto{width:410px;}
#subscribe_form{
	width:90%;
	margin:0 auto;
	color:#555;
	font-size:11px;
	padding:0 0 10px 0;
	}
	#subscribe_form #submit{
		float:right;
		}
		
		#subscribe_form #subscribe_txt{
			padding:4px;
			border:1px solid #afbcc6;
			font-size:12px;
			width:152px;
			}
			#subscribe_form p strong{
				display:block;
				font-size:12px;
				color:#000;
				margin:10px 0 5px 0;
				}
				

/* MAIN TABS */
#tabs-banner {
	width: 669px;
	margin:10px 0 5px;
}


.widget {
	width: 370px;
	height: 308px;
	background-image: url(bgcont.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
}

	.widget a {
	color: #222;
	text-decoration: none;
	}
	
	.widget a:hover {
	color: #009;
	text-decoration: underline;
	}

	.tabnav li {
	display: inline;
	list-style: none;
	}
	
		.tabnav li a {
	display: block;
	height: 40px;
	float: left;
	background-image: url(tabnav.gif);
	background-repeat: no-repeat;
	margin: 0px 5px 0px 0px;
		}
.tabnav li a span {
	display: none;
}
#tabcont  {
	height: 250px;
	overflow: hidden;
	width: 360px;
	float: left;
	padding-left: 10px;
	margin-top: 10px;
}


#vuelos/*nav styles*/
		  {
	width: 97px;
}
#vuelos:hover  {
	background-position: left bottom;
}
.ui-tabs-selected #vuelos {
background-position: left bottom;
}
#autos  {
	width: 91px;
	background-position: -213px top;
}
#autos:hover  {
	background-position: -213px bottom;
}
.ui-tabs-selected #autos{background-position: -213px bottom;}	
#hoteles   {
	width: 110px;
	background-position: -100px top;
}
#hoteles:hover   {
	background-position: -100px bottom;
}
.ui-tabs-selected #hoteles{background-position: -100px bottom;}
	
	.tabdiv {
	margin-top: 2px;
	}
	
		.tabdiv li {
	margin-left: 20px;
		}

.ui-tabs-hide {
		display: none;
		}
.banners {
float:left;
height:145px;
margin-bottom:15px;
margin-left:15px;
width:280px;
}
/*END TABS*/

/* EMBAJADA TABS */

#tabs-banner2 {
	width: 669px;
	margin:10px 0 5px;
}


.widget2 {
	width: 530px;
	height:auto;
	margin:15px;
	padding:0px;
	background-image: url(bgcont2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}

	.widget2 a {
	color: #222;
	text-decoration: none;
	}
	
	.widget2 a:hover {
	color: #009;
	text-decoration: underline;
	}

	.tabnav2 li {
	display: inline;
	list-style: none;
	}
	
		.tabnav2 li a {
	display: block;
	height: 13px;
	float: left;
	background-image: url(tabnav2.gif);
	background-repeat: no-repeat;
	margin: -11px 0px 0px 0px;
		}
.tabnav2 li a span {
	display: none;
}
#tabcont2  {
	/*height: 230px;
	overflow: hidden;*/
	width: 500px;
	float: left;
	padding-left: 10px;
	margin-top: 10px;
}

/*nav styles*/
#A
		  {
	width: 31px;
}
#A:hover  {
	background-position: left bottom;
}
.ui-tabs-selected #A {
background-position: left bottom;
}
#B  {
	width: 31px;
	background-position: -28px top;
}
#B:hover  {
	background-position: -28px bottom;
}
.ui-tabs-selected #B{background-position: -28px bottom;}	
#C   {
	width: 31px;
	background-position: -65px top;
}
#C:hover   {
	background-position: -65px bottom;
}
.ui-tabs-selected #C{background-position: -65px bottom;}
	
#E   {
	width: 31px;
	background-position: -95px top;
}
#E:hover   {
	background-position: -95px bottom;
}
.ui-tabs-selected #E{background-position: -95px bottom;}
	
#F   {
	width: 31px;
	background-position: -125px top;
}
#F:hover   {
	background-position: -125px bottom;
}
.ui-tabs-selected #F{background-position: -125px bottom;}	

#G   {
	width: 31px;
	background-position: -156px top;
}
#G:hover   {
	background-position: -156px bottom;
}
.ui-tabs-selected #G{background-position: -156px bottom;}
	
#H   {
	width: 31px;
	background-position: -185px top;
}
#H:hover   {
	background-position: -185px bottom;
}
.ui-tabs-selected #H{background-position: -185px bottom;}

#I   {
	width: 31px;
	background-position: -215px top;
}
#I:hover   {
	background-position: -215px bottom;
}
.ui-tabs-selected #I{background-position: -215px bottom;}
	
#J   {
	width: 31px;
	background-position: -245px top;
}
#J:hover   {
	background-position: -245px bottom;
}
.ui-tabs-selected #J{background-position: -245px bottom;}	

#M   {
	width: 31px;
	background-position: -285px top;
}
#M:hover   {
	background-position: -285px bottom;
}
.ui-tabs-selected #M{background-position: -285px bottom;}
	
#N   {
	width: 31px;
	background-position: -315px top;
}
#N:hover   {
	background-position: -315px bottom;
}
.ui-tabs-selected #N{background-position: -315px bottom;}	
#P   {
	width: 31px;
	background-position: -350px top;
}
#P:hover   {
	background-position: -350px bottom;
}
.ui-tabs-selected #P{background-position: -350px bottom;}
	
#S   {
	width: 31px;
	background-position: -380px top;
}
#S:hover   {
	background-position: -380px bottom;
}
.ui-tabs-selected #S{background-position: -380px bottom;}	

#T   {
	width: 31px;
	background-position: -415px top;
}
#T:hover   {
	background-position: -415px bottom;
}
.ui-tabs-selected #T{background-position: -415px bottom;}
	
#V   {
	width: 31px;
	background-position: -445px top;
}
#V:hover   {
	background-position: -445px bottom;
}
.ui-tabs-selected #V{background-position: -445px bottom;}			
	
	
	.tabdiv {
	margin-top: 2px;
	}
	
		.tabdiv li {
	margin-left:20px;
		}

.ui-tabs-hide {
		display: none;
		}
		
.banners2 {
float:left;
height:145px;
margin-bottom:15px;
margin-left:15px;
width:500px;
}

/*END TABS*/
/* CONTACT BAR */
#cntcBar{
	background-image:url(images/iface/contactbar_bg.gif);
	background-position:right;
	background-repeat:no-repeat;
	overflow:auto;
	margin:0 0 10px 0;
	_width:100%;
	height:40px;
	}
	#cntcBar h3{
		background-image:url(images/iface/contactenos.gif);
		width:110px;
		height:41px;
		display:block;
		float:left;
		text-indent:-9999em;
		margin:0 0;
		}
		#cntcBar a{
			display:block;
			text-indent:-9999em;
			line-height:41px;
			background-repeat:no-repeat;
			background-position:0 0;
			width:225px;
			height:41px;
			float:left;
			}
			#cntcBar a#tel{
				background-image:url(images/iface/cont_tel.gif);
				}
				#cntcBar a#mail{
					background-image:url(images/iface/cont_mail.gif);
					}
					
#tel{margin-left:10px;}
/* DESTINO BOX */
.scrollcontainer {
	float: right;
	width: 125px;
}
		.scroll-pane {
	height: 160px;
	overflow: auto;
	width: 115px;
		}
#destinoBox #wrap #section {
}
		
         /*JScrollPane CSS*/
		.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	padding-right:4px;
		}
		.jScrollPaneTrack{
	position:absolute;
	cursor:pointer;
	right:0;
	top:0;
	height:100%;
	background-color: #CADDEC;
		}
		.jScrollPaneDrag{
	position:absolute;
	cursor:pointer;
	overflow:hidden;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background-color: #27506D;
	background-image: url(images/iface/bgscroll.gif);
	background-repeat: repeat-y;
			}
		
		.scroll-pane{padding:0;}
		.scroll-pane li{
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	padding:2px;
	font-size:11px;
	line-height:16px;
	list-style:none;
	margin:2px 0;
	border-bottom: 1px solid #b4d3eb;
	display: block;
	background-image: url(images/iface/bgli.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
		}
		.scroll-pane li a{
	display:block;
	color: #014E87;
	text-decoration: none;
}
		.scroll-pane li a:hover{
	color: #000;
}
		.scroll-pane ul{
	padding:0px;
	margin:0;
	width: 100px;
}
	
	
	
	#destinoBox {
	background-position:center bottom;
	background-repeat:no-repeat;
	margin:0 0 20px;
	padding:0 0 9px;
	width:366px;
	overflow: hidden;
}
#destinoBox h3 {
	background-position:center bottom;
	background-repeat:no-repeat;
	padding:0 0 2px !important;
	
}
#destinoBox #map {
margin:0 0 0 3px;
width:230px;
}
#destinosBox ul li a:hover {
color:#000000;
}
	
#ads287{
	margin:12px 0 0 0;
	}
	

/* OFERTAS */

@media projection, screen { 
    .ui-tabs-hide {
        display: none;
    }
}

@media print {
    .ui-tabs-nav {
        display: none;
    }
}

#ofs a.floatR{

	}
ul#ofNav{
	overflow:auto;
	background-image:url(images/iface/ofTabsBg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	width:100%;
	position:relative;
	}
	ul#ofNav li{
		float:left;
		}
		ul#ofNav li a{
			text-align:center;
			background-image:url(images/iface/footTab.gif);
			width:150px;
			line-height:33px;
			display:block;
			margin:0 2px 0 2px;
			font-size:13px;
			font-weight:bold;
			}
			ul#ofNav li a:link,
			ul#ofNav li a:visited{background-position:0 0; color:#000;}
			ul#ofNav li.current a,
			ul#ofNav li.current a:link,
			ul#ofNav li.current a:visited,
			ul#ofNav li a:hover{background-position:0 -33px;}
	
		@media projection, screen { 
			.ui-tabs-hide {
				display: none;
			}
		}
		
		@media print {
			.ui-tabs-nav {
				display: none;
			}
		}
		

		
		.ui-tabs-panel {
		
		}
		#ofs .ui-tabs-nav {
			overflow:auto;
			background-image:url(images/iface/ofTabsBg.gif);
			background-position:bottom;
			background-repeat:repeat-x;
			width:100%;
			position:relative;
			font-size:13px;
		}
	#ofs	.ui-tabs-nav li {
			float: left;
		}
		
	#ofs	.ui-tabs-nav a {
					text-align:center;
					background-image:url(images/iface/footTab.gif);
					width:150px;
					line-height:33px;
					display:block;
					margin:0 2px 0 2px;
					font-size:13px;
					font-weight:bold;
					color:#000000;
		}
		#ofs .ui-tabs-nav .ui-tabs-selected a {
		background-position:0 -33px;
		}
		#ofs.ui-tabs-nav .ui-tabs-selected a,#ofs .ui-tabs-nav a:hover,#ofs .ui-tabs-nav a:focus,#ofs .ui-tabs-nav a:active {
		background-position:0 -33px;
		}
		#ofs .ui-tabs-nav .ui-tabs-selected a:link, #ofs .ui-tabs-nav .ui-tabs-selected a:visited, #ofs .ui-tabs-nav .ui-tabs-disabled a:link, #ofs .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
			cursor: text;
		}
		.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
		.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
			cursor: pointer;
		}
		#ofs .ui-tabs-panel {
				background-image:url(images/iface/ofsBg.gif);
				background-position:0 0;
				background-repeat:repeat-x;
				padding:20px 0 10px 0;c
				overflow:auto;
				_width:100%;
		}
		
		/* Additional IE specific bug fixes... */
		* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
			display: inline-block;
		}
		*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
			display: inline-block;
		}
		

	.ofTab{
		background-image:url(images/iface/ofsBg.gif);
		background-position:0 0;
		background-repeat:repeat-x;
		padding:20px 0 10px 0;c
		overflow:auto;
		_width:100%;
		}
	
	#ofs .col a img{border:none;}
	
	
	#ofs .col{
		width:147px;
		float:left;
		margin:0 8px;
		_margin:0 8px;
		color:#555;
		font-size:12px;
		}
		#ofs .col h2{
			color:#000;
			font-size:13px;
			margin:10px 0 0 0;
			}
		#ofs .col h2 strong{
			color:#4889b9;
			}
		#ofs .col p{
			line-height:150%;
			}
		#ofs .col p a:link,
		#ofs .col p a:visited{
			color:#c10416;
			}
		#ofs .col p a:hover{color:#890606;
		}
	
	/* FOOTER */
	
#footer{
	background-image:url(images/iface/footBg.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	text-align:center;
	padding:20px 0;
	width:960px;
	margin:0 auto;
	font-size:12px;
	}
	#footer p{
	margin:10px 0;
	}
	#footer a{
		font-weight:bold;
		text-decoration:underline;
		}
	#footer a:link,
	#footer a:visited{color:#a90001; text-decoration:none;}
	#footer a:hover{color:#000;}
  #footer ul li{display:inline; padding:5px 7px;}
/* TABLAS GRID -------------- Aplicar estilos de grid aplicando un id=grid a la tabla, ej. <table id=grid> ----------------------*/
table#grid {
	border-left:1px solid #CCC;
	border-top:1px solid #CCC;
	margin:15px 0 20px 0;
	border-collapse:collapse;
	background:#fff;
	-moz-border-radius: 2px;
}
table#grid th, table#grid td {
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:6px;
}
table#grid th {
	text-align:left;
	vertical-align: middle;
	color:#333333;
	background:#F0F0F0;
}
table#grid .alt {  background-color: #f9f8f4;  }
.grid-precio { background:#e57113; color:#FFFFFF;  } /* Este es el que está applicado, rellena toda la celda de color naranja */ 
.thumb_item { float:left; margin-right:10px; }

div.paquetes_pag .col{
		
float:left;
font-size:12px;
margin:0 8px;
width:100% !important;
margin:10px!important;
background: #d2edf9 !important;
background-image: expand url(images/iface/sideboxBot.gif);
background-position:center bottom;
background-repeat:no-repeat;
font-size:12px;
margin:0 0 10px;
	}
	
div.paquetes_pag .col img {
border:medium none;
padding:12px;
float:left !important;

}

/****( Send2Friend box )*************************/
/* DESCRIPTION: the little popup send2friend box */
#send2friend_box {
	background-color: #D2EDF9;
	border:1px solid #555;
	position: absolute;
	right: 160px;
	text-align: left;
	width: 400px;
	z-index: 2000;
}
#send2friend_box div.top {
	background: transparent url(/img/bg-login-blue-top.png) no-repeat top left;  
	height: 23px;
}
#send2friend_box div.btm {   
	background: transparent url(/img/bg-login-blue-btm.png) no-repeat bottom left;
	padding: 0 25px 23px 13px;
}
#send2friend_box form {
	margin: -3px 0 0;
	padding: 0;
}
#send2friend_box form table {
	border: 0;
	padding: 0;
}
#send2friend_box form table th {
	border-right: 2px solid #D2E5EF;
	font-weight: bold;
	padding: 0 10px 0 0;
	text-align: right;
	vertical-align: top;
	width: 125px;
}
#send2friend_box form table tr.pad-top th {
	padding-top: 10px;
}
#send2friend_box form table span.help {
	color: #888;
	display: block;
	font-size: .9em;
	font-style: italic;
	font-weight: normal;
}
#send2friend_box form table td {
	padding: 0 0 0 10px;
	vertical-align: top;
}
#send2friend_box form table tr.pad-top td {
	padding-top: 10px;
}
#send2friend_box form table td span.help {
	margin-top: 3px;
}
#send2friend_box form input {
	margin: 0;
	padding: 0;
	width: 97%;
} 
#send2friend_box form input[type="checkbox"], 
#send2friend_box form input[type="image"], 
#send2friend_box form input[type="submit"] {
	width: auto;
}
#send2friend_box form img#head-user-cancel {
	cursor: pointer;
	margin-left: 5px;
}
/*****************/
/* Form*/


/** form styles ***/
/* Here's our form stuff */
fieldset {
	clear: both;
	padding-top: 10px;
}
legend {padding: 0 0 1.286em; font-size: 1.167em; font-weight: 700;}
fieldset fieldset legend {padding: 0 0 1.5em; font-size: 1em;}
* html legend {margin-left: -7px;} /* ie6 */
*+html legend {margin-left: -7px;} /* ie7 */

form .field, form .buttons {
}
form .field label {display: block;}
form ul.fields {
	margin: 0 0 1.5em;
	padding: 0;
}
form ul.fields li {list-style-type: none; margin: 0;}
form ul.inline li, form ul.inline label {display: inline;}
form ul.inline li {padding: 0 .75em 0 0;}

input.radio, input.checkbox {vertical-align: top;}
label, button, input.submit, input.image {cursor: pointer;}
* html input.radio, * html input.checkbox {vertical-align: middle;} /* ie6 */
*+html input.radio, *+html input.checkbox {vertical-align: middle;} /* ie7 */

textarea {overflow: auto;}
input.text, input.password, textarea, select {margin: 0; font: 1em/1.3 Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif; vertical-align: baseline;}
input.text, input.password, textarea {border: 1px solid #444; padding: 2px;}

/* horizontal layout */
form.horizontal .field {padding-left: 150px;}
form.horizontal .field label {
	display: inline;
	float: left;
	width: 140px;
	margin-left: -150px;
}
.field {
	width: 170px;
}
.field1 {
	width: 170px;
}
#tipo li {
	display: inline;
}
#tabs-banner p{margin-bottom:6px;}
/*forma*/
/** hacks **/
#modcontainer{
width:228px;
}
 #modcontainer p{
padding-left:10px;
padding-right:10px;
}
#modcontainer #sboton{
background-color:#941100;
color:#FFFFFF;
font-size:11px;
padding:2px 4px;
border:1px solid #CCC;
float: right;
font-size:12px;
margin-right:4px;
}
.module{
		background-image:url(images/iface/sideboxBot.gif);
		background-position: bottom;
		background-repeat:no-repeat;
		padding:0 0 5px 0;
		margin:0 0 10px 0;
		font-size:12px;
		height:159px;
		}
	.module h2,
	.moduleNBg h2{
			font-size:15px;
			color:#000;
			background-image:url(images/iface/sideboxTop.gif);
			background-position:bottom;
			background-repeat:no-repeat;
			padding:0 0 20px 0;
			}
			 .module h2{background-color:#FFF;}
	/**columnas agencias **/
  #agencias {
	width:669px;
}
#agencias p{
line-height:18px; 
color:#444;
}
#agencias .acol {
	width: 203px;
	padding: 10px;
	float: left;
	display: inline;
}
#agencias h3 {
	height: 40px;
	padding: 0px;
	margin: 20px 0px;
	line-height: 40px;
	padding-left: 10px;
	background-image: url(agenciasbg.jpg);
	color: #FFF;
	font-size: 16px;
}
#agencias h4 {
	font-size: 13px;
	color:#444;
}
#agencias .clear {
	clear: both;
	display: block;
}	
/** restricciones **/
.restrictions{color:#555; font-size:10px;}
.restrictions h5{font-size:11px; padding-bottom:10px;}
.description h4{margin-bottom:10px;}
.description ul{margin-bottom:10px;}
/** restricciones **/
/** social icons **/
#social_media {
	height:36px;
	width:80px;
  right:0px;
  position:absolute;
}
#social_media a {
padding-top:2px;
	float: left;
	display: block;
	height: 32px;
	width: 32px;
	text-indent: -99999px;
	background-repeat: no-repeat;
}
#social_media #facebook {
	background-image: url(images/facebook.png);
}
#social_media #twitter {
	background-image: url(images/twitter-32x32.png);
}
#social_media .clear {
	clear: both;
}
.small {
font-size:10px;
color:#014E87;
}
/** end social **/
/* Mapa */
#mapa {
	width:366px;
	height:175px;
	z-index:1;
	background-image: url(mapa.gif);
}
#mapa #paises {
	float: left;
	width: 235px;
}
#mapa #scroll {
  padding-top:7px;
	float: left;
	width: 130px;
}
#mapa #paises {
	height: 175px;
}
#norteamerica {
	background-image: url(paises.png);
	background-repeat: no-repeat;
	width: 80px;
	height: 65px;
	margin-top: 40px;
	margin-left: 2px;
	position: absolute;
}
#centroamerica {
	background-image: url(paises.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	margin-top: 100px;
	margin-left: 45px;
	background-position: -80px 0;
	position: absolute;
}
#mexico {
	background-image: url(paises.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	margin-top: 93px;
	margin-left: 36px;
	background-position: -420px 0;
	position: absolute;
}
#suramerica {
	background-image: url(paises.png);
	background-repeat: no-repeat;
	width: 50px;
	height: 60px;
	margin-top: 100px;
	margin-left: 47px;
	background-position: -110px 0;
	position:absolute;
}
#africa {
background-image: url(paises.png);
	background-repeat: no-repeat;
	width: 50px;
	height: 60px;
	margin-top: 87px;
	margin-left: 95px;
	background-position: -160px 0;
	position:absolute;
}
#europa {
	background-image: url(paises.png);
	background-repeat: no-repeat;
	width: 60px;
	height: 60px;
	margin-top: 42px;
	margin-left: 95px;
	background-position: -215px 0;
	position:absolute;
}
#asia {
	background-image: url(paises.png);
	background-repeat: no-repeat;
	width: 110px;
	height: 80px;
	margin-top: 30px;
	margin-left: 122px;
	background-position: -270px 0;
	position:absolute;
}
#oceania {
background-image: url(paises.png);
	background-repeat: no-repeat;
	width: 40px;
	height: 60px;
	margin-top: 120px;
	margin-left: 175px;
	background-position: -380px 0;
	position:absolute;
}
#caribe {
	background-image: url(paises.png);
	background-repeat: no-repeat;
	width: 15px;
	height: 10px;
	margin-top: 96px;
	margin-left: 60px;
	background-position: right 0;
	position:absolute;
}
#mapa #scroll ul {
	list-style: none;
	margin: 0;
	padding: 5px;
}
#mapa #paises span {
	display: none;
}
#mapa #paises a.ui-tabs-hide{display:none;}
#mapa li.ui-tabs-selected a{color:#910e14;}
#mapa li.ui-tabs a{cursor:pointer;}
ul.list{list-style-type:disc; padding-bottom:10px;list-style-position:inside;}