@import url("datePicker.css");
@import url("styleenewTexto.css");

html {overflow:auto}
#index{background: #fff url(../img/slideBGindex.png) 0 8px repeat-x}
#footer {position:fixed; bottom:0}
#container {margin:0; padding:0; background:url(../img/back.jpg) repeat-x top left}
#index body{margin:0; background: transparent url(../img/backpor.jpg) repeat-x bottom left}
#index #container{background:transparent url(../img/imglogpor.jpg) no-repeat 0% 0%; width:869px; margin:0 auto; padding:183px 0 0}
#contenido{background: transparent url(../img/backport.jpg) no-repeat 0 50%; height:259px}

* html #contenido      {margin-top: -7px}
* html #titulosportada {margin: -64px 0 0 100px}

#titulosportada{width:700px; height:64px; margin: -64px auto 0}
#titulosportada img {float:left; margin-left:250px}
#titulosportada select {margin-top:25px; width:160px}

#cruceros img {float:right; border:5px solid #fff; margin:5px}

/**********************index2**************************************************/

body#index2 {background: #e4e5e5 url(../img/backcontacto2.jpg) no-repeat bottom center; background-attachment:fixed}
#index2 #container {width:961px; background:transparent; margin:-8px auto 0; padding:0}
#columnaIzq {display:block; width:160px; margin-left:26px; background:transparent; z-index:1}
#columnaIzq, .separador, .nEvento, #columnaPrincipal {float:left; margin-bottom:40px}
#columnaPrincipal {width:710px; margin-bottom:60px!important}
.notopgap {margin-top:0}
.nobottomgap {margin-bottom:0}

#congresosActivos {text-align:center}
#detalleCongresos div {display:block}
#detalleCongresos div dt {float:left; margin-right:10px}

#columnaPrincipal div.top    {background:transparent url(../img/bgColumnaPrincipalTop.png) no-repeat 0 0; height:50px; width:710px}
#columnaPrincipal div.inside {background:transparent url(../img/bgColumnaPrincipalMid.png) repeat-y  0 0; width:680px; padding:0 20px 0 10px; min-height:280px}
#columnaPrincipal div.bottom {background:transparent url(../img/bgColumnaPrincipalBot.png) no-repeat 0 0; height:35px; width:710px}

*:first-child+html #columnaPrincipal{margin-left:25px;} *:first-child+html div.azafata{margin-top:18px}
*:first-child+html div.bottom {margin-bottom:60px}
.inside h4,.inside p{margin-left:5px}
object{outline:none}
.nEvento{width:115px;}
.separador{margin-right:5px}
.azafata{width:144px; height:284px; position:relative; padding:0}
hr{width:100%}
.left{float:left}
.rite{float:right}
.center{margin:auto; border:0}
.textCenter{text-align:center}
.derecha{width:40%; float:right}
.marginal{margin:-13px 210px 0 0}

.centradito  {width:273px; height:397px; margin:5px 20% }
#liazafata   {list-style:none; padding:0 }
#liazafata li{float:none; width:148px; height:60px; text-indent:-30000px; margin:2px 0 0; overflow:hidden }
#liazafata li:hover, #liazafata li:active {background-position: 0 0px }
#liazafata li a{display:block; width:148px; height:60px }

/*#liDestacado1, #liDestacado2{width:144px; height: 104px; border: 2px solid #039;}*/

#liDestacado1 {background: transparent url(../img/en/destacado1.gif); height:78px!important; background-position: 0 -79px;
			   /*border-top-right-radius:2em; -moz-border-radius-topright:  2em; 
			   border-bottom-left-radius:2em; -moz-border-radius-bottomleft:2em;*/
			   }

#liDestacado2 {background: transparent url(../img/en/destacado2.gif); height:80px!important; background-position: 0 -78px;
			   /*border-top-left-radius:2em;   -moz-border-radius-topleft : 2em; 
			   border-bottom-right-radius:2em; -moz-border-radius-bottomright:2em;*/
			  }
			  
#liDestacado1_ru {background: transparent url(../img/ru/destacado1.gif); height:78px!important; background-position: 0 -78px;
			   /*border-top-right-radius:2em; -moz-border-radius-topright:  2em; 
			   border-bottom-left-radius:2em; -moz-border-radius-bottomleft:2em;*/
			   }

