@charset "utf-8";
/************************************ Stili generici *************************************/
body{
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-image:url(../layout/spokom/sfondo_spokom.jpg);
background-position:left 120px;
background-repeat:no-repeat;
}

body.pagina_interna{
background-image:url(../layout/spokom/sfondo_spokom_interno.jpg);
background-position:left 120px;
background-repeat:no-repeat;
}

.invisibile{
display:none;
}

div{
}

a{
color:#D43F41;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

/********************************** contenitore_totale ***********************************/
.contenitore_totale{
float:left;
width:1000px;

}

/*************************************** testata *****************************************/
.testata{
float:left;
width:1004px;
background-image:url(../layout/spokom/testata_01.jpg);
background-position:right top;
background-repeat:no-repeat;
height:126px;
}

.testata p{
padding:0;
margin:0;
}

.testata img{
border:0px solid #000;
}

/********** form di ricerca ***************/
.motore_ricerca{
position:absolute;
top:66px;
left:818px;
width:180px;
}

.motore_ricerca input{
font-size:11px;
border:1px solid #000;
}

.motore_ricerca input.cerca{
font-size:11px;
border:0px solid #000;
background-color:#d43f41;
color:#fff;
font-weight:bold;
}

/********************************* navigazione *****************************************/
.navigazione{
float:left;
padding:15px 0 20px 0;
margin:-41px 35px 0 0;
}

.navigazione ul{
padding:0;
margin:0;
font-size:12px;
}

.navigazione li{
margin:0 7px 0 11px;
padding:0;
display:inline;
float:left;
}

.navigazione li a{
font-weight:bold;
color:#fff;
text-decoration:none;
}

.navigazione li a:hover{
text-decoration:underline;
}

.navigazione li a.logout {
color:#ffff00;
}

/******************************* contenuti_pagina *****************************************/
.contenuti_pagina{
width:998px;
float:left;
margin:35px 0 0 0;
}

/******************************* navigazione_categorie *******************************/
.navigazione_categorie{
float:left;
width:290px;
height:465px;
margin:0;
}

.navigazione_categorie ul{
list-style-type:none;
margin:25px 0 0 10px;
padding:0;
}

.navigazione_categorie li{
background-image:url(../layout/spokom/puntatore_macchia.png);
background-position:left top;
background-repeat:no-repeat;
padding:5px 0 8px 25px;
}

.navigazione_categorie li a{
color:#000;
font-weight:bold;
text-decoration:none;
}

.navigazione_categorie li a:hover{
text-decoration:underline;
}

.icona_contatti img{
border:0px solid #000;
margin:25px 0 0 7px;
}

.navigazione_categorie li.voce_selezionata{
color:#d43f41;
font-weight:bold;
text-decoration:underline;
}

/******************************* contenitore_poesie **************************************/
.contenitore_elenco_poesie{
float:left;
width:685px;
height:640px;
padding:0;
margin:-27px 0 0 20px;
}

/* solo per la pagina interna con l'elenco delle poesie dopo aver cliccato su una categoria */
/* pagina elenco_poesie.php */
.box_elenco_poesie{
float:left;
background-image:url(../layout/spokom/box_elenco_poesie.png);
background-repeat:no-repeat;
background-position:12px top;
width:695px;
height:638px;
}

.box_elenco_poesie a{
text-decoration:none;
color:#d43f41;
}

.box_elenco_poesie a:hover{
text-decoration:underline;
}

.box_elenco_poesie h1{
font-size:18px;
color:#333;
margin:30px 40px 10px 53px;
font-weight:normal;
}

.box_elenco_poesie ul{
height:470px;
margin:0 0 0 14px;
list-style:none;
}

.box_elenco_poesie li{
float:left;
width:280px;
background-image:url(../layout/spokom/puntatore_poesie.gif);
background-position:left 7px;
background-repeat:no-repeat;
line-height:17px;
font-size:11px;
padding-left:10px;
margin-right:15px;
text-transform:uppercase;
}

.box_elenco_poesie li a{
color:#333;
font-weight:bold;
text-decoration:none;
}

.box_elenco_poesie li a:hover{
text-decoration:underline;
}

.paginazione{
float:left;
width:600px;
margin:0 0 0 51px;
padding:0 0 0 2px;
}

.paginazione p{
margin:0;
padding:0 0 2px 0;
border-top:1px solid #000;
text-align:center;
float:left;
width:590px;
}

.paginazione img{
border:0px solid #000;
}

.numeri_paginazione{
width:536px;
display:block;
float:left;
}

.icona_precedente, .icona_successiva, .icona_iniziale, .icona_finale{
display:block;
float:left;
margin-top:8px;
}

.icona_iniziale{
margin-right:5px;
}

.icona_finale{
margin-left:5px;
}

.numeri_paginazione a{
color:#333;
font-weight:bold;
text-decoration:none;
margin:0 3px 0 3px;
}

.numeri_paginazione a:hover{
text-decoration:underline;
}

span.numeri_paginazione span.selezionato{
font-size:18px;
color:#C12626;
margin:0 3px 0 3px;
}

/* solo per la poesia selezionata */
/* pagina poesia_selezionata.php */
.box_poesia_singola{
background-image:url(../layout/spokom/box_poesia_singola.png);
background-position:left top;
background-repeat:no-repeat;
float:left;
width:630px;
height:640px;
margin:-13px 0 0 60px;
}

.box_poesia_singola h1{
font-size:11px;
color:#333;
margin:30px 0 10px 45px;
text-transform:uppercase;
}

.sottotitolo{
margin:-2px 0 5px 45px;
padding:0;
font-style:italic;
}

.contenitore_testo_poesia{
margin:0 0 0 45px;
width:485px;
height:380px;
overflow:auto;
}

.info_poesia{
margin:15px 0 45px 45px;
width:485px;
}

.data_poesia{
float:left;
color:#333;
font-weight:bold;
}

.dedica{
float:right;
font-style:italic;
color:#333;
}


/* stili inerenti alla gestione ed inserimento dei preferiti */
form.aggiungi_preferiti{
margin:0 0 0 45px;
width:500px;
}

form.aggiungi_preferiti input{
background-image:url(../layout/spokom/icona_add_fav_big.png);
background-position:center top;
background-repeat:no-repeat;
background-color:transparent;
border:0px solid #000;
width:140px;
height:50px;
cursor:pointer;
float:left;
margin:0 25px 0 47px;
}

p.icona_preferiti_noform{
margin:0 25px 0 93px;
width:140px;
height:40px;
float:left;
}

p.icona_preferiti_noform img{
border:0px solid #000;
}

/* senza icona aggiungi ai preferiti in caso di elenco lavori preferiti */
p.senza_icona_preferiti{
margin:0 0 13px 175px;
width:230px;
}

.gia_preferita{
position:absolute;
left:415px;
top:115px;
color:#d43f41;
font-size:16px;
font-weight:bold;
}

.aggiunta_preferita{
position:absolute;
left:415px;
top:115px;
color:#668A35;
font-size:16px;
font-weight:bold;
}

.icona_indietro{
margin:0 115px 0 45px;
}

.icona_pdf{
margin-right:20px;
}

.icona_preferiti img, .icona_indietro img, .icona_pdf img, .icona_stampa img{
border:0px solid #000;
}

/* testo introduttivo prima dell'elenco in qualsiasi pagina elenco-poesie */
.box_elenco_poesie p.testo_introduttivo{
margin:3px 0 13px 54px;
text-transform:none !important;
background-image:none;
font-size:12px;
padding-left:0px;
}

/* solo per la pagina dei risultati della ricerca */
.elenco_risultati{
height:470px;
}

.elenco_risultati p{
width:580px;
margin:0 0 10px 54px;
text-transform:uppercase;
font-size:11px;
background-image:url(../layout/spokom/puntatore_poesie.gif);
background-position:left 5px;
background-repeat:no-repeat;
padding:0 0 0 10px;
}

.elenco_risultati p a{
color:#333;
font-weight:bold;
text-decoration:none;
}

.elenco_risultati p a:hover{
text-decoration:underline;
}

.categoria_ricerca{
font-size:9px;
margin:0 0 0 54px;
}

.parola_cercata{
color:#d43f41;
font-weight:bold;
}

.elenco_risultati p.no_result, p.no_result{
margin-left:54px;
text-transform:none;
background-image:none;
padding:0 0 0 0;
font-size:12px;
}

/* solo per la pagina about spokom */
.testo_generico{
width:590px;
margin:0 0 0 54px;
line-height:16px;
}

.testo_generico img{
float:right;
margin-top:-10px;
}

/* solo per la pagina guestbook */
.contenitore_messaggi{
margin:0 0 0 54px;
height:499px;
}

.singolo_messaggio{
border-bottom:1px dotted #333;
width:587px;
height:75px;
margin:0 0 4px 0;
padding:0 0 4px 0;
}

.contenitore_messaggi a{
color:#9a1e1f;
text-decoration:none;
}

.contenitore_messaggi a:hover{
text-decoration:underline;
}

.singolo_messaggio p{
margin:0 0 5px 0;
font-size:11px;
}

.nome{
font-weight:bold;
}

.email{
}

.messaggio{

}

.data{
font-style:italic;
}	

.firma_guestbook{
float:right;
margin:-41px 0 0 0;
padding:15px 90px 10px 35px;
background-image:url(../layout/spokom/icona_firma_guestbook.png);
background-position:155px 7px;
background-repeat:no-repeat;
}		

.firma_guestbook a{
color:#9a1e1f;
text-decoration:none;
}

.firma_guestbook a:hover{
text-decoration:underline;
}	

.testo_iniziale{
width:590px;
}

.form_inserisci_messaggio{
margin:30px 0 30px 105px;
border:1px dotted #ccc;
width:335px;
padding:20px 20px 10px 20px;
}

.form_inserisci_messaggio label{
display:block;
float:left;
width:80px;
font-weight:bold;
font-size:11px;
}

.form_inserisci_messaggio input{
width:250px;
border:1px solid #ccc;
background-color:transparent;
}

.form_inserisci_messaggio input.pulsante_rosso{
width:108px;
background-color:#d43f41;
border:1px solid #d43f41;
color:#fff;
font-weight:bold;
margin:0 0 0 224px;
padding:3px 0 3px 0;
font-size:11px;
}

.form_inserisci_messaggio p{
margin:0 0 10px 0;
padding:0 0 0 0;
}

.form_inserisci_messaggio textarea{
width:250px;
border:1px solid #ccc;
background-color:transparent;
}

.errore{
color:#d43f41;
font-size:14px;
font-weight:bold;
}

.inserimento_effettuato{
color:#92BE56;
font-size:14px;
font-weight:bold;
}


/* per pagine di registrazione e login su spokom */
.form_inserisci_messaggio input.accedi{
margin:0 0 0 55px;
width:60px;
}

.form_inserisci_messaggio .registrati{
margin:0 0 0 80px;
}

.torna_login{
margin:0 0 0 54px;
}

.bordo_sotto_grigio{
border-bottom:1px dotted #666;
padding-bottom:10px;
margin-bottom:10px;
}

/*************************************** footer *****************************************/
.footer{
float:left;
width:999px;
font-weight:bold;
line-height:18px;
height:60px;
color:#000;
margin:13px 0 0 0;
}

.footer p.copyright{
float:left;
margin:0 0 0 10px;
padding:0;
}

.footer p.logo_radical_sheet{
float:right;
margin:0 40px 0 0;
padding:0;
}

.footer p.logo_radical_sheet img{
float:right;
margin:0 0 0 30px;
border:0px solid #000;
}

.footer p.logo_radical_sheet a{
color:#000;
text-decoration:none;
}

.footer p.logo_radical_sheet a:hover{
color:#000;
text-decoration:underline;
}

/* contatore */
.contatore{
width:590px;
text-align:center;
margin-top:0px;
}

/***************************** pagina poesie più votate *********************************/
.numero_voti{
float:right;
margin:-16px 10px 0 0;
text-transform:lowercase;
}

.numero_voti strong{
font-size:14px;
font-weight:bold;
color:#D43F41;
}

/***************************** box_homepage *********************************/
.contenitore_aforismi{
float:left;
width:630px;
height:70px;
margin:0 0 25px 50px;
}

.aforisma{
margin:-10px 0 0 0;
padding:0;
}

.stili_aforisma{
font-size:16px;
font-weight:bold;
line-height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666;
}

.ultime_poesie{
float:left;
width:630px;
height:200px;
margin-left:50px;
}

.ultime_poesie h1{
font-size:18px;
color:#333;
margin:0px 40px 10px 0px;
font-weight:normal;
}

.ultime_poesie ul{
margin:0 0 0 -40px;
list-style:none;
}

.ultime_poesie li{
float:left;
width:280px;
background-image:url(../layout/spokom/puntatore_poesie.gif);
background-position:left 7px;
background-repeat:no-repeat;
line-height:17px;
font-size:11px;
padding-left:10px;
margin-right:15px;
text-transform:uppercase;
}

.ultime_poesie li a{
color:#333;
font-weight:bold;
text-decoration:none;
}

.ultime_poesie li a:hover{
text-decoration:underline;
}

/************************* popup Commenti ai lavori e Form relativo *************************/
/*.contenitore_commenti{
margin:7px 0 -10px 0;
float:left;
}

.header_commento_singolo{
float:left;
margin:0 0 0 80px;
width:560px;
height:10px;
background-image:url(../layout/spokom/sfondo_commento_header.png);
background-position:left top;
background-repeat:no-repeat;
}

.body_singolo_commento{
float:left;
margin:0 0 0 80px;
width:480px;
background-image:url(../layout/spokom/sfondo_commento_body.png);
background-position:left top;
background-repeat:repeat-y;
padding:5px 30px 5px 50px;
}

.footer_commento_singolo{
float:left;
margin:0 0 15px 80px;
width:560px;
height:15px;
background-image:url(../layout/spokom/sfondo_commento_footer.png);
background-position:left top;
background-repeat:no-repeat;
}

.body_singolo_commento .categoria_ricerca{
margin-left:0px;
}

.body_singolo_commento p{
margin:0;
}*/

.popup_commenti{
position:absolute;
top:150px;
left:10px;
height:252px;
width:325px;
border:2px solid #C12626;
font-size:11px;
padding:0 10px 0 10px;
}

.popup_commenti{
height:400px;
width:345px;
}

.popup_commenti p.chiudi_popup{
text-align:right;
background-color:#C12626;
padding:3px 5px 3px 5px;
clear:both;
}

.popup_commenti p.chiudi_popup a{
color:#fff;
}

.testi_popup p{
margin:0;
padding:0;
}

.testi_popup div{
padding:0 0 7px 0;
margin:0 0 7px 0;
border-bottom:1px dotted #666;
}

.testi_popup{
overflow:auto;
height:200px;
margin:10px 0 10px 0;
padding:0 10px 0 0;
}

.popup_commenti .testi_popup{
height:350px;
}

div.testi_popup span.categoria_ricerca{
margin:0;
padding:0;
}

.pulsante_commenti{
position:absolute;
top:205px;
color:#D43F41;
font-style:italic;
cursor:pointer;
font-weight:normal;
font-size:12px;
left:800px;
text-align:right;
width:100px;
}

.testi_popup input.pulsante_rosso{
width:60px;
background-color:#d43f41;
border:1px solid #d43f41;
color:#fff;
font-weight:bold;
margin:0 0 0 0;
padding:3px 0 3px 0;
font-size:11px;
}

.testi_popup form{
margin-top:15px;
}

.testi_popup form label{
font-weight:bold;
display:block;
float:left;
width:70px;
}

.testi_popup form p.textarea_commento label{
float:none;
padding-bottom:5px;
}

.testi_popup form input{
width:245px
}

.testi_popup form p{
margin:0 0 10px 0;
}

.testi_popup p.cont_pulsanti_rossi{
margin-left:195px;
width:125px;
}


.errore_commento{
position:absolute;
left:415px;
top:115px;
color:#d43f41;
font-size:16px;
font-weight:bold;
}

.commento_inserito{
position:absolute;
left:415px;
top:115px;
color:#668A35;
font-size:16px;
font-weight:bold;
}

.captcha, .captcha_guestbook{
border:1px solid #ccc;
background-color:#f0f0ee;
float:left;
width:317px;
}

.captcha_guestbook{
width:330px;
}

.captcha img, .captcha_guestbook img{
float:left;
padding:5px;
}

.testi_popup form input.serurimg, .captcha_guestbook input.serurimg{
width:130px;
float:left;
margin:17px 0 0 10px;
}

.captcha_guestbook input.serurimg{
margin-right:10px;
}

.icona_ricarica{
float:left;
margin:13px 0 0 0;
}

/*.contenitore_inserisci_commenti{
margin:20px 0 30px 35px;
border:1px dotted #ccc;
padding:20px 20px 10px 20px;
border:0px dotted #ccc;
margin:10px 0 0 60px;
background-image:url(../layout/spokom/box_commento.png);
background-position:-5px top;
background-repeat:no-repeat;
width:550px;
height:435px;
float:left;
}

.contenitore_inserisci_commenti form{
margin:3px 0 0 40px;
}

.contenitore_inserisci_commenti form .captcha{
margin:0 0 8px 75px;
border:1px solid #ccc;
width:350px;
padding:0 0 0 30px;
}

.contenitore_inserisci_commenti label{
display:block;
float:left;
width:75px;
font-weight:bold;
font-size:11px;
}

.contenitore_inserisci_commenti input{
width:380px;
border:1px solid #ccc;
background-color:transparent;
}

.contenitore_inserisci_commenti input.pulsante_rosso{
width:50px;
background-color:#d43f41;
border:1px solid #d43f41;
color:#fff;
font-weight:bold;
margin:0 0 0 0px;
padding:3px 0 3px 0;
font-size:11px;
}

.contenitore_inserisci_commenti p.cont_pulsanti_rossi{
margin-left:353px;
width:106px;
}

.contenitore_inserisci_commenti p{
margin:0 0 10px 0;
padding:0 0 0 0;
}

.contenitore_inserisci_commenti textarea{
width:380px;
border:1px solid #ccc;
background-color:transparent;
}*/

/************************* paginazione per il lavoro selezionato ***************************/
.paginazione_lavoro_selezionato{
float:left;
width:562px;
margin:5px 0 0 45px;
padding:0;
}

.paginazione_lavoro_selezionato p{
margin:0;
padding:2px 0 0 0;
width:485px;
border-top:1px solid #000;
}

.paginazione_lavoro_selezionato img{
border:0px solid #000;
}

.torna_indice{
margin:2px 177px 0 177px;
display:block;
float:left;
}

.paginazione_lavoro_selezionato span.icona_precedente, 
.paginazione_lavoro_selezionato span.icona_successiva{
margin-top:5px;
}

.torna_indice a{
color:#333;
font-weight:bold;;
margin:0 5px 0 5px;
}

/***************** navigazione di cortesia per il lavoro selezionato ***********************/
.navigazione_cortesia{
padding:30px 0 0 0;
margin:0 0 -18px 45px;
width:550px;
font-size:11px;
font-weight:bold;
}

.navigazione_cortesia a{
font-weight:normal;
}

.capitalizza{
text-transform:uppercase;
}