@import url(//fonts.googleapis.com/css?family=PT+Sans+Narrow);
header.banner{position: relative;background-color: #EF9200;}
#mrastro{display: none;}

body{
    background-color: #ebebeb;
}

#tirolesa a,#rio a,#temazcal a,.tour a{text-decoration: none;}

#tirolesa #msj-oferta,#rio #msj-oferta,#temazcal #msj-oferta,.tour #msj-oferta{position: absolute;width: 443px;background: url("../img/oferta.png") no-repeat;height: 83px;margin-top: 470px;}

#tirolesa #msj-oferta p,#rio #msj-oferta p,#temazcal #msj-oferta p,.tour #msj-oferta p{ position: absolute; margin-top:30px; margin-left: 10px;color: #fff;font-size: 13px;}


#tirolesa #msj-oferta p span:first-child,#rio #msj-oferta p span:first-child,#temazcal #msj-oferta p span:first-child,.tour #msj-oferta p span:first-child{font-size: 23px;position: relative; bottom: -6px;}

#tirolesa #msj-oferta p span:last-child,#rio #msj-oferta p span:last-child,#temazcal #msj-oferta p span:last-child,.tour #msj-oferta p span:last-child{ font-size:11px; position: relative; bottom: -6px;}
#tirolesa #msj-oferta a,#rio #msj-oferta a,#temazcal #msj-oferta a,.tour #msj-oferta a{ position: relative; margin-top: 37px; margin-left: 270px;}
#tirolesa #text-footer,#rio #text-footer,#temazcal #text-footer,.tour #text-footer{ font-size: 15px; position: absolute; width:850px;height: 40px;padding:10px; color: #956a54;font-style: italic; font-weight: bold; margin-top: 560px;border-top-style: solid;border-top-color:#3f1906;border-bottom-style: solid; border-bottom-color:#3f1906;  border-width:1px;}



#tirolesa #text-footer span,#rio #text-footer span,#temazcal #text-footer span,.tour #text-footer span{ color:#b89e91;}


@media screen and (-webkit-min-device-pixel-ratio:0){
    #tirolesa #content-article,#rio #content-article,#temazcal #content-article,.tour #content-article{
        top:45px;
        line-height:13px;
        font-family: arial;
    }
     #tirolesa #text-footer,#rio #text-footer,#temazcal #text-footer,.tour #text-footer{
        font-size: 14px;
    }
   
}

#tirolesa,#rio,#temazcal,.tour{ height:671px;}


#tirolesa .coll-full,#rio .coll-full,#temazcal .coll-full,.tour .coll-full{ margin-top: 20px;}
#tirolesa div div:first-child,#rio div div:first-child,#temazcal div div:first-child,.tour div div:first-child{ width: 290px; float: left;}

#tirolesa div #img{ height: 550px;background:url("../img/img.png") no-repeat; width:407px;float: right; margin-right: -10px;}
#temazcal div #img{ height: 550px;background:url("../img/temazcal.png") no-repeat; width:407px;float: right; margin-right: -10px;}
#tour_5 div #img{ height: 550px;background:url("../img/tour_5.png") no-repeat; width:407px;float: right; margin-right: -10px;}
#tour_6 div #img{ height: 550px;background:url("../img/tour_6.png") no-repeat; width:407px;float: right; margin-right: -10px;}


#rio div #img{ height: 560px;background:url("../img/rio.png") no-repeat; width:407px;float: right; margin-right: -10px;}

#text-header{ height: 47px;width: 424px; background:url("inner/head-text.png") no-repeat;line-height: 17px;}
#text-header span{ position: absolute; color: #fff; margin-left: -270px; margin-top: 9px; text-transform: uppercase}



#tirolesa .bloque,#rio .bloque,#temazcal .bloque,.tour .bloque{color:#fff;text-transform: uppercase;position: relative;margin-top: 50px;}
#tirolesa .bloque .price,.tour .bloque .price{font-size: 12px;display: block;position: absolute;bottom: 18px;right:-100px}
#tirolesa .bloque .price span,.tour .bloque .price span{font-size: 22px;font-weight: bold;line-height: 14px}
#tirolesa .bloque .btn2,.tour .bloque .btn2{position: relative;top: -2px}
#tirolesa .info{background-color: #fcdeb3;padding: 15px}
#tirolesa .info,.tour .info{background-color: #fcdeb3;padding: 15px}

