/*Reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
/* remember to define focus styles! */:focus { outline:0;}
body {line-height:1; color:black; background:white;}
ol,ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:separate; border-spacing:0;}
caption,th,td {text-align:left; font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after {content:"";}
blockquote,q {quotes: "" "";}
a:link,
a:visited {text-decoration: none; color:#5A3F06; }
a:hover,
a:active {text-decoration: underline;}
/*End reset*/
/*Labels*/
body{ background:#e5e2d9 url(../images/bg-body.jpg) repeat-x top left; color:#423500; font-family:tahoma, Arial, Helvetica, sans-serif; font-size:11px;}
h1, h2, h3{ display:block; text-indent:-9999px;}
input{padding:2px; color:#707070; font-size:11px;}
/*Struture*/
#wrapper-content{ width:950px; margin:0 auto; position:relative;}
#wrapper{ width:926px; padding:0 0 0 24px;}
#header{ height:312px; background:url(../images/bg-header.jpg) no-repeat top left;}
#content{ clear:both;}
#footer{ clear:both; width:910px; margin:0 auto; background:url(../images/bg-footer.jpg) no-repeat; height:166px; padding:20px 25px 0 15px;}
#footer .legales{ float:left; width:275px; text-align:right; padding:0 0 0 0;}
.legales a.qrv{ background:url(../images/logo-qrv.gif) no-repeat; height:43px; display:block; margin:0 0 10px 220px;}
.legales a.qrv b{ display:none;}
.legales p.register{ color:#a4a39c; font-size:10px; line-height:12px;}
#footer h6.title-footer{ color:#ff5400; font-size:12px; font-weight:bold; margin:0 0 5px 0; display:block;}
#footer ul.columns li{ width: 83px; border-right:1px solid #e5e2d9; float:left; padding:0 21px 0 21px; height:82px;}
#footer ul.columns li.noborder{ border:none;}
#footer ul.columns li a{ display:block; line-height:14px; margin:2px 0 0 0; color:#392b00; font-size:9px;}
/*Home*/
/*Header*/
#header .header-left{ float:left; width:208px; padding:0 0 0 15px;}
h1 a.logo{ background:url(../images/logo.gif) no-repeat; width:204px; height:110px; display:block;}
#header .header-right{ float:left; width:676px; padding:0 15px 0 0;}
.header-right .header-right-top{ height:31px; padding:0 19px 0 0;}
.header-left-form, .header-middle-form, .header-right-form{ float:right; height:28px; padding-top:3px;}
.header-left-form{ background:url(../images/bck-home-form-left.gif) no-repeat; width:29px;}
.header-middle-form{ background:url(../images/bck-home-form-center.gif) repeat-x; width:58%;}
.header-middle-form.loggedIn{ width:31%; }
.header-middle-form a.logout { color:#5a3f06; text-decoration:underline; font-size:10px; }
.header-right-form{ background:url(../images/bck-home-form-right.gif) no-repeat; width:29px;}
.header-right-top a.register{ color:#f2eee2; text-decoration:underline; line-height:13px; position:relative; left:4px;}
.header-right .header-right-bottom{ height:276px; clear:both;}
/*Form*/
.header-right-top form{ display:inline;}
.header-right-top form input.user{ width:116px; height:12px; border:1px solid #8f7b5f;}
input.user{margin: 0 4px 0 0;}
.header-right-top form input.enter, .header-right-top form input.user{/* float:left;*/}
.header-right-top form input.enter{position:relative; top:3px; padding:0; }
/*Content*/
.content-top{background:url(../images/bck-content-octubre.jpg) no-repeat; height:330px;}
.content-top-left{ width: 360px; float:left; padding:10px 7px 0 30px; /*background: url(../images/bg-destacado-right.jpg) no-repeat top right;*/}
.content-top-left h2.next, .content-top-right h2.bienvenida, .calendario-top-container-tit h3.listado-cursos{ background: url(../images/icon-titulos.gif) no-repeat scroll 0 8px; height:26px; color:#301d02; font-family:Georgia, "Times New Roman", Times, serif; font-size:19px; padding:2px 0 0 20px; font-weight:normal; text-indent:0;}
.content-top-left h3.how{margin:30px 5px 0 143px; font-family:Georgia, "Times New Roman", Times, serif; color:#f97937; font-size:19px; font-weight:normal; text-indent:0;}
/*.content-top-left h3.how{ background:url(../images/h3-impdesayuno.gif) no-repeat; height:50px; margin:30px 0 0 110px;}*/
.content-top-left p.download{ width:194px; margin: 12px 0 0 147px; color:#5a3f06; line-height:15px;}
.content-top-left p.telephone{ background:url(../images/icon-phone.gif) no-repeat; padding:5px 0 0 38px; color:#e37f3c; font-weight:bold; line-height:14px; margin: 12px 0 0 135px; }
.content-top-left a.call-action-left{ display:block; text-indent:-9999px; background:url(../images/btn-conoce-mas.gif) no-repeat scroll 0 0; height:42px; margin:15px 0 0 150px;}
.content-top-left a:hover.call-action-left{ background-position:0 -42px;}
.content-top-right{ width: 479px; float:left; padding:10px 50px 0 0; color:#8e5319;}
.content-top-right p{ margin:10px 0 17px 0;}
/*Slider*/
.slider{ clear:both;}
.slider h2.tenemos{ background: url(../images/h2-tenemos.jpg) no-repeat; height:40px; margin:0 0 0 20px;}
.slider div.slider-left, .slider div.slider-right{ float:left; width:38px;}
.slider div.slider-left a.arrow-left, .slider div.slider-right a.arrow-right{height:124px; width:38px; display:block; text-indent:-9999px;}
.slider div.slider-left a.arrow-left{ background:url(../images/sprite-arrows.jpg) no-repeat scroll 0 0;}
.slider div.slider-left a:hover.arrow-left{ background-position:0 -124px;}
.slider div.slider-right a.arrow-right{ background:url(../images/sprite-arrows.jpg) no-repeat scroll -38px 0;}
.slider div.slider-right a:hover.arrow-right{ background-position:-38px -124px;}
.slider div.reciepts{ width:840px; float:left; overflow:hidden;}
ul.tips{ width:3000px;}
ul.tips li{ float:left; width:269px; height:124px; padding:0 0 0 10px;}
ul.tips li p.reciepts-text{ width:155px; margin:40px 0 0 4px; font-size:10px; line-height:12px; height:43px;}
ul.tips li.r-benefits{ background:url(../images/sprite-recieps.jpg) no-repeat scroll 0 0;}
ul.tips li.r-heart{ background:url(../images/sprite-recieps.jpg) no-repeat scroll -285px 0;}
ul.tips li.r-fibra{ background:url(../images/sprite-recieps.jpg) no-repeat scroll -573px 0;}
ul.tips li.r-activos{ background:url(../images/sprite-recieps.jpg) no-repeat scroll -856px 0;}
ul.tips li.r-juntos{ background:url(../images/sprite-recieps.jpg) no-repeat scroll -1139px 0;}
ul.tips li.r-saludables{ background:url(../images/sprite-recieps.jpg) no-repeat scroll -1426px 0;}
ul.tips li.r-verdad{ background:url(../images/sprite-recieps.jpg) no-repeat scroll -1706px 0;}
ul.tips li.r-desayuno{ background:url(../images/sprite-recieps.jpg) no-repeat scroll -1990px 0;}
ul.tips li.r-bien-por-dentro{ background:url(../images/sprite-recieps.jpg) no-repeat scroll -2277px 0;}
ul.tips li.r-supermercados{ background:url(../images/sprite-recieps.jpg) no-repeat scroll -2565px 0;}
/*---------------------------------------*/
ul.tips li a.quieres{background:url(../images/btn-quieres-saber-mas.png) no-repeat scroll 0 0; height: 25px; width: 154px; display:block; text-indent:-9999px;}
ul.tips li a:hover.quieres{ background-position: 0 -25px;}
/*Banners*/
.banners{clear:both; padding:0 0 0 45px;}
.banners .banners-left, .banners .banners-right{ float:left; height:145px; margin:20px 0 0 0;}
.banners .banners-left{width:400px;}
.banners .banners-right{width:420px;}
.banners .banners-left{ background:url(../images/sprite-banner-home.jpg) no-repeat scroll 0 0;}
.banners .banners-right{ background:url(../images/sprite-banner-home.jpg) no-repeat scroll -421px 0;}
.banners p.banners-inside{ display:block; text-indent:-9999px;}
.banners a{ text-indent:-9999px; display:block; height:58px;}
.banners a.pariticipa{ background:url(../images/btn-participa.jpg) no-repeat; margin:70px 0 0 220px;}
.banners a.consulta{ background:url(../images/btn-consulta.jpg) no-repeat 0 -58px; margin:70px 0 0 200px;}
.banners a:hover.pariticipa { background-position:0 -58px;}
.banners a:hover.consulta { background-position:0 0;}
/*Blog*/
.sobremesa-blog{ clear:both; background:url(../images/bg-blog.jpg) no-repeat; height:35px; margin:34px 0 0 0; padding:20px 0 10px 110px;}
.sobremesa-blog h4, .sobremesa-blog h4 a.blog-title, .sobremesa-blog p, .sobremesa-blog-scroll, .sobremesa-blog a.rss{float:left;}
.sobremesa-blog h4{ width:130px; margin:5px 20px 0 0;}
.sobremesa-blog h4 a.blog-title{text-indent:-9999px; display:block; background:url(../images/h4-sobremesa-blog.gif) no-repeat; height:21px; width:130px;}
.sobremesa-blog-scroll{ width:10px; margin:0 15px 0 33px;}
.sobremesa-blog-scroll a{ display:block; text-indent:-9999px; height:10px;}
.sobremesa-blog-scroll a.link-top{ background:url(../images/icon-arrows.gif) no-repeat;}
.sobremesa-blog-scroll a.link-bottom{ background:url(../images/icon-arrows.gif) no-repeat scroll 0 -28px; margin-top:10px;}
.sobremesa-blog a.rss{ width:20px; margin:5px 0 0 15px;}
.sobremesa-blog p{ width:561px; margin:3px 0 0 10px; line-height:13px;}
.sobremesa-blog a.read-more{ font-weight:bold; color:#423500;}
/*Sponsors*/
.sponsors{ clear:both; background:url(../images/bg-sponsors.gif) no-repeat; height:60px; margin:10px 0 0 0;}
.sponsors h5.nuestros-sponsors{ text-indent:-9999px; display:block; width:139px; float:left;}
.sponsors ul.sponsors-logos{ float:left; width:811px; margin:7px 0 0 0;}
.sponsors ul.sponsors-logos li{ float:left; display:block;}
/*Menu*/
span.top-menu{ background:url(../images/hr-top.gif) no-repeat top left; display:block; height:12px; border:0;}
span.bottom-menu{ background:url(../images/hr-bottom.gif) no-repeat top left; display:block; height:12px; border:0;}
.content-menu{ padding:0 0 0 17px;}
ul.menu-links{ margin:20px 0 10px 25px;}
ul.menu-links li a{ height:28px; display:block; text-indent:-9999px; width: 124px;}
li a.first{ background:url(../images/sprite-menu.gif) no-repeat scroll 0 0;}
li a.second{ background:url(../images/sprite-menu.gif) no-repeat scroll -124px 0;}
li a.third{ background:url(../images/sprite-menu.gif) no-repeat scroll -248px 0;}
li a.fourth{ background:url(../images/sprite-menu.gif) no-repeat scroll -373px 0;}
li a:hover.first{ background-position: 0 -28px;}
li a:hover.second{ background-position: -124px -28px;}
li a:hover.third{ background-position: -248px -28px;}
li a:hover.fourth{ background-position: -373px -28px;}
/*menu interna*/
li a.five{ background:url(../images/sprite-menu-interna.gif) no-repeat scroll 0 0;}
li a.six{ background:url(../images/sprite-menu-interna.gif) no-repeat scroll -124px 0;}
li a.seven{ background:url(../images/sprite-menu-interna.gif) no-repeat scroll -248px 0;}
li a.eight{ background:url(../images/sprite-menu-interna.gif) no-repeat scroll -373px 0;}
li a.nine{ background: url(../images/sprite-menu-interna.gif) no-repeat scroll -478px 0;}
li a.five.selected,
li a:hover.five{ background-position: 0 -28px;}
li a.six.selected,
li a:hover.six{ background-position: -124px -28px;}
li a.seven.selected,
li a:hover.seven{ background-position: -248px -28px;}
li a.eight.selected,
li a:hover.eight{ background-position: -373px -28px;}
li a:hover.nine{background-position: -478px -28px;}
/*Internas*/
/*Structure*/
#wrapper-content-top, #wrapper-content-bottom{padding:0 0 0 24px;}
#wrapper-content-top{ height:180px;}
#wrapper-content-bottom{ background: url(../images/bg-wrapper-content.jpg) no-repeat scroll 0 0;}
/*Left header*/
.wrapper-content-top-left, .wrapper-content-top-right, .wrapper-content-image, .wrapper-content-loguin, .bottom-left{float:left;}
.bottom-right{ float:right;}
.wrapper-content-top-left, .bottom-left{ width:201px;}
.wrapper-content-top-left .menu-interna{ position: absolute; background: url(../images/cursos/bg-menu-interna.png) no-repeat scroll 0 -10px; left:24px; height:222px; width:186px; padding-left:15px;}
.menu-interna div.top-menu-interna{ background: url(../images/cursos/hr-menu.gif) no-repeat scroll 0 0; height:16px;}
.menu-interna div.bottom-menu-interna{ background: url(../images/cursos/hr-menu.gif) no-repeat scroll 0 -16px; height:16px;}
h1 a.logo-interna{ background:url(../images/h1-logo-interna.png) no-repeat scroll 0 0; height: 100px; display:block;}
.wrapper-content-top-right{height:180px; }
.header-cursos{background:url(../images/cursos/bg-header.jpg) no-repeat left top;}
.header-que-es-mscs{background:url(../images/mscs/bg-header.jpg) no-repeat left top;}
.header-calendario{ background:url(../images/calendario/bg-header.jpg) no-repeat top left;}
.header-registro{ background:url(../images/registro/bg-header.jpg) no-repeat top left;}
.header-pasaporte{ background:url(../images/pasaporte/bg-header.jpg) no-repeat top left;}
.wrapper-content-top-right, .bottom-right{width:721px;}
.wrapper-content-top-right p.download-cursos, .wrapper-content-top-right p.download-mscs{text-align:right; line-height:12px;}
p.download-cursos{ width:185px;}
p.download-mscs{ width:190px; text-align:right; line-height:12px;}
p.download-registro{ padding:0 0 0 67px;}
.content-header-cursos, .content-header-calendario{width:250px; padding:70px 20px 0 300px;}
.content-header-registro{width:280px; padding:70px 20px 0 270px;}
.content-header-mscs{width:250px; padding:60px 20px 0 300px;}
.content-header-pasaporte {width:190px; padding:78px 20px 0 360px;}
.wrapper-content-image a.conviertete{ background:url(../images/cursos/btn-conviertete.png) no-repeat; width:217px; height:62px; display:block; height:62px; text-indent:-9999px; margin:2px 0 0 20px;}
.wrapper-content-image a:hover.conviertete{ background-position:0 -62px;}
.wrapper-content-loguin{ width:144px; background: url(../images/bg-loguin-interna.png) no-repeat 0 -15px; height:87px; padding:7px 0 0 0; text-align:center; color:#fff; }
.wrapper-content-loguin.loggedIn { background-position: 0 -45px; }
/*Form*/
.wrapper-content-loguin input.loguin-interno{ height:12px; border:1px solid #8f7b5f; width:123px;}
.wrapper-content-loguin span { text-transform:capitalize; }
.wrapper-content-loguin a.forgot{ display:block; color:#5a3f06; text-decoration:underline; font-size:10px; margin:5px 0 5px 0;}
.wrapper-content-loguin a.logout{ display:block; color:#5a3f06; text-decoration:underline; font-size:10px; margin:5px 0 5px 0;}
.wrapper-content-loguin a.register{ font-size:10px; color:#FFF; position:relative; top:-5px; text-decoration:underline;}
/*Content-interna*/
/*left-content*/
.first-distance{ margin:140px 0 0 0;}
.second-distance{ margin:157px 0 0 0;}
.calendario{ height:174px; width:181px; background:url(../images/cursos/bg-calendario.jpg) no-repeat; padding:30px 10px 0 10px;}
.calendario h6{ text-indent:-9999px; display:block; font-size:1px;}
.calendario td.month{ color:#ff5400; font-weight:bold; text-transform:uppercase; text-align:center;}
.calendario tr.week{ background:#8d785d; color:#FFF; height:16px;}
.calendario tr td{text-align:center; height:16px; padding-top:2px;}
.calendario tr td a{ color:#666;}
.calendario tr td a:hover{ background:#ff5400; color:#FFF; text-decoration:none; padding:2px;}
.calendario tr td a.indicadores{ background:none;}
.calendario table.content-calendario{ margin-top:5px;}
tr.row-uno{ background:#f1f0ee;}
tr.row-dos{background:#e7e4e1}
/*Banners*/
.banner-fiberone, a.banner-participa, .banner-nature-valley, .banner-cursos-online, a.banner-saborea{text-indent:-9999px; display:block;}
/*.banner-fiberone, a.banner-participa, a.banner-saborea{margin-top:18px;}*/
a.banner-distance{ margin-top:17px;}
.bottom-left .banner-fiberone{ background:url(../images/banner-fiber-one.jpg) no-repeat; height:367px; }
a.banner-participa{ background:url(../images/banner-participa.jpg) no-repeat; height:136px;}
a:hover.banner-participa{ background-position:0 -136px;}
/*Cursos*/
/*Slider*/
.slider-interna div.slider-interna-left, .slider-interna div.slider-interna-right{ float:left; width:38px;}
.slider-interna div.slider-interna-left a.arrow-left, .slider-interna div.slider-interna-right a.arrow-right{height:96px; width:38px; display:block; text-indent:-9999px;}
.slider-interna div.slider-interna-left a.arrow-left{ background: url(../images/cursos/sprite-arrows.gif) no-repeat scroll 0 0;}
.slider-interna div.slider-interna-left a:hover.arrow-left{ background-position:0 -96px;}
.slider-interna div.slider-interna-right a.arrow-right{ background: url(../images/cursos/sprite-arrows.gif) no-repeat scroll -42px 0;}
.slider-interna div.slider-interna-right a:hover.arrow-right{ background-position:-42px -96px;}
.slider-interna div.reciepts{ width:640px; float:left; overflow:hidden;}
ul.tips-interna{ width:2520px; padding:10px 0 0 7px;}
ul.tips-interna li { float:left;}
ul.tips-interna li a{ width:147px; height:77px; padding:0 0 0 6px; display:block; text-indent:-9999px;}
/*Clases slider interna*/
li a.r-supermercados-int{ background:url(../images/cursos/sprite-reciepts.jpg) no-repeat scroll 0 0;}
li a.r-benefits-int{ background:url(../images/cursos/sprite-reciepts.jpg) no-repeat scroll -636px 0;}
li a.r-heart-int{ background:url(../images/cursos/sprite-reciepts.jpg) no-repeat scroll -320px 0;}
li a.r-fibra-int{ background:url(../images/cursos/sprite-reciepts.jpg) no-repeat scroll -793px 0;}
li a.r-activos-int{ background:url(../images/cursos/sprite-reciepts.jpg) no-repeat scroll -163px 0;}
li a.r-juntos-int{ background:url(../images/cursos/sprite-reciepts.jpg) no-repeat scroll -1424px 0;}
li a.r-saludables-int{ background:url(../images/cursos/sprite-reciepts.jpg) no-repeat scroll -478px 0;}
li a.r-verdad-int{ background:url(../images/cursos/sprite-reciepts.jpg) no-repeat scroll -951px 0;}
li a.r-desayuno-int{ background:url(../images/cursos/sprite-reciepts.jpg) no-repeat scroll -1108px 0;}
li a.r-bien-por-dentro-int{ background:url(../images/cursos/sprite-reciepts.jpg) no-repeat scroll -1266px 0;}
/*Over*/
li a:hover.r-supermercados-int{ background-position:0 -76px;}
li a:hover.r-benefits-int{ background-position:-636px -76px;}
li a:hover.r-heart-int{background-position:-320px -76px;}
li a:hover.r-fibra-int{background-position:-793px -76px;}
li a:hover.r-activos-int{background-position:-163px -76px;}
li a:hover.r-juntos-int{background-position:-1424px -76px;}
li a:hover.r-saludables-int{background-position:-478px -76px;}
li a:hover.r-verdad-int{background-position:-951px -76px;}
li a:hover.r-desayuno-int{background-position:-1108px -76px;}
li a:hover.r-bien-por-dentro-int{background-position:-1266px -76px;}
/*Cursos information*/
.cursos, .pasaporte{ clear:both;}
.cursos .video, .cursos .content-cursos, .pasaporte .content-pasaporte, .content-pasaporte-right{ float:left;}
.cursos .video, .pasaporte .content-pasaporte{ margin:15px 0 0 0; line-height:14px;}
.cursos .video{ width:480px; padding:0 0 0 10px;}
video h3.supermercados, .video h3.activos, .video h3.benefits, .video h3.heart, .video h3.desayuno, .video h3.fibra, .video h3.verdad, .video h3.juntos, .video h3.saludables, .video h3.bien-por-dentro{margin:0 0 13px 0;}
.video h3.supermercados{ background:url(../images/cursos/h3-compras.gif) no-repeat; height:82px;}
.video h3.activos{ background:url(../images/cursos/h3-activos.gif) no-repeat; height:82px;}
.video h3.benefits{ background:url(../images/cursos/h3-beneficios.gif) no-repeat; height:82px;}
.video h3.heart{ background:url(../images/cursos/h3-corazon.gif) no-repeat; height:43px;}
.video h3.compras{ background:url(../images/cursos/h3-compras.gif) no-repeat; height:82px;}
.video h3.desayuno{ background:url(../images/cursos/h3-desayuno.gif) no-repeat; height:43px;}
.video h3.fibra{ background:url(../images/cursos/h3-fibra.gif) no-repeat; height:75px;}
.video h3.verdad{ background:url(../images/cursos/h3-grano-entero.gif) no-repeat; height:82px;}
.video h3.juntos{ background:url(../images/cursos/h3-juntos.gif) no-repeat; height:46px;}
.video h3.saludables{ background:url(../images/cursos/h3-saludable.gif) no-repeat; height:82px;}
.video h3.bien-por-dentro{ background:url(../images/cursos/h3-sintiendose-bien.gif) no-repeat; height:82px;}
.video h4.aprendemos{ background:url(../images/cursos/h4-aprendemos.gif) no-repeat; height:21px; display:block; text-indent:-9999px;}
ul.list-cursos{ border-bottom: 1px solid #C3C0B9; padding:5px 0 20px 0;}
ul.list-cursos li{ background:url(../images/cursos/misc.gif) no-repeat scroll 0 4px; padding:0 0 0 22px; display:block; margin-top:15px;}
.video p.compras-mercado{ margin:10px 0;}
.cursos .content-cursos{ width:211px; margin: 15px 0 0 18px;}
.cursos .content-cursos a{color:#5a3f06;}
/*Content cursos + Que es MSCS*/
.content-cursos h4.cursos-aprendemos, .content-cursos h4 a.tit-sobremesa-blog{display:block; text-indent:-9999px;}
h4.cursos-aprendemos{ background:url(../images/cursos/h3-cursos.jpg) no-repeat; height:66px;}
ul.cusos-items{width:190px; line-height:14px;}
ul.cusos-items p,
ul.cusos-items li a,
ul.cusos-items li span{padding-left:35px;}
ul.cusos-items li a,
ul.cusos-items li span{display:block; background:url(../images/icon-list-desplegable.png) scroll 24px 4px no-repeat;}
ul.cusos-items li.type-link-one{ background:#f3f1eb;}
li.type-link-one, li.type-link-two{ padding:7px 7px 7px 0;}
ul.cusos-items li.type-link-two{ background:#eceae3;}
.content-cursos a.asiste, .content-cursos a.date, .middle-right a.ficha-tecnica, .middle-right a.date-calendario{ display:block; height:63px; text-indent:-9999px;}
.content-cursos a.asiste{ background:url(../images/cursos/btn-asiste.jpg) no-repeat; margin-top:20px;}
.content-cursos a.date{ background:url(../images/cursos/btn-fechas.jpg) no-repeat; margin-bottom:5px;}
.content-cursos a:hover.asiste, .content-cursos a:hover.date{ background-position:0 -63px;}
.content-cursos a.me-gusta, .middle-right a.me-gusta-calendario{padding:15px 0 0 28px; display:block; float:left; height:25px; text-decoration:underline; margin-right:11px;}
.content-cursos a.me-gusta{background:url(../images/cursos/icon-me-gusta.jpg) no-repeat; }
.content-cursos a:hover.me-gusta{ text-decoration:none; }
.content-cursos a.icons, .middle-right a.icons-calendario{ margin-right:13px;}
/*Comentarios*/
.comments{ background:url(../images/cursos/bg-commens.jpg) no-repeat; margin-left:10px; margin-top:10px; padding:20px 40px 20px 25px;}
.comments h4.tit-comments{ background:url(../images/cursos/h4-comentarios.gif) no-repeat; height:17px; display:block; text-indent:-9999px;}
.comments-description{ clear:both; margin:15px 0; line-height:14px; padding:0 0 20px 0; }
.comments .line-separation{ border-bottom:1px solid #c3c0b9;}
.comments-description p{ margin:5px 0 0 0; }
.comments-description span.fecha{ background:url(../images/cursos/icon-date.gif) no-repeat scroll 0 5px; display:block; float:left; padding:0 0 0 12px; font-weight:bold;}
.content-paginador{ text-align:center;}
a.paginador{ font-weight:bold; color:#ff5400; text-decoration:underline!important; margin-left:5px;}
a:hover.paginador{text-decoration:none!important;}
/*Form cursos comentarios*/
.content-form{ background: url(../images/cursos/hr-form.gif) no-repeat scroll 35px 0; padding:20px 0 0 25px; margin-bottom:20px;}
.content-form-left{ width:205px; background:url(../images/cursos/bg-form.jpg) no-repeat; text-align:center; padding:195px 10px 0 10px;}
.content-form-left, .content-form-right{ float:left;}
.content-form-right{ width:400px; padding-left:30px; padding-top:10px;}
.content-form span.deje-commen{ font-weight:bold; font-size:14px; display:block; margin:0 0 10px 0;}
ul.form-comments li.top-field{ float:left; width:195px;}
li.top-field-first{ margin-right:10px;}
ul.form-comments li.comments-area{ clear:both;}
ul.form-comments li label{ display:block; margin-bottom:3px; color:#2e2412;}
ul.form-comments li input.details-info, ul.form-comments li textarea.write-comments{ border:1px solid #8f7b5f;}
li input.details-info{ width:188px; height:14px; margin-bottom:10px;}
li textarea.write-comments{ width:396px; height:80px;}
li input.btn-send-info{ float:right; margin:10px 0 0 0;}
/*Calendario*/
.conteiner-calendario{ padding:0 20px 0 10px; margin-top:8px;}
.calendario-top-container-tit, .register-content, .register-content-tnk{ padding:15px 20px 0 20px;}
.calendario-top-container-tit h3.listado-cursos{ height:27px;}
.calendario-top-container-tit .months-calendario{ background: url(../images/calendario/bg-months.gif) no-repeat; width:158px; height:28px; float:right; padding:0 10px 0 10px; position:relative; right:2px;}
td.months-container{ color:#6b5b2b; text-align:center; font-weight:bold;}
img.months-selection{ position:relative; top:4px;}
.conteiner-calendario-top, .calendario-cursos-middle{ clear:both;}
.conteiner-calendario-top{height:10px; margin:0 0 0 3px; height:10px;}
.calendar-white-top{ background: url(../images/calendario/spite-bg-calendario.gif) no-repeat scroll -3px -2px;}
.calendar-dark-brown-top{ background: url(../images/calendario/spite-bg-calendario.gif) no-repeat scroll -3px -28px;}
.calendar-brown-top{ background: url(../images/calendario/spite-bg-calendario.gif) no-repeat scroll -3px -53px;}
.conteiner-calendario-middle{ margin:0 4px 0 4px;}
.calendar-white-middle{ background:#FFF;}
.calendar-dark-brown-middle{ background:#dad6c4}
.calendar-brown-middle{background:#DAD6C4;}
.conteiner-calendario-middle .middle-top{padding:0 20px;}
.middle-top-divider{/*border-bottom: 1px solid #d5d0bb;*/ padding:4px 0 8px 0;}
.conteiner-calendario a.click-top{ display:block; background:url(../images/calendario/icon-arrow-big.gif) no-repeat;
background-position: 637px 12px;
text-decoration:none;
display:block;
}
.middle-top h4.hacer-mejores-compras{font-size:16px; font-weight:bold;}
.details-cursos-right{float:left; width:270px;}
span.date-right{ margin-top:8px;}
h4.compras-orage{ color:#fd8f23;}
.middle-top .details-cursos{ float:left; padding: 0 0 0 20px; cursor:hand;}
span.list-details-cursos, li.column-destacados-right span.list-details-destacados-cursos{ display:block; margin-bottom:2px; background:url(../images/calendario/icon-arrow.png) no-repeat scroll 0 3px; padding-left:10px; line-height:13px;}
.details-cursos span.list-details-cursos {display:block; float:left; padding-right:40px; text-transform:capitalize; width:260px;}
.conteiner-calendario-middle .middle-middle{ margin:0 20px 0 20px; clear:both; padding-top:13px; display:none;}
.details-cursos span.list-details-date{ font-weight:bold; font-size:12px;}
.middle-middle .middle-left{ float:left; width:424px; height:272px; }
.middle-middle .middle-right{ float:left; width:197px; padding-left:22px;}
.middle-right h4.taller-aprendemos{ height:22px; background:url(../images/calendario/h5-taller.gif) no-repeat; text-indent:-9999px; display:block; margin-bottom:5px;}
.middle-right span.list-items-aprendemos{ color:#5a3f06; background:url(../images/calendario/icon-span-taller.gif) no-repeat scroll 0 5px; padding:0 0 0 10px; display:block; line-height:13px; margin-bottom:9px;}
.middle-right a.ficha-tecnica{ background:url(../images/calendario/btn-ficha-tecnica.gif) no-repeat scroll 0 0;}
.middle-right a.date-calendario{ background:url(../images/calendario/btn-asiste.gif) no-repeat scroll 0 0;}
.middle-right a:hover.ficha-tecnica, .middle-right a:hover.date-calendario{ background-position:0 -63px;}
.middle-right a.me-gusta-calendario{ background:url(../images/calendario/icon-me-gusta.gif) no-repeat; color:#2e1f00;}
.conteiner-calendario-bottom{height:11px; margin:0 0 0 3px; clear:both; height:13px;}
.calendar-white-bottom{ background: url(../images/calendario/spite-bg-calendario.gif) no-repeat scroll -3px -13px;}
.calendar-dark-brown-bottom{ background: url(../images/calendario/spite-bg-calendario.gif) no-repeat scroll -3px -40px;}
.calendar-brown-bottom{ background: url(../images/calendario/spite-bg-calendario.gif) no-repeat scroll -3px -63px;}
/*Detacados*/
ul.cursos-destacados-tipo-uno, ul.cursos-destacados-tipo-dos{height:42px; margin:8px 0 0 2px; padding:7px 0 0 20px;}
ul.cursos-destacados-tipo-uno{ background:url(../images/calendario/bg-calendario-1.gif) no-repeat;}
ul.cursos-destacados-tipo-dos{ background:url(../images/calendario/bg-calendario-2.gif) no-repeat;}
ul.cursos-destacados-tipo-uno li, ul.cursos-destacados-tipo-dos li{ float:left;}
li.column-destacados-left{ width:250px;}
li.column-destacados-right{ width:320px;}
p.tit-destacados-cursos{ color:#3f2f1a; font-size:16px;}
/*Left colum form*/
.bottom-left .top-filtros{ background:url(../images/calendario/h6-filtros.jpg) no-repeat; height:32px; padding:20px 0 0 35px;}
.bottom-left .bg-filtros-one{ background:#eeebe3;}
.bottom-left .bg-filtros-two{ background:#e9e6de;}
.bottom-left .bg-filtros-one, .bottom-left .bg-filtros-two{ padding:6px 15px;}
.bottom-left .top-filtros h6.title-filter{ display:block; text-indent:-9999px;}
.bottom-left .filter-separation{ margin-bottom:20px;}
lablel.filter-check{ padding-left:35px; display:block;}
/*Form Registro*/
/*Left*/
.bottom-left .banner-nature-valley{ background: url(../images/registro/nature-valley.gif) no-repeat; height:233px; }
/*Content*/
.register-content{ background:url(../images/registro/bg-content.jpg) no-repeat scroll 470px 15px;}
.register-content-tnk{ background:url(../images/registro/bg-content-gracias.jpg) no-repeat scroll 550px 30px;}
.register-content h3.registrate{ height:27px; background:url(../images/registro/h3-registrate.gif) no-repeat; margin-bottom:10px;}
.register-content-tnk h3.registrate{ height:27px; background:url(../images/registro/h3-bienvenida.gif) no-repeat; margin-bottom:10px;}
.register-content p{ line-height:15px;}
.register-content-right{ width:400px; margin:10px 0 0 25px;}
.register-content-tnk .register-content-right{width:400px; height:200px; margin:10px 0 0 25px;}
/*Complete Form*/
ul.formulario-registro{ margin-top: 32px;}
ul.formulario-registro li.registro-campos, li.required-field{ width:180px; float:left; margin-bottom:25px;}
li.required-field{ margin-top:20px;}
ul.formulario-registro li.sending-info{ clear:both; margin-bottom:25px;}
li.registro-campos-derecha{padding-right:26px;}
.register-content-right input.register-information, select.country-information, #recomendar input.recomedar-information{ border:1px solid #c7c7c7; width:181px;}
.register-content-right input.register-information{height:14px;}
.register-content-right ul.formulario-registro li label, ul.recomedar-amigo li label{ display:block; margin-bottom:3px;}
/*Que es MSCS*/
/*Left*/
a.banner-cursos-online{ background:url(../images/mscs/banner-cursos-online.jpg) no-repeat; height:282px; margin-top:20px;}
a:hover.banner-cursos-online{ background-position:0 -282px;}
/*Content*/
/*left*/
.video h3.bienvenido{ background:url(../images/mscs/h3-bienvenido.gif) no-repeat; height:33px;}
.video p.space-to-learn{ margin: 13px 0 20px 0;}
/*Right*/
h4 a.tit-sobremesa-blog{ background:url(../images/mscs/h4-mscs.jpg) no-repeat; height:45px;}
.content-cursos span.by-who{ display:block; margin:0 5px 13px 0; text-align:center;}
.content-cursos a.ver-mas-arituclos{ color:#ff7f00; font-weight:bold; display:block; margin:7px 0 0 30px;}
/*Bottom*/
.conoce-personaje{margin-left:10px; margin-top:10px; line-height:14px;}
.conoce-personaje-adriana, .conoce-personaje-cristina{ clear:both;}
ul.tabs-chefs li{ float:left;}
ul.tabs-chefs li a{ display:block; text-indent:-9999px; height:36px;}
ul.tabs-chefs li a.adriana,
ul.tabs-chefs li a.adriana-off:hover { background: url(../images/mscs/sprite-tabs.jpg) no-repeat scroll 0 0; width:330px;}
ul.tabs-chefs li a.adriana-off{ background: url(../images/mscs/sprite-tabs.jpg) no-repeat scroll 0 -36px; width:330px;}
ul.tabs-chefs li a.cristina,
ul.tabs-chefs li a.cristina-off:hover { background: url(../images/mscs/sprite-tabs.jpg) no-repeat scroll -330px -36px; width:355px;}
ul.tabs-chefs li a.cristina-off{ background: url(../images/mscs/sprite-tabs.jpg) no-repeat scroll -330px 0; width:355px;}
.conoce-personaje p.description-personaje{ margin:15px 0 20px 0;}
.conoce-personaje h4.tit-conoce-personaje{ background: url(../images/mscs/h4-conoce.gif) no-repeat; height:20px; display:block; text-indent:-9999px;}
.conoce-personaje ul.details-personaje li{ background: url(../images/icon-list-desplegable.png) no-repeat scroll 0 5px; padding:0 0 15px 15px;}
.adriana-imagen, .conoce-personaje-left{ float:left; }
.adriana-imagen, .critina-imagen{ width:249px;}
.conoce-personaje-left{ width:416px; padding:10px 0 0 20px;}
/*Pasaporte*/
/*Left*/
a.banner-saborea{ background: url(../images/pasaporte/banner-saborea.gif) no-repeat; height:96px;}
a:hover.banner-saborea{ background-position:0 -96px;}
/*Content*/
.pasaporte{ line-height:14px;}
.pasaporte p.description-prize{ margin:0 0 20px 0;}
.pasaporte h3.vivir-premio{ background: url(../images/pasaporte/h3-premio.gif) no-repeat; height:45px; margin:0 0 13px 0;}
.pasaporte .content-pasaporte-right{ width:229px; margin: 15px 0 0 0;}
.content-pasaporte-right .banner-big-prize{ background:url(../images/pasaporte/banner-big-prize.jpg) no-repeat; width:221px; height:242px; display:block; text-indent:-9999px;}
.content-pasaporte{ width:470px; padding:0 10px 0 10px;}
.content-pasaporte .sellos{ background:url(../images/pasaporte/hr.gif) no-repeat top left; padding:20px 0 0 0;}
.sellos-left, .sellos-right{ float:left;}
.sellos-left{ width:156px; background:url(../images/pasaporte/bg-opinas.jpg) no-repeat; height:165px;}
.sellos-left h4.obten-sellos{ display:block; text-indent:-9999px;}
.sellos-right{width:294px; padding:15px 0 0 20px;}
.sellos-right ol.obten-list{ margin:20px 0 0 0;}
.sellos-right ol.obten-list li{ margin:0 0 16px 0; padding-left:17px;}
.sellos-right ol.obten-list li.first-line{ background: url(../images/pasaporte/1.gif) no-repeat scroll 0 3px;}
.sellos-right ol.obten-list li.second-line{ background: url(../images/pasaporte/2.gif) no-repeat scroll 0 2px;}
.sellos-right ol.obten-list li.third-line{ background: url(../images/pasaporte/3.gif) no-repeat scroll 0 0;}
ul.prizes{ width:190px; margin:0 0 0 20px;}
li.first-prize, li.second-prize{ padding:5px 15px;}
ul.prizes li.first-prize{ background:#eeece6;}
ul.prizes li.second-prize{ background:#e9e6df;}
ul.prizes li a.nuestros-cursos{ text-indent:-9999px; display:block; height:51px; background:url(../images/pasaporte/conoce-cursos.gif) no-repeat;}
ul.prizes li a:hover.nuestros-cursos{ background-position:0 -51px;}
/*Recomendar a un amiga*/
#recomendar{ width:418px; padding:5px 15px 15px 17px; background:#e9e6df; margin:0 auto;}
#recomendar h1.recomend-to-friend{ background:url(../images/recomendar/titulo.gif) no-repeat; height:41px; width:307px; float:left;}
#recomendar a.close{ background:url(../images/recomendar/close.gif) no-repeat; height:23px; width:25px; float:right; text-indent:-9999px; display:block;}
ul.recomedar-amigo li{ float:left; width:183px; margin-bottom:10px;}
ul.recomedar-amigo li.recomendar-separation{ padding-right:30px;}
ul.recomedar-amigo li.enviar-recomendar{text-align:right;}
ul.recomedar-amigo li.enviar-recomendar-otro{width:400px; text-align:right; margin-top:15px;}
ul.recomedar-amigo li.campos-obligatorio{ font-size:9px; padding-top:13px;}
#recomendar form{ clear:both; margin-top:10px;}
.back-bienvenida{ display:block; text-indent:-9999px; background:url(../images/registro/btn-volver.jpg) no-repeat; height:30px; width:90px; margin:20px 50px 0 0; float:right;}
/*--------------------------------*/
.separator{ clear:both;}
.alt { display: none; }
/* ALERTAS JQUERY */
#popup_container {
font-family: Arial, sans-serif;
font-size: 12px;
min-width: 300px; /* Dialog will be no smaller than this */
max-width: 600px; /* Dialog will wrap after this width */
background: #FFF;
border: solid 5px #DAD6C4;
color: #000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#popup_container h1{text-indent:0px;}
#popup_title {
font-size: 14px;
font-weight: bold;
text-align: center;
text-transform:uppercase;
line-height: 1.75em;
color: #8D785D;
background: #CCC url(../images/alerts/title.gif) top repeat-x;
border: solid 1px #FFF;
border-bottom: solid 1px #8D785D;
cursor: default;
padding: 0em;
margin: 0em;
}
#popup_content {
background: 16px 16px no-repeat url(../images/alerts/info.gif);
padding: 1em 1.75em;
margin: 0em;
}
#popup_content.alert {
background-image: url(../images/alerts/info.gif);
}
#popup_content.confirm {
background-image: url(../images/alerts/important.gif);
}
#popup_content.prompt {
background-image: url(../images/alerts/help.gif);
}
#popup_message {
padding-left: 48px;
color:#FD860E;
}
#popup_panel {
text-align: center;
margin: 1em 0em 0em 1em;
}
#popup_prompt {margin: .5em 0em;}