@import url(https://fonts.googleapis.com/css?family=Roboto:400,100);
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,900);

/* overwriting some styles from the theme */
#footer{border-top:0px;-moz-box-shadow: none;-webkit-box-shadow: none; box-shadow: none;font-size: 12px;}
.footer_widget1, .footer_widget2, .footer_widget3, .footer_widget4 {width: 24% !important;display: inline-block !important;
	text-align: center;margin:0px !important; padding: 50px 0px !important; float:none !important;vertical-align: top;}
.footer_widget{max-width: 800px !important; margin: 0 auto !important;}
#footerbwrap{background: #000 !important; padding:20px 0px !important; text-align: center;color:#fff;}
#main {width:100%;max-width: 1000px !important;margin: 15px auto 0 auto !important;padding: 0px 10px 10px 10px !important;}
.sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a {border-radius: 0px;background: transparent;
    color: #FFFFFF;cursor: default;font-weight: normal;padding: 0px;}
a, a:active, a:visited, .menu > li a strong {-webkit-transition: none;-moz-transition: none;-o-transition: none;
	-ms-transition: none;transition: none;}
.sub-nav dt.active a:hover, .sub-nav dd.active a:hover, .sub-nav li.active a:hover {background: transparent;}
ul{list-style-type: none !important;}

.clbn_hd_nav.clbn_hide{display: none;}

/*Header custom styles*/
.clbn_hd{background: transparent url(../img/hd_bg.png) repeat center center;z-index: 9999;text-align: left;}
.clbn_logo_lk{cursor: pointer;display: inline-block;vertical-align: middle;width:157px;}
.clbn_logo{display: inline-block;}
.clbn_hd_content{max-width: 980px;margin:0 auto; position: relative;}
.clbn_hd_nav_wrapper{min-width: 640px;min-height: 20px;display: inline-block;margin-left: 55px;text-align: right;}
.clbn_hd_nav{display: inline-block;padding-top: 0px;border-left: 1px rgba(255,255,255,0.4) solid;vertical-align: middle;}
.clbn_hd_nav li{border-top: 1px #fff solid;border-right: 1px #fff solid;border-bottom: 1px #fff solid;
	opacity:0.4;margin:0px 0px 0px -1px;padding:5px 11px;cursor: pointer;}
.clbn_hd_nav li:first-of-type.active{margin-left: 0px;}
.clbn_hd_nav li:hover{border-left: 1px #fff solid;opacity:0.6;}
.clbn_hd_nav li.active{opacity:1;border-left: 1px #fff solid;}
.clbn_hd_nav li a{color:#fff; text-decoration: none;padding:0px;font-family: "Open Sans"; font-size: 13px;}
.clbn_hd_nav li a:hover{color:#fff;}
.clbn_social_box{font-size: 18px;color: #fff;display: inline-block;vertical-align: middle;margin-left: 35px;}
.clbn_social_box i{display: inline-block;margin-left: 10px;cursor: pointer;}
.clbn_mb_hd{display: none;color:#fff;position: absolute; right: 15px;top:15px;}
.clbn_mb_hd span{font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    display: inline-block;border: 1px #fff solid;opacity:0.4;margin:0px 0px 0px -1px;padding:7px 30px 7px 10px;
	vertical-align: middle;font-size: 12px;line-height: normal;background: url(../img/dropdown.png) no-repeat right center;}
.clbn_mb_hd i{font-size: 30px;vertical-align: middle;display: inline-block;margin-left: 12px;opacity: 0.9;}
.clbn_mb_hd span:hover,.clbn_mb_hd i:hover{opacity:0.6;cursor: pointer;}

.clbn_hd_nav_sub{display:none;}
.clbn_hd_nav li.active .clbn_hd_nav_sub{display: inline-block;position: absolute;left: 0px;bottom: -60px;
	margin-left: 0px;z-index: 999;width: 100%;background-color: #fff;padding: 10px 0px;}
.clbn_hd_nav_sub li{border: 0px;opacity:1;margin:0px;padding:4px 10px;background-color: #dcdcdc;margin-left: 2px;}
.clbn_hd_nav_sub li:hover{border-left: 0px;opacity:0.8;}
.clbn_hd_nav_sub li.active{opacity:1;border-left: 0px;background-color: #3f6298;}
.clbn_hd_nav_sub li a{color:#868686 !important; text-decoration: none;padding:0px;font-family: "Open Sans"; font-size: 12px;}
.clbn_hd_nav_sub li.active a{color:#fff !important;}


/*Footer custom styles*/
.footer_widget p{margin: 0px !important; padding:0px !important;}
.footer_widget a,.footer_widget span{display: block; font-size: 12px; font-family: "Roboto";}
.footer_widget a{width: 50px;height: 50px;text-align: center;margin: 0 auto;cursor: pointer;};
.footer_widget a img{vertical-align: middle;}
.clbn_footer_info{background-color: #ececec; padding: 60px 0px 30px; color:#000 !important;}
.clbn_footer_info_wrapper{max-width: 800px;margin: 0 auto;position: relative;}
.clbn_footer_title{text-align: left;font-size: 19px;font-family: "Roboto Slab";margin: 0 0 20px 0 !important;}
.clbn_footer_text{font-size: 12px; text-align: left;font-family: "Roboto";
    max-width: 260px;}
.clbn_footer_text a{font-weight: 500;}
#footerbwrap{height:auto;font-family: "Open Sans";}
#footerbwrap span{font-weight: 700;}
.clbn_footer_info_lk{display: block;margin-bottom: 0px; color:inherit !important; text-decoration: underline; 
	cursor: pointer;}
.clbn_footer_ln_lk{cursor: pointer;}
.region-copyright p{font-size: 12px; padding:0px; margin-bottom: 0px;}
.clbn_back_top{position: absolute; right: -90px; bottom:-45px;height: 30px;width: 30px;display: block;
	cursor: pointer;background: url(../img/to_top.png);}

/*Pagina de producto*/
.node-producto{margin-top: 40px;}
.node-producto .group-header{position: relative;}
.node-producto .field-name-field-foto-producto{min-height: 200px;margin-bottom: 20px;}
.node-producto .field-name-field-foto-producto img{width: 100%; max-width: 100% !important;}
.node-producto .group-header{position: relative;}
.node-producto .group-title{border: 0px;background-color: rgba(0,0,0,0.5);position: absolute !important;margin: 0px;
	top: 0px;color: #fff;}
.node-producto .group-title>legend{display: none;}
.node-producto .field-name-title h2 {
    color: #fff;
    font-family: "Roboto" !important;
    font-weight: 500;
    font-size: 33px !important;
    line-height: 33px;
}
.node-producto .field-name-field-descuento{background: transparent !important; text-align: left !important;}
.node-producto.ds-2col-stacked-fluid .group-left{text-align:left;max-width: 450px;float: none;display: inline-block;
	padding-right: 17px;vertical-align: top;border-right: 1px solid #ccc;font-size: 12px; margin-right: 20px;}
.node-producto .group-left p, .node-producto .group-left .field-item{font-size: 12px; padding: 0px; margin: 0px; 
	display: inline; font-weight: bold;}
.node-producto.ds-2col-stacked-fluid .group-right{text-align:left;float: none;display: inline-block;vertical-align: top;}
.node-producto .google_map_field_display{height: 220px;width:485px;}
.node-producto .field{padding: 0px !important;}
.node-producto .field-name-field-logo-comercio{margin-bottom: 30px;}
.node-producto .field-label{display: inline !important; float: none !important;
	font-weight: normal !important;font-family: "Roboto";font-size: 14px;}
.node-producto .field-items{float: none !important;display: inline !important;
	font-weight: 700 !important;}
.map_icons{width: 55px;height: 55px;background: url(../img/map_icons.png);display: inline-block;
	vertical-align: top;margin-right: 15px;}
.map_icon{display: block;width: 55px;height: 55px; cursor: pointer;}
.map_waze{margin-top: 7px;}
.field-name-field-ubicacion{display: inline-block;max-width: 225px;vertical-align: top;}
.field-name-field-descuento .field-item {
    text-align: center!important;
    font-family: "Roboto";
    font-weight: 300;
    font-size: 42px;
    line-height: 42px;
}
.field-name-field-categoria-producto .field{font-family: "Roboto";font-size: 16px;}

#content_related,#block-views-productos-relacionados-block{margin-top: 60px;}
#content_related h2,#block-views-productos-relacionados-block h2{margin: 0px 0px 20px;
	font-family: "Roboto Slab" !important;font-size: 26px !important;}
#new_content_related{text-align: center;color: #fff;margin: 0px;background-color: #3f6298;font-size: 15px;font-family: "Roboto";
	display: inline-block;position: absolute;top: 0px;left: 0px;text-transform: uppercase;
	font-family: "Roboto";font-weight: 500;line-height: 15px;padding: 10px 25px;}
.clbn_product_item, #block-views-productos-relacionados-block .view-productos-relacionados .views-row{max-width: 315px;display: inline-block;
	margin-left: 10px;position:relative;cursor: pointer; vertical-align: top; max-height: 210px; overflow: hidden;}
#block-views-productos-relacionados-block .view-productos-relacionados .views-row:first-of-type{margin-left: 0px;}
.view-productos-relacionados .views-field-title, 
.view-productos-relacionados .views-field-field-categoria-producto, 
.view-productos-relacionados .views-field-field-descuento{display: none;}
.view-productos-relacionados .clbn_thumbnail_info_box .views-field-title, 
.view-productos-relacionados .clbn_thumbnail_info_box .views-field-field-categoria-producto, 
.view-productos-relacionados .clbn_thumbnail_info_box .views-field-field-descuento{display: block; color:#fff;padding-left:5px;}
.clbn_product_item_info, .view-productos-relacionados .clbn_thumbnail_info_box{position: absolute;;background-color: rgba(0,0,0,0.5);
	bottom:0px; width: 100%;text-align: left;}
.view-productos-relacionados .clbn_thumbnail_info_box .views-field-title{font-size: 20px} 
.clbn_product_item_name, .view-productos-relacionados .clbn_thumbnail_info_box .views-field-title a{color:inherit;
	text-decoration: none;font-family: "Roboto"; font-size: 20px; font-weight: 500;line-height: 20px;} 
.clbn_product_item_cat, .view-productos-relacionados .clbn_thumbnail_info_box .views-field-field-categoria-producto{font-size: 10px;
	padding-top:5px; font-family: "Roboto";line-height: 10px;} 
.clbn_product_item_desc, .view-productos-relacionados .clbn_thumbnail_info_box .views-field-field-descuento{font-size: 25px;
	font-family: "Roboto";font-weight: 300;display: inline-block !important;line-height: 25px;	padding: 0px 0px 10px;}


/*Slider destacados*/
#highlighted{max-width: 980px;margin: 0 auto;}
.flexslider {margin: 25px auto 40px;}
.flex-control-nav{bottom:6px;}
.flex-control-paging li a {background: #fff;cursor: pointer;}
.flex-control-paging li a.flex-active {background: #000;cursor: default;}
.flexslider .flex-direction-nav a, .flexslider .flex-direction-nav a{display: block;}
.flex-direction-nav a{width: 35px;height: 63px;position: absolute;top: 50%;cursor: pointer;
	text-indent: -9999px;opacity: 1;-webkit-transition:none;}
.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next{background-image: url(../img/clbn_arrows.png);
	background-color:transparent !important; top:35%;left:10px;}
.flex-direction-nav .flex-next{background-position: -35px 0px;left:auto;right: 10px;}

/*Slider listado de productos*/
.clbn_product_item{margin: 0px 5px 10px;min-height: 210px;background-color: #dedede}
.clbn_product_item img{display: inline-block;width: 315px;}
.clbn_product_item span{color:#fff;display: inline-block;padding-left: 10px;}
.clbn_product_item_loadmore{width: 100%; max-width: 315px;height: 55px;line-height: 56px;text-align: center;color:#fff;
	margin: 10px auto 0px; background-color: #3f6298;font-size: 15px; font-family: "Roboto"; cursor:pointer;font-weight: 700;}
.clbn_product_item_loading{margin:10px 0px;text-align: center;display:none;}

/*Suscribase al boletin*/
#suscribase_boletin {width: 220px;height: 100px;background: transparent url(../img/hd_bg.png) no-repeat center center;
	text-align: left;color: #f2f3f5;padding: 10px;position: fixed;z-index: 10000;font-family: "Roboto";bottom: 0px;left: 50px;}
#suscribase_boletin h4{display: inline-block; color: #f2f3f5;;font-size:13px !important}
#suscribase_boletin input{display: inline-block; font-size: 12px ;width: 143px;opacity: 0.6}  
#close_boletin{    cursor: pointer; width: 23px;height: 23px;display: inline-block;text-align: center;position: absolute;right: 0px;top: 0px;background-color: #141a37;font-size: 13px;padding: 2px;}
#btn_enviar_suscribcion{width: 55px;height: 37px;display: inline-block;position: absolute;border: solid 1px #324d8d;font-size: 12px;padding: 7px;cursor: pointer; opacity: 0.8;}

/*Menus desplegables mobile*/
.clbn_menu_mobile {position: fixed;top: 20px;background-color:#000;right: 0px;width: 80%;
	z-index: 9999;display: none;padding: 10px 15px 20px;}
.clbn_menu_mobile .clbn_close{text-align: right;display: block;
	padding: 0px 10px 0px 0px;}
.clbn_menu_mobile li {padding: 5px 0px 0px;height: auto;display: block;text-align: left;}
.clbn_menu_mobile a {text-decoration: none;color: #fff;display: inline-block;border-bottom: 1px #fff solid;
	width: 100%;font-family: "Roboto";font-size: 12px;padding-bottom: 10px;}
.clbn_menu_mobile.clbn_top_menu_mobile i {color: #fff;display: inline-block;padding: 0px 5px;cursor: pointer;}

/*TARJETA*/
.clbn_card_wrapper {max-width: 600px;margin: 0 auto;text-align: center;}
.clbn_card_wrapper h2,.clbn_card_wrapper h3,.clbn_card_desc{text-align: left;}
.clbn_card_wrapper h2,.clbn_card_wrapper h3{font-family: "Roboto Slab" !important;}
.clbn_card_wrapper p{font-family: "Open Sans";font-size: 14px;line-height: 24px;}
.clbn_card_wrapper h2{font-size: 33px !important;padding: 20px 0px;}
.clbn_card_wrapper h3{font-size: 25px;}
.clbn_card_wrapper h4{font-size: 20px;font-weight: bold;}
.clbn_app_icons{border-bottom: 1px solid #777;padding: 20px 0px;margin-bottom: 20px;}
.clbn_app_icons a{display: inline-block; margin: 0px 20px;}
.clbn_card_wrapper br,.clbn_app_icons br{display:none;}
.clbn_app_icons img{max-width: 100%;}
.clbn_card_wrapper .card_links{max-width: 400px;margin: 0 auto;}
.clbn_card_wrapper span{display: inline-block; margin: 5px; padding: 5px 7px;background-color: #cdcdcd;
	color:#888;cursor: pointer;}

.clbn_404{margin-top: 50px !important;}

.slides li{position:relative;}
.clbn_slider_more{position: absolute;bottom:0px;right: 0px;background-color: #000;
	display: inline-block;padding:3px 20px;z-index:999;}
.clbn_slider_more a{color:#fff !important;cursor: pointer; text-transform: uppercase;
	font-size:12px;line-height: 12px; }
.clbn_slider_mobile{display: none;}
.clbn_slider_desktop{display: inline;}

p.suscribase_mensaje {background-color: rgba(255,255,255,0.5);display: none;padding: 5px 10px;font-size: 12px;
    margin: 0px 0px 10px;line-height: 12px;border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;border: 0px none #000000;}
p.suscribase_mensaje.show{display:inline-block;}
p.suscribase_mensaje_error{color:#FF0000;}

.clbn_share{
	display: inline-block;
	position:relative;
	border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border: 1px solid #ccc;
    padding: 15px 15px 7px;
    margin: 40px 0px 0px;
}
.clbn_share .share_title{
	position: absolute;
	background-color: #fff;
	top:-10px;
	left: 10px;
	padding: 2px 5px;
	font-size: 12px;
	text-transform: uppercase;
	color: #202020;
}
.clbn_share ul{
	display: inline-block;
	padding-top: 5px;
	margin: 0px !important;
	height: 42px;
}
.clbn_share ul li{
	display: inline-block;
	height: 42px;
}
.clbn_share ul li.whatsapp{
    height: 35px;
    max-width: 100px;
    padding-left: 5px;
    display: none;
}
.clbn_share ul li a,
.clbn_share ul li a.wa_btn{
	outline: none;
	text-decoration: none;
	width: 49px;
	height: 42px;
	cursor: pointer;
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 0px 4px;
}
.clbn_share .facebook a{background-image: url(../img/fb.png);}
.clbn_share .twitter a{background-image: url(../img/tw.png);}
.clbn_share .whatsapp a.wa_btn{background-image: url(../img/ws.png);}
.clbn_share .google a{background-image: url(../img/gp.png);}
.clbn_share .send_mail a{background-image: url(../img/mail.png);}

@media (max-width: 1084px){
	.clbn_hd_nav_wrapper{min-width: 1px;}
	.clbn_hd_nav,.clbn_social_box{display: none;}
	.clbn_logo{width:110px !important;height: 50px !important;}
	.clbn_mb_hd{display: inline-block;}

	.clbn_hd_nav{position:absolute;top:30px;width: 100%;background-color: #222; padding-top: 0px;border-left: 0px;}
	.clbn_hd_nav li{border-top: 0px;border-right: 0px;border-bottom: 0px;opacity:1;margin:0px;padding:5px;cursor: pointer;}
	.clbn_hd_nav li:hover{border-left: 0px #fff solid;opacity:1;}
	.clbn_hd_nav li.active{opacity:1;border-left: 0px;}
	.clbn_hd_nav li a{color:#fff; text-decoration: none;padding:0px;font-family: "Open Sans"; font-size: 13px;}
	.clbn_hd_nav li a:hover{color:#fff;}

	.clbn_hd_nav_sub{display:none;}
	.clbn_hd_nav li.active .clbn_hd_nav_sub{display: none}
}

@media (max-width: 640px){
	body{text-align: left !important;}
	.node-producto .group-title{background: transparent;position: relative !important;color:#000 !important;    
		padding: 0px 0px 10px;}
	.node-producto.ds-2col-stacked-fluid .group-left{text-align:left;width: 100%;float: none;display: block;
	padding-right: 0px;border-right: 0px;font-size: 12px; margin-right: 0px; margin-bottom: 20px;}
	.node-producto.ds-2col-stacked-fluid .group-right{text-align:left;float: none;display: block;width: 100%;padding-bottom: 20px; 
		border-bottom: 1px solid #ccc;}
	.field-name-field-ubicacion{max-width: 80%}
	.node-producto .google_map_field_display{height: 180px;width:300px;}
	.node-producto .field-name-title h2,.node-producto .field-name-field-descuento{color:#000;
		text-align: left !important !important;font-size: 30px;}
	#block-views-productos-relacionados-block .view-productos-relacionados .views-row{max-width: 100%;
		display: block;margin-left: 0px;position:relative;cursor: pointer; margin-top: 10px;}
	.field-name-field-descuento .field-item{text-align: left !important;}
	#block-views-productos-relacionados-block{margin-top: 25px;}

	#suscribase_boletin{display: none;}
	.clbn_product_item{min-height: 200px;}
	.flex-prev,.flex-next{display:none !important;}
	ol.flex-control-nav.flex-control-paging{bottom: -5px}

	.clbn_back_top {right: 18px;}
	.clbn_slider_mobile{display: inline;}
	.clbn_slider_desktop{display: none;}

	.node-producto .field-label{display: inline !important; float: none !important;
	font-weight: normal !important;font-family: "Roboto";font-size: 16px;}
	.clbn_share ul li.whatsapp{
	    display: block;
	}
}

/*CAMBIOS JESSENIA*/
.principal_main {
    width: 100%;
}
.article .wrapper {
    max-width: 1000px;
    padding: 40px 10% 25px 10%;
    margin: auto;
}
.article img {
    display: block;
    max-width: 100%;
        margin: 30px auto 5px auto;
}
.article h1 {
    margin-bottom: 10px;
    font-family: 'Lato', serif; 
    font-weight: 300;
    font-size: 40px;
        color: #1BAACC
}
.article p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 100;
    margin-bottom: 20px;
}
@media screen and (max-width: 970px) and (min-width: 0px) {
    .article h1 {
    font-size: 30px;
    line-height: 32px;
    }
    .article p {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 20px;
    }
    .clbn_footer_info {
    display: none;
    }
}
.article .items{
        font-size: 16px;
    line-height: 20px;
    font-weight: 100;
    margin-bottom: 20px;
    text-align: center;
}
.article p{  
    font-size: 16px;
    line-height: 20px;
    font-weight: 100;
    margin-bottom: 20px;
}
.article .items li {
        margin: 0 auto;
}

.items_dos{
    display: flex;
}
.items_dos li{
    list-style-type: square;
    color: #13c9ea;
}
.items_dos li span{
    color: #000;
}

.pagination {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    height: 30px;
}
#secciones a {
    height: 46px;
    display: inline-block;
    margin: 0 5px;
        margin-bottom: 10px;
}
.pagination-load-more a {
    color: #fff;
    text-transform: uppercase;
    background: 0 0;
    border: 1px solid #087d9c;
    font-weight: 700;
    line-height: 14px;
    font-size: 11px;
    letter-spacing: .125em;
    border-radius: 3px;
    vertical-align: top;
    display: inline-block;
    padding: 12px 50px 10px;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    margin: 0 auto;
    background-color: #087d9c;
}
.pagination-load-more a:hover{background:#087d9c;color:#fff}

#list_fin {
    width: 85%;
    margin: 0 auto;
    list-style-type: square;
    color: #13c9ea;
    font-size: 16px;
    line-height: 20px;
    font-weight: 100;
    margin-bottom: 20px;
}
#list_fin ul li{
    list-style-type: square;
    color: #fd6a37;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 100;
    margin-bottom: 20px;
}
#list_fin ul li span {
    color: black;
}

.download li {
    display: inline-block;
}
.download li a {
    height: 40px;
    margin-right: calc(-4px + 10px);
    padding: 0 15px 0 40px;
    display: block;
    color: #fff;
    text-transform: uppercase;
    line-height: 40px;
    font-weight: 100;
    background-color: rgba(0,0,0,0.8);
    background-repeat: no-repeat;
    background-position: 15px center;
    background-size: 25px;
    border-radius: 6px;
    transition: background 0.3s ease;
    margin-bottom: 10px;
}
.download li a.apple {
    background-image: url("http://www.nacion.com/gnfactory/apps/landing/img/icon_apple.svg");
}
.download li a.googleplay {
    background-image: url("http://www.nacion.com/gnfactory/apps/landing/img/icon_googleplay.svg");
}