@charset "utf-8";
/*done by Rogfel Thompson rogfel@yandex.com */
/* CSS Document */
/*****   SLIDER HOME   ******/

div#area_slider
{
   /* padding-top: 14px;*/
    padding-bottom: 20px;
    text-transform:uppercase;
    font-weight:bold;
    margin-top: 60px;
    height:372px;
    position:relative;
}

div.sombra_slide{
    background:url(../images/sombra_slide.png)  no-repeat ;
    width: 885px;
    height: 76px;
    position: absolute;
    left: 120px;
    top: 330px;

}

div.bloque-destino
{
    width: 275px;
    position: relative;
}

.places div.bloque-destino
{
    width: 206px;
}
.places ul.carousel_slider li.jcarousel-item,.places .jcarousel-clip .jcarousel-clip-horizontal,
div#area_slider.places div.jcarousel-skin-tango div.jcarousel-container-horizontal, .places div.bloque-destino,
div#area_slider.places div.jcarousel-skin-tango div.jcarousel-container-horizontal div.jcarousel-clip,
div#area_slider.places
{
    height: 286px !important;
}
.ofert ul.carousel_slider li.jcarousel-item,.ofert .jcarousel-clip .jcarousel-clip-horizontal,
div#area_slider.ofert div.jcarousel-skin-tango div.jcarousel-container-horizontal, .ofert div.bloque-destino,
div#area_slider.ofert div.jcarousel-skin-tango div.jcarousel-container-horizontal div.jcarousel-clip,
div#area_slider.ofert
{
    height: 245px !important;
}

.places div.bloque-destino div.info{
    position: static;
}

.destino #cartel_slide,
.ofert #cartel_slide,
.excursiones #cartel_slide{
    width: 440px !important;
}

.places #cartel_slide{
    width: 565px !important;
}

.destino div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-horizontal,
.ofert div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-horizontal,
.excursiones div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-horizontal{
    left: 510px !important;
}
.places div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-horizontal{
    left: 637px !important;
}

div.bloque-destino span.prod{
    position: absolute;
    z-index: 10000;
    top: 150px;
    left: 8px;
    width: 240px;
    height: 22px;
    padding: 10px 5px;
    text-transform: uppercase;
    background: #006699;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
}
div.bloque-destino span.prod span.destino{
    display: block;
    width: 230px;
}

div.bloque-destino span.prod img{
    float: right;
    /*position: absolute;
    right: 3px;
    top: 5px;*/
    margin: 5px;

}

div.bloque-destino div.info
{
    width: 205px;
    height:174px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    top: 214px;
    left: 17px;
    border-bottom-left-radius: .2em;
    border-bottom-right-radius: .2em;
    background: #fff;
    line-height: 16px;
    color: #878787 !important;
    text-transform: none;
}

div.bloque-destino div.info.hotel
{
    height: 145px;
}

.casas div.bloque-destino div.info.hotel
{
    height: 165px;
}

div.bloque-destino div.info strong{
    color: #7FC0DE !important;
    text-transform: capitalize;
    font-size: 16px;
    padding-left: 20px;
}

div.bloque-destino div.info a{
    background: url(../images/vineta1.png)  no-repeat ;
}

div.bloque-destino div.info img{
    position: absolute;
    top: 5px;
    left: -5px;
}

div.bloque-destino div.info img.foto{
    position: absolute;
    top: -194px;
    left: -1px;
}

div#area_slider div.jcarousel-skin-tango div.jcarousel-container-horizontal
{
    float:left !important;
    clear:both;
    width:825px;
    padding-left:0px;
    padding:0px !important;
    /*height:410px;*/

}

/*el area del carrousel como tal */
div#area_slider div.jcarousel-skin-tango div.jcarousel-container-horizontal div.jcarousel-clip
{
    width:825px;
    height:410px;
}

.categories-slider div#area_slider div.jcarousel-skin-tango div.jcarousel-container-horizontal div.jcarousel-clip
{
    width:722px;
    height:370px;
}

