/*==============================
			-- GENERAL -- 
==============================*/
*{margin:0;padding:0;border:0;}
.clear{clear:both;}

html,body{
color:#000;
font:12px Arial, Verdana, Georgia, Helvetica, sans-serif;
background:url(img/frontend/html.jpg) no-repeat 50% 0 #FDFDFD;}
body{
background:url(img/frontend/body.png) repeat-x 0 100%;}
div.body{background:url(img/frontend/body2.jpg) no-repeat 50% 100%;}

ul,ol,dl{
position:relative;}

li{
list-style:none;}

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

img{
display:block;}


/*==============================
			-- H1-H6 --
==============================*/
h1{
float:left;
padding:17px 0 29px 23px;}

h1 a{
display:block;
float:left;
text-indent:-9999px;
width:268px;
height:64px;
background:url(img/frontend/logo.png) no-repeat 0 0;}

h2{
background:url(img/frontend/h2-bienvenidos.png) no-repeat 0 0;
text-indent:-9999px;
width:224px;
height:53px;
margin:45px 0 0 12px;}

.bienvenidos2 {
background:url(img/frontend/h2-cruceros.png) no-repeat 0 0;
text-indent:-9999px;
width:224px;
height:53px;
margin:45px 0 0 12px;}

.bienvenidos3 {
background:url(img/frontend/h2-gayfriendly.png) no-repeat 0 0;
text-indent:-9999px;
width:224px;
height:53px;
margin:45px 0 0 12px;}

.bienvenidos4 {
background:url(img/frontend/h2-vacaciones.png) no-repeat 0 0;
text-indent:-9999px;
width:224px;
height:53px;
margin:45px 0 0 12px;}

.bienvenidos5 {
background:url(img/frontend/h2-hoteles.png) no-repeat 0 0;
text-indent:-9999px;
width:224px;
height:53px;
margin:45px 0 0 12px;}

.bienvenidos6 {
background:url(img/frontend/h2-gayprides.png) no-repeat 0 0;
text-indent:-9999px;
width:224px;
height:53px;
margin:45px 0 0 12px;}

.bienvenidos7 {
background:url(img/frontend/h2-quienes.png) no-repeat 0 0;
text-indent:-9999px;
width:224px;
height:53px;
margin:45px 0 0 12px;}

.bienvenidos8 {
background:url(img/frontend/h2-costacruceros.png) no-repeat 0 0;
text-indent:-9999px;
width:224px;
height:53px;
margin:45px 0 0 12px;}

.bienvenidos9 {
background:url(img/frontend/h2-ferrys.png) no-repeat 0 0;
text-indent:-9999px;
width:224px;
height:53px;
margin:45px 0 0 12px;}

.bienvenidos10 {
background:url(img/frontend/h2-politica.png) no-repeat 0 0;
text-indent:-9999px;
width:224px;
height:53px;
margin:45px 0 0 12px;}

.bienvenidos11 {
background:url(img/frontend/h2-alquiler.png) no-repeat 0 0;
text-indent:-9999px;
width:224px;
height:53px;
margin:45px 0 0 12px;}

.bienvenidos12 {
background:url(img/frontend/h2-condiciones.png) no-repeat 0 0;
text-indent:-9999px;
width:224px;
height:53px;
margin:45px 0 0 12px;}

h3{
background:url(img/frontend/h3.png) no-repeat 0 0;
height:42px;
line-height:42px;
padding:0 0 0 10px;
color:#4D6723;
font-size:17px;}
h3 span{
color:#fff;
font-weight:normal;}

h4{
height:35px;
line-height:35px;
background:#eee;
color:#C5C5C5;
font-size:15px;
padding:0 0 0 10px;}

h5{
background:url(img/frontend/h3.png) no-repeat 0 0;
line-height:32px;
margin-top:10px;
padding:0 0 0 10px;
color:#000;
font-size:14px;}


/*==============================
			-- HEADER --
==============================*/
.contenedor{
width:850px;
position:relative;
margin:auto;}

.header{
height:148px;}


/*ATENCION-CLIENTE*/
.atencion-cliente{
float:right;
margin-top:26px;
padding:0 0 0 0;
/*background:url(img/frontend/atencion-cliente.png) no-repeat 0 0;*/}
.atencion-cliente p{
color:#4D6623;
font-size:28px;
font-weight:bold;
line-height:90%;}
.atencion-cliente p:first-child,
.atencion-cliente p:last-child{
color:#000;
font-size:12px;
font-weight:normal;}
.atencion-cliente p:last-child{
color:#86B736;
padding-top:2px;}


/*MENU*/
.header ul{
overflow:hidden;
margin-left:83px;}
.header li{
float:left;
height:38px;
padding-right:10px;
margin-right:4px;}
.header li a{
display:block;
float:left;
line-height:38px;
color:#000;
padding:0 0 0 10px;}
.header li.selected{
background:url(img/frontend/selected-right.png) no-repeat top right;}
.header li.selected a{
color:#fff;
background:url(img/frontend/selected-left.png) no-repeat top left;}


/*==============================
		  -- CONTENIDO --
==============================*/
.contenido{
padding:0 0 15px 0;
overflow:hidden;}

/*===MAINCOL===*/
.maincol{
width:490px;
float:left;
padding:18px 0 0 6px;}

.intro{
color:#4D6723;
font-size:14px;
padding-left:12px;}
.intro span{
color:#fff;
font-style:italic;
font-size:12px;}

/*Banner home   */	
.banner-home{
width:270px;
height:259px;
padding:32px 0 0 219px;
margin-bottom:15px;}	

/*OFERTAS-CRUCEROS*/	
.ofertas-cruceros{
width:270px;
height:259px;
padding:32px 0 0 219px;
background:url(img/frontend/cruceros.jpg) no-repeat 0 0;
margin-bottom:15px;}
.ofertas-cruceros p{
font-weight:bold;
font-size:45px;
text-align:center;
color:#fff;
letter-spacing:-2px;
margin-bottom:14px;}
.ofertas-cruceros p span{
font-size:20px;
font-weight:normal;
letter-spacing:-1px;
display:block;
margin-top:-8px;}
.ofertas-cruceros p strong{
display:block;
color:#86B736;
margin-bottom:-15px;}
.ofertas-cruceros ul{
overflow:hidden;
color:#fff;
margin-left:12px;}
.ofertas-cruceros ul li{
float:left;
font-size:12px;
width:120px;}
.ofertas-cruceros ul li:first-child{
background:url(img/frontend/border-oferta-li.png) no-repeat right 9px;
margin-right:8px;}
.ofertas-cruceros ul li strong{
font-size:58px;
display:block;
margin-top:-10px;
float:left;
letter-spacing:-2px;}
.ofertas-cruceros ul li span{
float:left;
display:block;
font-size:38px;
margin-top:8px;}


/*CAJA CON LISTADO DE OFERTAS*/
.box{
padding:1px;
border:1px solid #eee;}
.listado{
overflow:hidden;}
.listado li{
overflow:hidden;
padding:10px 10px 5px 10px;
border-top:1px solid #eee;}

.listado h4,
.listado h5{
background:none;
font-size:12px;
font-weight:normal;
height:auto;
line-height:100%;
padding:0;}
.listado h5{
float:left;}

.listado h4 a,
.listado h5 a{
color:#000;}
.listado h4 span,
.listado h5 span{
display:block;
color:#C5C5C5;
font-style:italic;}

.listado img{
float:left;
padding:2px 3px;
margin-right:9px;
background:url(img/frontend/thumb-bg.png) no-repeat 0 0;}

.listado .info{
float:left;
width:160px;}
.listado .info p{
color:#86B736;}
.listado .info p:last-child{
font-size:10px;
font-style:italic;}

.listado .precio{
float:right;
font-size:20px;
font-weight:bold;
width:50px;}
.listado .precio span{
display:block;
font-size:10px;
color:#C7C7C7;
line-height:90%;}

/* Listado en 2 columnas */
.maincol .listado li{
float:left;
width:228px;
padding-right:0}


/*===SIDEBAR===*/
.sidebar{
width:326px;
float:right;
padding:200px 10px 0 10px;}
.sidebar h3{
background:url(img/frontend/h3-sidebar.png) no-repeat 0 0;}

/*BANNERS*/
.sidebar p.banner{
margin:20px 0 0 0}
.sidebar p.banner a img{
padding:2px;
margin:auto;
border:3px solid #C5C5C5;}

/*BOLETIN*/
.boletin{
width:310px;
padding:2px;
background:#86B736;
margin:20px auto 0 auto;}
.boletin p{
overflow:hidden;}
.boletin input{
float:left;
background:#fff;
padding:10px 8px 11px 8px;
color:#C8C8C8;
width:190px;}
.boletin button{
float:left;
width:100px;
height:36px;
font-size:13px;
color:#fff;
background:none;
text-align:center;}


/*CONTENT2*/
.contenido2{
height:304px;
position:relative;}

.contenido2 .maincol{
height:267px;}
.contenido2 .sidebar{
min-height:185px;
padding-top:0;
background:url(img/frontend/sidebar.png) no-repeat bottom left;}
.contenido2 .sidebar h3{
height:auto;
line-height:100%;
color:#6F6F6F;
background:none;
padding:0;
font-size:18px;
margin-bottom:8px;}

.contenido4 h3{
height:auto;
line-height:100%;
color:#6F6F6F;
background:none;
padding:0;
font-size:18px;
margin-bottom:8px;}
.contenido4{
margin-top:8px;
margin-left:5px;
position:relative;}
.contenido4 p{
color:#C4C4C4;
margin-bottom:15px;}
.contenido2 .sidebar p{
color:#C4C4C4;
margin-bottom:15px;}


/*================================
 			  -- FOOTER --
================================*/
.footer{
line-height:19px;
color:#86B736;
font-size:11px;}


.videos{
width:451px;
height:111px;
padding:7px 0 0 20px;
background:url(img/frontend/videos.png) no-repeat 0 0;
margin-bottom:15px;}
.videos ul li{
float:left;
padding:7px 0 0 12px;
margin-left:12px;
background:url(img/frontend/video-li-border.png) no-repeat 0 7px;}
.videos ul li:first-child{
padding:7px 0 0 0;
margin-left:0;
background:0;}
.videos li div{
width:122px;
height:74px;
padding:0 0 0 4px;
background:url(img/frontend/video-li.png) no-repeat 0 0;}
.videos li p{
color:#86B736;
font-size:10px;
padding-top:1px;}


.footer-info{
float:left;
color:#fff;
width:146px;
padding-left:15px;
border-left:1px solid #fff;}
.footer-info.first{
border:0;
padding-left:0;}
.footer-info li{
margin-bottom:7px;}
.footer-info li:last-child{
margin-bottom:0;}
.footer-info li a{
color:#fff;}
.footer-info p:first-child{
font-size:15px;
font-weight:bold;}
.footer-info p:last-child{
font-size:11px;
margin-top:12px;}
.footer-info p strong{
display:block;
background:url(img/frontend/contacto-pie.png) no-repeat 0 3px;
padding-left:25px;
font-size:18px;
margin:4px 0 6px 0;}
.footer-info ul.arrows li{
padding-left:14px;
font-size:11px;
background:url(img/frontend/bg-li.png) no-repeat 0 50%;}


p.siguenos{
position:absolute;
bottom:33px;
right:10px;
color:#fff;
font-size:11px;
line-height:32px;}
p.siguenos a{
display:inline-block;
width:32px;
height:32px;
text-indent:-9999px;}
a.facebook{background:url(img/frontend/facebook.png) no-repeat 0 0;}
a.twitter{background:url(img/frontend/twitter.png) no-repeat 0 0;}

.modulocruceros {
float:left;
padding:23px 0 0 0;
}

.crucero { 
margin-bottom: 15px;
border-bottom:1px solid #CCC;
}

/*=== SLIDER ===*/
#slider{
float:left;
width:489px;
height:291px;
position:relative;
}

#slider ul{
}

#slider li{
position:absolute;}

.campoformmiel { border:1px solid #CCC; padding:1px; }
.campoformmiel2 { border:1px solid #CCC; padding:1px; width:200px; height:70px;}
.enviar { width:200px; font-size:16px; background-color:#86b736; color:#FFF;}

#calendar-inputField2 { border:1px solid #CCC; padding:1px;}
#calendar-inputField { border:1px solid #CCC; padding:1px;}