body
{
 margin-left: 2px;
 margin-right: 0px;
 margin-bottom: 20px;
 background-color: #FFFFFF;
}

div#global
{
 font-family: Arial,Helvetica,sans-serif;
 font-size: 14px;
 margin-top: 20px;
 margin-right: 0px;
 margin-left: 0px;
 float: left;
 width: 1001px;
 margin-left: -500px;
 left: 50%;
 position: absolute;
}

/*
div#global a
{
 color: black;
}
*/

div#global img
{
 border: 0px;
}

div#caixa
{
 float: left;
}

div#cap
{
 width: 100%;
}

div#q
{
 float: left;
 margin-bottom: 5px;
 overflow: hidden;
 width: 170px;
}

div#q img
{
 float: right;
}

div#logo
{
 margin-bottom: 15px;
 margin-left: 15px;
 float: left;
}

div#cos
{
 background-color: #FFF;
 border-left: 1px solid gray;
 float: left;
 height: auto !important;
 height: 500px;
 min-height: 500px;
 overflow: visible;
 padding-top: 5px;
 padding-bottom: 10px;
 width: 610px;
}

div#menu
{
 width: 163px;
 float: left;
}

div#anuncis
{
 _position: absolute;
 _top:  190px;
 _left: 774px;
 float: right;
 margin-top: 196px;
 width: 176px;
}

div#anuncis img
{
 padding-bottom: 5px;
}

div#logoappec
{
 text-align: right;
 margin-top: 25px;
}

div#peupagina
{
 font-size: 10px;
 margin-top: 5px;
}

div#titolcerca
{
 width: 85px;
 text-align: right;
 margin-bottom: 20px;
 margin-left: 10px;
}

div.cerca
{
 padding: 2px;
 margin-left: 80px;
}

.inputcerca
{
 border: 1px solid black;
 width: 250px;
 height: 17px;
 font-size: 12px;
 vertical-align: top;
}

.inputSelect
{
 border: 1px solid black;
 width: 200px;
 font-size: 12px;
 vertical-align: top;
}

div.nomcerca
{
 width: 85px;
 text-align: right;
 margin-top: 5px;
 color: gray;
 font-size: 14px;
 margin-left: 30px;
 white-space: nowrap;
}

div#revistes
{
 margin-top: 20px;
 float: left;
 width: 100%;
 margin-left: 10px;
}

div#revistes p
{
 text-align: justify;
 font-size: 12px;
}

div.revista
{
 width: 130px;
 margin: 0px 8px 10px 8px;
 float: left;
 height: 235px;
 _height: 250px;
}

div.portadaRevista
{
 float: left;
 height: 170px;
 overflow: hidden;
 width: 130px;
}

div.portadaRevista:hover
{
 filter:alpha(opacity=80);
 height: 170px;
 opacity: 0.80;
 width: 130px;
}

div.peuPortadaRevista
{
 color: #F68028;
 float: left;
 text-align: right;
 font-size: 9px;
 font-weight: bold;
 margin: 1px;
 margin-top: 10px;
 width: 100%;
}

div#capPortadaRevista
{
 width: 90%;
 font-size: 12px;
 float: left;
 margin-left: 10px;
 margin-bottom: 10px;
}

div#capPortadaRevista p
{
 margin-top: 0px;
 margin-bottom: 5px;
 font-size: 14px;
 color: #D23333;
 font-weight: bold;
}

div#descripcioRevista
{
 float: left;
 font-weight: bold;
 font-size: 12px;
 width: 445px;
}

div#descripcioRevista p
{
 margin-top: 5px;
 font-weight: normal;
 font-size: 11px;
 text-align: justify;
}

div#descripcioRevista a
{
 margin-top: 5px;
 font-weight: normal;
 font-size: 10px;
}

div#ultimNumero
{
 width: 650px;
 float: left;
}

div#numerosAnteriors
{
 margin-top: 40px;
 width: 650px;
 float: left;
}

div#numerosAnteriors p
{
 position: relative;
 width: 50%;
 left: -50px;
 margin: 2px;
 color: gray;
 font-size: 14px;
 margin-bottom: 10px;
}

div.botons
{
 float: right;
 font-size: 10px;
 text-align: right;
 margin-top: 5px;
}

div.botons a.botoEnllac
{
 color: #535353;
 float: right;
 font-size: 9px;
 text-align: right;
 text-decoration: none;
 width: 120px;
}

div.botons a.botoEnllac:hover
{
 color: #00EDF0;
 float: right;
 font-size: 9px;
 text-align: right;
 text-decoration: underline;
 width: 120px;
}

