/* 
Pagina de estilos principal
Copyright (c) Bizcacha 2007-2010
*/
body
{
	MARGIN: 0px; 
	COLOR: #333;
	FONT-FAMILY: Verdana, sans-serif; 
	FONT-SIZE: 11px; 
	background: gray;
	text-align: left;
}

/* links */
hr, .hide {
	display: none;
    }
a, a:visited {
	COLOR: #326ea1;
	text-decoration: none;
	border-bottom: dotted 1px #ccc;margin-bottom: 5px;
	}
a img {
	border-width: 0px;
	margin-bottom: 0px;
	}
a.vermas {
	padding-right: 9px;
	margin: 5px;
	font-size: 90%;
	background: url(../images/vermas.gif) no-repeat 100% 5px;
	}
img {border-width: 0px;}
input, select, textarea { FONT-FAMILY: Verdana, sans-serif;  FONT-SIZE: 11px; margin: 1px 5px 5px 1px; }
select { min-width: 50px;  }


/* page structure ---------------------------------------------------------- */
#central 
{
	margin: 0px auto;
	width: 770px;
}
#infousuario { height: 15px; text-align: right; color: white; font-size: 90% }
#infousuario a, #infousuario a:visited { margin-left: 10px; color: white; }
#langbar
{
	border-top: solid 5px #c01048;
	width: 100%;
	text-align: right;
}
#langbar span {padding: 0px 7px;}
#langbar span.active {background: #c01048; color: white;}

#header {
	background: url(../images/back-header.jpg) repeat-x;
}
#logo
{
	padding: 0px 10px 10px 10px;
	vertical-align: middle;
	text-align: left;
}
#menu {
	background: #F7F4EA;
	position: relative;
}
#content
{
	clear: both;
	padding: 10px;
	min-height: 400px;
	background-color: white;
	}
#footer
{
	padding: 5px;
	background: #F7F4EA;
	color: gray;
	clear: both;
	border-top: solid 10px white; /* para dar un margin */
	overflow: hidden;
	position: relative;
	margin: 0;
}

/* footer  ---------------------------------------------------------- */
#footer table {font-size: 90%}
.links {float: left;position: relative;}
.logoiata {float: right; width: 45px; position: relative;}
.vcard {float: left; padding: 10px 0; margin: 0; position: relative;}
.vcard .fn {font-weight: bold;}
.vcard .adr .type {display: none;}
.vcard .tel .type {display: none;}

.mapa {float: left; border: 1px solid silver; margin: 10px 20px;position: relative;}
.mapa a {background: url(../images/mapaes.png) center; display: block; width: 120px; height: 80px; text-indent: -9000px; margin: 0;  }
.copyright {clear: both; padding: 10px 0;}


/* navigation */
#canasta {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 33px;
	background-color: #F4FBFF;
	padding: 0px 5px;
	vertical-align: middle;
}
#canasta div 
{
    background: url(../images/basket.gif) no-repeat left;
    padding: 10px 10px 10px 20px; 
}
#hintcanasta 
{
    position: absolute; 
    top: -95px; 
    right: -50px; 
    height: 100px; 
    width: 200px; 
    background-image: url(../images/hint.gif); 
    display: none;
   }
#hintcanasta p {padding: 10px 10px 5px 10px; font-size: 9px; color: white; text-align: center;}
#minitabs {
	padding: 10px;
	margin: 0px;
	width: 500px;
	
}
#minitabs li {
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style: none;
}
#minitabs a {
	text-decoration: none;
	border: none;
	letter-spacing: 1px;
	color: #666666;	
	padding: 5px;
}

#minitabs a.active {
	color: #570C06;
	letter-spacing: 1px;
	background-color: white;
	padding: 5px;
}

#minitabs a:hover {
	background-color: white;
	letter-spacing: 1px;
	padding: 5px;
	color: black;
}

/* sub nav */
#subnav 
{
	clear: both;
	}
#subnav ul 
{
    background: #EEE8DA url(../images/back-header.jpg) repeat-x scroll center top;
	margin: 0px auto;
	padding: 0px 5px;
	list-style: none;
	border-bottom: solid 1px #F7F4EA;
	overflow: hidden;
	}