#tirolesa #first-text,.tour #first-text{width: 430px; font-size:11px; position: absolute; text-transform: uppercase; font-weight: bold;  color: #00833c; margin-top: 135px;}
#rio #first-text{ width: 430px; font-size:11px; position: absolute; text-transform: uppercase; font-weight: bold;  color: #004a98; margin-top: 135px;}
#temazcal #first-text{ width: 430px; font-size:11px; position: absolute; text-transform: uppercase; font-weight: bold;  color: #ec9500; margin-top: 135px;}
#tirolesa #content-article,#rio #content-article,#temazcal #content-article,.tour #content-article{ position: absolute;  font-size:11.3px; width: 438px; text-align:justify;  height: 266px;  margin-top: 200px; color: #5c3c0e; font-weight: bold;}
#tirolesa #content-article span,.tour #content-article span{ color:#2b965c;}
#rio #content-article span{ color:#004a98;}
#temazcal #content-article span{ color:#004a98;}
#temazcal #content-article span{ color:#ec9500;}


#rio .bloque,#temazcal .bloque{color:#fff;text-transform: uppercase;position: relative;margin-top: 50px;}
#rio .bloque .price,#temazcal .bloque .price{font-size: 12px;display: block;position: absolute;bottom: 18px;right:-100px;}
#rio .bloque .price span,#temazcal .bloque .price span{font-size: 22px;font-weight: bold;line-height: 14px}
#rio .bloque .btn2,#temazcal .bloque .btn2{position: relative;top: -2px}

#nosotros {height: auto;padding-bottom: 20px}
#nosotros h2{margin-top:20px;}
#nosotros article{font-weight:bold;color:#533100;font-size: 12px;padding-left: 10px;text-align: justify;}
#nosotros #subtext,#galerias #subtext{color:#90624b;text-align: justify;padding-left: 10px;font-size: 14px;padding-top: 15px;padding-bottom: 20px;border-bottom-width: 1px;border-top-width: 1px;  border-color:#3f1906;border-style: solid;margin-top: 20px;}
#nosotros #subtext span{color:#90624b;text-align: justify;padding-left: 10px;font-weight: bold;}
#nosotros #images{padding-left: 20px;margin-top: 15px;}

#nosotros a{
    text-decoration: none;
    color: #533100;
}

#nosotros #lista article{color:#533100;font-size: 12px;text-align: justify;margin-left: -10px;}
#nosotros #lista article:last-child{margin-top: 20px;}
#nosotros #l1{ list-style: none; margin-left:0px;margin-top: 10px;color: #533100;font-size: 12px;font-weight: bold;}
#nosotros #l1 li:before{content: "*";line-height: 30px;}


