﻿body 
{
	margin: 0px; font-family: verdana, arial, sans-serif; 
	background:#FFFFFF; color:#000000;
	height:100%; max-height:100%; 
}
/* LAYOUT GENERAL */
#container
{
	display:block; height:100%; max-height:100%; 
}

#mainContainer
{
	margin:auto; 
	width:740px;
	margin-top:3px; 
	padding-left:2px; 
	position: relative;
	font-family: Verdana, Arial, Sans-Serif;
	/*ocultem el filet*/
	border: solid 0px #ADDCE2;
	border-top:0px;
	border-bottom:0px;
	
	
}
#intMainContainer
{
	background: #ffffff; color:#000000;
	width:738px;
	float:left;
	border: solid 0px #000;
	text-align: center;
}
#header{ clear:left; width:100%; }
#header div{border:solid 0px green}
	#header img{float:left}
	.logo{margin-left:10px;}
	a #invisibleLogo{ cursor:pointer }
	#invisibleLogo, #virtualPriceList, #phoneInfo{
		float:left; text-align:center; 
	}
	#logoCont{float:left;}
		#invisibleLogo{ width:334px; height:64px; border:solid 0px red }
		#welcome{ float:left; width:334px; text-align:left; text-indent:20px; clear:left; color:#084096; font-family: Verdana, Arial, Sans-Serif; font-weight:normal; font-size:13px;}
		#welcome span{font-weight:bold}
		
	#virtualPriceList {width:68px;/*height:54px;*/ padding-top:10px;}
	#virtualPriceList div{ border: solid 0px; float:left; font-family:Arial, Arial, Sans-Serif; font-size:11px; text-align:center;/*margin-top:10px;*/}
	#virtualPriceList div.image{ display:block; margin:auto; margin-top: 4px;}
	#virtualPriceList div.image img { border:0px; margin-left:10px;}
	#virtualPriceList a{text-decoration:none; color:#08419B; padding: 0px 0px 0px 4px;}
	#virtualPriceList a:hover{text-decoration:underline;}
	#header #logo{display:block; width: 323px; float:left;}
	img.logo{display:none;}
	
	#profLink { float:right; background:#ffffff; color:#000000; margin: 6px 6px; padding-left:5px; font-size:10px;}
	#profLink a img{border: 0px; float:left; margin-right:10px;}
	#virtualPriceList a img{border: 0px; margin: -6px 0px 0px 0px;}
	#phoneInfo{ display:none; width:230px; float:right; padding:4px 0px 0px 0px; text-align:left; font-family:Arial, Sans-Serif; font-size:22px; font-weight:bold;}
	#phoneInfo a {text-align:right; position:relative; text-decoration:none; color:#FFFFFF;}
	#phoneInfo a span{ position:absolute; top:-1px; left:-1px; color:#084096;}
	#experience{ display:none; float:right; width:330px; color: #FFF; font-weight:bold; font-family:Arial, Sans-Serif; font-style:normal; font-size:12px; line-height:12px; margin-top: 0px;}
	#experience div{margin-top: 17px;}
	#experience small{font-size:11px; font-weight:bold; color:#333/*#084096*/; font-style:normal; }
	#header0{height: 88px; margin-bottom: 1px; background:#E4F2F8; background-image: url(http://www.cruceroslatitud4.com/img/bgheader2.jpg);}
	#mainBanner{ /*background-image:url(http://www.cruceroslatitud4.com/img/carrusel/bg.gif);*/ position:absolute; top:120px; left:0px; display:block; padding-top:5px; width:auto; height: 75px; /*background: #1884C2;*/ color:White; font-weight:bold; text-align:left; vertical-align:top;}
	#carousel{ width:100%; /*background:#084096;*/ margin-top: 1px; }
	
	#swfHeader{width:100%; border: solid 1px red;}
#webmapPath
{
	margin-top: 0px;
	/*border-top: dotted 2px #999999;*/
	text-align: left;
	background-color: #6ABAD3;
	padding: 3px 0px 3px 8px;
}
#webmapPath a, #webmapPath span { font-size:11px;  background-image: url(http://www.cruceroslatitud4.com/img/flecha-blanca.gif); background-repeat: no-repeat; background-position: 0px 3px; color:#ffffff; text-decoration:none }
#webmapPath a:hover { text-decoration:underline}
#webmapPath span { font-family:Arial, Sans-Serif; font-size:13px; font-weight:bold}

#webmapTitle{padding-left: 10px; text-align:left; border:solid 0px;}
#webmapTitle h1{margin-top:10px; border: solid 0px black; font-size:x-large; font-weight:bolder; color:#A1D1DD; font-variant:small-caps}

