/*
*  Project		: PdP - Portal de publicacions de l'IEC [front]
*  Created on 	: 14-jul-2006
*  CVS id		: $Id$
*  Autor		: Josep Ferrer Boix [jferrer]
*
*  (C) 2006 Intelligent Software Components, S.A.
*  All rights reserved.
*/
/*  
LAYOUT:
amplada 1a columna: 783px;
amplada variable: 718px

COLORS:
verd llima: 87B51F
blau: 6193C6
vermell: CE6654
lila: 6F5691
groc: FFC700
verd turquesa: 008E94
*/

html,body {
width:100%;
height:100%;
margin:0;
padding:0;
color:#464241;
}

body {
background-color:#716F6E;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-size:76%;
}

p,li,table,td,th {font-size:1em}
p {line-height:1.5em;}
form {margin:0}

/* div's necessaris per crear l'ombra */
#contenidorA {
width:995px;
margin:0 auto;
background:white url(../img/ombra_mig.gif) 0 0 repeat-y;
}

#contenidorAbis {
width:809px;
margin:0 auto;
background:white url(../img/ombra_mig_bis.gif) 0 0 repeat-y;
}

#contenidorB {
background:transparent url(../img/ombra_superior.gif) top left no-repeat;
}

#contenidorBbis {
background:transparent url(../img/ombra_superior_bis.gif) top left no-repeat;
}

#contenidorC {
background:transparent url(../img/ombra_inferior.gif) bottom left no-repeat;
text-align:center;
}

#contenidorCbis {
background:transparent url(../img/ombra_inferior_bis.gif) bottom left no-repeat;
text-align:center;
}

#contenidorD {
width:955px;
text-align:left;
margin:0 auto;
padding:20px 0px;
}

#contenidorDbis {
width:770px;
text-align:left;
margin:0 auto;
padding:20px 0px;
}

#capcaleraIcercador {
position:relative;
}

/* mides */
.x_gran {font-size:1.5em}
.gran {font-size:1.2em}
.petit {font-size:0.9em;}


/* tipografies */
.verdana {font-family:Verdana}