/*el botones siguiente y atras */
div#area_slider div.jcarousel-skin-tango div.jcarousel-container-horizontal div.jcarousel-prev-horizontal,div#area_slider div.jcarousel-skin-tango div.jcarousel-container-horizontal div.jcarousel-next-horizontal
{
    margin-top:0px;
}
/*para dar margen al carrousel completo */
div#area_slider .jcarousel-skin-tango, div#area_slider.carousel_slider
{
    margin-left:0px ;
    position: relative;
}

/* cada item del carrousel */
ul.carousel_slider li.jcarousel-item
{
    width:825px;
    height:410px;
    margin:0px;
    padding:0px;
    position:relative;
}

.categories-slider ul.carousel_slider li.jcarousel-item
{
    width:722px;
    height:370px;
}

/*ul.carousel_slider li.jcarousel-item div.bloque-destino img
{
	width:825px;
	height:290px;
}*/
ul.carousel_slider a.left
{
    height:110px;
    width: 381px;
    display:block;
    position:absolute;
    bottom:10px;
    left:-30px;
    color:#FFF;
    z-index:1000000;
    text-transform:capitalize;
    opacity: 0.7;
    filter: alpha(opacity=50);
    background-color:rgb(86, 182, 233);
}
ul.carousel_slider a.right
{
    height:110px;
    width: 200px;
    overflow:visible;
    position:absolute;
    bottom:10px;
    right:-30px;
    color:#FFF;
    z-index:1000000;
    text-transform:capitalize;
    background-color:rgb(86, 182, 233);
}

/*ul.carousel_slider li.jcarousel-item a p.tit
{
	font-size:35px;
	margin:8px 0px 0px 10px;
	z-index:1000001;
}
ul.carousel_slider li.jcarousel-item a p
{	
	font-size:14px;	
	margin:8px 50px 0px 10px;
}*/
ul.carousel_slider li.jcarousel-item a:hover
{
    color:#E9CD49;
}

/**
por si se cambia la imagen
 *  Horizontal Buttons
 */

div#area_slider div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-horizontal
{
    width: 48px;
    height: 36px;
    background: transparent url(../images/arrow-turn-left1.png) no-repeat !important;
    top:-74px;
    left:0px;
    z-index:10000;
}
div#area_slider div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-horizontal
{
    width: 48px;
    height: 36px;
    background: transparent url(../images/arrow-turn-right1.png) no-repeat !important;
    top:-74px;
    left: 385px;
    z-index:10000;
}

div#area_slider div#cartel_slide
{
    text-align: center;
    width: 310px;
    height: auto;
    position: absolute;
    top:-56px;
    left: 60px;
    z-index:10000;
}

/*
div#area_slider div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev2-horizontal
{
    width: 44px;
    height: 44px;
    background: transparent url(../images/left-hover.png) no-repeat;
	top:260px;
	left:0px; 	
	z-index:10000;
}
div#area_slider div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next2-horizontal
{	  
    width: 44px;
    height: 44px;
    background: transparent url(../images/right-hover.png) no-repeat;
	top:260px;
	right:0px; 	
	z-index:10000;
}
/*
div#area_slider div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-disabled-horizontal,
div#area_slider div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-horizontal
{
 left: 45%;
}

div#area_slider div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-disabled-horizontal,
div#area_slider div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-horizontal
{
 left: 50%;
}

ul.carousel_slider div.msj_opaco
{
	opacity: 0.5;
	filter: alpha(opacity=50);
	width: 381px;
	height: 109px;
	background-color:rgb(86, 182, 233); 
	position: relative;
	float: left;
	z-index:1000001;
}*/

/*********   CARRUCELES EVENTOS *******/
div.middle_carrousel
{
    position:relative;
}
div.middle_carrousel div.jcarousel-skin-tango div.jcarousel-container-horizontal
{
    width:300px;
    height:140px;

}
/*el area del carrousel como tal */
div.middle_carrousel div.jcarousel-skin-tango div.jcarousel-container-horizontal div.jcarousel-clip
{
    height: 140px !important;
    width: 240px !important;
}
/*el botones siguiente y atras */
div.middle_carrousel div.jcarousel-skin-tango div.jcarousel-container-horizontal div.jcarousel-prev-horizontal,div#area_hoteles div.jcarousel-skin-tango div.jcarousel-container-horizontal div.jcarousel-next-horizontal
{
    margin-top:0px;
}
/*para dar margen al carrousel completo */
div.middle_carrousel .jcarousel-skin-tango
{
    margin-top:0px ;
}