div.botons a
{
 color: gray;
 float: right;
 font-size: 9px;
 text-align: right;
 text-decoration: none;
 width: 120px;
}


div.botons input
{
 padding: 0px;
 margin: 0px;
}

input#editaRevista
{
 border: 2px dashed gray;
 height: 160px;
 overflow: hidden;
}

div.editaRevista
{
 border: 2px dashed gray;
 width: 130px;
 height: 184px; 
 _height: 188px;
 overflow: hidden;
 text-align: center;
}

div.editaRevista img
{
 width: 130px;
 height: 184px; 
 _height: 188px;
}

div.editaRevista:hover
{
 opacity: 0.75;
 filter:alpha(opacity=75);
 width: 130px;
 border: 2px dotted gray;
 height: 184px; 
 _height: 188px;
 overflow: hidden;
 text-align: center;
}

input#novaRevista
{
 border: 0px dashed gray;
 width: 130px;
 height: 184px;
 overflow: hidden;
 text-align: center;
}

input#novaRevista:hover
{
 width: 130px;
 border: 0px dotted gray;
 height: 184px;
 overflow: hidden;
 text-align: center;
}

div#editaPortada
{
 float: right;
}


div.camp
{
 padding: 2px;
 margin-left: 60px;
}

input.inputcamp
{
 border: 1px solid black;
 width: 250px;
 height: 17px;
 font-size: 12px;
 vertical-align: top;
}

textarea.inputcamp
{
 border: 1px solid black;
 width: 350px;
 height: 100px;
 font-size: 12px;
 vertical-align: top;
}

.inputcampTitol, .inputcampURL
{
 border: 1px solid black;
 width: 350px;
 height: 17px;
 font-size: 12px;
 vertical-align: top;
}


div.nomcamp
{
 color: gray;
 font-size: 14px;
 margin-top: 5px;
 overflow: hidden;
 text-align: right;
 width: 110px;
 white-space: nowrap;
}

div#botonsModificarEsborrar
{
 padding: 2px;
 margin-left: 60px;
 margin-top: 20px;
}

div#botonsModificarEsborrar input
{
 width: 80px;
 border: 1px solid black;
 background-color: #EFEBE7;
}

div#avis
{
 margin-bottom: 40px;
 text-align: center;
 font-weight: bold;
 border-bottom: 1px solid black;
}

div#portadaPublicacio
{
 border-bottom: 1px dashed gray;
 margin-top: 25px;
 padding-bottom: 10px;
 float: left;
 width: 90%;
 margin-left: 70px;
}

div#bitxo
{
 width: 50%;
}

div#bitxo a
{
 text-align: left;
 font-size: 10px;
 color: #666;
}

div#denegat
{
 font-size: 18px;
 font-weight: bold;
 float: left;
 margin-left: 70px;
 margin-top: 25px;
 text-align: center;
 width: 650px;
}

div#seccions
{
 background-color: #F8FFFF;
 border-left: 1px solid black;
 color: #535353;
 font-size: 11px;
 height: 65px;
 margin-left: 25px;
}

div#separador
{
 border-left: 1px solid black;
 height: 25px;
 margin-left: 25px;
}

div#tematiques,div#publicacions
{
 border-left: 1px solid black;
 color: #535353;
 font-size: 10px;
 height: 100%;
 margin-left: 25px;
}

div.tematica, div.seccio, div.lletra
{
 overflow: hidden;
 padding-left: 5px;
 padding-top: 5px;
 z-index: 2;
}

div.lletraActiu
{
 color: #00EDF0;
 overflow: hidden;
 padding-left: 5px;
 padding-top: 5px;
 z-index: 2;
}

div.publicacio
{
 display: none;
 overflow: hidden;
 padding-left: 10px;
 padding-top: 5px;
 z-index: 2;
}

div#barraSeccio
{
 border-bottom: 1px solid #00EDF0;
 display: none;
 float: left;
 left: 2px;
 position: absolute;
 width: 163px;
 z-index: 0;
}

div#barraTematiques
{
 border-bottom: 1px solid orange;
 display: none;
 float: left;
 left: 2px;
 position: absolute;
 width: 163px;
 z-index: 1;
}

div#barraSeccio img, div#barraTematiques img
{
 bottom: 2px;
 margin-left: 13px;
 position: absolute;
}

a.tematica, a.seccio, a.lletra
{
 color: #535353;
 text-decoration: none;
}

a.tematica:hover, a.seccio:hover, a.lletra:hover
{
 color: #00EDF0;
 text-decoration: none;
}

a.tematicaActiu, a.seccioActiu
{
 color: #00EDF0;
 text-decoration: none;
}

