/**

 * CSS

 * (c) 2007 Darío G. Ruellan / D²

 */



body {

	background-color: rgb(76,76,76);

	background-image: url(../images/main_background.gif);

	margin: 10px 0 10px 0;

}

body #loading {

	position: absolute;

	left: 45%;

	top: 45%;

	z-index: 1;	

}

body img {

	border: none;

}



#mainframe {

	z-index: 5;

	position: relative;

	background-color: white;

	width: 780px;

	border: 1px solid gray;

	margin-left: auto;	/* centrado */

	margin-right: auto;



	font-family: Arial, Helvetica, sans-serif;

	font-size: 8pt;	

}

#mainframe #mainmargin {

	margin: 10px;

	background-image: url(../images/grd_linev.gif);

	background-repeat: repeat-y;

	background-position: 539px;

}

#mainframe form {

	margin: 0;

	padding: 0; 

}

#mainframe a {

	color: gray;

	font-weight: bold;

	text-decoration: none;

}

#mainframe a:hover {

	text-decoration: underline;

}

#mainframe a.back {

	background-image: url(../images/icn_back.gif);

	background-repeat: no-repeat;

	background-position: 0 1px;

	padding-left: 16px;

}

#mainframe a.mas {

	background-image: url(../images/icn_point_more.gif);

	background-repeat: no-repeat;

	background-position: 0 3px;

	padding-left: 14px;

}



#mainframe .shadow {

	overflow: hidden;

	width: 100%;

	height: 5px;

	background-color: white;

	background-image: url(../images/grd_shadow.gif);

	background-repeat: repeat-x;

}



/* header */



#header #cab {

	position: relative;

	width: 760px;

	background-color: rgb(3, 96, 124);

	background-image: url(../images/main_photo1.jpg);

	background-position: 0 0;

	height: 140px;

}

#header #cab img {

	margin: 20px 0 0 20px;

}

#header .shadow {

	margin-bottom: 8px;

}



/* header:nav */



#header #nav {

	border-top: 1px solid white;

	width: 760px;

	line-height: 90%;

	background-color: rgb(3, 96, 124);

	background-image: url(../images/main_nav_background.gif);

}

#header #nav #system_links {

	position: relative;

	float: right;

	top: 6px;

	right: 6px;

}



#header #nav ul{

	padding: 0;

	margin: 0;

	list-style: none;

}

#header #nav ul li {

	float: left;

	position: relative;

	z-index: 100;

	padding: 0;

	margin: 0;

}

#header #nav ul li ul {

	position: absolute;

	z-index: 1000;

	background-color: rgb(3, 96, 124);

	display: none;

	top: 27px;

	left: -1px;

	border: 1px solid white;

}

#header #nav ul li ul li {

	float: none;

	line-height: 120%;

	padding: 0;

	background-color: rgb(3, 96, 124);

	border: 1px solid rgb(3, 96, 124);

	border-bottom: 1px solid silver;

}

#header #nav ul li ul li a {

	display: block;

	width: 100%;

	color: rgb(207, 225, 231);

}

#header #nav ul li ul li a span {

	display: block;

	padding: 6px 6px 4px 18px;

}

#header #nav ul li ul li a:hover {

	text-decoration: none;

	background-color: white;

	color: gray;

	background-image: url(../images/grd_shadow.gif);

	background-repeat: repeat-x;

	background-position: top;

}

#header #nav ul li ul.destinos { /* especiales */

	width: 100px;

}

#cse-search-box {

	float: left;
	
	border-left: 1px solid white;
	
	padding-left: 8px;
	
	margin-right: 8px;
	
	position: relative;
	
	width: 180px;
	
	top: 3px;

}
#searchfield {

	margin:1px; padding:0;
	
	margin-top:2px;
	
	margin-left:10px;
	
	width: 200px;
	
	height: 18px;

}
#q {

	float: left;

	margin: 0px; padding: 1px;

	margin-right: 4px;

	margin-top: -1px;

	width: 150px;

	font: normal 8pt Arial, Helvetica, sans-serif;

	border: 1px solid black;

	z-index: 0;

}

#enviar {

	font: normal 10px Verdana, Geneva, sans-serif;

}

#enviar img {

	margin: 0; padding: 0;

	border: 0px;

}


/* column: right */


#column_right {

	float: right;

	width: 220px;

}

#column_right .margin {

	padding: 5px 5px 5px 5px;

}

#column_right .textblock, #column_right p {

	margin: 0 5px 5px 5px;

}

#column_right a {

	color: white;

}

#column_right .tolist {

	background-image: url(../images/icn_list.gif);

	background-position: 1px 1px;

	background-repeat: no-repeat;

	padding-left: 18px;

}

#column_right h3 {

	display: block;

	margin: 0 0 5px 0;

	font-size: 8pt;

	font-weight: bold;

	padding: 4px 5px 4px 5px;

}



#column_right .clearbox { /* white box */

	margin-left: 10px;

	width: 210px;

	color: black;

}



#column_right .bluebox { /* bluebox */

	margin-left: 10px;

	width: 210px;

	background-color: rgb(70,107,153);

	background-image: url(../images/grd_blue.gif);

	background-repeat: repeat-x;

	background-position: bottom;

	color: white;

}

#column_right .bluebox h3 {

	background-color: rgb(37,70,114);

}

#column_right .greenbox { /* greenbox */

	margin-left: 10px;

	width: 210px;

	background-color: rgb(119,136,102);

	background-image: url(../images/grd_green.gif);

	background-repeat: repeat-x;

	background-position: bottom;

	color: white;

}