div.middle_carrousel div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-horizontal
{
    width: 44px;
    height: 36px;
    background: transparent url(../images/arrow.png) 0px 0px no-repeat !important;
    top: 45px;
    left:-10px;
    z-index:10000;
}
div.middle_carrousel div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-horizontal
{
    width: 44px;
    height: 36px;
    background: transparent url(../images/arrow.png) 0px -37px no-repeat !important;
    top: 45px;
    left: 290px;
    z-index:10000;
}



div.middle_carrousel li.jcarousel-item {
    height: 140px !important;
    width: 240px !important;
}

div.middle_carrousel .jcarousel-skin-tango
{
    margin-left:0px ;
    position: relative;
}

div.middle_carrousel li.jcarousel-item img
{
    margin: 13px 7px;
    position: absolute;
    top: -20px;
}

/*****   CARRUCELES DE HOTELES  ******/



div#area_hoteles
{
    position:relative;
    border-top: 1px solid #35abe1;
    width: 750px;
    height: 152px;
}
div#area_hoteles div.jcarousel-skin-tango div.jcarousel-container-horizontal
{
    float: none;
    clear:both;
    width:auto;
    padding:0px !important;
    height:140px;

}
/*el area del carrousel como tal */
div#area_hoteles div.jcarousel-skin-tango div.jcarousel-container-horizontal div.jcarousel-clip
{
    width:auto;
    height:160px;
}
/*el botones siguiente y atras */
div#area_hoteles div.jcarousel-skin-tango div.jcarousel-container-horizontal div.jcarousel-prev-horizontal,div#area_hoteles div.jcarousel-skin-tango div.jcarousel-container-horizontal div.jcarousel-next-horizontal
{
    margin-top:0px;
}
/*para dar margen al carrousel completo */
div#area_hoteles .jcarousel-skin-tango
{
    margin-top:0px ;
}

ul#hoteles_carrousel{
    height: 140px;
    padding-left: 20px !important;
}
/* cada item del carrousel */
ul#hoteles_carrousel li.jcarousel-item
{
    width: 370px !important;
    height:125px !important;
    margin:0px;
    padding:0px;
    margin-right:5px;
    position: relative;
}

ul#hoteles_carrousel li.jcarousel-item img
{
    margin: 13px 7px;
    position: absolute;
    top: 16px;
    left: -1px;
}

ul#hoteles_carrousel li.jcarousel-item div.texto
{
    width: 200px;
    line-height: 15px;
}

ul#hoteles_carrousel li.jcarousel-item img.categoria
{
    margin: 1px 7px;
    position: static;
}


ul#hoteles_carrousel li.jcarousel-item p
{
    font-size:12px;
    line-height: 0 !important;
}

ul#hoteles_carrousel li.jcarousel-item p .subtitle
{
    font-size:12px;
    padding-bottom: 20px;
    height: auto;
}

ul#hoteles_carrousel li.jcarousel-item span
{
    color:#565656;
    font-size:12px;
    font-weight:bold;
}
div#area_hoteles a.flecha
{
    position:absolute;
    top:216px;
    left:48px;
}
/**
por si se cambia la imagen
 *  Horizontal Buttons
 */
div#area_hoteles div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-horizontal {

    width: 20px;
    height: 15px;
    top:60px;
    left:-20px;
    z-index:10000;
}

div#area_hoteles div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-horizontal,
div#area_hoteles div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-horizontal:hover{

    background-image: url(../images/galeria_iconos.png) !important;
    background-position: 0px -92px !important ;
}



div#area_hoteles div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-horizontal {

    width: 20px;
    height: 15px;
    top:60px;
    left: 750px !important;
    z-index:10000;
}

