body#body1{width:100%;padding: 0px;font:76% Arial,sans-serif;background: #CCCCFF url(../images/gradFondo.png) repeat-x 0 -5px;/*background: url(../images/pissarra525x500.jpg);*/color: #6666FF;}
body#body2{margin: 0;padding: 0;background: #FFFFFF;background-color: #346702;color: #222;text-align: center;
font: 85% "Lucida Sans Unicode",Arial,sans-serif}
h1,h2,p,h4,h5,h6,h7,h8,h9{margin: 0;padding: 0 10px;font-weight:normal}
h1,h4{text-align:center}
h5{font-family: "Trebuchet MS",Arial,sans-serif;margin: 0;padding: 0 10px;font-size: 125%;text-align:left}
p{padding: 0 10px 15px}
h1{font-family: "Trebuchet MS",Arial,sans-serif;font-size: 250%;color: #FFF;letter-spacing: 1px}
h2{font-family: "Trebuchet MS",Arial,sans-serif;font-size: 200%;line-height:1}
h3{font-family: "Trebuchet MS",Arial,sans-serif;font-size: 105%;line-height:1;float:center}
h4{font-family: "Trebuchet MS",Arial,sans-serif;font-size: 200%;color: #FFF;letter-spacing: 0.5px}
h6{font-family: "Trebuchet MS",Arial,sans-serif;font-size: 240%;color: #FFF;letter-spacing: 1px}
h7{font-family: "Trebuchet MS",Arial,sans-serif;font-size: 200%;color: #FFF;letter-spacing: 1px}
h8{font-family: "Trebuchet MS",Arial,sans-serif;font-size: 190%;color: #FFF;letter-spacing: 1px}
h9{font-family: "Trebuchet MS",Arial,sans-serif;font-size: 190%;line-height:1}

div#caixaESO{width:445px;margin: 0 auto;padding:5px;text-align:left;background:#FFF}
div#caixaBATX{width:445px;margin: 0 auto;padding:5px;text-align:left;background:#FFF}
div#caixaCF{width:450px;margin: 0 auto;padding:5px;text-align:left;background:#FFF}
div#cBATXHum{width:500px;margin: 0 auto;padding:5px;text-align:left;background:#FFF}
div#titolESO{background: #ffff00;padding: 10px;text-align:center}
div#titol4ESO{background: #ffff00;padding: 3px;text-align:center}
div#titolCR{background: #CCCCFF;padding: 1.5px;text-align:center}
div#titolBATX{background: #CCCCFF;padding: 5px;text-align:center}
div#titolCF{background: #99FF66;padding: 10px;text-align:center}
div#titolCFs{background: #66CC33;padding: 5px;text-align:center}
div#titolBATX h2{color: #FFF;font-size:220%}
div#titolCFs h1{color: #FFF;font-size:225%}
div#titolCFs h2{color: #FFF;font-size:200%}
div#titolCFs h6{color: #FFF;font-size:225%}
div#titolCFs h9{color: #FFF;font-size:190%}

div#oblig123ESO{font-size:105%;float:left;width:220px;height:231px;padding:10px 0;margin:5px 0;background: #FFCC33}
div#oblig123ESO h2{font-size: 160%;color: #cc3300;text-align:left}
div#oblig3ESO{font-size:105%;float:left;width:220px;height:248px;padding:10px 0;margin:5px 0;background: #FFCC33}
div#oblig3ESO h2{font-size: 160%;color: #cc3300;text-align:left}
div#oblig4{font-size:105%;float:left;width:220px;height:190px;padding:5px 0;margin:4px 0;background: #FFCC33}
div#oblig4 h5{font-size: 125%;color: #cc3300;text-align:left}

div#ocupa{font-size:105%;float:right;width:222px;height:351px;padding:10px 0px;margin:5px 0;background: #FFCC33}
div#ocupa h2{font-size: 140%;color: #cc3300;text-align:left}
div#moduls{font-size:105%;float:left;width:222px;height:351px;padding:10px 0px;margin:5px 0;background: #99FF66}
div#moduls h2{font-size: 140%;color: #336600;text-align:left}
div#moduls h3{font-size: 100%;color: #336600;text-align:left;margin:8px 0 0 0}

div#oblig1{font-size:105%;float:left;width:220px;height:366px;padding:5px 0 0 0;margin:5px 0;background: #FFCC33}
div#oblig1 h2{font-size: 200%;color: #cc3300;text-align:left}
div#oblig1 h5{font-size: 125%;color: #cc3300;text-align:left}

div#opta123ESO{font-size:105%;float:right;width:220px;height:231px;padding:10px 0;margin:5px 0;background: #6666FF}
div#opta123ESO h2{font-size: 160%;color: #000066;text-align:left}
div#opta3ESO{font-size:105%;float:right;width:220px;height:248px;padding:10px 0;margin:5px 0;background: #6666FF}
div#opta3ESO h2{font-size: 160%;color: #000066;text-align:left}
div#opta4{font-size:105%;float:right;width:220px;height:190px;padding:5px 0 0 0;margin:4px 0;background: #6666FF}
div#opta4 h5{font-size: 125%;color: #000066;text-align:left}

div#opta1{font-size:105%;float:right;width:220px;height:366px;padding:5px 0 0 0;margin:5px 0;background: #6666FF}
div#opta1 h2{font-size: 200%;color: #000066;text-align:left}
div#opta1 h5{font-size: 125%;color: #000066;text-align:left}

div#opcio1{font-size:105%;float:left;width:220px;height:120px;padding:5px 0 0 0;margin:2px 0;background: #CCCCFF}
div#opcio1 h3{font-size: 100%;text-align:left}
div#opcio1 h5{font-size: 120%;text-align:left}
div#opcio2{font-size:105%;float:right;width:220px;height:120px;padding:5px 0 0 0;margin:2px 0;background: #CCCCFF}
div#opcio2 h3{font-size: 100%;text-align:left}
div#opcio2 h5{font-size: 120%;text-align:left}
div#op11{font-size:100%;width:200px;height:50px;padding:5px 2px;margin:5px 10px 0;text-align:left;background: #FFFF00}
div#op12{font-size:100%;width:200px;height:50px;padding:5px 2px;margin:5px 10px 0;text-align:left;background: #FFFF00}
div#op13{font-size:100%;width:200px;height:50px;padding:5px 2px;margin:5px 10px 0;text-align:left;background: #FFFF00}
div#op14{font-size:100%;width:200px;height:50px;padding:5px 2px;margin:5px 10px 0;text-align:left;background: #FFFF00}

div#op1A{font-size:100%;width:190px;height:40px;padding:5px 2px;margin:20px 12px;text-align:center;background: #FFFF00}
div#op1A h3{color:#CC3300}
div#op1A h3 a{color:#FF9900;text-decoration:none}
div#op1A h3 a:hover{color:#CC3300}
div#op1B{font-size:100%;width:190px;height:40px;padding:5px 2px;margin:20px 12px;text-align:center;background: #FFFF00}
div#op1B h3{color:#CC3300}
div#op1B h3 a{color:#FF9900;text-decoration:none}
div#op1B h3 a:hover{color:#CC3300}
div#op2A{font-size:100%;width:190px;height:40px;padding:5px 2px;margin:20px 12px;text-align:center;background: #99FF66}
div#op2A h3{color:#336600}
div#op2A h3 a{color:#66CC33;text-decoration:none}
div#op2A h3 a:hover{color:#336600}
div#op2B{font-size:100%;width:190px;height:40px;padding:5px 2px;margin:20px 12px;text-align:center;background: #99FF66}
div#op2B h3{color:#336600}
div#op2B h3 a{color:#66CC33;text-decoration:none}
div#op2B h3 a:hover{color:#336600}

div#op01{font-size:115%;width:190px;height:258px;padding:5px 2px;margin:20px 12px;text-align:left;background: #FFFF00}
div#op01 h3{font-size:125%;color:#CC3300}
div#op01 h3 a{color:#FF9900;text-decoration:none}
div#op01 h3 a:hover{color:#CC3300}
div#op02{font-size:115%;width:190px;height:258px;padding:5px 2px;margin:20px 12px;text-align:left;background: #99FF66}
div#op02 h3{font-size:125%;color:#336600}
div#op02 h3 a{color:#66CC33;text-decoration:none}
div#op02 h3 a:hover{color:#336600}

div#op1C{font-size:100%;width:175px;height:45px;padding:2px 0px 0 0;margin:5px 0px;text-align:left;background: #FFFF00}
div#op1C h3{color:#CC3300}
div#op1C h3 a{color:#FF9900;text-decoration:none}
div#op1C h3 a:hover{color:#CC3300}
div#op1D{font-size:100%;width:175px;height:45px;padding:2px 0px 0 0;margin:5px 0px;text-align:left;background: #FFFF00}
div#op1D h3{color:#CC3300}
div#op1D h3 a{color:#FF9900;text-decoration:none}
div#op1D h3 a:hover{color:#CC3300}

div#batx1{font-size:105%;float:left;width:220px;height:200px;padding:10px 0;margin:5px 0;background: #FFCC00}
div#batx1 h2{color: #CC3300;text-align:center}
div#batx2{font-size:105%;float:right;width:220px;height:200px;padding:10px 0;margin:5px 0;background: #66CC33}
div#batx2 h2{color: #336600;text-align:center}

div#cr1{font-size:11px;float:left;width:220px;height:310px;padding:10px 0;margin:5px 0;background: #FFCC00}
div#cr1 h2{color: #CC3300;text-align:center}
div#cr2{font-size:11px;float:right;width:220px;height:310px;padding:10px 0;margin:5px 0;background: #66CC33}
div#cr2 h2{color: #336600;text-align:center}

div#CF1{font-size:105%;width:450px;height:250px;padding:10px 0;margin:5px 0;background: #66CC33}
div#CF1 h2{color: #336600;text-align:center}

div#opCF1{font-size:100%;width:240px;height:50px;padding:2px 2px;margin:40px 100px;text-align:left;background: #99FF66}
div#opCF1 h3{color:#336600;text-align:center}
div#opCF1 h3 a{color:#66CC33;text-decoration:none}
div#opCF1 h3 a:hover{color:#336600}
div#opCF2{font-size:100%;width:240px;height:50px;padding:2px 2px;margin:40px 100px;text-align:left;background: #99FF66}
div#opCF2 h3{color:#336600;text-align:center}
div#opCF2 h3 a{color:#66CC33;text-decoration:none}
div#opCF2 h3 a:hover{color:#336600}

div#cond{clear:both;background: #CCFF99;padding:5px 0;margin:5px 0;text-align:left}
div#condCF{clear:both;background: #FFCC33;padding:5px 0;margin:5px 0;text-align:left}
div#cond h2{font-size: 150%;text-align:center}
div#cond4{clear:both;background: #FFF;padding:0px 0;margin:0px 0;text-align:left}


ul.botoD,ul.botoD li{margin:0;padding:0;list-style-type:none}
ul.botoD li{width: 12.25em;font-size:140%;margin-right: 5px}
ul.botoD a{display:block;width:12.25em;padding:5px 0;font: bold 100% Verdana,Arial,sans-serif;
background: #CCFF99 url(../images/gradVerd.png) repeat-x 0 -5px;color: #669933;
text-decoration:none;text-align:center}
ul.botoD a:hover{background: #669933;color:#FFF;width:12.25em}
ul.botoC,ul.botoC li{margin:0;padding:0;list-style-type:none}
ul.botoC li{float:left;width: 6em;font-size:140%;margin-right: 0px}
ul.botoC a{display:block;width:6em;padding:5px 0;font: bold 100% Verdana,Arial,sans-serif;
background: #CCFF99 url(../images/gradVerd.png) repeat-x 0 -5px;color: #669933;
text-decoration:none;text-align:center}
ul.botoC a:hover{background: #669933;color:#FFF;width:6em}
ul.botoB,ul.botoB li{margin:0;padding:0;list-style-type:none}
ul.botoB li{float:left;width: 6em;font-size:140%;margin-right: 3px}
ul.botoB a{display:block;width:6em;padding:5px 0;font: bold 100% Verdana,Arial,sans-serif;
background: #CCCCFF url(../images/gradBlau.png) repeat-x 0 -5px;color: #6666FF;
text-decoration:none;text-align:center}
ul.botoB a:hover{background: #6666FF;color:#FFF;width:6em}
ul.postnav,ul.postnav li{margin:0;padding:0;list-style-type:none}
ul.postnav li{width: 12.25em;font-size:140%;margin-right: 5px}
ul.postnav a{display:block;width:12.25em;padding:5px 0;font: bold 100% Verdana,Arial,sans-serif;
background: #FFCC33 url(../images/gradGroc.png) repeat-x 0 -5px;color: #ff9933;
text-decoration:none;text-align:center}
ul.postnav a:hover{background: #ffcc33;color:#FFF;width:12.25em}

ul.inici{margin:0; margin-right:10px;padding:0}
ul.recursos{margin:0;margin-left:5px;padding:0}
ul.botodret{margin:0;margin-left:17px;padding:0}
ul.recursos2{margin:0;margin-left:10px;padding:0}

div#obligB{text-align:left;font-size:105%;float:left;width:247px;height:400px;padding:10px 0;margin:5px 0;background: #FFCC33}
div#obligB h2{font-size: 200%;color: #cc3300;text-align:left}
div#optaB{text-align:left;font-size:105%;float:right;width:247px;height:400px;padding:10px 0;margin:5px 0;background: #6666FF}
div#optaB h2{font-size: 200%;color: #000066;text-align:left}

div#comuns{font-size:105%;float:left;width:247px;height:220px;padding:10px 0;margin:5px 0;background: #FFCC00}
div#comuns h2{font-size: 200%;color: #cc3300;text-align:left}

ul#asigna,ul#asigna li{list-style-type:none;margin:0;padding:0}
ul#asigna{width: 480px;margin:5px 5px 5px 5px;text-align:left}
ul#asigna li{float:left;width: 200px; height:125px;
    padding:10px 10px 10px 10px;margin:8px 8px 8px 8px}
li#Acomuns{background: #FFCC33}
li#Acomuns h5{color: #cc3300}
li#Amodal{background: #FFFF00}
li#Amodal h5{color: #CC3300}
li#Aopta{background: #CCFF99}
li#Aopta h5{color: #669933}
li#AoptaModal{background: #6666FF}
li#AoptaModal h5{color: #000066}
ul#normal,ul#normal li{margin:0;padding:0}
ul#normal li{padding:auto;margin:auto}