body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #000066;
	background-color: #fff;
	text-align: center;
}
body, td, div, span{font-size:11px}
/* * * * *  * * * * * * * Estructuras ^ **  * * * * */
#wraper{margin-left: auto; margin-right: auto; width: 780px; text-align:left; background-color:#fff; margin-top:3px; }
#botonera{width: 780px;}
#buscador{padding-bottom:0px; margin-bottom: 0px;}
#main{ }
.combo-buscador{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#pie{
	width: 784px;
	font-size: 10px;
	text-align: center;
	color: #999;
	padding: 15px 0px 10px 0px; 
	border-top: 1px solid #006;
}
#pie a { color:#008;}
#formMain{margin: 0px;} /* anulo el espacio del formulario para que no moleste */
.btn-sinborde{
	border: 0;
}
/**********************   BOTONERA      ***********************************************/
#nav{ margin:0px;}
#nav ul{list-style:none; margin:0; padding:0; border-bottom: 1px solid #000000; font-size:11px;
	float:left; width:100%; background:#283d59 url(http://www.qviajes.com/images/bot_bg.gif) repeat-x bottom left; }
#nav li{ float: left; display: block; height: 26px; background: url(http://www.qviajes.com/images/bot_separator.gif) no-repeat right ; }
#nav a{ float: left; display: block; margin: 7px 0px 7px 0px; padding: 0px 20px 0px 20px; text-decoration: none; color: #ffffff; font-size-adjust: none; }
#nav a:hover { color: #ffffff; 	text-decoration: underline; }
#nav li.first a { padding-left: 13px; border: 0pt none -moz-use-text-color; }