div#area_hoteles div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-horizontal,
div#area_hoteles div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-horizontal:hover{

    background-image: url(../images/galeria_iconos.png) ;
    background-position: 0px -108px !important ;
}

div#area_hoteles div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-horizontal:hover,
div#area_hoteles div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-horizontal:focus {
    background-position:  0 -15px;
}

div#area_hoteles div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-horizontal:active {
    background-position:  0 -15px;
}

div#area_hoteles div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-disabled-horizontal,
div#area_hoteles div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-disabled-horizontal:hover,
div#area_hoteles div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-disabled-horizontal:focus,
div#area_hoteles div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-disabled-horizontal:active {

    background-position:  0 -15px;
}


/*****   CARRUCELES DE ESPECIALES  ******/



div#area_especiales
{
    position:relative;
    border-top: 1px solid #35abe1;
    width: 750px;
    height: 152px;
}
div#area_especiales div.jcarousel-skin-tango div.jcarousel-container-horizontal
{
    float:left !important;
    margin-top: 20px;
    left: 180px;
    clear:both;
    width:580px;
    padding:0px !important;
    height:120px;

}
/*el area del carrousel como tal */
div#area_especiales div.jcarousel-skin-tango div.jcarousel-container-horizontal div.jcarousel-clip
{
    width:580px;
    height:152px;
}
/*el botones siguiente y atras */
div#area_especiales div.jcarousel-skin-tango div.jcarousel-container-horizontal div.jcarousel-prev-horizontal,div#area_especiales div.jcarousel-skin-tango div.jcarousel-container-horizontal div.jcarousel-next-horizontal
{
    margin-top:0px;
}
/*para dar margen al carrousel completo */
div#area_especiales .jcarousel-skin-tango
{
    margin-top:0px ;
}

ul#especiales_carrousel{
    height: 140px;
    padding-left: 20px !important;
}
/* cada item del carrousel */
ul#especiales_carrousel li.jcarousel-item
{
    width:140px !important;
    height:125px !important;
    margin:0px;
    padding:0px;
    margin-right:5px;
    position: relative;
}

ul#especiales_carrousel li.jcarousel-item img
{
    margin:13px 7px;
    position: absolute;
    top: 16px;
    left: -1px;
}


ul#especiales_carrousel li.jcarousel-item p
{
    font-size:12px;
    line-height: 12px !important;

}

ul#especiales_carrousel li.jcarousel-item p .subtitle
{
    font-size:12px;
    padding-bottom: 20px;
    height: auto;
}

div.position_precio_carrucel{
    position: absolute;
    top: 80px;
    z-index: 10000;
    left: 80px;
    line-height: 15px;
}

ul#especiales_carrousel li.jcarousel-item span
{
    color:#565656;
    font-size:12px;
    font-weight:bold;
}
div#area_especiales a.flecha
{
    position:absolute;
    top:216px;
    left:48px;
}
/**
por si se cambia la imagen
 *  Horizontal Buttons
 */
div#area_especiales div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-horizontal {

    width: 20px;
    height: 15px;
    top: 60px;
    left:-20px;
    z-index:10000;
}

div#area_especiales div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-horizontal {

    background-image: url(../images/galeria_iconos.png) !important;
    background-position: 0px -92px !important ;
}

div#area_especiales div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-horizontal:hover{
    background-position: 0px -92px !important ;
}

div#area_excursion div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-horizontal:active {
    background-position: 0px -92px !important ;
}

div#area_especiales div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-disabled-horizontal,
div#area_especiales div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-disabled-horizontal:hover,
div#area_especiales div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-disabled-horizontal:focus,
div#area_especiales div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-disabled-horizontal:active {

    background-position: 0px -92px !important ;
}

div#area_especiales div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-horizontal {

    width: 20px;
    height: 15px;
    top:60px;
    left:590px !important;
    z-index:10000;
}

div#area_especiales div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-horizontal {

    background-image: url(../images/galeria_iconos.png) !important;
    background-position: 0px -108px !important ;
}

