/* Global ------------------------------------------------------------------*/ #template form, #template fieldset, #template h1, #template h2, #template h3, #template h4, #template h5, #template h6, #template p, #template pre, #template blockquote, #template ul, #template ol, #template dl, #template address {margin:0; padding:0} #template ul, #template li {list-style-type:none;} #template ol, #template ol > li{list-style:decimal} #template hr {clear:both; visibility:hidden} #template img {border:0; vertical-align: text-bottom;} #template a{outline:none} #template a > img{vertical-align:middle} /* Container table ------------------------------------------------------------------*/ body#template{font:.77em/1.2em "Trebuchet MS", arial, sans-serif; text-align:center; background-color:#F8FBEC} #template #wrapper{width:958px; margin:20px auto; text-align:left; background-color:white; border-left:1px solid #A2C212; border-top:1px solid #A2C212; border-right:1px solid #A2C212; position:relative} #template #wrapper > #border_tl, #template #wrapper > #border_tr, #template #wrapper > #border_bl, #template #wrapper > #border_br{position:absolute; width:20px; height:20px} #template #wrapper > #border_tl{top:-1px; left:-1px; background:url(../img/border_tl.png) no-repeat} #template #wrapper > #border_tr{top:-1px; right:-1px; background:url(../img/border_tr.png) no-repeat} #template #wrapper > #border_bl{bottom:0px; left:-1px; background:url(../img/border_bl.png) no-repeat} #template #wrapper > #border_br{bottom:-1px; right:-1px; background:url(../img/border_br.png) no-repeat} /*#template {text-align:left; margin:20px auto; border-collapse:collapse; width:958px; background-color:white; border:1px solid #A2C212}*/ /* Header ------------------------------------------------------------------*/ /*#template #header{border-bottom:1px solid white}*//*este borde es para kitar el borde inferior q aparece en opera*/ /*%% #template #header > div*/ #template #header div.relative{position:relative} #template #header h1 a {position:absolute; left:20px; top:-12px; width:106px; height:94px;} #template #header h1 span{position:absolute; left:140px; top:20px; width:178px; height:33px} #template #header object{position:absolute; left:140px; top:10px; width:460px; height:46px} #template #header #creadors {float:right; width:333px; font-size:.8em; color:#999; margin:20px; margin-right:5px; display:inline} #template #header #creadors li, #template #header #creadors p {float:left} #template #header #creadors li > a {margin:0 10px} /*#template #header #creadors li > a:after {content: "|"} #template #header #creadors li > a:first-child:after {content:""} #template #header #creadors li#educacio > a {width:166px; height:26px; background:url(../img/dep_educacio.png); } #template #header #creadors li#mitjans > a {width:117px; height:26px; background:url(../img/corp_mitjans.png); }*/ #template #header #cercador{clear:both; background:url(../img/cercador.png) no-repeat 18px 0; height:41px} #template #header #cercador.cerca #form-cercador{display:none} /*%% #template #header #cercador > a */ #template #header #cercador #cerca_av_desplega{float:right; height:20px; line-height:20px; padding-left:20px; background:url(../img/btcercarav-trans.png) no-repeat left; text-transform:uppercase; color:black; margin: 10px 30px; font-weight:bold} #template #header #cercador label{color:white; font-size:1.45em; float:left; margin-top:7px; margin-right:10px; height:22px; padding-bottom:6px} /*%% #template #header #cercador input[type="text"]*/ #template #header #cercador input.text{border:0; background:url(../img/inputcercar-trans.png) no-repeat; width:314px; height:19px; padding:2px 3px 0} /*%% #template #header #cercador input[type="image"]*/ #template #header #cercador input.image{vertical-align:middle} /*%% #template #header #cercador > form*/ #template #header #cercador form.top{margin:0 20px 0 225px; padding-top:4px} /*#template #header #cercadorav{display:none; width:900px; background:#f3f3f3 url(../img/cercadoravbg.png) no-repeat bottom; margin:0 20px 0 18px; padding:10px; color:#717276; position:absolute; top:106px; left:0; z-index:100}*/ #template #header #cercadorav{display:none; width:900px; background:#f3f3f3 url(../img/cercadoravbg.png) no-repeat bottom; margin:0 20px 20px 18px; padding:10px; color:#717276; overflow:hidden} #template #header #cercadorav_on{width:900px; background:#f3f3f3 url(../img/cercadoravbg.png) no-repeat bottom; margin:0 20px 0 18px; padding:10px; color:#717276; overflow:hidden} #template #header #cercadorav_on + #cercadoravbt{display:none} #template #header #cercadoravbt{background:url(../img/cercadorav.png) no-repeat; height:8px; margin:0 20px 0 18px} #template #header #cercadorav select, #template #header #cercadorav_on select{ display:block; margin-left:10px; margin-bottom:10px; } #template #header #idiomaS { width: 130px; } /*#template #header #cornerl{position:absolute; top:0; left:0; width:14px; height:14px; background:url(../img/corner1.png) no-repeat top left; margin-left:-1px; margin-top:-1px}*/ /* Titulos ------------------------------------------------------------------*/ #template h2{font-size:1.6em; line-height:26px; color:black; margin:0 auto 10px; font-weight:normal; margin-left:18px; clear:both; padding-bottom:5px; width:90%} #template h2.second{color:#83AE00; font-weight:normal; font-size:1.6em; margin:30px 0 0 0; line-height:1.2em; padding:0} #template h2.second:first-child{margin-top:25px} #template h2.sintematica{margin-left:0;} #template h2.condicions{margin-left:0; float:left; width:50%; clear:none !important;} #template h2.error{padding-left:45px; background:url(../img/error.png) no-repeat left top; min-height:26px; padding-top:12px; margin-left:0; margin-bottom:5px; line-height:1.1em} #template #recursos h3 a, #template #graella h3 a{color:black} #template h3 a:hover span, #template h3 a:active span{text-decoration:underline;} /* Enlaces ------------------------------------------------------------------*/ #template a:link, #template a:visited{text-decoration:none} #template a:hover, #template a:active{text-decoration:underline} /* Formularios ------------------------------------------------------------------*/ #template input, #template textarea, #template select{font:1em "Trebuchet MS", sans-serif} #template input[type="checkbox"], #template input[type="radio"] {cursor:pointer} #template #form-cercadorav label, #template #form-cercadorav input{display:block} #template #form-cercadorav input[type="radio"], #template #form-cercadorav input[type="radio"] + label{display:inline} #template #form-cercadorav input[type="text"]{width:270px; background:url(../img/inputca.png) no-repeat; margin-top:2px; margin-bottom:10px; border:none; height:21px; padding:1px 4px} #template #form-cercadorav input[type="image"]{float:right; clear:right;} #template #form-cercadorav > div{float:right; width:450px} #template #form-cercadorav > fieldset{float:right; width:129px; padding:0 15px; border:0;} #template #form-cercadorav > fieldset label{color:#717276; font-weight:bold;} #template #form-cercadorav > fieldset select{margin-left:0 !important; margin-top:5px;} #template #form-cercadorav > div > div{float:right; /*antes estaba comentado y tenia 450 de valor.*/width:430px;/*fin*/ margin-bottom:7px; padding:10px; background:#e5e5e5 url(../img/separador_formav.png) repeat-y 55% 0} #template #form-cercadorav > div > div > #filtre_ambit{width:180px; float:right} #template #form-cercadorav > div > div > #filtre_ambit > input[type="radio"], #template #form-cercadorav > div > div > #filtre_nivell > input[type="radio"]{margin-bottom:10px} #template #form-cercadorav > div > div > #filtre_ambit > input[type="radio"] + label, #template #form-cercadorav > div > div > #filtre_nivell > input[type="radio"] + label{color:#717276} #template #form-cercadorav .selectArea > .right > a{cursor:pointer;} /*#template #form-cercadorav > div .disabled div.selectArea{visibility:hidden}*/ /* Main ------------------------------------------------------------------*/ #template #main{width:657px; float:left; /*anadido para el rss. hay que ver si molesta algun elemento!!!*/position: relative; } #template #path{color:#83AE00; margin:10px 18px 20px; float:left; width:90%} #template #path a{color:#83AE00} #template #main a#rc_rss { color: #666; position: absolute; top: 55px; right: 25px; display: block; background: url("../img/rss-mini.png") no-repeat 0px 0px; padding-left: 25px; } #template .audiovisuals, #template .destacat{width:196px; padding-left:18px; padding-bottom:20px; float:left} #template .destacat{min-height:246px} #template .destacat > ul{background:url(../img/bgdestacat.png) repeat-y; padding-top:10px; margin-top:12px} #template .destacat > div{background:url(../img/bgdestacatpeu.png) no-repeat; height:35px; line-height:33px; text-align:right; padding-right:10px; margin-top:-1px} #template .destacat li{background-color:white; color:#698C00; margin:0 10px 1px; padding:10px} #template .destacat li em{color:#666; font-style:normal} #template .destacat li a{color:#698C00} #template .audiovisuals > div{width:196px; height:178px; background: url(../img/marc.png) no-repeat; margin-top:10px; margin-bottom:5px} #template .destacat > div a{padding-left:20px; background:url(../img/bullet.png) no-repeat left; font-size:.9em; color:#698C00} #template .audiovisuals h3 a, #template .audiovisuals h3 a:hover, #template .resultat h3 a, #template .resultat h3 a:hover{color:#83AE00; text-decoration:none} #template .destacat h3 a, #template .destacat h3 a:hover{color:#FF8B3E; font-weight:normal; text-decoration:none} #template .audiovisuals > h3, #template .destacat > h3, #template .resultat h3{line-height:1.1em; display:inline-block; font-size:1.4em; font-weight:normal} #template .destacat > h3, #template .resultat h3{font-size:1.7em} #template .audiovisuals > h3 > a > span, #template .destacat > h3 > a > span, #template h2 > span{margin-top:2px; /*float:left; display:block; width:auto;*/ margin-left:5px} #template .audiovisuals > h3 img, #template .destacat > h3 img, #template h2 > img{float:left; display:block; width:30px; height:26px;} #template h2 > img{margin-right:3px} #template .audiovisuals > div > a > img{margin:12px 12px 5px} #template .audiovisuals > div > .left{float:left; width:20px; margin-left:12px} #template .audiovisuals > div > .right{float:right; width:150px; text-align:right; margin-right:12px} #template .audiovisuals h4, #template .destacats h4{margin:0 5px 5px; font-size:1.05em} #template .destacats h4 a{color:#FF8B3E} #template .audiovisuals p{margin:0 5px} #template .audiovisuals h4 a {color:black} #template .destacat li h4 a{color:#FF8B3E} #template .audiovisuals p{color:#666} #template .audiovisuals p a{color:#666; line-height:1.1em} #template #avis{ margin:20px 8px 20px 18px; background-color:#F6F6F6; padding:20px; color:#666; } #template #avis div{ background-color:white; padding:10px; } #template #avis div h2{ margin-left:0; padding-left:50px; background:url(../img/avis.png) no-repeat left; min-height:36px; padding-top:15px; margin-bottom:5px; } /* recursos audiovisuals -----------------*/ #template #container, #template #containerbg{clear:both; margin:5px 18px 18px; color:#666} #template #containerbg{padding:20px} #template #containerbg{background-color:#E9F4CA} #template #container h3, #template #containerbg h3{color:#666; font-size:1.4em; padding:20px 0 10px} #template #container h3:first-child, #template #containerbg h3:first-child{padding-top:0} #template #containerbg #envia_recurs{display:block; width:138px; height:24px; text-indent:-9999px; float:right; background:url(../img/envia_recurs.png) no-repeat} #template #destacat-left{float:left; width:49%; border-right:1px solid #ddd} #template #destacat-right{float:right; width:49%} #template #destacat-left > div > p, #template #destacat-right > div > p{text-align:justify} #template #destacat-right + *{clear:both} #template #destacat-left small, #template #destacat-right small{font-size:.9em} #template #destacat-left p, #template #destacat-right p{font-size:1.05em} #template #destacat-left img, #template #destacat-right img{float:left; margin-right:10px; margin-bottom:10px} #template #destacat-left > div, #template #destacat-right > div{float:left; width:180px} #template #destacat-right a, #template #destacat-left a{color:#666} #template #containerbg .linksrec{border-top:1px solid #ddd; padding-top:10px; margin:10px 0} #template #containerbg .linksrec > div > p{text-align:justify} #template #containerbg .linksrec > div > p:first-child{text-align:left} #template #containerbg div.linksrec.first{margin-top:0} #template #containerbg .linksrec > img{float:left; margin-right:10px} #template #containerbg .linksrec > div{float:right; width:504px} #template #containerbg .linksrec > div > p:first-child{font-size:1.05em; margin-bottom:3px} #template #containerbg .linksrec > div > a{display:block; margin-top:10px} #template #containerbg .linksrec > div > a:link, #template #containerbg .linksrec > div > a:visited, #template #containerbg .linksrec > div > a:hover, #template #containerbg .linksrec > div > a:active{color:#698C00; text-decoration:underline} .paginador{background:url(../img/bg_paginador.png) no-repeat top; height:38px; line-height:32px; padding-left:25px; margin:20px 0; padding-top:5px} .paginador input, .paginador, .paginador a{margin:0 4px} .paginador select{margin:0 4px; margin-left:10px} .paginador input, .paginador select{font-size:.9em; } .paginador select{margin-bottom: 30px;} .paginador img{height:21px; margin-bottom:35px} .paginador input[type="text"]{width:30px; height:21px; border:none; background:url(../img/paginador_input.png) no-repeat; text-align:center} .paginador > *, .paginador > div > *{display:block; float:left} .paginador select{margin-left:10px} .paginador .pag-changenpag{width:57px; height:23px; text-indent:-9999px; background:url(../img/paginador_this.png) no-repeat; margin-top:-1px} .paginador span{margin-top:-5px} .paginador > div{width:255px; float:right; margin:0 15px 0 4px; display:inline} .paginador > div strong{color:#83AE00} /* programacio educativa -----------------*/ #template #programacio_dies li{width:68px; padding:4px 4px 4px 8px; float:left; margin:0 1px; background:url(../img/prog_dies_bg.png) repeat-x; color:black; line-height:1em} #template #programacio_dies li:hover, #template #programacio_dies li.current{ background:white;} #template #programacio_dies li a{color:black; text-decoration:none} #template .programaciotv{margin:20px 0; clear:both; background:url(../img/prog_bg.png) repeat-y top} #template .programaciotv > p{width:63px; float:left; color:white; padding:10px; font-size:.9em} #template .programaciotv > p > strong{font-size:1.1em} #template .programaciotv > ul{width:495px; float:left} #template .programaciotv > ul > li{clear:left} #template .programaciotv > ul .programa{width:415px; float:left; padding:10px; border-bottom:3px solid #e9f4ca} #template .programaciotv a.programa-detall{float:right;} #template .programaciotv > ul .programa > div{overflow:hidden} #template .programaciotv > ul .programa > div > p{text-align:justify} #template .programaciotv > ul .programa > div > h4 + p{margin-top:3px;} #template .programaciotv > ul .programa > div a{color:#698C00; text-decoration:underline} #template .programaciotv > ul .programa > div > p:first-child{text-align:left} #template .programaciotv > ul .programa > img{background-color:white; padding:3px; border:3px solid #eee; float:left; margin:0 10px 0 0} #template .programaciotv > ul .canal{width:33px; float:right; /* background:url(../img/prog_tv_bg.png) repeat-y top;*/ text-align:center; padding:10px} /* cerca -----------------*/ #template #container > p > strong{display:block; margin:0 0 10px 5px; font-size:1.1em; font-weight:normal; padding-top:-5px} #template .resultat{margin:20px 0; border-bottom:1px solid #eee; padding-bottom:20px} #template .resultat img.imgPreview { float: left; padding: 2px; background-color: #fff; border: 2px solid #eee; } #template .resultat > div.marc{width:88px; height:70px; background: url(../img/marc_cerca.png) no-repeat; margin:0 10px 10px 4px; float:left; display:inline; padding: 10px 10px 20px 7px; } #template .resultat > div.marc > a { display: block; width: 90px; margin: 0px 0px !important; padding: 0px 0px !important; height: 72px; float: left; } #template .resultat > div.marc > a > img{ margin: 0px 0px !important; padding: 0px 0px !important; } #template .resultat > div.marc > .left {float:left; width: 14px; height: 12px; margin: -3px 0px 0px 0px; padding: 0px 0px !important; } #template .resultat > div.marc > .left img { margin: 0px 0px !important; padding: 0px 0px !important; } #template .resultat > div.marc > .right{float:right; width:80px; text-align:right; margin-right:12px} #template .resultat > div.info{width:495px; float:right} #template .resultat > div.info h3 { width: 100%; } #template .resultat > div.info.wide{width:80%; float:right} #template .resultat > div.info > p{text-align:justify} #template .resultat a:link, #template .resultat a:visited, #template .resultat a:hover, #template .resultat a:active{color:#698C00} #template .resultat .ampliar{float:right; width:35%; text-align:right;} #template .resultat .ampliar a{padding-right:20px; background:url(../img/bullet.png) no-repeat right; color:#698C00} #template .resultat ul.left{width:60%; float:left;} #template .resultat ul.left li{margin-right:20px; display:inline;} #template .resultat ul.left li img{vertical-align:text-bottom} #template .info-bottom{border:1px solid red; float:left; width:100%;} #template .resultat > div.info > ul{ width: 100%; background-color:#f2f2f2; margin-bottom:10px; padding-bottom:3px; position:relative;} #template .resultat > div.info > ul > li{margin:2px; padding:8px; padding-right:10px; float:left; margin:0; font-weight:bold} #template .resultat > div.info > ul > li.area{clear:left; width:97%} #template .resultat > div.info > ul > li.exp{position:absolute; top:0; right:0;} #template .resultat > div.info > ul > li > span{display:block; float:left; padding:3px 10px 3px 0} #template .resultat > div.info > ul > li > em{font-weight:normal; font-style:normal; color:#999; background-color:white; display:block; float:left; padding:3px} #template .resultat > div.info > ul + p{clear:both} #template #filtre{border-top:1px solid #eee; clear:both;} #template #filtre > form{width:50%; margin:15px 0} #template .experiencia-add{float:right; width:121px; height:28px; line-height:28px; padding-left:30px; padding-right:0px; background:url(../img/experiencia-add.png) no-repeat; color:#698C00; margin-bottom:10px;} #template .img-left{margin:0 10px; float:left;} #template #experiencia-form{margin-top:20px} #template #experiencia-form > fieldset{padding:15px; float:left; width:600px; margin-bottom:15px; background-color:#f7f7f7; border:0;} #template #experiencia-form > fieldset > *{float:left; margin-bottom:15px;} #template #experiencia-form > fieldset label{width:200px; text-align:right; padding:2px 0; color:#333; font-weight:bold;} #template #experiencia-form > fieldset input, #template #experiencia-form > fieldset textarea{width:350px; margin-left:20px; border:1px solid #7F9DB9; padding:2px;} #template #experiencia-form > fieldset textarea{height:80px;} #template #experiencia-form > fieldset select{margin-left:20px} #template #experiencia-form .clear{clear:both} #template #experiencia-form .select-wrapper{clear:both;overflow: hidden; width:100%; margin:0px; height: 35px;} #template #experiencia-form .select-wrapper > *{float:left;} #template #experiencia-form > fieldset img{width:12px; margin-left:8px; padding-top:3px;} #template #experiencia-form > .left{width:49%; float:left; margin-bottom:20px;} #template #experiencia-form > .left img{vertical-align:top;} #template #experiencia-form > .right{width:39%; float:right; margin-bottom:20px;} #template #experiencia-form > .right.clear{text-align:right;} #template #experiencia-form > div p{margin-bottom:5px;} #template #experiencia-form > div a:link, #template #experiencia-form > div a:visited, #template #experiencia-form > div a:hover, #template #experiencia-form > div a:active{color:#698C00} /* guia didactica / consulta experiencies -----------------*/ #guia-didactica, #consulta-exp{float:left; width:100%; background-color:#f2f2f2; padding-bottom:10px} #guia-didactica img{float:left; background:white; padding:6px; margin:10px; display:inline;} #guia-didactica a.guardar{clear:left; float:left; margin:10px 0 20px 75px; display:block; width:72px; height:28px; background:url(../img/guardar-video.png); text-indent:-9999px; display:inline;} #guia-didactica ul{float:right; margin:10px; width:355px; display:inline; padding:0} #consulta-exp ul{margin:10px} #guia-didactica li, #consulta-exp li{margin-bottom:5px; width:100%; float:left} #guia-didactica li strong, #consulta-exp li strong{color:black; float:left; display:inline; width:110px; padding-top:5px} #consulta-exp li strong{width:125px} #guia-didactica li em, #consulta-exp li em{color:#999; background-color:white; display:inline; padding:3px 2px; width:225px; padding:5px; float:right; font-style:normal} #consulta-exp li em{width:455px} /* hacer que los links no salen del contenido si no llevan espacio ninguno */ #guia-didactica li em a, #consulta-exp li em a { display: block; width: 450px; padding-bottom: 3px; overflow: hidden; } /* mapa web -----------------*/ #mapaweb{float:left; width:100%; background-color:#ececec;} #mapaweb > ul{margin:20px;} #mapaweb > ul > li{width:100%; float:left; margin-bottom:20px;} #mapaweb > ul > li > div{background-color:white; padding:10px; overflow:hidden; _height:1%;} #mapaweb > ul > li > div > ul{margin-top:10px; margin-left:10px; overflow:hidden; width: 850px;} #mapaweb > ul > li > div > ul > li{float:left; margin-bottom:8px; margin-right:12px; white-space:nowrap} /*#mapaweb > ul > li > div > ul > li > img{margin-right:2px;}*/ #mapaweb h3{font-size:1.3em !important; color:black !important;} #mapaweb a:link, #mapaweb a:visited, #mapaweb a:hover, #mapaweb a:active{color:#666;text-decoration:underline;} /* glossari -----------------*/ #glossari{float:left; width:100%; background-color:#ececec;} #glossari > ul{margin:20px;} #glossari > ul > li{width:100%; float:left; margin-bottom:20px;} #glossari > ul > li > div{background-color:white; padding:10px; overflow:hidden; _height:1%; margin-top:10px;} #glossari > ul > li > div > ul > li{margin-bottom:10px;} #glossari > ul > li > div > ul > li > img{margin-right:2px;} #glossari h3{font-size:1em !important; color:#454545 !important; padding:0 !important; margin-top:5px !important;} #glossari a:link, #glossari a:visited, #glossari a:hover, #glossari a:active{color:#666;text-decoration:underline;} /* fitxa audiovisual -----------------*/ /*#template #fitxa{width:240px; float:right} #template #fitxa > #fitxa-ampliar, #template #fitxa > #fitxa-reduir, #template #fitxa-descarregar, #template #fitxa-ajuda, #template #fitxa-enviar, #template #fitxa-imprimir, #template #fitxa-print{display:block; float:right; color:#999; padding-left:42px; line-height:34px; height:34px; margin-left:15px; margin-bottom:8px; font-weight:bold; background:url(../img/ico_fitxa_a+.png) no-repeat left} #template #fitxa-reduir{background:url(../img/ico_fitxa_a-.png) no-repeat left} #template #fitxa-descarregar{margin-left:0; clear:both; float:left; clear:both; background:url(../img/ico_fitxa_download.png) no-repeat left} #template #fitxa-ajuda{float:left; background:url(../img/ico_fitxa_help.png) no-repeat left} #template #fitxa-enviar{background:url(../img/ico_fitxa_send.png) no-repeat left} #template #fitxa-imprimir, #template #fitxa-print{background:url(../img/ico_fitxa_print.png) no-repeat left} #template #web-programa{padding-left:20px; background:url(../img/bullet.png) no-repeat left; font-size:.9em; color:#698C00} #template #fitxa > div{clear:both; min-height:280px; margin:8px 0; background: #f3f3f3 url(../img/fitxa_bottom.png) no-repeat bottom; padding-bottom:25px;} #template #fitxa > div > ul{background:url(../img/fitxa_bg.png) repeat-y; padding:10px 10px;} #template #fitxa > div li{margin-bottom:5px} #template #fitxa > div li > strong{color:black; float:left; width:65px} #template #fitxa > div li > em{color:#999; background-color:white; padding:3px 2px; width:138px; float:right; font-style:normal}*/ #template .fitxa-accions{margin-bottom:10px; margin-top:-5px; overflow: hidden; } #template .fitxa-accions ul{ width: 100%; overflow:hidden; _height:1%;float: right; position: relative; } #template .fitxa-accions li{float:right; margin-left:5px; } #template .fitxa-accions li.accions-tornar{width:60px} #template .fitxa-accions li.accions-tornar a.tornar{margin:4px 0 0; cursor: pointer;} #template .fitxa-accions ul li.socials { margin-left: 15px; margin-right: 5px; padding: 2px 3px; float: right; } #template .fitxa-accions ul li.socials a { color: #698C00; float: left; margin-right: 5px; line-height: 1.4em; font-weight: normal; } #template .fitxa-accions ul li.socials a img { padding-bottom: 3px; } #template .fitxa-accions ul li.actions { float: none; position: absolute; top: 0px; left: 0px; } #template .fitxa-accions ul li.actions ul { float: none; } #template .fitxa-accions ul li.actions ul li { float: left; margin-left: 0px; margin-right: 5px; } #template #fitxa{width:619px;} #template #fitxa .bg{background:url(../img/caixa_fitxa_top.png) no-repeat; overflow:hidden; _height:1%;} #template #fitxa .wide{width:575px; float:left; margin-left:23px; display:inline; margin-top:28px;} #template #fitxa .titol{background:#333 url(../img/fitxa-titulo-bg.png) repeat-x top; padding:10px; color:#fff; margin-bottom:10px; overflow:hidden; _height:1%;} #template #fitxa .wide .titol{margin-bottom:0;} #template #fitxa .titol img{float:right; margin:-6px -6px -6px 10px;} #template #fitxa .titol p{margin:0 0 2px 0; font-size:1.1em; font-weight:bold;} #template #fitxa .titol em{font-style:normal; color:#D6EB99;} #template #fitxa .wide ul{margin-top:15px; width:100%; float:left;} #template #fitxa ul li.area{} #template #fitxa ul li.escondido{overflow:hidden; width:90%; padding-right:10%;} #template #fitxa ul li a.area-detall{position:absolute; top:2px; right:0;} #template #fitxa ul li.last{border-bottom:0;} #template #fitxa .pie{clear:both; height:40px; padding:20px 15px; background:url(../img/caixa_fitxa_bottom.png) no-repeat;} #template #fitxa .pie .guardar{float:right; margin-top:7px;} #template #fitxa .pie p{color:#757575; padding-top:15px;} #template #fitxa .pie a{color:#404040; text-decoration:underline;} #template .caixa{clear:both; margin:10px 0 10px; padding:10px; background-color:#f8f8f8; border:1px dashed #d5d5d5; color:#404040; line-height:1.3em} #template .caixa > p{text-align:justify} #template .caixa > h4{color:#686868; font-size:1.4em; line-height:1.2em; margin-bottom:10px} #template #web-programa{margin-bottom:10px; overflow:hidden; _height:1%;} #template #web-programa a{padding-right:20px; background:url(../img/bullet.png) no-repeat right; font-size:.9em; color:#698C00; float:right;} #template .intro-code p{margin-bottom:5px;} #template .intro-code strong{margin:0; color:black; font-weight:bold;} #template .intro-code textarea{width:600px; margin:10px 0; border:1px solid #7F9DB9; padding:2px; color:#999; font-size:.9em;} #template #audiovisuals_rel li{background-color:white; color:#698C00; margin:0 10px 1px; padding: 0 10px} #template #audiovisuals_rel li > img{float:left; margin-right:10px; margin-left:-10px} #template #audiovisuals_rel li > div{float:left; margin-top:10px; width:185px} #template #audiovisuals_rel li em{color:#666; font-style:normal} #template #audiovisuals_rel li a{color:#698C00} #template #audiovisuals_rel h3{font-size:1.05em; border-bottom:1px dashed #ccc; padding-bottom:3px; margin-bottom:4px} #template #audiovisuals_rel li h3 a{color:black} /* plana text -----------------*/ #template #text{clear:both; margin:5px 18px 18px; padding:20px; color:#454545; background-color:#f5f5f5} #template #text a {color:black; text-decoration: underline} #template #text ol{margin-bottom:25px; font-weight:bold} #template #text ul{margin-bottom:25px; margin-left: 20px} #template #text ul li{font-weight:normal} #template #text ul ul, #template #text ol ol{padding-top:10px} #template #text ol.romans, #template #text ol.romans li{ list-style:upper-roman; } #template #text ol.lletres, #template #text ol.lletres li{ list-style:lower-alpha; } #template #text ul, #template #text ul li{ list-style:disc; } #template #text h2{font-size:1.4em; color:black} #template #text h3{font-size:1.2em; color:black; margin-top:20px} #template #text h4{font-size:1.1em; color:black} #template #text p{margin-top:10px; margin-bottom:15px; text-align:justify; font-weight:normal} #template #text ol > li{margin-left:20px} #template #text ul > li{margin-bottom:5px} #template .tornar{float:right; color:#698C00; text-decoration:underline; display:inline; margin-right:15px; margin-top:10px; clear:both; padding-left:19px; background:url(../img/tornar.png) no-repeat;} /* webmap -----------------*/ #template #webmap{clear:both; margin:5px 18px 18px; padding:20px; color:#666; background-color:#f5f5f5} #template #webmap > ul ul{margin-left:30px;} #template #webmap li{padding:5px;} #template #webmap > ul > li > ul > li{padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #ccc; font-weight:bold} #template #webmap a:link, #template #webmap a:visited, #template #webmap a:hover, #template #webmap a:active{text-decoration:underline; color:#666} /*#template #webmap > ul.childs{padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #ccc} #template #webmap > ul.childs > li{padding:5px 0}*/ #template #webmap > ul strong{font-size:1.1em} /*#template #webmap > ul.childs > li{padding-left:10px} #template #webmap > ul.childs > li:first-child{padding-left:0}*/ /* fitxa audiovisual en versio impressio -----------------*/ #template.fitxa-audiovisual-print {font-size:.85em; background-color:white} #template.fitxa-audiovisual-print h3{font-size:1.3em; margin-bottom:20px; font-weight:normal; line-height:1.1em} #template.fitxa-audiovisual-print #wrapper{width:958px; margin:20px auto; text-align:left; border:none} #template.fitxa-audiovisual-print #wrapper #header img{float:left; margin:0;} #template.fitxa-audiovisual-print #header h2{width:auto; margin:0; clear:none; padding:20px 0 5px} #template.fitxa-audiovisual-print #wrapper #header h2 img{float:left;} #template.fitxa-audiovisual-print #header #fitxa-print{font-size:.8em; float:right; color:#999; background:url(../img/imprimir.png) no-repeat left 90%; padding:25px 0 5px 25px;} #template.fitxa-audiovisual-print #header div{clear:left; border-bottom:1px dashed #ccc; margin-bottom:25px; padding-top:15px;} #template.fitxa-audiovisual-print p{margin-bottom:15px; text-align:justify} #template.fitxa-audiovisual-print #wrapper img{float:left; margin-right:15px; margin-bottom:15px} #template.fitxa-audiovisual-print ul{margin-top:20px; padding-top:15px; border-top:1px dashed #ccc} #template.fitxa-audiovisual-print ul li{margin-bottom:5px} /* Tabs -----------------*/ #template #tabs{margin-bottom:20px;} #template #tabs ul{overflow:hidden; _height:1%; border-bottom:1px solid #ddd;} #template #tabs ul li{float:right;} #template #tabs ul li a{display:block; width:154px; height:23px; background:url(../img/tab.png); padding-top:13px; text-transform:uppercase; color:black; text-decoration:none; font-weight:bold; text-align:center;} #template #tabs ul li.current a{background:url(../img/tab-on.png);} /* Column ------------------------------------------------------------------*/ #template #second{width:295px; float:left; border-left:1px solid #eee} #template #rss{margin-left:15px; margin-top:30px; margin-bottom:0px; overflow:hidden; _height:1%;} #template #rss a:link, #template #rss a:visited, #template #rss a:hover, #template #rss a:active{float:left; color:#666; margin-right:5px;} #template #rss a span{color:#83AE00;} /* #template #recursos li.current{background-color:#E9F4CA; padding-bottom:5px} #template #recursos li.current > h3 img{position:absolute; top:300px; right:265px} */ #template #recursos{display:none} #template #resumen-recursos{ margin:10px 15px 5px 15px; } #template .secondSubDesc { margin:10px 15px 5px 15px; color: #666; } #template .secondTitleDesc { margin: 0px 0px 10px 20px; color: #000; } #template #toggle-recursos{margin:10px 15px; display:block;} #template #toggle-recursos img{width:14px; height:14px;} #template #toggle-recursos a:link span, #template #toggle-recursos a:visited span{color:#666; text-decoration:underline;} #template #toggle-recursos a:hover, #template #toggle-recursos a:active{text-decoration:none;} #template #toggle-recursos a:hover span, #template #toggle-recursos a:active span{color:#666; text-decoration:underline;} #template #recursos li{margin-bottom:10px;} #template #recursos li h3{clear:left; float:left; width:30px; overflow:hidden} #template #recursos li h3 a{margin-top:0;} #template #recursos li.current{background-color:#E9F4CA; padding-bottom:5px; /*position:relative; z-index:1*/} #template #recursos li.current > h3 img{/*position:absolute; top:5px; left:-10px*/position:relative; width:30px; height:26px;} #template #recursos li.current > h3 > a > span{font-size:1.2em; font-weight:normal; line-height:1em} #template #recursos p a{color:#666} #template #professors{width:265px; height:55px; margin:10px 0; background:url(../img/professors.png) no-repeat; /*position:relative;*/} #template #professors.in{padding:10px; width:245px; height:35px} #template #professors.in strong{font-size:1.1em} #template #professors a#professors_ajuda{/*position:absolute; right:12px; bottom:12px;*/ float:right; margin-top:30px; margin-right:10px; color:#83AE00; text-decoration:underline} #template #professors.in a#professors_ajuda{margin-right:0; margin-top:-10px} #template #professors a#professors_acces{float:left; width:150px; padding-left:20px; background:url(../img/bullet.png) no-repeat left; margin-left:20px; margin-top:20px; color:#505050; text-transform:uppercase; font-weight:bold} #template #recursos h3 > a{text-decoration:none; display:block; margin:15px auto 0} #template #recursos h3 > a > img{float:left; display:block; width:30px} #template #recursos h3 > a > span{margin-top:5px; margin-left:40px; padding:5px 0; display:block} #template #recursos h3+p{margin-left:40px;} #template #recursos li.current h3+p{border-top:1px solid #ddd} #template #graella{margin-bottom:30px} #template #graella li{margin-top:25px; position:relative;} #template #graella li.current{background-color:#E9F4CA; padding:8px} #template #graella li.current img+div{border-top:1px solid #ddd} #template #graella li.current h3{text-indent:0; font-size:1.6em; font-weight:normal; padding-left:40px; margin-left:-20px; padding-top:10px; margin-bottom:-10px} #template #graella li.current h3.tv3{background:url(../img/icotv3_current.png) no-repeat; height:30px} #template #graella li.current h3.catradio{height:22px} #template #graella h3{text-indent:-9999px} #template #graella li:first-child{margin-top:15px} #template #graella h3.tv3{width:24px; height:20px; background:url(../img/icotv3.png) no-repeat} #template #graella h3.catradio{width:56px; height:22px; background:url(../img/icocatradio.png) no-repeat} #template #graella img{float:right; background-color:white; padding:3px; border:3px solid #eee; margin-top:10px; margin-left:10px; margin-bottom:5px; display:block} #template #graella p{border-top:1px solid #eee; margin-top:5px; color:#666; padding-top:3px} #template #graella em{display:block; font-style:normal; color:#83AE00; margin:5px 0; font-size:.9em} #template #graella a{padding-right:20px; background:url(../img/bullet.png) no-repeat right; font-size:.9em; color:#698C00; position:absolute; top:5px; right:0;} #template #promocio{margin-top:30px; text-align:center; margin-bottom:20px} #template #promocio > p{text-align:left; font-size:.85em; color:#BCBCBC} #template h2.second, #template #professors, #template #recursos, #template #graella, #template #promocio{margin-left:15px; margin-right:15px} /* Pie ------------------------------------------------------------------*/ #template #footer{border-top:1px solid #eee; clear:both; border-bottom:1px solid #A2C212; height:118px} #template #footer ul.logos {height:50px; background:url(../img/patrocinadors-bg.png) repeat-x; position:relative; border-left:1px solid white; border-right:1px solid white; text-align:center;} #template #footer ul.logos li {display:inline; margin-right:20px;} #footer ul.blocs { overflow: hidden; height: 51px; border: 1px solid #fff; width: 938px; background-color: #83AE00; padding: 15px 0px 0px 18px; } #footer ul.blocs li { float: left; width: } #footer ul.blocs li a { color: #fff; font-size: 0.9em; } #footer ul.blocs li.list { width: 520px; margin: 0px 10px 10px 0px; } #footer ul.blocs li.listS { width: 300px; margin: 0px 10px 10px 0px; } #footer ul.blocs li strong { display: block; height: 18px; line-height: 1.4em; font-size: 0.8em; text-transform: uppercase; float: left; background: url("../img/footer_titles_left.png") no-repeat 0px 0px; } #footer ul.blocs li strong span { display: block; padding: 0px 3px; color: #83AE00; background: url("../img/footer_titles_right.png") no-repeat right 0px; } #footer ul.blocs li ul { float: left; margin-left: 30px; } #footer ul.blocs li ul li { margin-right: 10px; } #footer ul.blocs li ul li a img { margin-right: 5px; } #footer p { position: absolute; bottom: 10px; right: 15px; z-index: 9999; color: #fff; font-size: 0.9em; } /*#template #footer > ul > li > a{display:block; height:50px; text-indent:-9999px; position:absolute; top:0} #template #footer > ul > li#edu365 > a{width:127px; left:106px} #template #footer > ul > li#xtec > a{width:120px; left:347px} #template #footer > ul > li#tv3 > a{width:80px; left:575px} #template #footer > ul > li#cat_radio > a{width:70px; left:780px}*/ /*#template #footer > div{margin:0 1px 1px; background-color:#83AE00; padding:10px; color:white; font-size:.9em; margin:0 1px 1px; border-left:1px solid #A2C212; border-right:1px solid #A2C212; height:15px} #template #footer > div > ul{float:right} #template #footer > div > ul > li{float:left; margin-right:6px; display:inline} /*anadido para dar un margen en las imagenes de los links del footer #template #footer > div > ul > li img { margin-right: 5px; } #template #footer > div > ul > li:after{content:" | "} #template #footer > div > ul > li.last:after{content:""} #template #footer > div > ul > li a:link, #template #footer > div > ul > li a:visited, #template #footer > div > ul > li a:hover, #template #footer > div > ul > li a:active{ color:white; padding-right:4px; } #template #footer > div p{margin-left:12px} #template #footer > div p em{color:#ccc} */ /* Clases ------------------------------------------------------------------*/ .clear {clear:both} .hidden{display:none} .clearfix:after, #template .audiovisuals > h3:after, #template .destacat > h3:after, #template h2:after, #template #containerbg:after, #template #destacat-left:after, #template #destacat-right:after, #template #containerbg .linksrec:after, #template .programaciotv:after, #template #programacio_dies:after, #template .resultat > div.info > ul:after, #template .resultat:after, #template #fitxa > div li:after, #template #audiovisuals_rel li:after, #template #webmap:after, #template #graella li > div:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix, #template .audiovisuals > h3, #template .destacat > h3, #template h2, #template #containerbg, #template #destacat-left, #template #destacat-right, #template #containerbg .linksrec, #template .programaciotv, #template #programacio_dies, #template .resultat > div.info > ul, #template .resultat, #template #fitxa > div li, #template #audiovisuals_rel li, #template #webmap, #template #graella li > div{display:inline-block} #template #graella li > div{ width: 100%; } /*Forms defaults*/ #template label { color:#999; padding-left:2px; line-height:15px; vertical-align:top; } #template label.chosen { color:#333; } /*.video{border:1px solid #ccc}*/ #mensajes{margin-top:20px; background:#ffc; color:black; padding:10px; border:1px solid #ccc;} #mensajes.ko{color:#991E23;} /* COMENTAR PARA VER CON IMAGENES EN EL CONTENIDO */ #widgetsMenu li { width: 154px; height: 32px; float: left; margin-right: 4px; background: url("../img/widgetsCatsButtons.png") no-repeat 0px -32px; margin-bottom: 5px; } #widgetsMenu li a { font-size: 0.9em; display: block; padding: 8px 0px 0px 8px; color:#698C00; height: 24px; width: 146px; } #widgetsMenu li.current a, #widgetsMenu li a:hover { text-decoration: none; background: url("../img/widgetsCatsButtons.png") no-repeat 0px 0px; } #widgetsMenu li.current a { color: #000; font-weight: bold; } #widgetsMenu li a img { margin-right: 8px; } /* FIN */ /* DESCOMENTAR PARA VER SIN IMAGENES EN EL CONTENIDO #widgetsMenu li { width: 154px; height: 32px; float: left; margin-right: 4px; background-image: url("../img/cats_buttons.png"); background-repeat: no-repeat; margin-bottom: 5px; } #widgetsMenu li a { font-size: 0.9em; display: block; padding: 10px 0px 0px 40px; color: #698C00; height: 20px; width: 115px; } #widgetsMenu li a.current { color: #000; font-weight: bold; } #widgetsMenu li a, #widgetsMenu li a:hover, #widgetsMenu li a.current:hover { text-decoration: none; } #widgetsMenu li.eduCat { background-position: -2px -4px; } #widgetsMenu li.eduLLiLi { background-position: -2px -110px; } #widgetsMenu li.eduCS { background-position: -2px -145px; } #widgetsMenu li.eduEduFi { background-position: -2px -180px; } #widgetsMenu li.eduCN { background-position: -2px -38px; } #widgetsMenu li.eduMath { background-position: -2px -215px; } #widgetsMenu li.eduTut { background-position: -2px -250px; } #widgetsMenu li.eduEduArt { background-position: -2px -285px; } #widgetsMenu li.eduTech { background-position: -2px -73px; } #widgetsMenu li.eduBloc { background-position: -2px -320px; } #widgetsMenu li.eduCat a:hover, #widgetsMenu li.eduCat a.current:hover { background: url("../img/cats_buttons.png") no-repeat -162px -4px; } #widgetsMenu li.eduLLiLi a:hover, #widgetsMenu li.eduLLiLi a.current:hover { background: url("../img/cats_buttons.png") no-repeat -162px -110px; } #widgetsMenu li.eduCS a:hover, #widgetsMenu li.eduCS a.current:hover { background: url("../img/cats_buttons.png") no-repeat -162px -145px; } #widgetsMenu li.eduEduFi a:hover, #widgetsMenu li.eduEduFi a.current:hover { background: url("../img/cats_buttons.png") no-repeat -162px -180px; } #widgetsMenu li.eduCN a:hover, #widgetsMenu li.eduCN a.current:hover { background: url("../img/cats_buttons.png") no-repeat -162px -38px; } #widgetsMenu li.eduMath a:hover, #widgetsMenu li.eduMath a.current:hover { background: url("../img/cats_buttons.png") no-repeat -162px -215px; } #widgetsMenu li.eduTut a:hover, #widgetsMenu li.eduTut a.current:hover { background: url("../img/cats_buttons.png") no-repeat -162px -250px; } #widgetsMenu li.eduEduArt a:hover, #widgetsMenu li.eduEduArt a.current:hover { background: url("../img/cats_buttons.png") no-repeat -162px -285px; } #widgetsMenu li.eduTech a:hover, #widgetsMenu li.eduTech a.current:hover { background: url("../img/cats_buttons.png") no-repeat -162px -73px; } #widgetsMenu li.eduBloc a:hover, #widgetsMenu li.eduBloc a.current:hover { background: url("../img/cats_buttons.png") no-repeat -162px -320px; } */ #widgetHowTo { overflow: hidden; background-color: #F2F8DE; width: 230px; margin: 10px auto 0px auto !important; padding: 0px 0px 10px 0px !important; } #widgetHowTo li { border-bottom: 1px solid #D8E99B; margin: 0px 15px; padding: 20px 0px; } #widgetHowTo li h3 { color: #6C9100; font-size:1.3em; font-weight: bold; margin-bottom: 10px; } #widgetHowTo .howto1 { background: url("../img/giny_howto_1.png") no-repeat 170px 10px; } #widgetHowTo .howto2 { background: url("../img/giny_howto_2.png") no-repeat 0px 95px; padding-bottom: 135px !important; } #widgetHowTo .howto3 { background: url("../img/giny_howto_3.png") no-repeat -3px 75px; padding-bottom: 110px !important; border: none; } #widgetHowTo .howto3 .socials { padding-top: 120px; } #template h2.subTitle { font-size: 1.35em; margin: 10px 0px 0px; } #smallTabs { width: 146px; height: 21px; background: url("../img/smallTabsBack.png") no-repeat 0px 0px; margin: 12px 0px 0px 100px !important; } #smallTabs li { float: left; margin: 3px 0 0 22px; } #smallTabs li a { font-weight: bold; color: #fff; font-size: 0.8em; } #ginyList { background-color: #F5F5F5; padding: 20px; overflow: hidden; } #ginyList div.cont { background-color: #fff; overflow: hidden; clear: both; display: block; width: 100%; } #ginyList div.left { width: 180px; padding: 15px; float: left; background-color: #fff; text-align: center; } #ginyList div.right { width: 350px; float: right; padding: 15px; background-color: #fff; text-align: center; } #ginyList div.publish { background-color: #F5F5F5; float: right; padding:0px 0px 35px 15px; text-align: right; width: 195px; } #template #container #ginyList div.publish h3 { text-align: left; font-size: 1.05em; color: #000; } #ginyList div object, #ginyList div embed {margin-bottom: 15px;} #ginyList div .left a, #ginyList div .right a, #ginyList div.publish a.copyCode { background: url("../img/giny_button_small.png") no-repeat 0px 0px; font-weight: bold; color: #333; font-size: 1em; padding: 8px 14px 8px 13px; text-align: center; } #ginyList div.publish a.copyCode { padding: 4px 8px 8px 10px; text-transform: uppercase; background: url("../img/giny_button_small2.png") no-repeat 0px 0px; } #ginyList div.publish textarea { border: 1px solid #ccc; width: 192px; height: 90px; font-size: 0.9em; color: #999; margin-bottom: 10px; } #ginyList div.publish ul li { text-align: left; position: relative; float: left; width: 40px; height: 40px; margin: 0px 5px 10px 0px; } #publisher ul li a { display: block; width: 36px; height: 36px; } #publisher ul li span { color: #404040; width: 70px; text-align: center; font-size: 0.8em; text-transform: uppercase; display: block; height: 21px; background: url("../img/tooltip.gif") no-repeat right top; position: absolute; top: -13px; left: -60px; } #fitxa { background: #eee url("../img/fitxa_new_bg_right.png") repeat-y right 0px; } #fitxa div.content { overflow: hidden; padding-bottom: 15px; background: url("../img/fitxa_new_bg_bottom.png") no-repeat -7px bottom; } #embed, #share { position: relative; background-color: #eee; } #info { position: relative; width: 590px; margin: 15px auto; padding-bottom: 20px; } #share { height: 36px; background: url("../img/fitxa_new_borderbottom.png") repeat-x 0px bottom; overflow: hidden; width: 585px; margin: 0px 15px; padding-top: 20px; } #share strong { line-height: 2em; color: #404040; float: left; width: 175px; text-align: right; margin-left: 50px; margin-right: 10px; } #share ul { float: left; overflow: hidden; } #share ul li { width: 23px; height: 23px; float: left; margin-right: 4px; } #share, #embed { display: none; } #embed { height: 90px; background: url("../img/fitxa_new_borderbottom.png") repeat-x 0px bottom; overflow: hidden; width: 585px; margin: 0px 15px; } #embed strong { line-height: 2em; color: #404040; float: left; width: 175px; text-align: right; margin-left: 50px; margin-right: 10px; } #embed div { width: 100%; overflow: hidden; height: 30px; padding: 10px 0px 5px 0px; } #embed div input { border: 1px solid #ccc; width: 200px; height: 16px; font-size: 0.9em; color: #999; margin-right: 10px; } #embed a.copyCode { color: #333; font-weight: bold; font-size: 0.85em; padding: 3px 8px 8px 8px; text-transform: uppercase; background: url("../img/fitxa_copycode.png") no-repeat 0px 0px; } #fitxa .opener { position: absolute; bottom: 5px; right: 10px; display: block; width: 14px; height: 15px; text-indent: -99999px; background-image: url("../img/icons_opener.png"); background-repeat: no-repeat; } #fitxa .open { background-position: 0px 0px; } #fitxa .close { background-position: 0px -15px; } #share .close, #embed .close { bottom: 10px; } #selects { width: 616px; height: 40px; background: url("../img/fitxa_new_selects_back.png") repeat-x 0px 0px; } #selects form { margin: 0px auto; padding: 6px 0px 0px 0px; } #selects form label { float: left; width: 255px; display: block; margin: 0px 20px; } #selects form label strong { color: #404040; } #selects form a { color: #659B0D; text-decoration: underline !important; } #details { overflow: hidden; width: 590px; margin: 15px auto 0px auto; } #template #details h3 { font-size: 1.4em; color: #000; font-weight: normal; } #details div.box { width: 590px; background-color: #fff; overflow: hidden; border: 1px solid #eee; } #details ul.left { float: left; margin: 10px 0px 10px 10px; width: 285px; } #details ul.right { border-left: 1px solid #eee; float: left; padding-left: 10px; margin: 10px 10px 10px 0px; width: 270px; } #details ul { overflow: hidden; } #details ul li { margin-bottom: 5px; width: 100%; } #details ul li strong { color: #404040; margin-right: 5px; font-weight: bold; color: } #details ul li em { color: #404040; font-style: normal; } #details ul li a { color: #659B0D; } #template .fitxa-accions ul li.socials ul { display: inline; width: auto; float: left; } #template .fitxa-accions ul li.socials ul li { float: left; margin-left: 5px; } #template .fitxa-accions ul li.socials ul li img { float: left; margin-right: 3px; } #template .fitxa-accions ul li.socials ul li span { display: none; }