/*
* XPERTOSOLUTIONS.COM
* Copyright 2025, epumis@c
* www.xpertosolutions.com
* 2025-07-214
* Theme XPERTO CMS
*/

@import url('https://fonts.googleapis.com/css2?family=Montez&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=TikTok+Sans:opsz,wght@12..36,300..900&display=swap');

:root{
    --important_padding_top:90px;
    --important_padding_bottom:90px;
    --important_padding_tb:90px;
    --important_padding_lr:0;
	--xs_line_height:1.7em;
	--xs_line_height_small:1.3em;
	--xs_background_web:#FFFBE8;
	--xs_text_color_main:#041A22;
	--xs_text_color_main_inverse:#fff;
	--xs_text_color_main_inverse_hover:#E7E10F;
	--xs_text_color_link:#041A22;
	--xs_text_color_link_hover:#E7E10F;
	--xs_text_color_menu:#041A22;
	--xs_text_color_menu_hover:#008C3E;
	--xs_text_color_titles:#041A22;
	--xs_text_color_content_titles:#041A22;
	--xs_text_color_section_titles:#041A22;
	--xs_font_family_main:"TikTok Sans", sans-serif;
	--xs_font_family_titles:"Manrope", sans-serif;
	--xs_font_family_highlight:"Montez", cursive;
	--xs_button_bg_color_first: #E7E10F;
	--xs_button_bg_color_first_hover: #041A22;
	--xs_button_text_color_first: #041A22;
	--xs_button_text_color_first_hover: #E7E10F;
	--xs_button_bg_color_second: #008C3E;
	--xs_button_bg_color_second_hover: #041A22;
	--xs_button_text_color_second: #fff;
	--xs_button_text_color_second_hover: #E7E10F;
	--xs_button_bg_color_third: #041A22;
	--xs_button_bg_color_third_hover: #E7E10F;
	--xs_button_text_color_third:#fff;
	--xs_button_text_color_third_hover: #041A22;
}


/*soporte html5 ie*/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block;}
body,html{height:100%}
html{scroll-behavior: smooth;}
body{
	margin:0px;
	padding:0px;
	font-family: var(--xs_font_family_main);
	font-weight: 400;
	font-size:1.2em ;
	line-height: var(--xs_line_height);
	color: var(--xs_text_color_main);
    position: relative;
    height: 100%;
	background: var(--xs_background_web) url(../image/xs_body_bg.svg) center center;
	background-size: cover;
}

p { margin: 0 0 20px 0; line-height: var(--xs_line_height);}
p img { margin: 0; }

body.xs_template{}

h1,h2,h3,h4,h5,h6{
    font-weight: 700;
    margin:0;
    margin-bottom:10px;
    line-height: var(--xs_line_height);
    font-family: var(--xs_font_family_titles);
	/*color:var(--xs_text_color_titles);*/
}
h1.extra {font-size: 3.2em; }
h1 {font-size: 3.0em; }
h2 {font-size: 2.8em; }
h3 {font-size: 2.2em; }
h4 {font-size: 1.8em; }
h5 {font-size: 1.6em; }
h6 {font-size: 1.4em; }

hr {
	border: solid #eee;
	border-width: 1px 0 0;
	clear: both;
	margin: 1.25rem 0 1.1875rem;
	height: 0;
	display:block;
}
hr.carbon {
	border-color: #3d3d3d;
}
hr.beige {
	border-color: #DABF84;
}
hr.none {
	border-color: transparent;
}

* img{
	max-width: 100%;
	height: auto;
}

* img.block{
	max-width: 100%;
	height: auto;
	display: block;
}

.img_full{
	width: 100%;
	height: auto;
	display:block;
}




.xs_img_container{

	content: "";
	clear: both !important;
}
.xs_img_container p img{
	clear: both !important;
	position: relative;
	z-index: 999999;
	
}
.xs_img_corner{
	width: 200px;
	height: 250px;
	display: block;
	background: #596E3C;
	transform: translate(-1em, -15em);
}

em { font-style: italic; }
strong {
	font-weight:700;
}
small { font-size: 80%; }


blockquote, blockquote p { font-size: 1.0em; line-height: 24px; color: #444; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 9px 20px 1px 19px; border-left: 1px solid #ddd; color:#666; }
blockquote cite { display: block; font-size: 12px; color: #666; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #666; }


/*
* MODULO GOOGLE MAPS googlemaps
*/
.xs_map_container{
	border:1px solid #ddd;
	padding:5px;
}
.xs_map_container img{
	max-width:inherit;
	height:inherit;
}
.xs_map_container.no_border{
    border:none !important; 
    padding:0px;
}

.xs_map_container button{}

.xs_map_header_div{
    background: #fff;
    display: block;
    color:#000;
    text-transform: uppercase;
}

.xs_map_header_div select{border:none;}
.xs_map_header_inner{
    padding:10px;
}


.gm-style-iw{
    color: var(--xs_button_bg_color_second);
}

.gm-style-iw h1
.gm-style-iw h2,
.gm-style-iw h3,
.gm-style-iw h4,
.gm-style-iw h5,
.gm-style-iw h6{
    color:var(--xs_button_bg_color_second);
}


/*
* xs_map_tags de links
*/

a.xs_map_tags{
	list-style:none;
	display:block;
	padding:8px 8px 5px 8px;
	margin-right:5px;
	background:var(--xs_button_bg_color_second);
	border-bottom:#fff 1px solid;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	color:var(--xs_text_color_main_inverse)
}

a.xs_map_tags:hover,
a.xs_map_tags.active{
	background:var(--xs_button_bg_color_second);
	color:var(--xs_text_color_main_inverse);
}


ul.xs_header_buttons{
	text-align:center;
	padding:0px;
	margin:3px 0;
}
ul.xs_header_buttons li{
	display:inline-block;
	padding:0px;
	margin:0px;
	margin-right:10px;
	text-align:left;
	vertical-align:middle;
}
ul.xs_header_buttons li:last-child{
	margin-right:0px;
}

.xs_xperto_container
{}

/* clearfix*/
.clearfix:before,
.clearfix:after,
.row:before,
.row:after,
.xs_row:before,
.xs_row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
.xs_row:after,
.row:after,
.clearfix:after {
  clear: both; }
.xs_row,
.row,
.clearfix {
  zoom: 1; }


/*links generales*/
a{
	color:var(--xs_text_color_link);
	text-decoration:none;
}

a:hover, a:focus{
	color:var(--xs_text_color_link_hover);
	text-decoration:none;
}
a:visited {}


.xs_logo_div p{
	padding:0 !important;
	margin: 0 !important;
}
.xs_logo_div img{display: block;}


.xs_logo_inner{
	padding: 0px 0;
}

.xs_logo_mobile
{
    padding: 0px;
}

.xs_row{ display:block;}

.xs_body_div{
	background: transparent;
}

.xs_login_div{
	margin:auto auto auto auto;
	max-width:280px;
}

.xs_header_div{
	padding:0;
    margin:0;
	clear:both;
	width:100%; /*para sticky header*/
	box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	
	-webkit-box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.1);
	background: #fff url(../image/xs_header_bg.svg) center top;
	background-size: cover;

}

.xs_header_div#xs_header_id{
    position:relative; 
    top: 0; 
    z-index: 100; 
}

/*
* SLIDE CONTAINER
*/
.xs_slide_div{
	background:none;
    position:relative;
    margin:0;
    padding:0;
    box-sizing: border-box;
}
.xs_slide_div p{padding:0;margin:0;}
.xs_slide_div p img{display:block; padding:0;margin:0;}


.xs_header_top_div{
    padding:5px 0 5px 0;
    color:#fff;
    font-size: 0.8rem;
}

.xs_header_top_div a{
    color:#fff;
}

.xs_header_top_div a:hover{
    color:#eee;
}

.xs_extra_navbar_div{
	z-index: 900;
	clear:both;
	width:100%; /*para sticky header*/
	box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
    margin: 0;
    padding: 0;
    display: block;
}

.xs_content_div{ 
	margin:100px 0;
}
.xs_content_inner{
	padding:0;
}

.xs_content_title{
	text-align: center;
	/*text-transform: uppercase;*/
	border-right: 0px;
	border-left: 0px;
	padding:30px 0;
}
.xs_content_title>h2{
	margin:0;
	padding:0;
	font-size:3.3em;
	display:inline-block;
	line-height: 1.3em;
	color:var(--xs_text_color_content_titles);
}

.xs_content_title span.xs_content_title_line{
	display:block;
	height:30px;
	width:30px;
    background: #C7C207;
	margin:10px auto;
	clip-path: circle(7px);
	-webkit-clip-path: circle(7px);
	margin-bottom: 30px;
}