#nosotros #l2{margin-top: 25px;margin-left: 0px;padding-left: 0px;cursor: pointer;text-align: center}
#nosotros h2{
    font-size: 13px;
}
#nosotros #l2 li{list-style: none;color: #fff;width: 215px;font-size:10px;text-align: center;display: inline-block;height: 21px;padding-top: 8px;}
#nosotros #l2 #b1{background: url("../img/b1.png") no-repeat;background-size: 100%}
#nosotros #l2 #b2{background: url("../img/b2.png")no-repeat;background-size: 100%}
#nosotros #l2 #b3{background: url("../img/b3.png") no-repeat;background-size: 100%}
#nosotros #l2 #b4{background: url("../img/b4.png") no-repeat;background-size: 100%}
#nosotros #l2 #b5{
background: rgba(145,95,34,1);
background: -moz-linear-gradient(top, rgba(145,95,34,1) 0%, rgba(93,58,38,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(145,95,34,1)), color-stop(100%, rgba(93,58,38,1)));
background: -webkit-linear-gradient(top, rgba(145,95,34,1) 0%, rgba(93,58,38,1) 100%);
background: -o-linear-gradient(top, rgba(145,95,34,1) 0%, rgba(93,58,38,1) 100%);
background: -ms-linear-gradient(top, rgba(145,95,34,1) 0%, rgba(93,58,38,1) 100%);
background: linear-gradient(to bottom, rgba(145,95,34,1) 0%, rgba(93,58,38,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#915f22', endColorstr='#5d3a26', GradientType=0 );
;margin-top: 4px}
#nosotros #l2 #b6{
background: rgba(169,216,226,1);
background: -moz-linear-gradient(top, rgba(169,216,226,1) 0%, rgba(117,189,209,1) 0%, rgba(113,196,213,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(169,216,226,1)), color-stop(0%, rgba(117,189,209,1)), color-stop(100%, rgba(113,196,213,1)));
background: -webkit-linear-gradient(top, rgba(169,216,226,1) 0%, rgba(117,189,209,1) 0%, rgba(113,196,213,1) 100%);
background: -o-linear-gradient(top, rgba(169,216,226,1) 0%, rgba(117,189,209,1) 0%, rgba(113,196,213,1) 100%);
background: -ms-linear-gradient(top, rgba(169,216,226,1) 0%, rgba(117,189,209,1) 0%, rgba(113,196,213,1) 100%);
background: linear-gradient(to bottom, rgba(169,216,226,1) 0%, rgba(117,189,209,1) 0%, rgba(113,196,213,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9d8e2', endColorstr='#71c4d5', GradientType=0 );
;margin-top: 4px}

#contacto{height: 750px;margin-top: 20px;padding-bottom: 20px}
#contacto .divs{width: 586px;box-sizing: border-box}

#contacto select{
    background: url("../img/arrow.png") no-repeat right 1px #fff;
    -webkit-appearance: none;
    appearance: none;
    vertical-align: middle;
}
@-moz-document url-prefix(){    
    select{
         background: url("../img/arrow.png") no-repeat right #fff;
         -moz-appearance: none;
         text-indent: 0.01px;
         text-overflow: '';
         vertical-align: middle;
         padding-top: 5px;
    }
    
    #ContactoDate{
        background: url("../img/cal.png") no-repeat right #fff;
         -moz-appearance: none;
         text-indent: 0.01px;
         text-overflow: '';
         vertical-align: middle;
    }
}


#contacto select,input,textarea{border:none; box-shadow: 2px 1px 3px 1px #999;}
#contacto h2,.title-ribbon-02{background: url("inner/head-text.png") no-repeat;font-size: 14px;padding-top:3px;height: 47px;line-height: 30px}
#contacto .d1{
    width: 600px;
    
    float: left;
}
#contacto .d2{
    float: right;
    color: #fff;
}
#contacto .d2 .bloque{width: 290px;text-transform: uppercase;}
#contacto .d2 div{width: 153px;}
#contacto .d2 .price{font-size:12px;margin-top: 5px;margin-left: -5px;}
#contacto .d2 .price span{font-size:17px;}
#contacto .d2 .subtitle-bloque{font-size:13px;margin-top: 5px;margin-left: -20px;width: auto}
#contacto #div1 article{width: 100%}
#contacto article{font-size: 12px;text-transform: uppercase;color: #340b00;text-align: justify;}
#contacto article span:first-child{font-weight: bold;}
#contacto article span:last-child{font-weight: bold;color: #f76d35;}
#contacto div.error input,#contacto div.error textarea{background-color: #ffd9d9;border-left: 3px solid #ff0000}
#contacto .coll-full{width: 900px}
#contacto .paypal{position: relative;left: -10px;margin-top: 7px}
#contacto .paypal form{margin-top: 0;float: left;}
#contacto .paypal form input{box-shadow: 0 0;-moz-box-shadow: 0 0; -webkit-box-shadow: 0 0;}
#contacto .paypal img.cards{float: left;margin-top: 5px}

#contacto form{
    margin-top: 20px;
}

#contacto form  label{
   position: absolute;
   font-size: 13px;
   color: #4c291f;text-transform: uppercase;
}

