body { margin: 0; padding: 0; background: #BAD800 url(/img/bg.jpg) top left; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size: 1em; color: #000; }

.message { color: red;}

.home-link { display: block; width: 180px; height: 160px; position: absolute; z-index: 50; top: 330px; left: 570px;}

a {text-decoration: none;}
a img { border: 0;}
.clear { clear: both; height: 0; width: 0; line-height: 0.0; font-size: 0;}

div.chiudi { margin: 0 5px 10px 0; text-align: right; position: relative; height: 20px;} 
div.chiudi a { background: transparent url(/img/icon_delete_rollover_12x32.gif) no-repeat left 3px; display: block;width: 16px; height: 20px; position: absolute; right: 0;}
div.chiudi a span { display: none;}

hr.separatore-F0E4EE { border: 1px solid #F0E4EE; height: 1px; background: #F0E4EE;} 
img.foto { border: 6px solid #F2E7EF;}
.hint { color: #B3B3B3;}

/*rounded*/
.sb, .sbi, .sb *, .sbi * { position:relative; z-index:1; }
* html .sb, * html .sbi { height: 1%; }
.sbi { display: inline-block; }
.sb-inner { background: #FFF; }
.sb-shadow { background: #000; }
.sb-border { background: #B5C7D7; }

.error-message { color: red; }

#container { width: 946px; position: relative; top: 0; left: 50%; margin-left: -473px;}
/****TOP*******/
#container #top { background: transparent url(/img/top/bg.png) repeat-x top left; height: 40px; margin-left: 22px;}
#container #top .logo { display: block; background: url(/img/top/logo_zzero.gif) no-repeat top left; width: 62px; height: 25px; float: left;}
#container #top .logo span { display: none;}
#container #top .actions { float: right; margin: 7px 5px 0 0; }
#container #top .actions ul { margin: 0; padding: 0; }
#container #top .actions ul li { display: inline; padding: 0 12px 0 10px; background: transparent url(/img/top/separatore.gif) no-repeat center right; }
#container #top .actions ul li.last { background: none; padding-right: 3px;} 
#container #top .actions a { color: #C79BBB; font-size: 0.7em; }

#container #main-menu { margin: 7px 0 0 22px; overflow: hidden;}
#container #main-menu .button ul { margin: 20px 10px 0 0; padding: 0; float:  right; list-style: none;}
#container #main-menu .button ul li { background: transparent url(/img/main-menu/bg_off.gif) repeat-x top left; margin-left: 20px; float: left;}
#container #main-menu .button ul li a { color: #FFF; padding: 5px 10px; line-height: 29px; font-weight:  bold;}
#container #main-menu .button ul li .sb-inner { background: #C49ABA url(/img/main-menu/bg_off.gif) repeat-x top left; }
#container #main-menu .button ul li .sb-shadow { background: #000; }
#container #main-menu .button ul li .sb-border { background: #FFF; }
#container #main-menu .button ul li:hover, #container #main-menu .button ul li.selected { background: #FFF;}
#container #main-menu .button ul li:hover a, #container #main-menu .button ul li.selected a { color: #C49ABA;}
#container #main-menu .button ul li:hover .sb-inner, #container #main-menu .button ul li.selected .sb-inner { background: #FFF; }
#container #main-menu .button ul li:hover .sb-shadow, #container #main-menu .button ul li.selected .sb-shadow { background: #000; }
#container #main-menu .button ul li:hover .sb-border, #container #main-menu .button ul li.selected .sb-border { background: #C49ABA; }


#content { background: transparent url(/img/content/bg.jpg) repeat-y top right; height:auto !important; height: 792px; min-height: 792px; font-size: 0.9em; margin: 0 0 30px 0;}
/*****homepage****/
#content.homepage {background: transparent url(/img/home/bg.png) repeat-y top right; height: 792px !important; }
#content.homepage .iscriviti-subito { float: left; margin: 9px 0 0 153px; width: 255px;}
#content.homepage .iscriviti-subito p { margin-left: 3px; color: #FFF; font-size: 0.9em; height: 80px;} 

#content.homepage .le-foto { margin: 13px 15px 0 440px;}
#content.homepage .le-foto p { margin-left: 3px; color: #000; font-size: 0.9em; height: 84px;}
#content.homepage .le-foto table { float: right; width: 250px;}
#content.homepage .le-foto table td.thumb div { width: 145px; height: 115px; position: relative; margin: 0 10px 10px 0;}
#content.homepage .le-foto table td.thumb img { border: 6px solid #F2E7EF; position: absolute; z-index: 5; bottom: 0; right: 0; }
#content.homepage .le-foto table td.thumb .posizione { position: absolute; top: 0; left: 0; z-index: 10; border: 0;}
#content.homepage .le-foto table td.autore { font-size: 0.8em; line-height: 1;}

#content .body { float: right; width: 528px; margin: 10px 10px 10px 0; }

#content .steps { background: #FFF; color: #000; height: 35px;}
#content .steps div.step { height: 35px; line-height: 35px; margin: 0 10px; font-size: 1.3em;}
#content .steps div.st1 {background: url(/img/content/bg_steps-1.gif) no-repeat right top;}
#content .steps div.st2 {background: url(/img/content/bg_steps-2.gif) no-repeat right top;}

#content .body .container { overflow: hidden; margin: 30px 0;}
#content .body .cont-contenuti, #content .body .cont-gallery,#content .body .cont-foto { overflow: hidden; margin: 10px 0;}
#content .body .cont-contenuti {height: auto !important; height: 500px; min-height: 500px;}

#content .cont { margin: 10px 10px;}
#content h2 { font-size: 1.5em; color: #E72020; font-weight: normal; margin: 0 0 0 2px;}
#content p { margin: 10px 0 10px 2px;}

#content div.import { background: transparent url(/img/content/bg_import.jpg) no-repeat top right; padding-right: 200px;}
#content div.import span.titoletto { font-size: 1.2em; color: #E72020; }

#content div.cosa-fare-1 { background: transparent url(/img/content/cosa_fare_1.jpg) no-repeat top right; padding-right: 200px;}
#content div.cosa-fare-2 { background: transparent url(/img/content/cosa_fare_2.jpg) no-repeat top right; padding-right: 200px;}

#formAddImage div.fileinputs { position: relative; height: 35px; }
#formAddImage div.fakefile { position: absolute; top: 0px; left: 0px; z-index: 1; line-height: 90%; }
#formAddImage input.file { position: absolute; text-align: right; -moz-opacity:0; filter:alpha(opacity: 0); opacity: 0; z-index: 20; width: 350px; cursor: pointer; }
#formAddImage input.file.hidden { position: absolute; text-align: right; -moz-opacity:0 ; filter:alpha(opacity: 0); opacity: 0; z-index: 20; width: 450px; cursor: pointer; }
#formAddImage .fileinputs input { background: url('/img/content/file_selector.gif') no-repeat 0 0; border: none; width: 320px; height: 27px; padding: 3px 15px 0 3px; margin-right: 5px; }
#formAddImage .submit input { width: auto; height: auto; margin-left: 342px;}

#formAddInfo input { background: transparent url(/img/content/bg_input_text.gif) no-repeat top left; width: 331px; height: 22px; border: 0; line-height: 22px; padding: 5px 0 0 10px; }
#formAddInfo .regolamento { border: 1px solid #B3B3B3; width: 330px; height: 150px; }
#formAddInfo .checkbox { width: auto; height: auto; }
#formAddInfo .submit input { width: auto; height: auto; padding: 0;} 
#formAddInfo .error-message { margin: -3px 0 0 10px;}
#formAddInfo .input-textarea { margin-left: 5px; border: 1px solid  #D0D0D0; width: 320px; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size: 1em; padding: 2px;}

table.gallery { width: 100%; border: 0; }
table.gallery td.space { height: 30px;}
table.gallery td.thumb { width: 142px; }
table.gallery td.thumb img { border: 6px solid #F2E7EF;}
table.gallery td.autore { font-size: 0.8em; line-height: 1.3; width: 270px;}
table.gallery td.autore a { color: #E02220; text-decoration: underline;}
table.gallery td.vota {}


#content .body .cont-foto img.foto { margin: 20px 0; border: 6px solid #F2E7EF;}
#content .body .cont-foto p { margin: 0 54px 20px 0; font-size: 0.85em; line-height: 1.2;}
#content .body .cont-foto p b { margin-bottom: 5px;}
#content .body .cont-foto p span { color: #E02220;}
#content .body .cont-foto div.commenti #scrollable div { padding: 15px 8px 20px 8px; font-size: 0.75em; white-space: normal;}
#content .body .cont-foto div.commenti #scrollable div.dispari { background: #F4EBF3;}
#content .body .cont-foto div.commenti #scrollable div.first { padding-top: 0;}
#content .body .cont-foto div.commenti #scrollable div b { color: #E02220; font-size: 1.1em;}
#content .body .cont-foto div.commenti span.titoletto { font-size: 1.2em; color: #E72020; }
/*
#content .body .cont-foto div.commenti ul { margin: 0; padding: 0; list-style: none; }
#content .body .cont-foto div.commenti ul li div{ padding: 15px 8px 20px 8px; font-size: 0.75em;}
#content .body .cont-foto div.commenti ul li.dispari { background: #F4EBF3;}
#content .body .cont-foto div.commenti ul li.first { padding-top: 0;}
#content .body .cont-foto div.commenti ul li b { color: #E02220; font-size: 1.1em;}
#content .body .cont-foto div.commenti span.titoletto { font-size: 1.2em; color: #E72020; }
*/

#scrollable { float: left; width: 475px; height: 320px; padding: 0; overflow: hidden; white-space: nowrap; margin: 20px 0; }
#wrap4 { width: 17px; height: 322px; background: none; margin: 20px 0 0 490px; }
#track4-top { position: absolute; width: 17px; height: 12px; }
#track4-bottom { position: absolute; margin-top: 308px; width: 17px; height: 12px; }
#track4 { position: absolute; margin: 14px 0; width: 17px; height: 294px; background: transparent url(/img/scrollbar/scrollbar_repeatcenter.gif) repeat-y top left; }
#handle4 { width: 17px; height: 31px; }

div.home-iscriviti { width: 152px; height: 83px; background: transparent url(/img/home/iscriviti-on.gif); margin-left: -3px;}
div.home-iscriviti a { display: block; width: 152px; height: 83px; background: transparent url(/img/home/iscriviti-off.gif);}
div.home-iscriviti a:hover { background: none;}
div.home-iscriviti a span { display: none;}

div.home-guarda { width: 184px; height: 77px; background: transparent url(/img/home/guarda_tutte-on.gif);}
div.home-guarda a { display: block; width: 184px; height: 77px; background: transparent url(/img/home/guarda_tutte-off.gif);}
div.home-guarda a:hover { background: none;}
div.home-guarda a span { display: none;}  


.form  label { display: block; float: left; width: 100px;}
.form div.input { clear: right; margin-bottom: 10px;}