.xs_swiper_slide_title{
    /*display:inline-block;*/
    display:block;
}
.xs_swiper_slide_title span.xs_content_title_line{ /*Agregado via Javascript*/
	display:none;
	height:10px;
	width:10px;
    background: #C7C207;
	margin:10px auto 0px auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


.xs_search_div{
	margin:0;
}
.xs_search_div h1,
.xs_search_div h2,
.xs_search_div h3,
.xs_search_div h4,
.xs_search_div h5,
.xs_search_div h6{
    /*color:#fff;*/
}

.xs_top1_inner,
.xs_top2_inner,
.xs_top3_inner{
    padding:5px 0;
	font-size: 0.75em;
}

.xs_top1_div,
.xs_top2_div,
.xs_top3_div,
.xs_search_div{
    margin: 0px 0;
	
}

.xs_top1_div p,
.xs_top2_div p,
.xs_top3_div p{
	margin:0;
	padding:0;
	margin-bottom:0px;
}
.xs_search_div a,
.xs_top1_div a,
.xs_top2_div a,
.xs_top3_div a{

}
.xs_search_div a:hover,
.xs_top1_div a:hover,
.xs_top2_div a:hover,
.xs_top3_div a:hover{

}


.xs_info_tmp_top1{
    margin:15px 0;
}
.xs_info_tmp_top1:first-child{
    margin:5px 0;
}

.xs_footer_extra_div{
	background:var(--xs_text_color_main);
	padding: 20px 20px 0 20px
}

.xs_footer_div{
	width: 100%;
}

.xs_footer_inner{
	padding:90px 0;
	font-size:0.9em;
	color:#fff !important;
	line-height:1.6em;
}

.xs_footer_inner a{  color:#fff;}
.xs_footer_inner a:hover{  color:#C7C207 !important;}

.xs_footer_div .xs_section_content{
	margin-top:10px;
	margin-bottom:10px;
}


.margin_inline{display:inline-block;}
.margin_bottom_medium{margin-bottom:30px;}
.margin_bottom_large{margin-bottom:50px;}
.margin_bottom_small{margin-bottom:10px;}
.margin_bottom_xsmall{margin-bottom:5px;}

.margin_top_medium{margin-top:30px;}
.margin_top_large{margin-top:50px;}
.margin_top_small{margin-top:10px;}
.margin_top_xsmall{margin-top:5px;}

.margin_right_medium{margin-right:30px;}
.margin_right_large{margin-right:50px;}
.margin_right_small{margin-right:10px;}
.margin_right_xsmall{margin-right:10px;}

.margin_left_medium{margin-left:30px;}
.margin_left_large{margin-left:50px;}
.margin_left_small{margin-left:10px;}
.margin_left_xsmall{margin-left:5px;}

.margin_none{margin:0px; padding:0px; display:inline-block;}

.xs_remove_margin{
	padding:0;
	margin:0;
}

.xs_section_title{
	margin-bottom:40px;
	text-align: center !important;
}
.xs_section_title h3,
.xs_section_title h4{
	display:inline-block;
	font-size:2.2em;
	color:var(--xs_text-color-sectiont-titles);
	margin:0 0 0px 0;
	text-align: center ;
}
.xs_logo_div .xs_section_title h3,
.xs_logo_div .xs_section_title h4{color:var(--xs_text-color-sectiont-titles);}

.xs_section_title span.xs_section_title_line{
	display:block;
	height:20px;
	width:20px;
    background: #C7C207;
	margin:10px auto;
	clip-path: circle(7px);
	-webkit-clip-path: circle(7px);
	margin-bottom: 30px;
}
/*
.xs_section_title span.xs_section_title_line::before{
	display:block;
	height:10px;
	width:10px;
	background: #BA2A3D;
	content: '';
	margin-right: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
	*/


.xs_content_div .xs_section_title {

}
.xs_content_div .xs_section_title .xs_section_title_line{
	/*display:none;*/
}

.xs_content_div .xs_section_title h3{
	font-size: 1.6em;
}

.xs_footer_inner .xs_section_title h3,
.xs_footer_inner .xs_section_title h4{
	color: var(--xs_button_bg_color_first);
	font-size:1.2em;
	background:none;
	padding:0px;
	border:none;
	display:block;
	text-transform:uppercase;
	font-weight:700;
	padding-bottom:0px;
	margin:15px 0;
	text-align: left;
	
}
.xs_footer_inner .xs_section_title {
	text-align: center !important;
	border-bottom:none;
}
.xs_footer_inner .xs_section_title span.xs_section_title_line{
	
	margin:10px 0;
}

.xs_footer_inner h1,
.xs_footer_inner h2,
.xs_footer_inner h3,
.xs_footer_inner h4,
.xs_footer_inner h5{
	/*color:#c8c8c8;*/
}
/*
.xs_footer_inner .xs_section_container{
	margin-bottom:40px;
}*/



.xs_featured_div{
	margin: 0;
}

.xs_featured_inner{
    padding:60px 0;
}

.xs_featured_inner .xs_section_title {margin-top: 50px;}
.xs_featured_inner .xs_section_title h3,
.xs_featured_inner .xs_section_title h4{

}

.xs_featured_inner a{}

.xs_section_container{
	clear: both;
	display: block;
}
.xs_section_container p:last-child{margin-bottom:0;padding-bottom:0;}

.xs_section_container_inner{}


.xs_left_div .xs_section_container,
.xs_right_div .xs_section_container{
	margin-bottom:20px;
}

.xs_left_div,
.xs_right_div{
	margin-top:30px;
}




.xs_event_div{

}
.xs_event_inner{
    padding: 80px 0;
}


.xs_important1_div{
	
}
.xs_important1_inner{padding:var(--important_padding_tb) var(--important_padding_lr) ;}
.xs_important1_div .xs_section_container{padding:0;}

.xs_important1_bg_div{

}
.xs_important1_bg_inner{
    padding:100px 0;
}
.xs_important1_bg_div .xs_section_container{padding:0;}

.xs_important1_inner .xs_section_title h3,
.xs_important1_inner .xs_section_title h4{
    /*color:#DD2370;*/
}



.xs_important2_div{}
.xs_important2_inner{padding:var(--important_padding_tb) var(--important_padding_lr) ;}
.xs_important2_div .xs_section_container{padding:0;}

.xs_important2_bg_inner{padding:var(--important_padding_tb) var(--important_padding_lr);}
.xs_important2_bg_div .xs_section_container{padding:40px 0;}

.xs_important2_full_div{}
.xs_important2_full_div .xs_section_container{

}

.xs_important3_div{}
.xs_important3_inner{padding:var(--important_padding_tb) var(--important_padding_lr);}
.xs_important3_inner .xs_section_container{padding:0;}

.xs_important3_bg_div{}
.xs_important3_bg_inner{padding:var(--important_padding_tb) var(--important_padding_lr);}
.xs_important3_bg_div .xs_section_container{padding:40px;}

.xs_important3_full_div{}
.xs_important3_full_div .xs_section_container{

}

.xs_important3_r6_inner{padding:var(--important_padding_tb) var(--important_padding_lr);}


.xs_important4_div{}
.xs_important4_inner{padding:var(--important_padding_tb) var(--important_padding_lr);}
.xs_important4_div .xs_section_container{padding:0;}

.xs_important4_bg_div{}
.xs_important4_bg_inner{padding:var(--important_padding_tb) var(--important_padding_lr);}
.xs_important4_bg_div .xs_section_container{padding:0;}

.xs_important4_full_div{}

.xs_important4_r6_inner{padding:var(--important_padding_tb) var(--important_padding_lr);}

.xs_important_inverse,
.xs_important_inverse h1,
.xs_important_inverse h2,
.xs_important_inverse h3,
.xs_important_inverse h4,
.xs_important_inverse h5,
.xs_important_inverse a{
	color:var(--xs_text_color_main_inverse) !important;
}
.xs_important_inverse a:hover{
	color:var(--xs_text_color_main_inverse_hover) !important;
}
.xs_important_inverse .xs_section_title{
	/*border-bottom: 1px solid #fff;*/
}
.xs_important_inverse .xs_section_title h3{
	/*border-bottom:7px solid #F49F48;*/
}

.xs_important_inverse .xs_section_title span.xs_section_title_line{
	background:var(--xs_text_color_main_inverse_hover);
}

.xs_important_inverse label,legend {
	color:#fff;
}


.xs_important_black{background:var(--xs_text_color_main);}
.xs_important_bg_white{background:#fff;}
.xs_important_bg_green{background:var(--xs_text_color_menu_hover);}
.xs_important_bg_beige{background:#FFFBE8;}


.xs_important_color_white{color:#fff;}
.xs_important_color_yellow{color:#005E9D;}
.xs_important_color_gray{color:#999;}

.xs_xperto_foot_div{}

.xs_xperto_foot_inner{
	padding:0px 0 50px 0;
	text-align:left;
	font-size:0.8em;
	color:#fff;
    font-weight: 400;
}
.xs_xperto_foot_inner p{
	padding:0;
    margin: 0;
}

.xs_xperto_foot_inner a{color:var(--xs_text_color_main_inverse);}
.xs_xperto_foot_inner a:hover{color:var(--xs_text_color_link_hover);}

.xs_menu_usuario_div{
	margin-top:20px;
}

.xs_seo_div{display:none;}

.xs_adds_header_div{
	background: #fff;
	color: #555;
}

/*
* LISTAS GENERALES
*/

ul li{
	list-style:disc;
	margin:0 0;
	margin-left:25px;
	line-height:1.4em;
}

ul.unstyled_list li{
	list-style:none;
	margin:0 0;
	padding:0;
	line-height:1.4em;
}
ul.unstyled_list{margin-bottom: 5px;}


ol{
	list-style:decimal-leading-zero;
	margin:0px 0 8px 0;
	margin-left:25px;
	line-height:1.4em;
}
ul,ol{	margin-bottom:20px; }



/*
* LISTAS ESTILOS
*/

.check_list li, .chevron_list li, .plus_list li, .arrow_list li, .minus_list li{
    list-style: none;
    margin: 0 0 0.5rem 0;
    padding: 1px 0 1px 28px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.check_list li:hover, .chevron_list li:hover, .plus_list li:hover, .arrow_list li:hover, .minus_list li:hover{
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
}

.check_list li {background: url(../image/list_icons/list_check.png?xs=4565) no-repeat 0% 4px; }
.chevron_list  li {background: url(../image/list_icons/list_chevron.png?xs=4565) no-repeat 0% 4px; }
.plus_list  li {background: url(../image/list_icons/list_plus.png?xs=4565) no-repeat 0% 4px; }
.arrow_list  li {background: url(../image/list_icons/list_arrow.png?xs=4565) no-repeat 0% 4px;}
.minus_list li {background: url(../image/list_icons/list_minus.png?xs=4565) no-repeat 0% 4px; }

.check_list.blue li {background: url(../image/list_icons_blue/list_check.png?xs=4565) no-repeat 0% 4px; }
.chevron_list.blue  li {background: url(../image/list_icons_blue/list_chevron.png?xs=4565) no-repeat 0% 4px; }
.plus_list.blue  li {background: url(../image/list_icons_blue/list_plus.png?xs=4565) no-repeat 0% 4px; }
.arrow_list.blue  li {background: url(../image/list_icons_blue/list_arrow.png?xs=4565) no-repeat 0% 4px;}
.minus_list.blue li {background: url(../image/list_icons_blue/list_minus.png?xs=4565) no-repeat 0% 4px; }

.check_list.green li {background: url(../image/list_icons_green/list_check.png?xs=4565) no-repeat 0% 4px; }
.chevron_list.green  li {background: url(../image/list_icons_green/list_chevron.png?xs=4565) no-repeat 0% 4px; }
.plus_list.green  li {background: url(../image/list_icons_green/list_plus.png?xs=4565) no-repeat 0% 4px; }
.arrow_list.green  li {background: url(../image/list_icons_green/list_arrow.png?xs=4565) no-repeat 0% 4px;}
.minus_list.green li {background: url(../image/list_icons_green/list_minus.png?xs=4565) no-repeat 0% 4px; }

.check_list.yellow li {background: url(../image/list_icons_yellow/list_check.png?xs=4565) no-repeat 0% 4px; }
.chevron_list.yellow  li {background: url(../image/list_icons_yellow/list_chevron.png?xs=4565) no-repeat 0% 4px; }
.plus_list.yellow  li {background: url(../image/list_icons_yellow/list_plus.png?xs=4565) no-repeat 0% 4px; }
.arrow_list.yellow  li {background: url(../image/list_icons_yellow/list_arrow.png?xs=4565) no-repeat 0% 4px;}
.minus_list.yellow li {background: url(../image/list_icons_yellow/list_minus.png?xs=4565) no-repeat 0% 4px; }

.check_list.red li {background: url(../image/list_icons_red/list_check.png?xs=4565) no-repeat 0% 4px; }
.chevron_list.red  li {background: url(../image/list_icons_red/list_chevron.png?xs=4565) no-repeat 0% 4px; }
.plus_list.red  li {background: url(../image/list_icons_red/list_plus.png?xs=4565) no-repeat 0% 4px; }
.arrow_list.red  li {background: url(../image/list_icons_red/list_arrow.png?xs=4565) no-repeat 0% 4px;}
.minus_list.red li {background: url(../image/list_icons_red/list_minus.png?xs=4565) no-repeat 0% 4px; }

.check_list.white li {background: url(../image/list_icons_white/list_check.png?xs=4565) no-repeat 0% 4px; }
.chevron_list.white  li {background: url(../image/list_icons_white/list_chevron.png?xs=4565) no-repeat 0% 4px; }
.plus_list.white  li {background: url(../image/list_icons_white/list_plus.png?xs=4565) no-repeat 0% 4px; }
.arrow_list.white  li {background: url(../image/list_icons_white/list_arrow.png?xs=4565) no-repeat 0% 4px;}
.minus_list.white li {background: url(../image/list_icons_white/list_minus.png?xs=4565) no-repeat 0% 4px; }




.img_clean{margin:0; padding:0; display:block;}

/*
* XPERTO FORMULARIOS
*/

.xs_input_file_choose{
	border:1px solid #666;
	padding:20px 20px;
	display:inline-block;
	line-height:1.0em;  
    display: block;
    background: #FAF9E4;
    cursor: pointer;
}
.xs_input_file_choose:hover{
	border:1px solid #333;
	background: #E8E38D;
}

.xs_form_border {}

.xs_form_login {
  max-width: 300px;
  padding: 15px;
  margin: 0 auto;
}
.xs_form_small{
	font-size:0.85em;
}
.xs_req{
	color:#FF4D4D;
}
.xs_readonly{
	border:#efefef 1px solid !important;
}
.xs_secondary{
	font-size:0.9em;
	color:#555;
}
.xs_recommend{
	color:#555;
	font-style:italic;
	font-size:0.9em;
}


/* Center the loader */
.xs_loading,
.xs_loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #6BCCDA;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.msg{
	padding:140px 20px 20px 20px;
	font-size: 1.2em;
	font-weight:300;
	text-align:center;
	display:block;
	border: 10px solid;
}
.msg.error{
	background: #FF4D4D url(../image/msg/error_blanco.png?xs=243) center 20px no-repeat;
	border-color: #FF4D4D;
	color:#fff;
}
.msg.warning{
	background: #EED75D url(../image/msg/warning_blanco.png?xs=243) center 20px no-repeat;
	border-color: #EED75D;
	color:#fff;
}
.msg.info{
	background: #005FA7 url(../image/msg/info_blanco.png?xs=243) center 20px no-repeat;
	border-color: #005FA7;
	color:#fff;
}
.msg.success{
	background: #85B200 url(../image/msg/success_blanco.png?xs=243) center 20px no-repeat;
	border-color: #85B200;
	color:#fff;
}

.xs_app_title{
	font-size:1.5em;
	font-weight:400;
}

/* xs anima Push */
@-webkit-keyframes xs_anima_push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes xs_anima_push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.xs_anima_push {
  display: inline-block;
  /*vertical-align: middle;*/
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.xs_anima_push:hover, .xs_anima_push:focus, .xs_anima_push:active {
  -webkit-animation-name: xs_anima_push;
  animation-name: xs_anima_push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* xs anima GROW */
.xs_anima_grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.xs_anima_grow:hover, .xs_anima_grow:focus, .xs_anima_grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


/* xs anima Ripple Out */
@-webkit-keyframes xs_anima_ripple_out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

@keyframes xs_anima_ripple_out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

.xs_anima_ripple_out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.xs_anima_ripple_out:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.xs_anima_ripple_out:hover:before, .xs_anima_ripple_out:focus:before, .xs_anima_ripple_out:active:before {
  -webkit-animation-name: xs_anima_ripple_out;
  animation-name: xs_anima_ripple_out;
}

/* xs anima Ripple In */
@-webkit-keyframes xs_anima_ripple_in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}

@keyframes xs_anima_ripple_in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}

.xs_anima_ripple_in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.xs_anima_ripple_in:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -12px;
  right: -12px;
  bottom: -12px;
  left: -12px;
  opacity: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.xs_anima_ripple_in:hover:before, .xs_anima_ripple_in:focus:before, .xs_anima_ripple_in:active:before {
  -webkit-animation-name: xs_anima_ripple_in;
  animation-name: xs_anima_ripple_in;
}


/* xs anima Float */
.xs_anima_float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.xs_anima_float:hover, .xs_anima_float:focus, .xs_anima_float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

/* xs anima Fade */
.xs_anima_fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.xs_anima_fade:hover, .xs_anima_fade:focus, .xs_anima_fade:active {
  background-color: #2098d1;
  color: white;
}

/* Forward */
.xs_anima_forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.xs_anima_forward:hover, .xs_anima_forward:focus, .xs_anima_forward:active {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}

/* Backward */
.xs_anima_backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.xs_anima_backward:hover, .xs_anima_backward:focus, .xs_anima_backward:active {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}


/*
::-moz-selection {  Code for Firefox
    color: #fff;
    background: #FFC800;
}

::selection {
    color: #fff;
    background: #FFC800;
}*/


/*
* xs caption img
*/

div.img_caption{
	padding:0px;
	background:#CCCCCC;
	border:0px solid #D8D8D8;
	clear:both;
	margin-bottom:20px;
	height: auto;
	display:inline-block;
}
p.img_caption{
	font-weight:normal;
	font-size:1.1em;
	font-style:italic;
	padding:8px 15px 12px 15px;
}

div.img_caption:hover{
	background:#D9002D;
	color:#fff;
}
p.img_caption:hover{
	color:#fff;
}


/*
* Video Responsive
*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videoWrapper .xs_wrapper_inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

video {
    width: 100%;
    height: auto;
}
/*
*FORMULARIOS
***********************************/

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
	padding:10px 12px !important;
	font-size:0.9em !important;
	background: var(--xs_text_color_main_inverse) !important;
	color:var(--xs_text_color_main) !important;
	font-weight:400;
	outline: none;
	width: 100%;
	max-width: 100%;
	border:1px solid transparent;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    
}

textarea{
	font-family: var(--xs_font_family_main);
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {
    background: var(--xs_background_web) !important;
    color:var(--xs_text_color_main);
}

select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	padding:10px 12px !important;
	
	background: var(--xs_text_color_main_inverse) !important;
	color:var(--xs_text_color_main) !important;

	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#ffffff 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
    	font-size:0.9em !important;
}
select::-ms-expand {
	display: none;
}


label,legend {
	display: block;
	font-weight: 300;
	font-size: 0.9em;
	text-transform: none;
	margin: 12px 0 10px 0;
	color:var(--xs_text_color_main) !important;
}


label >span{font-weight: 300;}
.xs_input.white{background-color:#fff;}
.xs_input.no_border{border:none;}

label.inline{
	display: inline-block;
}

::-webkit-input-placeholder { /* Edge */
    font-size:0.8em;
}
:-ms-input-placeholder { /* Internet Explorer */
    font-size:0.8em;
}
::placeholder {
    font-size:0.8em;
}

/*
* Button
*---------------------*/
.button,
input[type="submit"],
input[type="reset"],
input[type="button"],
button:not(.gbtn, .handorgel__header__button, .splide__arrow, .splide__pagination__page, .owl-prev, .owl-next, .slick-prev, .slick-next, .slick-dots button)
{
    /*text-transform:uppercase;*/
	border:none;
	background:#eee;
	text-shadow:none;
	box-shadow:none;
	font-weight: 700;
	font-size:0.8em ;

	box-shadow:none;
	padding:15px 30px;
	display:inline-block;
	cursor:pointer;
	line-height:1.0em;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	font-family: var(--xs_font_family_titles);
	text-transform: uppercase;
}

.xs_productos_blog_item .button,
.xs_productos_blog_item button{
	/*
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	*/
}

.xs_productos_blog_item .button.full_width{
    margin:10px 5%;
    width: 90%;
}

.button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover:not(.gbtn, .handorgel__header__button, .splide__arrow, .splide__pagination__page, .owl-prev, .owl-next, .slick-prev, .slick-next, .slick-dots button)
{
	background:#ddd;
	text-shadow:none;
	border:none;
	box-shadow:none;
}
.button.full_width,
button.full_width,
input[type="submit"].full_width,
input[type="reset"].full_width,
input[type="button"].full_width {
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center; }
/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}

.button.x-small{
	font-size:0.8em !important;
	padding:4px 9px !important;
}
.button.small{
	font-size:0.85em !important;
	padding:8px 18px !important;
}
.button.medium{
	font-size:1.0em !important;
	padding:14px 30px !important;
}
.button.large{
	font-size:1.2em !important;
	padding:19px 40px !important;
}


.button, button{
	position: relative;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
	outline: none;
}

.button:after, button:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}



/* First Button
==========================*/
.button.first,
input[type="button"].first,
input[type="submit"].first,
input[type="reset"].first
{
	border: none;
	background:var(--xs_button_bg_color_first);
	color:var(--xs_button_text_color_first) !important;
}
.button.first:hover,
input[type="button"].first:hover,
input[type="submit"].first:hover,
input[type="reset"].first:hover
{
    border: none;
	background: var(--xs_button_bg_color_first_hover) !important;
	color:var(--xs_button_text_color_first_hover) !important;
}

/* Second Button
==========================*/

.button.second,
input[type="button"].second,
input[type="submit"].second,
input[type="reset"].second
{
	border: 0px solid #005E9D;
	background: #005E9D;
	color:#fff;
	text-shadow:none;
	filter: none;

}
.button.second:hover,
input[type="button"].second:hover,
input[type="submit"].second:hover,
input[type="reset"].second:hover
{
	background: #004293;
	color:#fff !important;
}

/* Third Button
==========================*/
.button.third,
input[type="button"].third,
input[type="submit"].third,
input[type="reset"].third
{
	border: 0px solid #005E9D;
	background: #005E9D;
	color:#fff !important;
	text-shadow:none;
	filter: none;
}

.button.third:hover,
input[type="button"].third:hover,
input[type="submit"].third:hover,
input[type="reset"].third:hover
{
    background: #004D8D;
    border: 0px solid #004D8D;
    color:#fff !important;
}

/* Fourth Button
==========================*/

.button.fourth,
input[type="button"].fourth,
input[type="submit"].fourth,
input[type="reset"].fourth
{
	border: 1px solid #5D666C;
	background:none;
	color:#5D666C;
	text-shadow:none;
	filter: none;
}
.button.fourth:hover,
input[type="button"].fourth:hover,
input[type="submit"].fourth:hover,
input[type="reset"].fourth:hover
{
	background:#5D666C;
	color:#fff !important;
}


/*
COLOR BUTTONS
==========================*/


/* black Button
==========================*/
.button.black-border,
input[type="button"].black-border,
input[type="submit"].black-border,
input[type="reset"].black-border
{
	border: 1px solid #5D666C;
	background:none;
	color:#5D666C;
	text-shadow:none;
	filter: none;
}
.button.black-border:hover,
input[type="button"].black-border:hover,
input[type="submit"].black-border:hover,
input[type="reset"].black-border:hover
{background:#5D666C;
color:#fff !important;
}






/* Blue Button
==========================*/
.button.blue,
input[type="button"].blue,
input[type="submit"].blue,
input[type="reset"].blue
{
	border: 0px solid #005E9D;
	background:#005E9D;
	color:#fff;
	text-shadow:none;
	filter: none;
}
.button.blue:hover ,
input[type="button"].blue:hover,
input[type="submit"].blue:hover,
input[type="reset"].blue:hover,
.button.blue:active ,
input[type="button"].blue:active,
input[type="submit"].blue:active,
input[type="reset"].blue:active
{background: #004D8D; color:#fff;}


/* LightBlue Button
==========================*/
.button.lightblue,
input[type="button"].lightblue,
input[type="submit"].lightblue,
input[type="reset"].lightblue
{
	border: 0px solid #0089F9;
	background:#0089F9;
	color:#fff;
	text-shadow:none;
	filter: none;
}
.button.lightblue:hover ,
input[type="button"].lightblue:hover,
input[type="submit"].bllightblueue:hover,
input[type="reset"].bllightblueue:hover,
.button.lightblue:active ,
input[type="button"].lightblue:active,
input[type="submit"].bllightblueue:active,
input[type="reset"].lightblue:active
{background: #0293EB; color:#fff;}



/* Red Button
==========================*/
.button.red,
input[type="button"].red,
input[type="submit"].red,
input[type="reset"].red
{
	border: 0px solid #EB665F;
	background:#EB665F;
	color:#fff;
	text-shadow:none;
	filter: none;
}
.button.red:hover,
input[type="button"].red:hover,
input[type="submit"].red:hover,
input[type="reset"].red:hover
{background:#DD524B; color:#fff;}

/* Yellow Button
==========================*/
.button.yellow,
input[type="button"].yellow,
input[type="submit"].yellow,
input[type="reset"].yellow
{
	border: 0px solid #C7C207;
	background:#C7C207;
	color:#fff !important;
	text-shadow:none;
	filter: none;
}
.button.yellow:hover ,
input[type="button"].yellow:hover,
input[type="submit"].yellow:hover,
input[type="reset"].yellow:hover,
.button.yellow:active ,
input[type="button"].yellow:active,
input[type="submit"].yellow:active,
input[type="reset"].yellow:active
{background: #C5B400; color:#fff !important;}


/* White Button
==========================*/
.button.white,
input[type="button"].white,
input[type="submit"].white,
input[type="reset"].white
{
	border: 1px solid #dddddd;
	background-image: linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-color: #F7F7F7;
	color:#444;
	text-shadow: 1px 1px 0px #fff;
	filter: dropshadow(color=#ffffff, offx=1, offy=1);
}

.button.white:hover,
input[type="button"].white:hover,
input[type="submit"].white:hover,
input[type="reset"].white:hover
{background: #eee;}

/* White green
==========================*/
.button.green,
input[type="button"].green,
input[type="submit"].green,
input[type="reset"].green
{
	border: 1px solid #4DA92C;
	background-color: #4DA92C;
	color:#fff;
	/*
	text-shadow: 1px 1px 0px #fff;
	filter: dropshadow(color=#ffffff, offx=1, offy=1);
	*/
}

.button.green:hover,
input[type="button"].green:hover,
input[type="submit"].green:hover,
input[type="reset"].green:hover
{background: #0F9F5B;}



.button.facebook{
	background:#3b5998;
	color:#fff;
}
.button.youtube{
	background:#FF0000;
	color:#fff;
}
.button.pinterest{
	background:#E60023;
	color:#fff;
}
.button.twitter{
	background:#1DA1F2;
	color:#fff;
}
.button.linkedin{
	background:#0077B5;
	color:#fff;
}
.button.whatsapp{
	background:#25D366;
	color:#fff;
}
.button.mail{
	background:#30353A;
	color:#fff;
}



/*
* HORIZONTAL LIST ul via editor html
*/

ul.horizontal_list{
	text-align:left; margin: 0;
	display:flex;
	flex-direction: row;
	justify-content: space-evenly;
	flex-wrap: wrap;
	gap: 20px;

}
ul.horizontal_list li{
	margin:0px !important;
	padding:0px !important;
	list-style:none;
	flex:0 0 auto;
}
ul.horizontal_list.centered{
	text-align: center;
}
ul.horizontal_list.right{
	text-align: right;
}

/*
* VERTICAL LIST ul via editor html
*/

ul.vertical_list{}
ul.vertical_list li{
	margin:0px;
	padding:0px;
	list-style:none;
	margin-bottom: 10px;
}

ul.vertical_list.lines li{
	border-bottom:1px solid #555;
}



/* menus por defecto xs_menu_vertical */
div.moduletable.xs_menu_vertical{
	display:block;
	margin-bottom:20px !important;
	background: #005E9D;
	padding:15px;
	-webkit-border-radius: 4px;
	-moz-border-radius:4px;
	border-radius: 4px;
	box-shadow: 0px 0px 3px 0px #ddd;
}
div.moduletable.xs_menu_vertical ul.nav.menu{
	display:block;
	list-style:none;
}
div.moduletable.xs_menu_vertical ul.nav.menu li{
	list-style:none;
	margin:0px;
	padding:0px;
	margin-bottom:2px;
	border-bottom:1px solid #008CBF;
	font-size:0.75rem;
}
div.moduletable.xs_menu_vertical ul.nav.menu li:last-child{
	border-bottom:none;
}

div.moduletable.xs_menu_vertical ul.nav.menu li a{
	margin-bottom:0px;
	display:block;
	padding:7px 0px 7px 0px;
		font-weight: 400;
		text-transform:uppercase;
		color:#efefef;
}
div.moduletable.xs_menu_vertical ul.nav.menu li a:hover{
	color:#C7C207;
	text-decoration:none;
	/*background: #000;*/
}

div.moduletable.xs_menu_vertical ul.nav.menu li.active.parent>a,
div.moduletable.xs_menu_vertical ul.nav.menu li.current>a{
	color:#C7C207;
	text-decoration:none;
}

/*submenu para xs_menu_vertical*/
	div.moduletable.xs_menu_vertical ul.nav-child{
		margin-left:10px !important;
	}

	div.moduletable.xs_menu_vertical ul.nav.menu li a:hover{
		color:#C7C207;
	}

	div.moduletable.xs_menu_vertical ul.nav.menu .parent.current>a{
		color:#C7C207;
	}

	div.moduletable.xs_menu_vertical ul.nav.menu .parent.current ul.nav-child .current a{
		color:#C7C207;
	}


/**
*
* NAV_BAR XPERTO
*
*/

.xs_navbar_div{
    margin: 0 !important;
    padding: 0;
    background: transparent;
    display: block;
	position: relative;
	color: #fff;
}



.xs_on_sticky{
	-webkit-animation-name: xs_on_sticky_effect; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 1.0s; /* Chrome, Safari, Opera */
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
	animation-name: xs_on_sticky_effect;
	animation-duration: 1.0s;
	animation-fill-mode: forwards;
}
	@keyframes xs_on_sticky_effect {
		from {
            /*background: #005E9D;*/
		}
		to {
            /*background: #005E9D;*/
		}
	}
	@-webkit-keyframes xs_on_sticky_effect {
		from {
            /*background: #005E9D;*/
		}
		to {
            /*background: #005E9D;*/
		}
	}



/*
* para menus hamburguesa / sidenav en general 
*/
.xs_menu{
    text-transform: uppercase;
    font-size: 1.6em;
}
/*
* menus por defecto Horizontal
*/
/*
* menus por defecto Horizontal
*/
div.moduletable.xs_menu_horizontal{
	display:block;
	margin-bottom:0px !important;
}
div.moduletable.xs_menu_horizontal ul.nav.menu{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 5px;
    /*justify-content:center;*/
	margin:0;
	padding:0;
	text-align:center;
	list-style: none;
}
div.moduletable.xs_menu_horizontal ul.nav.menu>li{
	margin:0;
	padding:0;
	position: relative;
	font-family: var(--xs_font_family_titles) !important;
	font-weight: 700;
	font-size:0.9rem;
	line-height: 1.0em;
	text-transform: uppercase;
	list-style: none;
	flex: 0 0 auto;
	font-family: var(--xs_font_family_main);
}

div.moduletable.xs_menu_horizontal ul.nav.menu>li>a:not(a[data-alias="logo_insert"]){
	margin-bottom:0px;
	display:block;
	padding:0.4em 0.9em;
	margin-top:15px;
	margin-bottom: 15px;
	color:var(--xs_text_color_main);
    background: transparent;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

div.moduletable.xs_menu_horizontal ul.nav.menu>li:first-child>a{
	/*
	background: none;
	padding-left:15px;
	*/
}

div.moduletable.xs_menu_horizontal ul.nav.menu>li:hover>a{
	text-decoration:none;

	-webkit-animation-name: xs_menu_hover; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 0.8s; /* Chrome, Safari, Opera */
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
	animation-name: xs_menu_hover;
	animation-duration: 0.8s;
	animation-fill-mode: forwards;
}

div.moduletable.xs_menu_horizontal ul.nav.menu>li>a:after { content:  ' \025be'; }
div.moduletable.xs_menu_horizontal ul.nav.menu>li>a:only-child:after { content: ''; }

	@keyframes xs_menu_hover {
		from {
			color:var(--xs_text_color_main);
			background: transparent;
		}
		to {
			color:var(--xs_text_color_menu_hover);
			background: transparent;
		}
	}
	@-webkit-keyframes xs_menu_hover {
		from {
			color:var(--xs_text_color_main);
			background: transparent;
		}
		to {
			color:var(--xs_text_color_menu_hover);
			background: transparent;
		}
	}


div.moduletable.xs_menu_horizontal ul.nav.menu>li.active.parent>a,
div.moduletable.xs_menu_horizontal ul.nav.menu>li.current>a{
	text-decoration:none;
	color:var(--xs_text_color_menu_hover) !important;
	background: transparent;
}

@media only screen and (max-width: 900px) {
	div.moduletable.xs_menu_horizontal ul.nav.menu>li{
		display:block;
		position: relative;
		margin-right:0px;
	}
	div.moduletable.xs_menu_horizontal ul.nav.menu>li>a{
		margin-bottom:0px;
		display:block;
		padding:0.8em 0.8em;
		/*font-weight: 400;*/
			/*font-size:1.0em;*/
			/*color:#777;*/
	}

	ul.xs_programacion_list li{
		font-size: 0.8em;
		margin:0px;
		width: 100px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}

}

/* submenus*/

	div.moduletable.xs_menu_horizontal ul.nav-child.unstyled.small{


	}

	div.moduletable.xs_menu_horizontal ul.nav.menu li ul.nav-child {
		/*display: none;*/
		visibility:hidden;
		opacity:0;
			  -webkit-transition: visibility 0s linear 0.5s, opacity 0.5s linear; /* For Safari 3.1 to 6.0 */
				transition: visibility 0s linear 0.5s,opacity 0.5s linear;
		position: absolute;
		top: 100%;
		background: var(--xs_text_color_main);
		z-index:2000;
		margin:0px;
		padding:12px 0;
		min-width:300px;
		max-width:480px;
		
    -webkit-box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.2);
			text-transform:none;

			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
	}

	div.moduletable.xs_menu_horizontal ul.nav.menu ul.nav-child>li{
		padding:0 !important;
		margin:0px;
		display:block;
		text-align: left;
		position: relative;
	}
	div.moduletable.xs_menu_horizontal ul.nav.menu ul.nav-child>li>a{
		padding:10px 18px !important;
		display:block;
		color:var(--xs_text_color_main_inverse);
		font-size:0.85rem !important;
		text-transform: uppercase;
		font-weight:400;
		line-height:1.2em;
	}
	div.moduletable.xs_menu_horizontal ul.nav.menu ul.nav-child>li>a:hover,
	div.moduletable.xs_menu_horizontal ul.nav.menu ul.nav-child>li.current>a{
		color:var(--xs_text_color_link_hover);
		text-decoration:none;
        /*background:#2F2F2F;*/
	}

	div.moduletable.xs_menu_horizontal ul.nav.menu li:hover > ul.nav-child {
		/*display: block;*/
			visibility:visible;
			opacity:1;
				-webkit-transition-delay:0s;
				transition-delay:0s;
	}

    /*posicion de submenus hijos e hijos*/
	div.moduletable.xs_menu_horizontal ul.nav.menu  ul.nav-child ul {
		position: absolute;
        left: 100%;
        top:0%;
	}

.xs_menu_divider{
	display:block;
	min-height:3px;
	background: none;
}



/*
* Tablas
*/

table.xs_tabla{
	width:100%;
	max-width:100%;
	/*border-collapse:collapse;*/
	border-collapse:separate;
	border-spacing:1px 1px;
	padding:0px;
	font-size:0.9em;
}
table.xs_tabla.collapse{
	border-collapse:collapse !important;
}
table.xs_tabla td,
table.xs_tabla th{padding:10px 8px; vertical-align: top;}

table.xs_tabla th{
	font-weight:bold;
	vertical-align:left;
}

table.xs_tabla tr:hover{background:#f0f0f0; }


table.xs_tabla.blue{background:transparent;}
table.xs_tabla.blue th{background:#005E9D; color:#fff;}
table.xs_tabla.blue th a{color:#fff;}
table.xs_tabla.blue tr:nth-child(even) {background:#f2f2f2;}
table.xs_tabla.blue tr:nth-child(odd) {background:#E3E3E3;}

table.xs_tabla.black{background:transparent;}
table.xs_tabla.black th{background:#111; color:#fff;}
table.xs_tabla.black tr:nth-child(even) {background:#f2f2f2;}
table.xs_tabla.black tr:nth-child(odd) {background:#E3E3E3;}

table.xs_tabla.gray{background:#f9f9f9;}
table.xs_tabla.gray th,
table.xs_tabla.gray td.label
{background:#ddd;}
table.xs_tabla.gray tr:nth-child(even) { border-bottom:1px solid #aaa;}
table.xs_tabla.gray tr:nth-child(odd) { border-bottom:1px solid #E3E3E3;}
/*table.xs_tabla.gray td { border-bottom:1px solid #eee;}*/
table.xs_tabla.gray tr:hover td {color:#0B0B0B;}

table.xs_tabla.borde{
	width:100%;
	border-collapse:separate;
	border-spacing:0;
	margin-bottom:15px;
	border: 1px solid #ddd;
}
table.xs_tabla.borde th{
	border: 1px solid #ddd;
	border-right: none;
	text-align:left;
	vertical-align:top;
}
table.xs_tabla.borde th:first-child{}
table.xs_tabla.borde td:last-child {border-right: 1px solid #ddd;}
table.xs_tabla.borde th:last-child {border-right: 1px solid #ddd;}
table.xs_tabla.borde td{
	padding:8px 12px;
	border:#e7e7e7 1px solid;
	border-top: none;
	border-right: none;
}
table.xs_tabla.borde tr:hover{background:#eee;}

table td.xs_col_center{
	text-align:center;
}


	table.xs_tabla td.label{text-align:right; font-weight:700;}

	@media only screen and (max-width: 600px) {
		/*
		table.xs_tabla td,table.xs_tabla th{display:block;clear:both; text-align:left;}
		table.xs_tabla td.label{text-align:left !important;}
		*/
	}

/*
* PANEL
*/

div.xs_panel{}
.xs_box{
	border:1px solid #ccc;
	display:inline-block;
}
.xs_box.block{
	display: block;
}

.xs_box.rounded{
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	border-radius: 22px;
}

.xs_box.rounded20{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.xs_box.rounded10{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.xs_box.rounded5{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.xs_box.padded20{
	padding:20px;
}
.xs_box.padded30{
	padding:30px;
}
.xs_box.padded40{
	padding:40px;
}
.xs_box.padded20_h{
	padding-left:20px;
	padding-right:20px;
}
.xs_box.padded20_v{
	padding-top:20px;
	padding-bottom:20px;
}

.xs_box.brown{
	border:0;
	background:#242415;
	color:#FFCC02 !important;
}
.xs_box.golden{
	background: #B7995D;
	color:#FFF !important;
}
.xs_box.green{
	border:0;
	background:#4DA92C;
	color:#FFF !important;
}
.xs_box.rose{
	border:0;
	background:#DD2370;
	color:#FFF !important;
}
.xs_box.purple{
	border:0;
	background:#444DD0;
	color:#FFF !important;
}
.xs_box.blue{
	border:0;
	background:#005E9D;
	color:#FFF !important;
}
.xs_box.darkblue{
	border:0;
	background:#0046C2;
	color:#FFF !important;
}
.xs_box.lightblue{
	border:0;
	background:#0089F9;
	color:#FFF !important;
}
.xs_box.yellow{
	border:0;
	background:#C7C207;
	color:#FFF !important;
}
.xs_box.orange{
	border:0;
	background:#F1713D;
	color:#FFF !important;
}

.xs_box.black{
	border:0;
	background:#333;
	color:#FFF !important;
}

.xs_box.green{
	border:0;
	background:#4DA92C;
	color:#FFF !important;
}

.xs_box.red{
	border:0;
	background:#BA2A3D;
	color:#FFF !important;
}

/*
* Portafolio labels: categorias
*/

ul.xs_portafolio_label li{
	display:inline-block;
	margin:0px;
	padding:0px;
	margin-left:2px;
	margin-bottom:2px;
	font-size:0.85em;
}
ul.xs_portafolio_label li>a{
	display:block;
	padding:8px 10px;
	background:#fff;
	color:#00D391;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
ul.xs_portafolio_label li>a:hover{background:#AF3534; color:#fff;}
ul.xs_portafolio_label li>a.active{background:#AF3534; color:#fff;}

/*
*
 BLOG VIDEO
 */
.xs_video_blog_item h3.video_titulo{
	font-size: 1.5em;
	margin-top: 15px;
	text-transform: uppercase;
}

/*
* Directorio labels: categorias
*/

.xs_negocio_div{
    display: flex;
    flex-wrap: wrap;
}
.xs_negocio_item_div{
    width: 23%; /* Fallback */
    width: -webkit-calc((100%-5%) / 4);
    width: calc(88%  / 4);
    margin:1%;
}

ul.xs_negocio_label li{
	display:inline-block;
	margin:0px;
	padding:0px;
	margin-left:2px;
	margin-bottom:2px;
	font-size:0.85em;
}
ul.xs_negocio_label li>a{
	display:block;
	padding:5px 8px;
	background:#efefef;
	color:#555;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}
ul.xs_negocio_label li>a:hover{background:#0084B0; color:#fff;}
ul.xs_negocio_label li>a.active{background:#00A5DC; color:#fff;}

.xs_negocio_imagen{
    display:block;
    height: 240px;
    overflow: hidden;
}

.directorio_categoria_blog_item{
text-align: center;
}
.directorio_categoria_blog_item_link h3{
    display:block;
    height: 100px;
    font-size: 1.2rem !important;
    font-weight: 400px;
}
.directorio_categoria_blog_item_link h3:hover{}

div.xs_negocio_item{
    text-align: center;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}

div.xs_negocio_item:hover {

	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
}

div.xs_negocio_item a.xs_negocio_item_link_info{
    padding: 30px 5px !important;
    display: block !important;
}

div.xs_negocio_item a.xs_negocio_item_link_info h2{
    font-size: 1.2em;
    font-weight: normal;
}

@media only screen and (max-width: 960px) {
    .xs_negocio_imagen{
        height: 190px;
        overflow: hidden;
    }
    .xs_negocio_item_div{
        width: 48%; /* Fallback */
        width: -webkit-calc((100% - 4%) / 2);
        width: calc((100% - 4%) / 2);
        margin:1%;
    }
}

@media only screen and (max-width: 779px) {
    .xs_negocio_imagen{
        height: 150px;
        overflow: hidden;
    }
    div.xs_negocio_item a.xs_negocio_item_link_info{
        font-size: 0.8em;
    }
}


/*
INMUEBLES
*/
ul.xs_inmueble_label li{
	display:inline-block;
	margin:0px;
	padding:0px;
	margin-left:2px;
	margin-bottom:2px;
	font-size:0.8em;
}
ul.xs_inmueble_label li>a{
	display:block;
	padding:3px 6px;
	background:#efefef;
	color:#333;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
ul.xs_inmueble_label li>a:hover{background:#111; color:#fff;}
ul.xs_inmueble_label li>a.active{background:#111; color:#fff;}

div.xs_inmueble_item{
    text-align: center;
}

div.xs_inmueble_item:hover {
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
}

div.xs_inmueble_item a.xs_inmueble_item_link_info{
    padding: 30px 5px !important;
    display: block !important;
}

div.xs_inmueble_item a.xs_inmueble_item_link_info h2{
    font-size: 1.2em;
    font-weight: normal;
	text-transform: uppercase;
}

.xs_inmueble_imagen{
}



/*
* Inmueble Categoria item
*/
.xs_inmueble_categoria_blog_item{
	text-align: center;
}
.xs_inmueble_categoria_blog_item:hover{
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
}

.xs_inmueble_categoria_blog_item h3{
    font-size: 1.2em;
    font-weight: normal;
}
.xs_inmueble_categoria_blog_item a:hover h3{
    color:#111;
}
.xs_inmueble_categoria_blog_item h3:before{
	font-family: "FontAwesome";
	content: '\f1b2  ';
	font-weight: 300!important;
}


.xs_inmueble_categoria_blog_link_info{
    padding: 30px 5px !important;
    display: block !important;
}


/*
* TYPOGRAFIA XPERTO
*********************************************/

/*
* RESALTAR
*/

.xs_resaltar.family1{font-family: var(--xs_font_family_main)}
.xs_resaltar.family2{font-family: var(--xs_font_family_titles)}
.xs_resaltar.family3{font-family: var(--xs_font_family_highlight)}

.xs_resaltar.mayusculas, .mayusculas{text-transform:uppercase;}
.xs_resaltar.size8{font-size:8pt;}
.xs_resaltar.size9{font-size:9pt;}
.xs_resaltar.size10{font-size:10pt;}
.xs_resaltar.size12{font-size:12pt;}
.xs_resaltar.size14{font-size:14pt;}
.xs_resaltar.size16{font-size:16pt;}
.xs_resaltar.size18{font-size:18pt;}
.xs_resaltar.size19{font-size:19pt;}
.xs_resaltar.size20{font-size:20pt;}
.xs_resaltar.size22{font-size:22pt;}
.xs_resaltar.size24{font-size:24pt;}
.xs_resaltar.size26{font-size:26pt;}
.xs_resaltar.size28{font-size:28pt;}
.xs_resaltar.size29{font-size:29pt;}
.xs_resaltar.size30{font-size:30pt;}
.xs_resaltar.size32{font-size:32pt;}
.xs_resaltar.size34{font-size:34pt;}
.xs_resaltar.size36{font-size:36pt;}
.xs_resaltar.size38{font-size:38pt;}
.xs_resaltar.size40{font-size:40pt;}
.xs_resaltar.size50{font-size:50pt;}
.xs_resaltar.size60{font-size:60pt;}

.xs_resaltar.bold{
    font-weight:700!important;
}
.xs_resaltar.xbold{
    font-weight:900!important;
}
.xs_resaltar.normal{font-weight:400!important;}
.xs_resaltar.light{font-weight:300!important;}
.xs_resaltar.italic{font-style:italic;}
.xs_resaltar.shadow, .text_shadow{
	text-shadow: 1px 1px 2px rgba(0,0,0,0.9) !important;
}
.xs_resaltar.shadow.inverse, .text_shadow.inverse{
	text-shadow: 1px 1px 2px rgba(255,255,255,0.8) !important;
}


.xs_resaltar.yellow,
h1.xs_resaltar.yellow,
h2.xs_resaltar.yellow,
h3.xs_resaltar.yellow,
h4.xs_resaltar.yellow{color: var(--xs_button_bg_color_first) !important;}

.xs_resaltar.white,
h1.xs_resaltar.white,
h2.xs_resaltar.white,
h3.xs_resaltar.white,
h4.xs_resaltar.white{color:var(--xs_text_color_main_inverse) !important;}

.xs_resaltar.black,
h1.xs_resaltar.black,
h2.xs_resaltar.black,
h3.xs_resaltar.black,
h4.xs_resaltar.black{color: var(--xs_text_color_main) !important;}


.xs_resaltar.green,
h1.xs_resaltar.green,
h2.xs_resaltar.green,
h3.xs_resaltar.green,
h4.xs_resaltar.green{color: var(--xs_button_bg_color_second) !important;}

.xs_resaltar.white_bg,
h1.xs_resaltar.white_bg,
h2.xs_resaltar.white_bg,
h3.xs_resaltar.white_bg,
h4.xs_resaltar.white_bg{
    background: rgba(255,255,255,0.9);
}

.xs_resaltar.black_bg,
h1.xs_resaltar.black_bg,
h2.xs_resaltar.black_bg,
h3.xs_resaltar.black_bg,
h4.xs_resaltar.black_bg{
    background: var(--xs_text_color_main);
}

.xs_resaltar.yellow_bg,
h1.xs_resaltar.yellow_bg,
h2.xs_resaltar.yellow_bg,
h3.xs_resaltar.yellow_bg,
h4.xs_resaltar.yellow_bg{
    background: var(--xs_button_bg_color_first);
}

div.xs_cita.abrir{
	background: url(../image/xs_quotes_open.png) no-repeat 0px 0px;
	padding:0px 40px;
	display:block;
	font-size:1.2em;
}

div.xs_cita.abrir small{font-style:italic;}

div.xs_cita.cerrar{
	background: url(../image/xs_quotes_close.png) no-repeat right bottom;
	display:block;
}

/*----------------
*BREADCRUMB
*-----------------*/

.breadcrumb {
  padding: 0 5px;
  margin: 7px 0;
  list-style: none;
  background-color: #fbfbfb;
  border: 1px solid #ddd;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
     -moz-box-shadow: inset 0 1px 0 #ffffff;
          box-shadow: inset 0 1px 0 #ffffff;
}

.breadcrumb li {
  display: inline-block;
  text-shadow: 0 1px 0 #ffffff;
  zoom: 1;
  margin:0;
  padding:5px;
}

.breadcrumb .divider {
  padding: 0 5px;
  color: #999999;
}

.breadcrumb .active a {
  color: #333333;
}

/*----------------
*PAGINATOR
*-----------------*/

.xs_paginator_div{clear:both; display:block;}

ul.pagination {
	margin:0;
	padding: 0;
	clear:both;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 1px;
}
.pagination li {
	list-style: none;
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
}

.pagination a {
  padding: 8px 10px;
  line-height: 0.9em;
  text-decoration: none;
  border: 0;
  font-size:0.9em;
  background-color: var(--xs_button_bg_color_first_hover);
    color: var(--xs_button_text_color_second_hover);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
		 border-radius: 3px;
}
.pagination a:hover{
  background-color: var(--xs_button_bg_color_first);
  color:var(--xs_button_text_color_first);
  border-color: none;
  
}
.pagination .active a {
  background-color: var(--xs_button_bg_color_first);
  color:var(--xs_button_text_color_first);
  cursor: default;
  border-color: none;
}
.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
  color: #999999;
  cursor: default;
  background-color: transparent;
}
.pagination li:first-child a {
  border-left-width: 1px;

}
.pagination li:last-child a {
}
.pagination-centered {
  text-align: center;
}
.pagination-right {
  text-align: right;
}

/*
* Articulos
*/
.xs_contenido_categoria_div .xs_contenido_categoria_item{
	height: 400px;
	max-height: 400px;
}
.xs_contenido_categoria_div .xs_contenido_articulo_item{
	height: 400px;
	max-height: 400px;
}

.xs_contenidos_item_info{
	display:block;
	color:#999;
	clear:both;
	font-size:0.7em;
}
.xs_contenidos_item_info ul{
	padding:0px;
	margin:0px;
	list-style:none;
}
.xs_contenidos_item_info ul li{
	list-style:none;
	display:inline-block; 
	margin:0 10px 0 0;
	padding:10px 0;
	margin-right:15px;
}
.xs_contenidos_item_info ul li:last-child{margin-left:0px;}


/* SECCCIONES INTRO ESPECIAL en espacio de slider*/
.xs_seccion_intro{
	position:relative;
}
.xs_seccion_intro .xs_seccion_intro_title{
	position:absolute;
	padding:20px 20px;
	font-size:2.0em;
	line-height:1.1em;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8);
	background:none;
	color:#fff;
	top: 26%;
	width:60%;
	text-align:center;
	max-width: 100%;
	min-width: 40%;
	overflow: hidden;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.xs_seccion_intro .xs_seccion_intro_title.rose{
	background:#D8A9AA;
}
.xs_seccion_intro .xs_seccion_intro_title.green{
	background:#4DA92C;
}
.xs_seccion_intro .xs_seccion_intro_desc{
	background:none;
	color:#fff;
	position:absolute;
	padding:20px 20px;
	top: 40%;
	width:40%;
	max-width:50%;
	min-width:50%;
	overflow: hidden;
	margin: 0 auto;
	left: 0;
	right: 0;
	font-style:italic;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8);
}


/*----------
* GLOSARIO
*-----------------*/
.xs_glosario_container .glosario_buscador{}
.xs_glosario_container .glosario_buscador a.link_cap{
	font-weight:700;
	display:inline-block;
	margin-right:2px;
}
.xs_glosario_container .glosario_buscador a.link_cap.selected{
	color:#EF5452;
}
.xs_glosario_item{
    background: #f2f2f2;
    padding: 10px;
    display: block;
}
.xs_glosario_item a{
    color:#555;
}
.xs_glosario_item:hover a{
    color:#333;
}
.xs_glosario_item h3{
    font-size: 0.9em;
    text-align: center;
    font-weight: 400;
}
.xs_glosario_item .info ul{
    font-size: 0.7em;
    list-style: none;
	display:flex;
	flex-direction: row;
	justify-content: space-around;

}

.xs_glosario_item .info ul li{
	list-style: none;
	flex: 0 0 auto;
    margin: 0;
    padding: 0;
}
.xs_glosario_item a .info ul li{
	color:#aaa;
}

.xs_glosario_item:hover{
    background: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

/*----------
* NOTICIAS
*-----------------*/


/*
* Noticia Tag
*/

ul.xs_noticia_tag_list{
	padding:0;
	margin:0;
	margin-bottom:10px;
	font-size: 0.8em;
	list-style: none;
}
ul.xs_noticia_tag_list li{
	list-style: none;
	padding:0;
	margin:0;
	display: inline-block;
}
.xs_noticia_tag{
    display: inline-block;
    padding:3px 6px;
    margin-right: 3px;
	margin-bottom: 2px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background: #C7C207;
    color:#fff !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

}
.xs_noticia_tag:hover{

}
.xs_noticia_tag:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--xs_button_bg_color_second);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.xs_noticia_tag:hover, .xs_noticia_tag:focus, .xs_noticia_tag:active {
	color: var(--xs_button_bg_color_second_hover) !important;
}
.xs_noticia_tag:hover:before, .xs_noticia_tag:focus:before, .xs_noticia_tag:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}


/*destacadas*/
.xs_noticias_destacadas_container{margin-bottom:30px;}
.xs_noticias_destacadas_item a{
	display:block;
	height:54px;
}
.xs_noticias_destacadas_item a>h4{
	font-size:13px;
	font-weight:400 !important;
	margin:0px;
	padding:0px;
}
.xs_noticias_destacadas_fecha{
	color:#666;
	font-size:12px;
	font-style:italic;
}

/*Noticias blog*/
.xs_noticias_blog_container{margin-bottom:30px;}


.xs_noticias_blog_item {
	display: block;
	text-decoration: none;
	border: none;
	margin:0;
	padding: 0px;
	box-sizing: border-box;
	background: var(--xs_button_bg_color_third);
	color: var(--xs_text_color_main_inverse);
	overflow: hidden;
}
.xs_noticias_blog_item:hover{
    -webkit-box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.5);
    background: var(--xs_text_color_main_inverse);
	color: var(--xs_text_color_main);
}


.xs_noticias_blog_item_inner{padding:0;}
.xs_noticias_blog_item_img{
	margin:0px;
}
.xs_noticias_blog_item_inner_link{}
.xs_noticias_blog_item_inner_link:hover{

}

.xs_noticias_blog_item_inner a h4{
	font-weight: 700 !important;
	font-size: 1.3em;
	line-height: var(--xs_line_height_small);
	color: var(--xs_text_color_main_inverse);
	margin: 0;
	/*
	flex-shrink: 1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	*/
}
.xs_noticias_blog_item_inner:hover a h4{
	color: var(--xs_text_color_main);
}


.xs_noticias_blog_item_play{
	display: inline-block;
	position: absolute;
	margin-bottom: 0;
	bottom:0;
	left: 0;
	z-index: 100;
	width: 40px;
	height: 40px;
}

.xs_noticias_blog_intro{}

.xs_noticias_blog_info{
	display:flex;
	flex-direction: column;
	gap:15px;
	margin:0;
    padding:20px 12px;
    box-sizing: border-box;
}
.xs_noticias_blog_info ul {
	list-style:none;
	margin:0;
	padding: 0;
	font-size:0.7em;
	display: flex;
	gap: 15px;
}
.xs_noticias_blog_info ul li{
	list-style:none;
	margin:0;
	padding:0;
	display:inline-block;
}



.xs_noticias_blog_item .xs_noticia_tag_list a{
	color:var(--xs_text_color_main_inverse);
}

.xs_noticias_blog_item .xs_noticia_detail_list li{
	color: var(--xs_text_color_main_inverse);
}
.xs_noticias_blog_item:hover .xs_noticia_detail_list li{
	color: var(--xs_text_color_main);
}




/*vista item*/
.xs_noticias_item_container{margin-bottom:30px;}

.xs_noticias_item_info{
	padding:10px 0 10px 0;
	display:block;
	clear:both;
	font-size:0.9em;
}
.xs_noticias_item_info ul{padding:0px;margin:0px;list-style:none;}
.xs_noticias_item_info ul li{
	list-style:none;
	display:inline-block;
	margin:0 10px 0 0 !important;
	padding:5px 8px;
	background:none;
}
.xs_noticias_item_info ul li:first-child{margin-left:0px;}
.xs_noticias_item_info ul li:last-child{margin-right:0px;}



/* MORE ITEMS complemento a Item*/
.xs_noticias_more_item {
	display: block;
	color:#333;
	text-decoration: none;
	border: none;
	line-height:1.0em;
	margin: 0 0 20px 0;
	padding: 0px;
	background:none;
}

.xs_noticias_more_item a{
	display:block;
	color:#333;
	padding: 0px;

}

.xs_noticias_more_item h4{
	color:#333;
	margin:0 0 10px 0;
	font-size:1.1em;
	font-weight:400 !important;
	font-style:normal;
	line-height:1.0em;
}

.xs_noticias_more_item:hover a,
.xs_noticias_more_item:hover h4{
	color:#000;
}


.xs_noticias_more_item_img img{
	max-width:100%;
	display:block;
}
.xs_noticias_more_info{
	padding:0px;
	display:block;
}
.xs_noticias_more_info ul {
	list-style:none; margin:0px; padding:0px;
	font-size:0.9em;
	opacity: 0.5;
	font-style:normal;
}
.xs_noticias_more_info ul li{
	list-style:none;
	margin:0 10px 0 0;
	padding:0px;
		display:inline-block;
}

.xs_noticias_more_item_inner{
	padding:0px 5px;
	font-size: 0.8em;
}



/* NOTICIAS LATEST items complemento a Item*/
.xs_noticias_latest_item {
	display: block;
	text-decoration: none;
	border: none;
	margin: 0 0 40px 0;
	padding: 8px;
	box-sizing: border-box;
	background:var(--xs_text_color_main_inverse);
    -webkit-transition: transform 0.5s ease-in-out;
    -moz-transition: transform 0.5s ease-in-out;
    -o-transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
	color: var(--xs_text_color_link);
	border: none;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}
.xs_noticias_latest_item:hover{
    -webkit-box-shadow: 0px 0px 40px -8px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 40px -8px rgba(0,0,0,1);
    box-shadow: 0px 0px 40px -8px rgba(0,0,0,1);

    -moz-transform: rotate3d(0,1,0,10deg);
    -webkit-transform: rotate3d(0,1,0,10deg);
    -ms-transform: rotate3d(0,1,0,10deg);
    transform: rotate3d(0,1,0,10deg);
    
    background:var(--xs_text_color_main_inverse);
	color: var(--xs_text_color_main_inverse_hover);
}

.xs_noticias_latest_item a{
	display:block;
}
.xs_noticias_latest_item h4{
	font-size:1.0em;
	color: var(--xs_text_color_link);
	font-weight: 700;
}
.xs_noticias_latest_fecha{
	color:#333;
	font-size:12px;
	font-style:italic;
	margin-top:10px;
}

.xs_noticias_latest_item_img{
	max-width: 100%;
	display: block;
}
.xs_noticias_latest_item_img a{
	display: inline-block;
		position: relative;
}
.xs_noticias_latest_item_play{
	display: inline-block;
	position: absolute;
	margin-bottom: 0;
	bottom:0;
	left: 0;
	z-index: 100;
	width: 40px;
	height: 40px;
}
.xs_noticias_latest_info{
	display:block;
	margin:0;
    padding:20px;
    box-sizing: border-box;
}
.xs_noticias_latest_info ul {
	list-style:none;
	margin:0px;
	padding:0px;
	font-size:0.8em;
}
.xs_noticias_latest_info ul li{
	list-style:none;
	margin:0 0 0 0px;
	padding:0px;
	display:inline-block;
}

.xs_noticias_latest_info a .xs_noticias_latest_titulo{
	font-weight: 400 !important;
	color:var(--xs_text_color_link);
}

.xs_noticias_latest_item_inner{
	padding: 0;
}
/*nos ayudamos de backstretch.js para enviar la imagen de fondo*/
.xs_noticias_latest_item  .xs_noticias_latest_item_BG  .backstretch{
	opacity: 0.5;
}


/* NOTICIAS carousel items WIDGETS */
.xs_noticias_carousel_container .xs_noticias_carousel_item{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}

.xs_noticias_carousel_item {
	line-height:1.1em;
	background:var(--xs_button_bg_color_second_hover);
    border: none;
	color: var(--xs_text_color_main_inverse) !important;
}
.xs_noticias_carousel_item:hover{
	background: var(--xs_background_web);
}

.xs_noticias_carousel_item .xs_noticia_tag_list a{
	color: var(--xs_button_bg_color_first_hover);
}

.xs_noticias_carousel_item h4{
	color:var(--xs_text_color_main_inverse) !important;
	font-size:1.0em !important;
	font-weight:700 !important;
	font-style:normal;
	margin:0px;
	line-height: var(--xs_line_height_small);
}
.xs_noticias_carousel_item:hover h4{
	color: var(--xs_text_color_main) !important;
}
.xs_noticias_carousel_item:hover a{
	color: var(--xs_text_color_main)!important;
}

.xs_noticias_carousel_item>div:first-child{
	height: 220px;
	overflow: hidden;
}
.xs_noticias_carousel_item img{
	display: block;
	width: 100%;
}
.xs_noticias_carousel_info{
	padding:10px 0;
	display:block;
}
.xs_noticias_carousel_info ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

.xs_noticias_carousel_info ul li{
	list-style:none;
	margin:0 10px 0 0;
	padding:0px;
	display:inline-block;
}

.xs_noticias_carousel_item_inner{
	padding:20px;
}

.xs_noticias_carousel_item .xs_noticia_detail_list li{
	font-size: 0.7em !important;
	color: var(--xs_text_color_main_inverse) !important;
}

.xs_noticias_carousel_item:hover .xs_noticia_detail_list li{
	color:var(--xs_text_color_main) !important;
}


/*----------------
* PRODUCTOS
*-------------------*/

/*blog*/
.xs_productos_blog_container{margin-bottom:30px;}
.xs_productos_blog_item{
	border:1px solid #E9E9E9;
	background:#fff;
    color:#000000;
	margin-bottom:20px;
	margin-top:20px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	/*
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);*/
		overflow: hidden;
    position: relative;
}
.xs_productos_blog_item:hover{
    background:#fff;
	border:1px solid #25476F;
	
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
	

}

.xs_productos_blog_item div{

}

.xs_productos_blog_item a.info{
	display:block;
	padding:0 0 10px 0;
	color:#000000 !important;
	overflow:hidden;
}

.xs_productos_blog_item a.info h3{
	font-size:1.0em;
	font-weight:700;
	padding:10px 10px 0px 10px;
	margin:0px;
	text-align:center;
	color:#000000!important;
}

.xs_productos_blog_item:hover a,
.xs_productos_blog_item:hover a h3,
.xs_productos_blog_item:hover a.info h3{
	color:#444444 !important;
}

.xs_productos_blog_item:hover a.button{
    color:#fff !important;
}



h5.xs_productos_blog_item_codigo{
	font-size:0.8em;
	font-weight:400;
	text-align:left;
	/*color:#3A3F45;*/
}
.xs_productos_blog_item:hover a.info h5.xs_productos_blog_item_codigo{
	color:#fff;
}

.xs_productos_blog_item img{
	display:block;
}
.xs_productos_blog_item_desc{
	padding:10px 10px 10px 10px;
	color:#555;
	font-size:0.9em;
}
.xs_productos_blog_item:hover .xs_productos_blog_item_desc{
	color:#000;
}

.xs_productos_blog_item_introduccion{
    padding:0 10px;
}

.xs_productos_blog_item_info{
	padding:10px 10px 10px 10px;
	color:#242424;
	font-size:0.87em;
}
.xs_productos_blog_categoria{
	color:#555;
	font-size:0.9em;
	font-style:italic;
}

.xs_productos_blog_item_categoria{
	font-size:0.8em;
	padding: 0 10px 20px 10px;
}
.xs_productos_blog_item_categoria a{color:#555;}

span.producto_marca{
	display:block;
	padding:0px 10px 0px 10px;
	font-size:0.9em;
}
span.producto_modelo{
	display:block;
	padding:0px 10px 10px 10px;
	font-size:0.9em;
}


.xs_productos_precio{
	font-weight:700;
	font-size:1.0em;
    color: #000;
}

.xs_productos_blog_item:hover .xs_productos_blog_item_desc .xs_productos_precio{
	color: #e63946;
}


.xs_productos_precio_linea{
	font-weight:400;
	font-size:0.9em;
	text-decoration:line-through;
}


/*
* Producto Categoria item
*/
.xs_producto_categoria_blog_item{
	/*border: 1px solid #eee;*/
    background: #fff;
    color:#272523;
}
.xs_producto_categoria_blog_item:hover{
    background: #11265B;
    color:#fff;
}

.xs_producto_categoria_blog_item h3{
	padding: 10px 10px;
    color:#11265B;
    font-weight: 400!important;
    font-size: 0.8rem !important;

}
.xs_producto_categoria_blog_item a:hover h3{
    color:#fff;
}
.xs_producto_categoria_blog_item h3:before{
	font-family: "FontAwesome";
	content: '\f1b2  ';
	font-weight: 300!important;
}

.xs_slide_prod{border:0px solid #eee!important;}
.xs_slide_prod_item{
	font-size:0.75em;
	color:#75808D;
	font-size:300;
}


/*vista item*/
.xs_productos_item_container{margin-bottom:30px;}
.xs_productos_item_info{padding:10px 0 20px 0; display:block; color:#bbb; clear:both;}
.xs_productos_item_info ul{padding:0px;margin:0px;list-style:none;}
.xs_productos_item_info ul li{list-style:none;display:inline-block; margin:0; padding:0; margin-right:15px;}
.xs_productos_item_info ul li:last-child{margin-left:0px;}

/*more items complemento a Item*/
.xs_productos_more_container{margin-bottom:30px;}
.xs_productos_more_item{border:none}
.xs_productos_more_item a.xs_productos_link_item{display:block;padding:0 0 8px 0;}
.xs_productos_more_item a.xs_productos_link_item:hover{background:#f2f2f2;}
.xs_productos_more_item a.xs_productos_link_item>h4{
    font-size:1.0em;
    font-weight:400 !important;
    text-align:center;}
.xs_productos_more_item a.xs_productos_link_item:hover>h4{color:#FF4D4D;}


.xs_productos_more_info {text-align:center;}
.xs_productos_more_categoria{
	color:#999;
	font-size:12px;
	font-style:italic;
	margin-top:10px;
}
.xs_productos_more_detalle{font-size:0.85em; line-height:1.3em;}


.xs_producto_promocion{
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    right:0px;
    top:0px;
    background: transparent url(../image/xs_promocion.svg) top center;
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 2;
}
.xs_producto_promocion.xs_producto_promocion_relative{
    position: relative;
    margin-bottom: 10px;
}


.xs_producto_slider_info_div{
    padding: 0 5px;
    /*text-align: center;*/
}
.xs_producto_slider_info_div.xs_productos_blog_item_presentacion{
    font-size: 0.9em;
}

.xs_producto_tags{margin:10px 0;}
.xs_producto_tags span{
	display: inline-block;
	margin-right: 3px;
	margin-bottom: 3px;
}
.xs_producto_tags span a{
	padding:2px 3px;
	background-color: #E4E4E4;
	color:#272523;
	font-size: 0.75em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.xs_producto_tags span:hover a{
	background-color: #444444;
	color: #fff;
}



/*------------------------
*SERVICIO BLOG
*-------------------------*/
.xs_servicio_blog_container{}
.xs_servicio_blog_item{margin-bottom:10px;}

.xs_servicio_blog_item{background:#ddd;}
.xs_servicio_blog_item .xs_servicio_blog_item_title{
	font-size:0.9em;
	font-weight:700;
	color:#FF4D4D;
	padding:10px 15px 0 15px;
}
.xs_servicio_blog_item_img{max-height:210px; overflow:hidden;}
.xs_servicio_blog_item_link{}
.xs_servicio_blog_item_info{
	color:#333;
	font-size:0.75em;
	padding:0px 15px;
}
.xs_servicio_blog_item .xs_servicio_blog_item_info a{
	color:#333;
}

.xs_servicio_blog_item_info ul.xs_servicio_blog_item_info_list{
	margin:0;
	padding:0;
	list-style:none;
}
.xs_servicio_blog_item_info ul.xs_servicio_blog_item_info_list li{
	margin:0;
	padding:0;
	width:50%;
	float:left;
	list-style:none;
}

.xs_servicio_blog_item:hover{background:#FF4D4D;}
.xs_servicio_blog_item:hover .xs_servicio_blog_item_info{
	color:#fff;
}
.xs_servicio_blog_item:hover .xs_servicio_blog_item_title{
	color:#fff;
}
.xs_servicio_blog_item:hover .xs_servicio_blog_item_info a{
	color:#000;
}

.xs_servicio_blog_item_precio{
	display:inline-block;
	font-size:1.6em;
}
.xs_servicio_blog_item_subtitle{
	font-size:1.1em;
	font-weight:700;
	display:inline-block;
	padding:5px 8px;
	background:#333;
	color:#fff;
}



.xs_servicio_blog_item img{
  -webkit-transition: all 0.5s; /*safari*/
     -moz-transition: all 0.5s;
          transition: all 0.5s;

	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	-webkit-filter: opacity(100%);
	-moz-filter: opacity(100%);
}
.xs_servicio_blog_item:hover img{
	opacity:1.0;
		filter: grayscale(1);
		-webkit-filter: grayscale(1);
		-moz-filter: grayscale(1);
}


.xs_servicio_blog_itinerario{font-size:0.85em;}

.xs_servicio_blog_itinerario ul li{
	list-style:disc;
	margin:0 0;
	margin-left:20px;
	line-height:1.5em;
}


/*-------------------------------
* EVENTOS
*--------------------------------*/

/*----------------
* PRODUCTOS
*-------------------*/

/*blog*/
.xs_eventos_blog_container{margin-bottom:30px;}
.xs_eventos_blog_item{
	border:0;
	background:#222;
  color:#aaa;
	margin-bottom:30px;
}
.xs_eventos_blog_item:hover{
	background:#000;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  color:#fff;
}



.xs_eventos_blog_item a.info{
	display:block;
	padding:0 0 10px 0;
	color:#fff;
	overflow:hidden;
}

.xs_eventos_blog_item a.info h3{
	font-size:1.2em;
	font-weight:400;
	padding:15px 15px 0px 15px;
	margin:0px;
	text-align:left;
	color:#eee;
}

.xs_eventos_blog_item:hover a,
.xs_eventos_blog_item:hover a h3,
.xs_eventos_blog_item:hover a.info h3{
	color:#fff;
}

h5.xs_eventos_blog_item_codigo{
	font-size:0.9em;
	font-weight:400;
	text-align:left;
	/*color:#3A3F45;*/
}
.xs_eventos_blog_item:hover a.info h5.xs_eventos_blog_item_codigo{
	color:#fff;
}

.xs_eventos_blog_item img{
	display:block;
}

.xs_eventos_blog_item img.xs_evento_icono{
	padding:0 20px;
}

.xs_eventos_blog_item_desc{
	padding:10px 10px 10px 10px;
	color:#fff;
	font-size:0.9em;
}
.xs_eventos_blog_item:hover .xs_eventos_blog_item_desc{
	color:#fff;
}

.xs_eventos_blog_item_info{
	padding:10px 15px 10px 15px;
	color:#aaaaaa;
	font-size:0.87em;
}

.xs_eventos_blog_item:hover .xs_eventos_blog_item_info{
	color:#fff;
}

.xs_eventos_blog_categoria{
	color:#555;
	font-size:0.9em;
	font-style:italic;
}

.xs_eventos_blog_item_categoria{
	font-size:0.8em;
	padding: 0 10px 20px 10px;
}
.xs_eventos_blog_item_categoria a{color:#555;}


/*------------------------
*CONTENIDOS BLOG
*-------------------------*/

.contenido_categoria_blog_item h3{
	display:block;
	font-size:1.1em;
}
.contenido_categoria_blog_item h3:hover{color:#fff;}

.contenido_categoria_blog_item_link{
	padding:20px;
	background: #f2f2f2;
	display:block;
	margin-bottom:15px;
}

.contenido_categoria_blog_item_link:hover{
	padding:20px;
	background: #75A60F;
	color:#fff;
}

/*----------------
* DOCUMENTOS
*-------------------*/
.xs_documento_blog_container{}
.xs_documento_blog_item {
	padding:20px;
	display: block;
	vertical-align: middle;
	text-decoration: none;
	border: 1px solid #efefef;
	line-height:1.1em;
	background-color: #fff;
	margin-bottom:10px;
}
.xs_documento_blog_item:hover{
	/*outline:2px solid #f2f2f2;*/
	border: 1px solid #ddd;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    0px 0px 3px 1px rgba(0, 0, 0, 0.1);
	box-shadow:         0px 0px 3px 1px rgba(0, 0, 0, 0.1);
}
.xs_documento_blog_item span{
	display:block;
}
.xs_documento_blog_item.folder{
	height: 80px;
}
.xs_documento_blog_item.file span{
	font-size:0.88em;

}
.xs_documento_blog_item.file:hover{}
.xs_documento_blog_item.file a{
	margin-top:5px;
}
.xs_documento_blog_item.file  .desc{
	display:block;
	font-size:1.005em;
}


/*----------------
* Galeria
*-------------------*/

/*blog*/
.xs_galerias_blog_container{margin-bottom:30px;}


/* =============================================================== */
/* Alert Boxes
================================================================ */
.notification {
	font-size: 1.0em;
	line-height: 1.0em;
	margin-bottom: 15px;
	position: relative;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align:center;
	padding: 20px 20px;
}

.notification p {margin: 0;}
.notification span {font-weight: bold;}

.notification.success {
	background-color: #EBF6E0;
	color: #5f9025;
	border: 3px solid #b3dc82;
	background-image: linear-gradient(bottom, #EBF6E0 0%, #F0FAE7 100%);
	background-image: -o-linear-gradient(bottom, #EBF6E0 0%, #F0FAE7 100%);
	background-image: -moz-linear-gradient(bottom, #EBF6E0 0%, #F0FAE7 100%);
	background-image: -webkit-linear-gradient(bottom, #EBF6E0 0%, #F0FAE7 100%);
	background-image: -ms-linear-gradient(bottom, #EBF6E0 0%, #F0FAE7 100%);
}

.notification.error {
	background-color: #ffe9e9;
	color: #de5959;
	border: 3px solid #fbc4c4;
	background-image: linear-gradient(bottom, #FFE9E9 0%, #FFF2F2 100%);
	background-image: -o-linear-gradient(bottom, #FFE9E9 0%, #FFF2F2 100%);
	background-image: -moz-linear-gradient(bottom, #FFE9E9 0%, #FFF2F2 100%);
	background-image: -webkit-linear-gradient(bottom, #FFE9E9 0%, #FFF2F2 100%);
	background-image: -ms-linear-gradient(bottom, #FFE9E9 0%, #FFF2F2 100%);
}

.notification.warning {
	background-color: #FBFADD;
	color: #8f872e;
	border: 3px solid #ded58a;
	background-image: linear-gradient(bottom, #FBFADD 0%, #FCFBE6 100%);
	background-image: -o-linear-gradient(bottom, #FBFADD 0%, #FCFBE6 100%);
	background-image: -moz-linear-gradient(bottom, #FBFADD 0%, #FCFBE6 100%);
	background-image: -webkit-linear-gradient(bottom, #FBFADD 0%, #FCFBE6 100%);
	background-image: -ms-linear-gradient(bottom, #FBFADD 0%, #FCFBE6 100%);
}

.notification.notice {
	background-color: #E9F7FE;
	color: #5091b2;
	border: 3px solid #b6d7e8;
	background-image: linear-gradient(bottom, #E9F7FE 0%, #F2FAFE 100%);
	background-image: -o-linear-gradient(bottom, #E9F7FE 0%, #F2FAFE 100%);
	background-image: -moz-linear-gradient(bottom, #E9F7FE 0%, #F2FAFE 100%);
	background-image: -webkit-linear-gradient(bottom, #E9F7FE 0%, #F2FAFE 100%);
	background-image: -ms-linear-gradient(bottom, #E9F7FE 0%, #F2FAFE 100%);
}

.notification.success .close, .notification.error .close, .notification.warning .close, .notification.notice .close {
	padding: 0px 10px;
	position: absolute;
	right: 0;
	top: 45%;
	display: block;
	height: 8px;
	width: 8px;
}

.notification.success .close {background: url(../image/alert_boxes_close_ico.png) 0 -8px no-repeat;}
.notification.error .close {background: url(../image/alert_boxes_close_ico.png) 0 0 no-repeat;}
.notification.warning .close {background: url(../image/alert_boxes_close_ico.png) 0 -16px no-repeat;}
.notification.notice .close {background: url(../image/alert_boxes_close_ico.png) 0 -24px no-repeat;}


.xs_hidden{
    display: none;
}


/*
*Productos destacados SLIDE OWL / Lightslider
*------------------*/

.xs_carousel_container{}
.xs_carousel_item{background:#ddd;}
.xs_carousel_item .xs_carousel_item_title{
	font-size:0.9em;
	font-weight:700;
	color:#FF4D4D;
	padding:10px 15px 0 15px;
}
.xs_carousel_item_img{max-height:210px; overflow:hidden;}
.xs_carousel_item_link{}
.xs_carousel_item_info{
	color:#333;
	font-size:0.75em;
	padding:0px 15px;
}
.xs_carousel_item_info ul.xs_carousel_item_info_list{
	margin:0;
	padding:0;
	list-style:none;
}
.xs_carousel_item_info ul.xs_carousel_item_info_list li{
	margin:0 10px 0 0;
	padding:0;
	width:50%;
	float:left;
	list-style:none;
}

.xs_carousel_item_info a{
	color:#333;
}
.xs_carousel_item_precio{
	font-size:1.6em;
}

.xs_carousel_item:hover{background:#FF4D4D;}
.xs_carousel_item:hover .xs_carousel_item_info{
	color:#fff;
}
.xs_carousel_item:hover .xs_carousel_item_title{
	color:#fff;
}
.xs_carousel_item:hover a{
	color:#000;
}

.xs_carousel_item img{
  -webkit-transition: all 0.5s; /*safari*/
     -moz-transition: all 0.5s;
          transition: all 0.5s;

	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	-webkit-filter: opacity(100%);
	-moz-filter: opacity(100%);
}
.xs_carousel_item:hover img{
	opacity:1.0;
		filter: grayscale(1);
		-webkit-filter: grayscale(1);
		-moz-filter: grayscale(1);
}

/*
* ZOOM IN
*------------------------*/
.zoom_image_in,
.zoom_image_out{
overflow: hidden;
/*overflow:visible;*/
position: relative;
}
.zoom_image_in img{
	-webkit-transform: scale(1, 1);
	-webkit-transition-duration: 500ms;
	-webkit-transition-timing-function: ease-out;
	-moz-transform: scale(1, 1);
	-moz-transition-duration: 500ms;
	-moz-transition-timing-function: ease-out;
	-ms-transform: scale(1, 1);
	-ms-transition-duration: 500ms;
	-ms-transition-timing-function: ease-out;
}
.zoom_image_in img:hover{
	-webkit-transform: scale(1.2, 1.2);
	-webkit-transition-duration: 500ms;
	-webkit-transition-timing-function: ease-out;
	-moz-transform: scale(1.2, 1.2);
	-moz-transition-duration: 500ms;
	-moz-transition-timing-function: ease-out;
	-ms-transform: scale(1.2, 1.2);
	-ms-transition-duration: 500ms;
	-ms-transition-timing-function: ease-out;
}

.zoom_image_out img {
	-webkit-transform: scale(1.2, 1.2);
	-webkit-transition-duration: 500ms;
	-webkit-transition-timing-function: ease-out;
	-moz-transform: scale(1.2, 1.2);
	-moz-transition-duration: 500ms;
	-moz-transition-timing-function: ease-out;
	-ms-transform: scale(1.20, 1.20);
	-ms-transition-duration: 500ms;
	-ms-transition-timing-function: ease-out;
}
.zoom_image_out img:hover{
	-webkit-transform: scale(1, 1);
	-webkit-transition-duration: 500ms;
	-webkit-transition-timing-function: ease-out;
	-moz-transform: scale(1, 1);
	-moz-transition-duration: 500ms;
	-moz-transition-timing-function: ease-out;
	-ms-transform: scale(1, 1);
	-ms-transition-duration: 500ms;
	-ms-transition-timing-function: ease-out;
}



/*-------------
SLIDESHOW
*--------------*/

.xs_slideshow_container{
	margin-bottom:0px;
	clear:both;
	background:transparent;
	/*overflow:hidden;*/
	position:relative;
}


/*------------------
* Swiper Slider
*------------------*/

.swiper-slide {
	text-align: left;
	font-size: 1.0em;
	background: #fff;
	display: flex;
	justify-content: start;
	align-items: start;
  }

.swiper-slide img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.xs_swiper_caption{
	position:absolute;
	width:100%;
	height:100%;
	bottom:0%;
	color:#fff !important;
	left:0%;
	right:0%;
	/*background: #25476F;*/
	
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.5) 100%);
    background: -o-linear-gradient(top,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.5) 100%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.5) 100%);
    background: linear-gradient(top,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.5) 100%);
	
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	filter: dropshadow(color=#ffffff, offx=1, offy=1);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.xs_swiper_caption h1,
.xs_swiper_caption h2,
.xs_swiper_caption h3,
.xs_swiper_caption h4,
.xs_swiper_caption h5,
.xs_swiper_caption h6
{
    color:#fff !important;
    /*text-align: center;*/
}

.xs_swiper_caption_inner{
	width:100%;
	height:70%;
	background: transparent;
	box-sizing: border-box;
	padding:60px;
}

.xs_swiper_slide_title h2{
	font-weight:700;
	line-height:1.0em;
	margin-bottom:20px;
	display:inline-block;
	padding:0px 0;
	color:#fff !important;
    text-align: left;
    
}
.xs_swiper_slide_title{
    text-align: left;
}





/*------------------
* Splide Slider
*------------------*/


.xs_splide_caption{
	position:absolute;
	width:100%;
	height:50%;
	bottom:0%;
	color:#fff !important;
	left:0%;
	right:0%;
	font-size:1.0em;
	/*background: #25476F;*/
	
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 10%, rgba(0,0,0,0.8) 100%);
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 10%, rgba(0,0,0,0.8) 100%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 10%, rgba(0,0,0,0.8) 100%);
    background: linear-gradient(top,  rgba(0,0,0,0) 10%,rgba(0,0,0,0.8) 100%);
	
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	filter: dropshadow(color=#ffffff, offx=1, offy=1);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-sizing: border-box;
}
.xs_splide_caption h1,
.xs_splide_caption h2,
.xs_splide_caption h3,
.xs_splide_caption h4,
.xs_splide_caption h5,
.xs_splide_caption h6
{
    color:#fff !important;
    /*text-align: center;*/
}

.xs_splide_caption_inner{
	position:absolute;
	top:0%;
	width: 100%;
	height:100%;
	background: transparent;
	box-sizing: border-box;
	padding:30px;

}

.xs_splide_slide_title h2{
	font-weight:700;
	line-height:1.0em;
	margin-bottom:20px;
	display:inline-block;
	padding:0px 0;
	font-size: 2.0em;
	color:#fff !important;
    text-align: left;
    
}
.xs_splide_slide_title{
    text-align: left;
}


.splide__slide{
	/*
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	overflow: hidden;
	*/
}


/*-------------
* MENU RESPONSIVE CON SLICKNAV JS
*----------*/

/*contenedor de menu móvil*/
.slicknav_menu {
	display:none;
	padding:0px;
	background:var(--xs_button_bg_color_second) !important;
}

.slicknav_nav{
	background:var(--xs_button_bg_color_second) !important;
	padding:20px 10px;
	margin:0px;
}

ul.slicknav_nav li{
	padding:0px;
	margin:0; 
	font-size: 1.1rem;
}


.slicknav_nav li a[data-alias="logo_insert"]{
	display: none !important;
}

.slicknav_nav,
.slicknav_nav a
{color:var(--xs_text_color_main_inverse);}

.slicknav_nav li a{
	padding: 10px 10px;
}

.slicknav_nav a:hover,
.slicknav_nav .slicknav_item:hover,
.slicknav_nav .slicknav_item:hover a{
	color:var(--xs_button_bg_color_second_hover) !important;
	background:var(--xs_button_bg_color_first) !important;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
/*boton de menu móvil*/
.slicknav_btn {
	margin: 1.1em 0.5em 1.1em 0;
	text-decoration:none;
	/*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.50);	*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: var(--xs_button_bg_color_first);
	padding: 0.8em 0.8em;

	line-height: 1.0em;
}
.slicknav_menu .slicknav_icon-bar {
	display: block;
	width: 1.125em;
	height: 0.2em;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;

}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }

/* Texto del botón */
.slicknav_menu  .slicknav_menutxt {
	color: #fff;
	font-weight: 400;
	/*text-shadow: 0 1px 3px #000;	*/
}
/* Lineas del boton */
.slicknav_menu .slicknav_icon-bar {
  background-color: #fff;
}

ul.slicknav_nav li.current>a{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color:#fff !important;
	background: var(--xs_text_color_main) !important;
}


.xs_temporal_menu_div{
	margin:0px 10px auto auto;
	padding:0px;
	vertical-align:middle;
	line-height:1.0em;
    max-width: 80%; /* se puede poner auto*/
    float: left;
		height: auto;

}
.xs_temporal_menu_div div.xs_section_container{
	margin-top:0px;
	padding:0px;
	line-height:1.0em;
}
.xs_temporal_menu_div div.xs_section_container div.xs_section_content{
	margin-top:0px;
	padding:0px;
	line-height:1.0em;
}
.xs_temporal_menu_div div.xs_section_container div.xs_section_content img{
	margin-top:0px !important;
	padding:0px !important;
}


/*
* ICONOS COLORES awesome
*/

.af_icon.facebook{
	color:#4267B2;
}
.af_icon.youtube{
	color:#FF0000;
}
.af_icon.twitter{
	color:#00BBF2;
}
.af_icon.linkedin{
	color:#0077B5;
}
.af_icon.whatsapp{
	color:#00E676;
}
.af_icon.mail{
	color:#30353A;
}


/*
* BUSCADOR
*/

.xs_buscador_container{
    margin-top:0px;
}
.xs_buscador_palabra{
	border:0px solid #ccc !important;
	background: #fff !important;
    width: 100% !important;

	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px !important;
}
.xs_buscador_palabra:focus{
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
}

ol.xs_buscador_blog_list{
	padding:20px 20px;
}
ol.xs_buscador_blog_list li{
	padding:15px 0px;
	border-bottom:1px solid #7FADFF;
}
ol.xs_buscador_blog_list li a{
	display:block;
}

/*
* Buscador Repositorio
*/

.xs_buscador_repositorio_container{
	margin:18px 0;
}

/*
*Carousel con lightslider por ejemplo logotipos funciona con SLIDESHOW
*/

.xs_image_carousel li{}

.xs_image_carousel li h3,
.xs_image_carousel li a h3{
    font-size: 1.0em;
	text-align: center;
	margin-top: 10px;
    font-weight: 400;
    padding:10px;
	display:block;
	color:#FFF !important;
}
.xs_image_carousel li a:hover h3{
	color: #00ADEF;
}

.lslide .xs_slide_item{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px !important;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); 
        text-align: center;
    margin: 20px 10px;
    padding:0px;
	background:#98943D;
}
.lslide .xs_slide_item:hover{
	-webkit-box-shadow: 0 0 15px rgba(255, 255, 255, 0.4);
	-moz-box-shadow: 0 0 15px rgba(255, 255, 255, 0.4);
	box-shadow: 0 0 15px rgba(255, 255, 255, 0.4); 
}

.lslide .xs_slide_item img{
	text-align: center;
	display: block;
	margin: 0 auto 0 auto;
}





.lSPager li{
    margin:0px;
    padding:0px;
    border: 0px solid #eee;
}
.lSPager li:hover{
    border: 0px solid #ddd;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px !important;
}
.lSPager.lSGallery{
    width: 100%!important;
}

.lSSlideOuter .lSPager.lSGallery li{
    -webkit-transition: none;
    transition: none;

}

.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 0px !important;
    border-bottom: 2px solid #222;
}


.xs_image_carousel .owl-item{
    text-align: center;
    
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px !important;
    /*
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); 
    */
	background: #fff;
}

.xs_image_carousel .owl-item div{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.xs_image_carousel .owl-item div h3{
    font-size: 1.2em;
	text-align: center;
	margin-top: 10px;
    font-weight: 700;
    padding:10px;
	display:block;
	color: #0372DE;
}


.xs_image_carousel .owl-item div .xs_info_hover_desc{
    line-height: 1.05em;
    padding: 10px 0;
	position:absolute;
	z-index: 1;
	bottom:0;
	/*background: rgba(0, 0, 0, 0.10);*/
	display: block;
	width: 100%;
	height: 30%;
    z-index: 100;
}

/*
.xs_image_carousel .owl-item div .xs_info_hover_desc:hover{
	background: rgba(0, 0, 0, 0.6);
}*/

.xs_info_hover_desc{
    text-align: center;
}
.xs_info_hover_desc h3{
	color:#00A3DB;
	display: inline-block;
	margin: 40px auto 40px auto;
    font-size: 1.2em;
}

.xs_info_desc{
	padding:0px 10px 10px 10px;
    box-sizing: border-box;
	font-size:0.9em;
	line-height: 1.0m;
}



.xs_slide_item_div{position: relative;}
.xs_slide_item_gradiente{
    position:absolute!important;
    z-index:2;
    right:0; 
    bottom:0; 
    left:0;
    height:100%;
    background: none;
    
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 90% rgba(0,0,0,.7) 60%,);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 60%, rgba(0,0,0,.7) 90%);
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 60%, rgba(0,0,0,.7) 90%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 60%, rgba(0,0,0,.7) 90%);
    background: linear-gradient(top,  rgba(0,0,0,0) 60%, rgba(0,0,0,.7) 90%);
}

.xs_carousel_title{
    position:absolute!important;
    z-index:2;
    right:0; 
    bottom:0; 
    left:0;
    width:100%;
    background: none;
}


/*eventos*/

.xs_evento_div{}
.xs_evento_div .xs_evento_item{
	background: rgba(255, 255, 255, 1.0);
	color:#333;
	margin-bottom:10px;
	clear:both;
	display:block;
}
.xs_evento_div .xs_evento_icono{
	float:left;
	width:15%;
	padding:10px;
}
.xs_evento_div .xs_evento_info{
	width:60%;
	float:left;
	padding:10px;
}
.xs_evento_div .xs_evento_info .xs_titulo{
	font-weight:700;
	font-size:1.1em;
}
.xs_evento_div .xs_evento_info .xs_titulo a{ color:#333;}

.xs_evento_div .xs_evento_fecha{
	float:right;
	width:22%;
	background:#E0C429;
	color:#fff;
	padding:10px;
}
.xs_evento_div .xs_evento_fecha .xs_evento_fecha_fecha{
	font-weight:700;
	font-size:1.0em;
}
.xs_evento_div .xs_evento_fecha .xs_evento_fecha_hora{
	font-size:0.9em;
}

/*
* Flexslider
*/

.flexslider ul{
	list-style:none;
}
.flexslider ul li{
	list-style:none;
}
/*
.flex-nav-prev a.flex-prev:before{content:''}
*/
.flex-direction-nav a {
	text-shadow: 0px 0px 0 rgba(255, 255, 255, 0.0)!important;
}
.flex-direction-nav a:before {
	line-height:1.1em;
	color: rgba(0, 0, 0, 1)!important;
	font-weight:300!important;
	text-shadow: 0px 0px 0 rgba(255, 255, 255, 0.0)!important;
}
.flex-direction-nav .flex-prev{
	/*color:transparent!important;*/
}
.flex-direction-nav .flex-next{/*color:transparent!important;*/}
.flex-direction-nav a {}



/*
* PWS_TABS
*/
.pws_tabs_container ul.pws_tabs_controll li{list-style:none;margin:0px;padding:0px;}
.pws_tabs_container ul.pws_tabs_controll li a {
	background:#f2f2f2;
	color: #333;
	font-size:1.1em;
}
.pws_tabs_container ul.pws_tabs_controll li a:hover {
	background:#EBEBEB;
}
.pws_tabs_container ul.pws_tabs_controll li a.pws_tab_active {
	background-color: #e6e6e6;
}
.pws_tabs_list {
	background-color: #e6e6e6;
	padding:24px!important;
}

.pws_tab_single{
    
}




/* Default styles shown in demo */
.numble-wrapper{
  /* contains the original input and the numble control */
}

.numble-control{
  padding: 5px 24px;
  border: 1px solid #bbb;
  background-color: #f9f9f9;
  position: relative; /* should probably keep this, the rest can be customized to your liking */
    text-align:center;
}

/* These styles are only applicable if includeButtons is set to true */
.numble-control .numble-arrow{
    font-size: 1.0em;
    font-weight:700;
    cursor: pointer;
    display:inline-block;
    line-height:2.0em;
    width:28px;
    height:100%;
    text-align:center;
    vertical-align: middle;
    background:#dcdcdc;
}
.numble-control .numble-arrow:hover{
	background:#d2d2d2;
}

.numble-control .numble-increment{
    top: 0px;
    right:0px;
    position: absolute;
}

.numble-control .numble-decrement{
    top: 0px;
    left:0px;
    position: absolute;
}


/*epago*/
.xs_epago_numero_items_contenedor{

}
.xs_epago_usuario_contenedor{
    
}
.xs_epago_numero_items{
	display:inline-block;
	height:18px;
	width:18px;
	/*position:absolute;*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #85AF28 ;
	text-align:center;
    color:#fff;
	line-height:1.6em;
	font-size:0.8em;
	top:3px;
	right:3px;
}


/*
* whatapp floatting button
*/
.whatsapp_float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	left:20px;
	background-color:#25d366;
	color:#FFF;
	border-radius:60px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #666;
  z-index:100;
}

.whatsapp_float_icon{
	margin-top:16px;
}

@media only screen and (min-width: 768px) {
.whatsapp_float{
    left: 10px;
    bottom: 15px;
  }
}

/*
* PRICE TABLE
*/

* {
    box-sizing: border-box;
}

/* Create three columns of equal width */
.price_columns {
    float: left;
    width: 33.3%;
    padding: 8px;
}

/* Style the list */
.price {
	list-style: none;
    border: 1px solid #eee;
    margin: 0 !important;
    padding: 0 !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

/* Add shadows on hover */
.price:hover {
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}

/* Pricing header */
.price .header {
    background-color: #111;
    color: white;
    font-size: 25px;
}

/* List items */
.price li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #eee;
    padding: 20px;
    text-align: center;
	list-style: none;
}

/* Grey list item */
.price .grey {
    background-color: #eee;
    font-size: 20px;
}

/* Green list item */
.price .green {
    background-color: #4DA92C;
    font-size: 20px;
}

/* The "Sign Up" button */
.price_button {
    background-color: #4DA92C;
    border: none;
    color: white;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
}

/* Change the width of the three columns to 100%
(to stack horizontally on small screens) */
@media only screen and (max-width: 600px) {
    .price_columns {
        width: 100%;
    }
}



/*
* TABSLIDESHOW se ayuda de SLICKJS carrousel
*------------------------*/
ul.xs_carousel_tabs{ /* son los tabs del slideshow: los programó xpertoslutions*/
	list-style:none;
	margin:0;
	padding:0;
	display:block;
	text-align:center;
	background: rgba(35, 182, 211, 1.0);
	position:absolute;
	bottom:-40px;
	width:100%;
	font-weight:400;
}

ul li.xs_ir_a_slide{
	list-style:none;
	margin:0;
	padding:20px 20px;
	display:inline-block;
	color:#fff;
	font-size:0.9em;
	position:relative;

}
ul li.xs_ir_a_slide:hover{
	cursor:pointer;
	background: rgba(38, 164, 199, 1.0);
	color:#fff;
}
ul li.xs_ir_a_slide.active{
	background: rgba(38, 164, 199, 1.0);
	color:#fff;
}

.xs_ir_a_slide_arrow{}


ul li.xs_ir_a_slide:hover .xs_ir_a_slide_arrow{
	/*background: url(../image/tabslide_arrow.svg) center center no-repeat;*/
    background-color: rgba(253, 185, 62, 0.7);
    -webkit-mask-image: url(../image/tabslide_arrow.svg);
    mask-image: url(../image/tabslide_arrow.svg);
}
ul li.xs_ir_a_slide.active .xs_ir_a_slide_arrow{
	/*background: url(../image/tabslide_arrow.svg) center center no-repeat;*/
    background-color: rgba(253, 185, 62, 0.7);
    -webkit-mask-image: url(../image/tabslide_arrow.svg);
    mask-image: url(../image/tabslide_arrow.svg);
}


.xs_tabslideshow_desc{}
.xs_tabslideshow_desc h1,
.xs_tabslideshow_desc h2,
.xs_tabslideshow_desc h3,
.xs_tabslideshow_desc h4,
.xs_tabslideshow_desc h5,
.xs_tabslideshow_desc h6{
	/*color:#fff;*/
}


.xs_tabslideshow_desc .xs_tab_content_padding{
	padding: 40px;
}


@media screen and (max-width: 1220px) {
    .xs_resaltar.size8{font-size:7pt;}
    .xs_resaltar.size10{font-size:8pt !important;}
	.xs_resaltar.size12{font-size:10pt !important;}
	.xs_resaltar.size14{font-size:12pt !important;}
	.xs_resaltar.size16{font-size:14pt !important;}
	.xs_resaltar.size18{font-size:16pt !important;}
	.xs_resaltar.size19{font-size:17pt !important;}
	.xs_resaltar.size20{font-size:18pt !important;}
	.xs_resaltar.size22{font-size:18pt !important;}
	.xs_resaltar.size24{font-size:20pt !important;}
	.xs_resaltar.size26{font-size:22pt !important;}
	.xs_resaltar.size28{font-size:24pt !important;}
	.xs_resaltar.size29{font-size:25pt !important;}
	.xs_resaltar.size30{font-size:27pt !important;}
	.xs_resaltar.size32{font-size:29pt !important;}
	.xs_resaltar.size34{font-size:30pt !important;}
	.xs_resaltar.size36{font-size:32pt !important;}
	.xs_resaltar.size38{font-size:34pt !important;}
	.xs_resaltar.size40{font-size:36pt !important;}
	.xs_resaltar.size50{font-size:40pt !important;}
	.xs_resaltar.size60{font-size:50pt !important;}

		div.moduletable.xs_menu_horizontal ul.nav.menu>li>a{
			margin-bottom:0px;
			display:block;
			padding:8px 12px;
            font-size:0.8em;
            line-height:1.0em;
		}
		div.moduletable.xs_menu_horizontal ul.nav.menu>li{
			/*margin-right:15px;*/
		}

}


@media screen and (max-width: 980px) {
    body{font-size: 1.0em}
    
	.xs_navbar_div{
        display:none;
        width:100%;
    }

	.xs_header_div{
		padding:0;
	}
    
	.xs_logo_div{display:none;}
    
    
	#xs_menu_id {display:none !important;} 
    

	/*pading cabecera menuslick*/
	.slicknav_menu {
		display:block;
		background: #fff;
		padding:0px 0;
	}/*boton de menu móvil*/

	.xs_swiper_caption{
		position:absolute;
		width:100%;
		height:100%;
	}
	.xs_swiper_caption_inner{
		position:absolute;
		width:100%;
		bottom:10%;
		text-align:center;
		color:#fff;
		left:0%;
		right:0%;
		font-size: 1.0em;
	}

	.xs_temporal_menu_div{width: 80%;}

    
    .xs_header_div{
		-webkit-box-shadow: none;
		-moz-box-shadow:    none;
		box-shadow:         none;
    }
    .xs_extra_navbar_div{
		-webkit-box-shadow: none;
		-moz-box-shadow:    none;
		box-shadow:         none; 
    }
    
    
    ul.xs_header_buttons{
        text-align:center;
        margin:5px 0;
        font-size: 1.0em;
    }
    
    .xs_tabslideshow_desc h1{font-size: 1.4em !important;}
    .xs_tabslideshow_desc h2{font-size: 1.3em;}
    .xs_tabslideshow_desc h3{font-size: 1.2em;}
    .xs_tabslideshow_desc h4{font-size: 1.1em;}
    .xs_tabslideshow_desc h5{font-size: 1.0em;}
    .xs_tabslideshow_desc h6{font-size: 1.0em;}

    /*slickjs carrousel*/
    .slick-prev,
    .slick-next{
        top:0%;
    }
    
}

@media only screen and (max-width: 779px) {
	body{font-size: 0.95rem}
    
	.moduletable.xs_menu_vertical .xs_menu_slicknav .slicknav_menu{
		display:block;
		background: #fff;
		padding:0px 0;
	}
	.xs_menu_vertical_movil{
		display:none;
	}
    .moduletable.xs_menu_vertical .xs_menu_slicknav .slicknav_menu .slicknav_btn {
        margin: 0px 0px;
        text-decoration:none;
        /*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.50);	*/
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        background-color:#25476F;
        padding: 0.8em 0.8em;
        margin-top:0px;
        margin-bottom:0px;
        line-height: 1.0em;
    }
    
    
	.xs_swiper_caption_inner{
		position:absolute;
		width:100%;
		bottom:10%;
		text-align:center;
		color:#fff;
		left:0%;
		right:0%;
		font-size: 0.95em;
	}

	.xs_splide_caption{
		width:100% !important;
		height:100% !important;
		top:0% !important;
		bottom: auto !important;
		font-size:0.9rem !important;
	}
	.xs_splide_caption_inner{
		padding: 20px 10px !important;
	}
    

    .xs_buscador_container{
        margin: 0px 0;
    }
    
    .xs_top1_div,
	.xs_top2_div,
	.xs_top3_div{margin: 0; text-align: center;}
	.xs_search_div{margin: 5px 0 15px 0; text-align: center;}

	.xs_temporal_menu_div{width: 80%;}
    
    .xs_resaltar.size8{font-size:6pt;}
    .xs_resaltar.size10{font-size:7pt !important;}
	.xs_resaltar.size12{font-size:8pt !important;}
	.xs_resaltar.size14{font-size:10pt !important;}
	.xs_resaltar.size16{font-size:12pt !important;}
	.xs_resaltar.size18{font-size:14pt !important;}
	.xs_resaltar.size19{font-size:15pt !important;}
	.xs_resaltar.size20{font-size:16pt !important;}
	.xs_resaltar.size22{font-size:17pt !important;}
	.xs_resaltar.size24{font-size:18pt !important;}
	.xs_resaltar.size26{font-size:20pt !important;}
	.xs_resaltar.size28{font-size:22pt !important;}
	.xs_resaltar.size29{font-size:23pt !important;}
	.xs_resaltar.size30{font-size:25pt !important;}
	.xs_resaltar.size32{font-size:26pt !important;}
	.xs_resaltar.size34{font-size:28pt !important;}
	.xs_resaltar.size36{font-size:30pt !important;}
	.xs_resaltar.size38{font-size:32pt !important;}
	.xs_resaltar.size40{font-size:34pt !important;}
	.xs_resaltar.size50{font-size:36pt !important;}
	.xs_resaltar.size60{font-size:40pt !important;}
	ul.xs_carousel_tabs{
		font-size:0.8em;
	}
	ul li.xs_ir_a_slide{
		padding:10px 18px;
	}

    .xs_tabslideshow_desc{
        position:relative;
        width:100%;
        padding:20px 20px;
    }
    
    
    .xs_epago_numero_items{
        display:inline-block;
        height:18px;
        width:18px;
        /*position:absolute;*/
        -webkit-border-radius: 9px;
        -moz-border-radius: 9px;
        border-radius: 9px;
        text-align:center;
        color:#fff;
        line-height:1.6em;
        font-size:1.0em;
        top:30%;
        right:3px;
    }
    
    
    .xs_footer_inner{

    }
    
    .xs_important1_bg_inner{
        /*padding:10px 0 50px 0;*/
    }
    
}

@media only screen and (max-width: 600px) {
	body{font-size: 0.95rem}
    
	.table-responsive {
		overflow-x:auto;
	}

	.xs_swiper_slide_title h2{
		font-size: 1.3em;
		margin-bottom: 0px;
	}
	.xs_swiper_caption_inner{
		position:absolute;
		width:100%;
		text-align:center;
		color:#fff;
		left:0%;
		right:0%;
		top: 10%;
		font-size: 0.95em;
		padding: 10px;
		box-sizing: border-box;
		/*background: none;*/
        /*text-shadow: 1px 1px #000;*/
	}

	ul.xs_carousel_tabs{
		font-size:1.0em;
	}
	ul li.xs_ir_a_slide{
		padding:5px 8px;
		display: block;
		clear: both;
	}

	.xs_ir_a_slide_arrow{
		left:20%;
	}

	.xs_tabslideshow_desc .xs_tab_content_padding{
		padding: 20px 0 20px 0;
	}


}


.xs_destacado{
	padding-bottom: 20px;
	border-bottom: 2px dotted #aaa;
}


.xs_iconos_home_lines div{
	border-right: 1px solid #66C9EA !important;
}
.xs_iconos_home_lines div:last-child{
	border:none!important;
}


.xs_front_grid{
	display:grid;
	grid-template-columns: auto;
}


span.xs_label{
	display:block;
	padding:1px 6px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 0.8em;
}
span.xs_label.Alto{
	background:#F35958;
	color:#fff;
}
span.xs_label.Medio{
	background:#F2C62E;
	color:#fff;
}
span.xs_label.Bajo{
	background:#6ECFF5;
	color:#fff;
}

span.xs_label.RepositorioTag{
	display:inline-block !important;
	margin-right:5px;
	margin-bottom:2px;
	background:#556270;
	color:#fff;
}


span.xs_label.entrega4{
	background:#6ECFF5;
	color:#fff;
}
span.xs_label.entrega3{
	background:#F35958;
	color:#fff;
}
span.xs_label.entrega2{
	background:#F2C62E;
	color:#fff;
}
span.xs_label.entrega1{
	background:#32B456;
	color:#fff;
}

span.xs_label.pago1{
	background:#32B456;
	color:#fff;
}
span.xs_label.pago2{
	background:#6ECFF5;
	color:#fff;
}
span.xs_label.pago3{
	background:#F35958;
	color:#fff;
}

span.xs_label.black{
	display:inline-block !important;
	margin-right:5px;
	margin-bottom:2px;
	background:#333;
	color:#fff;
}

span.xs_label.orange{
	display:inline-block !important;
	margin-right:5px;
	margin-bottom:2px;
	background:#FE9015;
	color:#fff;
}

span.xs_label.green{
	display:inline-block !important;
	margin-right:5px;
	margin-bottom:2px;
	background:#7BCD00;
	color:#fff;
}

span.xs_label.beige{
	display:inline-block !important;
	margin-right:5px;
	margin-bottom:2px;
	background:#DABF84;
	color:#fff;
}


#footer-logos{
	display:flex;
	padding:35px 15px 15px;
	justify-content:space-between;
	align-items:center
}
@media (max-width:767px){
	#footer-logos{
		flex-wrap:wrap;
		width:100%;
		padding-left:44px;
		padding-right:44px;
		margin-left:0;
		margin-right:0
	}
	#footer-logos a{
		flex-basis:33.33333%;margin-bottom:10px;
		display:flex;
		flex-direction:
		column;align-items:center
	}
}
@media (min-width:768px) and (max-width:1249px){
	#footer-logos{
		width:75%;
		margin-left:12.5%
	}
}

div.xs_search_button_form_div{
	position: relative;
	margin: 0px 0;
}
form.xs_search_button_form{
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,0%);
    transition: all 1s;
    width: 30px;
    height: 30px;
    background: #fff;
    box-sizing: border-box;
    border-radius: 15px;
    border: 0px solid transparent;
    padding: 0px;
}
form.xs_search_button_form input{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    outline: 0;
    border: 0;
    display: none;
    font-size: 0.9rem;
    border-radius: 15px;
    padding: 0 15px;
	background: var(--xs_text_color_main);
}
form.xs_search_button_form .fa{
    box-sizing: border-box;
    padding: 5px;
    width: 30px;
    height:30px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50%;
    color: #fff;
	background: var(--xs_text_color_main);
    text-align: center;
    font-size: 0.8rem;
	line-height: 1.3;
    transition: all 1s;
}
form.xs_search_button_form:hover{
    width: 200px;
    cursor: pointer;
}
form.xs_search_button_form:hover input{
    display: block;
	color: var(--xs_text_color_main_inverse);
}
form.xs_search_button_form:hover .fa{
    background: var(--xs_text_color_menu_hover);
    color: white;
}


.xs_sharer_div{
	margin:10px 0 20px 0;
	display: block;
}
.xs_sharer_div button{
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
    padding:5px 8px !important;
    width: 30px !important;
}



/*
sección flotante lateral
*/

.xs_social_div{
	position:fixed;
	right:0px;
	bottom:20%;
	z-index:1000;
}
.xs_social_div ul.xs_menu_flotante{
	/*position: relative;
	right:0;
	max-width: 200px;
	*/
}
.xs_social_div ul.xs_menu_flotante li{
	/*
	margin-bottom: 1px;
	padding: 10px 12px;
	color: #fff;
	font-size: 1.0rem;
	display: block;
	*/
}
.xs_social_div ul.xs_menu_flotante li:hover{

}
.xs_social_div ul.xs_menu_flotante li a{
	/*color: #fff;*/
}


/*
menu flotante lateral MB
*/
ul.xs_menu_flotante_mercedez{
	list-style: none;
}

ul.xs_menu_flotante_mercedez li.item{
	/*margin-bottom: 1px;*/
	clear: both;
	position: relative;
	padding: 12px 0;
	margin:25px 0;
	/*margin:inherit;*/
	/*overflow: hidden;*/
	list-style: none;
}

ul.xs_menu_flotante_mercedez li.item .item_container{
	position: absolute;
	right: 0;
	width:48px;
	white-space: nowrap;
	clear: both;
	display: block;
	color:#fff;
	padding:6px;
	background: #00ADEF;
}



ul.xs_menu_flotante_mercedez li.item .icon{
	padding:8px 8px;
	font-size: 1.2em;
}

ul.xs_menu_flotante_mercedez li.item .text{
	padding:8px 0px;
}


ul.xs_menu_flotante_mercedez li.item .item_container:hover{
	text-decoration:none;
	background: #0088C6;
	-webkit-animation-name: xs_menu_mb_hover;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-fill-mode: forwards;
	animation-name: xs_menu_mb_hover;
	animation-duration: 0.9s;
	animation-fill-mode: forwards;
}

@keyframes xs_menu_mb_hover {
	from {
		width:48px;
	}
	to {
		width:220px;
	}
}
@-webkit-keyframes xs_menu_mb_hover {
	from {
		width:48px;
	}
	to {
		width:220px;
	}
}


/*
* asesores comerciales
*/

.xs_asesor_comercial_lista_info{
    list-style: none;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

.xs_asesor_comercial_lista_info li{
    list-style: none;
    margin: 0 0 3px 0;
    padding: 0 0 0 0;
}
.xs_asesor_comercial_lista_info li i{
    display: inline-block; 
    width: 20px;
}

.xs_asesor_comercial_lista_container{
    margin-bottom:30px;
}

.xs_asesor_comercial_lista_item{
	margin-bottom:50px;
}
.xs_asesor_comercial_lista_item h3{
	font-size:1.5em;
	margin-top:15px;
	text-transform: uppercase;
}

@media (max-width:767px){

	.xs_asesor_comercial_lista_info{
		font-size: 0.8em;
	}
}


/*productos*/

.xs_producto_atributo_div{
    font-size: 0.8em;
    font-weight: 300;
    line-height: 1.0rem;
}

.xs_producto_atributo_categoria{
    border-bottom: 1px solid #777;
}


.xs_producto_atributo_row:hover div{
    background: #f2f2f2;
}
.xs_producto_atributo_row div{
    padding-top:4px;
    padding-bottom:4px;
}



/*colores de producto*/
ul.xs_producto_color_list{
	display: block;
	list-style: none;
	margin: 5px 0 20px 0;
}
ul.xs_producto_color_list li{
	display: inline-block;
	list-style: none;
	margin:0 4px 0 0;
}
ul.xs_producto_color_list li a{
	height: 20px;
	width: 20px;
	display: block;
	cursor: pointer;
	border:1px solid #bbb;
	color:transparent;
	/*
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	*/
}
ul.xs_producto_color_list li:hover a{
	border:1px solid transparent;
	-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.2);
}

/*Tallas de producto*/
ul.xs_producto_talla_list{
	display: block;
	list-style: none;
	margin: 5px 0 20px 0;
}
ul.xs_producto_talla_list li{
	display: inline-block;
	list-style: none;
	margin:0 4px 0 0;
	font-size: 0.85em;
}
ul.xs_producto_talla_list li a{
	display: block;
	cursor: pointer;
	color:#999;
	padding:4px 8px;
	border:1px solid #999;
}
ul.xs_producto_talla_list li:hover a{
	border:1px solid transparent;
	-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.2);
}
ul.xs_producto_talla_list li.xs_talla_actual a{
	color:#000;
	border:1px solid #000;
	cursor: not-allowed;

}




/*
* handorgel accordion
*/
.xs_accordion_div{
    
}
.handorgel h3{
    font-size: 1.1em;

}
.handorgel__header__button{
    background:#ededed!important;
    color:#111;
    margin-bottom:10px;
	-webkit-border-radius: 5px !important;
	-moz-border-radius:5px !important;
	border-radius: 5px !important;
	font-weight: 700;
}
.handorgel__header__button::before {
	content: "→ " !important;
	transition: width 0.7s;
	width: 20px;
	display: inline-block;

}
.handorgel__header__button:hover{
    background:#004D8D!important;
    color:#fff;
}
.handorgel__header__button:hover::before {
	width: 30px;
}
.handorgel__header--opened .handorgel__header__button{
    background:#004D8D!important;
    color:#fff;
}
.handorgel__header--opened .handorgel__header__button::before{
	content: "↓ " !important;
	
}
.handorgel__content{
    background: transparent !important;
    border-top: 0px solid transparent !important;
}
/*
.handorgel__header--focus .handorgel__header__button{
    background:#AF3534!important;
    color:#fff;
}
*/





/*
****************************
* GRID NOTICIA
****************************
*/


/* Mobiles */
.xs_grid_noticia_container {
	display: grid;
	grid-template-columns: auto;
	grid-gap: 0px;
	padding: 0px;
    background: transparent;
    grid-column-gap: 20px;
	box-sizing: border-box;
}
.xs_grid_noticia_container > div {
	/*text-align: center;*/
	font-size: 1.0em;
	box-sizing: border-box;
}
.xs_grid_noticia_item{
	background: #222;
    box-sizing: border-box;
	padding: 0px;
	/*
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	*/

	color: #fff;
}

.xs_grid_noticia_item/*:not(:first-child)*/ {
    margin-bottom: 1em;
}


.xs_grid_noticia_item:hover{
	background: #AF3534;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/*tablets*/
@media (min-width: 680px) {
	.xs_grid_noticia_container {
		display: grid;
		grid-template-columns: auto;
	}

	.xs_grid_noticia_item:first-child {
		/*grid-column: 1 / span 2;*/
	}
}

/*desktop y superiores*/
@media (min-width: 1080px) {
	.xs_grid_noticia_container {
		display: grid;
		/*grid-template-columns: 72% auto;*/
        grid-template-columns:auto 24% 24%;
	}

	.xs_grid_noticia_container > div {
		/*text-align: center;*/
	}

	.xs_grid_noticia_item:first-child {
		grid-column: 1 / span 1;
		grid-row: 1 / span 5;
	}
}
.xs_grid_noticia_item_fixed_div{
    /*padding: 5px;*/
}
.xs_grid_noticia_item_fixed_div:not(:first-child) a{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.xs_grid_noticia_item:first-child a div.xs_grid_noticia_item_fixed h4{
	font-size:2.0em !important;
}

.xs_grid_noticia_item_fixed_div a .xs_grid_noticia_item_fixed h4{
    color:#ccc !important;
    font-size:1.1em !important;
	font-weight: 400 !important;
}

.xs_grid_noticia_item_fixed_div a:hover .xs_grid_noticia_item_fixed h4{
	color:#fff !important;
}

.xs_grid_noticia_item_fixed_div:not(:first-child) a .xs_grid_noticia_item_fixed h4{
    font-size:1.2em;
	font-weight: 400;
}

.xs_grid_noticia_item_fixed{
    padding: 10px;
    
}
.xs_grid_noticia_item_fixed_div:not(:first-child) .xs_componentes_more_item_img img{
    width: 100% !important;
    max-width: 100% !important;
}



.xs_noticias_grid_info{
	padding:10px 0;
	display:block;
}
.xs_noticias_grid_info ul {
	list-style:none;
	margin:0px;
	padding:0px;
	font-size:0.7em;
	color:#999;
	font-weight: 400;
}
.xs_grid_noticia_item_fixed_div a:hover .xs_noticias_grid_info ul{
	
	color:#fff!important;
	opacity: 0.7;
	
}

.xs_noticias_grid_info ul li{
	list-style:none;
	margin:0 10px 0 0;
	padding:0px;
	display:inline-block;
}








#xs_wp_floating_button {
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background-image: radial-gradient(#25D366 30%, #128C7E );
	position: fixed;
	bottom: calc(50% - 100px);
	right: 10px;
	cursor: pointer;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}
  
.xs_wp_button {
	color: white;
	position: absolute;
	top: 0;
	display: block;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	padding: 0 !important;
	margin: 0 !important;
	line-height: 55px;
	font-size: 26px;
	font-weight: 300;
	animation: xs_wp_button_out 0.3s;
	transition: all 0.3s;
}
  
#xs_wp_container_floating {
	position: fixed;
	width: 70px;
	height: 70px;
	bottom: calc(50% - 100px);
	right: 10px;
	z-index: 50px;
	z-index: 10000;
}
  
#xs_wp_container_floating:hover {
	height: 300px;
	width: 250px;
	padding: 30px;
}
  
#xs_wp_container_floating:hover .xs_wp_button {
	animation: xs_wp_button_in 0.15s linear;
	animation-fill-mode: forwards;
}
  @keyframes xs_wp_button_in {
	from {
	  opacity: 1;
	  transform: rotateZ(0deg);
	}
	to {
	  opacity: 1;
	  transform: rotateZ(45deg);
	}
  }
  @keyframes xs_wp_button_out {
	from {
	  opacity: 1;
	  transform: rotateZ(45deg);
	}
	to {
	  opacity: 1;
	  transform: rotateZ(0deg);
	}
  }
.xs_wp_item {
	width: 240px;
	height: 40px;
	border-radius: 10px;
	position: fixed;
	z-index: 300;
	transform: scale(0);
	cursor: pointer;
}
.xs_wp_item1 {
	background: #075E54;
	right: 20px;
	bottom: calc(50% - 35px);
	animation-delay: 0.2s;
	animation: bounce_out_xs_wp_item 0.3s linear;
	animation-fill-mode: forwards;
} 
.xs_wp_item2 {
	background: #075E54;
	right: 20px;
	bottom: calc(50% + 15px);
	animation-delay: 0.15s;
	animation: bounce_out_xs_wp_item 0.15s linear;
	animation-fill-mode: forwards;
}
.xs_wp_item3 {
	background: #075E54;
	right: 20px;
	bottom: calc(50% + 65px);
	animation-delay: 0.15s;
	animation: bounce_out_xs_wp_item 0.15s linear;
	animation-fill-mode: forwards;
}
.xs_wp_item4 {
	background: #075E54;
	right: 20px;
	bottom: calc(50% + 115px);
	animation-delay: 0.15s;
	animation: bounce_out_xs_wp_item 0.15s linear;
	animation-fill-mode: forwards;
}
.xs_wp_item5 {
	background: #075E54;
	right: 20px;
	bottom: calc(50% + 165px);
	animation-delay: 0.15s;
	animation: bounce_out_xs_wp_item 0.15s linear;
	animation-fill-mode: forwards;
}

.xs_wp_item1:hover,
.xs_wp_item2:hover,
.xs_wp_item3:hover {
	background: #128C7E;
}
  
@keyframes bounce_xs_wp_item {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes bounce_out_xs_wp_item {
	from {
		opacity: 1;
		transform: scale(1);
	}
	to {
		opacity: 0;
		transform: scale(0);
	}
}
#xs_wp_container_floating:hover .xs_wp_item {
	animation: bounce_xs_wp_item 0.1s linear;
	animation-fill-mode: forwards;
}
#xs_wp_container_floating:hover .xs_wp_item2 {
	animation-delay: 0.08s;
}
#xs_wp_container_floating:hover .xs_wp_item3 {
	animation-delay: 0.08s;
}

a.xs_wp_texto {
	font-size: 14px;
	color: white !important;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0;
	padding:0;
	top: 0;
	bottom: 0;
	text-align: center;
	line-height: 40px;
}

a.xs_wp_texto:hover{
	color:#FCE8C5 !important;
}


.image_fit_wrapper {   justify-content: center;   align-items: center;   display: flex;   position: relative;   overflow: hidden;}
.image_fit_img {  width: 110%;  height: 105%;  object-fit: cover;  object-position: 50% 0%;  display: inline;}



/*grid hompage */

.xs_hompage_grid { 
	display: grid;
	grid-template-columns: auto;
	grid-gap: 20px;
	padding: 0px;
	background: transparent;
	grid-column-gap: 20px;
	max-width: 100% !important;

	box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.xs_hompage_box {    
	background-color: #ccc;    
	color: #fff;     
	padding: 0px;   
	-webkit-border-radius: 10px;
	-moz-border-radius:10px;
	border-radius: 10px;
	overflow: hidden;
	box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.xs_hompage_box a{
	object-fit: contain;
	display: block;
	height: 100% !important;
	width: 100%;
}
.xs_hompage_box img{
	object-fit:cover;
	display: block;
	height: 100% !important;
}

.xs_overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: #00D391;
}
  
.xs_hompage_box:hover .xs_overlay {
	opacity: 1;
}
  
.xs_overlay_text {
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	font-size: 1.4em;
	line-height: 1.1em;
}

a .xs_overlay_text {
	color: #fff;	
}

@media screen and (min-width: 780px) {
	.xs_hompage_grid {    
		display: grid;    
		grid-gap: 20px;    
		grid-template-columns: auto auto;    

		box-sizing:border-box;
		-ms-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	} 

	.xs_hompage_box:nth-child(1){    grid-column: 1 / 3;    grid-row: 1;  }  
	.xs_hompage_box:nth-child(2){    grid-column: 1 ;    grid-row: 2 / 4;  } 
	.xs_hompage_box:nth-child(3){    grid-column: 2 ;    grid-row: 2 ;  } 
	.xs_hompage_box:nth-child(4){    grid-column: 2;    grid-row: 3;  }
}

@media screen and (min-width: 980px) {
	.xs_hompage_grid {    
		display: grid;    
		grid-gap: 20px;    
		grid-template-columns: auto auto auto auto;    

		box-sizing:border-box;
		-ms-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}  

	.xs_hompage_box:nth-child(1){    grid-column: 1 / 3;    grid-row: 1;  }  
	.xs_hompage_box:nth-child(2){    grid-column: 3 ;    grid-row: 1 / 3;  }  
	.xs_hompage_box:nth-child(3){    grid-column: 1 ;    grid-row: 2 ;  } 
	.xs_hompage_box:nth-child(4){    grid-column: 2;    grid-row: 2;  }



	.xs_front_grid{
		display:grid;
		grid-template-columns: 1fr 1fr !important;
	}


}

.xs_front_grid_item form{
	padding:40px 45px;
	box-sizing: border-box;
}

.xs_front_grid div{
	align-self: center
}
.xs_front_grid_item *{
	align-self: center
}

.xs_center_middle {
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Galería Autoajustable*/
.jg-caption{
	font-weight: 400 !important;
	font-size: 0.85em !important;
}


.xs_historias .slick-slide{
	background:#005E9D;
	color: #fff;
	margin: 0 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.xs_historias .xs_carousel_item{
	padding: 20px;
	box-sizing: border-box;
	color: #fff;
}
.xs_historias .xs_carousel_item {
	& h1 {color:#fff;}
	& h2 {color:#fff;}
	& h3 {color:#fff !important; font-size: 1.1em;}
	& :is(h4) {color:#fff;}
	& :is(h5) {color:#fff;}
}

/*
* SUBASTAS
*/
.articulo_subasta_cuenta_atras_detail{
	display: grid;
	gap: 2px;
	clear: both;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	width: 100% !important;
	margin: 15px 0;
	padding: 10px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	box-sizing: border-box;
	background: #fff;
	border: none;
	color: #005E9D;
}

.articulo_subasta_cuenta_atras_detail div{
	background: transparent;
	margin: 0px 1px;
	text-align: center;
	font-size: 1.0em;
	padding: 2px 2px;
}

.articulo_subasta_cuenta_atras_detail.caducado div{
	background: #b4b8b4;
	margin: 0px 1px;
	text-align: center;
	font-size: 1.0em;
	padding: 2px 2px;
}
.articulo_subasta_cuenta_atras_detail div span{
	display: block;
}
.articulo_subasta_cuenta_atras_detail div span:first-child{
	font-weight: 700;
	line-height: 1.4em;
}
.articulo_subasta_cuenta_atras_detail div span:last-child{
	font-size: 0.8em;
	line-height: 1.4em;
}

.xs_articulo_subasta_blog_item{
	display:flex;
	flex-wrap: wrap;
	position:relative;
	border: 1px solid #ccc;
	padding: 7px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

}
.xs_articulo_subasta_blog_item h3{
	font-size: 1.0em;
	margin-top: 10px;
}
/*
.xs_articulo_subasta_blog_item>*:last-child{
	display: block !important;
	width: 100% !important;
	align-self: flex-end;
}*/

.xs_articulo_subasta_blog_item a{
	color: #fff;
}
.xs_articulo_subasta_blog_item:hover a:not(.button, button){
	color: #6ED8FF;
}

.xs_articulo_subasta_blog_item_categoria{
	width: 100% !important;
	clear: both;
	font-size: 0.7em;
}
.xs_articulo_subasta_blog_item_codigo{
	font-size: 1.0em;
}
.xs_articulo_subasta_blog_item_desc{
	display: grid;
	gap: 10px;
	grid-template-columns: 1fr 1fr;
}

.xs_img_adjudicado{
	position:absolute;
	z-index: 1000;
	top: 12%;
	left: 15%;
	right: 15%;
	width: 70%;
}

.xs_img_caducado{
	position:absolute;
	z-index: 1000;
	top: 3%;
	left: 5%;
	width: 50%;
}

/*
* detalle Subasta en blog
*/
.articulo_subasta_cuenta_item{
	display: grid;
	gap: 2px;
	clear: both;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	width: 100% !important;
	margin-top: 10px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
	padding: 10px;
	box-sizing: border-box;
	background: #fff;
	border: 0;
	color: #005E9D;
	
}
.articulo_subasta_cuenta_item div span{
	display: block !important;
}
.articulo_subasta_cuenta_item div span:first-child{
	font-weight: 700;
	font-size: 0.7em;
	line-height: 1.1em;
}
.articulo_subasta_cuenta_item div span:last-child{
	font-size: 0.6em;
	line-height: 1.1em;
}
.articulo_subasta_cuenta_item div{
	background: #fff;
	padding: 2px 4px;
	text-align: center;

}


/*
* Subasta en Carrousel
*/
.xs_articulo_subastas_carousel_item{
	border: 1px solid #ccc;
	padding: 7px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}
.xs_articulo_subastas_carousel_item_inner{
	display:flex;
	flex-wrap: wrap;
	position:relative;
	gap: 15px;
}
.xs_articulo_subastas_carousel_item_inner a{
	color: #005E9D;
}
.xs_articulo_subastas_carousel_item h3{
	font-size: 1.0em;
	line-height: 1.3em;
	color:#fff;
}
.xs_articulo_subasta_carousel_item_desc{
	display: grid;
	gap: 10px;
	grid-template-columns: 1fr 1fr;
}