/* colors */
.grisFosc {color:#181512;}
.granate {color:#A21416}

/* encapçalaments */
h1.general {
position:relative;
margin:0;
padding:0 0 0 0;
height:77px;
line-height:77px;
font-size:3em;
font-weight:normal;
font-family:Impact;
color:white;
background:#AA2A29 url(../img/fons_capcalera.jpg) 0 0 no-repeat;
border-bottom:7px solid white;
}


div#cercador {
position:absolute;
font-size:0.9em;
font-family:Verdana, Arial, Helvetica, sans-serif;
right:10px;
top:5px;
text-align:right;
background:transparent url(../img/ico_lupa.gif) left center no-repeat;
padding:3px 0 3px 22px;
}

h1.general span {font-size:0.5em}

h2.home {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
text-align:center;
margin:0;
padding:3px 5px;
border-bottom:7px solid white;
}

h2.novetats {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:1.2em;
text-align:center;
margin:0;
padding:3px 0;
color:white;
background-color:black
}

.fonsMarro {background-color:#B3AA5D;}
.fonsGroc {background:#E9E871 url(../img/fons_01.gif) top right repeat-y;}

h2.cercador {
margin:0;
padding:4px 0 10px 40px;
background:transparent url(../img/ico_01.gif) 0 0 no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:normal;
}

h2.usuari {
font-size:1.1em;
color:#DEEBBD;
padding:0;
margin:0;
}

h2.escollits {
font-size:1.1em;
color:#A21416;
padding:0;
margin:0 0 10px 0;
}

h2.titolPublicacio {
font-size:1.6em;
margin:0;
padding:0;
}

h2.titolPublicacioDos {
font-size:1.2em;
margin:0;
padding:0;
}

h2.titolArticle {
color:white;
font-weight:normal;
font-size:1.2em;
padding:4px 30px;
background-color:#B33529;
margin:10px 0;
}



/* layout */
div#publicacionsIEC {
width:521px;
float:left;
display:inline;
margin-right:7px;
}

div#llibreriaVirtual {
width:255px;
float:left;
}

/* formularis */
.campsU {border:1px solid #716F6E}
.campsDos {border:1px solid #B7B6B6;background-color:#B7B6B6}

.botoU {border:1px solid #716F6E;background-color:#E9E871}
.botoDos {background-color:#FF8C09;color:#464241;border:1px solid #464241;font-size:0.9em}
.botoTres {border:1px solid #716F6E;background-color:#E2EAA4;color:#A21416;font-size:0.9em;font-weight:bold}

.etiquetaU {display:block;margin-bottom:3px;font-size:0.9em;color:white}

.error {color:#4E8BC1;font-size:8pt}

/* llistes */

/* hem eliminat el menú antic, fet amb una llista */

/* taules i td's */
table.zero {width:100%;}
table.zero, td.zero {border:0;border-collapse:collapse;padding:0;margin:0}

table.divisora {width:100%;}
tr.divisora  {vertical-align:top}
tr.cebraU {background-color:#E7E7E7;}
table.divisora, td.divisora{
vertical-align:top;
border:7px solid white;
border-collapse:collapse;
padding:0;
margin:0;
}

td.peu{
font-size: x-small;
text-align:center;
}

td#primeraColumna {width:783px;}
td#segonaColumna {background-color:#C3D2E7;}

table.taula100x100 {
width:718px;
padding:0;
margin:0
}


table.ample738 {
width:738px;
border:0;
border-collapse:collapse;
}

td.pastillaVerda {
background-color:#00494D;
padding:3px 15px;
text-align:center;
font-size:1.15em;
}

td.separadorVerticalU {width:20px}
td.separadorVerticalDos {background:transparent url(../img/fons_32.gif) top center repeat-y;}
td.separadorVerticalTres {background-color:#5E1314}

td.pastillaVerdaTriada {
background-color:white;
padding:3px 15px;
text-align:center;
font-size:1.15em;
}

/* separadors */
div.separadorU {
width:75%;
margin:0 auto;
background:transparent url(../img/fons_03.gif) left center repeat-x;
height:15px;
}

div.separadorDos {
background:transparent url(../img/fons_06.gif) left center repeat-x;
height:15px;
}

div.separadorTres {
background:transparent url(../img/fons_07.gif) left center repeat-x;
height:15px;
}

div.separadorQuatre {
height:10px;
}

div.separadorCinc {
background:transparent url(../img/fons_20.gif) left center repeat-x;
height:15px;
}

div.separadorSis {
background:transparent url(../img/fons_31.gif) 0 5px repeat-x;
height:30px;
}

div.persota {margin-bottom:7px}

/* altres div's */
div.interior {clear:left;padding:10px 35px 10px 10px;}
div.variable {
background-color:white; 
background-position:top right;
background-repeat: no-repeat;
padding:25px 10px 15px 10px;
}

div.cataleg {background:#87B51F url(../img/fons_16.gif) top right repeat-y;}
div.cataleg div.variable {background-image: url(../img/fons_17.gif) }

div.coleccions {background:#6193C6 url(../img/fons_24.gif) top right repeat-y;}
div.coleccions div.variable {background-image: url(../img/fons_23.gif) }

div.revistes {background:#CE6654 url(../img/fons_26.gif) top right repeat-y;}
div.revistes div.variable {background-image: url(../img/fons_25.gif) }

div.monografies {background:#6F5691 url(../img/fons_28.gif) top right repeat-y;}
div.monografies div.variable {background-image: url(../img/fons_27.gif) }

div.botiga {background:#FFC700 url(../img/fons_29.gif) top right repeat-y;}
div.botiga div.variable {background-image: url(../img/fons_30.gif) }

div.novetats {background:#008E94 url(../img/fons_22.gif) top right repeat-y;}
div.novetats div.variable {background-image: url(../img/fons_33.gif) }

/* vincles */
a:link,a:visited,a:hover {color:#B33529}
a.blanc:link,a.blanc:visited, a.blanc:hover {color:white}
a.verdClar:link,a.verdClar:visited,a.verdClar:hover {color:#DEEBBD;}
a.senseRatlla {text-decoration:none}
a.granate:link,a.granate:visited,a.granate:hover {color:#A21416;}
a.gris:link,a.gris:visited,a.gris:hover {color:#5A5747;}
a.bannerHome {cursor:pointer}
a.bannerHome:link {text-decoration: none; color:white; cursor:pointer}
a.bannerHome:visited {text-decoration: none; color:white}
a.bannerHome:active {text-decoration: none; color:white}
a.bannerHome:hover {text-decoration: none; color:white}

a.linkAjuda {cursor:pointer;}
a.linkAjuda:link {text-decoration: none; color:black; cursor:pointer}
a.linkAjuda:visited {text-decoration: none; color:black;}
a.linkAjuda:active {text-decoration: none; color:black;}
a.linkAjuda:hover {text-decoration: underline; color:black;}

a.linkAjuda2 {cursor:pointer;}
a.linkAjuda2:link {text-decoration: underline; color:black; cursor:pointer}
a.linkAjuda2:visited {text-decoration: underline; color:black;}
a.linkAjuda2:active {text-decoration: none; color:black;}
a.linkAjuda2:hover {text-decoration: underline; color:black;}

/* fletxes */
a.primer:link,a.primer:visited {
background:transparent url(../img/ico_fletxa_primer_off.gif) left center no-repeat;
padding:3px 0 3px 45px;
text-decoration:none;
}
a.primer:hover {background-image:url(../img/ico_fletxa_primer_on.gif);color:black}

a.anterior:link,a.anterior:visited {
background:transparent url(../img/ico_fletxa_anterior_off.gif) left center no-repeat;
padding:3px 0 3px 25px;
text-decoration:none;
}
a.anterior:hover {background-image:url(../img/ico_fletxa_anterior_on.gif);color:black}

a.seguent:link,a.seguent:visited {
background:transparent url(../img/ico_fletxa_seguent_off.gif) right center no-repeat;
padding:3px 25px 3px 0;
text-decoration:none;
}
a.seguent:hover {background-image:url(../img/ico_fletxa_seguent_on.gif);color:black}

a.ultim:link,a.ultim:visited {
background:transparent url(../img/ico_fletxa_ultim_off.gif) right center no-repeat;
padding:3px 45px 3px 0;
text-decoration:none;
}
a.ultim:hover {background-image:url(../img/ico_fletxa_ultim_on.gif);color:black}

tr.cap_taula_llistat_2 {background-color:#464241}
a.llistat:link,a.llistat:visited,a.llistat:hover {color:#454240;background:transparent url(../img/ico_llistat.gif) 0 3px  no-repeat;padding-left:17px;padding-top:3px}

td.requiredfields {font-size:8pt;font-style:normal;color:#4E8BC1}

/**************************************************************
*********************** NOUS ESTILS **************************
**************************************************************/

body.login {
background-color:#000000;
}

div#contenidorLogin {
margin:25px auto 0 auto;
color:white;
width:885px;
height:630px;
background:#C20000 url(../img/fons_login.jpg) bottom left no-repeat;
}

div#contenidorLogin fieldset {
width:470px;
margin:0 auto;
padding:30px 0;
border:0;
}

h1.titolLogin {
font-size:2.6em;
font-weight:normal;
font-family:Impact;
padding:0;
margin:0;
color:white;
}

/* formularis */
.campsTres {border:1px solid #808080;background-color:#F0F0F0}
.campsQuatre {border:2px solid #808080;background-color:#FFEC9F}

div.altes {background:#D1A08C url(../img/fons_36.gif) top right repeat-y;}
div.altes div.variable {background-image: url(../img/fons_35.gif) }

/* separadors */
div.separadorSet {
background:transparent url(../img/fons_40.gif) left center repeat-x;
height:30px;
}

/* mides */
.w369 {width:369px;}
.w2 {width:2px;}
.w1 {width:1px;}

/* alineacions */
.aTop {vertical-align:top !important}
.aRight {text-align:right !important}
.aCenter {text-align:center !important}
.aBottom {vertical-align:bottom !important}
.aLeft {text-align:left !important}
.centrat {margin-left:auto !important;margin-right:auto !important}

/* colors fons */
.fonsGrisClar {background-color:#F0F0F0;}
.fonsGranate {background-color:#B33529;}
.fonsBeige {background-color:#FFF8DA}
.fonsGrocClar {background-color:#FFEC9F}
.fonsNegre {background-color:black}

/* colors */
.blanc {color:white}

/* marges */
.Persobre {margin-top:5px !important}
.xPersobre {margin-top:10px !important}
.xxPersobre {margin-top:15px !important}
.xxxPersobre {margin-top:20px !important}
.xxxxPersobre {margin-top:25px !important}

.Perdreta {margin-right:5px !important}
.xPerdreta {margin-right:10px !important}
.xxPerdreta {margin-right:15px !important}
.xxxPerdreta {margin-right:20px !important}

.Persota {margin-bottom:5px !important}
.xPersota {margin-bottom:10px!important}
.xxPersota {margin-bottom:15px!important}
.xxxPersota {margin-bottom:20px!important}
.xxxxPersota {margin-bottom:25px!important}
.xxxxxPersota {margin-bottom:30px!important}

.Peresquerra {margin-left:5px !important}
.xPeresquerra {margin-left:10px !important}
.xxPeresquerra {margin-left:15px !important}
.xxxPeresquerra {margin-left:20px !important}

/* caixes amb padding */
.Espaiat {padding:5px}
.xEspaiat {padding:10px}
.xxEspaiat {padding:15px}
.xxxEspaiat {padding:20px}


/***************************
inici estils 16 nov. 2006
****************************/
td#publicacionsIEC {width:521px;}
td#llibreriaVirtual {width:255px;}

.w7 {width:7px}
.fonsBlanc {background-color:white}

div#menuSeccions h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:1.2em;
text-align:center;
margin:0;
padding:4px;
border-bottom:7px solid white;
}

div#menuSeccions h3#triatSecCataleg {border-bottom-color:#87B51F;}
div#menuSeccions h3#triatSecColeccions {border-bottom-color:#6193C6;}
div#menuSeccions h3#triatSecRevistes {border-bottom-color:#CE6654;}
div#menuSeccions h3#triatSecMonografies {border-bottom-color:#6F5691;}
div#menuSeccions h3#triatSecBotiga {border-bottom-color:#FFC700;}
div#menuSeccions h3#triatSecNovetats {border:0;padding-bottom:11px !important;}

div#menuSeccions h3 a:link, div#menuSeccions h3 a:visited {text-decoration:none;color:white}
div#menuSeccions h3 a:hover{text-decoration:underline;}
div#menuSeccions div.textApartat {height:178px;padding:5px;color:white}

td#secCataleg {width:119px;background-color:#87B51F;overflow:hidden}
	td#secCataleg div.textApartat {background:black url(../img/caixa_home_1.jpg) 0 0 no-repeat;}
td#secColeccions {width:127px;background-color:#6193C6;overflow:hidden}
	td#secColeccions div.textApartat {background: black url(../img/caixa_home_2.jpg);}
td#secRevistes {width:127px;background-color:#CE6654;overflow:hidden}
	td#secRevistes div.textApartat {background-image:url(../img/caixa_home_3.jpg);}
td#secMonografies {width:127px;background-color:#6F5691;overflow:hidden}
	td#secMonografies div.textApartat {background-image:url(../img/caixa_home_4.jpg)}
td#secBotiga {width:127px;background-color:#FFC700;overflow:hidden}
	td#secBotiga div.textApartat {background-image:url(../img/caixa_home_5.jpg)}
td#secNovetats {width:121px;background:#008E94 url(../img/fons_22.gif) top right repeat-y;overflow:hidden}
	td#secNovetats div.textApartat {background-image:url(../img/caixa_home_6.jpg)}
/***************************
final estils 16 nov. 2006
****************************/