/**********************
/*  versione 1.5      *
/*  del 24-07-08      *
***********************/

/****** LOG modifiche ******

restyling annessi-connessi

***************************/
/* colori 
rosso = #B60E3D
marrone scuro= #43242E
marrone chiaro = #B5AF91
beige = #D4CFBB
*/

/* ====== regole generali =====*/

UL, OL, LI, BODY, H1, H2, H3, H4, P, DIV, FORM {margin: 0;padding: 0;}

INPUT {margin:0px;}

*{line-height:130%}


body {font: 11px/130% "Trebuchet MS", sans-serif;background: url("../img/body_border.gif") 1000px 0 repeat-y;}
ul {list-style:none}
a {color:#000; text-decoration:none}
a:hover {/*background:#E8E5D8; text-decoration:none*/}
br.clear {clear:both}
br.space {padding-bottom:20px;}

h1 {color:#B60E3D; font-size:20px; line-height:130%;}
h2 {color:#B60E3D; line-height:130%;}
h3 {font-size:13px;position:relative; line-height:130%;}
h4 {font-size:11px;color:#43242E}
img {border:0;}

select, input, textarea {font:11px "Trebuchet MS", sans-serif;}

.rosso {color:#B60E3D;}

u {text-decoration:none}

/* ============= struttura principale ================================*/

#container {width:1000px;}
#banners {background:#FFF; height:90px; border-bottom:1px solid #FFF;} /*fisso*/
#headerTop {clear:both;}
#headerNav {clear:both;}
#wrapper { float: left; width: 1000px; background:#E8E5D8;} 
#content {float:left; width:695px;}
#rightCol {float:right; width:305px; }
#footer{clear:both; width:100%; height:100px; background:#B60E3D; }

/* nell'HEADER 
============================= */

/* === search */
#search {width:595px; height:30px; float:left; background:#D4CFBB;}
#search .data {color:#000;  margin:8px 10px 0px 5px; float:left; font-size:11px;}
#search #buca { float:right; padding:2px 10px; margin:3px 10px 2px 0px; background:#F0EFE6;}
#search #buca form {display:inline;}
#search .cerca {font-size:12px; color:#4F2A36; padding-right:10px;}
#search #buca input {height:11px; width:208px; /*vertical-align:top;*/ font-family:arial; font-size:10px;}

/* === nav di servizio - navTop */
#navTop {width:405px; height:30px; float:right; background:#D4CFBB;}
#navTop ul {margin:0; padding:2px 2px 0 160px; list-style-type:none; } /*padding per allineare a destra */
#navTop li {border-left:1px solid #fff; float:left; margin:0; padding:0;}
#navTop li a {color: #000; display:block; font-size:11px; text-decoration:none; padding:5px 4px;}
#navTop li a:hover {color:#B60E3D; background:transparent; }

/* ======== blocco navigazione */
#headerNav {clear:both; background-color:#B60E3D; height:104px; background-color: #B60E3D;background-image: url("../img/menu_3.gif");background-repeat: no-repeat;background-position: left bottom;} 
#headerNav2 {clear:both; background-color:#B60E3D; height:104px; background-color: #B60E3D;background-image: url("../img/menu_1.gif");background-repeat: no-repeat;background-position: left bottom;} 
#headerNav3 {clear:both; background-color:#B60E3D; height:104px; background-color: #B60E3D;background-image: url("../img/menu_2.gif");background-repeat: no-repeat;background-position: left bottom;} 
#headerNav_small {clear:both; background-color:#B60E3D; height:33px; background-color: #B60E3D;background-image: url("../img/menu_4.gif");background-repeat: repeat-x;background-position: left bottom;} 

#navBar { /*contiene logo e 3file mainmenu*/ width: 695px;height: 104px;float: left;  } 
#navBar2 { /*contiene logo e 1fila mainmenu*/ width: 409px; height: 104px;float: left;} 
#navBar3 { /*contiene logo e 2file mainmenu*/ width: 552px; height: 104px;float: left;} 
#navBar_small { /*contiene logo e 3file mainmenu - w695*/ width: 1000px;height: 33px;float: left;  } 

#logo {  height:104px; float:left; width:266px; text-align:center;}
#logo img {padding-left:0px;}
#logo a:hover {background-color:transparent;}
#quicklink {height: 91px;float:right;width:305px;background:#fff;} 

#logo_small {  height:31px; float:left; width:266px; text-align:left;}
#logo_small img {padding-left:0px;}
#logo_small a:hover {background-color:transparent;}
#quicklink_small {height: 14px;float:right;width:289px;background:#fff; padding: 8px 0 0 16px} 
#quicklink_small A { font-family: Trebuchet MS; font-size: 11px; font-weight: bold; color: #49232F} 
 
#style_links { list-style-type: none; float: right; margin-top: 8px}
#style_links LI { float: left; margin-right: 18px}
#style_links LI.last { margin-right: 7px}
#style_links LI A { color: White}
#style_links LI A:hover { color: #B60E3D}

/* ==== main menu - lista */
.mainMenu {  padding-top:4px; }

.mainMenu ul {margin:0px; padding:0px; }
.mainMenu li { height: 22px;float: left;list-style-type: none; margin: 0; padding: 0; text-indent:10px; font-size:15px; font-weight:normal; background-image: url("../img/menu_li.gif");}
.mainMenu li a {color:#fff; text-decoration:none; width:143px; display:block; padding-top:2px; font-weight:normal; }
.mainMenu li a:hover {color:#d4cfbb; background-color:transparent;}
.mainMenu li.selected { height: 22px;float: left;  list-style-type: none; margin: 0; padding: 0; text-indent:10px; width:143px; display:block; background-image: url("../img/menu_li_selected.gif");}
.mainMenu li.selected a {color:#43242E; font-weight:bold; }
.mainMenu li.selected a:hover {color:#fff;}
.mainMenu li a.selected {color:#43242E; font-weight:bold; }
.mainMenu li a.selected:hover {color:#fff;}

/* ==== quicklinks */
#quicklink h4 {font-size: 11px;color: #B7103E;font-weight: bold;padding: 3px 13px;}
#quicklinkWrapper {margin-left: 10px;float: left;}
#quicklink ul {margin: 0 8px 0 0;padding: 0px;float: left;}
#quicklink li {list-style-type: none;margin: 0;display: inline;}
#quicklink li a {font-size: 11px;margin: 0;padding: 0 0 2px 3px;color: #43242E;text-decoration: none;display: block;width: 80px; line-height: 12px;background-image: url("../img/dot_link.gif");background-repeat: repeat-x;background-position: left bottom;}
#quicklink li a:hover {color: #fff;background: #43242E;}


/* in CONTAINER 
============================= */
#boxContainer {margin:0px 6px 7px; } 

/* =============  path e path_home */
#path_home {font-size:15px; font-weight:bold; color:#43242E; margin:0 0 4px; }

#path {font-size:15px; font-weight:normal; color:#A08D6E; margin:0 0 4px; }
#path .curr {font-size:15px; font-weight:normal; color:#b60e3d ; margin:0 0 4px; }
#path img {vertical-align:top; padding-top:5px;}
#path a {color:#A08D6E; font-weight:bold;}


/* ========== login (3 stati differenti) */
/*
#login.invia a {text-decoration:underline; color:#43242E;}
#login.invia a:hover {background-color:transparent;}
#login p.input {font-size:12px; padding:5px 0 2px 0;}
#login input.input {padding:0px; border:0px none #D1CDB4; position:absolute; right:105px; width:120px; height:15px; background-image:url('../img/input_login.gif'); padding:2px 0px 0px 4px; font-size:11px;color: #43242E;}
#login #ricorda {position:absolute; right:10px; top:30px; font-size:10px;}
#login #invia {position:absolute; right:45px; top:50px;}
#login #invia input {text-align: center;background: url("../img/bg_login_button_invia.gif") 0 0px no-repeat;width: 57px;color: #43242E;text-transform: uppercase;font-size:10px;font-weight:bold;border-width:0px; font: 11px "Trebuchet MS", sans-serif; cursor:pointer; padding:2px; margin:0px;}
#login #invia input:hover {background: url("../img/bg_login_button_invia.gif") 0 -24px no-repeat;width: 57px;}
#login .persa {text-align:center; margin-top:5px;}

#loginWrapper {background:#E8E5D8; padding:2px 2px 6px 0px; position:relative;}
#login {padding:5px;border-bottom:1px solid #C7C5BA;border-left:1px solid #DDDACE; border-right:1px solid #DDDACE; background:#D4CFBB; color:#43242E;}
#login a {text-decoration:none; color:#43242E;}
#login p.esci {text-align:right; font-size:10px; position:absolute; right:30px;}
#login p.esci A {border-bottom:1px solid #E8E5D8;}
#login .small {font-size:10px;}
#login p.user {font-size:15px; margin-top:10px;}
#login #notifiche {width:17px; margin:-5px 0 0 0px; padding:5px 0px 0 2px; height:64px; border-left:3px solid #E8E5D8; position:absolute; right:5px;}
#login #notifiche A {}
#login #notifiche IMG {margin:0 0 3px 0; padding:0px;}

#loginbutton {height:20px; border-top:5px solid #D4CFBB; margin-left:-5px;} 
#loginbutton a {float: left;text-align: center;background: url("../img/bg_login_button.gif") 0 0px no-repeat;width: 87px;color: #43242E;text-transform: uppercase;font-size:10px;font-weight:bold;margin-left: 1px !important;padding: 5px 0;}
#loginbutton a:hover {background: url("../img/bg_login_button.gif") 0 -24px no-repeat;width: 87px;}
*/

/******************************************************************************/
/*                                LOGIN                                       */
/******************************************************************************/

#loginWrapper.login {background:#d4cfbb; padding:0px; margin:9px 5px 5px 3px; position:relative;}
#loginWrapper.login .innerLogin {padding:6px;}
#loginWrapper.login UL {position:absolute; right:5px; top:2px; font-size:10px; border-left:1px solid #FFF; padding-left:3px;}
#loginWrapper.login LI {background:url('../img/li_red.gif') no-repeat left 4px; padding-left:8px;}
#loginWrapper a  {text-decoration:none; color:#43242E;}
#loginWrapper a:hover  {text-decoration:underline; background-color:transparent}

#loginWrapper.login .inputLogin INPUT {background:url('../img/bg_login_wide.gif') no-repeat left center; border:0px solid #FFF; color:#43242e; font-weight:bold; padding:2px 5px; width:150px;}
#loginWrapper.login .inputPass, #loginWrapper.login #invia, #loginWrapper.login #ricorda {display:none;}

#loginWrapper.login.aperto .inputPass, #loginWrapper.login.aperto #invia, #loginWrapper.login.aperto #ricorda {display:block;}
#loginWrapper.login.aperto .inputLogin INPUT, #loginWrapper.login.aperto .inputPass INPUT {background:url('../img/bg_login_wide_open.gif') no-repeat left center; border:0px solid #FFF; color:#43242e; font-weight:bold; padding:2px 5px; width:150px;}
#loginWrapper.login.aperto .inputLogin INPUT {margin-bottom:4px;}
#loginWrapper.login.aperto #invia {position:absolute; right:70px; top:34px;}
#loginWrapper.login.aperto #invia INPUT {background:url('../img/bg_login_ok.gif') no-repeat left center; border:0px; color:#43242e; font-weight:bold; width:51px; height:17px; cursor:pointer;}
#loginWrapper.login.aperto #ricorda {color:#969072; font-size:10px; margin-bottom:-3px;}
#loginWrapper.login.aperto #ricorda INPUT {margin:0px 0 0 0px; position:relative; top:2px;}

#loginWrapper.logged {background:#d4cfbb; padding:0px; margin:9px 5px 4px 3px; border-bottom:1px solid #E8E5D8; position:relative;}
#loginWrapper.logged .innerLogin {padding:1px 0px 0px 0px;}
#loginWrapper.logged .loginAvatar {position:relative; float:left; margin-left:1px;}
#loginWrapper.logged .loginAvatar .over {cursor:pointer; width:30px; height:30px; background:url('../img/overavatar.gif') no-repeat left center; position:absolute; top:0px; left:0px;}
#loginWrapper.logged .ciao {color:#43242E; padding:7px 0 8px 35px; font-size:12px;}
#loginWrapper.logged #notifiche {position:absolute; right:5px; top:10px;}
#loginWrapper.logged .bottom {display:none;}

#loginWrapper.logged.aperto .ciao {padding-bottom:7px;}
#loginWrapper.logged.aperto .bottom {display:block; background:#e6e4da url('../img/bg_login_wide_buttons.gif') no-repeat left top; padding:5px 0 5px 55px; margin:0px;}
#loginWrapper.logged.aperto .button {border:1px solid #d4cfbb; font-size:10px; background-color:#FFF; color:#43242E; font-weight:bold; float:left; width:auto; padding:0 2px; margin:0 3px;}
#loginWrapper.logged.aperto .button:hover {background-color:#d4cfbb; border-color:#c3bfb1;}
#loginWrapper.logged.aperto .button A:hover {text-decoration:none;}
#loginWrapper.logged.aperto .esci {margin-left:209px; float:none; width:21px;}

#bannerCol {margin-left: 3px;}
#bannerCol p {height:21px; font-size:9px; background:#E8E5D8; color:#000; text-align:right; padding-right:5px;}



/* =========== FOOTER (copy + feed + footerlogo) */
#copyWrapper {height:28px; /*width:695px;*/ border-bottom:1px solid #C53E64; color:#fff;}
#copy {position:relative; }
#copy p {position:absolute; top:6px; left:10px; font-size:11px;}
#copy  ul {margin:0; padding:0; position:absolute; top:6px; left:220px; list-style-type:none;}
#copy  li {float: left;margin: 0 5px;padding: 0;text-indent: 6px;font-size:11px;background-image: url("../img/footer_menu.gif");background-repeat: no-repeat;background-position: left center;}
#copy  li a {color: #fff; display:block; font-size:11px; text-decoration:none; padding:0px 4px;}
#copy  li a:hover {background:transparent; }

#copy #feed {position:absolute; top:6px; left:920px; }
#feed a {color: #fff; padding-left: 20px; font-size:11px; background-image: url("../img/feed.gif"); background-repeat: no-repeat; background-position: left center;}
#feed a:hover {background-color:transparent; color:#000;}

#sitimondo a {color: #fff; font-size:11px;}
#sitimondo a:hover {background-color:transparent; color:#000;}

#footerLogo {padding:10px 12px 0; color:#fff; font-size:13px;}
#footerLogo a {background:#B60E3D; border:0; padding:0; }



/* ========================================== 
============ colonna destra pagine interne */

#contDXcol {margin:0;} 

#bannerMPU {text-align:right;}
.pubbli {height:21px; font-size:9px; background:#E8E5D8; color:#000;display:block; text-align:right; padding-right:5px;}


#colAnnessi {margin:0 7px 0 5px; }
#contAnnessi { background: #FFF url("../img/bg_box.gif") no-repeat top left; border-bottom:#C7C5BA 1px solid; border-right:#DDDACE 1px solid; padding-left:2px; padding-bottom:5px; float:left;}
#contAnnessi h3 {font-size:15px; color:#B7103E; text-transform:uppercase; text-indent:15px; width:290px;}
#contAnnessi h3 a {color:#B7103E;}


#contAnnessi .box {padding:0px 0 0; background: url("../img/dot_link.gif") repeat-x;  float:left; width:290px; display:inline;}
#contAnnessi .box h4 {margin-left:20px; margin-bottom:2px; font-size:12px; font-weight:bold;}
#contAnnessi .box h4 a {color:#b60e3d; }
#contAnnessi .box h4 a:hover {background:#e8e5d8;}

#contAnnessi .right {float:right; width:205px; margin-top:10px;}
#contAnnessi .left {float:left; width:60px; margin-top:10px;}
#contAnnessi .foto {margin-left:5px; margin-bottom:3px; }

#contAnnessi .post { background: url("../img/ico_post.gif") 4px 0 no-repeat; padding:0 10px 10px 5px;}
#contAnnessi .shop { background: url("../img/ico_shop.gif") 5px -1px no-repeat;padding:0 10px 10px 5px;}
#contAnnessi .shopaudio { background: url("../img/ico_shopasmall.gif") 1px -4px no-repeat;padding:0 10px 10px 5px;}
#contAnnessi .shopvideo { background: url("../img/ico_shopv.gif") 0px -5px no-repeat;padding:0 10px 10px 5px;}
#contAnnessi .shopfoto { background: url("../img/ico_shopf.gif") 1px -5px no-repeat;padding:0 10px 10px 5px;}
#contAnnessi .shopblog { background: url("../img/ico_shopb.gif") 4px 0px no-repeat;padding: 0 10px 10px 5px;}


#boxCondividi  .right {float:right; }
#boxCondividi  .left {float:left; }
.boxStampa {width:140px; background:#fff; margin:5px 0; text-align:center;padding:7px 0; border-bottom:#C7C5BA 1px solid; border-left:#DDDACE 1px solid; border-right:#DDDACE 1px solid}





/* =========================== 
========= altre pagine =====   */


/* pagina bianca con ombre - larghezza 682 - chiusura stondata */
.pagina {background:#FFF; margin:0; width:682px;  padding:0; background-image:url("../img/bg_pageombra.gif");}
.fondopagina {background:url("../img/bg_angoli_white.gif") #E8E5D8; height:14px; background-position:top left; background-repeat:no-repeat;}

/* pagina bianca con ombre - senza larghezza - padding laterale10px == usata nei ring */
#paginaGallery {background:#FFF; margin:0;  padding:0 10px; background-image:url("../img/bg_pageombra.gif");}

/* pagina bianco che contiene elementi float */
#paginaArticolo {background:#FFF; margin:0 0 20px 0; width:682px;  padding:0; background-image:url("../img/bg_pageombra.gif"); position: relative;float:left;}

/* page - bordi in css */
.page {
	background-color: #fff;
	padding: 10px;
	margin-bottom: 10px;
	border-left: #DDDACE 1px solid;
	border-right: #DDDACE 1px solid;
	border-bottom: #C7C5BA 1px solid;
}



/* testata della page, per avere allineato a destra del titolo qualcosa */
#page_testata { }
#page_testata h1 {width:500px; float:left;}
#page_testata #right {float:right;}
#page_testata #right select {width:150px;}



/* ==========================
===================  moduli e box */


/*.dotted {width:260px; background: url(../img/boxdotted260_top.gif) top left no-repeat; position:relative;margin:10px 7px; padding-bottom:5px}*/
.bottomDot {background: url(../img/boxdot_bottom.gif) left bottom repeat-x; height:2px; position:absolute; left:0; bottom:-1px; width:100%;}
/*.dotted form {padding:5px 10px; line-height:180%;} messo in articolo*/
.dotted h3 { text-transform:uppercase;/*width:220px;*/}


/* blog d'autore */
#blogAutore {position:relative; padding:3px 0 7px 0;}
#blogAutore img {float:left; margin:4px 5px 3px 8px; border:2px solid #b5af91;}
#blogAutore img:hover {border-color:#B60E3D}
.break {border-bottom:1px solid #EBE9D9; margin: 5px 8px 1px 8px; font-size:1px;}
#blogAutore P {padding:2px 0}
#blogAutore P a {color:#000000; font-weight:bold;}
#blogAutore P a:hover {text-decoration:none;}
#blogAutore P.titolo {padding:4px 0 0px 0;}
#blogAutore P.titolo a, #blogAutore P.titolo B {color:#B60E3D; font-weight:bold;}
#blogAutore P.titolo B {color:#B60E3D; font-weight:bold; font-size:10px; background-color:#e8e5d8; padding:0 2px;}
#blogAutoreBg {background:url('../img/boxcommunity.gif') top right no-repeat; width:44px; height:50px; position:absolute; right:-1px; top:-6px; z-index:1;}
#blogAutoreOver {z-index:2; position:relative;}

/*sondaggio e test*/
#sondaggio p {margin:0 8px;}
#sondaggio input {vertical-align:middle}
#sondaggio #linkbutton { position:relative; top:5px; left:160px;}
#sondaggio #linkbutton a {float:none; display:block; text-align:center; background: url(../img/bg_linkbutt_comm.gif) 0 0px no-repeat; width:70px; color:#43242E; text-transform:uppercase; font-weight:bold;padding:4px 0}
#sondaggio #linkbutton a:hover {background: url(../img/bg_linkbutt_comm.gif) 0 -28px no-repeat; width:70px;}
#sondaggio table {margin-left: 4px; float: left;}
#sondaggio .risposte { padding-left:  8px}
#sondaggio .percentuale { padding-left:  5px; line-height: 10px}
#sondaggio br {line-height: 7px}

#test h3, #sondaggio h3 { background: url(../img/h3_test.gif) 0 2px no-repeat; padding:3px 0 5px 23px;text-transform:uppercase; position:relative; top:3px; left:8px; margin-bottom: 5px}
#test p {margin:8px;}
#test a {font-weight:bold; text-decoration:underline}

/*community*/
.community h3, #look h3, #blogAutore h3  { background: url(../img/h3_community.gif) 0 2px no-repeat; padding:3px 0 5px 23px;text-transform:uppercase; position:relative; top:3px; left:8px; margin-bottom: 5px}
.community h3 a, #look h3 a {text-transform:none; color:#B60E3D; text-decoration:underline; position:absolute; top:2px; right:0; font-weight:normal; font-size:11px}
.community img {margin:2px 0 2px 2px;}
.community a img {border:#B5AF91 2px solid}
.community a:hover img {border:#B60E3D 2px solid}
.community div {padding:0 0 5px 10px; float:left; height:100%;} 

/*look*/
#look .foto {width:80px;margin:0 0 0 3px; background: url(../img/bg_foto_small.gif) -17px -15px no-repeat; float:left; height:120px; position:relative}
#look .foto img {position:absolute; top:8px; left:10px}
#look p {position:absolute; bottom:0; left:10px}

/*sfilate*/
#sfilate, #strilloBig {width:220px;height:140px; float:left; margin:0px 6px 6px 0;}
#sfilate {position:relative}


/*commenti*/
#comments {margin-top:30px;}
#comments h3 {text-transform:uppercase;color:#B60E3D;font-size:13px; position:relative}
#comments h3 span {color:#43242E; position: absolute; top:0; right:13px; font-size:11px; font-weight:normal; text-transform:none}
#comments ul {margin:5px 10px 5px 0; position:relative;}
#comments ul li {padding:5px 5px 5px 15px; background: url(../img/dot.gif) 5px 10px no-repeat; margin:5px 0}
#comments ul li.color {background-color:#F6F5F1}
#comments ul li strong {display:block}
#comments .vedi {text-align:right; margin-right:10px}
#comments .vedi a { color:#B60E3D; text-decoration:underline;}
#comments #post_TAB {background:#F6F5F1; padding:10px; margin:15px 10px 0 0; position:relative}
#comments #wait_TAB {background:white; padding:10px; margin:15px 10px 0 0; position:relative}

#addComment {background:#F6F5F1; padding:10px; margin:15px 10px 0 0; position:relative}
#addComment h4 {color:#A08D6E; text-transform:uppercase}
#addComment textarea {border:#D1CDB3 1px solid; font: 11px arial, verdana, sans-serif} /* dare le dimensioni nelle singole sezioni*/
#addComment #nome_commentatore {border:#D1CDB3 1px solid; font: 11px arial, verdana, sans-serif} 
#addComment #mail_commentatore {border:#D1CDB3 1px solid; font: 11px arial, verdana, sans-serif}
#addComment #mittente {color:#4F2A36; margin:3px 0; position:relative}
#addComment #mittente strong {text-transform:uppercase}
#addComment #mittente span {position:absolute; top:0; right:10px}
#addComment #linkbutton { } /* definito nelle sezioni*/
#addComment #linkbutton a {float:none; display:block; text-align:center; background: url(../img/bg_linkbutt_comm.gif) 0 0px no-repeat; width:70px; color:#43242E; text-transform:uppercase; font-weight:bold;padding:4px 0}
#addComment #linkbutton a:hover {background: url(../img/bg_linkbutt_comm.gif) 0 -28px no-repeat; width:70px;}




/* ===================== paginazione */

#paginazione {color:#43242E; position:relative; text-align:right; width:300px;clear:both;font-size:11px; padding:2px;}
#paginazione #num {position:absolute; top:0; left:0; color:#A08D6E; font-weight:bold}
#paginazione a {color:#43242E; border:#A08D6E 1px solid; padding:0 2px;}
#paginazione a:hover, #paginazione #sel {color:#FFF; border:#A08D6E 1px solid; background:#A08D6E;padding:0 2px}


/* path_articoli e mezzabarra per rating */
#path_articoli {position:relative; color:#43242E; font-size:11px;}
.bg_mezzabarra { background-image:url("../img/bg_mezzabarra662.gif");background-repeat:no-repeat; background-position:left bottom; padding:3px 8px;}
#path_articoli strong.tit, #vota strong.tit {color:#B60E3D; font-size:11px;text-transform:uppercase;}
#vota {position:relative;}
#vota_quick {position:absolute; top:3px; left:550px;}



/* =========================== gallery ================ */

/* titotlo e icone audio/video a destra*/
#titGallery {padding-top:0;}
#titGallerysx {float:left; width:562px;} /* contiene il titolo h1 in modo che vada a capo, e distanzia icone*/
#titGallerysx p {font-size:12px;}
#titGallerysx p a {text-decoration:underline;}
#titGallerydx img {float:left; margin-bottom:3px}


/* la parte on le foto */
#gallery {border: 1px solid #D1CDB3; font-size:12px; float:left;}
#gallery h3 {font-size:16px; color:#B7103E; margin-bottom:5px}

#back {float:left; margin-top:5px;  }
#back a {width:15px; height:282px; margin:0; display:block; background-image:url("../img/g_back.gif")}
#back a:hover { background-image:url("../img/g_back_over.gif")}
#center {float:left; width:628px; /*height:315px; */} /* contiene zoom e scheda*/
#next { margin-top:5px; float:left;}
#next a {width:15px; height:282px; margin:0; display:block; background-image:url("../img/g_next.gif")}
#next a:hover { background-image:url("../img/g_next_over.gif")}


#center #zoom {float:left; margin:5px; position:relative;}
#center #scheda {float:right; width:320px; position:relative;} /* contiene i dati e galleryNav*/
#center #zoom img {vertical-align:middle; text-align:center;}
#center #zoom a {margin-left:4px; text-transform:uppercase; color:#B60E3D; font-weight:bold;}
#center .fotoWrapper {width:280px; margin-bottom:4px; text-align:center; border:#D1CDB3 1px solid;}
#center img#big {display:block;margin:0 auto; }
#scheda h4 {color:#43242E; font-size:13px; font-weight:bold; margin-bottom:10px; margin-top:5px;}
#gallery #logoMag {position:absolute; top:5px; right:20px; text-align:right; font-size:11px; font-weight:normal;}
#gallery #logoMag img {vertical-align: text-bottom;}
#scheda #dati {height:170px;}
#scheda #galleryNav {height:90px; } /* contiene thumbGallery e paginazione*/
#thumbGallery { width:310px;}
#thumbGallery {}
#thumbGallery li {float:left; padding-top:4px; margin-top:4px;  }
#thumbGallery li img.select {border:4px solid #B60E3D; margin-left:4px;}
#thumbGallery li a {padding:4px; background:#B5AF91; display:block; margin-left:4px; }
#thumbGallery li a:hover {background:#B60E3D;}

/* il menu TAB sotto la gallery */
#ringmenu { width:660px; height:19px; font-size:12px; font-weight:bold;  background-color:#B60E3D;}
#ringmenu a {color:#fff; font-size:12px; line-height:19px; height:19px; padding:0 10px;}
#ringmenu a:hover {color:#43242E; background-color:transparent;}
.ringitem {float:left; background-color:#B60E3D; height:19px; text-transform:uppercase; background-image:url(../img/ring_navleft.gif);background-repeat:no-repeat; }
/*.ringitem_sel {float:left; padding:0 7px; height:19px; text-transform:uppercase; background-image:url(../img/ring_navleft_sel.gif);background-repeat:no-repeat; border-right:1px solid #D1CDB3;}*/
.ringitem_stop {float:left; background-image:url(../img/ring_navleft.gif);background-repeat:no-repeat; height:19px;}
.ringitem_home { float:right; background-color:#B60E3D; height:19px; text-align:right;}

strong.tit {color:#B60E3D; font-size:12px;text-transform:uppercase;}




.newsDotted {margin:5px 15px;}
.newsDotted LI {color:#4F2A36; padding-bottom:3px;background: url(../img/list_community.gif) 15px 8px repeat-x}
.newsDotted li a {font-size:11px;line-height:140%;display:block;background: url(../img/list.gif) 3px 6px no-repeat; padding-left:15px; }
.newsDotted li a:hover {background:#E8E5D8 url(../img/list.gif) 3px 6px no-repeat}