/* Coded by BIBTIC.com */
@import "reset.css";
@import "text.css";
body {background: #A3B300 url(http://naturaselection.com/STATIC/img/bg-body.jpg) repeat scroll;}
.clear {background:none;border:0 none;clear:both;display:block;float:none;font-size:0;height:0;margin:0;overflow:hidden;padding:0;visibility:hidden;width:0;}
.right {float:right;}
img {font-style:italic;}
li.last {border:none !important;}
.hide {display:none;}
hr {border:none;background:none;clear:both;margin:1px 0;width:100%;padding:0;}
#wrapper {background-color:#FFF;margin:0 auto;padding:7px;width:921px;}
#header {height:175px;width:100%;background: #fff url(http://naturaselection.com/STATIC/img/bg-header_febrero.jpg) no-repeat scroll left top;}/*background: #E7EFD8 bg-header_marzo.gif*/
#header a span {text-indent:-10000px;width:100%;height:55px;display:block;}
#header ul#lang {clear:both;padding:10px 10px 10px 20px;color:#59411f;font-size:85%;position:absolute;z-index:11;top:55px;}/*color:#1C1400;*/
#header ul#lang li {float:left;display:block;margin:0 5px 0 0;}
#header ul#lang li a{text-decoration:none;color:#1C1400;}/*color:#1C1400;*/
#header ul#lang li a.active {font-weight:bold;}
#header ul#lang li a:hover {text-decoration:underline;}
#nav ul {width:100%;height:50px;background:#6B7004;font-family:Arial,sans-serif;text-transform: uppercase;}
#nav ul li {float:left;display:block;width:130px;height:50px;text-align:center;border-right:1px solid #fff;}
#nav ul li a {display:block;width:100%;padding:17px 0;color:#fff;}
#nav ul li a:hover {color:#99BC1A;}
#footer {height:30px;clear:both;}
#footer ul {padding-top:8px;font-size:80%;text-transform: uppercase;width:100%;}
#footer ul li {float:left;display:block;padding:0 10px 0 0;margin-right:10px; border-right:1px solid #BFBFBF;}
#footer ul li.thinketing {float:right;display:block;border-right:none;margin:0;padding:0 5px 0 0;}
#footer ul li a {color:#333;}
#footer a:hover {color:#000;text-decoration:underline;}
#footfooter {width:900px;margin:20px auto 10px;text-align:center;color:#fff;font-weight:bold;font-size:11px;}

/*home*/
#banner a { float:left;display:block;width:305px;height:263px;overflow:hidden;margin:1px 0;background:#000 url('../img/home/banner-plus.gif') no-repeat scroll center center;}
#banner a.mid {margin-right:3px;margin-left:3px;}
#banner a:hover img{opacity:.6;filter: alpha(opacity = 60);}

.form_news {width:100%;background:transparent;margin:60px 0 1px 0;clear:both;}
.form_news form {padding:8px 12px;color:#fff;}
.form_news form .input {color:inherit;background:#AA8E66;border:none;}
.form_news form .submit {border:none;background:none;font-weight:bold;color:inherit;}
.form_news form .submit:hover{font-size:110%;}
.col1,.col2,.col3 {float:left;display:block;width:301px;height:558px;}
.col1 {border:1px solid #E7F0DB;margin-bottom:6px;background:#E7F0DB;}
.col2 {margin:0 7px;}
.col1 h2 {color:#5E6500;background:#E7F0DB;padding:10px 10px 13px 12px;margin-bottom:0;border-bottom:10px solid #fff;font-size:120%;font-weight:bold;}
.col2 h2 ,.col3 h2 {padding:0;margin:0;font-size:120%;font-weight:bold;}
.col2 h2 a,.col3 h2 a {color:#5E6500;display:block;width:300px;background:#E7F0DB;padding:8px 10px 10px 12px;margin-bottom:10px;}

a.row {float:left;display:block;border-bottom:1px solid #fff;margin:bottom:1px;margin:0 8px;padding:10px 0 10px 55px;color:#5E6500;font-size:90%; line-height: 1.4em; }
a.row:hover {background-color:#F1F9E3;}
a.row {background-position:0 50%;background-repeat:no-repeat;background-color:transparent;}

#content table.bottom {clear:both;width:921px;margin-top:16px;}
#content table.bottom td {background-color:#6B7004;vertical-align:top;padding:6px;}
#content table.bottom td td {width:300px;background-color:#E7F0DB;padding:0px;}
#content table.bottom td td a.row {margin:0;border-bottom:none;height:100%;display:block;}
#content table.bottom td td:hover {background-color:#F1F9E3;}
#content table.bottom td td.mid {border-left:6px solid #6B7004;border-right:6px solid #6B7004;}

a#nuestro_planeta.row {background-image:url(http://naturaselection.com/STATIC/img/row-planeta.gif);}
a#hablamos.row {background-image:url(http://naturaselection.com/STATIC/img/row-hablamos.gif);}
a#franquicias.row {background-image:url(http://naturaselection.com/STATIC/img/row-franquicias.gif);}
a#trabajar.row {background-image:url(http://naturaselection.com/STATIC/img/row-trabajar.gif);}
a#koan.row {background-image:url(http://naturaselection.com/STATIC/img/row-koan.gif);}
a#music_collection.row {background-image:url(http://naturaselection.com/STATIC/img/row-music_collection.gif);}
a#mov_slow.row {background-image:url(http://naturaselection.com/STATIC/img/campaign/mov_slow-row.gif);}

.pil {border:1px solid #E7F0DB;float:left;display:block;width:100%;height:275px;margin-bottom:6px;overflow:hidden;}
.pil a {height:78%;float:left;display:block;padding:0 12px 10px 12px;color:#838383;background-position:50% 98%;background-repeat:no-repeat;background-color:transparent;line-height: 1.3em;font-size:90%;}
.pil a:hover{text-decoration:underline;}
.pil a strong {color:#5E6500;}
.pil a#premio_natura {background-image:url(http://naturaselection.com/STATIC/img/pil-premio_natura.jpg);background-position:50% 50%;width:91%;}
.pil a#music_collection {background-image:url(http://naturaselection.com/STATIC/img/pil-music_collection.jpg);}
.pil a#top_productos {background-image:url(http://naturaselection.com/STATIC/img/pil-top_oductos.jpg);}
.pil a#love_vibration {background-image:url(http://naturaselection.com/STATIC/img/campaign/love_vibration-pil.gif);background-position:50% 50%;width:91%;}

/*campaign height:314px;*/
.banner {width:100%;text-align:center;margin:1px 0;overflow:hidden;}
.banner.love_vibration {background:#BF1820;vertical-align:middle;height:314px;}
.banner.love_vibration img {position:relative;top:14%;}
.koan .banner {height:314px;overflow:hidden;}
#content.generic .banner{background:#fff;}
#content .banner.generic{background:#333;height:150px;vertical-align:middle;}
#content .banner.generic img {position:relative;top:38%;}
#content .texte  {padding:0px 12px 24px 12px;}
#content .texte p {width:100%;}
#content.campaign .texte p, #content.generic .texte {color:#666666;}
#content.campaign .texte p span.link,#content.generic .texte p span.link {float:left;margin:20px 0;}
#content.campaign .texte p span.link a,#content.generic .texte p span.link a{padding:6px 32px 8px 10px;color:#333;background: #E7F0DB url(../img/campaign/a-fletxa.gif) no-repeat scroll 95% 51%;}
#content.campaign .texte p span.link a:hover, #content.generic .texte p span.link a:hover {background-color: #F1F9E3;color:#000;}
#content.campaign .imatge, #content.generic .imatge {float:right;}
#content .texte p a { color:#6B7004; text-decoration:none; }
/*Productes*/
.productos, #content{background:#fff;}
.productos .banner {background:#1e1605;width:100%;height:210px;}
.productos .banner img {padding-top:45px;}
.productos #ficha {width:100%;color:#666;}
.productos #ficha #foto {width:550px;height:333px;float:left;margin-right:20px;background-color:#CCC;background: #CCC;}
.productos #ficha #detalles, .productos #ficha #colabora {float:left;width:345px;}
.productos #ficha #detalles {margin-bottom:25px;}
.productos #ficha #detalles .nom {font-size:16px;margin-bottom:8px;}
.productos #ficha #detalles .pdf {margin-top:16px;}
.productos #ficha #detalles a {text-decoration:underline;color:#666;font-weight:bold;}
.productos #ficha #colabora h4{width:100%;border-bottom:1px solid #999;font-weight:normal;margin-bottom:8px;}
.productos #ficha #colabora p{margin-bottom:8px;}
.productos #ficha #colabora form .input {background:none;border:1px solid #999;}
.productos #ficha #colabora form .bt {background:none;border:none; color:#666;font-size:12px;}
.productos hr {clear:both;border:0;background:0;line-height:0;width:0;height:0;}

ul#prods {width:100%;list-style-type:none;margin-top:25px;overflow:hidden;}
ul#prods li {float:left;font-size:90%;text-align:left; height:135px;}
ul#prods li a {display:block;padding:0;margin:0 7px 8px 0;line-height:1.2em;color:#666;background-color:#FFF;}
ul#prods li a .thumb {display:block;width:124px;height:95px;background-color: #f7f7f7;margin-bottom:4px;}
ul#prods li a .peu_thumb{display:block;width:124px;margin-bottom:16px;}
ul#prods li a:hover .thumb {background:#fff url(../img/productos/th-plus.gif) no-repeat scroll 50% 50%;}
ul#prods li a:hover {background-color:#FFF;color:#000;border:#666;}
ul#prods li a:hover img {opacity:.60;filter: alpha(opacity = 60);}
ul#prods li a.actiu {color:#333;}

/*Music*/
.music .banner {background:#333;height:210px;width:100%;}
.music .banner img {padding-top:65px;}
.music .album {border-bottom:1px solid #CCCCCC;margin-bottom:20px;padding:10px;}
.music .album h3{font-weight:bold;font-size:17px;margin-bottom:10px;}
.music .album h3 span{font-weight:normal;font-size:10px;color:#888;}
.music .album .cover_art {float:left;display:block;width:200px;}
.music .album ul {float:left;display:block;width:650px;margin-left:20px;font-size:11px;line-height:15px;}
.music .album ul a {color:#666666;}
.music .album ul a:hover {color:#6F7509;text-decoration:underline;}

li.sm2_link {}
li.sm2_link:hover {}

/*Playing + hover state, "click to pause":*/

li.sm2_playing {}
li.sm2_playing:hover {}

/*Paused + hover state, "click to resume":*/

li.sm2_paused {}
li.sm2_paused:hover {}


/*notes i avisos*/
.input.kk {border:2px solid #CC0000 !important; color:#000 !important;background-color:#FFEBE8;}
.newsko , .newsok  {padding:2px 5px;width:90%;margin:8px auto; color:#333;background-color:#FFFFE0; border-color:#E6DB55;	border-style:solid;	border-width:1px;	-moz-border-radius:3px;}
.newsko  {background-color:#FFEBE8; border-color:#CC0000;color:#3D0000;}
.newsok {background-color:#F1FFDD; border-color:#008000;color:#003F00;}

/*Premio*/
.destacat {padding:6px 32px 6px 10px;color:#333;background: #E7F0DB ; font-size:120%;color:#6B7004;display:block;float:left;}
.ganadores ul li {border-bottom:1px solid #f1f1f1;padding:10px 0;position:relative;}
.ganadores ul li span.ganador strong {color:#333;}
.ganadores ul li span.ganador .euro {color:#333;}
.ganadores ul li span.ganador {width:750px;display:block;}
.ganadores ul li a {position:absolute;bottom:10px;right:5px;font-size:80%;color:#6B7004;}
/*tabs*/
.ui-tabs { padding: 0; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; height:40px;}
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; font-size:11px;}
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 2px 4px 2px 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; color:#6B7004;} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-nav li.ui-state-active a {font-weight:bold;}
.ui-tabs .ui-tabs-panel { padding: 0; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*koan*/
.koan h2 {position:relative;overflow:hidden;}
.koan h2 span {display:block;position:absolute;right:10px;top:10px;font-family:serif;font-size:90%;font-weight:normal;}
.koan .texte {float:left;width:60%;}
.koan .imatge {float:right; width:30%;}
/*
style="float:right;text-align:left;font-family:serif;font-size:95%;"
*/