body {margin:12px 20px;background:#000 url(img/bg-body.jpg) no-repeat scroll top center;font-size:12px;line-height:16px;color:#3c3c3c;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
strong {color:#424242;}
em {color:#30ACB8;font-style:normal;}
.rosa {color:#F51588;}
.clear {clear:both;}
.hide {display:none;}
.intro {font-size:14px;line-height:18px;}
.sprite { background: transparent; display:block; text-indent:-10000px; margin:0; padding:0; }
.italic {font-style:italic;}
#wrapper{width:890px;margin:0 auto;}
#main {margin-bottom:10px}
#main ul {margin:0;}
#main ul li {list-style-type:none;margin:15px 0 0 0;padding:15px 0 0 0;border-top:1px solid #c6c6c6;}
#main ul li.first {border:none;padding-top:0;margin-top:0;}
#main ul.list {margin-bottom:15px;}
#main ul.list.last {margin-bottom:0;}
#main ul.list li {list-style-type:circle;margin:0 0 8px 15px;padding:0;border-top:none;}
#main ul#decaleg {margin:0 0 5px 0;list-style-position:inside;}
#main ul#decaleg li {margin:0;padding:0;}
#main ul#decaleg li p {background:#FFF;font-weight:bold;color:#30ACB8;margin:0 0 2px 0;padding:10px 37px; }
a.big {font-size:11px;background: #f51588; color: #fff;padding: 5px 30px; font-weight:bold;}
#main p.last {margin-bottom:0;}
#main br.long {margin-bottom:8px;}

/*
banner
*/
#header #logo {margin-bottom:5px;}
#header #logo a {display:block; width:100% ;height:119px;background: #DDD url(img/banner.jpg) no-repeat scroll top center;}
/*
footer
*/
#footer {width:100%;height:64px;background:#FDFDFD url(img/logos-footer.jpg) no-repeat scroll center center;}
#footer .sprite {height:64px;float:left;}
#footer #cjove {margin-left:95px;width:68px;}
#footer #connecta {margin-left:24px;width:133px;}
#footer #sjove {margin-left:21px;width:184px;}
#footer #ajove {margin-left:5px;width:105px;}
#footer #accd {margin-left:28px;width:137px;}
/*
nav
*/
#nav {background:#FFE401;margin-bottom:10px;height:29px;}
#nav li { float:left; list-style-image:none; list-style-type:none; margin:0; padding:0; }
#nav li.secondary { float:right; } 
#nav li a:link, #nav li a:active, #nav li a:visited {cursor:pointer; color:#363434; float:left; margin:0 5px 0 0; padding:6px 3px; font-size:12px;line-height:13px;text-decoration:none; font-weight:bold; }
#nav li a.selected:link, #nav li  a.selected:active, #nav li a.selected:visited { color:#f61e8d; }
#nav li a:hover,#logo_petit a:hover { background-color:#fff;color:#000; }
/*#nav li a.selected:hover { background-color:#eee; color:#444; }*/
#nav ul { position:relative; margin:0; }
#nav ul li { cursor:pointer; }
#nav ul li ul { cursor:default; position:absolute; height:auto; top:25px; left:-9000px; }
#nav ul li ul li { padding:0; border:none; width:auto; max-width:none; position:relative; }
#nav ul li ul li a { position:relative !important; cursor:pointer !important; white-space:nowrap; font-weight:normal; }
#nav ul li:hover a { background: #fff; }
#nav ul li:hover ul { left:0; z-index:10 }
#nav ul li { position:relative; top:2px; left:0; }
#nav ul li ul li { float:left;width:100%;  }
#nav ul li ul li a { /*width:100%;*/ text-align:left; display:block;}
#nav ul li ul li a:hover { color:#fff; background:#555; }
#nav ul li:hover ul li a { margin-right:0; color:#000;background-color:#FFE401;font-size:12px; line-height:10px;/*border-bottom:1px solid #f2f2f2;*/margin-bottom:1px;}
#nav ul li:hover ul li a:hover { color:#fff; background:#555; }
#nav ul li:hover ul li ul { position:absolute; left:-9000px; }
#nav ul li:hover ul li:hover ul { top:0; left:9em; z-index:11; margin-left:4px;}
#nav ul li:hover ul li:hover ul li a { width:15em; }

/*
cols
*/
.col {float:left;}
.w50 {width:50%;}
.w98p{width:98px;}
.w356p{width:350px;}
.w443p{width:440px;}
.w625p{width:625px;}
.w200p{width:200px;}
.w668p{width:668px;}
.w115p{width:115px;}

.justify {text-align:justify;}
.bigger {font-size:13px;}
.indent {padding-left:20px;}
.left {margin:0 7px 10px 0;}
.right {margin:0 0 10px 7px;}
#page_17 .left {margin-right:1px;}
#page_17 .right {margin-left:1px;}
h2 {font-size:18px;line-height:20px;font-weight:bold;color:#f51588;background:#FDFDFD;padding:10px 37px;margin-bottom:1px;}
h2.alpha {background-color:transparent;padding-right:0;position:relative;}
h2.smaller {font-size:14px;padding-bottom:8px;padding-top:12px;}
h2 a {color:#1d1d1d;text-decoration:underline;font-weight:normal;font-size:12px;line-height:24px;float:right;display:block;}
h2.alpha a {margin-top:12px;font-size:11px;line-height:14px;background: #f51588; color: #fff;padding: 2px 6px; left:445px;font-weight:bold;text-decoration:none;}
h2 em {color:#30ACB8;}
h3 {font-size:14px;line-height:20px;font-weight:bold;color:#f51588;background:#FDFDFD;padding:10px 37px;margin-top:4px;margin-bottom:1px;}
h4 {font-weight:bold;font-size:13px;color:#30ACB8;margin-bottom:2px;}
.inner {background:#FDFDFD;padding:20px 37px 38px 37px; margin-bottom:10px;}
.inner a {color:#f51588;text-decoration:underline;}
.inner a.nounder {text-decoration:none;}
.inner a.nounder:hover {text-decoration:underline;}
/*
HOME #page_0
*/
#logo_cjs {background: url(img/logo-cjsolidari.jpg) no-repeat scroll top left;width: 166px;height: 42px;margin-top:11px;}
#page_0 #joc56 img {float:left;}
#page_0 #joc56 p {float:right;width:46%;}
/*
idees #page_1, oncomprar #page_3, calendari #page_21
*/
#page_1 .extra li,#page_3 .extra li ,#page_24 .extra li {border:none;margin:0 0 5px 5px;padding:0;}
#page_1 .extra li a, #page_3 .extra li a, #page_24 .extra li a {font-size:11px;background: #f51588; color: #fff;padding: 3px 8px; left:445px;font-weight:bold;}
#page_1 .extra li a.selected,#page_3 .extra li a.selected,#page_24 .extra li a.selected {background: #fff; color: #f51588;text-decoration:none;}
.extra #nav {background:none;}
/*
on comprar
*/
#page_3 h2 {margin-bottom:8px;}
.selecciona {margin-bottom:1px;padding:12px 37px;}
.selecciona a {text-decoration:none;}
.selecciona a.selected {text-decoration:underline;font-weight:bold;}
th {text-align:left;}
thead th {font-weight:normal;color:#f51588;background:#fff;}
.par  {background:#f8f7f2;}
table {border-bottom:1px solid #f8f7f2;margin:0;}
/*
just vs convencional
*/
h2.just,h2.conv{margin-top:4px;font-size:18px;}
.just {font-weight:bold !important; color:#30ACB8 !important;font-size:14px}
.conv {color:#f51588 !important;font-size:14px;}
/*
calendari
*/
h2.select {margin-bottom:8px;}
/*bibtic*/
#bibFoot {bottom:2px;right:10px;margin:0;position:fixed;z-index:9999;font-size:.8em;color:#333;}
#bibFoot a {text-decoration:none;color:#444;padding:.1em .2em ;text-transform:uppercase;letter-spacing:.1em;font-family:"Lucida Console", Monaco,monospace;}
#bibFoot a:hover {background:#336666;color:#fff;}

/*taxi*/
#nav li#cjs {margin-right: 15px;margin-left: 15px;}
h2#cjs {color:#000;}
h2#cjs span {color:#F6B511;}
#nav,a.big {background:#F6B511;}
#nav li a:link, #nav li a:active, #nav li a:visited {background:#F6B511; color:#000;}
#nav ul li:hover ul li a,h2.alpha a { background-color:#F6B511;}
#nav li a.selected:link, #nav li  a.selected:active, #nav li a.selected:visited { color:#fff;background:#F6B511; }