/* BÃ?SICOS */
@font-face{
  font-family:'Corbel';
  src:url('../fonts/Corbel.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Corbel.woff') format('woff'),
	url('../fonts/Corbel.ttf')  format('truetype'),
	url('../fonts/Corbel.svg#Corbel') format('svg');
  font-weight:normal;
  font-style:normal;
}
*{margin:0}
html, body{height:100%}
body{background-color:#dcdcde;font-family:'Exo 2',sans-serif;font-weight:400;padding-top:35px}
h1,h2,h3,h4,h5,h6{margin:0;padding:0}
h1{color:#00305c;font-size:19px}
h2{color:#f97d18;font-size:18px}
h3{color:#000;font-size:19px;font-weight:700;margin:0 0 15px}
ul{margin-bottom:10px !important}
ul.abc{list-style:lower-latin}
ul.num{list-style:decimal}
.text-green{color:#36b449;font-weight:700}
.aumentar-texto a:first-child{font-size:1.8em}
.aumentar-texto a{font-size:1.6em;color:#818284;font-weight:700}
.aumentar-texto .ico-info{background-color:#fff;border-radius:20px;color:#818284;font-size:1.2em;line-height:0;margin-left:5px;position:relative;top:1px}
.aumentar-texto .ico-info .glyphicon{top:0}
.cabeceras-xs{display:none !important}
.nextCap{background-color:#818284;color:#fff;display:block;float:right;margin:10px 0;padding:15px;width:auto}
.nextCap:hover{color:#fff}
.no-span .kcal-info{display:none}
/* ESTRUCTURA */
#wrapper{position:relative}
.bx-viewport{height:1685px !important}
.bxslider, .bxslider > li, .bxslider .main-content, .bxslider .main-content .container{height:100%}
.container{max-width:1200px;overflow-y:auto !important}

.header .container{position:relative}
.header .container p.title{color:#fff;font-size:1.8em;font-weight:700;position:absolute;top:40px;left:136px;line-height:1;text-shadow:4px 4px 2px rgba(0, 0, 0, 0.45)}
.header .container p.title span{display:block;font-size:1.2em}

.index{font-size:16px}
.index .row{margin-top:30px}
.index h1{color:#36b449;font-weight:700;font-size:50px}
.index h1 span{display:block;font-size:80px}
.index .fake{position:relative;top:0;display:block !important;margin:30px auto 10px;right:0;background:url("../imagenes/arrow-home.png") no-repeat scroll;height:64px;width:64px}
.index .inline{display:inline-block !important}

.main-content .container{background-color:#fff;padding:20px 40px}
.main-content .container p, .main-content .container ul{font-size:15px}
.main-content .container p.subtitle{color:#000;font-size:1.4em;font-weight:700}
#diapositiva-00 .main-content .container p.subtitle{font-size:1.8em}
.main-content .container p.subtitle span{color:#818284}
.main-content .container .row.content{position:relative;margin-top:20px}
.main-content .nivel-02{font-size:20px !important}
.main-content .nivel-03{font-size:19px !important;color:#36b449;font-weight:700}
.main-content .nivel-04{font-size:18px !important;color:#000;font-weight:700}
.main-content .nivel-05{font-size:17px !important;color:#36b449;font-weight:700}
.box-expand p span:first-child{font-weight:700;margin-bottom:10px}
.bg-abstract-01{background-color:#9bce7a;padding:5px 30px;max-width:280px;margin:0 auto 15px;background:url(../imagenes/valor-nutricional-bg.jpg) top center no-repeat scroll;background-size:cover}
.bg-abstract-01 h3{text-align:center;color:#fff;text-shadow:2px 2px 2px rgba(0, 0, 0, 0.45);margin:5px 0 10px;font-weight:700;font-size:1.4em}
.bg-abstract-01 table{background-color:#fff;font-size:80%;margin-bottom:10px}
.bg-abstract-01 table tbody th{font-weight:normal !important}

/*TABLAS*/
table{font-family:Arial, Helvetica, sans-serif;font-size:13px}
.table-condensed{background-color:#fff}
.table-condensed > thead{color:#fff;background-color:#36b449}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td{padding:0px 5px}
.table > thead > tr > th, .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{border-color:#36b449}

/*FORMULARIO*/
.form-inline .form-group{margin-right:100px}
.form-inline .form-group label{padding-left:20px;font-size:18px;color:#36b449}
.form-inline .form-group:first-child label{color:#949599}
.form-control{color:#fff;font-weight:700;border:none;background:#8ccb84;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM4Y2NiODQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzZiNDQ5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-radial-gradient(center, ellipse cover,  #8ccb84 0%, #36b449 100%);background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#8ccb84), color-stop(100%,#36b449));background:-webkit-radial-gradient(center, ellipse cover,  #8ccb84 0%,#36b449 100%);background:-o-radial-gradient(center, ellipse cover,  #8ccb84 0%,#36b449 100%);background:-ms-radial-gradient(center, ellipse cover,  #8ccb84 0%,#36b449 100%);background:radial-gradient(ellipse at center,  #8ccb84 0%,#36b449 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ccb84', endColorstr='#36b449',GradientType=1 )}
.form-control option{background-color:#36b449}

p.picture-info{border:2px solid #c8c9cb;border-radius:4px;max-width:220px;margin:0 auto 15px;position:relative}
p.picture-info-half{max-width:48%;float:left;margin:15px 1%}
p.picture-info span{position:absolute;display:block;background-color:#a3d49d;color:#fff;right:-40px;top:10px;text-align:right;
border-radius:10px;padding:5px 5px 5px 15px;font-size:1.2em;line-height:1;width:55px}
p.picture-info span.big{width:60px}
p.picture-info-half span{bottom:-5px;top:auto;right:-5px;text-align:center;padding:5px}
p.picture-info span b{display:block;color:#000;font-weight:normal;font-size:0.7em}

/*PANELES*/
.panel-group .panel{border-radius:0;border:none}
.panel-default a{text-decoration:none}
.panel-default .panel-heading{padding:0 5px;background-color:#949599;color:#fff;border-radius:0}
.panel-title{font-weight:700;position:relative}
.panel-title span{color:#a3d49d;left:140px;position:absolute}
.panel-title span.glyphicon{position:absolute;top:0px;right:30px;left:auto;color:#fff;background-color:#a3d49d;border-radius:15px;
padding:5px;font-size:45%}
.panel-body{padding:15px 0}

/* NAVEGACIÓN */
.btn-menu{border:none}
.btn-menu .icon-bar{display:block;background-color:#d2d3d5;height:6px;width:30px;margin-bottom:3px}
#sidebar-wrapper{position:relative;float:left;width:60%}
.sidebar-nav{position:absolute;top:-45px;left:80px;width:100%;margin:0;padding:40px 80px;list-style:none;float:left;background:url(../imagenes/bg-menu.png) top left repeat scroll;z-index:9999;border-radius:10px}
.sidebar-nav li{padding-left:20px;line-height:40px}
.sidebar-nav li a{display:block;text-decoration:none;color:#fff;padding:5px 0px;border-bottom:1px solid #36b449;line-height:1.4;font-size:1.6em;white-space:normal}
.sidebar-nav li a:active,.sidebar-nav li a:focus{text-decoration:none}
.sidebar-nav li ul{list-style-type:none}
.sidebar-nav > .sidebar-brand{font-size:1.6em;color:#fff;margin-bottom:45px}
.sidebar-nav .dropdown-menu{position:relative;background-color:transparent;box-shadow:none;border:none;width:100%}
.dropdown-menu li a:hover, .dropdown-menu li a:focus{background:none;color:#fff;text-decoration:underline}
#navigation{height:0}
.navigation-sp.toggled{display:block;height:auto}
.navigation-sp{width:100%;display:none}

.open .dropdown-menu{display:block}

ul.indice{list-style:none;margin:0;padding:0;text-align:center}
ul.indice a{color:#36b449;font-size:1.4em}
.indice-item{margin-bottom:2px}

ul.bibliografia{list-style:decimal}
ul.bibliografia li{margin-bottom:10px;padding-left:5px}
ul.bibliografia li a{color:#333;text-decoration:underline;font-weight:700}

.close{font-family:Arial, Helvetica, sans-serif}
.modal-backdrop{z-index:9998}
.modal-ayuda{z-index:9999}
.modal-ayuda .modal-header{background-color:#dcdcde}
.modal-ayuda .modal-dialog{width:998px}
.modal-ayuda .modal-content{float:left;width:100%}
.modal-ayuda .modal-body .row{margin-bottom:15px}
.modal-ayuda .modal-body .row div p:first-child{border-top:1px solid #dcdcde;padding-top:10px}
.modal-ayuda .modal-body a{cursor:default}
.modal-ayuda .modal-body img{margin:0 auto}
.btn-expand a, .btn-expand a:hover{background-color:#36b449;color:#fff;border-radius:30px;padding:12px;line-height:1}

/*BXSLIDER*/
.bx-wrapper{margin:0 auto 60px;padding:0;position:relative}
.bx-wrapper img{display:block;margin:0 auto;position:relative}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:-30px;position:absolute;width:100%}
.bx-wrapper .bx-loading{background:url("../imagenes/bx_loader.gif") no-repeat scroll center center #fff;height:100%;left:0;min-height:50px;
position:absolute;top:0;width:100%;z-index:2000}
.bx-wrapper .bx-pager{color:#666;font-family:Arial;font-size:0.85em;font-weight:bold;padding-top:20px;text-align:center}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block}
.bx-wrapper .bx-pager.bx-default-pager a{background:none repeat scroll 0 0 #666;border-radius:5px;display:block;height:10px;margin:0 5px;
    outline:0 none;text-indent:-9999px;width:10px}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background:none repeat scroll 0 0 #000}
.bx-wrapper .bx-prev, .fake-a{background:url("../imagenes/left-arrow.png") no-repeat scroll 0 0;left:10px}
.bx-wrapper .bx-next, .fake-b{background:url("../imagenes/right-arrow.png") no-repeat scroll 0 0;right:10px}
.fake-a{left:10px}
.fake-b{right:10px}
.bx-wrapper .bx-prev:hover{background-position:0 0}
.bx-wrapper .bx-next:hover{background-position:0 0}
.bx-wrapper .bx-controls-direction a, .fake{height:48px;margin-top:-16px;outline:0 none;position:fixed;text-indent:-9999px;top:50%;width:48px;z-index:9997}
.bx-wrapper .bx-controls-direction a.disabled{display:none}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}
.bx-wrapper .bx-caption{background:none repeat scroll 0 0 rgba(80, 80, 80, 0.75);bottom:0;left:0;position:absolute;width:100%}
.bx-wrapper .bx-caption span{color:#fff;display:block;font-family:Arial;font-size:0.85em;padding:10px}

#div_producto{background-color:#fff;float:left;position:absolute;width:100%;z-index:99;-webkit-box-shadow:0px 0px 20px 0px rgba(51,3,0,1);
	-moz-box-shadow:0px 0px 20px 0px rgba(51,3,0,1);box-shadow:0px 0px 20px 0px rgba(51,3,0,1);padding:20px 5%}
#div_producto a{position:absolute;top:10px;right:15px}

/*---ZOOM---*/
.pics{cursor:pointer}
.pics-a a{color:#333;font-weight:bold}
#glisse-overlay, #glisse-close, #glisse-controls,#glisse-spinner{opacity:0}
#glisse-overlay{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.75);z-index:9998}
#glisse-overlay.loading #glisse-spinner{opacity:1}
#glisse-overlay-content{position:fixed;top:10%;right:10%;bottom:10%;left:10%;background-repeat:no-repeat;background-position:50% 50%;opacity:0;-moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;	background-size:contain;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:9999;width:800px;height:600px;left:0;right:0;margin-left:auto;margin-right:auto;border:2px solid #c8c9cb;border-radius:4px}
#glisse-overlay-content img{display:none}
#glisse-overlay-content.shake{-webkit-animation:shake 600ms 1;-moz-animation:shake 600ms 1;-ms-animation:shake 600ms 1;-o-animation:shake 600ms 1;animation:shake 600ms 1}
#glisse-close{ cursor:pointer}
#glisse-spinner{position:fixed;top:50%;left:50%;margin:-40px 0 0 -40px;height:80px;width:80px;background:rgba(0,0,0,.6) url(img/loader.gif) center center no-repeat;border-radius:6px}
#glisse-controls{bottom:0;left:0;margin:0 auto;position:fixed;right:0;text-align:left;top:130px;width:800px;z-index:9999;padding:0 15px}
.cap-04 #glisse-controls .glisse-legend{display:none}
#glisse-controls .glisse-legend{color:#fff;background-color:#a3d49d;border-radius:10px;font-size:2.4em;padding:10px 20px}
#glisse-controls .ended{display:none}
.glisse-next a, .glisse-prev a{-webkit-transition:all 100ms ease;-moz-transition:all 100ms ease;-o-transition:all 100ms ease;
-ms-transition:all 100ms ease;transition:all 100ms ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}
#glisse-controls .ended a{opacity:.3;cursor:default}

.acceso form{background-color:#e9e7ea;border-radius:10px;box-shadow:5px 5px 5px 0 rgba(0, 0, 0, 0.75);margin:25px 0;padding:5px 10px}
.acceso .form-control{background:#fff;color:#000}
.acceso .form-group{margin-bottom:5px}
.acceso label{color:#9e9da5}
.acceso .btn{background-color:#006cae;border:medium none;border-radius:10px;color:#fff}

.jspContainer{overflow:hidden;position:relative}
.jspPane{position:absolute}
.jspVerticalBar{position:absolute;top:0;right:0;width:16px;height:100%;background:red}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;background:red}
.jspCap{display:none}
.jspHorizontalBar .jspCap{float:left}
.jspTrack{background:#D7FFD1 !important;position:relative}
.jspDrag{background:#88ca72 !important;position:relative;top:0;left:0;cursor:pointer}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;padding:0;margin:0}
.jspArrow.jspDisabled{cursor:default;background:#80808d}
.jspVerticalBar .jspArrow{height:16px}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%}
.jspVerticalBar .jspArrow:focus{outline:none}
.jspCorner{background:#eeeef4;float:left;height:100%}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{margin:0 -3px 0 0}
.jspContainer{height:990px !important}
.box-expand.full{overflow:visible !important}
.jspVerticalBar{height:auto !important}

/* Glisse:Keyframes */
@-webkit-keyframes shake{
    0%, 100%{-webkit-transform:translateX(0)}
    10%, 30%, 50%, 70%, 90%{-webkit-transform:translateX(-10px)}
    20%, 40%, 60%, 80%{-webkit-transform:translateX(10px)}
}

@-moz-keyframes shake{
    0%, 100%{-moz-transform:translateX(0)}
    10%, 30%, 50%, 70%, 90%{-moz-transform:translateX(-10px)}
    20%, 40%, 60%, 80%{-moz-transform:translateX(10px)}
}

@-ms-keyframes shake{
    0%, 100%{-ms-transform:translateX(0)}
    10%, 30%, 50%, 70%, 90%{-ms-transform:translateX(-10px)}
    20%, 40%, 60%, 80%{-ms-transform:translateX(10px)}
}

@-o-keyframes shake{
    0%, 100%{-o-transform:translateX(0)}
    10%, 30%, 50%, 70%, 90%{-o-transform:translateX(-10px)}
    20%, 40%, 60%, 80%{-o-transform:translateX(10px)}
}

@keyframes shake{
    0%, 100%{transform:translateX(0)}
    10%, 30%, 50%, 70%, 90%{transform:translateX(-10px)}
    20%, 40%, 60%, 80%{transform:translateX(10px)}
}

/*---RESPONSIVE---*/
@media (max-width:1200px){
	.header .container p.title{left:120px;top:30px;font-size:1.5em}
	.bx-wrapper .bx-controls-direction a, .fake{top:0;margin-top:-50px;position:absolute}
	.fake-a{left:30px}
	.fake-b{right:30px}
	.fake{margin-top:-30px}
	.index h1 span{font-size:60px}
}

@media (min-width:998px){
		.box-expand{position:absolute;right:0;top:0;height:auto;width:30%;-webkit-transition:all 0.5s linear;	transition:all 0.5s linear}
		.box-expand p{line-height:1;font-weight:700;font-size:14px !important;font-weight:100;margin-top:10px}
		.box-expand p span:first-child{color:#36b449;display:block}
		.box-expand .box-grey{float:left;width:100%;position:relative;background-color:#f6f6f5;padding:10px 5px}
		.box-expand .btn, .bg-abstract-01 .btn{background-color:#36b449;color:#fff;position:absolute;bottom:-15px;left:-15px;border-radius:30px;padding:12px;line-height:1}
		.box-expand table{font-size:50%}
		.box-expand .table-condensed > thead > tr > th, .box-expand .table-condensed > tbody > tr > th, .box-expand .table-condensed > tfoot > tr > th,.box-expand .table-condensed > thead > tr > td, .box-expand .table-condensed > tbody > tr > td, .box-expand .table-condensed > tfoot > tr > td{padding:0px}
		.box-expand.full{position:absolute;top:0;right:0;height:100%;width:100%;background-color:#fff;-webkit-transition:all 0.5s linear;transition:all 0.5s linear;overflow:auto}
		.box-expand.full .box-grey{width:100%}
		.box-expand.full table{font-size:110%}
		.box-expand.full .btn{ left:auto;right:-15px}
		.box-expand.full.scroll-pane .btn{ left:auto;right:5px;bottom:5px}
		.bg-abstract-01.full{position:absolute;top:0;right:0;height:auto;width:100%;max-width:100%;z-index:999}
		.bg-abstract-01.full table{ font-size:100%}
}

@media (max-width:997px){
	body{padding-top:0}
	.index h1 span{font-size:50px}
	.bx-controls, .fake{display:none !important}
	.main-content .container{padding:20px 10px}
	.form-inline .form-group{margin-right:30px}
	.header .container p.title{left:85px;top:20px;font-size:1.3em}
	.ipad-clear{float:left;width:100%}
	.box-expand{position:relative;padding:10px;float:left;width:98%;margin:10px auto;bottom:0}
	#btn-expand, #btn-expand-02{display:none}
	#sidebar-wrapper{width:100%}
	.sidebar-nav{left:15px;padding:40px}
	ul.indice, .indice-listado{width:100%;float:left}
	ul.indice li{float:left;width:20%}
	.indice-listado{text-align:center;margin-top:20px}
	.modal-ayuda .modal-dialog{width:96%}
}
@media(max-width:800px){
	#glisse-overlay-content, #glisse-controls{width:100%;height:auto}
}
@media(min-width:768px){        
    #page-content-wrapper{padding:20px;position:relative}
    #wrapper.toggled #page-content-wrapper{position:relative;margin-right:0}
}
@media (max-width:768px){
	.index h1, .index h1 span{font-size:30px;text-align:center}
	.index .fake{margin:0 auto 15px}
	.main-content .container{overflow:hidden}
	.form-inline .form-group{width:48%;margin:0 1%;float:left}
	.bg-abstract-01{margin-bottom:20px}
	.sidebar-nav li{width:100%;text-align:center}
	.sidebar-nav li a{margin-bottom:5px}
	.bg-abstract-01 .table-responsive{overflow:auto}
	.sidebar-nav{top:0;padding:0}	
	.sidebar-nav li{padding-left:0;width:90%;margin:0 auto}
	.sidebar-nav li ul{padding:0}
	.sidebar-nav li a{font-size:1.3em}
	.bxslider, .bxslider > li, .bxslider .main-content, .bxslider .main-content .container{height:auto}	
}
@media (max-width:680px){
		.header .container p.title{left:12%;top:20%;font-size:1.5em}
		.header .container p.title span{left:12%;top:20%;font-size:1.2em}
		#no-more-tables table,#no-more-tables thead,#no-more-tables tbody,#no-more-tables th,#no-more-tables td,#no-more-tables tr{display:block}
		#no-more-tables thead tr{position:absolute;top:-9999px;left:-9999px}
		#no-more-tables td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:50%;white-space:normal;text-align:right}
		#no-more-tables td:before{position:absolute;top:0px;left:6px;width:45%;padding-right:10px;white-space:nowrap;text-align:left;font-weight:bold}
		#no-more-tables tbody th{text-align:right}
		#no-more-tables tbody th:before{float:left}
		#no-more-tables tbody th:before, #no-more-tables td:before{ content:attr(data-title);padding-right:10px}
		p.picture-info-half{width:40%;margin:10px 5%}
}
@media (max-width:500px){
	.zoomWindow{display:none !important}
	.cabeceras-xs{display:block !important}
	.cabeceras-lg{display:none !important}
	.header .container p.title{left:10%;top:20%;font-size:1.6em}
	.header .container p.title span{font-size:1em}
	.panel-title span{left:90px}
	.panel-default .panel-heading{padding:10px 5px}
	.panel-title span.glyphicon{font-size:100%;top:-5px}
}
@media (max-width:320px){
	.header .container p.title{font-size:1.4em}
	.header .container p.title span{font-size:1em}
	p.picture-info-half{width:80%;margin:10px 10%;max-width:100%}
}
@media (max-width:240px){
	.header .container p.title{font-size:0.8em}
	.aumentar-texto{width:50%;text-align:right}
}