#liDestacado2_ru {background: transparent url(../img/ru/destacado2.gif); height:79px!important; background-position: 0 -79px;
			   /*border-top-left-radius:2em;   -moz-border-radius-topleft : 2em; 
			   border-bottom-right-radius:2em; -moz-border-radius-bottomright:2em;*/
			  }	
			  			  
#liDestacado1_es {background: transparent url(../img/es/destacado1.gif); height:78px!important; background-position: 0 -78px;
			   /*border-top-right-radius:2em; -moz-border-radius-topright:  2em; 
			   border-bottom-left-radius:2em; -moz-border-radius-bottomleft:2em;*/
			   }
#liDestacado2_es {background: transparent url(../img/es/destacado2.gif); height:78px!important; background-position: 0 -78px;
			   /*border-top-right-radius:2em; -moz-border-radius-topright:  2em; 
			   border-bottom-left-radius:2em; -moz-border-radius-bottomleft:2em;*/
			   }			   
		  
#liDestacado3 {background: transparent url(../img/destacado3.gif); height:77px!important; background-position: 0 -79px;}
#liDestacado4 {background: transparent url(../img/destacado4.gif); height:77px!important; background-position: 0 -79px;}
.required  {color:#f00}
#ubicacion img{margin:3px}
#ubicacion dl{float:right; width:130px; margin-right:80px}

#ubicacion dt{font-weight:bold}
.clear{clear:both}

/*recuadro  de paquete en verPaquete y verSpecialPromotions **/
 
.paquete{/*text-align:center;*/ width:150px; height:203px; margin:18px 5px; display:block; position:relative}
.paquete img{position:absolute; bottom:0}
/*.paquete img{bottom:0}*/
.paquete p{margin-top:0}
/***/
#listadoPaquete{width:680px}
#imagenes {display:block; width:340px}
.fotomedia img, #listadoPaquete .fotomedia{max-width:130px!important; border:5px solid #fff!important}
.fotogrande{height:300px; position:relative}
.fotogrande img {max-width:300px; max-height:300px; position:absolute; bottom:0; left:0; border:8px solid #fff}

.thumb img{max-width:50px; max-height:50px; padding:3px ; background:#fff; margin:0 3px}

/********************** top menu ****************************************************/

#top{background: transparent url(../img/top.png); width:961px; height:76px; position:relative; z-index:5}

#topmenu, #menuFooter{list-style:none; width:961px; margin:0 auto; padding:0; display:block; z-index:30}
#topmenu li {margin:0;}
#topmenu li a {display:block; width:92px; height:36px; text-indent:-3000px; background-image: url(../img/menuhover3.png)}
li.topgap {width:201px; height:36px}

#liviaj a{background-position: -111px 0} #liviaj a:hover{background-position: -111px -38px}
#liquie a{background-position: -203px 0} #liquie a:hover{background-position: -203px -38px}
#liinfo a{background-position: -295px 0} #liinfo a:hover{background-position: -295px -38px}
#linove a{background-position: -593px 0} #linove a:hover{background-position: -593px -38px}
#licont a{background-position: -685px 0} #licont a:hover{background-position: -685px -38px}
#liregi a{background-position: -777px 0} #liregi a:hover{background-position: -777px -38px}

#liviaj{margin-left:111px!important} #linove{margin-left:202px!important}

/******* el menu de suckerfish compatible con IE6 con javascript http://www.htmldog.com/articles/suckerfish/example/ ********/

#topmenu li li a {display: block} 
#topmenu li ,#menuFooter li{float: left; position: relative; cursor: default;}
li ul {display: none; position: absolute; top:100%; left:0;}
li>ul {top:auto; left: auto;}
#topmenu li li {display:block; float:none;}
li:hover ul, li.over ul {display: block;}
li#liviaj ul, li#liquie ul, li#liinfo ul{margin-left:-50px}

li#liviaj ul li a, li#liquie ul li a,
li#liinfo ul li a{background-image:none; background-color:#036; padding-left:4px; width:120px;height:15px}

.submenuvisible{display:block!important; position:relative}
#staff dl, #links dl{margin-left:10px}
#staff dl dt,#links dl dt{float:left; width:240px;clear:left}
#staff dd span{width:140px; display:block; float:left}

/*********************** login en el top *********************************************/

form#logintarifario {width:190px; position:absolute; top: 40px; right:40px}
#logintarifario input{width:55px;/*clear:both; float:none;*/ border:0; background-color:#7F9BC3; color:#fff; font-size:9px}
#logintarifario p{margin:1px;}
	
#loginIncorrect{text-align:center}

/********************** footermenu **************************************************/

#footer{clear:both; display:block; bottom:0px; width:100%; margin:0 }
#index2 #footer{width:961px;background:transparent url(../img/backgrisinf.jpg) no-repeat 0 44px;
				height:75px;left:50%; margin-left:-480px;}


#menuFooter{margin:0; background: transparent url(../img/bgfootermenu.png); height:44px; list-style:none;} 

#linews {margin-left:336px}                  * html #linews{margin-left:164px}
#linews a{background-position:-336px -17px} #linews a:hover{background-position:-336px -62px}
#licata a{background-position:-413px -17px} #licata a:hover{background-position:-413px -62px}
#lilink a{background-position:-490px -17px} #lilink a:hover{background-position:-490px -62px}
#lipubl a{background-position:-567px -17px} #lipubl a:hover{background-position:-567px -62px}

/**********************itinerario****************************************************/

#itinerario label{width:300px;}

/**********************contacto****************************************************/

#imgContacto{float:left}
#bgContacto form{width:400px;float:left}
#contacto p {margin-top:3px; margin-bottom:3px}
fieldset{ border:0}
fieldset p input, select{width:270px}
label{display:block; width:66px; vertical-align:top; float:left; text-align:right; padding-right:5px}
button{width:60px; height:20px; color:#23578F;line-height:9px; font-size:11px} 

/********************contenido******************************************************/

#contCamarita{width:145px; float:left; margin: 40px}
#divBack{background: url(../img/backfondo2.jpg) 0 -140px; display:block}
#bordeCrucero{background: url(../img/Untitled-3.jpg); width:203px; height:235px; margin-left:250px}
.scrollante{width: 500px; height:370px; overflow: auto}
#listcont{width:480px; margin:auto}
#cont{margin: -280px 0 0 500px}
#cont object{float:left; margin-right:20px}

/********************incentivos*******************************************************/
#incentivos img, #congresos img{margin:5px}
.imgFloatLeft{float:left}
.imgFloatRight{float:right}
#incentivos p {text-align:justify}
#incentivos ul{list-style:none}
/********************operadores*******************************************************/

.blocke{ width:270px; float:right; margin-right:220px}
#operadores label{width: 148px;}
#operadores input[type="radio"]{width:15px}
/*
 *:first-child+html #operadores p label{width:100px} * html #operadores p label{width:100px}
 *:first-child+html #operadores form{width:580px} *:first-child+html #operadores fieldset{width:580px} 
 * html #operadores form{width:580px} * html #operadores fieldset {width:580px}
 * html #operadores p{margin:6px 0!important}  
 *:first-child+html #operadores p{margin:6px 0!important}
#operadores form, #operadores fieldset {width:580px}
*/
.sml {font-size:.7em}
#operadores   {margin-top:0;   margin-bottom:0}
#operadores p {margin-top:3px; margin-bottom:3px; clear:both}
#operadores select {border:0;  height:1.65em}
img, area{border:0}
dd {margin-left:4px}
.box, .boxsel, .boxdate{color: #555;background-color: #fff; height:15px; border:1px solid #7F9BC3!important}
.boxsel{ margin-left:22px}
.boxdate{width:240px}
.nEvento label{display:block; width:2em; float:left}
 textarea{margin-left:2em}
#operadores input[type="checkbox"]{width:20px}
.salir {background: transparent url(img/salir.gif) no-repeat top right; padding-right:16px; width:60px; text-transform:uppercase}
.altura {min-height:310px; width:320px; border:2px solid #fff; margin:2px}
.fotomedia{height:146px; width:140px}
.anchodivImagenes{width:140px}
.noveThumb{width:30px; height:30px}
.borde{ border:1px solid #333; width:460px}
.borde dt{float:left; width:170px;clear:left}
.dltarifa dt{float:left; width:220px;clear:left}
.dlTarifaVuelo dt{float:left; width:350px; clear:left}
.dlTarifaVuelo span.smlr{font-size:.2em!important}
.tbcongresos {width:100%important; border-collapse:collapse; margin:auto}
.tbcongresos td, .tbcongresos th{border:1px solid #777}
.buscar {display:block; padding-left:30px; background: transparent url(../img/search.gif) no-repeat}