div#area_especiales div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-horizontal:hover,
div#area_especiales div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-horizontal:focus {
    background-position: 0px -108px !important ;
}

div#area_especiales div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-horizontal:active {
    background-position: 0px -108px !important ;
}

div#area_especiales div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-disabled-horizontal,
div#area_especiales div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-disabled-horizontal:hover,
div#area_especiales div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-disabled-horizontal:focus,
div#area_especiales div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-disabled-horizontal:active {

    background-position: 0px -108px !important ;
}


/*****   CARRUCELES DE AUTOS  ******/



div#area_auto
{
    position:relative;
    border-top: 1px solid #35abe1;
    width: 750px;
    height: 152px;
}
div#area_auto div.jcarousel-skin-tango div.jcarousel-container-horizontal
{
    float:left !important;
    margin-top: 20px;
    left: 180px;
    clear:both;
    width:580px;
    padding:0px !important;
    height:120px;

}
/*el area del carrousel como tal */
div#area_auto div.jcarousel-skin-tango div.jcarousel-container-horizontal div.jcarousel-clip
{
    width:580px;
    height:160px;
}
/*el botones siguiente y atras */
div#area_auto div.jcarousel-skin-tango div.jcarousel-container-horizontal div.jcarousel-prev-horizontal,div#area_auto div.jcarousel-skin-tango div.jcarousel-container-horizontal div.jcarousel-next-horizontal
{
    margin-top:0px;
}
/*para dar margen al carrousel completo */
div#area_auto .jcarousel-skin-tango
{
    margin-top:0px ;
}

ul#auto_carrousel{
    height: 140px;
    padding-left: 20px !important;
}
/* cada item del carrousel */
ul#auto_carrousel li.jcarousel-item
{
    width:140px !important;
    height:125px !important;
    margin:0px;
    padding:0px;
    margin-right:5px;
    position: relative;
}

ul#auto_carrousel li.jcarousel-item img
{
    margin: 13px 7px;
    position: absolute;
    top: 15px;
    left: -2px;
}


ul#auto_carrousel li.jcarousel-item p
{
    font-size:12px;
    line-height: 0 !important;
}

ul#auto_carrousel li.jcarousel-item p .subtitle
{
    font-size:12px;
    padding-bottom: 20px;
    height: auto;
}

ul#auto_carrousel li.jcarousel-item span
{
    color:#565656;
    font-size:12px;
    font-weight:bold;
}
div#area_auto a.flecha
{
    position:absolute;
    top:216px;
    left:48px;
}
/**
por si se cambia la imagen
 *  Horizontal Buttons
 */
div#area_auto div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-horizontal {

    width: 20px;
    height: 15px;
    top:60px;
    left:-20px;
    z-index:10000;
}

div#area_auto div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-horizontal,
div#area_auto div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-horizontal:hover{

    background-image: url(../images/galeria_iconos.png) !important;
    background-position: 0px -92px !important ;
}



div#area_auto div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-horizontal {

    width: 20px;
    height: 15px;
    top:60px;
    left: 590px !important;
    z-index:10000;
}

div#area_auto div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-horizontal,
div#area_auto div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-horizontal:hover{

    background-image: url(../images/galeria_iconos.png) !important;
    background-position: 0px -108px !important ;
}

div#area_auto div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-horizontal:hover,
div#area_auto div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-horizontal:focus {
    background-position: 0px -108px !important ;
}

div#area_auto div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-horizontal:active {
    background-position: 0px -108px !important ;
}

div#area_auto div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-disabled-horizontal,
div#area_auto div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-disabled-horizontal:hover,
div#area_auto div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-disabled-horizontal:focus,
div#area_auto div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-disabled-horizontal:active {

    background-position: 0px -108px !important ;
}

/*****   CARRUCELES DE DESTINOS ******/



