body{background:#EBEBEB;}

.front #wrapper{background:url(homebg.png) no-repeat right 100px;}

#header{background:#000;color:white;}
#footercontainer .maxwidth{border-top:1px solid #ccc;}
#footercontainer a,h1, #header a.toc:hover, #header a.glossari:hover{color:black;}
#footercontainer a:hover{color:#666;}

.menu-content h2,.navigation,.titolweb,.green1,.contenido .presentacio h2,#maincontent .contenido .presentacio  a,#fulls a,#fulls .sumari a:hover,.proces .contenido .botons a,.menu-content a.button-like,.navigation a.breadcrumb {color:white;}
.menu-content a,.navigation a,#header a,#menu a,#submenu a{color:inherit;}
.cha  th a{color:white;}
.principal a:hover{color:black;}
body,#menu,#submenu,.proces .menu-content .proces p,#fulls .sumari a{color:#666;}
#submenu .active a{color:#333;}
.contenido>h2{color:#666;background-image:url(fh2.png);background-repeat:no-repeat;background-position:left bottom;}
.proces .contenido h2{background-image:url(fh2-proces.png);}
.contenido h3,#submenu h2{color:#1C7571;}
.proces .contenido h3,.proces #submenu h2{color:#00E46E;}

.bases a{color:#13BAE4;}
.sequencia a{color:#48BB9F;}
.eines a{color:#57B960;}
.dissenyar a{color:#798C3F;}class="llista-control"

#menu,#submenu h2,#submenu a,#fulls .sumari a,#tabs h3,#tabs .tab-in, #header a.toc:hover, #header a.glossari{background-color:white;}
.menu-content .bases h2,.bases .navigation,.list-items div.image{background-color:#13BAE4;}
.menu-content .sequencia h2,.sequencia .navigation{background-color:#48BB9F;}
.menu-content .eines h2,.eines .navigation{background-color:#57B960;}
.menu-content .dissenyar h2,.dissenyar .navigation{background-color:#798C3F;}
.presentacio h2{background-color:#858C94;}

#fulls li a,.botons a{background-color:#C1D5D8;}

.menu-content .bases, .menu-content .proces{position:relative;}
.menu-content .bases p,.contenido a{color:##13BAE4;}
.menu-content .proces p,.proces .contenido a{color:#00E46E;}

.titolweb{border-left:1px solid white;}
#menu a{border-bottom:1px solid #ccc;}
#submenu li,.list-items li{border-top:1px solid #ccc;}
.list-items .image img{border:1px solid #ccc;}
#submenu a{border-left:10px solid white;}
#submenu .active a{border-color:#1C7571;}
.proces #submenu .active a{border-color:#00E46E;}

.menu-content span,.navigation a,span.alert,.botons a.proces,.botons a.exercici,.list-items li .image{background-image:url(sprite.png);background-repeat:no-repeat;}

.menu-content .proces span{background-position:-41px 0;}
.navigation .prev a{background-position:-180px -31px;}
.navigation .next a{background-position:-211px -31px;}
.navigation .prev a:hover{background-position:-180px 0;}
.navigation .next a:hover{background-position:-211px 0;}

span.alert{background-position:-128px 0;}
#fulls span.excel{background-position:0 -140px;}
.botons a.proces{background-position:right -163px;}
.botons a.exercici{background-position:right -195px;}
.list-items li .image{background-position:22px -249px;}

#content{background-repeat:no-repeat;background-position:right bottom;}
.bases #content{background-image:url(big-icon-bases.png);}
.proces #content{background-image:url(big-icon-proces.png);}

#menu{box-shadow:4px 4px 0 0 #858587;}
a.up{background:url(up.png) no-repeat left top;}

.menu-content .bases li{border-color:#10ADD6;}
.menu-content .sequencia li{border-color:#48BB9F;}
.menu-content .eines li{border-color:#57B960;}
.menu-content .dissenyar li{border-color:#798C3F;}

.menu-content .proces li{border-color:#00D969;}
.important{background-color:#FF9590; color:white;}
.subheader{background-color:#57B960; color:white;}
.fblack{background-color:black; color:white;}
.c, .h, .a{background-color:#E1F4F7; color:#333;}
.i, .d, .t{background-color:#CFE0E4; color:#333;}
.neutral{color:#666;}

td.c, .cha  th.c{background-color:#1C7571;}
td.h, .cha  th.h {background-color:#E46691;}
td.a, .cha  th.a {background-color:#EAC540;}
.cha td{background-color:white;}
td.i{background-color:#84B5E4;}
td.d {background-color:#84B5E4;}
td.t{background-color:#84B5E4;}
.cha  .c p{color:#1C7571;}
.cha  .h p{color:#E46691;}
.cha  .a p{color:#EAC540;}
.cha  p.ex, .cha  caption{color:black;}
.bases .neutral, .bases td, .sequencia tbody .neutral, .sequencia td{color:#666;}
.bases thead tr, .sequencia thead tr{color:black;}
.estrategies, .coneixements li{background-color:white;}
caption.neutral, .neutral h3{background-color:#bababa;color:#333;}
caption.c{background-color:#1C7571;color:white;}
caption.h{background-color:#E46691;color:white;}
caption.a{background-color:#EAC540;color:white;}
.llista-control table thead tr{background-color:#ddd;}
.llista-control table tbody tr, .pagina{background-color:#fff;}
.bases.activitat.interna .whitebox li h3, bases.activitat.interna   h3{color:#13B9E4;}
.sequencia.activitat.interna .whitebox li h3, .sequencia.activitat.interna   h3{color:#48BB9F;}
.eines.activitat.interna .whitebox li h3, .eines.activitat.interna  h3{color:#57B960;}
.dissenyar.activitat.interna .whitebox li h3, .dissenyar.activitat.interna h3{color:#798C3F;}

.bases.activitat.interna   h3{color:#13B9E4;border-bottom:1px solid #13B9E4;}
.sequencia.activitat.interna   h3{color:#48BB9F;border-bottom:1px solid #48BB9F;}
.eines.activitat.interna  h3{color:#57B960;border-bottom:1px solid #57B960;}
.dissenyar.activitat.interna h3{color:#798C3F;border-bottom:1px solid #798C3F;}

.activitat.interna .whitebox li{background-color:#f0f0f0;}
.activitat.interna .whitebox li label {color:#666;}
.contenido .print{color:black;}
.activitat.interna .pdf{background-image: url(sprite.png); background-position:-149px -154px;background-color:#FFFBAC; text-indent:-99999em;}
.estrategies .pdf{background-image: url(sprite.png); background-position:-221px -158px;background-color:#FFFBAC; text-indent:-99999em;}
.activitat.interna .pdf:hover{background-position:-114px -154px;}
.estrategies .pdf:hover{background-position:-281px -158px;}
.activitat.interna .word{background-image: url(sprite.png); background-position:-48px -154px;background-color:#FFFBAC; text-indent:-99999em;}
.estrategies .word{background-image: url(sprite.png); background-position:-190px -158px;background-color:#FFFBAC; text-indent:-99999em;}
.activitat.interna .word:hover{background-position:-81px -154px;}
 .estrategies .word:hover{background-position:-251px -154px;}
.contenido .print{ background-image: url(sprite.png); background-position:-567px -58px;background-repeat:no-repeat;background-color:#FFFBAC;}
.contenido .print:hover{ background-image: url(sprite.png); background-position:-567px -98px;background-repeat:no-repeat;}

.greybox{background-color:#F2F2F2;}
.greybox p, .greybox label{color:#666;}
.tree .first h3, .tree .second h3 , .tree .third h3{background-color:black; color:white;}
.tree .first h4, .tree .second h4 , .tree .third h4{background-color:#48BB9F; color:white;}
.tree .first h4 a, .tree .second h4 a , .tree .third h4 a{color:white; padding:0;}
.tree .first h4 a:hover, .tree .second h4 a:hover , .tree .third h4 a:hover{color:black;}
.tree .first h4 a:before, .tree .second h4 a:before , .tree .third h4 a:before{background:none;}
.tree .first h5, .tree .second h5 , .tree .third h5{background-color:#d4d4d4;}
.tree .first h5 a, .tree .second h5 a , .tree .third h5 a{color:#666;padding: 0;}
.tree .first h5 a:hover, .tree .second h5 a:hover , .tree .third h5 a:hover{color:black;}
.tree .first h5 a:before, .tree .second h5 a:before , .tree .third h5 a:before{background:none;}
.tree .second h5{width:100px;}
.tree .first h5 a, .tree .second h5 a, .tree .third h5 a {width: 98%;}




.accordion .c, .h, .a, .accordion .neutral {background-color:white;}
.accordion .c h3{background-color:#1C7571; color:white;}
.accordion .h h3{background-color:#E46691; color:white;}
.accordion .a h3{background-color:#EAC540; color:white;}
.accordion  .in{color:#666;}
.accordion  .c .in li:before{color:#1C7571;}
.accordion  .h .in li:before{color:#E46691;}
.accordion  .a .in li:before{color:#EAC540;}

.navigation .prev a{background-image: url(sprite.png); background-repeat: no-repeat; background-position:-192px -66px;width:35px;}
.navigation .prev a:hover{background-image: url(sprite.png); background-repeat: no-repeat; background-position:-230px -66px;}
.navigation .next a{background-image: url(sprite.png); background-repeat: no-repeat; background-position:-155px -66px;width:35px;}
.navigation .next a:hover{background-image: url(sprite.png); background-repeat: no-repeat; background-position:-266px -66px;}

.proces .navigation .prev a{background-image: url(sprite.png); background-repeat: no-repeat; background-position:-192px -66px;width:35px;}
.proces .navigation .prev a:hover{background-image: url(sprite.png); background-repeat: no-repeat; background-position:-393px -66px;}
.proces .navigation .next a{background-image: url(sprite.png); background-repeat: no-repeat; background-position:-155px -66px;width:35px;}
.proces .navigation .next a:hover{background-image: url(sprite.png); background-repeat: no-repeat; background-position:-430px -66px;}

.coneixements h2{color:#1C7571;border-bottom:1px solid #1C7571;}
.actituds h2{color:#EAC540;border-bottom:1px solid #EAC540;}
.habilitats h2{color:#E46691;border-bottom:1px solid #E46691;}

.proces #content .destacat{color:#00E46E;}
.bases #content .destacat{color:#13BAE4!important; margin-top: 40px;}
.sequencia  .destacat{color:#48BB9F!important; margin-top: 40px;}
.eines  .destacat{color:#57B960!important; margin-top: 40px;}
.dissenyar  .destacat{color:#798C3F!important; margin-top: 40px;}

.bases a.qtip-glossary{color:#13BAE4;}
.proces a.qtip-glossary{color:#00E46E;}

#right ol>li.bases>a{background-color:#13BAE4;  position: relative;}
#right ol>li.sequencia>a{background-color:#48BB9F;  position: relative;}
#right ol>li.eines>a{background-color:#57B960;  position: relative;}
#right ol>li.dissenyar>a{background-color:#798C3F;  position: relative;}

.back {background-image: url(sprite.png); background-repeat: no-repeat; background-position:9px -156px; background-color:black;}
.back:hover { background-image: url(sprite.png); background-position:-16px -156px;background-color:white;}
caption.negre{background-color:black; color:white;}
.cha.general caption.negre{ padding: 15px 0 15px 44px;}
.cha.general caption.negre:before{left:8px;}

.bases .tabs .item-list>ul li.active:before, .bases .tabs .item-list>ul li:hover:before{background-color:#13BAE4;}
.sequencia .tabs .item-list>ul li.active:before, .sequencia .tabs .item-list>ul li:hover:before{background-color:#48BB9F;}
.eines .tabs .item-list>ul li.active:before, .eines .tabs .item-list>ul li:hover:before{background-color:#57B960;}
.dissenyar .tabs .item-list>ul li.active:before, .dissenyar .tabs .item-list>ul li:hover:before{background-color:#798C3F;}
.tabs .item-list>ul li {background-color:#dcdcdc; color:#666;}
.tabs .item-list>ul li.active, .tabs .item-list>ul li:hover, .tabs .tabs-container {background-color:white;}
.bases .tabs .item-list>ul li.active,.bases .tabs .item-list>ul li:hover, .bases  .tabs-container  .tab-page.active >ul li:before {color:#13BAE4;}
.sequencia .tabs .item-list>ul li.active,.sequencia  .tabs .item-list>ul li:hover, .sequencia  .tabs-container  .tab-page.active >ul li:before{color:#48BB9F;}
.eines .tabs .item-list>ul li.active, .eines .tabs .item-list>ul li:hover, .eines  .tabs-container  .tab-page.active >ul li:before{color:#57B960;}
.dissenyar .tabs .item-list>ul li.active,.dissenyar  .tabs .item-list>ul li:hover, .dissenyar  .tabs-container  .tab-page.active >ul li:before {color:#798C3F;}

.contenido a.boto-word{color:white; background-image: url(word.png); background-repeat: no-repeat; background-position:0px -0px; }
.contenido a.boto-word:hover{ color:white; background-position:0px -68px; }
.contenido a.boto-pdf{color:white; background-image: url(pdf.png); background-repeat: no-repeat; background-position:0px -0px; }
.contenido a.boto-pdf:hover{ color:white; background-position:0px -68px; }

.active  ol.n1{background-image: url(n1.png); background-repeat: no-repeat; background-position: 0px 5px; padding: 0 0 0 80px;}
.active  ol.n2{background-image: url(n2.png); background-repeat: no-repeat; background-position: 0px 5px; padding: 0 0 0 80px;}
.active  ol.n3{background-image: url(n3.png); background-repeat: no-repeat; background-position: 0px 5px; padding: 0 0 0 80px;}