/*
PARA OBTENER UNA NUEVA GAMA CROMATICA DE DOS COLORES OBTEN LOS 3 COLORES (PRINCIPAL, SECUNDARIO Y HOVER) Y SUSTITUYE SIGUIENDO LAS PAUTAS.
ANTE LA DUDA PREGUNTAR A OSCAR

color 1º -> #ddd9c9 // 221,217,201 -> X,X,X
color 1º oscuro -> #B1AEA1 //fusion de principal con .2 de negro UNICAMENTE PARA OPACOS

color 2º -> #3e2618

color 3º -> #beb9a7 -- hover dado por Diseño 

*/

.tpl-list > ul > li:before{color:#3e2618;}
.tpl-slide > div:last-of-type{border-top-color:#3e2618;}
.tpl-slide > div:last-of-type > div:first-of-type > .select:after{background:#ddd9c9;}
.tpl-slide2{border-bottom-color:#ddd9c9;}
.tpl-slide2 > div > div:hover:before{background:#ddd9c9;}
.tpl-slide2 > div > div.selected:before{background:#ddd9c9;}
.tpl-form2 > div > button{color:#ddd9c9;border-color:#ddd9c9;}
.tpl-form2.v2 > form > ul > li > button{color:#ddd9c9;border-color:#ddd9c9;}
.tpl-form2.v2 > form > ul > li > button:hover{background:#ddd9c9;}
.tpl-corporate-text .content_list div:nth-child(1){color:#ddd9c9;}
.tpl-corporate-text .content_list div:nth-child(3):after{color:#ddd9c9;}
.tpl-corporate-text .content_list div:nth-child(5){color:#ddd9c9;}
.tpl-corporate-text .content_list div:nth-child(5) .icon svg{fill:#ddd9c9;}
.tpl-corporate-form .content_list .list li{background:#ddd9c9;}
.tpl-corporate-form .content_list .text1{color:#ddd9c9;}
.tpl-corporate-form .content_list .text2{color:#ddd9c9;}
.tpl-corporate-form .content_list .icon svg{fill:#ddd9c9;}
.tpl-corporate-form .datos_contacto button {border-color:#ddd9c9;color:#ddd9c9;}
.tpl-corporate-form .datos_contacto button:hover {background:#ddd9c9;}
.tpl-header > div:first-of-type{background:rgba(221,217,201,.9);}
.tpl-header > div:first-of-type > div:last-of-type > label > ul > li{background:rgba(221,217,201,.8);}
.tpl-header > div:nth-of-type(2) > a:last-of-type > span{color:#ddd9c9;}
.tpl-header > div:nth-of-type(2) > nav > div:hover > a{background:#ddd9c9;}
.tpl-header > div:nth-of-type(2) > nav > div:hover > div > a{background:rgba(221,217,201,.25);}
.tpl-header > div:nth-of-type(2) > nav > div:hover > div > a:hover{background:rgba(221,217,201,.5);}
.tpl-header > div:last-of-type > a > svg{fill:#ddd9c9;}
.tpl-header > div:last-of-type > div > label{background:#ddd9c9;}
.tpl-header > div:last-of-type > label > svg{stroke:#ddd9c9;}
.tpl-header-dispo > div:first-of-type{background:rgba(221,217,201,.9);}
.tpl-header-dispo > div:first-of-type > div:last-of-type > label:hover{background:rgba(221,217,201,.9);}
.tpl-header-dispo > div:nth-of-type(2) > a:last-of-type > span{color:#ddd9c9;}
.tpl-header-dispo > div:nth-of-type(2) > nav > div:hover > a{background:#ddd9c9;}
.tpl-header-dispo > div:nth-of-type(2) > nav > div:hover > div > a{background:rgba(221,217,201,.5);}
.tpl-header-dispo > div:nth-of-type(2) > nav > div:hover > div > a:hover{background:rgba(221,217,201,.5);}
.tpl-box5 .parte1 > div:last-child{float:right;color:#ddd9c9;padding: 0px;}
.tpl-box5 article:last-of-type > section > ul > li:before{color:#3e2618;}

.tpl-box5 article:last-of-type > section > label{border-color:#ddd9c9;color:#ddd9c9;}
.tpl-box5 article:last-of-type > section > label > svg{fill:#ddd9c9;}
.tpl-box5 article:last-of-type > section > label:hover{background:#ddd9c9;}
.tpl-boxes7 > div > article > div:last-of-type > a:last-of-type{color:#ddd9c9;}
.tpl-boxes7 > div > article > div:last-of-type > a:last-of-type > svg{fill:#ddd9c9;}
.tpl-boxes7 > div > article > div:last-of-type > label:first-of-type > svg{fill:#ddd9c9;}
.tpl-boxes7 > div > article > div:last-of-type > label:last-of-type{color:#ddd9c9;border-color:#ddd9c9;}
.tpl-boxes7 > div > article > div:last-of-type > label:last-of-type:hover{background:#ddd9c9;}
.tpl-boxes7 > div > article > div:last-of-type > label:last-of-type > svg{fill:#ddd9c9;}
.tpl-boxes7 > div > article > div:last-of-type.read_more > label:first-of-type{color:#ddd9c9;}
.tpl-boxes8 > div > article > div:last-of-type.read_more > label:first-of-type{color:#ddd9c9;}

.tpl-map > div:last-of-type > article > section > label{border-color:#ddd9c9;color:#ddd9c9;}
.tpl-map > div:last-of-type > article > section > label:hover{background:#ddd9c9;}
@media(min-width:601px){
    .tpl-map > div:last-of-type > article > section > label{border-color:#fff;color:#fff;}
    .tpl-map > div:last-of-type > article > section > label:hover{background:#fff;}
}


.mapaweb_nivell0 > a:before{color:#ddd9c9;}
@media(min-width:601px){
    .tpl-header > div.uncollapse:nth-of-type(2) > nav > div > a:hover{color:#ddd9c9;}
    .tpl-header > div.uncollapse:nth-of-type(2) > nav > div > div{border-top-color:#ddd9c9;}
    .tpl-header > div.collapse:nth-of-type(2) > label > svg{height:60px;width:60px;stroke:#ddd9c9;}
    .tpl-header-dispo > div.uncollapse:nth-of-type(2) > nav > div > a:hover{color:#ddd9c9;}
    .tpl-header-dispo > div.uncollapse:nth-of-type(2) > nav > div > div{border-top-color:#ddd9c9;}
    .tpl-header-dispo > div.uncollapse:nth-of-type(2) > nav > div > div:before{border-bottom-color:#ddd9c9;}
    .tpl-header-dispo > div.collapse:nth-of-type(2) > label > svg{stroke:#ddd9c9;}
    .tpl-text3 > article > header > div:last-of-type > div:first-of-type > a{color:#ddd9c9;}
    .tpl-text3 > article > header > div:last-of-type > div:first-of-type > a:hover{color:#beb9a7;}
}

/* redes sociales */
.tpl-text3 > article > header > div:last-of-type > div:last-of-type > a:hover > svg,
.tpl-share > a:hover > svg{background:#888;border-radius:50%;font-size:0;fill:#fff;transition:border-radius 0s,fill .3s,background .3s;}




/* header nuevo */
.tpl-header2 > div:first-of-type{background:#3e2618;}/*superior*/

.tpl-header2 > div:nth-of-type(2) > a:last-of-type > span{color:#ddd9c9;}/*estrellas V*/

.tpl-header2 > div:last-of-type > a:after{color:#ddd9c9;}/*color telefono V*/
.tpl-header2 > div:last-of-type > div > label{background:#ddd9c9;}/*cabecera buscador V*/
.tpl-header2 > div:last-of-type > label > span:before,
.tpl-header2 > div:last-of-type > label > span:after,
.tpl-header2 > div:last-of-type > label > span{background:#ddd9c9;}/*menu movil V*/

.tpl-header2 > div:first-of-type > div:last-of-type > a:hover,/*hover de mi reserva V*/
.tpl-header2 > div:first-of-type > div:last-of-type > label:hover,/*hover de idima actual V*/
.tpl-header2 > div:first-of-type > div:last-of-type > label > ul > li:hover,/*hover de los idiomas V*/
.tpl-header2 > div.collapse:first-of-type > div:last-of-type > div:first-of-type:hover{background:#B1AEA1;}/*hover del telefono numerico superior V*/

.tpl-header2 > div:first-of-type > div:last-of-type > label > ul > li{background:rgba(221,217,201,.8)}/*color de los idiomas V*/

.tpl-header2 > div:last-of-type > a:hover:after{color:#beb9a7;}/*hover del telefono V*/
.tpl-header2 > div:last-of-type > div > label:hover,/*hover de cabecera del motor V*/
.tpl-header2 > div:last-of-type > label:hover > span:before,
.tpl-header2 > div:last-of-type > label:hover > span:after,
.tpl-header2 > div:last-of-type > label:hover > span{background:#beb9a7}/* hover menu movil V*/

.tpl-header2 > #tpl-header-nav:checked ~ div:last-of-type > label:hover > span:before,
.tpl-header2 > #tpl-header-nav:checked ~ div:last-of-type > label:hover > span:after{background:#beb9a7}/*hover menu movil desplegado V*/



.tpl-header2 > div:nth-of-type(2) > nav > div > ul > li > input:hover + a,/*color al ponerse encima de una a sin enlace V*/
.tpl-header2 > div:nth-of-type(2) > nav > div > ul > li:hover > a{background:#ddd9c9;}/*hover de enlaces del menu ver mas y movil V*/
.tpl-header2 > div:nth-of-type(2) > nav > div > ul > li > input:checked + a{background:#ddd9c9;}/*color al tener desplegados hijos V*/
.tpl-header2 > div:nth-of-type(2) > nav > div > ul > li:hover > div > a,/*los hijos antes de salir V*/
.tpl-header2 > div:nth-of-type(2) > nav > div > ul > li > input:checked ~ div > a{background:#B1AEA1;}/*hijos al estár desplegados*/

.tpl-header2 > div:nth-of-type(2) > nav > div > ul > li > input:checked ~ div > a:hover{background:#ddd9c9;}/*hover de los hijos de los enlaces del menu ver mas y telefono V*/
.tpl-header2 > div:nth-of-type(2) > nav > div > ul > li > input:checked ~ div > a:before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;transition:.3s;}/*capa oscuracion*/
.tpl-header2 > div:nth-of-type(2) > nav > div > ul > li > input:checked ~ div > a:hover:before{background:rgba(0,0,0,.3);}

@media(min-width:601px){
    .tpl-header2.scrolled > div:nth-of-type(2){border-top-color:#B1AEA1}/* borde superior al hacer scroll */
    .tpl-header2 > div:nth-of-type(2) > nav > ul a.actual{color:#ddd9c9;}/*actual V*/
    
    .tpl-header2 > div.mas > nav > div > label > span:last-of-type,/*menu V*/
    .tpl-header2 > div.mas > nav > div > label > span:last-of-type:after,
    .tpl-header2 > div.mas > nav > div > label > span:last-of-type:before,
    .tpl-header2 > div.mas > nav > div > label:before{background:#ddd9c9;}/*linea de ver mas V*/
    .tpl-header2 > div.mas > nav > div > label{color:#ddd9c9;}/*color ver mas V*/
    
    .tpl-header2 > div:nth-of-type(2) > nav > ul a + div{border-top-color:#ddd9c9;}/*borde superior V*/
    
    .tpl-header2 > div:nth-of-type(2) > nav > ul > li > a + div:before{border-bottom-color:#ddd9c9;}/*triangulo superior V*/
    
    .tpl-header2 > div:nth-of-type(2) > nav > ul a:hover,/*hover menu V*/
    .tpl-header2 > div:nth-of-type(2) > nav > ul a + div > a:hover{background:rgba(221,217,201,1);}/*hover en los hijos PC V*/
    
    .tpl-header2 > div.mas > nav > div > label:hover{color:#beb9a7;}
    .tpl-header2 > div.mas > nav > div > label:hover > span:last-of-type,
    .tpl-header2 > div.mas > nav > div > label:hover > span:last-of-type:after,
    .tpl-header2 > div.mas > nav > div > label:hover > span:last-of-type:before,
    .tpl-header2 > div.mas > nav > div > label:hover:before{background:#beb9a7;}
    
    .tpl-header2 > #tpl-header-nav:checked ~ div.mas > nav > div > label:hover > span:nth-of-type(2){text-decoration:underline;}/*hover de cerrar V*/
}


/* motor*/ /*FINISH*/
.tpl-header2 > div:last-of-type > div > form #engine section{background:rgba(221,217,201,.4);}/*color de fondo del motor V*/
.tpl-header2 > div:last-of-type > div > form #engine section:before{background:rgba(0,0,0,.8);}/*capa negra que oscurece el motor V*/
#engineCalendar section #datepicker .ui-datepicker table tbody td.ui-datepicker-current-day,/*fecha selecciona V*/
#engineCalendar section #datepicker .ui-datepicker table tbody td.ui-datepicker-selected{background:#ddd9c9;}
.tpl-header2 > div:last-of-type > div > form #engineRooms section{background:rgba(221,217,201,.5);}/*fondo habitaciones V*/
#engineRooms section:before{background:rgba(0,0,0,.8);}
#engineRooms section .part .fr .remove{background:#ddd9c9;}/* boton X de cada habitacion V*/
#engineRooms section .part .fr .remove:hover{background:#beb9a7;transition:.3s;}/* boton X de cada habitacion V*/
#engine .rooms.more:hover{text-decoration:underline;}
#engineRooms section button:hover{background:#beb9a7;transition:.3s;}/*hover del botton OK*/
#engineRooms section .add span{text-decoration:none;}
#engineRooms section .add span:hover{text-decoration:underline;}


/*cookies*/
.tpl-cookies > div > div:last-child > label:hover{background:#ddd9c9;}

/*.tpl-boxes*/
@media(min-width:801px){
    .tpl-boxes > div > div > article > section > a,
    .tpl-boxes > div > div > article > section > div:first-child{color:#ddd9c9;}
    .tpl-boxes > div > div > article > section> a > svg{fill:#ddd9c9;}
    .tpl-boxes > div > div > article > section > a:hover{color:#beb9a7}
    .tpl-boxes > div > div > article > section> a:hover > svg{fill:#beb9a7;}
}


/*destados*/ /*FINISH*/
@media(min-width:601px){
    .tpl-banner1 > .dest1 > div > div:last-of-type > div:last-of-type,
    .tpl-banner1 > .dest3 > div > div:last-of-type > div:last-of-type{color:#ddd9c9;}/*color texto*/
    .tpl-banner1 > .dest3 > div:last-of-type{border-left-color:#999;}/*barra separadora*/
    .tpl-banner1 > .dest1 > div:last-of-type > a,
    .tpl-banner1 > .dest3 > div:last-of-type > a{border-color:#ddd9c9;color:#ddd9c9;}/*boton*/
    .tpl-banner1 > .dest1 > div:last-of-type > a:hover,
    .tpl-banner1 > .dest3 > div:last-of-type > a:hover{background:#ddd9c9;}/*boton hover*/
}


/*promos individuales*/
.tpl-promoSmart > div > a{color:#ddd9c9;border-color:#ddd9c9;}
.tpl-promoSmart > div > a:hover{background-color:#ddd9c9;}

/*formularios asociados*/
.tpl-formCotizaciones1 form > section > button{color:#ddd9c9;border-color:#ddd9c9;}
.tpl-formCotizaciones1 form > section > button:hover{background:#ddd9c9;}
.tpl-formCotizaciones1 form > section > article > header{color:#ddd9c9;}
.tpl-formCotizaciones1 form > section > article > header:after{border-color:#ddd9c9;}
.ui-datepicker.tpl-formCotizaciones1_date{border-color:#ddd9c9;}
.tpl-formCotizaciones1_date th{color:#ddd9c9;}
.tpl-formCotizaciones1_date td:not([class*='ui-state-disable']):hover{background-color:#ddd9c9;}

/*FORMULARIO DE CONTACTO */
.tpl-formContact > div > form > label:not(:last-of-type) > span:after{color:#ddd9c9;}
.tpl-formContact > div > form > label:last-of-type > span > a {color:#ddd9c9;}
.tpl-formContact > div > form > button {border-color:#ddd9c9;color:#ddd9c9;}
.tpl-formContact > div > form > div:nth-of-type(3):before{color:#ddd9c9;}
.tpl-formContact > div > form > button:hover{background:#ddd9c9;}

/*.tpl-text3*/
.tpl-text3 > article > header > div:first-of-type > div:first-of-type > a,
.tpl-text3 > article > header > div:last-of-type > h1 > div{color:#ddd9c9;}


/*tpl-boxes8*/

.tpl-boxes8 > div > div > article > section > label{color:#ddd9c9;}

/*Fin tpl-boxes8*/

/* tpl-newsletter-smart */
.tpl-newsletter-smart > article > section > label:before {color:#ddd9c9;}
.tpl-newsletter-smart > article > section > button {border-color:#ddd9c9;color:#ddd9c9;}
.tpl-newsletter-smart > article > section > button:hover {background: #ddd9c9;}
/* FIN tpl-newsletter-smart */

/* sta-travel-c*/

.sta-travel-c .contenedor_tabs_n2:after{background: #ddd9c9;}

/* FIN sta-travel-c*/

/* tpl-photos*/

.tpl-photos .grid-wrap .list li.title{color:#ddd9c9;}
#tpl-egm-menu-ctr > .bar .direct .title{color:#ddd9c9;}
#tpl-egm-menu-ctr > .bar .direct svg{stroke:#ddd9c9;}
#tpl-egm-menu-ctr > .control.left:hover .icon svg,
#tpl-egm-menu-ctr > .control.right:hover .icon svg{fill:#ddd9c9;}

/* FIN tpl-photos*/