/* Gimmicklab CSS2 Stylesheet */
/* http://www.gimmicklab.com */
/* Author:Cristian Sans */
/* Client:Y&R */
/* http://www.actimel.es */
/* on 11/02/2008 */
/* W3C Validated (XHTML Strict // CSS2) */
/* Main Estructure */
html,body,div#container{height:100%;margin:0;padding:0;}
body{font-size:62.5% !important;}
/* Tipography */
body,h1,h2,h3,h4,h5,h6{font-family:Verdana,Helvetica,sans-serif;}
div.nutrition div#content h4{font-family:Helvetica,Arial,sans-serif;}
/* Layout */
div#container,div#main,div#answer,div#ask,div#footer{min-width:975px;width:100%;}
div#navigation ul,div#content{width:95%;margin:0 auto 0 auto;}
div#container{background:url(/img/header.png) repeat-x top left;position:relative;}
div#header{min-width:975px;height:97px;}
div#content,div#actifree{height:355px;padding:25px 0 0 0;color:#fff;}
div#footer{background:url(/img/footer.png) repeat-x top left;min-width:975px;min-height:225px;height:250px;/* When javascript disabled */}
/* Main and Content backgrounds */
div.video{background:url(/img/movie-bg.png) repeat-x top left;}
div.nutrition{background:#45acdb url(/img/nutrition-bg.png) no-repeat 5% bottom;}
div.nutrition div#content{background:url(/img/actimel-bottle-vertical.png) no-repeat bottom right;}
div.antivirus{background:#016aae url(../img/antivirus-bg.png) no-repeat top center;}
div.antivirus div#content{background:transparent url(../img/antivirus-laptop.png) no-repeat 0 10px;}
div.promo{background:#fff url(/img/promo-bg.png) repeat-x 0 5px;}
div.promo div#content{background:url(/img/promo-logo-bg.png) no-repeat 25px 25px;}
div.plain,div.actiweather{background:url(/img/plain-bg.png) repeat-x top left;}
div.actimel div#content{background:url(/img/comunicado-bg.png) no-repeat 70px 5px;}
div.actimel{background:url(/img/comunicados-gradient.png) repeat-x top left;}
/* Block Elements */
h1,h2,h3,h4{color:#fff;}
h1{font-size:2.8em;}
h2{font-size:2.2em;}
h3{font-size:1.8em;font-weight:normal;}
h4{font-size:2.6em;font-weight:normal;}
p{font-size:1.2em;line-height:1.4em;margin:15px 0 15px 0;}
ul,li{list-style:none;font-size:1em;}
span{font-size:1em;}
img{border:none;}
input{outline:none;}
hr{display:none;}
a{font-size:1em;text-decoration:underline;outline:none;}
a:hover{text-decoration:none;}
/* Header */
div#header h1{background:url(/img/actimel-header.png) repeat-x top left;width:146px;height:69px;float:left;margin:2px 0 0 2.5%;}
div#header h2{background:url(/img/ayuda-header.png) repeat-x top left;width:155px;height:53px;float:right;margin:9px 2.5% 0 0;}
div#header h1,h2{text-indent:-9000px;}
div#header ul#lang{float:right;margin-right:14px;}
div#header ul#lang li{background:url(/img/lang-hr.png) no-repeat top right;display:block;float:left;margin-right:1px;line-height:6em;font-size:1.2em;}
div#header ul#lang a{float:left;text-decoration:none;height:68px;padding:0 15px 0 15px;color:#b5e2ff;}
div#header ul#lang a:hover,div#header ul#lang li.active a{background:url(/img/lang-bg.png) repeat-x top left;color:#fff;}
ul#navi{background:transparent url(/img/newmenu-bg.png) repeat-x 0 0;clear:both;float:none;height:26px;padding:0 3%;}
ul#navi li{display:block;float:left;}
ul#navi li a{font-size:1.2em;line-height:1.9em;color:#fff;text-decoration:none;display:block;float:left;height:26px;padding:0 15px;margin-right:1px;}
ul#navi li a:hover,ul#navi li a.active{background:transparent url(/img/newmenu-hover.png) repeat-x 0 0;}
/* Footer */
div#footer{padding-top:1.5%;position:relative;}
ul#subcontent{margin:0 0 0 2.5% ;width:975px;}
ul#subcontent li{background:url(/img/navigation-bg.png) no-repeat top left;display:inline;float:left;width:158px !important;height:95px;margin-right:0;}
ul#subcontent li:hover,ul#subcontent li.active{background:url(/img/navigation-bg.png) no-repeat 0 -100px;}
ul#subcontent li a{display:block;width:140px !important;height:78px;padding:7px 0 0 0;margin:4px 0 0 11px;font-size:1.2em;line-height:1.2em;color:#006dad;text-decoration:none;}
ul#subcontent li a#video{background:url(/img/video-icon.png) no-repeat top left;}
ul#subcontent li a#porque{background:url(/img/porque-icon.png) no-repeat top left;}
ul#subcontent li a#nutrition{background:url(/img/nutrition-icon.png) no-repeat top left;}
ul#subcontent li a#antivirus{background:url(/img/antivirus-icon.png) no-repeat top left;}
ul#subcontent li a#team{background:url(/img/equipo-icon.png) no-repeat top left;}
ul#subcontent li a#promo{background:url(/img/promo-icon.png) no-repeat top left;}
ul#subcontent li a#prob{background:url(/img/prob-icon.png) no-repeat top left;}
ul#subcontent li a#prob span{width:100px;}
ul#subcontent li a#estudios{background:url(/img/research-icon.png) no-repeat top left;}
ul#subcontent li a#comunicado,ul#subcontent li.com{background:none;margin:-5px 5px 0 -5px;}
ul#subcontent li a span{display:block;width:75px;cursor:pointer;}
ul#subcontent li a#promo span{width:50px;}
ul#subcontent li a#antivirus span{width:130px;}
/* Actiweather */
ul#subcontent li.actiweather{position:relative;}
ul#subcontent li.actiweather a span{width:110px;}
ul#subcontent li.actiweather a,ul#subcontent li.actiweather a#change{height:auto;}
ul#subcontent li.actiweather a#change{font-size:.9em;width:50px;padding-top:0;margin-top:2px;color:#00a1ff;}
ul#subcontent li.actiweather a#change:hover{text-decoration:underline;}
ul#subcontent li.actiweather span#temp{display:block;margin-left:12px;height:20px;position:absolute;bottom:23px;font-size:1.7em;line-height:2.2em;font-weight:bold;color:#006dad;}
ul#subcontent li.actiweather img{position:absolute;margin:-5px 0 0 100px;}
div#actiweather{background:url(/img/actiweather-bg.png) no-repeat top left;width:367px;height:185px;padding:50px;position:relative;margin:0 auto;cursor:move;z-index:1;}
div#actiweather h3{font-size:1.8em;font-weight:bold;color:#0076b5;}
div#actiweather p,div#actiweather label{color:#6e6e6e;margin-right:55px;}
div#actiweather select{display:block;font-size:1em;}
div#actiweather a{display:block;position:absolute;margin:-15px 0 0 359px;color:#c7c9c9;font-weight:bold;font-size:1.3em;line-height:1.4em;width:20px;height:auto;padding:0;text-align:center;border:1px solid #c7c9c9;background:#e1e3e3;text-decoration:none;}
div#actiweather a:hover{color:#b6b8b8;background:#dcdede;border:1px solid #b6b8b8;}
div#actiweather a span{display:none;}
/* End Actiweather */
div#meta{/* CBB aplied to this div */
clear:both;width:95%;margin:0 1.5% 0 1.5%;height:95px;padding:10px 5px 10px 5px;position:absolute;bottom:25px;*bottom:35px;}
div#meta ul#other{float:left;}
div#meta ul#other li{display:block;float:left;}
div#meta ul#other li a{display:block;width:155px;margin-top:20px;text-indent:-9000px;}
div#meta ul#other li a{font-size:1.2em;color:#004973;}
ul#other li#equipo a{background:url(/img/equipo-icon.png) no-repeat top left;padding-top:70px;}
ul#other li#danone a{background:url(/img/danone-icon.png) no-repeat top left;padding-top:60px;margin-top:30px !important;}
div#meta ul#details{float:right;height:95px;padding:10px 0 0 0;text-align:right;}
div#meta ul#details li a,div#meta ul#details li span{display:block;color:#004973;font-size:1.2em;line-height:1.6em;}
div#meta ul#expo{float:right;}
div#meta ul#expo li a{background:url(/img/bcnrace.png) no-repeat top right;display:block;width:115px;padding-top:95px;text-indent:-9000px;}
/* Video */
div#main div#flashcontent{width:975px;height:380px;margin:0 auto 0 auto;}
/* Nutrition */
div.nutrition div#content{width:95%;margin-right:5%;}
div.nutrition h3,div.nutrition h4,div.nutrition p{margin-left:350px;}
div.nutrition h4{background:url(/img/nutrition-header.png) no-repeat top right;width:350px;height:55px;padding:40px 0 0 0;}
div.nutrition p{color:#d2edfd;padding-right:175px;}
div.nutrition p.question{background:url(/img/question-icon.png) no-repeat top left;width:236px;height:37px;padding:0 10px 0 50px;margin-top:4%;text-align:center;line-height:2.3em;font-weight:bold;}
div.nutrition p.question a,div.antivirus p.download a{color:#fff;text-decoration:none;}
div.nutrition p.question a:hover,div.antivirus p.download a:hover{text-decoration:underline;}
/* Nutrition form */
div#ask{background-color:#e1effa;border-top:1px solid #fff;padding:2% 0 2% 0;color:#7c7c7c;}
div#ask h3{color:#0076b5;font-size:2em;font-weight:bold;margin:0 0 0 10%;}
div#ask form{width:80%;margin:0 auto 0 auto;padding-bottom:1.5%;}
div#ask fieldset{margin:10px 0 10px 0;}
div#ask fieldset.send{background:url(/img/form-line.png) repeat-x top left;}
div#ask h4{background:url(/img/form-line.png) repeat-x top left;font-size:1.6em;color:#0076b5;padding-top:20px;margin:20px 0 15px 0;}
div#ask h5{background:url(/img/form-line.png) repeat-x top left;margin:15px 0 5px 0;padding-top:20px;font-size:1.2em;font-weight:normal;}
div#ask label{float:left;display:block;margin-right:15px;}
div#ask select{margin-right:5px;z-index:-1;}
div#ask label input,div#ask label select,div#ask label textarea{display:block;font-size:1em;margin-top:5px;}
div#ask input#checklegal,div#ask input.radio{display:inline;float:left;margin:1px 10px 0 0;}
div#ask input.radio{margin-bottom:25px;}
div#ask label#birth{float:none;}
div#ask label textarea#legal{font-size:.9em;color:#333;}
div#ask fieldset.send input#send{font-size:1.4em;margin-top:20px;}
/* Form error and confirmation */
div.highlight{padding:15px;margin:15px 10% 0 10%;border:1px solid #fff;color:#fff;filter:alpha(opacity=80);-moz-opacity:0.80;-khtml-opacity:0.80;opacity:0.80;}
div.highlight h6{font-size:1.6em;font-weight:bold;}
div.highlight p{margin:10px 0 10px 0;}
div.highlight ul{font-size:1.2em;line-height:1.4em;padding-bottom:5px;}
div.highlight li{list-style-type:disc;margin-left:25px;}
div.error{background-color:#ff0000;}
div.successful{background-color:green;}
p.sending{color:green !important;padding-left:5px !important;font-size:1.2em !important;margin:5px 0 0 0;}
p.left{margin-left:23px !important;}
/* Actimel gratis un aņo */
div.promo h3,div.promo h4,div.promo h5,div.promo p,div.promo ul{margin-left:375px;color:#00579d;}
div.promo h5{font-size:1.8em;line-height:1.2em;font-weight:bold;margin-top:1.5%;}
div.promo form{padding-left:375px;margin-bottom:25px;}
div.promo fieldset{margin-top:1.5%;float:left;}
div.promo p{clear:both;}
div.promo a{color:#00579d;}
div.promo ul{padding-left:15px;font-size:1.2em;clear:both;}
div.promo input{background:url(/img/promo-input.png) no-repeat top left;width:110px;height:45px;padding:30px 43px 0 30px;font-size:1.4em;font-weight:bold;border:0;}
div.promo input#send{margin:20px 0 0 20px;}
form.email{margin:20px 0 20px 375px;width:550px;background:#b0dcf2;border:1px solid #96cdee;padding:5px 20px 20px 20px !important;}
form.email input{background:#fff;width:200px;height:20px;padding:1px 3px 0 3px;border:1px solid #54c0ff;font-size:1.4em;font-weight:bold;float:left;}
form.email input#send{margin:10px 0 0 0;}
form.email label{margin:0px 0 15px 0;color:#0076b5;font-size:1.6em;line-height:1.2em;font-weight:bold;width:500px;}
p.fix{margin-left:0 !important;}
/* Cuestionario */
.cuestionario{background:#98d1ec url(../img/promo-bg.png) repeat-x 0 0 !important;}
.cuestionario #content{height:875px !important;}
.cuestionario h5{margin:0 0 15px 0 !important;font-size:1.4em !important;width:500px !important;}
.cuestionario fieldset{margin-bottom:15px;clear:both !important;}
.cuestionario img{border:1px solid #fff;margin:-90px 100px 0 400px;}
.cuestionario input.radio{display:inline;float:left;margin:5px 10px 0 0;width:12px;height:12px;background:none;}
.cuestionario label{color:#006dad;}
.cuestionario fieldset.send{margin:25px 0 0 -25px;}
.cuestionario p.error{color:red;margin-left:0;font-size:1.2em !important;}
.cuestionario form{}
/* Pin Code answers */
div#answer div#inner{background:url(/img/answer-bg.png) no-repeat top right;min-width:975px;height:125px;padding:20px 0 15px 0;margin-left:2.5%;}
div#answer h3{font-size:2.8em;line-height:1.1em;font-weight:bold;margin-bottom:1% !important;}
div#answer h3 span{font-size:.8em;font-weight:normal;display:block;}
div#answer p{font-size:1.4em;color:#fff;}
div#answer p span{font-weight:bold;text-decoration:underline;font-size:1.2em;margin-left:5px;}
div#answer h3,div#answer p{margin:0 420px 0 100px;}
div.winner{background-color:#942f7c;}
div.winner h3{color:#540b4d;}
div.winner h3 span{color:#ffa3f6;}
div.looser{background-color:#175e98;}
div.looser h3{color:#5cb8ee;}
div.looser h3 span{color:#b5d9ee;}
div.error{background-color:#990000;}
div.error h3{color:#cc3333;}
/* Comunicados */
#main.actimel #content{min-height:1050px;}
#main.actimel.comunicados #content{min-height:1175px;}
#main.actimel.vid #content{min-height:600px;}
div.actimel h3,div.actimel h4,div.actimel h6,div.actimel p,div.actimel ul{margin-left:275px;}
div.vid h3,div.vid h4,div.vid h6,div.vid p,div.vid ul{margin-left:0 !important;padding-left:275px !important;}
div.actimel h4{margin-bottom:3% !important;}
div.actimel h6{clear:both !important;font-size:1.4em !important;margin-top:3% !important;color:#0196ed !important;}
div.actimel h6#latest{margin-top:0 !important;}
div.actimel p{margin-right:75px !important;}
div.actimel ul{margin-top:3% !important;max-width:800px !important;clear:both !important;}
div.actimel li{display:block !important;float:left !important;width:150px !important;border:2px solid #0196ed !important;margin:0 15px 25px 0 !important;padding:10px !important;background:#fff !important;}
div.actimel li:hover{background:#20a2f1 !important;}
div.actimel li:hover h5,div.actimel li:hover a{color:#fff !important;}
div.actimel li h5{font-size:1.4em !important;margin-bottom:15px !important;color:#0196ed !important;}
div.actimel li a{color:#0196ed !important;font-size:1.2em !important;line-height:1.4em !important;position:relative !important;}
div.actimel li span{display:block !important;color:#65bcf1 !important;font-size:1.4em !important;margin-top:10px !important;}
div#player{margin-left:255px !important;}
ul.flv li{width:225px !important;padding:20px !important;}
ul.flv li h5{font-size:1.3em !important;margin:10px 0 0 0 !important;font-weight:normal !important;}
ul.flv li h5 span{font-size:1em !important;margin-top:5px !important;}
ul.pdf li{width:245px !important;height:105px !important;}
ul.comunicados a{color:#006dad !important;}
h5#periodico{background:url(../img/periodico.png) no-repeat top left;width:137px;height:27px;display:block;text-indent:-9999px;margin-left:6px;cursor:pointer;}
h5#pais{background:url(../img/pais.png) no-repeat top left;width:126px;height:27px;display:block;text-indent:-9999px;margin-left:6px;cursor:pointer;}
h5#metro{background:url(../img/metro.png) no-repeat top left;width:103px;height:35px;display:block;text-indent:-9999px;margin-left:23px;cursor:pointer;}
ul.news li{height:75px !important;}
ul.news{margin-top:0 !important;}
ul#com3{margin-top:0 !important;}
div.actimel h6#latest{margin-top:0 !important;margin-bottom:1.5% !important;}
/* Antivirus */
div.antivirus h3,div.antivirus h4,div.antivirus p,div.antivirus ul{margin-left:340px;width:525px;color:#1767a7;}
div.antivirus a{color:#1767a7;}
div.antivirus h4{margin-top:0 !important;line-height:1.6em;}
div.antivirus p.download{background:url(../img/antivirus-download.png) no-repeat top right;width:310px;height:67px;padding:7px 10px 0 60px;margin-top:0;margin-bottom:0;line-height:1.4em;}
div.antivirus p.download a{display:block;}
div.antivirus p#disclaimer{font-size:1em;}
/* Plain Pages */
div#content h3,div#actifree h3{margin-bottom:3%;}
div#content p,div#actifree p{font-size:1.4em;}
div.plain div#content{background:url(/img/plain-bottle.png) no-repeat top left;height:auto;width:90%;margin:0 5% 0 5%;}
div#actifree{background:url(/img/promo-logo.png) no-repeat top left;height:auto;width:90%;margin:0 5% 0 5%;}
div#actifree h3,div#actifree h4,div#actifree p{margin-left:300px;;}
div#actifree ul{margin:10px 0 25px 50px;}
div.plain p,div.plain h3,div.plain h4,div.plain h5,div.plain li,div.plain ol{color:#00579d;margin-left:250px;}
div.plain li p{margin-left:0 !important;}
div.plain h4{font-size:2.2em;margin-top:25px;margin-bottom:15px;}
div.plain h5{font-size:1.5em;margin-top:25px;}
div.plain p{font-size:1.2em !important;}
div.plain ol{margin-bottom:20px;}
div.plain ol li{list-style-type:decimal !important;margin-left:20px !important;font-size:1.2em;line-height:1.4em;}
div.plain ol li p{font-size:1.1em !important;}
div.plain ul{padding-left:250px;}
div.plain li{list-style-type:disc;margin:0 25px 0 25px;padding-left:5px;}
div.plain img{margin:2.5% 0 0 250px;padding:20px;background:#c1e2f6;}
p.back{font-size:1.4em;font-weight:bold;padding:15px 25px 15px 0;} 
p.back a{color:#00579d !important;} 
div.plain a{color:#00579d;}
div#notes{border-top:1px dotted #00579d;border-bottom:1px dotted #00579d;margin:5% 0 3% 250px;padding:15px 0 15px 0;}
div#notes p{font-size:.9em;margin:0 0 10px 0;}
div.cience ul{font-weight:bold;}
div.cience ul{font-size:1.4em;line-height:1.4em;margin:2% 0 2.5% 222px;padding:0;}
ul#others{font-weight:normal;font-size:1.4em;line-height:1.4em;margin:2% 0 5% 222px;padding:0;display:none;}
div.cience ul li,ul#others li{list-style-type:none;margin-bottom:15px;}
div.cience ul li a,ul#others li a{font-size:.9em;color:#00579d;margin-left:5px;font-weight:normal;}
.button{background:url(/img/button-bg.png) no-repeat top left;width:170px;height:22px;padding:4px 15px 0 15px;text-align:center;font-size:1.1em;font-weight:bold;color:#fff;display:block;text-decoration:none;margin-bottom:35px;}
.button:hover{text-decoration:underline;}
/* Form elements */
input,select,textarea{color:#0093e8;font-size:1.2em;}
textarea{font-family:Verdana,Helvetica,sans-serif;}
input.short{width:75px;}
input#send{background:url(/img/pincode-send.png) no-repeat top left;width:105px;height:41px;padding:0 0 10px 0;font-size:1.4em;font-weight:bold;cursor:pointer;border:0;}
label{display:block;font-size:1.2em;line-height:1.8em;margin-bottom:5px;}
/* General Clases */
.white{color:#fff !important;}
.bold{font-weight:bold !important;}
.small{font-size:1.2em !important;min-width:600px;max-width:750px;}
/* Clear Fix */
.clearfix:after,#footer ul:after,.promo form:after,ul#nav:after,ul.news:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/* Rounder Elastic Corners - Thanx To Roger Johansson */
.cbb{background:#72c5f5;}
/* Top corners and border */
.bt{height:10px;margin:0 0 0 18px;background:url(/img/cbb.png) no-repeat 100% 0;}
.bt div{position:relative;left:-18px;width:18px;height:10px;background:url(/img/cbb.png) no-repeat 0 0;font-size:0;line-height:0;}
/* Bottom corners and border */
.bb{height:10px;margin:0 0 0 24px;background:url(../img/cbb.png) no-repeat 100% 100%;}
.bb div{position:relative;left:-24px;width:24px;height:10px;background:url(/img/cbb.png) no-repeat 0 100%;font-size:0;line-height:0;}
/* Left border */
.i1{padding:0 0 0 12px;background:url(../img/cbb-borders.png) repeat-y 0 0;margin-left:1px;}
/* Right border */
.i2{padding:0 12px 0 0;margin-right:1px;background:url(/img/cbb-borders.png) repeat-y 100% 0;}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3{display:block;margin:0 6px 0 6px;background:url(/img/meta-bg.png) repeat top left;}
.i3:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.i3{display:inline-block;}
.i3{display:block;}
/* End Rounded Elastic Corners */