#contacto form input{
    height: 23px;
}



#contacto .full-row input{
   width: 480px;
   margin-left:85px;
   padding: 2px 10px;
   height: 18px;font-size: 12px;
}
#contacto .tselected div:first-child{
    float: left;
}
#contacto .tselected div:last-child{
    float: right;margin-right: 10px;
}
#contacto .tselected input{
    width: 255px;
    margin-right:5px;
	padding: 2px 10px;height: 18px;font-size: 12px;
}
#contacto .tselected select{
    width: 106px;
    height: 24px;
    margin-left: 85px;font-size: 12px;color:#a9a9a9;text-transform: uppercase;border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
    padding-left: 5px;
}
#contacto .tselected div:last-child label{
    margin-left: -105px;
    margin-top: 5px;
}

#contacto .tselected{
    margin-top:3px;
}


#contacto .personas{
    margin-top:39px;
}


#contacto .tselected  div:first-child label{
margin-top: 5px;
}


#contacto .full-row div{
    height: 38px;position: relative;
}
#contacto .full-row div label{top: 3px}

#contacto .personas input{
    width: 86px;
    margin-left: 85px;
	padding: 2px 10px;height: 18px;font-size: 12px;
}

#contacto .personas div{
    float:left;
	position: relative
}

#contacto .personas label{
    margin-top:5px;
}

#contacto .personas .ps{
    margin-left:0;
	text-align: right;
	width: 42%;
}
#contacto .personas .pt{
    margin-left:98px;
}

@media screen\0{
    #contacto .personas .pt{
        margin-left:92px;
    }
    
    select::-ms-expand {
    display: none;
}
}


#contacto .fecha input{
    width: 86px;
    margin-left: 85px;font-size: 12px;padding: 2px 10px;height: 18px;background: url(../img/cal.png) no-repeat right center #fff;
}
#contacto .fecha{
    margin-top: 75px;
}

#contacto .fecha article{
  font-size: 10px;
  color: #adadad;
  font-style: italic;
  margin-left: 10px;
} 


#contacto .fecha div{
  float: left;
}
#contacto .fecha label{
  margin-top: 5px;
}


#contacto .comment{
    float: left;
    margin-top: 10px;
}

#contacto .comment label{
    margin-top: 5px;
}

#contacto .comment textarea{
   width: 480px;
   margin-left: 85px;
   resize: none;
   padding: 5px 10px;font-size: 12px;
}
#contacto div .correo-msj article{
    width:370px;
    float: right;
    margin-right: 15px;
    font-size: 10px;
    color: #adadad;
    font-style: italic;
    
}

#contacto div .correo-msj{
    margin-left:85px;
    margin-top: 260px;
}



#contacto button{
    float: left;
    color:#fff;
    font-size: 10px;
    border: none;
    font-weight: bold;
    height: 22px;
    background:url("http://www.veraneandoadventure.com/css/inner/bg-disabled.png") repeat-x;cursor: pointer;text-transform: uppercase;
}
#contacto button.active{background-image: url(http://www.veraneandoadventure.com/css/inner/bg-active.png);}
#contacto div.error-message{display: none;color:#eb0000;font-size: 10px;height: auto !important;line-height: normal;float: right;margin-right: 15px;margin-top: 2px}


#ContactoDate{
     background: url("../img/cal.png") no-repeat right #fff;
    -webkit-appearance: none;
    appearance: none;
    vertical-align: middle;
    background-position-x: 85px;
    cursor:pointer;
}


.divs{
    border-color: #3f1906;
    border-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
}

#div1{
    margin-top:500px;
    height:55px;
}

#div1 article{
    float: left;
    width: 524px;
    margin-top:10px;
}
#div1 img{
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

#div2{
    height: 40px;
    padding: 10px;
    margin-top: 35px;
    color:#956a54;
    font-style: italic;
}

