/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background: #79a5dc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	line-height: 18px;
}

h1 {
	font-size: 14px;
}

#right h1 {
	margin-top: 75px;
	width: 100%;
	height: 30px;
}

h1.experiencia {
	background: url(../img/titExperiencia.png) no-repeat top left;
}

h1.quienes {
	background: url(../img/titQuienes.png) no-repeat top left;
}

h1.recorridosPaz {
	height: 64px;
	background: url(../img/titRecorridosLaPaz.png) no-repeat top left;
}

h1.recorridosCabos {
	background: url(../img/titRutaCabos.png) no-repeat top left;
}

h1.cielito {
	background: url(../img/titCielito.png) no-repeat top left;
}

h1.enamorado {
	background: url(../img/titEnamorado.png) no-repeat top left;
}

h1.novia {
	background: url(../img/titNovia.png) no-repeat top left;
}

h1.besame {
	background: url(../img/titBesame.png) no-repeat top left;
}

h1.routeCabos {
	background: url(../img/stRouteLosCabos.png) no-repeat top left;
}

h1.routePaz {
	background: url(../img/titRouteLaPaz.png) no-repeat top left;
}


h2 {
	font-size: 14px;
}

h3 {
	font-size: 12px;
	color: #81ace0;
}

a {
	color: #6cc1dd;
	text-decoration: none;
}

a:hover {
	color: #b7e5f4;
}

ul {
	margin: 0;
	padding-left: 14px;
}

div {
	margin: 0;
	padding: 0;
}

p {
	text-align: justify;
}

.hideTx {
	display: none;
}

#frame {
	width: 955px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: relative;
}

/* estilos de left //////////////////////////////////////////////////////////////////////////*/

#left {
	width: 239px;
	height: 600px;
	background: url(../img/bgLeft.png) no-repeat top left; 
}

#left #logo {
	position: absolute;
	top: 95px;
	left: 37px;
}

/* estilos de la navegación principal //////////////////////////////////////////////////////////////////////////*/

ul.mainNav {
	position: absolute;
	top: 324px;
	left: 5px;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

ul.mainNav li a, ul.secNav li a {
	margin-bottom: 7px;
	display: block;
	height: 18px;
	width: 105px;
}

ul.mainNav li#quienes a {
	background: url(../img/btnQuienesA.png) no-repeat top right;
}

ul.mainNav li#quienes a:hover {
	background: url(../img/btnQuienesB.png) no-repeat top right;
}

ul.mainNav li#quienes a.aqui {
	background: url(../img/btnQuienesC.png) no-repeat top right;
}

ul.mainNav li#experiencia a {
	background: url(../img/btnExperienciaA.png) no-repeat top right;
}

ul.mainNav li#experiencia a:hover {
	background: url(../img/btnExperienciaB.png) no-repeat top right;
}

ul.mainNav li#experiencia a.aqui {
	background: url(../img/btnExperienciaC.png) no-repeat top right;
}

ul.mainNav li#barcos a {
	background: url(../img/btnBarcosA.png) no-repeat top right;
}

ul.mainNav li#barcos a:hover {
	background: url(../img/btnBarcosB.png) no-repeat top right;
}

ul.mainNav li#barcos a.aqui {
	background: url(../img/btnBarcosC.png) no-repeat top right;
}

ul.mainNav li#recorridos a {
	background: url(../img/btnRecorridosA.png) no-repeat top right;
}

ul.mainNav li#recorridos a:hover {
	background: url(../img/btnRecorridosB.png) no-repeat top right;
}

ul.mainNav li#recorridos a.aqui {
	background: url(../img/btnRecorridosC.png) no-repeat top right;
}

ul.mainNav li#reservaciones a {
	background: url(../img/btnReservacionesA.png) no-repeat top right;
}

ul.mainNav li#reservaciones a:hover {
	background: url(../img/btnReservacionesB.png) no-repeat top right;
}

ul.mainNav li#reservaciones a.aqui {
	background: url(../img/btnReservacionesC.png) no-repeat top right;
}

