@charset "utf-8";
/*
    Document   : estructura
    Created on : 05-oct-2009, 10:57:00
    Author     : Mario Martínez
    Description:
        Estructura dels divs de la web
*/



/*Peu sempre a sota*/
html, body, #contingut {
    min-height: 100%; /* alto minimom FF y Safari */
    width: 100%;
    height: 100%; /* alto minimo para IE Windows */
    margin: 0;
    padding: 0;
}

html>body #contingut {
    height: auto; /* con este hack escondemos el min-height de IE*/
}
/*#contingut, body{background-image:url(../img/bkg.gif);}*/
#contingut, body{background-color:#adadad;
                 float: left;
}

body {
    font:11px Verdana, Arial; color:#adadad;
}

h2{font:18px Arial,Verdana; margin-top:4px;}
h2 a{font-weight:normal; margin-bottom:0; padding-bottom:0; color:#5c5653;}

a{text-decoration:none; color:#66B8DC;}
a:hover{text-decoration:underline;}
/*Barra 100% de la diputacio de girona*/
#barra_diputacio{height:50px; border-bottom:0px solid #fff; background-color:#BD2C16;}
#barra_diputacio_cont{width:960px; position:relative; height:50px; margin:0 auto; background-image:url(../img/diputacio.gif); background-position:right; background-repeat:no-repeat;}
#barra_diputacio_cont a{position:absolute;height:50px; display:block; width:181px;  top:0; right:0;}

#etiqueta{position:absolute; right:0; top:200px; background-image:url(../img/logo_lateral.png); background-repeat:no-repeat; width:83px; height:130px;}
#etiqueta a{display:block; width:83px; height:130px;}

/*#main{margin:0 auto; width:960px;}*/

/* NO ES VEU CORRECTAMENT AMB L'EXPLORER PERQUE NO ACCEPTA MES D'UNA IMATGE PER BACKGROUND'' */
/*#main{margin:0 auto; width:960px;
      background: url("../img/ombra_e.png") repeat-y left, url("../img/ombra_d.png") repeat-y right;
      padding-left: 31px;
      padding-right: 31px;
      width: 960px;
}*/

#main{margin:0 auto;
      background: url("../img/ombra_e.png") repeat-y left;
      padding-left: 31px;
      width: 960px;
}

#main1{margin:0 auto;
       background:  url("../img/ombra_d.png") repeat-y right;
       padding-right: 31px;
       width: 960px;
}

#f1{height:175px; width:960px; background-color:black; margin-top:0px; border-top:0px solid #fff; background-image:url(../img/banner.gif); background-repeat:no-repeat; background-position: right;}
#f2{height:22px; background-color:#5c5653;}
#f2 #menu-sup{width:860px; margin:0 auto; }
#f2 #menu-sup ul{margin:0; padding:0; list-style:none;}
#f2 #menu-sup ul li{float:left; margin-right:12px; padding-left:14px; border-left:1px solid #fff; margin-top:3px;}
#f2 #menu-sup ul li:first-child{border:0;}
#f2 #menu-sup ul li a{color:#fff; text-decoration:none;}
#f2 #menu-sup ul li a:hover,#f2 #menu-sup ul li a.actiu{color:#66B8DC;}

#f3{height:23px; background-color:#fff;}
#f3 a#home{background-image:url(../img/home.gif); background-repeat:no-repeat; display:block; width:66px; height:23px; background-position:top; float:left; margin-right:4px;}
#f3 a#home:hover, #f3 a#home.actiu{background-position:center;}
#f3, #f3 a{line-height:23px; color:#B3B3B3; text-decoration:none; font-size:10px;}
#f3 a:hover,#f3 a.actiu{color:#666666;}

#f3b{background-color:#66B8DC; background-image:none; color:#fff; text-indent:6px;}
#f3b h2{color:#fff; font-weight:bold; font:18px Arial, Verdana; margin:0; padding:6px;}

#f4{background-color:#E6E6E6; min-height:600px; padding:12px;}
#col1, #col2{float:left;}
#col1{margin-right:0px; width:224px;}

/*BLOC ESQUERRA*/
.bloc_e{width:213px; margin-bottom:14px;}
.bloc_c_p{width:350px; margin-bottom:14px; min-height:193px;}
.bloc_c_g{ width:710px; margin-bottom:14px;}