#galerias{padding-top: 20px;padding-bottom: 20px}
#galerias .title-ribbon-02{margin-bottom: 0}
#tabs{background-color: #7b6248;height: 480px;padding: 10px;margin-bottom: 20px;position: relative}
#tabs span.tab1,#tabs span.tab2{background-color: #b3a699;color:#d9d3cc;text-transform: uppercase;color:#fff;display: block;position: absolute;right: 20px;top: -29px;padding: 5px 10px;border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;float: left;cursor: pointer}
#tabs span.tab1{right: 91px}
#galerias div.tab1,#galerias div.tab2{display: none}
#galerias div.select{display: block}
#tabs span.selected{background-color: #7b6248;cursor: default;color:#fff}
#galerias .pictures{width: 411px;height: 468px;margin-right: 40px;overflow: hidden;border: 6px solid #ffd8ae;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;float: left}
#galerias .thumbs{list-style: none;margin-left: 0}
#galerias .listing-pics{width: 375px;height: 470px;overflow-y: auto;float: left;padding-top: 10px}
#galerias .listing-pics .thumb{margin-right: 17px;margin-bottom: 13px;float: left;cursor: pointer;position: relative}
#galerias .listing-pics .thumb span{display: none}
#galerias .listing-pics img{display: block}
#galerias .listing-pics .active span{display: block;width: 72px;height: 65px;position: absolute;left: 0;top: 0;box-shadow: 0 0 7px #fff inset;-moz-box-shadow: 0 0 7px #fff inset; -webkit-box-shadow: 0 0 7px #fff inset;}
#galerias .listing-pics .active img{box-shadow: 3px 3px 9px #312111;-moz-box-shadow: 3px 3px 9px #312111; -webkit-box-shadow: 3px 3px 9px #312111;}
#galerias .listing-pics .relleno .nopic{background-color: #5b442c;width: 72px;height: 65px;display: block;float: left;margin-right: 17px;margin-bottom: 13px;}
#galerias .thumbs-videos{width: 120px;float: left;list-style: none;margin-left: 0;height: 470px;overflow-y: auto;}
#galerias .thumbs-videos li{margin-bottom: 10px;cursor: pointer}
#galerias .thumbs-videos li img{width: 90px;}
#galerias .videos{width: 665px;float: left;margin-right: 30px;}
#galerias .autoHeight{display: block !important;height: 480px !important}
#ui-datepicker-div{background: none;background-color: #eeeeee;width: 260px;display: none}
.ui-widget-header{background: none !important;background-color: #522b1c !important;border: 0 !important;border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important;color:#ffa409 !important;}
.ui-icon-circle-triangle-w{background: url(http://www.veraneandoadventure.com/css/inner/cal-arrow-left.png) no-repeat 0 0 !important;}
.ui-icon-circle-triangle-e{background: url(http://www.veraneandoadventure.com/css/inner/cal-arrow-right.png) no-repeat 0 0 !important;}
.ui-datepicker th{color:#522b1c}
.ui-state-default{background: none !important;border: 0 !important;color:#522b1c !important;border-radius: 15px !important; -moz-border-radius: 15px !important; -webkit-border-radius: 15px !important;width: 24px !important;height: 22px !important;text-align: center !important;font-size: 15px !important;line-height: 21px}
.ui-state-hover,.ui-state-active{background-color: #fa4c06 !important;border-radius: 15px !important; -moz-border-radius: 15px !important; -webkit-border-radius: 15px !important;color:#fff !important;width: 24px !important;height: 22px !important;text-align: center !important}
.ui-state-highlight{background-color: #ff9970 !important;color:#fff !important}
.ui-datepicker-prev-hover,.ui-datepicker-next-hover{background: none !important;border: 0 !important;left: 5px !important;top: 5px !important}
.ui-datepicker-next-hover{right: 5px !important;left: auto !important;}
#sitemap{padding: 50px 0}
#sitemap #text-header span{position: relative;margin-left: 10px;font-size: 16px;font-weight: normal;top: 9px}
ul.lista{margin-left: 0;margin-top: 20px;margin-left: 20px}
ul.lista li{margin-bottom: 15px}
ul.lista li a{color:#212121;text-decoration: none;font-size: 18px}
ul.lista li a:hover{color:#F76D35}