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: 784px; text-align:left; background-color:#fff; }
#botonera{width: 784px;}
#buscador{padding-bottom:0px; margin-bottom: 0px;}

.combo-buscador{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#pie{
	width: 784px;
	font-size: 9px;
	text-align: center;
	color: #ddd;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	padding-bottom: 20px;
}
/**** BOTONERA *******/
.txtverde {font-size: 14px; font-weight: bold; color: #006AB3 !important; text-align: center; }
a.txtmnu { font-size: 10px; font-weight: bolder; color: #006AB3; text-decoration: none; text-align: center; }
a.txtmnu:active, a.txtmnu:visited, a.txtmnu:link { font-size: 10px; font-weight: bolder; color: #006AB3; text-align: center; text-decoration: none; background-position: center; }
a.txtmnu:hover { font-size: 10px; font-weight: bolder; color: #EB690A; text-align: center; text-decoration: none; background-position: center;}
a.txtmnu2:active, a.txtmnu2:visited, a.txtmnu2:link { font-size: 12px; font-weight: bolder; color: #006AB3; text-decoration: none; text-align: center; }
a.txtmnu2:hover  { font-size: 12px; font-weight: bolder; color: #EB690A; text-align: center; text-decoration: none; background-position: center; }
a.txtmnu3 { font-size: 9px; font-weight: bold; color: #006AB3 !important; text-decoration: none; text-align: center; line-height: 10px; }
a.txtmnu3:active { font-size: 9px; font-weight: bolder; color: #006AB3; text-align: center; text-decoration: none; 	background-position: center; }
a.txtmnu3:hover { font-size: 9px; font-weight: bolder; color: #EB690A; text-align: center; text-decoration: none; background-position: center; }
.fdoblc {background-color: #FFFFFF; line-height:1px} 
.txtvdt { font-size: 10px; color: #006AB3; text-decoration: none; text-align: left; }

#formMain{margin: 0px;} /* anulo el espacio del formulario para que no moleste */
.btn-sinborde{
	border: 0;
}
/**********************   BOTONERA      ***********************************************/
#nav2 ul{list-style:none; margin:0; padding:0; font-size:11px; float:right; width:100%;
	background:url(../img/kbcra2.jpg) no-repeat bottom;
}
#nav2 li{
	float: right;
	display: block;
	height: 26px;
}
#nav2 a{
	float: left;
	display: block;
	margin: 2px 0px 8px 0px;
	padding: 2px 15px 2px 15px;
	text-decoration: none;
	color:#000066;
	font-size:12px;
	letter-spacing: 1px;
	border-left: 1px solid #000;
}
#nav2 a:hover {
	text-decoration: underline;
	color: #fff;
}
#nav2 li.first a {
	padding-left: 13px;
}

/************************    *******************************************************/
H1{
	font-size: 16px;
	border-bottom: 3px double #f4c78d;
	padding: 0px 0px 0px 20px;
	margin: 0px 5px 10px 5px;
	clear: both;
	text-align: center;
}
H2{ background:url( ../img/asterisco_001.gif) no-repeat ; padding:5px 0px 5px 32px; background-color: #E7A248; color:#fff; font-size: 12px; text-align: left;}
H3{ font-size: 14px; margin: 4px; color: #fff; padding: 4px 0px 4px 30px; background-image:url(../images_new/tit_reservas.gif); background-repeat:no-repeat }
H4{ border-bottom: 3px double #99CCFF; 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 #FF9900;}
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-left: 0px;
}
.oferta{ float:left; width:373px; height:130px; border-right:1px solid #e5e5e3; padding: 5px; margin:5px 0px 0px 5px;color:#29A3DF; }
.oferta img{float:right; margin: 0 5px;}
.oferta .nombre{ font-size:14px; font-weight:bold; padding:3px 0px 5px 0px;}
.oferta .nombre a{ color:#FF9900;}
.oferta .precio{ background-image:url(../images_new/precio_cdt.jpg); background-position:right; background-repeat:no-repeat; text-align:right; height:28px; }
.oferta .precio img {float: left; margin: 0px }
.oferta .precio a{ text-align:right; padding-right:5px; color:#FFFFFF !important; font-size:20px; font-weight:bold;}
.oferta div.otros-datos{ margin-right: 20px }
.oferta div.otros-datos b{font-size: 14px}
.oferta .derecha{text-align:right; color:#C6C6C6}

#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:400px; float:right; padding:0px; border:0px solid #f4c78d; margin-right:5px; margin-top:120px}
.listadoNavieras .navieras{float:left; }
.listadoNavierasDos span {margin-right: 10px;}
.listadoNavierasDos { width:754px; margin-left: 6px; float: left; padding:5px; margin-right:10px; text-align:center;
background-image:url(../images_new/busqueda_navieras.jpg); background-repeat:no-repeat; padding:22px 0px;}

#top-home{ background:url(../images_new/home_cdt.jpg) no-repeat; width:784px; height:170px}
#buscador{width:200px; padding:3px; margin-right: 4px; position:relative; top: 42px; left:115px}
#buscador label{display:block; padding: 2px 0px 10px 5px}


/****** DETALLE ****/
#detalleNombre{ background:url(../images_new/tit_oferta_selecc.gif) no-repeat; font-size:16px; font-weight:bold; padding: 4px 0px 10px 30px; margin:0px 4px 0px 4px; color:#FFFFFF}
#detalleNombre img {float:right; margin-top: -8px}
#detalleOferta{ margin-bottom: 0px; width:100%}
#detalleOferta tr td{ vertical-align:top;  }
#detalleOferta #picItin{ width:220px; height:220px; padding-left: 10px}
#detalleOferta #det-barco{  padding-left:10px; text-align:right }
#detalleOferta #det-barco #nombre{padding-left:10px; font-size:14px; font-weight:bold;}
#detalleOferta #det-barco .precio{background-image:url(../images_new/precio_cdt.jpg); background-position:right; background-repeat:no-repeat; text-align:right; height:28px; }
#detalleOferta #det-barco .precio a{ text-align:right; padding-right:5px; color:#FFFFFF !important; font-size:24px; font-weight:bold;}
#detalleOferta table{ border:1px solid #c6c6c6; border-bottom:4px solid #009DE0 }
#detalleOferta table tr th{ padding:6px 2px 6px 6px;background-color:#009DE0; color:#FFFFFF}
#detalleOferta table tr td{ padding:8px 2px 8px 6px; color:#c6c6c6; font-weight:bold}
#detalleOferta table tr td.dia{color:#009DE0;}
#detalleOferta table tr td.puerto{color:#E87431;}
/****** Rower Tarifas ****/
#tarifas {margin-bottom: 30px;}
#tarifas .meses {float:left; margin-right:10px;}
#tarifas .meses ul {margin-top: 0px; list-style:none; margin-left:10px; padding-left:10px}
#tarifas .meses ul li{ padding:0px 0px 5px 0px;}
#tarifas .meses ul li a{color:#E87431; font-weight:bold; }
#tarifas table{border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5}
#tarifas thead tr td{font-size:11px; font-weight:bold; background-color:#009DE0; color:#FFFFFF}
#tarifas tr.fila1{}
#tarifas tr.fila0{}
#tarifas tr td {padding:8px 2px 8px 2px; color:#ACAEAD; border-bottom:1px solid #f5f5f5; font-weight:bold}
#tarifas tr td.cat{color:#E87431; font-weight:bold}
#tarifas tr td a{color:#E87431; font-weight:bold}}

a.sel{font-size:14px; color:#009DE0 !important}

/*** Formulario Pasajeros **/
.formulariopasajeros{border:0px solid #E7A248; 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 {border:1px solid #dedede; border-bottom:4px solid #009DE0 }
.data table tr th{background-color:#009DE0; color:#FFFFFF; padding: 4px 4px 1px 4px;  }
.data table tr td{background-color:#fff; padding: 12px 4px 3px 4px; border-bottom:1px solid #f5f5f5; color:#009DE0 }
.data table tr td.precio{color:#E7A248; text-align:right; font-weight:bold} 
.data-derecha{text-align:right;padding:5px 50px;}


table.data{margin: 10px 10px 10px 0px}

/*************Listado Barcos ****************************/
#listadoBarcos{padding:3px; }
#listadoBarcos .barco-lista{float:left; width:259px; height:120px; text-align:center; border:0px solid #f4c78d; padding: 1px 0px 0px 0px;}
#listadoBarcos .barco-lista a{ font-size:14px; color:#E7A248; 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}
/********************************************************/
.asterisco_negr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	vertical-align: text-bottom;
	line-height: 20px;
}
.fdo_negro { background-color: #000000; }
.fdo_nar {
	background-color: #e7a248;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	line-height: 20px;
}
.fdo_grisclaro {
	background-color: #e5e5e3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	list-style-type: square;
	text-align: left;
	list-style-position: inside;
}
.btn-mnu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	text-decoration: none;
}
.btn-mnu_over {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	background-color: #f4c78d;
	text-decoration: none;
}
.btn-transp {
	text-decoration: none;
}
a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #000000;
}
a:active {
	color: #000000;
}
.fdo_narClaro {
	background-color: #f4c78d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	line-height: 20px;
	text-indent: 10px;
}
.Tbl-txt_negro {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	text-align: center;
}
.cuadro_nar {
	border: 1px solid #FF6633;
	text-align: center;
}
.Tbl-txt_negroNarGr {

	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #b86e00;
	font-weight: bold;
	text-align: center;
}
.txt_negro-tit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.campodetxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #FF9900;
}