#middle
	{
		display:block; position:relative; 
		clear:both; float:left; 
		/*border:solid 0px green; */
		border-top: dotted 2px #999999; 
		border-bottom: dotted 2px #999999; 
		padding-bottom: 6px;
		margin-top: 6px;
		
	}
	#menuForm{margin:0px;padding:0px;border:solid 0px red}
	#submenuHeader{ background-color:#666666;  text-align:left; font-size:x-small; height:20px; line-height: 20px; padding-left:3px;}
	#submenuHeader {color:#FFFFFF;}
	#submenuHeader a{color:#FFFFFF; text-decoration:none;}
	#submenuHeader a:hover{text-decoration:underline;}
	.leftMenuOption{
		text-align:left;
		font-size:x-small;
		border: solid 0px blue;
	}
	.leftMenuOption td
	{
		border: solid 3px #A6D6E2;
		background-color: #6ABAD3;
		padding: 3px 0px 3px 3px;
		line-height: 14px;
		background-image: url(http://www.cruceroslatitud4.com/img/pxlblanc.gif);
		background-repeat:repeat-x;
	}
	.leftMenuOption a{text-decoration: none; color:#000000;}
	.leftMenuOption a:hover{text-decoration: none;}
	
	#underMenu
	{
		background-repeat:repeat-x;
		background-color: #A6D6E2;
		/*Ver declaraciones mas abajo, donde el buscador*/
	}
	#underMenu .ribbon
	{
		border-top: solid 1px #FFFFFF;
		padding: 0px; margin: 0px;
		width: 100%; height: 0px; line-height:0px;
	}
	#left
	{
		width:260px/*35%*/; clear:left; float:left; padding: 0px 0px 0px 0px; 
		margin-top:6px; border: solid 0px green;
	}
		#themes {display:block; float:left; width:100%; text-align:center; margin:0px 0px 6px; padding:10px 0px 10px 0px; border: solid 1px #C0C0C0; border-top: 0px; background:#E4F1F7;}
		#themes ul{ float:left; list-style-type:none; margin:0px; padding:0px;text-align:center; }
		.theme {
				/*float:left; */
				margin-left: 6px;
				/*
				background-image: url(http://www.cruceroslatitud4.com/img/transparente.gif);
				background-repeat: no-repeat;
				background-position: 4px 7px;
				*/
				padding: 0px 0px 4px 12px;
				}
		.theme a {font-size: 12px; font-weight:bold; color:#1046A5; font-family:Verdana, Arial, Sans-Serif; text-decoration:underline;}
		.theme a:hover {text-decoration:none;}
		#extServices {margin-bottom: 6px; padding: 10px 0px 10px 0px;}
	#center{float:left; width:473px;border: solid 0px blue; text-align:right; }
		#centerHome{float:left; width:49%;  border: solid 0px red; padding: 6px 0px 0px 6px;}
			.homeBlockHeader, .homeBlockHeaderInv { display:block; clear:both; width:100%; /*height:16px; */ background: #084096; border : solid 1px #084096; font-size:12px; color:#E4F1F7; font-weight: bold; text-align:center; padding: 2px 0px 2px; margin:0px; text-transform:uppercase}
			.homeBlockHeaderInv{background: #E4F1F7; color:#084096;text-transform:uppercase}
			.homeBlockHeader b{ color:#E4F1F7; }
			.homeBlockHeaderBright{ display:block; clear:both; width:100%; background:#FF9900; color:#FFFFFF; border: solid 1px #FF9900; font-size:12px; font-weight: bold; text-align:center; padding: 0px 0px 0px}
			#olBookingCo{display:block; float:left; width:100%; text-align:center; /*margin:0px 0px 6px; padding:10px 0px 10px 0px; border: solid 1px #1046A5; border-top: 0px;*/ margin-bottom:12px;}
			.olLogo {float:left; /*margin-left:15px;*/}
			.olLogo span{font-size:9px; background-color: #CF3333; color:#fff}
			.olLogo a, .olLogo a:visited{text-decoration:none}
			/*.olLogo a:hover span{background-color:#fff; color:#cc0000;}*/
			.olLogo a img{border: 0px; margin:0px 0px 0px}
			#companies{ display:block; float:left; width:100%; text-align:center; margin:0px 0px 6px; padding:10px 0px 10px; border: solid 1px #999999;border-top: 0px;}
			#companies ul{
				list-style-type:none; list-style-position:inside; 
				margin-left:10px; padding:0px 0px 0px 0px;
				float:left;
				border:solid 0px;
			}
			#companies ul li{float:left; width:90px; padding:0px 0px 0px 0px; margin:0px 0px 6px 0px;}
			.company {width:90px;}
				/*Thumbanils logos*/
				li .company {display:block; float:left; position:relative; border:solid 0px; vertical-align:middle;}
				li .company  a {display:block; background:transparent; overflow:hidden; position:relative;}
				li .company  a img {border:0;}
				/*li .company  a:hover {position:absolute; left:-20px; top:-10px; width:117px; z-index:100;}*/
				
		#rightHome{ display:block; text-align:center; width:48%; /*width:220px;*/ float:right; margin: 0px; border: solid 0px #999999; padding: 6px 0px 0px 4px;}
			#offers {margin-bottom: 6px;}
			.mainOffer{ margin: 3px 0px 3px; }
			.otherOffer{	
				padding: 4px 4px 0px 8px;
				margin-right: 0px;
				text-align:left;
				background-image: url(http://www.cruceroslatitud4.com/img/transpazul.gif);
				background-repeat: no-repeat;
				background-position: 0px 10px;
				border-top: 1px solid #084096;
			}
			.otherOffer a
			{
				font-size: 11px;color: #1046A5; background-color:#FFFFFF;
				font-weight: normal;
				text-decoration: none;
				color: #1046A5; 
			}
			.otherOffer a:hover
			{
				text-decoration:underline; color: #1046A5; background-color:#FFFFFF;
			}
			.otherOffer div{
				padding: 2px 4px 2px 4px;
				text-indent: 0px;
				line-height: 14px;
			}
			.noimgtop, .noimgbottom{display:none;width:228px; height:2px; line-height:3px;}
			.noimgtop
			{
				border-bottom: 1px solid #084096;
			}
			.noimgbottom
			{
				margin-top:4px;border-top: 1px solid #084096;
			}
			.lastOffer
			{
				background:#F9B700;
				line-height: 4px;
				color: #FFFFFF;
			}
			.liNews{
				background:#FFFFFF;
				background-image: url(http://www.cruceroslatitud4.com/img/transpazul.gif);
				background-repeat: no-repeat;
				background-position: 4px 7px;
				padding: 0px 0px 4px 12px;
				text-indent: 0px;
			}
	/*Para paginas que ocupan todo lo ancho (sin lateral)*/
	#centerWider{width:100%; float:left; text-align:center; border: solid 0px red; margin-top: 6px;}
	/*Para paginas que usan el lateral estrecho*/
	#leftNarrow	{
		width:134px/*35%*/; clear:left; float:left; 
		padding: 0px 0px 0px 0px; margin-top:6px; 
	}
	#centerNarrow{
		width:596px; float:left; text-align:center; 
		border: solid 0px red; margin-top: 6px;
		
	}
#footer{
	display:block; position:relative; clear:left; width:100%; float:left; 
	border-bottom: solid 1px #999999; padding: 12px 0px 12px 0px;
	
}
	#footerLinks
	{
		font-family:Tahoma, Arial, Sans-Serif; font-size:12px; font-weight: bold; 
	}
	#footerLinks{ float:left; color:#999999}
	#footerLinks a{color:#999999;text-decoration:none;}
	#footerLinks a:hover{color:#999999; text-decoration:underline;}
	#footerLinks a.rss{font-weight:normal}
	#footerLinks img{ vertical-align:bottom; margin-right:3px}
	.starclass{display:none}
#spaceAtTheBottom
{
	clear:left;
	height: 30px;
}
/* /LAYOUT GENERAL */


/* common styling*/
#mainMenu { display:block; clear:left; width:100%; height:28px; font-size:11px; margin:0px 0px 0px 0px; background:#fff; position:relative; z-index:100;}
#mainMenu ul {padding:0; margin:0; list-style-type: none;}
#mainMenu ul li {float:left; border: 1px solid #006699; border-right: 0px; width:13%; text-align:center; padding: 0px 0px 0px 0px}
#mainMenu ul li.srch {width:175px;}
#mainMenu ul li.last {width:170px;}
/*#mainMenu ul li.dest {width:135px;}*/
#mainMenu ul li.last {border-right: 1px solid #006699;}
#mainMenu ul li a, #mainMenu ul li a:visited {display:block; float:left; width:100%; text-decoration:none; padding:0 0 0 0px; height:24px; line-height:24px; color:#E6F1F7; font-weight:bold; background:#084096 bottom right; font-size:12px;}
#mainMenu ul li a ul li a, #mainMenu ul li a ul li a:visited {font-weight:normal;}
#mainMenu ul li ul {display: none;}

/* specific to non IE browsers */
#mainMenu ul li:hover a {color:#084096; background:/*#b3ab79*/ #E6F1F7;}
#mainMenu ul li:hover ul {display:block; position:absolute; width:100%; top:26px; left:0; background:/*#b3ab79*/ #E6F1F7; color:#084096;}
#mainMenu ul li:hover ul li {float:right; width:30%}
#mainMenu ul li:hover ul.menuLevel2 li {border:1px solid #006699;}
#mainMenu ul li:hover ul.menuLevel1 li {float:left; border:1px solid #006699;}
/*latitud4 menu vertical*/
/*#mainMenu ul li.l4:hover ul.menuLevel1 li {float:none;}*/

#mainMenu ul li:hover ul li a.hide {background: /*transparent url(http://www.cruceroslatitud4.com/img/opaque2.png)*//*#bd8d5e*/ #BABABA ; color:#000;}
#mainMenu ul li:hover ul li:hover a.hide {background:/*#b3ab79*/ #666666; color:#fff;}
#mainMenu ul li:hover ul li ul {display: none;}
#mainMenu ul li:hover ul li a {line-height:15px; height:15px; display:block; background:/*transparent url(http://www.cruceroslatitud4.com/img/opaque1.png)*//*#b3ab79*/ #E6F1F7; color:#084096;}
#mainMenu ul li:hover ul li a:hover {background:/*#bd8d5e*/ #BABABA; color:#000;}
#mainMenu ul li:hover ul li:hover ul {display:block; position:absolute; left:0; top:16px; color:#000; background:/*#bd8d5e*/ #BABABA;}
#mainMenu ul li:hover ul.right li {float:right;}
#mainMenu ul li:hover ul li:hover a.hide {background:/*#bd8d5e*/ #BABABA; color:#000;}
#mainMenu ul li:hover ul li:hover ul li a {background:/*#bd8d5e*/ #BABABA; color:#000;}
#mainMenu ul li:hover ul li:hover ul li a:hover {background:/*#b3ab79*/ #666666; color:#fff;}
/* //specific to non IE browsers */

/*Quitamos todos los bordes de imagenes con enlace*/
a img{border:0px;}

/*TICKER*/
#tickercontainer
{
	margin:auto; color:#222222;background-color:#FF7101;
	width: 228px; height:60px; margin-top:6px;
	background-image: url(/img/tickerback.jpg)
}
#tickercontainer span{margin: 0 0 0 15px; font-weight:bold; text-transform:uppercase; font-size:smaller}
#TICKER{overflow:hidden; width:220px; margin:auto; margin-bottom:2px ;}
#TICKER a{margin-right:30px; color:#FFFFFF}
#TICKER a:hover{text-decoration:none;}
#moreSpecials{font-size:11px; text-align:right; color: #FFFFFF; margin: 5px 3px;}
#moreSpecials a{color:#FFFFFF;}
/*TICKER*/


#skirt
{
	display:none;
	clear:left;
	margin-top: 6px;
	/*border: dotted 2px #999999; border-left: 0px; border-right: 0px;*/
	text-align:center;
}
#skirt img{
	border: solid 1px #000
}

/*BUSCADOR*/
#searcher { float:left; width:100%; text-align:center; padding-bottom: 6px; margin-bottom:6px; border: solid 1px #999999;border-top: 0px;}
#formSearcher {border: solid 0px red; clear:both; float:left;}
#searcher img{ margin: 20px 0px 20px 0px;}
#swfWorld {padding: 0px 0px 0px;}
#leftsearcher , #rightsearcher, #widersearcher 
{
	display:block;
	border: solid 0px red; 
	width: 49%; /*127px*/
	float: left;
}
#leftsearcher select, #rightsearcher select, #widersearcher select
{
	margin: auto;
	margin-left: 1px;
	width: 93%;
	border: solid 1px #000000; 
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 10px; 
}
#leftsearcher label, #rightsearcher label, #widersearcher label
{
	font-size: 10px;
	color: Gray;
	margin-left: 4px;
	float:left;
	
}
#widersearcher label
{
	margin-left:8px;
}
#searcher #loading
{
	top:27px; left:1px; position:absolute; width:255px; height:148px; background-color:#FFFFFF;
}
#widersearcher, #widersearcher table
{
	width: 100%;
}
#widersearcher table tr td
{
	width:49%
}
#widersearcher table tr td label, #widersearcher .checkbox label, #leftsearcher table tr td label, #leftsearcher .checkbox label
{
	float:none; color:#000000;
}
#widersearcher label, #widersearcher select
{
	font-size: 12px;
}
#widersearcher .button
{
	margin-top: 6px;
}
#widersearcher #counter, #leftsearcher #counter
{
	font-size:12px;
}
#widersearcher #counter b, #leftsearcher #counter b
{
	font-size:20px; color:#FF7000;
}
#leftNarrow .homeBlockHeader
{
	width:138px; float:left;
}
#leftNarrow #searcher
{
	width:138px
}
#leftNarrow #leftsearcher
{
	width:97%
}

option.portoption1
{
	background-color: #CCCCCC; color:#000000;
	font-weight:bold;
}
option.countryoption1
{
	background-color: #CCCCCC; color:#000000;
}
option.portoption2
{
	background-color: #FFFFFF; color:#000000;
	font-weight:bold;
}
option.countryoption2
{
	background-color: #FFFFFF; color:#000000;
}
input.button
{
	border: solid 1px black;
	font-size: 9px;
	font-weight: normal;
	width:auto;
	color: #000000;
	background-color: #CCCCCC;
}
#rightsearcher input.button
{
	margin: 5px 10px 0px 0px;
	float:right;
}
.riveroption
{
	background: #F0F0F0; color: #000000;
}
.toListLink
{
	font-size: 12px;color: #778ABF;
	text-decoration: none;
}
a:hover.toListLink{ text-decoration:underline }
.infoHomeBlock
{
	font-size: 11px;color: #1046A5; background-color:#FFFFFF; margin: 0px 3px 0px 3px;
}
.homeNews
{
	font-size: 11px;color: #1046A5; background-color:#FFFFFF;
	font-weight: normal;
	text-decoration: underline;
}
a:hover.homeNews
{
	text-decoration:none; color: #1046A5; background-color:#FFFFFF;
}
/*LOGIN PROFESIONAL*/
#profLogin 
{
	padding: 6px 6px;
}
#profLogin form
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#profLogin input
{
	margin: auto;
	margin: 4px 0px 0px 1px;
	width: 55%;
	border: solid 1px #000000; 
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 10px;
	float:right; 
}
#profLogin label
{
	width: 35%;
	font-size: 10px;
	color: Gray;
	margin: 4px 0px 0px 4px;
	float:left;
	text-align:right;
	
}
#profLogin input.button
{
	clear:both;
	width:auto;
	float:right;
}
/*/LOGIN PROFESIONAL*/

/*REFORMATEO DE BOLETINES*/
#nlMainContainer table tr.hide{display:none}
.footerText {display:none}
.altLink {display:none}
.legalNote {display:none}
#header #headermenu {display:none}
/*/REFORMATEO DE BOLETINES*/

/*Funciones para compartir contenidos*/
.contentFunctions { text-align:right; margin: 0px}
.contentFunctions a{ font-size:11px; text-decoration:underline; color:#084096;  background-color:#FFFFFF;}
.contentFunctions a:hover{ font-size:11px; font-weight:bold; text-decoration:none; color:#084096; background-color:#FFFFFF;}
/*Funciones para compartir contenidos*/



/*MENU LATERAL*/
#leftMenu
{
	background-color:#E6F1F7;
	text-align:left; border:solid 1px #999999; list-style-type:none; margin:0px 0px 6px 0px; padding: 6px; 
}

#leftMenu a
{
	color: #666600;
	text-decoration: none;
}
#leftMenu li
{
	margin: 8px 0px 8px 0px;
}
#leftMenu a:hover
{
	text-decoration: underline;
}

/*PAGINADOR*/
#pagerSet{ font-size:11px; }
a.otherPages{ color:#333333; margin: 0px 4px 0px 4px }
a.otherPages:hover{ color:#127DD3 }
.thisPage { margin: 0px 4px 0px 4px; }


/*NOTI DESTACADA*/
#highlight
{
	margin-top: 10px;
	font-size: 12px;
	text-align: justify;
	border: solid 1px #999999;
}
#highlight p
{
	padding: 20px;
	margin: 0px;
	border: solid 2px #BBBBBB;
	border-left: 0px;
	border-top: 0px;
}
#highlight img
{
	float: right;
	margin-left: 15px;
}
#highlight a
{
	text-decoration: none;
	color:#1046A5;
}
#highlight a:hover
{
	text-decoration: underline;
}

/*************************************************************/
/***         s o c i a b l e             *********************/
/*************************************************************/
div.sociable { margin: 14px 14px 6px 0; text-align:right }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