div#area_destino
{
    position:relative;
}
div#area_destino div.jcarousel-skin-tango div.jcarousel-container-horizontal
{
    float:left !important;
    left: 0px;
    margin-top: 10px;
    clear:both;
    width:298px;
    padding:0px !important;
    height:186px;

}
/*el area del carrousel como tal */
div#area_destino div.jcarousel-skin-tango div.jcarousel-container-horizontal div.jcarousel-clip
{
    width:298px;
    height:186px;
}
/*el botones siguiente y atras */
div#area_destino div.jcarousel-skin-tango div.jcarousel-container-horizontal div.jcarousel-prev-horizontal,div#area_destino div.jcarousel-skin-tango div.jcarousel-container-horizontal div.jcarousel-next-horizontal
{
    margin-top:0px;
}
/*para dar margen al carrousel completo */
div#area_destino .jcarousel-skin-tango
{
    margin-top:0px ;
}
/* cada item del carrousel */
ul#destino_carrousel li.jcarousel-item
{
    width:298px !important;
    height:186px !important;
    margin:0px;
    padding:0px;
}

ul#destino_carrousel li.jcarousel-item img
{
    margin-left: 10px;
    width: 278px;
    height: 156px;
}

ul#destino_carrousel li.jcarousel-item span
{
    margin-left: 25px;
    height: 35px;
    display: block;
    padding-top: 10px;

}

ul#destino_carrousel li.jcarousel-item span a
{
    color: #0897d9 !important;
    font-size: 20px;
    line-height: 16px;
    margin-bottom: 5px;

}

ul#destino_carrousel li.jcarousel-item span p
{
    color: #3e3e3e !important;
    font-size: 14px;
    margin-bottom: 10px;
    margin-left: 25px;

}


ul#destino_carrousel li.jcarousel-item div.slogan
{
    position: absolute;
    top: 127px!important;
    margin-left: 1px;
    width: 255px!important;
    height: 20px!important;
    background-color: rgb(30,186,59)!important;
    display:block !important;
    z-index: 1000!important;
    color: #fff !important;
    font-size:25px !important;
    padding-left: 10px!important;
    padding-top: 10px!important;
    text-shadow: 2px 2px 2px #000!important;
}

div#area_destino a.flecha
{
    position:absolute;
    top:216px;
    left:48px;
}
/**
por si se cambia la imagen
 *  Horizontal Buttons
 */
div#area_destino div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-horizontal {

    width: 44px;
    height: 36px;
    top: 95px;
    right: 5px;
    z-index:10000;
}

div#area_destino div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-horizontal{

    background: url(../images/arrow-right-slide.png) no-repeat;
}



div#area_destino div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-horizontal {

    width: 44px;
    height: 36px;
    top: 95px;
    left:10px !important;
    z-index:10000;
}

div#area_destino div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-horizontal {

    background: url(../images/arrow-left-slide.png) no-repeat;
}


/*****   CARRUCEL HOTEL ******/

div#area_hotel,
div#area_details
{
    background: #fff;
    font-size: 16px;
    width: 495px;
    height:390px;
    position:relative;
    float: left;
    margin-left: 0px;
}

div#area_hotel div#hotel_detalles,
div#area_details div#details_info
{
    position: absolute;
    top: 20px;
    right: -278px;
    width: 280px;
}

div#area_hotel div#hotel_minprecio,
div#area_details div#details_minprice
{
    position: absolute;
    top: 150px;
    right: 255px;
}

div#area_hotel div#hotel_detalles label,
div#area_details div#details_info label
{
    color: #0897d9;
    font-weight: bold;
}
div#area_hotel div#hotel_detalles span,
div#area_details div#details_info span
{
    color: rgb(99, 108, 113);
}
div#area_hotel div.jcarousel-skin-tango div.jcarousel-container-horizontal,
div#area_details div.jcarousel-skin-tango div.jcarousel-container-horizontal
{
    float:left !important;
    clear:both;
    width:470px;
    height:350px;
    padding: 5px;
    border: 1px solid #b3e7ff;

}

/*el area del carrousel como tal */
div#area_hotel div.jcarousel-skin-tango div.jcarousel-container-horizontal div.jcarousel-clip,
div#area_details div.jcarousel-skin-tango div.jcarousel-container-horizontal div.jcarousel-clip
{
    width:470px;
    height:350px;
}