#subnav li {
	float: left;
	margin: 0px;
	padding-right: 5px;
	font-size: 11px;
	}
#subnav li a {
	float: left;
	padding: 5px 5px;
	text-decoration: none;
	color: #666;
	}
#subnav li a:hover {
	color: #666;
	}
#subnav li a.active {
	font-weight: bold;
	color: #666;
	}

/* login */
#UsuarioLogin {
	float: right;
	width: 180px;
	margin-left: 10px;
}
.colored {background: #F7F4EA;}
#bienvenido {float: left; width: 500px;}
/* content */
FORM
{
	MARGIN: 0px;
}

h1
{
	font-size: 18px;
	color: #666666;
	text-decoration : none;
	font-weight: normal;
	padding-top : 0px;
	width: 100%;
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 0px;
}
#bienvenido h1 {font-size: 22px; letter-spacing: 2px;}
h2, h2 a:link, h2 a:visited, a.h2, a:visited.h2  {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: bold;
	color: #c01048;
	text-decoration: none;
}
h2.hotel, h2.servicio, h2.paquete, h2.hotel
{
    font-size: 13px;
    font-weight: bold;
    border: solid 3px #c01048;
    padding: 2px;
    color: white;
    background: #c01048;
    margin-bottom: 5px;
}
h2.hotel a:link, h2.hotel a:visited, h2.servicio a:link, h2.servicio a:visited, h2.paquete a:link, h2.paquete a:visited, h2.auto a:link, h2.auto a:visited {color: white;}  
h3 {
	COLOR: #c01048;
	FONT-SIZE: 12px;
	MARGIN-TOP: 5px;
	MARGIN-BOTTOM: 0px;
	}
h4, h4 a:link, h4 a:visited, a.h4, a:visited.h4  {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: bold;
	color: #570C06;
	text-decoration: none;
}	
h2 p, h2 a p, h3 p, h3 a p, h4 p, h4 a p { margin: 0px;}
ul {margin: 5px 5px 5px 15px}
table 
{
	border-collapse: collapse;
	FONT-SIZE: 11px; 
}
th, td {vertical-align: top;}

table.tabla
{
    width: 100%;
}

.tabla td 
{
	vertical-align: top; 
	border: 1px solid #ccc; 
	padding: 1px 5px; 
}
.tabla th 
{
	border: 1px solid #D5D5D5; 
	background: #F1F2F4 url(../images/back-th.jpg) repeat-x top; 
	color: #676767; 
	font-weight: normal; 
	text-align: center; 
	width: 2em;
}
th.orderby
{
	border: 1px solid #96D9F9; 
	background: #D8ECF6 url(../images/back-th-orderby.jpg) repeat-x top; 
	color: #676767; 
	font-weight: normal; 
	text-align: center; 
	width: 2em;
}

table.conHeader {border: solid 1px #F7F4EA; margin: 2px;  }
.conHeader th {background: #F7F4EA url(../images/back-header.jpg) repeat-x;font-size: 12px; padding: 5px;}
.conHeader td {padding: 5px;}


div.toolbar
{
	border: 1px solid black; 
	background: #94C2CE url(../images/back-toolbar.jpg) repeat-x top; 
	color: #fff; 
	height: 30px;
	vertical-align: middle;
}
.toolbar a.boton, .toolbar a.boton:hover, .toolbar a.boton:visited
{
    color: #fff; 
    padding: 2px 5px;
    margin: 2px 0px 2px 5px ;
    text-decoration: none;
    float: left;
}
.toolbar a.boton:hover
{
	border: 1px solid white; 
}
new
{
    padding-left: 15px;
    background: url(../images/new.gif) no-repeat left center;     
}
div.filterbar
{
	border-left: 1px solid #96D9F9; 
	border-right: 1px solid #96D9F9; 
	background-color: #D8ECF6; 
	color: black; 
	min-height: 30px;
	vertical-align: middle;
        padding: 5px;
}
div.error
{
	margin: 10px 0px;
	border: solid 2px red;
	color: black;
	padding: 10px 10px 10px 45px;
	background: #F2DDDD url(../images/error.gif) no-repeat left center;
}
div.info
{
	margin: 10px 0px;
	border: solid 2px green;
	color: black;
    padding: 20px 20px 20px 70px;
	background: #E0F8E1 url(../images/info.gif) no-repeat left center;
    
}
span.error, div.smallerror 
{
	border: solid 1px red;
	color: black;
	padding: 2px 5px 2px 25px;
	background: #F2DDDD url(../images/error20.gif) no-repeat left center;
}
span.info, div.smallinfo
{
	border: solid 1px green;
	color: black;
    padding: 2px 5px 2px 25px;
	background: #E0F8E1 url(../images/info20.gif) no-repeat left center;
}
.warning
{
	margin: 10px 0px;
	border: solid 2px yellow;
	color: black;
    padding: 20 20 20 70;
	background: #FFF1BB url(../images/warning.gif) no-repeat left center;
}
.MensajeReserva
{
	border: solid 2px #FFDF5E;
	color: black;
    padding: 10px;
	background: #FFF1BB;
	margin-bottom: 5px;
}


img.conborde, img.bordecito {
	border: solid 1px #CCCCCC;
	padding: 7px;
}
img.minibordecito {	border: solid 1px #CCCCCC; 	padding: 3px; }
img.left 
{
	margin-right: 5px;
}
div.parrafo 
{
	/* margin: 15px 0px 25px 0px; */
	clear: both;
}
.parrafo p {margin: 0px;}
.photogallery {margin-top: 5px; padding-left: 25px; background: url(../images/photogallery.jpg) no-repeat left center;}

.recommends {padding-left: 20px; background: url(../images/suggest.gif) no-repeat left center;}
.email {padding-left: 20px; background: url(../images/email.gif) no-repeat left center;}
.idea {color: gray; font-size: 90%; padding-left: 20px; padding-bottom: 10px; background: url(../images/lightbulb.gif) no-repeat left center; font-weight: normal;}
.pdf {padding-left: 20px; background: url(../images/pdf.gif) no-repeat left center; }
.excel {padding-left: 20px; background: url(../images/excel.gif) no-repeat left center;}
.phone {padding-left: 20px; background: url(../images/phone.gif) no-repeat left center;}
.destino {padding-left: 20px; background: url(../images/destino16.gif) no-repeat left center;}
.hotel {padding-left: 20px; background: url(../images/hotel16.gif) no-repeat left center;}
.servicio {padding-left: 20px; background: url(../images/servicio16.gif) no-repeat left center;}
.paquete {padding-left: 20px; background: url(../images/paquete16.gif) no-repeat left center;}
.auto {padding-left: 20px; background: url(../images/auto16.gif) no-repeat left center;}
.celestito {background-color: #F4FBFF; border: solid 1px #CAEAFF; padding: 10px;}
.foto {padding-left: 20px; background: url(../images/foto.gif) no-repeat left center;}


.password {padding: 5px 0px 5px 20px; background: url(../images/key.gif) no-repeat left center; line-height: 200%;}
.logout {padding: 5px 0px 5px 20px;  background: url(../images/disconnect.gif) no-repeat left center;line-height: 200%;}
.admin {padding: 5px 0px 5px 20px; background: url(../images/user_suit.gif) no-repeat left center;line-height: 200%;}


a.cotizacion, a.cotizacion:visited {display:block; width: 150px; margin: 5px; border: solid 1px #CAEAFF; padding: 2px 2px 2px 20px; background: #F4FBFF url(../images/money_add.gif) no-repeat left center;}
a.reserva, a.reserva:visited {padding-right: 20px; background: url(../images/add.gif) no-repeat right center;}



ul.hoteles, ul.servicios, ul.autos, ul.paquetes, ul.destinos
{
    list-style:none;
    margin: 0px;
}
ul.hoteles li, ul.servicios li, ul.autos li, ul.paquetes li, ul.destinos li
{
    padding-left: 20px;
    padding-bottom: 2px;
}
ul.hoteles li {background: url(../images/hotel16.gif) no-repeat left top;}
ul.destinos li {background: url(../images/destino16.gif) no-repeat left top;}
ul.paquetes li {background: url(../images/paquete16.gif) no-repeat left top;}
ul.autos li {background: url(../images/Auto16.gif) no-repeat left top;}
ul.servicios li {background: url(../images/servicio16.gif) no-repeat left top;}

    

p {margin: 0 0 10px 0;}

.date {
    /* background:transparent url(../images/icon-calendar.gif) no-repeat scroll 0%;*/
    display: none;
    background-color: #F4FBFF; border: solid 1px #CAEAFF; 
    float:left;
    height:33px;
    margin-right:8px;
    padding-top:2px;
    padding-bottom:2px;
    width:32px;
}
.date p {
    color:#9B9B8E;
    font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
    margin:-0pt 0pt 0pt -2px;
    text-align:center;
    text-transform:uppercase;
}
.date span.month {
    display:block;
    font-size:9px;
    height:12px;
}
.date span.day {
    display:block;
    font-size:18px;
}
.paginador 
{
    margin: 5px 0px;
    padding: 2px 10px;
    background-color: #FCFBF5;
    text-align: center;
    
}
.searchbox {background: #F4FBFF url(../images/searchgrande.gif) no-repeat right top; 
    border: solid 1px #CAEAFF; padding: 10px; margin-bottom: 10px;}
.searchbox table td {padding: 2px; vertical-align: middle;}

.smalltext {font-size:90%; color: gray;}

div.paneladmin
{
	margin: 0px;
	border: solid 1px #FFFFCC;
	color: black;
    padding: 5px 10px 5px 25px;
	background: #FFFFEA url(../images/admin16.gif) no-repeat left;
}
div.paneladmin a, div.paneladmin a:visited {margin-right: 15px }


div.panelresultado 
{
    background: #F7F4EA;
    border: solid 1px #E1D7B3;
    padding: 5px;
    margin: 5px 0px;
}
div.panelresultado a {margin: 0px 5px;}
div.panelresultadoRight
{
    float: right;
    background: #F7F4EA;
    border: solid 1px #E1D7B3;
    padding: 5px;
    margin: 5px 0px;
    line-height: 200%;
    margin-right: 5px;
}


.panelgeneral {margin-bottom: 20px;}
.panelgeneral table 
{
    margin: 5px 0px;
}
.panelgeneral table td 
{
	vertical-align: middle; 
	border: 1px solid #ccc; 
	padding: 1px 5px; 
}
.panelgeneral table th 
{
    padding: 1px 5px; 
	border: 1px solid #D5D5D5; 
	background: #F1F2F4 url(../images/back-th.jpg) repeat-x top; 
	color: #676767;
	font-weight: bold; 
	text-align: center; 
	width: 2em;
}

.panelgeneral table th.tarprecioheader {background: #FC9B00; color: black; white-space: nowrap; }
.panelgeneral table th.tarprecio, .panelgeneral table th.tarpreciodbl {background: #FFDB97; color: Black; white-space: nowrap; }
.panelgeneral table th.tarvigenciaheader {background: #3398CC; color: White}

.tartabla th, .tartabla td {vertical-align: middle; background-image: none; }
.tarhab {background-color: #999; color: White; text-align: center; width: 150px;}
.tarhabchd {background-color: #CCC; color: black; text-align: center; width: 150px;}
.tarprecio, .tarpreciodbl {background-color: #FFDB97; text-align: center; font-size: 110%; white-space: nowrap;}
.tarnoches {background-color: #F1F2F4; text-align: center;}
.tarvigenciasep {background-color: #F1F2F4}
.tarvigencia {background-color: white; font-size: 90%; white-space: nowrap; text-align: center;}
.taropciones {background-color: #E9E9E9; font-weight: bold; text-align: center;}

div.childpolicy 
{
    /*background: url(../images/child.gif) no-repeat left;*/
    background: url(../images/back-child.jpg) no-repeat top left;
    padding: 5px 10px 5px 25px;
    margin: 5px 0px;
    
}
   
div.direccion
{
    /*background: url(../images/map.gif) no-repeat left;*/
    background: url(../images/back-map.jpg) no-repeat top left;
    padding: 5px 10px 5px 25px;
    margin: 5px 0px;
}

div.descrip
{
    background: url(../images/back-descrip.jpg) no-repeat top left;
    padding: 5px 10px 5px 25px;
    margin: 5px 0px;
}


/* para el thickbox */
#TB_closeWindow a, #TB_closeWindow a:visited {background-color: #FF5328; color: #FFFFFF; font-size: 18px; font-weight: bold; padding: 1px 5px; }
.in, .out
{
    margin: 10px 0px;
    padding: 5px 5px 5px 20px;
    border-top: solid 5px white;
    border-bottom: solid 2px white;
    font-weight: bold;
}
.in {background: #EBEBEB url(../images/in.gif) no-repeat center left; }
.out {background: #EBEBEB url(../images/out.gif) no-repeat center left; }

.panelcanasta table {margin: 5px 0px; }
.panelcanasta table td { vertical-align: middle; padding: 1px 5px; }
.panelcanasta table td.item { font-size: 18px; background-color: #FFDB97 }
table.otrosrecursos 
{
     background: url(../images/back-otrosrecursos.jpg) repeat-x bottom;
     border: solid 1px #FAFAFA;
     margin-top: 30px;
}
table.otrosrecursos th {padding: 5px; text-align: left; font-size: 120%; font-weight: bold;}
table.otrosrecursos td {padding: 5px; text-align: center;}
.tableformulario th, .tableformulario td {vertical-align: middle; }
div.reserva {width: 500px; margin: 0 auto;}

a.borrarreserva, a.borrarreserva:hover, a.borrarreserva:visited
{
    color: black; 
    padding: 2px 5px 2px 20px;
    margin: 5px;
    text-decoration: none;
    float: right;
    background: #F1F2F4 url(../images/delete.gif) no-repeat left center;     
    
}
a.borrarreserva:hover
{
	border: 1px solid white; 
}
.video {float: right; background: #fff url(../images/film.gif) no-repeat center left; padding-left: 20px; margin-top: 10px;}
.defaultbutton {padding: 1px 10px; font-size: 110%; font-weight: bold; width: 100px}
.bigbutton {padding: 2px 10px; font-size: 110%; font-weight: bold; }
.borderojo {border: solid 1px #c01048; padding: 5px; margin-bottom: 20px;}
.borderojo p {margin-bottom: 10px;}
.borderojo ul {padding-left: 25px; padding-bottom: 10px;}

table.formulario {}
table.formulario td {padding: 2px 5px;}
table.formulario th {font-weight: bold; padding: 5px;}

div.separador {background-color: #FAFAFA; margin: 5px 0px; height: 1px; }
.InfoAlCliente {color: white; background-color: #A4A4A4; margin: 5px 0px; border: 1px solid #BEBEBE; padding: 5px;}
.InfoAlCliente table {width: 100%}
.InfoAlCliente p {color: white; font-weight: bold; }


#subheader {
	border-bottom:1px solid #ccc;
	clear:both;
	height:34px;
	width:100%;
}
#subheader h2 {
	float:left;
	font-size:170%;
	line-height:34px;
	margin-bottom:0;
}
#tabs {
	float:right;
	font-weight:bold;
}
#tabs a.active {
	background:#FFFFFF none repeat scroll 0 0;
	border-color:#ccc #ccc #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:black;
	font-size:120%;
	height:30px;
	line-height:28px;
	margin-top:3px;
	padding:0 11px;
}
#tabs a {
	background:#EEEEEE none repeat scroll 0 0;
	border:1px solid #EEEEEE;
	color: black;
	display:block;
	float:left;
	font-size:90%;
	height:24px;
	line-height:22px;
	margin:8px 8px 0 0;
	padding:0 11px;
	text-decoration:none;
}
.videospace h3 {margin-top: 20px; margin-bottom: 5px;}

.usuario {margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted silver;}
div.hr {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid silver;}