﻿/* DEFAULTS
----------------------------------------------------------*/

html
{
    overflow-y: scroll;
    overflow-x: hidden;	
    }

body   
{
    
    background: #F3F3F3;
    font-size: .80em;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;    
}

a:link, a:visited
{ 
    color: #BC0064;
}

a:hover
{ 
    color: #BC0064;
    text-decoration: none;
}

a:active
{ 
    color: #BC0064;
}

p
{  
	text-align:justify;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{   
    font-size: 1.5em;
    color: #666666;    
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
    
}

h1
{    
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{   
    font-size: 1.3em;
    font-weight: 600;	
}

h3
{   
    font-size: 1.1em;
     font-weight: 600;
}

h4
{    
    font-size: 1.1em;
}

h5, h6
{    
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{    
    margin-top: 0px;
}

input{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C4C4C4;
    border-radius: 3px 3px 3px 3px;
    color: #525050;
    font-size: 0.916em;
    margin: 0 0 5px;
    padding: 2px 0 4px 3px;
    vertical-align: middle;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/



.page
{
	background-color: #FFFFFF;
    border: 1px solid #E2E2E2;
    display: block;
    margin: 10px auto 0;
    overflow: hidden;
    padding: 20px;
    width: 923px;
}
.page .textencabezado {font-size: 15px; line-height: 1.1em; text-align:justify; margin-top:15px;}

.clear {clear: both;}

.main h1
{
    position:relative;
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #393332;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main h1 a
{
    position:relative;    
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #393332;
    border: none;
    line-height: 2em;
    font-size: 22px;
}


/*header*/
#header { display:block; background-color:#0d0d0d; background:url(../images/bgheader.jpg) 0 0 repeat-x; height:110px }
#contheader { display: block; width:943px; height: 100%; margin: 0 auto; padding:0 0 11px 20px; position:relative; }

.logo {
    background-image: url("../images/logo.png");
    display: block;
    float: left;
    height: 67px;
    width: 282px;
	margin-top: 10px;
}

/*migas*/
#migas { position: relative; width: 923px; margin: 10px auto 0; padding: 0 20px; font-size:11px }
.title01 { color: #414040;font-family: Arial,Helvetica,sans-serif;font-size: 2.08em;line-height: 0.9em;margin-top: 4px;padding: 0 0 2px;}
.telefono_mail {display: block;position: absolute;right: 10px;top: 40px;width: 305px;}
.mail_header{background: url("../images/email-cruceros-nautalia.png") no-repeat scroll left 2px transparent;display: block;float: left; padding: 2px 0 0 30px;}	
a.mail_header span{
	background: url("../images/info-cruceros-nautalia.png") no-repeat scroll center -6px transparent;
    display: block;height: 22px;text-indent: -10000px;width: 137px;
}
a.mail_header span:hover {background:url("../images/info-cruceros-nautalia.png") center -30px no-repeat;}	

.telefono_header{
	background: url("../images/telefono-nautalia-cruceros.gif") no-repeat scroll 0 0 transparent;
	display: block;float: left;height: 22px;margin-right: 15px;text-indent: -10000px;width: 122px;
}

/*footer*/
#footer { display:block; height:110px }
#content_footer { display: block; width:943px; height: 100%; margin: 0 auto; padding:0 0 11px 20px; position:relative; background-color:#f9f9f9; }
.logo_footer { display:block; width: 64px; height: 82px; float:left; margin-top: 20px;}
.links_footer { display:block; width: 412px; font-size:0.91em; float: left; margin-top: 45px; margin-left: 10px; line-height:17px; color:#a0a0a0; padding-right: 18px }
.links_footer a { color:#a0a0a0; }
.links_footer span.aqui { color: #333 !important }
.secured {display: block;float: right;height: 85px;width: 250px;}
p.txt_compras {color: #8B898B;display: block;font-size: 1em;font-weight: bold;margin-bottom: 12px;margin-top: 18px;}

/* cajas */
.box25 { position:relative; background: #ffffff; display: block; float:left; width: 220px; padding:0; margin: 0 14px 20px 0 }
.box25 p{text-align:justify;}
.box25.last { margin-right: 0 }
.box25.abajo { margin-bottom: 0 }
.box25 .titular { -webkit-border-top-right-radius:3px; -webkit-border-top-left-radius:3px; -moz-border-radius-topright:3px; -moz-border-radius-topleft:3px; border-top-right-radius:3px; border-top-left-radius:3px; color:#F5F5F5; margin:0 0 0 0; positon:relative; padding:7px 21px; background: #7b7b7b; position: relative }
.box25 .titular p { font-size:1.5em; padding: 0; margin: 0 }
.box25 .titular span.ico-bgd { width:30px; height: 14px; position: absolute; left:170px; bottom: -14px; }
.box25 .content { background: #f6f6f6; padding: 20px 20px 10px 20px }
.box25 .content.listado_bajo_imagen{ padding: 7px 0 10px 0 !important;}
.fijo265 {min-height: 265px !important; padding: 15px 0 10px 0 !important}
.box25 .titular span.ico-bgd {
    bottom: -14px;
    height: 14px;
    left: 170px;
    position: absolute;
    width: 30px;
}

.box75 .content.menos {padding-bottom: 10px}
.box75 .content.abajo {padding-bottom: 0}
.box75.abajo {margin-bottom: 0}
.box75 { position:relative; background: #ffffff; display: block; float:left; width: 100%; padding:0; margin: 0 14px 20px 0 }
.box75.last { margin: 0 }
.box75.maps { margin: 0 }
.box75 .titular { -webkit-border-top-right-radius:3px; -webkit-border-top-left-radius:3px; -moz-border-radius-topright:3px; -moz-border-radius-topleft:3px; border-top-right-radius:3px; border-top-left-radius:3px; color:#F5F5F5; margin:0 0 0 0; positon:relative; padding:7px 21px; background: #7b7b7b; position: relative }
.box75 .titular p { font-size:1.5em; padding: 0; margin: 0 }
.box75 .titular h2 { font-size:1.5em; padding: 0; margin: 0; color: #F5F5F5; line-height: 25px; font-weight: normal; text-transform: none; }
.box75 .titular span.ico-bgd { width:30px; height: 14px; position: absolute; left:870px; bottom: -14px; }
.box75 .content { background: #f6f6f6; padding: 20px; overflow: hidden }
.box75 .content.separa {margin-bottom:20px}
.box75 .marco-img { border: 1px solid #E2E2E2; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding: 3px; position: relative; margin: 0 0 10px 0; background: #ffffff }
.box75 .content .marco-img { border: 1px solid #E2E2E2; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding: 3px; position: relative; margin: 0 0 10px 0; background: #ffffff }
.box75 .content .listado { position: relative; width: 100%; margin: 0 0 6px 0 }
.box75 .content .listado.last { background: none; margin: 0 }
.box75 .content .listado .col01 { width: 240px; float: left; margin: 4px 0 6px 0 }
.box75 .content .listado .col02 { float: right; text-align: right; margin-bottom: 5px }
.box75 .content .listado .col02 p.price02 { float: right }
.box75 .content .listado .col02 span.descuento { float: left; margin: -1px 10px 0 0 }
.box75 .content .content-inner { margin-bottom: 10px }
.box75 .content .content-inner.abajo {margin-bottom: 0}
.box75 .content .mod-price { float:left }
.box75 .content .mod-price02 .colleft { float:left }
.box75 .content .colleft { float: left }
.box75 .content .colright { width: 460px; float: right; margin: 5px 0 0 0 }
.box75 .content-solo { padding: 15px; font-size: 16px }
.box75.cruceros .titular { background: #414040; }
.box75.cruceros .titular span.ico-bgd { background:url(../images/cruceros/ico-cruceros.gif) 0 0 no-repeat }
.box25, .box25b, .box50, .box66, .box75 { background: #ffffff !important }

.titular p {line-height:25px}
.titular a {color: #FFF; text-decoration: none; display:block; line-height:15px; padding:5px 25px 5px 0; background:url("../images/etiqueta-plus.png") right 0 no-repeat}
.ie7 .titular a {padding:2px 25px 7px 0;}
.titular a:hover {background:url("../images/etiqueta-plus.png") right -95px no-repeat}

.content .left {float: left;}
.content .linea{	border-bottom: 1px solid #EBEBEB;}
.content .omega {margin-right: 0 !important;}
.content .desc {width: 680px;}

.fotoViaje {
    /*background: none repeat scroll 0 0 #FFFFFF;*/
    border: 1px solid #EBEBEB;
    border-radius: 5px 5px 5px 5px;
    float: left;
    height: 119px;
    margin-right: 20px;
    /*padding: 3px;*/
    width: 172px;
}

.box-destacado { float: left; margin-bottom: 20px; margin-right:20px;  border: 1px solid #E2E2E2; padding:9px 0 15px 15px;width:198px; height:119px; background: none repeat scroll 0 0 #FFFFFF; display: block; position: relative;}
.box-destacado.llamada {height:410px; padding-left:9px; width:204px}
.box-destacado.llamada p{text-align:right; margin-right:13px; margin-top:2px; margin-bottom:2px;}
.box-destacado.llamada .radios{width:140px; margin-left:55px; margin-bottom:0px; color:#AFAFAF;}
.box-destacado.llamada .radios span.textradios{width:140px; margin-left:55px; margin-bottom:10px; color:#AFAFAF;}
.box-destacado.llamada .boton-enviar {width:185px; clear:both; text-align:right;}
.box-destacado.llamada .boton-enviar .boton-enviar02{background: url("../images/cruceros/button-enviar02-left-01.gif") no-repeat scroll 0 0 transparent; border: medium none; display: block; float: right; height: 32px; margin-top: -1px; padding: 0 0 0 11px;}
.box-destacado.llamada .boton-enviar .boton-enviar02 span.boton-enviar03 {background: url("../images/cruceros/button-enviar02-right-01.gif") no-repeat scroll right 0 transparent; border: medium none; color: #FFFFFF; cursor: pointer; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 1.25em; font-weight: bold; margin: 0; padding: 2px 19px 2px 0;}
.box-destacado.llamada .boton-enviar .boton-enviar02 span.boton-enviar04 {background: url("../images/cruceros/button-enviar02-med-01.gif") repeat-x scroll 0 0 transparent; border: medium none; display: block; float: left; height: 32px; margin: -2px 0 0; padding: 6px 0 3px; color:#FFF;}
.box-destacado.llamada .cajaok {display:none; background: url("../images/cruceros/ico-ok.gif") no-repeat scroll 15px 8px transparent;  margin-left: -19px; width: 210px; font-size: 18px; clear: both;}
.box-destacado.llamada .cajaok p {font-size: 18px; text-align: left; clear: both; margin-left:75px;}
.box-destacado.llamada .imgrotativa {position:absolute; left:90px; top:75px; width:87px; height:90px; text-align:center; float:left; margin-left:30px; margin-right:60px;}
.box-destacado.llamada .imgrotativa  #imgdisplay {display:none}
.box-destacado.llamada .imgrotativa  #divnombre {font-size:14px; color:#6F6F70;}
.box-destacado.llamada .imgrotativa  #ocuapdo {color:#7AB52B; margin-top:3px;}
.box-destacado .politica-horario{float:left; font-size:9px; text-align:left;padding-top:5px;}
.box-destacado.last { margin:0px;}
.box-destacado .text1 { font-size: 20px;color: #B3B2B2; font-family: 'AvenirHeavyRegular',tahoma,Arial,Helvetica,sans-serif; letter-spacing: -0.03em; padding: 0 0 8px;}
.box-destacado .text2 { font-size:13px; position:absolute; top:122px; color: #444; font-family: 'AvenirHeavyRegular',tahoma,Arial,Helvetica,sans-serif; letter-spacing: -0.03em; padding: 0 0 8px;}
.box-destacado .text-color {color:#6f6f70;}
.fotoViaje .sello-grande {background: url("../images/imanes/grande.png") no-repeat scroll 0 0 transparent;  left:40px;  width:84px; height:84px; line-height:11px; position:absolute; top:125px; padding-top:13px; color:#FFF; font-size:12px; text-align:center;}
.fotoViaje .sello-grande span.descuento {font-size:20px; line-height:22px;}
.fotoViaje .sello-peque {background: url("../images/imanes/descuento.png") no-repeat scroll 0 0 transparent;  left:120px;  width:61px; height:61px; line-height:15px; position:absolute; top:133px; padding-top:15px; color:#FFF; font-size:16px; text-align:center;}