/*el botones siguiente y atras */
div#area_hotel div.jcarousel-skin-tango div.jcarousel-container-horizontal div.jcarousel-prev-horizontal,div#area_small div.jcarousel-skin-tango div.jcarousel-container-horizontal div.jcarousel-next-horizontal
{
    margin-top:0px;
}
div#area_details div.jcarousel-skin-tango div.jcarousel-container-horizontal div.jcarousel-prev-horizontal
{
    margin-top:0px;
}
/*para dar margen al carrousel completo */
div#area_hotel .jcarousel-skin-tango,
div#area_hotel.carousel_hotel,
div#area_details .jcarousel-skin-tango,
div#area_details.carousel_hotel
{
    margin-left:0px ;
    position: relative;
}

div#area_hotel  ul.carousel_hotel,
div#area_details  ul.carousel_hotel {
    width: 5740px !important;
}

/* cada item del carrousel */
ul.carousel_hotel li.jcarousel-item
{
    width:470px !important;
    height:350px !important;
    margin:0px !important;
    padding:0px !important;
    position:relative !important;
    display:block !important;

}
ul.carousel_hotel li.jcarousel-item img
{
    width:470px !important;
    height:350px !important;
}
ul.carousel_hotel a.left
{
    border:thin #fff;
    height:110px;
    width: 381px;
    display:block;
    position:absolute;
    bottom:10px;
    left:-30px;
    color:#FFF;
    z-index:1000000;
    text-transform:capitalize;
    opacity: 0.7;
    filter: alpha(opacity=50);
    background-color:rgb(86, 182, 233);
}
ul.carousel_hotel a.right
{
    border:thin #fff;
    height:110px;
    width: 200px;
    overflow:visible;
    position:absolute;
    bottom:10px;
    right:-30px;
    color:#FFF;
    z-index:1000000;
    text-transform:capitalize;
    background-color:rgb(86, 182, 233);
}

ul.carousel_hotel li.jcarousel-item a p.tit
{
    font-size:35px;
    margin:8px 0px 0px 10px;
    z-index:1000001;
}
ul.carousel_hotel li.jcarousel-item a p
{
    font-size:14px;
    width:641px;
    height:370px;
}
ul.carousel_hotel li.jcarousel-item a:hover
{
    color:#FFB9B9;
}

/**
por si se cambia la imagen
 *  Horizontal Buttons
 */

div#area_hotel div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-horizontal,
div#area_details div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-horizontal
{
    width: 44px;
    height: 35px;
    background-image: url(../images/arrow-left-slide.png);
    background-position: 0px 0px !important;
    top: 160px;
    left: 4px;
    z-index:10000;
}
div#area_hotel div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-horizontal,
div#area_details div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-horizontal
{
    width: 44px;
    height: 35px;
    background-image: url(../images/arrow-right-slide.png);
    background-position: 0px 0px !important;
    top: 160px;
    right: -3px;
    z-index:10000;
}

/*****   CARRUCELES DE HOTELES CON OFERTAS ******/
/*
div.content_cercanos
{
    position: absolute;
    top: 975px;
}*/

div#area_hoteles_oferta
{
    position:relative;
    height: 430px;
    margin-top: 100px;
    clear:both !important;
}
div#area_hoteles_oferta div.jcarousel-skin-tango div.jcarousel-container-horizontal
{
    float:left !important;
    clear:both;
    width:800px;
    padding:0px !important;
    height:430px;

}

div#area_hoteles_oferta.home, div#area_hoteles_oferta,
div#area_hoteles_oferta.home div.jcarousel-skin-tango div.jcarousel-container-horizontal,
div#area_hoteles_oferta div.jcarousel-skin-tango div.jcarousel-container-horizontal
{
    height: 0;
}


/*el area del carrousel como tal */
div#area_hoteles_oferta div.jcarousel-skin-tango div.jcarousel-container-horizontal div.jcarousel-clip
{
    width:800px;
    height:430px;
}

