html, body { width: 100%; height: 100%; }

body { background: url(../images/bg_hp.jpg) center top no-repeat; background-color: #323232; }

#h_container { position: relative; width: 960px; height: 621px; margin: 0 auto; }
#s_container { position: relative; width: 960px; margin: 0 auto; overflow: hidden; }

#h_logo { position: absolute; cursor: pointer; top: 0; left: 0; width: 110px; height: 110px; background: url(../images/logo.png) no-repeat; }
#h_monsterartcontest { position: absolute; cursor: pointer; top: 54px; left: 111px; width: 347px; height: 24px; background: url(../images/monsterartcontest.png) no-repeat; }
#h_monsterart { position: absolute; top: 0; left: 689px; width: 300px; height: 120px; background: url(../images/monsterart.png) no-repeat; }

#h_text { position: absolute; top: 155px; left: 100px; width: 380px; font: 14px/20px Arial; color: #000; }
#h_text_final { position: absolute; top: 155px; left: 100px; width: 380px; font: 12px/16px Arial; color: #000; }

#h_fasi { position: absolute; top: 284px; left: 105px; width: 380px; height: 41px; }
#h_fasi ul { float: left; height: 41px; overflow: hidden; }
#h_fasi ul li { float: left; height: 41px; font: 13px/41px Arial; color: #323232; }
#h_fasi ul .t { padding-right: 5px; }
#h_fasi ul .w { width: 57px; }
#h_fasi ul .p { background: url(../images/fasi/pass.png) left top no-repeat; }
#h_fasi ul .a { background: url(../images/fasi/actual.png) left top no-repeat; text-align: center; font: bold 11px/41px Arial; color: #fff; }
#h_fasi ul .c { background: url(../images/fasi/tocome.png) left top no-repeat; }

#h_menu { z-index: 1000; position: absolute; top: 306px; left: 0; width: 75px; height: 116px; background: url(../images/menu.png) no-repeat; }
#h_menu_bar { z-index: 999; position: absolute; top: 316px; left: 20px; height: 81px; width: 960px; background: url(../images/menu_bar.png) no-repeat;  }
#h_menu_bar_link { z-index: 1001; position: absolute; top: 340px; left: 100px; height: 40px; width: 860px; }

div.li { float: left; height: 40px; padding: 0 20px 0 20px; background: url(../images/menu/fil.gif) right top no-repeat; color: #e4abb4; }
div.li a { font: bold 14px/40px Arial; color: #fff; text-decoration: none; }
div.li a:hover { color: #ccc; }
div.sel { padding: 0 13px 0 14px; }

table.menu { height: 40px; }
table.menu .tl { width: 6px; height: 6px; background: url(../images/menu/tl.png) no-repeat; }
table.menu .tc { height: 6px; background: url(../images/menu/tc.png) repeat-x; }
table.menu .tr { width: 7px; height: 6px; background: url(../images/menu/tr.png) no-repeat; }
table.menu .cl { width: 6px; height: 28px; background: url(../images/menu/cl.png) no-repeat; }
table.menu .cc { height: 6px; background: url(../images/menu/cc.gif) repeat-x; padding: 0 5px 0 5px; font: bold 14px/28px Arial; color: #e4abb4;  }
table.menu .cc a { font: bold 14px/28px Arial; color: #fff; text-decoration: none; }
table.menu .cr { width: 7px; height: 28px; background: url(../images/menu/cr.png) no-repeat; }
table.menu .bl { width: 6px; height: 6px; background: url(../images/menu/bl.png) no-repeat; }
table.menu .bc { height: 6px; background: url(../images/menu/bc.png) repeat-x; }
table.menu .br { width: 7px; height: 6px; background: url(../images/menu/br.png) no-repeat; }

#h_art_gallery { position: absolute; top: 396px; left: 117px; }
#h_art_gallery h6 { font: bold 12px/26px Arial; color: #323232; height: 26px; }
#h_art_gallery p { font: 11px/26px Arial; color: #323232; }
#h_art_gallery p a { color: #e20023; font-weight: bold; text-decoration: none; }

#h_art_polaroid { position: absolute; top: 450px; left: 98px; height: 145px; }
#h_art_polaroid .p { cursor: pointer; float: left; position: relative; width: 129px; height: 145px; background: url(../images/polaroid.png) no-repeat; }
#h_art_polaroid .p .plusp { position: absolute; width: 21px; height: 21px; top: 1px; left: 99px; }
#h_art_polaroid .p .scheda { position: absolute; top: 120px; left: 10px; font: bold 11px/15px Arial; color: #000; }
#h_art_polaroid .p .scheda span { color: #e20023; }
#h_art_polaroid .foto {position: absolute; top: 13px; left: 7px; width: 100px; height: 100px; overflow: hidden;}

#h_footer { position: absolute; top: 636px; left: 30px; width: 900px; height: 30px; font: 11px/30px Tahoma; color: #fff; }
	#h_footer_dati { width: 400px; float: left; }
	#h_footer_menu { width: 500px; float: left; text-align: right; color: #484848; }
	#h_footer_menu ul { float: right; padding-top: 10px; }
	#h_footer_menu ul li { float: right; padding: 0 0 0 8px; font: 11px/30px Arial; color: #fff; }
	#h_footer_menu ul li a { color: #fff; text-decoration: none; }
	#h_footer_menu ul li a:hover { color: #fff; }

#languages {position:absolute; z-index:9999; margin:0px; height:20px; top:0px; right:55px; width:100px; overflow:hidden;}
#languages #languagesContainer {position:absolute; margin:0px; height:11px; padding:0px; top:5px; right:0px; height:11px; display:none;}
#languages #languagesContainer div {float:left; margin:0px; margin-right:5px;  width:16px; height:11px;}
#languages #languagesContainer div a {width:16px; height:11px; display:block;}

#s_footer { position: relative; width: 100%; height: 171px; background: url(../images/footer_hp.gif) center top no-repeat; overflow: hidden;  }
	#sh_footer { margin: 0 auto; width: 900px; height: 50px; font: 11px/50px Tahoma; color: #fff; }
	
#a_container_sfondo { margin: 0 auto; width: 900px; height: 494px; background: url(../images/sfondosfumato.gif) repeat-x; background-color: #d7d7d7; }
#a_container_sfondo h1 { height: 82px; background: url(../images/h1.gif) left top no-repeat; padding-left: 52px; font: bold 18px/82px Arial; color: #000; }
#a_container_sfondo p { color: #323232; font: 14px/20px Arial; padding-left: 62px; }
#a_container_sfondo p span { color: #e20023; }

#art_container_sfondo { margin: 0 auto; width: 900px; overflow: hidden; background: url(../images/sfondosfumato.gif) repeat-x; background-color: #d7d7d7; }

#art_info { width: 274px; float: left; overflow: hidden; }
#art_info h1 { height: 82px; background: url(../images/h1.gif) left top no-repeat; padding-left: 52px; font: bold 18px/82px Arial; color: #000; }
#art_info h5 { margin: 5px 0 0 52px; font: bold 14px/18px Arial; color: #323232; }
#art_info h6 { margin: 0 0 0 52px; font: 14px/18px Arial; color: #323232; font-style: italic; }
#art_info .club { margin: 15px 0 20px 52px; }
#art_info .titolo { font: bold 17px/23px Arial; color: #fff; background: url(../images/tratteggio.gif) 1px top no-repeat; overflow: hidden; padding: 16px 5px 0 0; margin: 0 0 0 52px; }
#art_info .titolo p { clear: both; float: left; margin-bottom: 2px; padding: 0 6px 0 6px; background-color: #323232;}
#art_info .youtube { background: url(../images/youtube.gif) left top no-repeat; height: 74px; font: bold 14px/46px Arial; color: #323232; margin-left: 52px; }
#art_info .youtube a { padding: 0 0 0 58px; margin-right: 45px; display: block; color: #323232; text-decoration: none; }
#art_info .vota { margin-left: 52px; height: 77px; background: url(../images/tratteggiodoppio.gif) 1px top no-repeat; }
#art_info .votacont { padding: 20px 10px 0 3px; font: bold 14px/20px Arial; color: #323232; }
#art_info .votacont a { float: right; display: block; width: 94px; height: 42px; font: bold 14px/42px Arial; color: #fff; text-decoration: none; background: url(../images/vota.gif) left top no-repeat; }
#art_info .votacont span { color: #e20023; }
#art_info .torna { margin-top: 20px; padding-top: 10px; font: bold 13px/20px Arial; margin-left: 52px; background: url(../images/tratteggiodoppio.gif) 1px top no-repeat; }
#art_info .torna a { color: #e20023; text-decoration: none; }
#art_info .prevnext { padding-top: 20px; font: bold 11px/15px Arial; margin-left: 52px;}
#art_info .prevnext .prev { height: 30px; width: 105px; float: left;  }
#art_info .prevnext .next { height: 30px; width: 105px; float: right; text-align: right;}
#art_info .prevnext a { color: #e20023; text-decoration: none; }
#art_info .prevnext .prev a { display: block; padding-left: 30px; background: url(../images/arrow_left.gif) left 3px no-repeat; }
#art_info .prevnext .next a { margin-right: 12px; display: block; padding-right: 30px; background: url(../images/arrow_right.gif) right 3px no-repeat; }

#art_fotocommenti { width: 600px; float: left; overflow: hidden; }
#art_fotocommenti .scheda { padding: 50px 0 25px 0; text-align: right; font: bold 14px/20px Arial; color: #000; }
#art_fotocommenti .scheda span { color: #e20023; }
#art_fotocommenti .foto { padding: 8px 0 30px 0; text-align: right; font: bold 14px/20px Arial; color: #000; }
#art_fotocommenti .foto span { color: #e20023; }
#art_fotocommenti .p_titolo { background-color: #fff; height: 40px; padding: 0 10px 0 10px; font: bold 14px/40px Arial; color: #000; }
#art_fotocommenti .p_titolo a {float: right; font: 11px/40px Arial; color: #e20023; height: 40px; text-decoration: underline;}
#art_fotocommenti .p_titolo a.plus { padding-right: 28px; background: url(../images/plus.gif) right top no-repeat; }
#art_fotocommenti .p_titolo a.plusup { padding-right: 28px; background: url(../images/plus.gif) right top no-repeat; }
#art_fotocommenti .p_titolo a.less { background: url(../images/less.gif) right top no-repeat; }

#art_fotocommenti .presentazione p.trad { padding: 15px 3px 15px 3px; font: 12px/17px Arial; color: #323232; }
#art_fotocommenti .presentazione p.orig { display: none; padding: 15px 3px 15px 3px; font: 12px/17px Arial; color: #323232; }
#art_fotocommenti .nuovocommento { padding-bottom: 16px; overflow: hidden; }
#art_fotocommenti .c { overflow: hidden; padding-top: 10px;}
#art_fotocommenti .u { height: 60px; background: url(../images/tratteggiocommento.gif) left bottom no-repeat; font: 14px/60px Arial; color: #323232; padding: 0 10px 0 10px; }
#art_fotocommenti .r { float: right; text-align: right; font: 11px/60px Arial; }
#art_fotocommenti .u img { float: left; margin: 10px 10px 0 0; }
#art_fotocommenti .m { padding: 10px 10px 20px 10px; font: 14px/19px Arial; color: #323232; }

#art_fotocommenti .nuovocommentobottom { height: 40px; font: 11px/40px Arial; padding: 0 10px 0 0; }
#art_fotocommenti .nuovocommentobottom a.plus { float: right; color: #e20023; text-decoration: underline; padding-right: 28px; background: url(../images/plusg.gif) right top no-repeat; }

#art_foto { position: relative; width: 600px; height: 450px; overflow: hidden; }
#art_foto_left { cursor: pointer; position: absolute; top: 0; left: 0; width: 300px; height: 450px; background: url(../images/blank.gif) repeat; }
#art_foto_right { cursor: pointer; position: absolute; top: 0; left: 300px; width: 300px; height: 450px; background: url(../images/blank.gif) repeat; }
#art_foto_prev { display: none; position: absolute; top: 202px; left: 20px; width: 41px; height: 45px; background: url(../images/fotoprev.png) no-repeat; }
#art_foto_next { display: none; position: absolute; top: 202px; left: 239px; width: 41px; height: 45px; background: url(../images/fotonext.png) no-repeat; }

#nuovocommento { display: none; height: 360px; }
#nuovocommento .nc_left { float: left; width: 315px; padding: 20px 0 20px 0; }
#nuovocommento .lab { font: 12px/20px Arial; color: #323232; padding-left: 2px; }
#nuovocommento .nc_left .inp { padding-bottom: 10px; }
#nuovocommento .nc_left .inp input { vertical-align: baseline; background: url(../images/sfondo_input.gif) repeat-x; border: 1px solid #ababab; width: 277px; padding: 4px; color: #323232; font: 12px/16px Arial; }
#nuovocommento .ava li { position: relative; float: left; width: 60px; height: 70px;}
#nuovocommento .ava input { position: absolute; top: 45px; left: 15px;  }
#nuovocommento .nc_right { float: left; width: 285px; padding: 20px 0 20px 0; }
#nuovocommento .nc_right .txt { padding-bottom: 10px; }
#nuovocommento .nc_right .txt textarea { vertical-align: baseline; background: url(../images/sfondo_textarea.gif) repeat-x; background-color: #e0e0e0; border: 1px solid #ababab; width: 270px; padding: 4px; color: #323232; font: 12px/16px Arial; height: 203px; }
#nuovocommento .nc_right .sub { margin-right: 10px; height: 29px; background: url(../images/submit.gif) right top no-repeat; }
#nuovocommento .nc_right .sub a { float: right; display: block; padding-right: 19px; font: bold 14px/29px Arial; color: #fff; text-decoration: none;  }

#nuovocommentograzie { display: none; height: 50px; }
#nuovocommentograzie p { padding: 10px; font: 12px/17px Arial; color: #323232; }

#a_container_arrows_left { position: absolute; top: 573px; height: 27px; left: 48px; width: 27px; background: url(../images/arrow_left.gif) no-repeat; }
#a_container_arrows_right { position: absolute; top: 573px; height: 27px; left: 883px; width: 27px; background: url(../images/arrow_right.gif) no-repeat; }

#a_container_scrollbar { position: absolute; top: 551px; height: 70px; left: 77px; width: 797px; background: url(../images/scrollbar.gif) no-repeat; }
#a_container { position: absolute; top: 241px; height: 360px; left: 80px; width: 792px; overflow: hidden; }
#a_container_scrollable { width: 792px; height: 324px; overflow: hidden;  }
#a_container_scrollable div.pl { position: relative; cursor: pointer; width: 132px; height: 162px; float: left; background: url(../images/art_polaroid.png) no-repeat; }

#a_container_scrollable div.pl .plusp { position: absolute; width: 21px; height: 21px; top: 1px; left: 108px; }
#a_container_scrollable div.pl .scheda { position: absolute; top: 120px; left: 19px; font: bold 11px/15px Arial; color: #000; }
#a_container_scrollable div.pl .scheda span { color: #e20023; }
#a_container_scrollable div.pl .foto {position: absolute; top: 13px; left: 16px; width: 100px; height: 100px; overflow: hidden;}

#normalpage { margin: 0 auto; width: 900px; overflow: hidden; background: url(../images/sfondosfumato.gif) repeat-x; background-color: #d7d7d7; }
#normalpage h1 { height: 82px; background: url(../images/h1.gif) left top no-repeat; padding-left: 52px; font: bold 18px/82px Arial; color: #000; }
#normalpage h2 { height: 41px; background: url(../images/trat41.gif) left top repeat-x; margin: 0 49px 0 50px; padding: 0 10px 0 10px; font: bold 13px/41px Arial; color: #000; }
#normalpage h2 span { color: #e20023; }
#normalpage h3 { margin: 0 50px 0 50px; height: 40px; background-color: #fff; font: bold 14px/40px Arial; padding: 0 10px 0 10px; }
#normalpage h3.lnk { font-weight: normal; background: url(../images/h3link.gif) right top no-repeat; background-color: #fff; }
#normalpage h3 a { width: 100%; height: 100%; text-decoration: none; display: block; color: #000; }
#normalpage .qv { font: 14px/20px Arial; color: #000; padding: 20px 60px 40px 60px; overflow: hidden; }
#normalpage .dd { font: 12px/18px Arial; color: #000; padding: 10px 60px 20px 60px; overflow: hidden; }
#normalpage .dd a { color: #e20023; font-weight: bold; text-decoration: none; }
#normalpage div.hddiv { display: none; margin-right: 50px; background: url(../images/hdright.gif) right bottom no-repeat; }
#normalpage .hd { background: url(../images/hdleft.gif) 55px top no-repeat; font: 13px/17px Georgia; color: #333; font-style: italic; padding: 10px 35px 20px 100px; }
#normalpage .fr { clear: both; margin: 0 50px 0 50px; background: url(../images/trat7.gif) left bottom repeat-x; background-color: #d7d7d7; height: 57px; font: 13px/57px Arial; }
#normalpage .ph { float: left; width: 44px; height: 57px; background: url(../images/faseh.png) no-repeat; text-align: center; font: bold 11px/57px Arial; color: #fff; }
#normalpage .frz { clear: both; margin: 0 50px 0 50px; background: url(../images/trat7.gif) left top repeat-x; background-color: #d7d7d7; height: 57px; font: 13px/57px Arial; }
#normalpage .cup { float: left; padding-right: 50px; background: url(../images/coppa.gif) right 6px no-repeat; }

.mob { width: 264px; height: 17px; background: url(../images/bar.gif) no-repeat; }
.mob a { display: block; width: 264px; height: 17px;}

.tooltip, .tooltip2  { position: absolute; top: 0; left: 0; width: 132px; height: 57px; background: url(../images/tip.gif) no-repeat;  color: #fff; font: 11px/14px Arial; text-align: left; padding: 4px 0 0 10px; z-index: 300; display: none; }
.tooltip2 { background: url(../images/tip2.gif) no-repeat; }

.wzero { width: 0; }