/* LAYOUT PRINCIPAL */
/* columna bootstrap de 64px */

@font-face {
    font-family: corbel;
    src: url(CORBEL.TTF);
}


@font-face {
    font-family: 'abeatbykairegular';
    src: url('abeatbykairegular-webfont.woff2') format('woff2'),
         url('abeatbykairegular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


body {
background-position:center;
background-color: #ECECEC;
font-size:16px;
line-height:24px;
font-family:'abeatbykairegular', arial, sans-serif;
min-width:1028px;
}

* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
} 

#wbs_tpl_content{padding:20px 0;}

#sidebar{padding:20px 0px 20px 15px;}

#sidebar-2{background:#3399FF;margin-left:0px;width:252px;padding:20px 10px;}

#wbs-tpl-main-wrapper{overflow-y:auto;overflow-x:hidden;}

.webemus{position:absolute;bottom:0px;right:10px;font-size:10px;}

.text-right{text-align: right !important;}
.text-center{text-align: center !important;}
.text-left{text-align: left !important;}

.wbs-test-mode{background:#000000; text-align:center; color:#FFFFFF;padding:4px 0}
.wbs-nofollowindex {position:fixed; top:5px;left:5px;z-index:5000}


#wbs-tpl-footer-wrapper{height:171px;width:100%;left:0;bottom:0;position:absolute;background:#8DAD36;min-width:1028px;}
.item-page {margin-bottom: 10px;position: relative;text-align: justify;}
.item-page h1,.item-page h2,.item-page h3{text-align:left}
.page-header{border-bottom: 1px solid #EEEEEE;margin: 20px 0;padding-bottom: 0;}

.pagination ul {background: #fff;}

.item-page li {margin-bottom: 20px;}

#map_canvas label { width: auto; display:inline; }
#map_canvas img { max-width: none; max-height: none; }

@media (max-width: 767px) {
body {padding-left: 0px;padding-right: 0px;min-width:100%;}
.item-page{border:0}
#wbs_tpl_content{padding:0;}
#sidebar{padding:40px 10px 0 10px;}
select, textarea, input,.uneditable-input {font-size:18px !important;}
#wbs-tpl-content-wrapper{padding-top:44px;}
.navbar-fixed-top,.navbar-fixed-bottom {position: fixed;}
}


/** Correciones a los formularios */
.help-block {font-size: 10px;line-height:10px;margin-top:2px !important;}
.control-group label{margin-bottom:0px;}
/** Fin Correciones a los formularios  */


/**  Default System Messages  **/
#system-message dl, #system-message dt, #system-message dd, #system-message ul, #system-message li {margin:0;padding:0;
list-style:none;}
#system-message dt {display:none;}
#system-message .message {padding: 8px 35px 8px 14px;margin-bottom: 18px;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #d9edf7;border-color: #bce8f1;border:1px solid #bce8f1;color: #3a87ad;-webkit-border-radius: 4px;
-moz-border-radius: 4px;border-radius: 4px;}
#system-message .message.error {background-color: #f2dede;border-color: #eed3d7;color: #b94a48;}

/** Bootsrap menu **/
ul.nav li.dropdown:hover > ul.dropdown-menu{display:block;top:90%}
ul.dropdown-menu ul.dropdown-menu{top:0!important;margin-top:-5px;left:95%}
.navbar ul.dropdown-menu ul.dropdown-menu{left:100%}
.dropdown-menu{max-width:999px}
.caret-right{display:inline-block;width:0;height:0;text-indent:0;vertical-align:top;border-top:4px solid transparent;
border-right:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #000;margin-top:6px;margin-left:4px;opacity:0.5}
a:hover > .caret-right,.active > .caret-right{border-left:4px solid #fff;opacity:1.0}
.navbar .dropdown-menu .dropdown-menu:before{border-bottom:7px solid transparent;border-left:none;border-right:7px solid rgba(0,0,0,0.2);border-top:7px solid transparent;left:-7px;top:10px}
.navbar .dropdown-menu .dropdown-menu:after{margin-top:0;border-top:6px solid transparent;border-left:none;border-right:6px solid #fff;border-bottom:6px solid transparent;top:11px;left:-6px}
.nav > li > span.separator{display:block}
.nav-tabs > li > span.separator,.nav-pills > li > span.separator{padding-right:12px;padding-left:12px;margin-right:2px;line-height:14px}
.nav-tabs > li > span.separator{padding-top:8px;padding-bottom:8px;line-height:18px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}
.nav-pills > li > .separator{padding-top:8px;padding-bottom:8px;margin-top:2px;margin-bottom:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.nav-tabs.nav-stacked > li > span.separator{border:1px solid #ddd;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.nav-tabs.nav-stacked > li:first-child > span.separator{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}
.nav-tabs.nav-stacked > li:last-child > span.separator{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}
.nav-tabs.nav-stacked > li > span.separator:hover{z-index:2;border-color:#ddd}
.nav-pills.nav-stacked > li > span.separator{margin-bottom:3px}
.nav-pills.nav-stacked > li:last-child > span.separator{margin-bottom:1px}
.nav-stacked > li > span.separator{margin-right:0}
.dropdown-menu .separator{display:block;clear:both;font-weight:400;line-height:18px;color:#555;white-space:nowrap;padding:3px 15px}
.navbar .nav > li > span.separator{float:none;line-height:19px;color:#999;text-decoration:none;text-shadow:0 -1px 0 rgba(0,0,0,0.25);padding:10px 10px 11px}
.nav-list .divider{background-color:#E5E5E5;border-bottom:1px solid #FFF;height:1px;overflow:hidden;margin:8px 1px}
.nav-list span.separator{display:block;margin-left:-15px;margin-right:-15px;text-shadow:0 1px 0 rgba(255,255,255,0.5);padding:3px 15px}
.nav [class^="fa-"]::before, .nav [class*=" fa-"]::before {margin-right: 5px;}


/* Notificaciones*/
.notifications{position:fixed;}.notifications.top-right{right:10px;top:25px;}
.notifications.top-left{left:10px;top:25px;}
.notifications.bottom-left{left:10px;bottom:25px;}
.notifications.bottom-right{right:10px;bottom:25px;}
.notifications>div{position:relative;z-index:9999;margin:5px 0px;}
.notifications.center{top:200px;left:0;width:100%;}.notifications.center>div{margin:5px auto;width:20%;text-align:center;box-shadow:0 1px 6px rgba(0, 0, 0, 0.3)}
@media (max-width: 767px) {
.notifications.center{top:50px;left:0;width:100%;}.notifications.center>div{margin:5px auto;width:240px;text-align:center;box-shadow:0 1px 6px rgba(0, 0, 0, 0.3)}
.modal {position: absolute;}
}


/* Lazy Load */
img.lazy { opacity: 0; transition: opacity .3s ease-in;} 


/* Sticky Footer */
@media (min-width: 768px) {
* {margin: 0;}
html {min-height: 100%;position:relative}
body{margin-bottom:171px}
#wbs-tpl-content-wrapper {min-height: 100%;}
}

@media (max-width: 767px) {
#wbs-tpl-footer-wrapper {height: auto;min-width: 100%;position: relative;text-align:center}
body{margin-bottom:0px}
}
/* end sticky footer */




/* Correciones al carrousel */
.carousel-indicators {bottom: 15px;left: 15px;right:auto;top:auto;}
.carousel-control {border:0;font-size: 40px;height: 25px;left: 15px;line-height: 16px;margin-top: -20px;top: 15%;width: 25px;}
.carousel{margin-bottom:0;}
/* Fin correciones al carrousel  */

/*Correciones al jcepopup*/
span#jcemediabox-popup-numbers a {padding:10px 0}

/* Menú lateral */
.nav-tabs.nav-stacked > li > a {background: none repeat scroll 0 0 #FFFFFF; padding-right:4px;padding-left:8px;}
.icon-chevron-right {float: right;margin-top: 5px;} 
.nav-tabs.nav-stacked > li > a:hover, .nav-tabs.nav-stacked > li > a:focus {background: none repeat scroll 0 0 #EEEEEE;}
/* fin menú lateral */


.wbs-logo{margin-top:10px;}


/* TOP_MENU */
#wbs-tpl-top-menu-wrapper {height:25px;}
#wbs-tpl-top-menu-wrapper .nav{float:right;margin:0;}
#wbs-tpl-top-menu-wrapper .navbar{margin-bottom:0px;}
#wbs-tpl-top-menu-wrapper .navbar-inner {text-decoration: none;background-color:transparent;box-shadow:none;background-image:none;
border:0px;min-height:25px;height:25px;padding:0;filter: none;border: 0px solid #d4d4d4;*zoom: 1;}
#wbs-tpl-top-menu-wrapper .navbar .nav > li > a {font-size: 12px;padding: 2px 5px;text-decoration: none;
background-color:transparent;box-shadow:none;}
/* END TOP_MENU */


/* HEADER */
#wbs-tpl-header-wrapper{background:#FFFFFF;}

/* END HEADER */

@media screen and (max-width: 979px){
.navbar-fixed-top {margin-bottom: 0px;position: fixed;}
}


/* FOOTER */
#wbs-tpl-footer-menu-wrapper{padding: 0 20px;}
#wbs-tpl-copyright-wrapper{background:#525D22;color:#f0f0f0;text-align:center;}
.tabbable .nav{margin-bottom:0;}
#wbs-tpl-footer-menu h3{color: #FFF;font-size: 18px;font-weight: normal;line-height: 30px;margin: 5px 0px;}
#wbs-tpl-footer-menu a{color: #f0f0f0;font-size: 12px;line-height: 20px;}
#wbs-tpl-footer-menu .nav > li > a:hover, #wbs-tpl-footer-menu .nav > li > a:focus{background-color: transparent;text-decoration: underline;}
#wbs-tpl-copyright p{color:#f0f0f0;margin:4px;font-size:12px;}
.wbs-social-networks li {overflow: hidden;width: 30px;height: 30px;text-align: center;float: left;margin: 0 8px 0 0;}
.wbs-social-networks li i {width:30px;overflow:hidden;font-size:22px;line-height:30px}
.wbs-social-networks .nav {display: inline-block;}
/* END FOOTER */


.form-horizontal .control-group{margin-bottom:10px;}

/****  Modulos ****/
.floater{background:#fafafa;margin-bottom:20px;background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #DDDDDD;box-shadow: 0 0 5px #3399FF;
margin-bottom: 20px;padding:10px;width:180px;}
.mod1{background:#FFFFFF;margin-bottom:20px;background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #DDDDDD;box-shadow: 0 0 5px #CCCCCC;
margin-bottom: 20px;padding:5px;}
.mod1 .custom{padding:5px;border: 0;box-shadow: none;padding:0 5px;}
.mod1 h3{margin:0;padding:5px;font-size:18px;line-height:24px;color:#0088CC;}
.mod3 h3{margin:0;padding:5px;font-size:18px;line-height:24px;color:#0088CC;}
.facebook-module {background:#FFFFFF;  height: 630px; margin-bottom: 20px; overflow: hidden; width: 232px;}
.facebook-module .custom{padding:0}
.mod2{background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #DDDDDD;box-shadow: 0 0 5px #CCCCCC;margin-bottom: 20px;padding: 0;}
.mod1 .custom{padding:0px;border: 0;box-shadow: none;}
/**** Fin Modulos ***/


.btn-primary {
border-color: #8BA33A; 
color: #FFF !important; 
font-weight:normal;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.26); 
-webkit-font-smoothing: antialiased;
background-repeat: repeat-x; 
background-color: #8BA33A  !important; 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0087E1", endColorstr="#8BA33A "); 
background-image: -khtml-gradient(linear, left top, left bottom, from(#C0E854), to(#8BA33A)); 
background-image: -moz-linear-gradient(top, #C0E854, #8BA33A); 
background-image: -ms-linear-gradient(top, #C0E854, #8BA33A);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C0E854), color-stop(100%, #8BA33A));
background-image: -webkit-linear-gradient(top, #C0E854, #8BA33A); 
background-image: -o-linear-gradient(top, #C0E854, #8BA33A);
background-image: linear-gradient(#C0E854, #8BA33A); 
}

.btn {
	border: 0;
	border-radius: 0;
}

@media (max-width: 767px) {
.btn{padding:11px;border-radius:6px}
}

.jcepopup.btn:hover:hover {
  background: none repeat scroll 0 0 #525D22 !important;
}

/*** Menú principal ***/
#wbs-tpl-menu-wrapper, #wbs-tpl-menu-wrapper .navbar-inner {
  min-height: 40px;
  padding-left: 0px;
  padding-right: 0px;
  background-color: #8BA33A;
  background-image: -moz-linear-gradient(top, #C0E854, #8BA33A);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#C0E854), to(#8BA33A));
  background-image: -webkit-linear-gradient(top, #C0E854, #8BA33A);
  background-image: -o-linear-gradient(top, #C0E854, #8BA33A);
  background-image: linear-gradient(to bottom, #C0E854, #8BA33A);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffC0E854', endColorstr='#ff8BA33A', GradientType=0);
  border: 0px solid #d4d4d4;
  background-repeat: repeat-x;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  *zoom: 1;
  font-family:'corbel', arial, sans-serif;

} 

 
#wbs-tpl-menu-wrapper .navbar .nav > li > a > h2 {
  color: #FFF;
  float: none;
  padding: 0;
  margin:0;
  text-decoration: none;
  text-shadow: none;
  font-size:20px;
  line-height:20px;
  font-weight:normal;
  font-family:'corbel', arial, sans-serif;

}
#wbs-tpl-menu-wrapper .navbar .nav > li > a {padding:10px 7px 10px}

#wbs-tpl-menu-wrapper .navbar .nav>.active > a,
#wbs-tpl-menu-wrapper .navbar .nav>.active > a:hover,
#wbs-tpl-menu-wrapper .navbar .nav>.active > a:focus{
color:#FFFFFF;
text-decoration:none;

 background-color: #525D22;
  background-image: -moz-linear-gradient(top, #8DAD36, #525D22);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8DAD36), to(#525D22));
  background-image: -webkit-linear-gradient(top, #8DAD36, #525D22);
  background-image: -o-linear-gradient(top, #8DAD36, #525D22);
  background-image: linear-gradient(to bottom, #8DAD36, #525D22);


box-shadow:none;
font-size:18px;
}

#wbs-tpl-menu-wrapper .navbar .nav > li  a:hover {
  color: #FFF;
  text-decoration: underline;
  text-shadow: 0 1px 0 #1E130F;
}
#wbs-tpl-menu-wrapper .icon-tags{text-decoration: none;}
/*** Fin menú principal ***/
.wbs-tpl-phone-menu-button.btn.btn-primary.fa.fa-bars.fa-lg {
	background: none;
	background-color: none;
}

/* Mobile Header */
#wbs-tpl-phone-header-wrapper { background:#8DAD36 ; border-bottom: 1px solid #999; box-shadow: 0 2px 5px #999; position:fixed; width:100%;
 height: 44px; top:0; left:0;z-index:20000}
.wbs-tpl-phone-menu-button {float: right; margin: 7px 6px 0 0;padding:4px 12px !important}
.btn-back-wrapper {float: left;height: 20px;padding: 12px 10px 0;text-align: center;width: 20px;}
.btn-back {color: #FFFFFF !important;text-decoration:none !important}
.logo-movil {display: block; height: 40px; margin: 2px auto;}



/* Mobile Menu */
#wbs-mobile-menu {background:#f3f3f3;font-size:16px;position:fixed;transition:left 0.3s;width:300px;height:100%;overflow-y:scroll;
top:42px;left:0;left:-300px;z-index:200;box-shadow: 0 0 30px rgba(0,0,0,0.3) inset}
#wbs-mobile-menu li a{color:rgba(0, 0, 0, 0.6);padding:15px;display:block;position:relative;border-bottom:1px solid rgba(0, 0, 0, 0.1)}
#wbs-mobile-menu li > a:hover, #wbs-mobile-menu .active > a {background-color: #fafafa;}
#wbs-mobile-menu li{list-style:none}
#wbs-mobile-menu.is-active{left:0}
body.has-active-menu {overflow: hidden;}
.menu-mask {position:fixed;z-index:100;top:0;left:0;overflow:hidden;width:0;height:0;background-color:#000;opacity: 0;
transition:opacity 0.3s, width 0s 0.3s, height 0s 0.3s;}
.menu-mask.is-active {width:100%;height:100%;opacity: 0.7;transition: opacity 0.3s;}
#wbs-mobile-menu > ul > .deeper > a::before {content: "";position:absolute;right: 15px;border-top: 8px solid transparent;
border-bottom: 8px solid transparent;border-left: 8px solid rgba(0,0,0,0.3);top: 18px;transition-duration:0.3s;}
#wbs-mobile-menu > ul > .deeper > a::after {content: "";position: absolute;right: 40px;	border-left: 1px rgba(0, 0, 0, 0.1) solid;
width: 1px;height: 100%;top: 0;}
#wbs-mobile-menu > ul > .deeper > ul{margin:0; transition:0.6s; max-height:0;overflow:hidden}
#wbs-mobile-menu > ul > .deeper.open > ul, #wbs-mobile-menu > ul > .deeper.active > ul {max-height:500px;}
#wbs-mobile-menu > ul > .deeper.active> a::before, #wbs-mobile-menu > ul > .deeper.open> a::before {transform:rotate(90deg);}
#wbs-mobile-menu > ul > .deeper > ul > li > a {padding-left: 40px;font-size: 80%;padding: 10px 0 10px 40px;}
#wbs-mobile-menu > ul {padding-bottom: 25px;}




/* Mensaje Cookies */
#wbs-tpl-cookie-msg{background: rgba(86, 86, 86, 0.95); color: #FFFFFF;font-weight: 700;left: 0;  padding: 20px 5%; position: fixed;
text-align: center;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);top: auto; bottom:0; width: 90%;z-index: 99999;}
#wbs-tpl-cookie-msg a{color:#FFFFFF !important}


/* Pagina de error */
.wbs-error-page {text-align: center;} 
.wbs-error-page h4, .wbs-no-deal {color: #a94442; font-size: 100px; line-height: 100px; margin-bottom: 20px;}

.wbs-warning-msg {background: #000;color: #fff;	padding: 8px 20px;text-align: center;}


/* Modificaciones para del cliente*/

.label-important, .badge-important {background-color: #EB732E;}

#wbs-tpl-header{padding:0 10px;}
a:link,a:visited,a:hover, a:focus{color:#8DAD36;}
.btn-danger {color:#FFF !important;}
.accordion-heading{background:#f5f5f5;}
/* Fin modificaiones del cliente */