ul.mainNav li#whoWeAre a {
	background: url(../img/btnWhoWeAreA.png) no-repeat top right;
}

ul.mainNav li#whoWeAre a:hover {
	background: url(../img/btnWhoWeAreB.png) no-repeat top right;
}

ul.mainNav li#whoWeAre a.aqui {
	background: url(../img/btnWhoWeAreC.png) no-repeat top right;
}

ul.mainNav li#experience a {
	background: url(../img/btnExperienceA.png) no-repeat top right;
}

ul.mainNav li#experience a:hover {
	background: url(../img/btnExperienceB.png) no-repeat top right;
}

ul.mainNav li#experience a.aqui {
	background: url(../img/btnExperienceC.png) no-repeat top right;
}

ul.mainNav li#voyage a {
	background: url(../img/btnVoyageA.png) no-repeat top right;
}

ul.mainNav li#voyage a:hover {
	background: url(../img/btnVoyageB.png) no-repeat top right;
}

ul.mainNav li#voyage a.aqui {
	background: url(../img/btnVoyageC.png) no-repeat top right;
}

ul.mainNav li#ships a {
	background: url(../img/btnShipsA.png) no-repeat top right;
}

ul.mainNav li#ships a:hover {
	background: url(../img/btnShipsB.png) no-repeat top right;
}

ul.mainNav li#ships a.aqui {
	background: url(../img/btnShipsC.png) no-repeat top right;
}

ul.mainNav li#reservations a {
	background: url(../img/btnReservationsA.png) no-repeat top right;
}

ul.mainNav li#reservations a:hover {
	background: url(../img/btnReservationsB.png) no-repeat top right;
}

ul.mainNav li#reservations a.aqui {
	background: url(../img/btnReservationsC.png) no-repeat top right;
}

ul.secNav {
	position: absolute;
	left: 127px;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}

ul.navBarcos {
	position: absolute;
	top: 378px;
}

ul.navRecorridos {
	position: absolute;
	top: 405px;
	left: 100px;
}

ul.navExperiencia {
	position: absolute;
	top: 350px;
	left: 100px;
}

ul.secNav li#cielito a {
	background: url(../img/btnCielitoA.png) no-repeat top left;
}

ul.secNav li#cielito a:hover {
	background: url(../img/btnCielitoB.png) no-repeat top left;
}

ul.secNav li#cielito a.aqui {
	background: url(../img/btnCielitoC.png) no-repeat top left;
}

ul.secNav li#enamorado a {
	background: url(../img/btnEnamoradoA.png) no-repeat top left;
}

ul.secNav li#enamorado a:hover {
	background: url(../img/btnEnamoradoB.png) no-repeat top left;
}

ul.secNav li#enamorado a.aqui {
	background: url(../img/btnEnamoradoC.png) no-repeat top left;
}

ul.secNav li#novia a {
	background: url(../img/btnNoviaMiaA.png) no-repeat top left;
}

ul.secNav li#novia a:hover {
	background: url(../img/btnNoviaMiaB.png) no-repeat top left;
}

ul.secNav li#novia a.aqui {
	background: url(../img/btnNoviaMiaC.png) no-repeat top left;
}

ul.secNav li#besame a {
	background: url(../img/btnBesameA.png) no-repeat top left;
}

ul.secNav li#besame a:hover {
	background: url(../img/btnBesameB.png) no-repeat top left;
}

ul.secNav li#besame a.aqui {
	background: url(../img/btnBesameC.png) no-repeat top left;
}

ul.secNav li#paz a {
	background: url(../img/btnLaPazA.png) no-repeat top right;
}

ul.secNav li#paz a:hover {
	background: url(../img/btnLaPazB.png) no-repeat top right;
}

ul.secNav li#paz a.aqui {
	background: url(../img/btnLaPazC.png) no-repeat top right;
}

ul.secNav li#cabos a {
	background: url(../img/btnLosCabosA.png) no-repeat top right;
}

