/* BASIC PAGE SETUP ============================================================================= */
body{text-align:center;font-family:'Open Sans',sans-serif;line-height:1.45em;font-size:16px;}
button,input,select,textarea{font-family:'Open Sans',sans-serif;}
img{border:0;max-width:100%;height:auto;width:auto\9;/*ie8*/}
table{border-collapse:collapse;border-spacing:0;margin-bottom: 3px;;width:100%;}
#skiptomain{display:none;}
#wrapper{width:100%;position:relative;text-align:left;}
#maincontentcontainer{width:100%;}
.maxwidth{clear:both;max-width:1180px;width:100%;margin:0 auto;position:relative;}
.section{clear:both;padding:0;margin:0;}
.breaker{clear:both;}
.group:before,.group:after{content:"";display:table;}
.group:after{clear:both;}
.group{zoom:1; /* For IE 6/7 (trigger hasLayout) */}
.floatl{float:left;}
.floatr{float:right;}
.clearb{clear:both;}
.right{text-align:right;}
.clearfix{zoom:1;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.offleft{position:absolute;left:-10000px;width:100px;height:0;overflow:scroll;}
.closed div.in{position:static;left:0;width:auto;height:auto;display:none;}
.show-print{display:none;}

/* VENDOR-SPECIFIC ============================================================================= */
html{-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgb(52,158,219);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
::-webkit-selection,::-moz-selection,::selection{background:#6997CA;color:white;}
button,input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;}
::-webkit-input-placeholder,input:-moz-placeholder{font-size:.875em;line-height:1.4;}
.ie7 img,.iem7 img{-ms-interpolation-mode:bicubic;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
p{/* http://www.w3.org/TR/css3-text/#hyphenation */-webkit-hyphens:auto;-webkit-hyphenate-character:"\2010";-webkit-hyphenate-limit-after:1;-webkit-hyphenate-limit-before:3;-moz-hyphens:auto;}

/* reset */
html,body,div,span,object,iframe,abbr,address,cite,em,img,small,strong,sub,sup,b,i,dl,dt,dd,fieldset,form,label,legend,article,aside,canvas,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,video{margin:0;padding:0;border:0;text-decoration:none;outline:0;vertical-align:baseline;}
a{text-decoration:none;}
.principal a:hover{text-decoration:underline;}
article,aside,details,figcaption,figure,
nav ul,nav ul li{list-style:none;margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
input,select{vertical-align:middle;}
.print{display:none;}
.hideprint{display:block;}
input[type="submit"]{cursor:pointer;}

/*GRID COLUMN SETUP*/
.col{display:block;float:left;margin-left:1.6%;}
.principal.col,.first.col{margin-left:0;}/* all browsers except IE6 and lower */

/*GRID OF 2*/
.span_2_of_2{width:100%;}
.span_1_of_2{width:46.2%;}
.span_1_of_2.right {width: 46.2%;}

/*GRID OF 3 inside grid of 4*/
.span_3_of_3{width:100%;}
.span_2_of_3{width:65.91%;margin-left:2.27%;}
.span_1_of_3{width:31.82%;margin-left:2.27%;}

/*GRID OF 4*/
.span_4_of_4{width:100%;}
.span_3_of_4{width:74.6%;}
.span_2_of_4{width:49.2%;}
.span_1_of_4{width:23.8%;}

/*GRID OF 12*/
.span_12_of_12{width:100%;}
.span_11_of_12{width:91.53%;}
.span_10_of_12{width:83.06%;}
.span_9_of_12{width:74.6%;}
.span_8_of_12{width:66.13%;}
.span_6_of_12{width:49.2%;}
.span_7_of_12{width:57.66%;}
.span_5_of_12{width:40.73%;}
.span_4_of_12{width:32.26%;}
.span_3_of_12{width:23.8%;}
.span_2_of_12{width:15.33%;}
.span_1_of_12{width:6.86%;}

#footercontainer .right{width:50%; float:left;tex-align:right;}
#footercontainer .right .col{float:right;}
#footercontainer .left{width:50%;float:left;}
#footercontainer .left .col{margin-right:10px;}
#footercontainer .left .col:last-child{border-left: 1px solid #ccc; padding-left:10px;}

/*  GO FULL WIDTH AT LESS THAN 580 PIXELS */
@media only screen and (max-width:580px){
.span_12_of_12,.span_11_of_12,.span_10_of_12,.span_9_of_12,.span_8_of_12,.span_7_of_12,.span_6_of_12,.span_5_of_12,.span_4_of_12,.span_3_of_12,.span_2_of_12,.span_1_of_12{width:100% !important;}
.span_4_of_4,.span_3_of_4,.span_2_of_4,.span_1_of_4,.span_3_of_3,.span_2_of_3,.span_1_of_3,.span_2_of_2,.span_1_of_2{width:100% !important;}
.col{margin:0;padding:0.5em 0;}/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 580 PIXELS */
}

/* CSS específics */
#logo{padding:20px 0;}
#footercontainer .maxwidth{padding:22px 0;}
#footercontainer a{display:block;font-weight:700; line-height: 140%;}
#footercontainer a:first-child{margin:4px 0 0 0;}
h1{font-size:35px;font-weight:300;line-height:1.1em;}
h2{font-size:24px;font-weight:600;line-height:1.1em;}
.contenido h2{font-size:30px;font-weight:300;line-height:1.1em;padding-bottom:20px;margin-bottom:25px;background-image:none;margin-top:2em;}
.contenido .pagina h2{font-size:22px;font-weight:400;line-height:1.1em;padding-bottom:0px;margin-bottom:20px;background-image:none;margin-top:2em;}
.contenido h2:first-child{margin-top:0;}
.contenido>h2{font-size:21px;font-weight:500;line-height:1.1em; margin:0;padding:0;}
.home h1{max-width:580px;margin-bottom:50px; margin-top: 56px;}
.home .titolweb{display:none;}
.menu-content ul,.menu-content ol{margin:0;padding:0;list-style:none;}
.menu-content h2{background-image:none;border-radius:4px;padding:17px;margin:12px 0 5px 0;font-size:18px;font-weight:normal;line-height:1.1em; text-transform:uppercase; height: 15px; min-height:15px;}
.menu-content ol{counter-reset:section;}
.menu-content ol li strong:after{counter-increment:section;content:counters(section,".");}

.principal{margin-bottom:1em;}
.principal a{font-size:14px; font-weight:bold; text-decoration:none; padding:15px; display:block;position:relative;}
.principal a:hover{ text-decoration:none;}
.principal .bases a:before{content: ""; position: absolute; right: 20px; top: 17px; width: 26px;  height: 18px; background: url(sprite.png) no-repeat -116px -63px;}
.principal .sequencia a:before{content: ""; position: absolute; right: 20px; top: 17px; width: 26px;  height: 18px; background: url(sprite.png) no-repeat  -116px -94px;}
.principal .eines a:before{ content: ""; position: absolute; right: 20px; top: 17px; width: 26px; height: 18px; background: url(sprite.png) no-repeat -111px -110px;}
.principal .dissenyar a:before{content: ""; position: absolute; right: 20px; top: 17px; width: 26px;  height: 18px; background: url(sprite.png) no-repeat -116px -124px;}

.principal .cha .c a:before {content: "";position: absolute;right: -2px;top: 5px;width: 31px;height: 30px;background: url(sprite.png) no-repeat 1px 0px;}
.principal .cha .h a:before {content: "";position: absolute;right: -2px;top: 5px;width: 31px;height: 30px;background: url(sprite.png) no-repeat -29px 0px;}
.principal .cha .a a:before {content: "";position: absolute;right: -2px;top: 5px;width: 31px;height: 30px;background: url(sprite.png) no-repeat -59px 0px;}


.principal a.enllac{ font-size: 1em; font-weight: bold; text-decoration: none; display: inline; padding: 0; }
.principal a.enllac:hover{ text-decoration:none;}

.principal.equal1{height:auto !important;}
.presentacio{width:31.82%;}
.presentacio h2{background-image:none !important;border-radius:4px;padding:80px 80px 17px 17px;margin:0 0 90px 0;font-size:26px;font-weight:normal;line-height:1.1em;}
.menu-content p{font-size:0.9em;}
.eina .menu-content h2{padding-right:90px;}
.contenido h3{font-weight:600;}
.menu-content .first{clear:both;}
.menu-content li  li{margin-bottom:0px; border-bottom:1px solid;}
.menu-content strong{display:block;margin-bottom:20px;font-size:36px;position:relative;top:-7px;}
.menu-content span{display:inline-block;width:41px;height:41px;margin-right:5px;position:relative;top:7px;}
.twocols .floatl,.twocols .floatr{width:48.5%;}
.navigation{border-radius:0;padding:10px 14px 10px 18px;}
.navigation ul{margin:0;padding:0;list-style:none;float:right;text-align:right;width:150px;}
.navigation ul li{display:inline;vertical-align:top;}
.navigation ul li.noftotal{margin:0 0.2em; padding: 5px 0 0 0; display: inline-block;}
.navigation a{display:inline-block;width:30px;height:30px;text-indent:10000px;overflow:hidden;}
#footercontainer{font-size:65%;clear:both; margin: 60px 0 0 0}
aside .bloque,.contenido .bloque{border-radius:6px;padding:24px;font-weight:600;font-size:0.9em;}
aside .bloque{margin-bottom:70px;}
.bloque p{margin:0;}
.contenido .bloque{margin:40px 0;}
span.alert{display:block;width:41px;height:41px;margin-bottom:1em;}
.titolweb{margin:15px 0;padding:15px 0;}
.lema{padding-left:33px;max-width:390px;line-height:1.1em;font-weight: 300;}
.toc{text-transform:uppercase;width:167px;font-size:18px;font-weight:300;padding:10px 0 36px 0;text-indent:52px;position:absolute;left:113px;bottom:0;display:block; background:url(menu.png) no-repeat 10px 10px;}
.toc:hover{background:url(menu1-1.png) no-repeat 10px 10px white;}
#glossari{text-transform:uppercase;width:180px;font-size:18px;font-weight:300;border-radius:12px 12px 0 0;padding:10px 0 36px 0;text-indent:44px;position:absolute;left:-60px;bottom:0;display:block; background:url(menu2.png) no-repeat left 10px;}
.pagina{padding:15px;}


/*#right ul{padding:0;}
#right ol,#right ol li{margin:0;padding:0;list-style:none;}
#right a{display:block;padding:8px 14px;font-size:0.9em;line-height:1.15em;}
#right li li li a{padding-left:36px;}
#right ol>li>a{font-size:18px; font-weight:400; color:white; text-transform:uppercase; padding:25px;}
#right ol>li:first-child>a{background-color:#13BAE4;  position: relative;}
#right ol>li:last-child>a{background-color:#00E46E; position: relative;}
#right ol>li:first-child>a:before{ content: ""; position: absolute; right: 18px; top: 14px; width: 21px; height: 42px; background: url(sprite.png) no-repeat -37px -64px;}
#right ol>li:last-child>a:before{ content: ""; position: absolute; right: 18px; top: 14px; width: 33px; height: 42px; background: url(sprite.png) no-repeat -70px -64px;}
#right .level-1>li a{font-size:15px; font-weight:600; color:black; text-transform:none;background-color:white; border-left:10px solid white;padding:15px;}
#right .level-2>li>a{font-size:15px; font-weight:600;color:#666; text-transform:none;background-color:#EDEDED; border-left:10px solid #EDEDED;padding:15px 15px 15px 25px;}
#right .level-3>li>a{font-size:15px; font-weight:400;color:#666; text-transform:none;background-color:#D6D6D6; border-left:10px solid #D6D6D6;padding:15px 15px 15px 35px;}
#right .level-4{display:none;}
#right .level-2>li a:hover, #right .level-3>li a:hover  {background-color:#EDEDED; border-left:10px solid #EDEDED; color:black;}
#right li.proces>.level-1>li a:hover,#right li.proces>.level-1>li.active>a,#right  li.proces>.level-2>li.active>a,#right  li.proces>.level-3>li.active>a{background-color:white;border-left:10px solid #00E46E;color:#00E46E;}
#right li.bases>.level-1>li a:hover,#right li.bases>.level-1>li.active>a,#right   li.bases>.level-2>li.active>a,#right   li.bases>.level-3>li.active>a{background-color:white;border-left:10px solid #13BAE4;color:#13BAE4;}*/

/*menu temporal*/

#right ul{padding:0;}
#right ol,#right ol li{margin:0;padding:0;list-style:none;}
#right a{display:block;padding:8px 14px;font-size:0.9em;line-height:1.15em;}
#right li li li a{padding-left:36px;}
#right ol>li>a{font-size:14px; font-weight:400; color:white; text-transform:uppercase; padding:15px 25px;}

#right .level-1>li a{font-size:14px; font-weight:600; color:black; text-transform:none;background-color:white; border-left:10px solid white;padding:15px;}
#right  li.bases>.level-1>li>a{border-bottom:1px solid #13BAE4;}
#right  li.sequencia>.level-1>li>a{border-bottom:1px solid #48BB9F;}
#right  li.eines>.level-1>li>a{border-bottom:1px solid #57B960;}
#right  li.dissenyar>.level-1>li>a{border-bottom:1px solid #798C3F;}
#right .level-2>li>a{font-size:14px; font-weight:400;color:#fff; text-transform:none;background-color:#575757; border-left:10px solid #575757;padding:15px 15px 15px 25px;border-bottom:1px solid #666;}
#right .level-3>li>a{font-size:14px; font-weight:400;color:#666; text-transform:none;background-color:#575757; border-left:10px solid #D6D6D6;padding:15px 15px 15px 35px;}
#right .level-4{display:none;}
#right .level-2>li a:hover, #right .level-3>li a:hover  {background-color:#575757; border-left:10px solid #EDEDED; color:black;}
#right ol>li>a:hover{color:#000;}
#right li.bases>.level-1>li a:hover,#right li.bases>.level-1>li.active>a,#right   li.bases>.level-2>li.active>a,#right   li.bases>.level-3>li.active>a{border-left:10px solid #13BAE4;color:#13BAE4;}
#right li.sequencia>.level-1>li a:hover,#right li.sequencia>.level-1>li.active>a,#right   li.sequencia>.level-2>li.active>a,#right   li.sequencia>.level-3>li.active>a{border-left:10px solid #48BB9F;color:#48BB9F;}

#right li.eines>.level-1>li a:hover,#right li.eines>.level-1>li.active>a,#right   li.eines>.level-2>li.active>a,#right   li.eines>.level-3>li.active>a{border-left:10px solid #57B960;color:#57B960;}
#right li.dissenyar>.level-1>li a:hover,#right li.dissenyar>.level-1>li.active>a,#right   li.dissenyar>.level-2>li.active>a,#right   li.dissenyar>.level-3>li.active>a{border-left:10px solid #798C3F;color:#798C3F;}
#right .m5{display:none;}


#right li ul{display:none;}
.bases #right li.bases ul{display:block;}
.sequencia #right li.sequencia ul{display:block;}
.eines #right li.eines ul{display:block;}
.dissenyar #right li.dissenyar ul{display:block;}
.proces #right li.proces ul{display:block;}



aside#right{margin:40px 0;float:right;}
.full aside#right{margin-top:165px;}
#submenu{font-size:0.9em;margin-bottom:38px;}
#submenu h2{font-size:1.1em;font-weight:600;border-radius:6px 6px 0 0;margin:0;}
#submenu li:last-child a{border-radius:0 0 6px 6px;}
#submenu ul,#submenu li{padding:0;margin:0;list-style:none;}
#submenu h2{padding:8px 14px;}
#submenu a{display:block;padding:8px 14px 8px 4px;line-height:1.2em;}
#submenu h2 a{padding:0;border:0;line-height:1.3em;}

.section-title{font-size:1.1em; width: 66%;    padding: 5px 0 0 0;}

ol.faqs{margin:0;padding:0;list-style:none;}
.contenido ol.faqs h3{margin:2em 0 0.3em 0;}
.contenido ol.faqs li:first-child h3{margin-top:0;}
.contenido em{font-weight:600;}

h4.bloque-ficha{text-transform:uppercase;font-weight:normal;}
/*.list-items li:nth-child(2n){float:right;}
.list-items li:nth-child(2n+1){float:left;}*/
.list-items{margin:0;padding:0;list-style:none;}
.list-items li{padding:24px 0;margin-bottom:2em;}
.list-items li .image{width:80px;height:80px;float:left;margin-right:1.2em;}
.list-items li .image a{width:100%;height:100%;display:block;}
.list-items li .image img{width:100%;height:auto;}
.list-items li .image{float:left;}
.list-items li .element{font-size:0.9em;line-height:1.2em;}
.list-items li .element p{margin:0 0 0.3em 0;}
.pdf{font-weight:bold;}

#fulls ul{list-style:none;margin:0;padding:0;}
#fulls .sumari{text-transform:uppercase;}
#fulls a{display:block;border-radius:3px;padding:12px 45px 12px 14px;min-height:84px;box-sizing:border-box;font-size:16px;font-size:0.85em;line-height:1.2em;position:relative;}
#fulls li{width:46.43%;margin-bottom:18px;}
#fulls li:nth-child(2n+1){float:left;}
#fulls li:nth-child(2n){float:right;}
#fulls .list-hide{display:none;}
#fulls span.excel{font-weight:bold;position:absolute;right:6px;top:8px;padding-left:22px;display:block;min-height:22px;}

#tabs{margin-top:45px;}
#tabs .tab-in{padding:27px 50px 27px 15px;border-radius:0 8px 8px 8px;}
#tabs .tab-in p{margin-top:0;}
#tabs h3{font-weight:600;border-radius:8px 8px 0 0;margin:0;display:inline-block;padding:16px 120px 12px 15px;}

.marginr1em{margin-right:1em;}
.marginb1em{margin-bottom:2em;}
hr{display:block;height: 1px;border:0;border-top: 1px solid #ccc;margin:2em 0;padding:0;}
.contenido .bloque.lesstop{margin-top:0.5em;}

.botons{width:20%;}
#tabs .botons{max-width:470px;width:75%;}
.botons a,.menu-content a.button-like{display:block;padding:0.3em 0.5em;border-radius:8px;box-sizing:border-box;-moz-box-sizing:border-box;}
.menu-content a.button-like{display:inline-block;margin-top:0.5em; }
#tabs .botons a{padding-right:2.5em;float:left;}
#tabs .botons a.exercici{margin-right:1em;padding-right:4.5em;}
.botons a.faqs{}
.textintro{width:78%;}
#tabs{position:relative;}
#tabs .botons.absolut{position:absolute;left:300px;top:0;}

#menufaqs{margin-top:168px;list-style:none;font-weight:400;font-size:20px;}
#menufaqs li{margin-bottom:0.6em;line-height:1.2em;}

hr{clear:both;border:0;color:#ccc;background:#ccc;height:1px;margin:2.5em 0 0 0;}
a.up{display:block;float:right;width:29px;height:17px;}
hr:last-child{display:none;}
.important{padding:10px 45px; font-size:16px; font-weight:500; margin:20px 0;}
.fwhite{font-size:24px; font-weight:300; padding:5px 15px 5px 62px; position:relative;}
.fwhite:before{content: ""; position: absolute; left: 16px; top: 28px; width: 25px; height: 24px; background: url(sprite.png) no-repeat -0px -200px;}
.subheader{font-size:14px;font-weight:bold;padding:5px 15px;}
.fblack{font-size:14px;font-weight:bold;padding:5px 15px; text-align:center; }
.c, .h, .a, .i, .d, .t{font-size:12px;font-weight:bold; padding:10px 11px; }
th .letter{    width: 24px;  height: 24px;  /*background: transparent url(sprite.png) no-repeat;*/  display: block;  margin: 0 auto;  position: absolute;  top: 18px; right: 34px;}
th.c > .letter{background-position:-180px 0;}
th.h > .letter{background-position:-205px 0;}
th.a > .letter{background-position:-230px 0;}
th.i > .letter{background-position:-255px 0;}
th.d > .letter{background-position:-280px 0;}
th.t > .letter{background-position:-305px 0;}
.empty{background-color:#E1F4F7;border-bottom:2px solid white;border-right:2px solid white;}
.empty2{background-color:#CFE0E4;border-bottom:2px solid white;border-right:2px solid white;}
.empty:last-child, .empty2:last-child{border-right:none;}

td .letter{width: 25px;height: 24px;background: transparent url(sprite.png) no-repeat;display:block; margin:4px auto;}
td.c > .letter{background-position:-179px 0; }
td.h > .letter{background-position:-205px 0;}
td.a > .letter{background-position:-230px 0;}
td.i > .letter{background-position:-255px -0px;}
td.d > .letter{background-position:-280px -0px;}
td.t > .letter{background-position:-305px -0px;}



.cha  td p{font-size:16px; padding:0 15px; font-weight:400;}
.cha  td p:firts-child{font-weight:600; margin-top:0; padding-top:0;}

td.c,td.h ,td.a ,td.i,td.d , td.t{padding:0;}
td  {border-right:2px solid white; border-bottom:2px solid white;}
td.t  {border-bottom:2px solid white;}
.estrategies td a{padding:0; float:left;max-width: 77%;}
.estrategies td a:before{background:none;}
.estrategies th{border-right:2px solid white;}
.estrategies tr:nth-child(2), .estrategies tr:nth-last-child(2){border-top:2px solid #F9F9F9;}
.estrategies thead .c, .estrategies thead .h, .estrategies thead .a{font-size: 12px; font-weight: bold; background-color: #E1F4F7;padding: 10px 11px;}
#content .estrategies td{ padding: 3px 15px; border-right: 2px solid #f9f9f9; border-bottom: 2px solid #f9f9f9;}

.neutral{font-size:19px; font-weight:500; text-align:left;}


.cha.general  caption{font-weight:600; text-align:left;margin:0 0 10px 0; padding: 15px 0 15px 30px;}
.cha.general  caption:before{content: ""; position: absolute; left: 0px;  top: 8px;  width: 32px; height: 32px; background: url(sprite.png) no-repeat -20px -158px white;}
.cha  th a{font-size:16px;font-weight:600; padding:7px 15px;}
.cha  th a:hover{color:black;}
.cha  th a:before{ /*background: none;*/}
.cha  th span{float:right;}
.cha  p.ex{font-size:14px; font-weight:600;}
.cha td{width:33%; margin-top:0; vertical-align: top;}
.bases .neutral, .bases .c, .bases .h, .bases .a, .sequencia .neutral,.sequencia .c, .sequencia .h, .sequencia .a, .eines .neutral,.eines .c, .eines .h, .eines .a,.dissenyar .neutral, .dissenyar .c, .dissenyar .h, .dissenyar .a{font-size:19px; font-weight:500; text-align:left;}
.bases thead tr{font-size:18px; font-weight:500; }
.bases thead tr th, .bases td, .sequencia thead tr th, .sequencia td{padding:10px 15px;}
.bases td, .sequencia td{font-size:16px;}
.bases td:nth-child(2), .bases td:nth-child(3), .sequencia td:nth-child(2), .sequencia td:nth-child(3){font-size: 0px; text-indent: -99999em;}
.bases  caption, .sequencia  caption{position:relative; cursor:pointer; padding:15px;}
.checklist .principal td{background-color:white;  border-bottom: 2px solid #F9F9F9;}
.bases  caption:before{content: ""; position: absolute; right: 10px;  top: 14px;  width: 32px; height: 32px; background: url(sprite.png) no-repeat -504px 0px;}
.bases  caption.neutral:before{content: ""; position: absolute; right: 10px;  top: 8px;  width: 32px; height: 32px; background: url(sprite.png) no-repeat -312px -68px;}
.bases  .closed caption.neutral:before{content: ""; position: absolute; right: 10px;  top: 8px;  width: 32px; height: 32px; background: url(sprite.png) no-repeat -352px -69px;}
.bases .closed thead, .bases .closed tbody{display:none;}
.bases  .closed caption:before{content: ""; position: absolute; right: 10px;  top: 14px;  width: 32px; height: 32px; background: url(sprite.png) no-repeat -538px 0px;}

.activitat h1{    margin-bottom: 0;}
.whitebox{ display: inline-block; width: 100%;}
.activitat.interna .whitebox ul{padding:0; margin:0;}
.activitat.interna .whitebox li{margin:0 0 4px 0;display: block;overflow: hidden; padding:10px 15px;}
.activitat.interna .whitebox li h3, .activitat.interna .whitebox li label{float:left;}
.activitat.interna .whitebox li h3{width:30%;margin:0; font-weight:500; font-size:16px; border-bottom:none;}
.activitat.interna .whitebox li label {margin:0 30px 0 0; font-weight:600; font-size:14px;}
.activitat.interna .download, .contenido .print{ margin: -37px 0 0 auto;background-color: #FFFBAC; float: right; width: 40px; height: 37px; text-indent: -9999em; padding: 0;}
.activitat.interna .download:hover, .contenido .print:hover, .activitat.interna .pdf:hover, .activitat.interna .word:hover{background-color:#ccc;}
.activitat.interna h3{font-size:19px; font-weight:400;}
.activitat  p, .activitat  li{font-size:16px;}
.activitat .row  p{margin:0;display: block;overflow: hidden;}
.activitat h4{margin: 15px 0 5px 0;}
.activitat.interna .pdf, .activitat.interna .word{float:right; height:37px; width:39px; padding:0; margin:0 0 0 10px;}
.estrategies .pdf, .estrategies .word{float:right; height:23px; width:23px; padding:0; margin:0 0 0 10px;}


.greybox{padding:1px 15px 10px 15px;}
.greybox p{font-size:18px; font-weight:400;}
.greybox label{font-size:14px; font-weight:600; margin:0 75px 0 0;position:relative;}

.tree  {line-height: 100%;    padding: 0;}
.tree .first, .tree .second, .tree .third{float:left;list-style:none;}
.tree .first h3, .tree .second h3 , .tree .third h3{font-size:14px;font-weight:600; padding:20px 35px 5px 55px; height:32px; margin: 0;position:relative;}
.tree .third h3:before{ content: "";  position: absolute;  left: 13px;  top: 13px;  width: 30px;  height: 32px;  background: url(sprite.png) no-repeat -20px -158px white;}
.tree .first{width:35%; margin:0 20px 0 0;}
.tree .second{width:35%;}
.tree .third{width:100%;margin:40px 0;}
.tree .first ul, .tree .second ul, .tree .third ul{overflow: hidden; display: block;list-style:none; padding: 0;}
.tree .first h4, .tree .second h4 , .tree .third h4{font-size:14px;font-weight:600;     padding: 12px 15px; height: 32px; margin: 0; float:left; width: 38%;position:relative;text-align:left;}
.tree .first  li, .tree .second  li {background: url(linies.png) no-repeat left -100px; padding: 20px 0 0 24px; overflow: hidden; }
.tree .first > ul > li:last-child, .tree .second > ul > li:last-child {background: url(linies-last.png) no-repeat left -100px; padding: 20px 0 0 24px; overflow: hidden; }
.tree .first  li li, .tree .second  li li , .tree .third   li li{background: url(linia-horizontal.png) no-repeat left 27px; padding: 0px 0 0 24px; }
.tree .first h5, .tree .second h5 , .tree .third h5{font-size:13px;font-weight:600; padding:15px 15px; height:30px; margin:10px 0 0 0; float:left;margin:0; width: 55%;position:relative;}
.tree .third   li{background: url(linies.png) no-repeat 15px -483px; padding: 20px 0 0 24px; }
.tree .third  li{float:left; width:33.3%; padding:20px 0 0 0;}
.tree .third  li h4{float:none; width: auto; margin:0 0 0 24px;}
.tree .third li:first-child h4 {margin: 0 0 9px 0;}
.tree .third  li li{ width: 53%; margin: 0px 0 28px 15px;}
.tree .third > ul >  li:nth-child(2), .tree .third > ul > li:last-child{background: url(linia-horizontal.png) no-repeat left 46px; overflow: hidden; }
.tree .third  li:nth-child(2), .tree .third  li:last-child{background: url(linia-horizontal.png) no-repeat left 30px;  }
.tree .third   li:nth-child(2) ul{background: url(linia.png) no-repeat 39px -563px; padding: 10px 0 0 24px; overflow: hidden;}
.tree .third   li:last-child ul{background: url(linia.png) no-repeat 39px -560px; padding: 10px 0 0 24px; overflow: hidden;}
.tree .tipus{position: absolute;top: 0;}
.tree  h3 .tipus{position: absolute;top: 3px;left: 297px;}
.tree  h4 .tipus{right: -4px; width: 100px; top: 15px;}
.tree  h5 .tipus{right: -110px;  width: 100px;}
.tree .second h5 .tipus {right: -110px; width: 100px;}
.tree span.c{background: url(c.png) no-repeat 0 0px; height: 17px; float:left; background-size: contain;display:block;}
.tree span.h{background: url(h.png) no-repeat 0 0px;height: 17px;float:left; background-size: contain;display:block;}
.tree span.a{background: url(a.png) no-repeat 0 0px;height: 17px;float:left; background-size: contain;display:block;}
.tree span.i{background: url(i.png) no-repeat 0 0px;height: 17px;float:left; background-size: contain;display:block;}
.greybox label:first-child:before{content: "";position: absolute;right: -36px;top: -5px;width: 30px;height: 32px;background: url(sprite.png) no-repeat -89px 0px;}
.greybox label:nth-child(2):before {content: "";position: absolute;right: -36px;top: -5px;width: 30px;height: 32px;background: url(sprite.png) no-repeat -120px 0px;}
.greybox label:last-child:before {content: "";position: absolute;right: -36px;top: -5px;width: 30px;height: 32px;background: url(sprite.png) no-repeat -150px 0px;}


.accordion{padding: 0;list-style:none;}
.accordion li{padding: 0; margin-bottom: 3px;;}
.accordion  h3{font-size:19px; font-weight:500; padding:15px 25px; cursor:pointer;position:relative; margin: 0;}
.accordion  h3:before, table caption.accordion:before { content: ""; position: absolute; right: 18px; top: 14px; width: 30px; height: 32px; background: url(sprite.png) no-repeat -504px 0px;}
.accordion  .closed h3:before, table.closed caption.accordion:before { content: ""; position: absolute; right: 18px; top: 14px; width: 30px; height: 32px; background: url(sprite.png) no-repeat -538px 0px;}
table caption.accordion.neutral:before { background: url(sprite.png) no-repeat -503px 0px;}
table.closed caption.accordion.neutral:before { background: url(sprite.png) no-repeat -538px 0px;}
.accordion  .in{font-size:16px; font-weight:400; padding:40px 20px 16px 20px; }
.accordion  .in>ul.numerat>li{list-style-type: none; counter-increment: list; position: relative; margin: 0 0 20px 0;}
.accordion  .in>ul.numerat>li:before {    content: counter(list) ""; position: absolute; left: -2.3em; top: -2px; width: 2em; text-align: right; font-size: 30px; font-weight: 600;}
.accordion  .in .numerat li ul li{list-style-type: disc; counter-increment: none; margin: 5px 0}
.accordion  .in .numerat li ul  li:before {    content:"";}

.accordion  .in>ul>li{list-style-type: none; position: relative; margin: 0 0 20px 0;}
.accordion  .in>ul>li:before {    content:"."; position: absolute; left: -2.3em; top: -11px; width: 2em; text-align: right; font-size: 40px; font-weight: 600;}
.accordion  .in  li ul li{list-style-type: disc; counter-increment: none; margin: 5px 0}
.accordion  .in  li ul  li:before {    content:"";}


.cha th.c , .cha th.h , .cha th.a  {font-size: 19px; font-weight: 500; text-align: left;    position: relative;}
.cha td.c , .cha  td.h, .cha  td.a{padding:0 px 15px 15px 15px; }
.cha td.c , .cha  td.h{border-right:1px solid #ccc;}

.coneixements h2, .actituds h2, .habilitats h2{font-size:19px;  font-weight:400;}


span.cita{display: block; padding: 10px 15px; background-color: #ededed; color: #666; font-style: italic;  margin: 15px 0;}

/*menu*/

.mainmenu{position:relative;height:99px;float:right;}
#faqs{position:absolute;right:0;bottom:28px;display:block;width:41px;height:41px;text-indent:-10000px;overflow:hidden;}

#menu{position:absolute;top:99px;z-index:10;display:none;left: 51px;}
#mainmenu:hover #menu{display:block;}
#menu ol,#menu ol li{margin:0;padding:0;list-style:none;}
#menu a{display:block;padding:8px 14px;font-size:0.9em;line-height:1.15em;}
#menu li li li a{padding-left:36px;}

#menu ol>li>a{font-size:14px; font-weight:400; text-transform:uppercase; padding:9px 25px;border-top:1px solid #ccc;}
#menu ol>li.bases >a{color:#fff;  position: relative;background-color:#13BAE4; }
#menu ol>li.sequencia>a{color:#fff; position: relative;background-color:#48BB9F;}
#menu ol>li.eines>a{color:#fff;  position: relative;background-color:#57B960;}
#menu ol>li.dissenyar>a{color:#fff; position: relative;background-color:#798C3F;}
/*#menu ol>li:first-child>a:before{ content: ""; position: absolute; right: 18px; top: 14px; width: 21px; height: 42px; background: url(sprite.png) no-repeat -37px -64px;}
#menu ol>li:last-child>a:before{ content: ""; position: absolute; right: 18px; top: 14px; width: 33px; height: 42px; background: url(sprite.png) no-repeat -70px -64px;}*/

#menu .level-1>li a{font-size:14px; font-weight:600; color:#666; text-transform:none;background-color:white; padding:6px 10px 6px 25px; }
#menu li.bases>.level-1>li a:hover, li.proces>.level-1>li.active a{color:#13BAE4;}
#menu li.sequencia>.level-1>li a:hover, li.proces>.level-1>li.active a{color:#48BB9F;}
#menu li.eines>.level-1>li a:hover, li.proces>.level-1>li.active a{color:#57B960;}
#menu li.dissenyar>.level-1>li a:hover, li.proces>.level-1>li.active a{color:#798C3F;}

#menu .level-2>li>a{font-size:14px; font-weight:400;color:#666; text-transform:none; padding:5px 10px 5px 45px;}
#menu .level-2>li a:hover, #menu .level-2>li.active>a{color:black;}

#menu .level-3>li>a{font-size:14px; font-weight:400;color:#666; text-transform:none; padding:4px 10px 5px 65px;}
#menu .level-3>li a:hover, #menu .level-3>li.active>a{color:black;}

#menu .level-4{display:none;}

#content .torna-enrera{overflow: hidden;margin:15px 0 0 0; }
#content .back {width:40px; height:37px;float:left; text-indent:-9999em; margin:0; padding:0;}

.glossari .navigation{display:none;}
.glossari dt{font-weight:600;color:black;padding:30px 0 0 0;}
.glossari dd{padding:0 0 0 20px;}

.columnes-2, .columnes-3{overflow: hidden; padding:0; margin:0 0 50px 0;}
.columnes-2 li{float:left;width:40%; margin:0 5% 0 0; list-style-type:none;font-size:16px; color:#666;font-weight:400;padding:20px;}
.columnes-2 li h3, .columnes-3 li h3{ font-size:30px; font-weight:600;display: block; text-align: center;}
.columnes-2 li strong, .columnes-3 li strong{font-weight:600; font-size:13px; color:black;display: block; margin: 20px 0 0 0;}
.columnes-3 li{float:left;width:23.3%; margin:0 10% 0 0; list-style-type:none;font-size:19px; color:#666;font-weight:400;}

.columnes-2.bases li h3{color:#13BAE4;}
.columnes-2.proces li h3{color:#00E46E;}
.columnes-2.coneixements li h3{color:#1C7571;}
.columnes-2.habilitats li h3{color:#E46691;}
.columnes-2.actituds li h3{color:#EAC540;}
#content .destacat{font-weight:600; font-size:20px;    margin: 0 0 10px 0;}
.navigation  a.breadcrumb { text-indent: 0px;background-image:none;width: auto; display: initial;}

table.sistema{margin-bottom:30px;}
table.sistema,table.sistema tbody tr td:nth-child(4).empty, table.sistema tbody tr td:nth-child(5).empty{background-color:white;}
table.sistema thead tr:first-child th{background-color:#809CA7; color:white; text-transform:uppercase;text-align:center; font-size:14px;}
table.sistema thead tr:first-child th:first-child{background-color:#809CA7; color:white; text-transform:none;text-align:center; font-size:14px;font-weight:400;line-height:120%;}
table.sistema thead tr:last-child th{background-color:#fff; color:#809CA7; font-weight:400;font-size:14px;width:20%;line-height:120%; text-align:center;}
table.sistema tbody tr td:first-child{color:black; font-weight:400; font-size:14px;line-height:120%;}
table.sistema tbody tr td:first-child span{color:#809CA7; font-weight:600; font-size:18px; display:block;}
table.sistema tbody tr td:nth-child(2){background-color:#69D9E4;}
table.sistema tbody tr td:nth-child(3){background-color:#7EE4D6;}
table.sistema tbody tr td:nth-child(4){background-color:#85B5E5;}
table.sistema tbody tr td:nth-child(5){background-color:#809CA7;}
table.sistema tbody  td:not(:first-child) span{background: url(sprite.png) no-repeat -0px -124px; width:20px; height:20px; margin:0 auto; display:block;}
.ambmarges{margin:10px 0 30px 0; width:100%;height:auto;}
.no-ajustable{width:auto!important;}
.center{text-align:center;}

table.closed thead{display:none;}
table.closed tbody{display:none;}

.qtip-contentWrapper{border:2px solid #aaa !important;}
a.qtip-glossary{font-weight:500;display: initial; font-size: 100%; margin:0;padding:0;}
a.qtip-glossary:before{background:none;}

.general{display:inline-block; margin:0 30px 15px 0;float: left;}

/* tabs */
.tabs .item-list>ul {overflow: hidden; margin:0; padding:0; }

.tabs .item-list>ul li {display: block;float: left; padding: 0; list-style-type: none; box-sizing: border-box;font-size:20px; font-weight:400;padding:14px 50px; cursor:pointer;position:relative;}
.tabs .item-list>ul li.active, .tabs .item-list>ul li:hover {display: block;float: left; padding: 0; list-style-type: none; box-sizing: border-box; font-size:20px; font-weight:400;padding:14px 50px;}
.tabs .item-list>ul li:before{content: ""; position: absolute; left: 0; top: 0; width: 36px; height: 50px; background: url(sprite.png) no-repeat -564px -142px;}
.tabs .item-list>ul li.active:before, .tabs .item-list>ul li:hover:before{content: ""; position: absolute; left: 0; top: 0; width: 36px; height: 50px; background: url(sprite.png) no-repeat -563px -222px;}
.tabs-container  .tab-page>ul{position:relative;}
.tabs-container  .tab-page>ul li{list-style-type: none; counter-increment: list; position: relative;  margin: 0 0 20px 0;}
.tabs-container  .tab-page>ul li:before{display:none;}
.tabs-container  .tab-page.active >ul li:before{content: counter(list) "";position: absolute;left: -2.3em;top: -2px;width: 2em;text-align: right;font-size: 30px;font-weight: 600;display:block;}
.tabs .tabs-container{padding:30px;}
.tabs-container  .tab-page{text-indent:-9999em; height: 0px; font-size:0px;}
.tabs-container  .tab-page img{with:1px; height:1px;}
.tabs-container  .tab-page.active img{with:auto; height:auto; float: left; margin: 0 20px 20px 0;}
.tabs-container  .tab-page.active{text-indent:0em; height: auto;font-size:16px;    overflow: hidden;}
.tabs.dos .item-list>ul li  {width:50%;}
.tabs.tres .item-list>ul li  {width:33.33%;}
.tabs.cuatre .item-list>ul li  {width:25%;}
.tabs.cinc .item-list>ul li  {width:20%;}

p.llista-control{padding:0 70px 0 0;    margin: 0 0 1em 0;}

.subtitle{display: block;width: 100%;overflow: hidden;}
.subtitle h2{ float: left;  margin: 6px 0 0 0; line-height:1.5em;}

.contenido a.boto-word, .contenido a.boto-pdf{ text-transform:uppercase; display: inline-block; margin-right: 20px; width:54px;text-indent: -99999em; height: 67px; float:left;padding:0;}
p.descarregar-icones{color:#FF7E6D; font-size:14px;}
p.descarregar-icones:hover{color:#798C3F;}

ul.llista{overflow:hidden; margin: 20px 0; padding: 0;}
ul.llista>li{overflow: hidden;background-color:#809CA7; min-height: 112px;}
ul.llista li ul{ width: 80%; box-sizing: border:box; float: right; padding: 10px 20px; box-sizing: border-box; min-height: 128px;list-style: none;}
ul.llista li ul li{width:100%;background:none;color:#809CA7;margin:0 0 8px 0;}
ul.llista>li:nth-child(2){background-color:#85B5E5;}
ul.llista>li:nth-child(3){background-color:#69D9E4;}
ul.llista>li:nth-child(even)>ul{background-color:#f5f5f5;}
ul.llista>li:nth-child(odd)>ul{background-color:white;}
ul.llista li  span{color: white; text-transform: uppercase; font-size: 14px; font-weight: bold; padding: 45px 0; width: 20%;  box-sizing: border-box; text-align: center; display: inline-block;}

.contenido ul.llista-contingut>li{margin: 0 0 12px 0;}
.contenido ul.llista-contingut>li>ul{margin: 8px 0 0 0;}
.contenido ul.llista-contingut>li>ul>li{margin: 0 0 8px 0;}

.bolas{ display: inline-block;  height: 100%;  vertical-align: middle;}

.credits #right, .credits .navigation{display:none;}
.credits .principal{width:100%;}
.credits #wrapper {background: url(homebg.png) no-repeat right bottom;}
body.credits {background: #EBEBEB;}


@media only screen (min-width:768px) and (max-width:1024px){
	.home #maincontent .maxwidth {background-size: 31%!important;}
	.home  #content .menu-content .span_1_of_4 {width: 23.8%!important;}
	body, .activitat p, .activitat li, .bases td, #right .level-1>li a,.cha p.ex {font-size:13px;}
	h1{font-size:38px;}
	.contenido h2{font-size:23px;}
	.contenido>h2{font-size:18px;}
	.important {font-size: 17px;  margin: 38px 0;}
	#right ol>li>a, .cha th a, .cha td p, .columnes-2 li , .bases .neutral, .bases .c, .bases .h, .bases .a, .accordion h3{font-size: 15px;}
	.columnes-2 li h3, .columnes-3 li h3 , .accordion .in li:before{font-size: 30px;}
	.fwhite {font-size: 18px;}
	.estrategies thead .c, .estrategies thead .h, .estrategies thead .a, .c, .h, .a, .i, .d, .t {font-size: 10px; padding: 5px 10px;}
	.bases thead tr th, .bases td { padding: 5px 10px;}
	.principal a, .greybox label {font-size: 12px;}
	#content .estrategies td {padding: 2px 15px;}
	.bases thead tr , .accordion .in, .greybox p{ font-size: 14px;}
	.greybox label {margin: 0 46px 15px 0;display: block; width: 32%;}
	.tree .first, .tree .second { width: 48%;}
	.tree span{ height: 20px!important; width: 10px; float: none!important;}
	.tree .third li li {margin: 0px 0 37px 15px;}
	.tree .third li:nth-child(2) ul { background: url(linia.png) no-repeat 39px -172px;}
	.tree h5 .tipus {right: -105px;}
	.tree .third li {background: url(linies.png) no-repeat 15px -93px;}
	.tree .third li:last-child ul {background: url(linia.png) no-repeat 39px -367px;}
	.tree .first h3 .tipus, .tree .third h3 .tipus {top: 7px; right: 15px;}
	.toc { font-size: 20px; padding: 15px 0 36px 0; width: 130px;left: -94px;}
	#glossari{ font-size: 20px;padding: 15px 0 36px 0; width: 160px;    left: 47px;}
	#menu { left: -94px;}
	.navigation ul li.noftotal {font-size: 16px; padding: 8px 0px;float: left;}
	.navigation ul li{float:left;}
	.navigation .clicable a { text-indent: -99999em; font-size: 0;}
}

@media only screen and (max-width:767px){
	.home #maincontent .maxwidth {background: none!important;}
	.bases thead tr th, .bases td { padding: 5px 10px;}
	#content .estrategies td {padding: 2px 15px;}
	.greybox label {margin: 0 46px 9px 0;display: block; width: 39%;}
	.tree .first, .tree .second { width: 48%;}
	.tree .third li li {margin: 0px 0 44px 15px;}
	.tree .third li:nth-child(2) ul { background: url(linia.png) no-repeat 39px -145px;}
	.tree h5 .tipus {right: -105px;}
	.tree .third li {background: url(linies.png) no-repeat 15px -93px;}
	.tree .third li:last-child ul {background: url(linia.png) no-repeat 39px -350px;}
	.tree .first h3 .tipus, .tree .third h3 .tipus {top: 7px; right: 15px;}
	.tree .third span{ height: 20px!important; width: 0px; float: none!important;}
	.toc { padding: 15px 0 36px 0; width: 130px;left: 0px;}
	#glossari{ padding: 15px 0 36px 0; width: 177px;    left: 140px;}
	#menu { left: 0px;}
	.navigation ul li.noftotal {padding: 2px 0px;float: left;}
	.navigation ul li{float:left;}
	.navigation .clicable a { text-indent: -99999em; font-size: 0;}
	.home .menu-content .span_1_of_4{ width: 49%!important;}
	.columnes-2 li {width: 100%;}
	.columnes-2 li h3, .columnes-3 li h3 {text-align: left;}
	.principal a {font-size: 13px;    line-height: 110%;}
	.tree .first h5, .tree .second h5, .tree .third h5 { padding: 5px 10px;  width: 90%}
	.tree .third li:first-child li {margin: 0px 0 42px 15px;}
	.tree .third li { background: url(linies.png) no-repeat 15px -73px;}
}