div#capcaleraQuiosc
{
 margin-left: 20px;
 width: 803px;
}

div.valor div#capcaleraQuiosc
{
 border: 2px dashed gray;
 margin-left: -20px;
 height: 126px;
 width: 803px;
}

div.valor div#capcaleraQuiosc:hover
{
 border: 2px dotted gray;
 opacity: 0.75;
 filter:alpha(opacity=75);
 margin-left: -20px;
 width: 803px;
}

div#subCapcaleraQuiosc
{
 font-size: 12px;
 height: 110px;
 margin-left: 20px;
 text-align: justify;
 width: 763px;
}

div#subCapcaleraQuiosc img
{
 height: 42px;
 width: 100%;
}

div.valor div#subCapcaleraQuiosc
{
 border: 2px dashed gray;
 margin-left: -20px;
 height: 42px;
 width: 763px;
}

div.valor div#subCapcaleraQuiosc:hover
{
 border: 2px dotted gray;
 opacity: 0.75;
 filter:alpha(opacity=75);
 margin-left: -20px;
 height: 42px;
 width: 763px;
}

div#associacions
{
 width: 660px;
}

.associacio
{
 border: 2px dashed gray;
 background-color: lightgray;
 color: black;
 font-size: 16px;
 float: left;
 height: 150px;
 margin: 5px;
 text-align: center;
 width: 150px;
}


.associacio:hover
{
 border: 2px dotted gray;
 background-color: lightgray;
 color: black;
 font-size: 16px;
 float: left;
 height: 150px;
 margin: 5px;
 opacity: 0.75;
 filter:alpha(opacity=75);
 text-align: center;
 width: 150px;
}

/**
*
* div#formEditaAssociacio
*
**/

div#formEditaAssociacio
{
 padding: 5px;
}

div#formEditaAssociacio div.linia
{
}

div#formEditaAssociacio div.linia div.nom
{
 font-weight: bold;
 margin-bottom: 5px;
 width: 200px;
}

div#formEditaAssociacio div.linia div.nom a
{
 color: black;
}

div#formEditaAssociacio div.linia div.valor
{
 margin-left: 50px;
 margin-bottom: 20px;
}

div#formEditaAssociacio div.linia div.valor input
{
 border: 1px solid black;
}

div#formEditaAssociacio textarea
{
 font-size: 12px;
 border: 1px solid black;
 overflow: hidden;
 text-align: justify;
 width: 763px;
 height: 110px;
}

div#formEditaAssociacio div#botons
{
 margin-top: 15px;
 padding: 5px;
 text-align: center;
}

div#formEditaAssociacio div#botons input
{
 background-color: lightgray;
 border: 1px solid black;
 color: black;
}

div#urlBis
{
 background-color: lightgrey;
 border: 1px solid black;
 color: black;
 height: 16px;
 padding: 1px;
 width: 300px;
}


#taulaNovetats
{
 border-collapse: collapse;
}

#taulaNovetats th
{
 background-color: #F8FFFF;
 border-bottom: 1px solid #00EDF0;
 padding: 5px;
}

#taulaNovetats td
{
 border-bottom: 1px dotted black;
 padding: 5px;
 text-align: center;
}

#taulaNovetats td.publicacio
{
 border-bottom: 1px dotted black;
 text-align: left;
}

#taulaNovetats a
{
 color: #535353;
 font-size: 11px;
}

div#separadorAdreces
{
 color: gray;
 border-bottom: 1px solid lightgray;
 margin-bottom: 10px;
 margin-top: 20px;
 padding-left: 5px;
 width: 470px;
}

div#separadorAdreces a
{
 color: gray;
}


div.checkboxsAssociacionsPublicacions
{
 float: left;
 overflow: hidden;
 margin-top: 5px;
 white-space: nowrap;
 width: 100%;
}

div#botonsNovetats
{
 margin-top: 5px;
}

div#botonsNovetats input
{
 background-color: lightgray;
 border: 1px solid black;
 color: black;
}

#taulaSeguiment
{
 font-size: 11px;
 margin: 0px;
 padding: 2px;
 border-collapse: collapse;
}

#taulaSeguiment th
{
 border-bottom: 1px solid black;
 font-size: 11px;
 margin: 0px;
 padding: 2px;
 border-collapse: collapse;
}

div#datesSeguiment
{ 
 margin-bottom: 5px;
 padding-bottom: 10px;
 text-align: center;
}

div#datesSeguiment input,select
{ 
 background-color: lightgray;
 border: 1px solid black;
}

div#gencat
{
 color: #666;
 font-size: 10px;
 margin-bottom: 10px;
 text-align: left;
 width: 120px;
}