/* 
Pagina de estilos principal Hotel-Sud.com
Copyright (c) Bizcacha 2008
*/

body
{
	MARGIN: 0px; 
	COLOR: #333;
	FONT-FAMILY: Verdana, sans-serif; 
	FONT-SIZE: 11px; 
	background: white;
	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 { FONT-FAMILY: Verdana, sans-serif;  FONT-SIZE: 11px; margin: 1px; }
select { min-width: 50px;  }


/* page structure ---------------------------------------------------------- */
   
#central 
{
	margin: 0px auto;
	width: 830px;
	background: url(../images/back-general.jpg) repeat-x; 
	background-position: 0px 40px;
}
#header {
	
}
#Buscar {float: right; width: 400px; text-align: right; padding: 10px;}
#logo
{
	padding: 10px;
	vertical-align: middle;
	text-align: left;
}
#menu {
	position: relative;
}
#content
{
	clear: both;
	padding: 10px;
	min-height: 400px;
	}
#footer
{
	padding: 5px;
	text-align: center;
	background: url(../images/back-general.jpg) repeat-x; 
	color: gray;
	clear: both;
	border-top: solid 10px white; /* para dar un margin */
	
}
#footer table {font-size: 90%}
#footer a {color: black}


/* header ---------------------------------------------------------- */
/* left ---------------------------------------------------------- */
/* right ---------------------------------------------------------- */
/* navigation */
#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;
}

/* content */
FORM
{
	MARGIN: 0px;
}

h1
{
	font-size: 20px;
	color: #666666;
	text-decoration : none;
	font-weight: normal;
	padding-top : 0px;
	width: 100%;
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 0px;
	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: #006699 ;
	text-decoration: none;
}
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;}
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; 
	height: 30px;
	vertical-align: middle;
}
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;
}
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;}


.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%;}





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: 0px;}

.date {
    /* background:transparent url(../images/icon-calendar.gif) no-repeat scroll 0%;*/
    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: 5px 0px;
    background-color: #FFFFEA;
    text-align: center;
	font-size: 120%;
    
}
.smalltext {font-size:90%; color: gray;}


div.panelresultado 
{
    background: #F7F4EA;
    border: solid 1px #E1D7B3;
    padding: 5px;
    margin: 5px 0px;
}

div.panelresultado a {margin: 0px 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.direccion
{
    padding: 5px 10px 5px 25px;
    margin: 5px 0px;
}

div.descrip
{
    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; }

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; }

.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}
.borderojo {border: solid 1px #c01048; padding: 5px; margin-bottom: 20px;}
.borderojo p {margin-bottom: 10px;}
.borderojo ul {padding-left: 25px; padding-bottom: 10px;}