.head{
    height:30px;
    color:#66B8DC;
    font-size:20px;
    font-weight:bold;
    line-height: 30px;
    height:30px;
    letter-spacing:-1px;
    text-indent:12px;
    font-family: arial;
    text-transform: lowercase;
}
.cont{background-color:#fff;  border-bottom:5px solid #66B8DC; padding:12px;  }



/*Nous*/
#head_llibre, #head_novetats{background-image:url(../img/h_llibres.gif);}
#head_cerca{background-image:url(../img/h_cerca.gif);}
#head_fitxa_autor{background-image:url(../img/h_autor.gif); }
#head_llista_agenda,
#head_llista_premsa{background-image:url(../img/h_agenda_full.gif);}

/*Vells*/
#head_menu{background-image:url(../img/h_menu.gif); background-repeat:no-repeat;}
#head_contacte{background-image:url(../img/h_contacte.gif); background-repeat:no-repeat;}
#head_dreceres{background-image:url(../img/h_dreceres.gif); background-repeat:no-repeat;}
#head_newsletter{background-image:url(../img/h_subscripcio.gif); background-repeat:no-repeat;}
#head_agenda{background-image:url(../img/h_agenda.gif); background-repeat:no-repeat;}
#head_recull_premsa{background-image:url(../img/h_recull_premsa.gif); background-repeat:no-repeat;}
#head_llista{background-image:url(../img/h_llistat.gif); background-repeat:no-repeat;}
#head_fitxa{background-image:url(../img/h_fitxa.gif); background-repeat:no-repeat;}
#head_llista_autors{background-image:url(../img/h_llista_autor.gif); background-repeat:no-repeat;}
#head_llista_tots{background-image:url(../img/h_llistat_tots.gif); background-repeat:no-repeat;}



/*Menu esquerra*/
#col1 .cont ul{list-style:url(../img/list-item.png); margin:0; padding:0; margin-left: 16px;}
#col1  .cont ul li {margin:4px 0;}
#col1 .cont ul li a{font-size:12px; color:#666; text-decoration:none; display:block; width:160px;clear:both;/* background-image:url(../img/fletxa_blava_clar.gif); background-repeat:no-repeat;*/ padding:6px; padding-left:0;/* padding-left:18px; background-position: left center;*/}
/*#col1 .cont ul li a.actiu{background-image:url(../img/menu_open.gif);}*/
#col1 .cont ul li a:hover,
#col1 .cont ul li a.actiu,
#col1 .cont ul li a.actiu:hover{color:#66B8DC; text-decoration:underline;}
#col1 .cont ul li ul{padding-left:0px;}
#col1 .cont ul li ul{list-style:url(../img/list-item2.png);}
#col1 .cont ul li ul li a.actiu, #col1 .cont ul li ul li a{/*background-image:url(../img/fletxa_gris.gif);*/}
#col1 .cont ul li ul li a.actiu,#col1 .cont ul li ul li a:hover{color:#66B8DC;}
#col1 .cont ul li ul li a.obert{color:#666;}

.bloc_c_p{margin-right:3px;}
.bloc_c_p .cont{min-height:154px; }

.eix-publicacio-unit, .publicacio-unit{width:340px; margin-bottom:12px;}
.publicacio-foto{float:left; width:72px; border:3px solid #666; margin-right:10px;}
.publicacio-info{float:left; width:252px;}
.publicacio-info .novetat{height:52px;float:left;}
.publicacio-info .exemplarDigital{height:52px;}
.eix-publicacio-info h2, .eix-publicacio-info h2 a,  .publicacio-info h2,.publicacio-info h2 a {font-size:12px; font-weight:normal; margin-bottom:0; padding-bottom:0; color:#5c5653; }
.eix-publicacio-info p, .publicacio-info p{margin:0; padding:0;}
.eix-publicacio-info a, .publicacio-info a, .publicacio-info .coleccio{font-weight:bold; color:#66B8DC; text-decoration:none;}
.eix-publicacio-info a:hover, .publicacio-info a:hover{text-decoration:underline;}

.eix-publicacio-unit{width: 600px;}


.list-unit{border-bottom:1px solid #666; padding:8px 0;}
.list-unit p{padding:0; margin:0;}
.list-unit h2,.list-unit h2 a{font-size:12px; font-weight:normal; margin-bottom:0; padding-bottom:0; color:#5c5653; }
.list-unit .data{font-weight:bold; color:#66B8DC;}
.list-unit h2{font-size:14px; margin:0; padding:0; color:#5c5653; font-weight:normal;}


/*Agenda*/
.event-unit,.recull-unit, .noticia-unit{border-bottom:1px solid #666; margin-bottom:12px;}
.event-foto, .recull-foto{float:left; width:72px; border:3px solid #666; margin-right:10px; }
.event-info, .recull-info{float:left;}
.event-info .data, .recull-info .data, .noticia-unit .data{color:#66B8DC; font-weight:bold;}
.event-info h2, .recull-info h2, .noticia-unit h2, .noticia-unit h2 a{font-size:14px; margin:0; padding:0; color:#5c5653; font-weight:normal;}
.event-info p, .recull-info p{margin:0; padding:0; width:570px;}
.event-info .document,.recull-info .document{margin-top:6px;}
.event-info a.doc{display: block; padding: 6px; padding-left: 30px; background-image: url(../img/pdf.gif); background-repeat: no-repeat;}



/*Llista autors*/
.list2-unit{border-bottom:1px solid #000;}
.list2-unit h2{margin-bottom:0;padding-bottom:0; margin-top:12px; font-size:14px; color:#5c5653; font-weight:normal;}
.list2-unit p{margin-top:0;}

/*Fitxa de publicacio*/
.col1, .col2{ float:left;}
.col1{width:210px; margin-right:8px;}
#fitxa_foto{width:206px; background-color:#5c5653;}

.col2{padding:4px;}
#fitxa h2{font-size:14px; font-weight:normal; margin:0; padding:0; color:#5c5653; width:450px;}
#fitxa .publicacio-info h2{width:370px;}
#fitxa p{margin:0; padding:0;}
#fitxa #autor a{font-weight:bold;}
#fitxa #coleccio a{color:#666; font-weight:normal;}
#fitxa #caracteristiques{margin-top:12px;}
#fitxa #caracteristiques p{width:450px;}
#fitxa #caracteristiques p#resum{margin:12px 0; width:450px;}
#fitxa #caracteristiques span{color:#66B8DC;}

p#resum{margin:12px 0; width:250px;}

#fitxa #llibres_autor{margin-top:24px;}
#fitxa #llibres_autor span{font-weight:bold;}

.tornar{float:right;}

/*Documents addicionals*/
ul.addicionals{margin:0; padding:0; list-style:none;}
ul.addicionals li{margin-top:30px;}

/*Links amb imatge*/
/*.pdf, .link, .recomana, .imprimir{display:block;  background-repeat:no-repeat; width:128px; height:26px; line-height:26px; padding-left:32px;}*/
.pdf, .link, .recomana, .imprimir, .versDigit{display:block;  background-repeat:no-repeat; width:128px; height:35px; padding-left:40px;}
.pdf{background-image:url(../img/pdf.gif); }
.link{background-image:url(../img/link.gif); }
.recomana{background-image:url(../img/recomana.gif); }
.imprimir{background-image:url(../img/imprimir.gif); }
.versDigit{background-image:url(../img/ma_petit.png); }


#boto_subscripcio{
    width:210px;
    display:block;
    height:22px;
    background-image:url(../img/accedir_subscripcio.gif);
    background-position:top;
    background-repeat:no-repeat;
}
#boto_subscripcio:hover{ background-position:center;}

.mesinfo{color:#5c5653; font-weight:bold;  text-decoration:none;}
.mesinfo img{vertical-align:-2px;}

#separador{height:80px; position:relative; clear:both;}
#peu{background-color:#2c2a29; height:80px;  margin-top:-80px; z-index:10; position:relative; color:#fff;}
#peu-cont{position:relative; width:960px; margin:0 auto;}
#peu-cont #peu-menu{position:absolute; top:8px; left:15px; width: 100%; text-align: center;}
#peu-cont #peu-menu p{padding:2px; margin:0;}
#peu-cont #peu-menu a{color:#fff; text-decoration:none;}
#peu-cont #peu-menu a:hover,#peu-cont #peu-menu a.actiu{text-decoration:underline;}

#peu-cont #peu-logos{position:absolute; right:15px; top:8px;}
#peu-cont #peu-logos img{margin-left:14px;}

/*PAGINACIO*/
.paginator{}
.paginator .nav{width:650px; margin-top: 8px;}
.paginator .nav a{padding:6px; margin-right:4px; font-size: 12px;}
.paginator .nav a.actiu,.paginator .nav a.actiu:hover{font-weight: bold; text-decoration: none; background-color: #60C9E3; color:#fff;}
.inv{display:none;}
.totalElem{float:right;}



/*FORMULACIO*/
#cercador,#cercador_gran{}
#cercador_gran label{display:block;width:300px; clear:both; margin-bottom: 2px;}
#cercador #boto a, #cercador_gran #boto a{width:106px; display:block; height:22px; background-image:url(../img/cercar.gif); background-position:top;}
#cercador_gran #boto a:hover{background-position:center;}
INPUT.any{width: 40px;}

INPUT, TEXTAREA, SELECT{
    border:1px #5c5653 solid;
    padding:3px;
    /* borde redonedado */
    -moz-border-radius:5px; /* For Mozilla Firefox */
    -khtml-border-radius:5px; /* For Konqueror */
    -webkit-border-radius:5px; /* For Safari */
    border-radius:5px; /* For future native implementations */
}
INPUT:FOCUS, TEXTAREA:FOCUS, SELECT:FOCUS{border-color:#66B8DC;}

/*Altres*/
.fl{float:left;}
.cb{clear:both; height:8px;}
.align_right{text-align:right; margin-bottom:0; padding-bottom:0;}
a img{border:0;}
.va6{vertical-align:-7px;}
.lower{text-transform: lowercase;}




/*KEYBOARD*/
#keyboard-cont{position: absolute; top: 0px; padding-top:20px; width: 960px; background-color: #ccc; opacity:.95; padding-bottom:22px;}
#keyboard-cont #tancar{position: absolute; right: 20px; top: 20px; font-size: 14px; color: #666;}
#keyboard-cont #tancar:hover{text-decoration: none;}
#keyboard {
    margin: 0 auto;
    width: 700px;
    padding: 0;
    list-style: none;
}
#keyboard li, #keyboard-cont #tancar {
    float: left;
    margin: 0 5px 5px 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    border: 1px solid #f9f9f9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.capslock, .tab, .left-shift {
    clear: left;
}
#keyboard .tab, #keyboard .delete {
    width: 70px;
}
#keyboard .capslock {
    width: 80px;
}
#keyboard .return {
    width: 77px;
}
#keyboard .left-shift {
    width: 95px;
}
#keyboard .right-shift {
    width: 109px;
}
.lastitem {
    margin-right: 0;
}
.uppercase {
    text-transform: uppercase;
}
#keyboard .space {
    clear: left;
    width: 681px;
}
.on {
    display: none;
}
#keyboard li:hover {
    position: relative;
    top: 1px;
    left: 1px;
    border-color: #e5e5e5;
    cursor: pointer;
}

.noDisponible{
    color: red;
}

/*a.tooltip {outline:none; }
a.tooltip img{width: 15px; margin-left: 5px; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;}
a.tooltip span { z-index:10;display:none; padding:0px 10px; margin-top:12px; margin-left:10px; width:83px; line-height:16px; }
a.tooltip:hover span{ display:inline; position:absolute; border:2px solid #FFF; color:#EEE; background:#66b8dc; }
a.tooltip:hover span{ display:inline; position:absolute; border:2px solid #FFF; color:#EEE; background:#000 url(img/tooltip/css-tooltip-gradient-bg.png) repeat-x 0 0; }
.callout {z-index:20;position:absolute;border:0;top:12px;left:-17px;} CSS3 extras
a.tooltip span { opacity: 1; }*/


a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;}
a.tooltip span { z-index:10;display:none; padding:0px 10px; margin-top:12px; margin-left:0px; width:83px; line-height:16px; }
a.tooltip:hover span{ display:inline; position:absolute; border:2px solid #FFF; color:#EEE; background-image: url(../img/bafarada.png); background-repeat: no-repeat; }
.callout {z-index:20;position:absolute;border:0;top:12px;left:-17px;} /*CSS3 extras*/
a.tooltip span { opacity: 1;  display: block; height: 30px; opacity: 1; width: 100px;}

.subscripcio {max-width: 650px;}
.subscripcio h2 {width: 650px !important;}
.subscripcio label{margin-bottom: 2px;display:block;}
.subscripcio .campsInscripcio{margin-left: 35px;}