@font-face {
    font-family: 'clemente';
    src: url('fonts/clementepdae-light-webfont.woff2') format('woff2'),
         url('fonts/clementepdae-light-webfont.woff') format('woff'),
         url('fonts/clementepdae-light-webfont.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;

}

@font-face {
    font-family: 'clemente';
    src: url('fonts/clementepdai-regular-webfont.woff2') format('woff2'),
         url('fonts/clementepdai-regular-webfont.woff') format('woff'),
         url('fonts/clementepdai-regular-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'clemente';
    src: url('fonts/clementepdak-semibold-webfont.woff2') format('woff2'),
         url('fonts/clementepdak-semibold-webfont.woff') format('woff'),
         url('fonts/clementepdak-semibold-webfont.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;

}

@font-face {
    font-family: 'Dosis';
    src: url('fonts/Dosis-SemiBold.eot') format('eot'),
         url('fonts/Dosis-SemiBold.woff') format('woff'), 
         url('fonts/Dosis-SemiBold.ttf') format('truetype'), 
         url('fonts/Dosis-SemiBold.svg') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Dosis';
    src: url('fonts/fonts/Dosis-Regular.eot') format('eot'),
         url('fonts/fonts/Dosis-Regular.woff') format('woff'),
         url('fonts/fonts/Dosis-Regular.ttf') format('truetype'),
         url('fonts/Dosis-Regular.svg') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Dosis';
    src: url('fonts/Dosis-Light.eot') format('eot'),
         url('fonts/Dosis-Light.woff') format('woff'),
         url('fonts/Dosis-Light.ttf') format('truetype'),
         url('fonts/Dosis-Light.svg') format('svg');
    font-weight: 300;
    font-style: normal;
}

@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,a:hover,abbr,acronym,address,cite,code,del,em,img,ins,strong,sub,sup,dd,dl,dt,li,font,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;line-height:110%}
body,td,th,input,select,textarea{font-family:'Comfortaa', cursiva;font-size:11px;color:#3e545f}
body{background-color:#FFF;margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px}
a:hover{text-decoration:none;color:#333}
h1,h2,h3,h4,h5,h6,a h1,a h2,a h3,a h4,a h5,a h6{font-weight:bold;text-decoration:none;font-family:'Comfortaa', cursiva;}
h1{margin:0px;color:#a12213;font-size:20px;text-transform:uppercase;padding-top:14px;padding-right:0px;padding-bottom:10px;padding-left:20px}
h3{font-size:15px;color:#3e545f;}
h4{font-size:12px;color:#27AEED;border:none;text-decoration:none}
h5{font-size:10px;color:#666;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#999;padding-left:3px}
h6{font-size:10px;color:#CCC}.zebra{margin-top:15px;margin-bottom:20px}
.zebra td{border-bottom:1px solid #f1f1f1}
.zebra tr.alt td{background:#f7f7f7}
.zebra tr.over td{background:#E2E2E2}
.zebra tr.title td{background-color:#D6D6D6;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#999}
.ui-widget-header, .ui-widget-content{font-family: 'Comfortaa', cursiva !important}
.ui-state-default,.ui-widget-content .ui-state-default{font-family: 'Comfortaa', cursiva !important;background:#626262;color:#FFF;border:solid 1px #f4f4f4}
.ui-state-active,.ui-widget-content .ui-state-active{font-family: 'Comfortaa', cursiva !important;color:#FFF;border:solid 1px #f4f4f4;background-color:#950d0d;background-image:none}
.ui-state-default,.ui-widget-content .ui-state-default *{color:#FFF;border:solid 1px #f4f4f4}
.ui-state-active,.ui-widget-content .ui-state-active *{color:#FFF;border:none}
.ui-widget-header,.ui-widget-content{font-family: 'Comfortaa', cursiva !important;border:solid 1px #f4f4f4;background:#FFF}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#FFF}
.ui-tabs-nav{border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:#626262;padding-bottom:5px;border:none}
.ui-tabs .ui-tabs-nav li a{padding:5px}form{margin:0px;padding:0px}
.ancho100{width:100%;margin-bottom:3px;margin-top:3px}
.inputGradient{background-image:url(input-bkg.jpg);background-repeat:repeat-x;background-position:left top;border:1px solid #b3b3b3;color:#666;background-color:#fff}
.inputSpacing{margin-left:3px;margin-top:3px:}
.linkButton,.linkButton:visited,.linkButton:active,.linkButton:link,.linkButton:hover{color:#666;text-decoration:none;border:1px solid #D6D6D6;padding-top:3px;padding-right:6px;padding-bottom:3px;padding-left:6px}
.linkButton:hover{color:#333;border-color:#999}
.pathWay{font-family:'Comfortaa', cursiva;font-size:9px;font-weight:normal}
.margin{ margin:5px;}


#menutop2 , #menutop2 li{ list-style-position: inside; list-style-type: none; margin: 0px; padding: 0px; display: inline; }
#menutop2 li a { color: #3e545f; display: inline; list-style-position: inside; list-style-type: none; padding: 0px; font-size: 11px; font-weight: normal; margin-top: 0px; margin-right: 7px; margin-bottom: 0px; margin-left: 7px; text-decoration: none; }
#MenuVertical{ float:left; width: 188px; margin: 0; }
#MenuVertical, #MenuVertical li { list-style-position: inside; list-style-type: none; padding: 0px; margin-top: 3px; margin-right: 0px; margin-bottom: 0px; margin-left: 7px;  }
#MenuVertical li a { color: #3e545f; display: inline; list-style-position: inside; list-style-type: none; padding: 0px; font-size: 11px; font-weight: normal; text-decoration: none; margin: 0px; }
#footer   { background-image: url(footer.png); background-position: center top; background-repeat: no-repeat; height: 63px; }

.categoriesList > ul{ width: 100% !important; padding: 0 !important; margin: 0 !important;}
.categoriesList>ul li { background: #FBFBFB; cursor:pointer; background-image: url('/es/dominios/recreatur.co/plantillas/2017/recursos/vinetaCategories.png'); background-position: 19px center !important; background-repeat: no-repeat !important; list-style-position: inside; list-style-type: none; margin: 0 !important ;padding: 20px 0 20px 50px !important; -webkit-transition-property: background-color; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out;}
.categoriesList>ul li:hover{ background-color: #FAC81C ;background-image: url('/es/dominios/recreatur.co/plantillas/2017/recursos/vinetaCategoriesWhite.png'); background-position: 19px center; background-repeat: no-repeat;}
.categoriesList>ul li a { display: inline;font-size: 15px !important; text-decoration: none; color: #797979 !important; -webkit-transition-property: color; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out;}
.categoriesList>ul li:hover a{ color: #fff !important;}

#content-box { max-width:1000px; margin-top: 0px; margin-right: auto; margin-left: auto;  margin-bottom: 36px; }
#content-box .content-box-title { border-bottom: 2px solid #f9c63c; color:#208BCE; font-weight:normal; font-size: 22px; margin: 10px 0 20px 0; margin-top: 10px; text-transform: uppercase; padding: 20px 0;}
#search-box { width: 250px; border: 8px solid #333; padding: 5px; background-color: #FFF; margin-top: 20px; margin-right: auto; margin-bottom: 15px; margin-left: auto; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#search-box #search-box-title { color:#1060ad; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; text-transform: uppercase; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#mod-box { max-width:1000px; margin-top: 0px; margin-right: auto; margin-bottom: 25px; margin-left: auto; padding-top: 10px;}
#mod-box #content-area { border: solid 1px #E3E3E3; margin: 10px; }
#mod-box #mod-box-title{ padding-left: 20px; color:#208BCE; padding:5px; font-size: 22px;font-weight: normal;padding-top: 9px;min-height: 45px;padding-bottom: 0px; padding-left: 20px;}

/* header */
#header_container{
	position: relative;
	z-index: 999;
	background: rgba(249,251,251,1);
	background: -moz-linear-gradient(left, rgba(249,251,251,1) 28%, rgba(249,199,61,1) 71%);
	background: -webkit-gradient(left top, right top, color-stop(28%, rgba(249,251,251,1)), color-stop(71%, rgba(249,199,61,1)));
	background: -webkit-linear-gradient(left, rgba(249,251,251,1) 28%, rgba(249,199,61,1) 71%);
	background: -o-linear-gradient(left, rgba(249,251,251,1) 28%, rgba(249,199,61,1) 71%);
	background: -ms-linear-gradient(left, rgba(249,251,251,1) 28%, rgba(249,199,61,1) 71%);
	background: linear-gradient(to right, rgba(249,251,251,1) 28%, rgba(249,199,61,1) 71%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fbfb', endColorstr='#f9c73d', GradientType=1 );
}
.header{position: relative;}
.box_menu{background: #fbfbfb;position: absolute; width: 300px; z-index: -1; right: 0; top: 100%;}
.box_menu ul{overflow: hidden;}
.menuheader2017 li{font-weight: 400; font-size: 16px;padding: 16px 0; list-style: none;}
.menuheader2017 li:hover{background: #fff;}
.menuheader2017 li>a{color: #00436D;}
.menuheader2017{margin: 0;padding: 0;}
.container_menu_button{padding: 20px 15px; position: relative;}
.header{background: #f9c63c;padding: 0;}
.menu_container{border-right: 2px solid #F9DB89; height: 75px; margin: 25px 0; padding: 15px 15px 0 0;}
.menu_button{padding: 28px 0;background: #fff; border-radius: 50%; color: #f9c73d; display: inline-block; font-size: 22px; height: 80px; width: 80px;}
.menu_button i{line-height: 78px;}
#menu_button{display: none;}
.redes_home{color:#CE9E1B;font-size: 21px;margin-left: 10px;}
.redes_home:hover{color:#FFFFFF;}
.ui-tabs-nav{width: 530px;margin: auto !important;}
.ui-state-default, .ui-widget-content .ui-state-default{background: #208BCE;padding: 10px 5px !important;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {background: #f9c73d !important}
.ui-state-default, .ui-widget-content .ui-state-default *{border: none !important;}
/*footer*/
#footer_container{background: #00436d;}
.container_redes_footer{position: relative;}
.container_redes_footer:before{border:1px solid #1A567C; content: ''; height: 1px; left:0 ; position: absolute; top:10px; width: 40%;}
.container_redes_footer:after{border:1px solid #1A567C; content: ''; height: 1px; position: absolute; right:0; top:10px; width: 40%;}
.derechos_footer, .derechos_footer a{color:#fff !important;}
.datos_contacto_footer{color:#89ABBF;font-size: 15px;}
.datos_contacto_footer > div{margin-bottom: 3px;}
.footer{ padding: 50px 15px 15px 15px;}
.menu_footer{font-size: 14px;}
.menu_footer li{list-style:none;margin-bottom: 7px;}
.menu_footer li>a{text-decoration: none;color:#89ABBF;}
.menu_footer ul{margin: 0;padding:0;}
.numeros_footer{font-size: 17px;font-weight: bold;}
.redes_footer{color:#fff;font-size: 21px;margin-left: 10px;}
.redes_footer:hover{color:#fcc83c;}
.subtitle_footer{color: #fff;font-size: 20px;}
.telefonos_footer{margin-top: 20px;color: #fff;}
.telefonos_footer > div{margin-bottom: 7px}

/*Slide Principal Home*/
.detalles_slide_principal{font-weight: bold;font-size: 75px;}
.titulo_slide_principal{font-size:55px;text-shadow:2px 2px #24201e;}
.text{color:white; position: absolute; width: 100%; top: 50%; left: 50%; display: inline-block; transform: translate(-50%,-50%);}
.item{position: relative;}
.banderas{padding-bottom: 10px;}

.boton-slider{
        float: right;
        position: absolute;
        top: 69%;
        background: #009dd9;
        font-size: 2em;
        right: 8px;
        border-radius: 50%;
        padding: 92px 56px;
        transition: 0.25s;
        color: #fff;
    }
    .boton-slider:hover{
        background: #00436D;
        top: 73%;
        padding: 110px 73px;
        color: #fff ;
    }

/*Buscador Home*/
.container_buscador{background: #00436D;padding: 40px 0;}
.contain_input_aventura{padding: 0 0px 0 30px;}
.contain_text_aventura{background: url('/es/dominios/recreatur.co/plantillas/2017/recursos/arrow_buscador.png')no-repeat center right; border-left: 4px solid #FCC83C;}
.input_aventura{border-radius: 0; float: left;height: 65px; margin:5px 10px 0 0 !important; width: 82%;}
.button_aventura{background: #FCC83C; border-radius: 0; color: #fff;font-weight: bold; font-size: 16px; height: 65px;margin-top: 5px;width: 15%;}
.text_aventura{color:#fff; font-size: 32px; padding-right: 10px;}
#redes_home{padding-bottom:20px;}

/*Recomedados Home*/
.container_recomendados{background: #F3F3F3; padding-bottom: 40px; }
.detalles_info{background: #FCC83C;; font-size: 14px; font-weight: bold; height: 72px; width: 40%;}
.detalles_info a,.detalles_info a:hover,.detalles_info a:visited {color: #fff; text-decoration: none; line-height: 70px}
.contain_info_recomendados{padding: 25px 0 0 0;}
.info_recomendados{margin-bottom:20px;}
.media-body{background: #fff;}
.media{margin-top: 8px !important; padding: 0 8px 0 0 !important;}
.media-left{padding:0;}
.nombre_recomendados{color: #00436D; font-size: 18px; font-weight: bold; margin:5px 0 10px 0;; padding-left: 30px;}
.precio_destacados{color: #fff; font-size: 20px; font-weight: bold;}
.spacing_recomendados{margin-bottom: 10px; padding-left: 30px;}
.text_recomendados{color: #00436D; font-weight: bold; font-size: 13px;}
.title_recomendados{color: #00436d; font-size: 28px; margin: 40px 0;}
.tarifas_recomendados{background: #00436D; height: 72px; width: 60%}
.tarifa_info{color: #fff; font-size: 15px; margin: 15px 0 7px 0;}

/* EVENTOS*/
.ultimas_noticias{background:#00436D;width:100%;margin:auto;padding:36px 0 49px 0;}
.titulo_noticias{font-size:3em;color:#ffffff;margin-bottom:40px;}
.titulo_noticias span{color:#f9ce56;}
.texto_noticia{position: absolute;top: 0px;height: 100%;color: #ffffffff;background:transparent;padding: 29% 80px 0 50px;transition:all 0.5s;opacity:0}
.noticia_destacada{margin-bottom:5px;padding:0 3px;transition:all 0.5s;}
.noticia_destacada:hover .texto_noticia, .otras_noticias:hover .texto_noticia{background: rgba(0,0,0,0.7);opacity:1;transition:all 0.5s;}
.otras_noticias{padding:0 3px;}
.titulo_lista_noticia{font-size:1.4em;color:#f9cb4d;text-transform:uppercase;font-weight:600;}

/* Carrousel Images Home*/
#gallery_carrousel {width:100%;position:relative;left:0;top:0;background:white;}
#container_carrousel{width:100%;height:350px;float:left;}

/*Slide Second Home*/
.container_slider_footer{background:url('/es/dominios/recreatur.co/plantillas/2017/recursos/fondo_second_slide.jpg'); background-color: #004F7B; background-position: center center; background-repeat: no-repeat; padding: 43px 0 70px 0;}
.title_slide_second{color: #fff; text-align: center;margin-bottom: 50px;}
.img_testimonio img{border-radius: 50%;}
.estrellas_secod_slide{margin-bottom: 20px;}
.testimonio_second_slide{color:#fff; font-size: 17px; margin-bottom: 20px; padding-right: 52px;}
.nombre_second_slide{color:#fff; font-size: 15px; font-weight: bold;}
.ue_next{position: absolute; right: 8px; z-index: 9999;}
.ue_prev{margin-left: 6px; position: absolute;z-index: 9999;}
.container_img_second_slide{padding: 0 70px;}

/*Vista del listado de planes*/
.contain_list_planes{border: 1px solid #F7F7F7;padding: 10px;}
.contain_img_planes{ padding: 5px; background: #f7f7f7; }
.contain_info_planes{ background: #F7F7F7; color: #00436D; padding-left: 10px;}
.list_planes{padding: 0 !important;}
.spacing_planes{margin-bottom: 15px;}
#sortable{width: calc(47.5%); margin: auto !important;}
.precio_destacados a {
    color: #fff;
}

/*General*/
.container-fluid{max-width: 1200px;}
.cursor{cursor:pointer;}
.img-responsive{display: inline-block !important;}
.margin{ margin:5px;}

/*Testimonio*/
.boton-testimonio{
    float: right;
    background: #FCC83C;
    color: #000;
    font-size: 19px;
    padding: 9px 15px;
    font-weight: 800;
    transition: 0.25s;

}
.ui-accordion .ui-accordion-content{
    overflow: none !important;
}
.boton-testimonio:hover{
    border-radius: 5px;
}

/*BOTON EPAYCO*/
.contBtEpayco{
    display: block;
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 9;
    border-top-left-radius: 10px;
}
.contBtEpayco form{
    position: relative;
    display: block;
}

.textEpayco {
    position: absolute;
    background: #fc9f08;
    top: 0px;
    z-index: -1;
    color: #fff;
    line-height: 1;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    transition: all .3s ease;
    right: -121%;
    border-right: 1px solid #d4af91 !important;
    width: 176px;
    font-size: 17px;
    padding: 10px 0 10px 7px;
}
.contBtEpayco:hover *{
    color: #fff;
}
.contBtEpayco:hover .BtEpayco{
    border-radius: 0;
}
.contBtEpayco .textEpayco:hover{
    background-color: #fc9f08;
}
.contBtEpayco:hover .textEpayco{
    right: 100%;
}

.media-left {
    padding: 0;
    width: 40%;
}
.media-left > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@media (min-width: 992px){
	.box_menu{top: -215%; transition: all 0.5s;}
	#menu_button:checked+.box_menu{top: 100%;}
}

@media (max-width: 991px){
	.box_menu{top: -384px; width:50%; transition: all 0.5s;}
	#menu_button:checked+.box_menu{top: 100%; }
	.slider_footer, .img_testimonio{text-align: center}
	.container_img_second_slide img{margin: auto;}
	#footer_container{text-align: center;}
}
	
@media (max-width: 767px){
	.box_menu{top: -320px; width: 100%;}
	.testimonio_second_slide{padding:0;}
	.detalles_slide_principal{font-size: 27px;}
	.titulo_slide_principal{font-size: 20px;}
	#sortable{width: calc(40%);}
}

 @media (max-width : 639px) {
 	.contain_input_aventura{padding: 0;}
	.input_aventura, .button_aventura{width: 100%;}
	.contain_text_aventura{background: none !important; border:none; text-align: center;}
	.container_redes_footer:before, .container_redes_footer:after{width: 25%;}
}

 @media (max-width : 479px) {
 	.container_menu_button{text-align: right; padding: 15px 0 0 0;}
 	.container_slider_footer{padding: 43px 0 0 0}
 	.title_slide_second{font-size: 22px;}
 	.title_slide_second{margin-bottom: 15px}
	.media-left, .media-body{display: block;width: 100%;}
	.media-left{background: #fff;}
	.media-object{margin: auto;}
	.detalles_slide_principal{font-size: 16px;}
	.titulo_slide_principal{font-size: 11px;}
}

@media (max-width : 321px){
	.container_menu_button{padding: 10px 0 0 0;}
	.menu_button{font-size:19px; height: 60px; width: 60px;}
	.menu_button i{line-height: 60px;}
}