/************************    *******************************************************/
H1{
	font-size: 16px;
	border-bottom: 3px double #84CEF1;
	padding: 5px 0px 0px 20px;
	margin: 0px 5px 10px 5px;
	clear: both;
	text-align: right;
}
H2{ padding:5px 0px 5px 32px; background-color: #0379C3; font-size: 12px; text-align: left; color:#FFF}
H3{ font-size: 14px; margin: 4px; background-color: #0379C3; border-left: 5px solid #84CEF1; padding: 4px 0px 4px 30px; color:#fff }
H4{ border-bottom: 3px double #ddd; padding : 0px 25px 0px 15px; text-align: right; }
A { color:#004080; 	text-decoration: none;	 }
A:hover { 	color: #20086B; 	text-decoration: underline; }
ul { margin-bottom: 0px; padding-bottom: 8px; }
.lineaazul {
	line-height: 1px;
	color: Navy;
}
/****   VALIDADOR Formularios ********************/
input, select, textarea{	background-color: #FFFFFF; 	border: 1px solid #0379C3;}
input.error, select.error, textarea.error{ background:#900; color:#FFFFFF}
.error {color:#900}
/**************  OFERTAS  **************************/
#zona{ background:url( ../img/ico_mundo.gif) no-repeat top right; clear:both; font-size:14px; padding: 16px 0px 5px 20px; margin: 5px 4px 5px 4px; font-weight:bold; background-color: #e5e5e3; }
.barrazona{margin-top:5px; clear:both}
.oferta{ float:left; width:375px; height:120px; border:1px solid #e5e5e3; padding: 5px; margin:3px 0px 0px 3px; background-color: #eee; }
.oferta .nombre{ font-size:14px; font-weight:bold; padding:3px 0px 5px 0px;}
.oferta .nombre a{ color:#0000FF;}
.oferta img {float: right; margin: 0px 0px 5px 5px}
.oferta .precio{ text-align:right; padding-right:5px;clear:right}
.precio span{ font-size:15px; font-weight:bold; color:#FF6633;}
.oferta div.otros-datos{ margin-right: 20px }
.oferta div.otros-datos b{font-size: 14px}

#ofertasDestinos {background-color:#e5e5e3; width:250px; padding: 3px 0px 3px 0px; border-left: 3px solid #000; float:left; margin-left: 4px}
#ofertasDestinos img {float:left}
#ofertasDestinos ul{float:left  }

.listadoNavieras{width:292px; float:right; padding:5px; border:1px solid #0379C3; margin-right:5px;}
.listadoNavieras .navieras{float:left; }
.listadoNavierasDos span {margin-right: 10px;}
.listadoNavierasDos { width:760px; margin-left: 6px; float: left; padding:5px; border:1px solid #84CEF1; margin-right:10px; }

#buscador{width:200px; float:right; padding:3px; border:1px solid #0379C3; margin-right: 4px}
#buscador label{display:block; padding: 2px 0px 2px 5px}
#buscador #titulo-buscador{text-align: center; font-size:12px; font-weight:bold; background-color:#ddd; padding:2px 0px 2px 0px}

/****** DETALLE ****/
#detalleNombre{ background:url( ../img/icono_barco.gif) no-repeat; font-size:16px; font-weight:bold; padding: 10px 0px 10px 50px; background-color:#dddddd; margin:0px 4px 0px 4px; color:#007FC7}
#detalleNombre img {float:right}
#detalleOferta{ margin-bottom: 0px; width:100%}
#detalleOferta tr td{ vertical-align:top;  }
#detalleOferta table{ border-bottom:2px solid #84CEF1; }
#detalleOferta table tr th{ border-bottom:2px solid #84CEF1; padding:3px 2px 2px 2px;background-color:#eee;}
#detalleOferta table tr td{ padding:3px 2px 1px 2px;background-color:#eee;}
#detalleOferta #picItin{ width:170px; height:220px; padding-left: 2px}
#detalleOferta #det-barco{  padding-left:2px }
#detalleOferta #det-barco #nombre{padding-left:10px; font-size:14px; font-weight:bold;}
/****** Rower Tarifas ****/
#tarifas {margin-bottom: 30px;}
#tarifas .meses {float:left; margin-right:20px}
#tarifas .meses ul {margin-top: 0px;}
#tarifas thead tr td{font-size:11px; font-weight:bold; background-color:#ddd;}
#tarifas tr.fila1{background-color:#eeeeee}
#tarifas tr.fila0{background-color:#FFFFFF}
#tarifas tr td {padding:5px 2px 5px 2px}

a.sel{font-weight:bold; font-size:12px;}

/*** Formulario Pasajeros **/
.formulariopasajeros{background:#eee; border:1px solid #84CEF1; margin: 5px 50px 10px 50px; padding: 10px; }
#frmpasajeros {font-size:12px}
#frmpasajeros label{padding: 10px 10px}
#frmpasajeros select{padding: 0px 0px; margin:2px}

/********** DETALLE 2 *********************************/
#detalleData{padding: 5px 0px 5px 30px; margin:2px 100px 20px 0px; background:#ddd; font-weight:bold }

#detalleCamarote{padding: 10px 10px 10px 30px}
#detalleCamarote img{float:left;}
#detalleCamarote .data{float:left; margin-left:20px;}

.data{padding: 10px 10px 10px 30px}
.data p{margin-top: 2px; margin-bottom:2px}
.data table tr th{background-color:#fff; padding: 4px 4px 1px 4px; border-bottom:2px solid #008; }
.data table tr td{background-color:#fff; padding: 4px 4px 1px 4px; border-bottom:1px solid #008; }
.data-derecha{text-align:right;padding:5px 50px;}

table.data{margin: 10px 10px 10px 0px; *margin: 10px 10px 10px 30px;}

/*************Listado Barcos ****************************/
#listadoBarcos{padding:3px; }
#listadoBarcos .barco-lista{float:left; width:252px; height:80px; text-align:center; border:1px solid #84CEF1; padding: 20px 0px 0px 0px; margin-left: 3px;}
#listadoBarcos .barco-lista a{ font-size:14px; color:#000066; font-weight:bold}

/*************Barcos*************************************/
#barco{ padding: 5px 4px 0px 4px; }
#barco #fotobarco{ padding-right: 12px; }
#barco .nombre{
	font-size: 16px;
	color: #FFA500;
	margin: 0px;
	vertical-align: top;
	font-weight: bold;
}
#barco .logonav{vertical-align: top; float: right; margin-right: 20px; height: 150px;}
#barco .databarco{margin: 10px 20px 10px 20px }

/**************** GENERAL ******************************/
.precio{font-size: 14px;}
.no-encontro{ text-align:center; margin: 10px 50px; padding:10px 0px; border:1px solid #f4c78d; font-size:12px; font-weight:bold}
/********************************************************/