div.hoteles_cercanos div#area_hoteles_oferta
{
    position:relative;
    height: 280px;
    margin-top: 80px;
    clear:both !important;
}
div.hoteles_cercanos div#area_hoteles_oferta div.jcarousel-skin-tango div.jcarousel-container-horizontal
{
    float:left !important;
    clear:both;
    width:800px;
    padding:0px !important;
    height:280px;

}
/*el area del carrousel como tal */
div.hoteles_cercanos div#area_hoteles_oferta div.jcarousel-skin-tango div.jcarousel-container-horizontal div.jcarousel-clip
{
    width:750px;
    height:280px;
}
/*el botones siguiente y atras */
div#area_hoteles_oferta div.jcarousel-skin-tango div.jcarousel-container-horizontal div.jcarousel-prev-horizontal,div#area_hcercanos div.jcarousel-skin-tango div.jcarousel-container-horizontal div.jcarousel-next-horizontal
{
    margin-top:0px;
}
/*para dar margen al carrousel completo */
div#area_hoteles_oferta .jcarousel-skin-tango
{
    margin-top:0px ;
}
ul#hoteles_oferta_carrousel{
    height: 430px;
    padding: 0px 20px !important;
}
/* cada item del carrousel */
ul#hoteles_oferta_carrousel li.jcarousel-item
{
    width:800px !important;
    height:410px !important;
    margin:0px;
    padding:0px;
    margin-right:5px;
}

div.hoteles_cercanos ul#hoteles_oferta_carrousel{
    height: 280px;
    padding: 0px !important;
}
/* cada item del carrousel */
div.hoteles_cercanos ul#hoteles_oferta_carrousel li.jcarousel-item
{
    width:400px !important;
    height:250px !important;
    margin:0px;
    padding:0px;
    margin-right:5px;
}

ul#hoteles_oferta_carrousel li.jcarousel-item img.foto
{
    position: absolute;
    top: 28px;
    left: 5px;
}

ul#hoteles_oferta_carrousel li.jcarousel-item p
{
    width: 210px;
}

ul#hoteles_oferta_carrousel li.jcarousel-item a
{
    font-size:16px;
}

ul#hoteles_oferta_carrousel li.jcarousel-item span
{
    color:#565656;
    font-size:12px;
    font-weight:bold;
}
div#area_hoteles_oferta a.flecha
{
    position:absolute;
    top:216px;
    left:48px;
}
/**
por si se cambia la imagen
 *  Horizontal Buttons
 */
div#area_hoteles_oferta div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-horizontal:hover,
div#area_hoteles_oferta div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-horizontal:focus {
    background-position: 0px 0px !important;
}
/*
div#area_hoteles_oferta div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-horizontal:active {
    background-position: -40px 0;
}

div#area_hoteles_oferta div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-disabled-horizontal,
div#area_hoteles_oferta div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-disabled-horizontal:hover,
div#area_hoteles_oferta div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-disabled-horizontal:focus,
div#area_hoteles_oferta div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-disabled-horizontal:active {

    background-position: -60px 0;
}
*/
div#area_hoteles_oferta div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-horizontal {

    width: 44px;
    height: 36px;
    background: transparent url(../images/arrow-turn-left1.png) no-repeat !important;
    top:-60px;
    left:0px;
    z-index:10000;
}

div#area_hoteles_oferta div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-next-horizontal {

    width: 47px;
    height: 36px;
    background: transparent url(../images/arrow-turn-right1.png) no-repeat !important;
    top:-60px;
    left: 385px;
    z-index:10000;
}

/*
div#area_hoteles_oferta div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-horizontal:hover, 
div#area_hoteles_oferta div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-horizontal:focus {
    background-position: -20px 0;
}

div#area_hoteles_oferta div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-horizontal:active {
    background-position: -40px 0;
}

div#area_hoteles_oferta div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-disabled-horizontal,
div#area_hoteles_oferta div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-disabled-horizontal:hover,
div#area_hoteles_oferta div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-disabled-horizontal:focus,
div#area_hoteles_oferta div.jcarousel-skin-tango div.jcarousel-container-horizontal .jcarousel-prev-disabled-horizontal:active {

    background-position: -60px 0;
}
*/