ul.secNav li#cabos a:hover {
	background: url(../img/btnLosCabosB.png) no-repeat top right;
}

ul.secNav li#cabos a.aqui {
	background: url(../img/btnLosCabosC.png) no-repeat top right;
}

ul.secNav li#galeria a {
	background: url(../img/btnGaleriaA.png) no-repeat top right;
}

ul.secNav li#galeria a:hover {
	background: url(../img/btnGaleriaB.png) no-repeat top right;
}

ul.secNav li#galeria a.aqui {
	background: url(../img/btnGaleriaC.png) no-repeat top right;
}

ul.secNav li#gallery a {
	background: url(../img/btnGalleryA.png) no-repeat top right;
}

ul.secNav li#gallery a:hover {
	background: url(../img/btnGalleryB.png) no-repeat top right;
}

ul.secNav li#gallery a.aqui {
	background: url(../img/btnGalleryC.png) no-repeat top right;
}

/* estilos de center //////////////////////////////////////////////////////////////////////////*/

#center {
	width: 480px;
	height: 600px;
	position: absolute;
	top: 0;
	left: 239px;
	background: url(../img/bgCenter.jpg) no-repeat top left;
}

#banner {
	width: 716px;
	height: 160px;
	position: absolute;
	top: 41px;
	left: 239px;
	z-index: 10;
}

/* estilos de right ////////////////////////////////////////////////////////////////////////*/

#right {
	width: 239px;
	height: 600px;
	position: absolute;
	top: 0;
	left: 716px;
	background: #023e73;
}

ul.tercNav {
	margin: 0 10px 0 0;
	padding: 0;
	list-style: none;
	float: right;
}

ul.tercNav li {
	float: left;
	margin: 10px 5px 0 0;
	color: #FFF;
}

ul.tercNav li a {
	font-size: 11px;
	color: #FFF;
}

p.pBienvenida {
	width: 198px;
	position: absolute;
	top: 300px;
	left: 19px;
}

#dispLanding {
	width: 230px;
	height: 307px;
	overflow: auto;
	position: absolute;
	top: 293px;
	left: 10px;
}

#dispLandingReserv {
	position: absolute;
	top: 340px;
	left: -300px;
}

#dispLandingContacto {
	position: absolute;
	top: 340px;
	left: 177px;
}

#dispLanding p, .displInternal p {
	width: 205px;
}

ul#navGaleria {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	left: 10px;
	bottom: 5px;
}

ul#navGaleria li {
	float: left;
	margin: 0 7px 5px 0;
}

img.imgGaleriaHor {
	position: absolute;
	top: 146px;
	left: 15px;
	width: 450px;
	height: 301px;
}

img.imgGaleriaVer {
	position: absolute;
	top: 61px;
	left: 90px;
	width: 315px;
	height: 470px;
}

ul.navInternal {
	margin: 0 0 0 9px;
	padding: 0;
	list-style: none;
}

ul.navInternal li {
	margin-bottom: 3px;
}

ul.navInternal li a {
	padding: 7px 0 5px 12px;
	display: block;
	width: 205px;
	background: #30a9d9;
	color: #FFF;
}

ul.navInternal li a:hover {
	color: #0d3960;
}

ul.navInternal li#intTop a {
	background: url(../img/btnDerTop.png) no-repeat top left;
	padding-top: 12px;
	padding-bottom: 0;
}

.displInternal {
	width: 230px;
	height: 280px;
	overflow: auto;
}

ul.navGaleria2 {
	margin: 7px 0 0 25px;
	padding: 0;
	list-style: none;
}

ul.navGaleria2 li {
	float: left;
	margin: 0 7px 5px 0;
}

label {
	display: block;
	margin: 2px 0;
	font-size: 11px;
}

.txtInput {
	padding: 2px;
	width: 197px;
	font-size: 10px;
	background-color: #30a9d9;
	border: 0;
}

#displContacto {
	width: 197px;
	margin: 50px 0 0 15px;
}

#displVideo {
	width: 425px;
	height: 350px;
	margin: 120px 0 0 28px;
}