#column_right .greenbox h3 {

	background-color: rgb(90,102,77);

}

#column_right .shadow {

	width: 210px;

	margin: 0 0 10px 10px;

}

#column_right .greenbox #contactorapido { /* contacto rápido */

	position: relative;

	height: 180px;

}

#column_right .greenbox #contactorapido div {

	margin-bottom: 4px;	

}

#column_right .greenbox #contactorapido input {

	width: 180px;

	font-size: 8pt;

	background-color: rgb(145,159,131);

	color: white;

	border: 1px solid white;

	padding: 2px 4px 2px 4px ;

}

#column_right .greenbox #contactorapido textarea {

	width: 180px;

	height: 60px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 8pt;

	background-color: rgb(145,159,131);

	color: white;

	border: 1px solid white;

	padding: 2px 4px 2px 4px;

}

#column_right .greenbox #contactorapido input.submit {

	width: 70px;

	font-weight: bold;

	background-color: rgb(90,102,77);

}

#column_right .greenbox #contactorapido_submit {

	font-weight: bold;

}

#column_right .bluebox #busquedarapida { /* Busqueda rápida */

	width: 170px;

	border: 1px solid black;

	font-size: 8pt;

}

#column_right .bluebox img.loading { 

	float: right;

	display: none;

}

#column_right .bluebox #form_busquedarapida select { 

	width: 100%;

}

#column_right .bluebox #busquedarapida option.oceano {

	font-weight: bold;

	color: white;

	background-color: rgb(70,107,153);

}

#column_right .bluebox #busquedarapida option.isla {

	color: white;

	background-color: rgb(107,140,184);

}

#column_right .honeymoon { /* honeymoon banner */

	margin-left: 10px;

	width: 210px;

	background-color: rgb(17,119,187);

	background-image: url(../images/grd_banner_honeymoon.jpg);

	background-repeat: repeat-x;

	background-position: bottom;

}

#column_right .honeymoon h2 {

	background-color: rgb(37,70,114);

	color: white;
	
	font-size: 8pt;
	
	margin: 0 0 5px;
	
	padding: 4px 5px;

}

#column_right .honeymoon a {

	position: relative;

	display: block;

	height: 120px;

}

#column_right #rightinfo { /* Cuadro de informacion */

	background-image: url(../images/icn_info.gif);

	background-position: 0 0;

	background-repeat: no-repeat;

	padding-left: 20px;

	padding-bottom: 10px;

}

#column_right #rightinfo h3 {

	padding: 5px 0 0 5px;

}

#column_right ul {

	margin: 2px 0 0 2px;

	padding: 0;

}

#column_right ul li {

	list-style: none;

	background-image: url(../images/icn_point.gif);

	background-repeat: no-repeat;

	background-position: 0 4px;

	padding-left: 11px;

}



/* footer */



#footer {

	width: 780px;

	margin-left: auto;	/* centrado */

	margin-right: auto;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 8pt;

	color: white;

	margin-top: 10px;

}

#footer a {

	color: white;

	text-decoration: none;

}

#footer a:hover {

	text-decoration: underline;

}

#footer #d2 {

	float: left;

}

#footer #d2 img {

	vertical-align: top;

	margin-right: 6px;

}

#footer #footertext {

	float: right;

	text-align: right;

}

#footer .compatlogos {

	padding-top: 3px;

}

#fdr {

	float: left;
	
	position: relative;
	
	right: 10px;
	
	bottom:5px;

}



/* maintext */



#maintext {

	width: 530px;

	padding: 0;

	margin: 0 0 5px 0;

}

#maintext .textbox {

	margin-left: 5px;

	margin-right: 5px;

	line-height: 140%;

}

#maintext .textbox strong {

	font-weight: 100;
	
}
#maintext .textbox p {

	margin-top: 0;

	margin-bottom: 8px;

	padding: 0;

}

#maintext h1 {

	display: block;

	font-size: 16px;

	color: white;

	background-color: rgb(3, 96, 124);

	padding: 5px 5px 5px 8px;

	margin: 0 0 10px 0;

}

#maintext h3 {

	display: block;

	font-size: 14px;

	color: rgb(3, 96, 124);

	margin: 16px 0 8px 0;

	padding: 0 0 4px 0;

	border-bottom: 2px solid rgb(3, 96, 124);

}

#maintext h4 {

	display: block;

	font-size: 8pt;

	margin: 10px 0 8px 0;

}

#maintext ul {

	margin-left: 16px;

}

#maintext ul li {

	list-style: none;

	background-image: url(../images/icn_point.gif);

	background-repeat: no-repeat;

	background-position: 0 4px;

	padding-left: 12px;

}

#maintext ul li ul {

	margin: 2px 0 2px 0;

}

#maintext .buttons {

	padding: 6px 0 6px 0;

	border-bottom: 1px solid silver;

	border-top: 1px solid gray;

	background-image: url(../images/grd_shadow.gif);

	background-repeat: repeat-x;



}

#maintext .buttons a.jump_down { /* Botones */

	background-image: url(../images/icn_down.gif);

	background-repeat: no-repeat;

	background-position: 4px 2px;

	padding-left: 20px;

}

#mainframe #footlist {

	position: relative;

	overflow: hidden;

	width: 760px;

	background-color: rgb(222, 222, 209);

	background-image: url(../images/grd_foottext.gif);

	background-position: 0 0;

	background-repeat: repeat-x;

}

#mainframe #footlist_text {

	position: relative;

	white-space: nowrap;

	width: 100%;

	left: 0;

	top: 0;

	padding: 5px 8px 5px 8px;

}