/* - plantilles.css - */
@media all {
/* http://www.epsem.upc.edu/portal_css/plantilles.css?original=1 */
#eRelacionats {position:relative;}
#content #dalt200, #content #baix200 {_background-repeat:no-repeat;_line-height:0px;color:#fff;}
#content { line-height: 1.5em;}
ul{
margin:0;padding:0;}
ul li, ol li{ list-style-position:outside; list-style: none; margin-bottom: 0.5em;}
.barraCerca li {display:inline;}
ol li {list-style: decimal;}
form{ margin: 0; }
.fletxa{ border: 0; margin: 0.25em 0px 0px 0px; padding: 0.1em 0 0.05em 0; }
.align_left{
float:left;
padding:5px 20px 10px 0;
background:#FFF;
position:relative;}
.align_right{ float:right;padding:5px 0 10px 20px;background:#FFF;position:relative; }
.imgEsquerra{
float: left;
margin: 5px 10px 10px 1px;
padding: 3px;
border:1px solid #ccc}
.imgDreta{
float: right;
margin: 5px 1px 10px 10px;
padding: 3px;
border:1px solid #ccc}
.titular1, .titular2, .titular3 {
font-family:Arial, Helvetica, sans-serif;
color: #c00;
font-weight: bold}
#collage {line-height:1.5em;}
.titular1, #content h4, #collage h4{
margin: 1em 0 0.5em -1px;
padding:0.35em 0.2em 0.2em 0;
background: none;
*background: none;
border-top: 2px dotted #DFE3D3;
font-size:1.3em}
.titular2, .titular2 h3, #content h5, #collage h5{
margin-bottom: 0.5em;
margin-top: 0.75em;
font-size:1.25em;
border-bottom:none}
.titular2 h3{
font-size:1em}
.titular3, .titular3 h4, #content h6, #collage h6{
margin-bottom: 0.5em;
margin-top: 1em;
font-size:1.1em}
.columnes{ margin: 0 0 0 -1.7em; border-collapse: collapse; line-height:1.5em}
.columnes td{ padding: 0 1em 0 1.7em; vertical-align: top; width:50%}
/* */
#mceTemplatePreview .llistatIndex ul, #content .llistatIndex ul, #content .llistatEnllacos ul{
margin: 15px 0 15px 0;
padding: 10px 0 5px 1px;
background-color: #F7F7F7;
background:url(fonsTG.gif) repeat-x bottom #F7F7F7;
border: 1px solid #d9d9d9;
border-top: 2px solid #CCC}
#mceTemplatePreview .llistatIndex li, #content .llistatIndex li{
padding: 0 0 8px 0;
margin: 0 0 0 23px;
list-style: url(fletxa.gif) outside;}
#mceTemplatePreview .llistatEnllacos ul, #content .llistatEnllacos ul{
margin: -5px 0 15px 0}
#mceTemplatePreview .llistatEnllacos li, .documentContent .llistatEnllacos li, #content .llistatEnllacos li{
padding: 0 0 10px 0;
list-style: url(fletxa.gif) inside;
margin: 0 0 0 10px}
#mceTemplatePreview .llistatDestacat ul, #content .llistatDestacat ul, #mceTemplatePreview .llistatDestacat ul {
background:transparent url(fonsT.png) repeat-x scroll center bottom;
border:1px solid #ccc;
border-bottom:2px solid #ccc;
margin:0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
padding: 0 0 0 1em;
}
#mceTemplatePreview .llistatDestacat li, #content .llistatDestacat li, #mceTemplatePreview .llistatDestacat li {
background:transparent url(fletxaLD.gif) no-repeat scroll left center;
line-height:2em;
list-style-image:none !important;
list-style-type:none !important;
margin:0;
padding:0.5em 0 0.5em 1.5em;
}
#mceTemplatePreview .llistat, #content .llistat { padding: 0 0 15px 0}
#mceTemplatePreview .llistat ul, #content .llistat ul{ margin: 0 0 0 12px; *margin: 0 0 0 16px}
#mceTemplatePreview .llistat li, #content .llistat li{
padding: 0 0 6px 0;
list-style: url(quadretGris.gif) outside;
border-bottom: 1px dotted #CCC}
#eRelacionats{
float: right;
width: 25%;
margin-top: 10px;
margin-bottom: 15px;
padding: 0 0 4px 15px;
background:#FFF}
#eRelacionats .titular2{ margin-top: 0}
#eRelacionats .llistat ul{ margin: 0px; margin-bottom:-20px;}
#eRelacionats .llistat li{ list-style-image:none; list-style: none;}
#eRelacionats_border{border-left: 4px solid #FF6600; padding-left:10px;}
.calendari table td{
background-color: #f1efee;
padding: 4px;
text-align:center;
width: 25px;}
.calendari td:first-child{
border-left: 0px dotted #ccc;}
.calendari table{
*border:1px solid #ccc;
border-bottom:3px solid #ccc;
outline:1px solid #ccc;
*outline:0px;
border-collapse:collapse;}
html*.calendari table{
border:1px solid #ccc;
border-bottom:3px solid #ccc;/**/}
.calendari td{
border-left: 2px solid #fff;
border-top:0px;
border-bottom:2px solid #fff;
padding-top:6px;
background-color: #fff;
color: #666;
font-weight: normal}
.calendari .fonsDestacat1{
background-color: #beb4ab;
color: #6b5c4f;
font-weight: bold}
.calendari .fonsDestacat2{
color: #6b5c4f;
background-color: #cbb380;
font-weight: bold}
.fonsDestacat2 {
color: #6b5c4f;
background-color: #cbb380;
font-weight: bold}
.fonsDestacat1 {
background-color: #beb4ab;
color: #6b5c4f;
font-weight: bold}
.notesCalendari{
border-left: 4px solid #F60;
padding-left: 10px;
padding-bottom: 1px;
margin-top: 10px;
margin-left:2px}
.TDRegulaCalendari{
padding-bottom:10px
max-width:150px;}
.cap td{
background:url(borderTopDiagonal.gif) repeat-x;
border-left: 2px dotted #ccc;
border-top:0;
border-bottom:2px dotted #ccc;
*border-bottom:0;
padding-top:6px;
background-color: #fff;
color: #6b5c4f;
font-weight: bold;}
.cap td:first-child{
border-left: 0px dotted #ccc;}
.taulaRegistres td {
background-color: #f1efee;
border-left:2px solid #fff;
border-bottom:2px solid #fff;
*border:2px solid #fff;
padding: 4px;
text-align:center;}
.taulaRegistres td:first-child{
border-left: 0px dotted #ccc;}
.taulaRegistres table{
*border: 1px solid #ccc;
border-bottom:3px solid #ccc;
outline:1px solid #ccc;
*outline:0px;
border-collapse:collapse;}
html*.taulaRegistres table{
border:1px solid #ccc;
border-bottom:3px solid #ccc;/**/}
.taulaRegistres .fonsDestacat1{
background-color: #beb4ab;
color: #6b5c4f;
font-weight: bold;}
.taulaRegistres .fonsDestacat2{
color: #6b5c4f;
background-color: #cbb380;
font-weight: bold;}
.fitxa{
border: 1px solid #ccc;
border-bottom: 4px solid #ccc;
margin: 0px; padding:10px; margin-top:-36px;
}
.fletxa_fitxa{ background: url(puntets.jpg) no-repeat right 7px; height: 35px; margin: 30px 10px 0 0;}
.fitxa h2 {margin:-0.2em 0 1em 0 !important; padding-bottom:0.3em !important; border-top:0 !important; border-bottom:5px solid #e6e6e6;}
.fitxa h3 {margin:-0.2em 0 1em 0;}
.fitxa h4{ display:block;margin: -0.2em 0 1.2em 0 !important; padding:0.2em 0 0.5em 0; border:0px; border-bottom: 2px dotted #a29386; background:none;border-top:0 !important;}
.fitxa h5{ margin-bottom: 1em;}
.fitxa img{background:#FFF; padding: 0 20px 10px 0; margin: 0;}
.fitxa .align_right img{background:#FFF; padding: 3px; border:1px solid #999; margin: 0;}
.fitxa .align_left img{background:#FFF; padding: 3px; border:1px solid #999; margin: 0;}
.fitxa .separadorH{ margin-top:0; border-bottom: 2px dotted #a29386;}
.separadorV{ border-left: 1px dashed #e6e6e6;}
.formulari input[type="checkbox"], input[type="radio"] {
border: 0px;
margin: 10px 0px 10px 0px;
vertical-align:middle;
background:#FFFFFF;}
.formulari .radio {
border: 0px;
margin: 10px 0px 10px 0px;
vertical-align:middle;
background:#FFFFFF;}
.formulari select{
margin: 10px 0px 10px 0px;
border: #a29386 1px solid;
border-left:#a29386 5px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.95em;
padding-left: 2px;}
.formulari select > option{
border-bottom: 1px dotted #a29386;
background:white;
padding-left:7px;}
.formulari .botoblau1{
padding: 2px 21px 2px 0px;
color:#007bc0;
border: 0px;
text-align: center;
height: 22px;
width: 100px;}
.formulari .botoblau2{
padding: 2px 21px 2px 0px;
color:#ffffff;
border: 0px;
text-align: center;
height: 22px;
width: 100px;}
.avis{
padding-top: 7em;}
.error{
padding-top: 7em;}
.avis_legal{
padding: 1em 0 0 0;}
.nota{
font-size: 0.9em;
margin-bottom: 10px;}
.textDestacat{
font-size: 1.1em;
line-height: 1.5em;
margin: 1em 0em 1em 0em;
padding:5px 10px 8px 10px;
background:#f8f7f5;
border-radius:5px;}
.taula img{ /* */
margin:0px;
float:none;}
.imgBoto{
vertical-align:top;
margin:0px;
float:none;}
.destacatBandejat {
background: #f8f7f5;
border-top: 1px solid #960;
border-bottom: 12px solid #960;
padding: 5px 10px 7px 10px;
margin: 20px;
font-size: 1.6em;
line-height: 1.2em;
font-family:Arial, Helvetica, sans-serif;}
.destacatQuadres {
background-image:url(fonsDestacat.gif);
background-color:#beb4ab;
margin: 20px;
padding: 4px;}
.destacatQuadresDins {
background-color:#FFF;
margin: 8px;
padding: 2px 4px;
font-size: 0.95em;}
.cap td{
background:url(borderTopDiagonal.gif) repeat-x;
*border: 2px dotted #ccc;
*border-top:0px;
*padding-top:6px;
*background-color: #fff;
*color: #6b5c4f;
*font-weight: bold;}
.taulaRegistres td {
*background-color: #f1efee;
*border:2px solid #fff;
*padding: 4px;
*text-align:center;}
.taulaRegistres table{
*border: 1px solid #ccc;
*border-bottom:3px solid #ccc;
*border-collapse:collapse;}
.calendari table{
*border: 1px solid #ccc;
*border-bottom:3px solid #ccc;
*border-collapse:collapse;}
body#content {font-size:70%}
body#content a {color:#007bc0; text-decoration:none;}
.emmarcada{
text-align:center;
margin: 10px 0;}
.emmarcada img{
border: 1px solid #999;
padding: 3px;}
#FCKTtableimatgetext
{margin: 0 auto -45px auto; }
#FCKTdivimatgetext
{margin: 0px 5px 5px;
padding: 5px;
position: relative;
top: -45px;
height: 30px;
font-size: 14px;
font-weight: bold;
font-family: Arial,Helvetica,verdana,sans-serif;
color: rgb(102, 102, 102);
background-color: white;
opacity: 0.9;
filter:alpha(opacity=90);}
#FCKTdiv1imatgedamunttext {
margin: 0 auto;
position: relative;}
#FCKTdiv2imatgedamunttext {
margin: 0 auto;
padding: 0;
overflow: hidden;
position: absolute;
top: 0;
height: 100%;
left: 0;
width: 200px;
font-size: 12px;
font-family: Arial,Helvetica,Verdana,sans-serif;
color: #333;
background-color: white;
opacity: 0.8;
filter:alpha(opacity=80);}
#FCKTdiv3imatgedamunttext{
padding:10px}
.estilImgPhotoAlbum1 {width:128px; height:96px;}
.estilImgPhotoAlbum2 {width:96px; height:128px;}
.estilImgPhotoAlbum3 {width:128px; height:83px;}
table.enllacosDreta {width:100%;}
table.enllacosDreta td {vertical-align:top;}
.image-left {
float: left;
clear: both;
margin: 0.5em 1em 0.5em 0;
padding:0 10px 10px 0;
border: 0px solid #e6e6e6;
}
.image-right {
border:0 solid #E6E6E6;
clear:both;
float:right;
margin:0.5em;
padding:0 0 10px 10px;
}
.gb {background:#fff url(fonsT.png) repeat-x scroll center bottom;border:1px solid #d9d9d9;margin-bottom:1em;margin-top:0;padding:0.5em 0.75em;}
div.fila {display:inline-block;float:none;position:relative;width:100%;margin-bottom:1em;}
div.cella {position: relative; float: left; left: 100%;}
div.p0  { margin-left: -100%}
div.w1\3a 2, div.w2\3a 4 { width:    47.91667% } /* */
div.w1\3a 4 { width:    22.91667% } /* */
div.w3\3a 4 { width:    72.91667% } /* */
div.p1\3a 4 {margin-left:    -75% } /* */
div.p1\3a 2, div.p2\3a 4 {margin-left:    -50% } /* */
div.p3\3a 4 {margin-left:    -25% } /* */
div.w1\3a 3 { width: 31.25%; } /* */
div.w2\3a 3 { width: 64.5%; } /* */
div.p1\3a 3 {margin-left: -66.7%;} /* */
div.p2\3a 3 {margin-left: -33.4%;} /* */
div.w1 { width: 97.916% }
.colSupContenidor {position:relative;}
.colSupDreta {position: absolute; right: 0; width: 200px;}
.colSupEsq {margin-right: 220px;}
.colSupDreta, .columnaEnllacosDreta {width:200px;}
.colSupDreta .caixaPortlet {padding:0 10px !important;}
.colSupDreta h2, .columnaEnllacosDreta h2 {border-top:0;margin:0 !important;background:transparent url(fletxaGo.gif) no-repeat scroll 0px -4px;padding:5px 0 5px 20px;}
.colSupDreta li, .columnaEnllacosDreta li {
list-style-image:url(quadret.gif);
list-style-position:outside;
list-style-type:disc;
margin:0 0 0 35px;
padding:5px 5px 5px 0px !important;
line-height:1.5em;
border:0px !important;}
.colSupDreta ul, .columnaEnllacosDreta ul {padding-bottom:5px;}
.colSupDreta img, .columnaEnllacosDreta img {margin:5px 15px;border:1px solid #d9d9d9;}
.colSupDreta a img:hover, .columnaEnllacosDreta a img:hover {margin:5px 15px;border:1px solid #007bc0;}
.columnaseparador20 {width:20px !important;}
p.blockquote, div.blockquote {border:1px solid #d9d9d9; background: #f7f7f7; padding:5px 10px; border-top-width:1px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;}
.blockquote img{background: transparent;}
table.minimal {border:0; font-size:1em; padding:0; margin:0; border-collapse:separate;}
table.minimal thead {border-bottom:2px solid #bbb; color:#333;}
table.minimal thead th {border-bottom:2px solid #bbb; color:#333; border-bottom:2px solid #bbb;}
table.minimal tbody th {color:#666;}
table.minimal tbody tr {border-bottom:1px solid #d9d9d9;}
table.minimal tbody td, table.minimal tbody th {border-bottom:1px solid #d9d9d9;}
table.minimal tfoot {font-size:.8em; color:#666; background:#f7f7f7; padding:0;}
table.minimal tfoot tr {padding:0;}
.w100 {width:100% !important;}
.grid td {border:1px solid #ccc;}
div.cell {float:left !important;}

}