html * {
	padding: 0px;
	margin: 0px;
}

.clear {display: block; height: 10px; clear:both;}
.error {color: #c00;}
body code, body pre {
font: .8em Verdana, Arial, Helvetica, sans-serif;

}

body {
	padding: 0px;
	margin: 0px;
	background: #c6c6c6 url(../img/fondo_page.gif) center repeat-y;
	text-align:center;
	line-height: 12px;
}


#container {width: 700px; height:1005px; position: relative; margin: 0 auto; text-align:left;}
#top { font:12px Arial, Helvetica, sans-serif; color: #003663; background: #f3c13b url(../img/fondo_top.gif) top repeat-x; height: 24px; padding: 26px 0 0 10px;}

#menu {width: 419px; display:block; background:url(../img/menu/fondo.gif) repeat; height: 24px; position: absolute; left: 0; top: 61px;}

#menu ul {margin: 0 0 0 10px; padding: 0;}
#menu ul li{ display:inline;}

/*
#menu ul li a {display: block; height: 17px; float: left; padding: 0; margin: 4px 12px 0 0;}
#menu ul li a.home { background:url(../img/menu/home_on.gif) no-repeat; width: 42px; left: 5px;}
#menu ul li a.chi_siamo { background:url(../img/menu/chi_siamo_on.gif) no-repeat; width: 71px; left: 59px;}
#menu ul li a.contatti { background:url(../img/menu/contatti_on.gif) no-repeat; width: 56px; left: 142px;}
#menu ul li a.news { background:url(../img/menu/news_on.gif) no-repeat; width: 39px; left: 210px;}
#menu ul li a.prodotti { background:url(../img/menu/prodotti_on.gif) no-repeat; width: 60px; left: 261px;}
#menu ul li a.home_sel { background:url(../img/menu/home.gif) no-repeat; width: 42px; left: 5px;}
#menu ul li a.chi_siamo_sel { background:url(../img/menu/chi_siamo.gif) no-repeat; width: 71px; left: 59px;}
#menu ul li a.contatti_sel { background:url(../img/menu/contatti.gif) no-repeat; width: 56px; left: 142px;}
#menu ul li a.news_sel { background:url(../img/menu/news.gif) no-repeat; width: 39px; left: 210px;}
#menu ul li a.prodotti_sel { background:url(../img/menu/prodotti.gif) no-repeat; width: 60px; left: 261px;}
*/

#menu ul li a {display: block; height: 18px; float: left; padding: 0; margin: 4px 9px 0 0;}
#menu ul li a.home { background:url(../img/menu/home_on.gif) top no-repeat; width: 39px; left: 5px;}
#menu ul li a.chi_siamo { background:url(../img/menu/chi_siamo_on.gif) top no-repeat; width: 68px; left: 59px;}
#menu ul li a.contatti { background:url(../img/menu/contatti_on.gif) no-repeat; width: 51px; left: 142px;}
#menu ul li a.news { background:url(../img/menu/news_on.gif) no-repeat; width: 36px; left: 210px;}
#menu ul li a.prodotti { background:url(../img/menu/prodotti_on.gif) no-repeat; width: 54px; left: 261px;}
#menu ul li a.realizzazioni { background:url(../img/menu/realizzazioni_on.gif) no-repeat; width: 91px; left: 261px;}

#menu ul li a.home_sel { background:url(../img/menu/home.gif) top no-repeat; width: 39px; left: 5px;}
#menu ul li a.chi_siamo_sel { background:url(../img/menu/chi_siamo.gif) top no-repeat; width: 68px; left: 59px;}
#menu ul li a.contatti_sel { background:url(../img/menu/contatti.gif) no-repeat; width: 51px; left: 142px;}
#menu ul li a.news_sel { background:url(../img/menu/news.gif) no-repeat; width: 36px; left: 210px;}
#menu ul li a.prodotti_sel { background:url(../img/menu/prodotti.gif) no-repeat; width: 54px; left: 261px;}
#menu ul li a.realizzazioni_sel { background:url(../img/menu/realizzazioni.gif) no-repeat; width: 91px; left: 261px;}







#menu ul li a span {display: none;}

h1 {display:block; margin: 0; padding: 0; width: 210px; height: 125px; border-left: 1px solid #000; position:absolute; top: 50px; right: 70px;}
h1 a {display:block; width: 176px; height: 118px; background:url('../img/logo.gif') no-repeat; margin: 8px 0 0 27px;}
h1 a span {display: none;}



#sottocategorie { position:absolute; top: 186px; left: 420px; width: 90px;}
#sottocategorie ul {margin: 0; padding: 0;}
#sottocategorie ul li{ display:inline;}
#sottocategorie ul li a {display: block; background:url(../img/sottocat.gif) bottom no-repeat; color: #666; text-decoration:none; margin:  0 0 4px 0; padding: 0 0 4px 0; width: 90px; float:left; font: 10px Verdana, Arial, Helvetica, sans-serif;}
#sottocategorie ul li a.sel {color: #f26649; font-weight: bold; }
#menucat {position: absolute; left: 14px; top: 580px; border-top: 1px solid #000; width: 670px;}
#menucat ul {margin: 0; padding: 0;}
#menucat ul li{ display:inline;}
#menucat ul li a {display: block; padding: 0; margin: 0; float: left; height:165px; position: absolute; top: 1px;}
#menucat ul li a.sel img {border: 10px solid #0071bc;}
#menucat ul li a img {border: 10px solid #fff; display: block; width: 120px; height: 120px;}
#menucat ul li a:hover img {border: 10px solid #0071bc; display:inline;}
#menucat ul li a.arredo {background:url(../img/menu/arredo_scuola.gif) right bottom no-repeat; left: -14px;}
#menucat ul li a.toys {background:url(../img/menu/toys.gif) bottom no-repeat; left: 126px;}
#menucat ul li a.parchi {background:url(../img/menu/parchi_giochi.gif) bottom no-repeat; left: 266px;}
#menucat ul li a.palestre {background:url(../img/menu/palestre.gif) bottom no-repeat; left: 406px;}
#menucat ul li a.sicurezza {background:url(../img/menu/sicurezza.gif) left bottom no-repeat; left: 546px;}



#mappaview {position: absolute; top: 187px; left: 513px;}
#mappaview a, #mappaview a:link, #mappaview a:hover, #mappaview a:visited, #mappaview a:active {display: block; width: 247px; height: 230px; background:url(../img/mappa.gif) no-repeat; position: relative; text-decoration:none;}
#mappaview a span {display: block; background: #f3c13b; color: #0090ca; font: bold 12px Arial, Helvetica, sans-serif; position: absolute; bottom: 11px; right: 13px; padding: 2px 7px;} 

#trecolonne{ background:url(../img/trecolonne.gif); width: 670px; position: absolute; left: 14px; top: 751px; height: 200px;} 
#trecolonne div {display: block; float: left; padding: 37px 10px 10px 13px; }
#trecolonne .login{display:block; width: 102px; background:url(../img/area_riservata.gif) top no-repeat;}
#trecolonne .newsletter{display:block; width: 257px; background:url(../img/newsletter.gif) top no-repeat; font: 12px Arial, Helvetica, sans-serif; color: #fff;}
#trecolonne .newsbox{display:block; width: 242px; background:url(../img/news.gif) top no-repeat; font: 12px Arial, Helvetica, sans-serif; color: #4c2b35;}

#trecolonne .newsbox strong.titolo {display: block;}
#trecolonne .newsbox strong.data {display: block;}
#trecolonne .newsbox a {color: #4c2b35; text-decoration: none;}
#trecolonne .newsbox a:link, #trecolonne .newsbox a:visited {color: #4c2b35;} 
#trecolonne .newsbox a:hover .continua {text-decoration: underline;}
#trecolonne .newsbox strong.continua {display: block; color: #0090ca;}




#loginform {margin: 0; padding: 0;}
#loginform .error {font: 12px Arial, Helvetica, sans-serif; display: block;}
#loginform fieldset {border: 0;}
#loginform legend {display: none;}
#loginform label{display: block; font: 12px Arial, Helvetica, sans-serif; color: #fff; margin: 5px 0 0 0;}
#loginform label input {display: block; font: 12px Arial, Helvetica, sans-serif; color: #000; background: #f26522; border: 1px solid #999; width: 100px;}
#loginform label input.enter {border: 0; font-weight: bold; width: 60px; color: #fff; text-align:left; margin: 10px 0 0 0;}

#catalogo #homeimg {position: absolute; left: -14px; top: 92px;}
#catalogo {width: 373px; height:476px; position: absolute; left: 14px; top: 86px; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #003663;}
#catalogo { font: 12px Verdana, Arial, Helvetica, sans-serif;}
#catalogo h2 {font: bold 18px Verdana, Arial, Helvetica, sans-serif; color: #003663;}
#catalogo h2.benvenuti { background:url(../img/benvenuti.gif) no-repeat; width: 157px; height: 29px; display: block; margin: 42px 0 283px 0;}
#catalogo h2.chi_siamo {display: block; margin: 62px 0 140px 0; display: block;}
#catalogo h2 span {display: none;}


#catalogo .paginazione {height: 100px; width: 373px; position: relative; color: #f26649;}
#catalogo .paginazione .num {font: bold 72px Arial, Helvetica, sans-serif; color: #003663;}
#catalogo .paginazione .catnum {font: bold 32px Arial, Helvetica, sans-serif; color: #003663; display: block;}
#catalogo .paginazione a { text-decoration:none; color: #f26649;}
#catalogo .paginazione .sottocat {color: #f26649;}

#catalogo .paginazione .nc {position:absolute; left:0; bottom: 0; font: bold 16px Arial, Helvetica, sans-serif; color: #003663; display: block;}

#catalogo .sottocategoria {width: 400px;}
#catalogo .spot {display: block; width: 186px; height: 186px; position: absolute; text-decoration:none;}
#catalogo .spot .riga {background: #0071bc; color: #fff; position: absolute; bottom: 0; display: block; font: 10px Verdana, Arial, Helvetica, sans-serif; width: 180px; padding: 2px 3px;} 
#catalogo .spot img{width: 186px; height: 186px; border: 0;}
#catalogo .image1 { top: 103px; left: 0;}
#catalogo .image2 { top: 103px; right: 0; border-left: 1px solid #412b35;}
#catalogo .image3 { bottom: 0; left: 0; border-top: 1px solid #412b35;}
#catalogo .image0 { bottom: 0; right: 0; border-top: 1px solid #412b35; border-left: 1px solid #412b35;}

#news {display: block;}
#news ul {margin: 0; padding: 0;}
#news ul li { display:inline;}
#news ul li a {display: block; color: #003663; text-decoration:none; background:url(../img/sottocat.gif) bottom repeat-x; padding: 2px 0; margin: 5px 0 0 0;}

#news ul li a:hover strong {color: #f26649;}
#news .schedanews img {width: 370px;}
#news .schedanews {width: 387px; height: 450px; overflow: auto; font: 12px Verdana, Arial, Helvetica, sans-serif;}
#news .schedanews strong.titolo {display: block; color: #003663; margin: 10px 0 0 0;}
#news .schedanews strong.data {display: block; color: #f26649; margin: 10px 0;}

#news .photogallery {width: 387px; font: 12px Verdana, Arial, Helvetica, sans-serif;}
#news .photogallery a {float: left; margin: 5px 5px 0 0; border: 1px solid #06f; display: block;}
#news .photogallery a img {width: 110px; border: 0; padding: 2px; margin: 0; display: block;}

#news .schedanews a {display: block; color: #003663; font-weight: bold;}

#scheda {width: 387px; height: 450px; overflow:auto; font: 12px Verdana, Arial, Helvetica, sans-serif; background: #0071bc; color: #fff;}
#scheda img {border: 0; width: 370px;}
#scheda p {width:auto; margin: 5px;}
#scheda a {height: 20px; color: #fff; display: block;}

#frmcontatti {margin: 0; padding: 0; width:auto;}
#frmcontatti fieldset {margin: 0; padding: 0; border:0;}
#frmcontatti fieldset legend {display: none;}
#frmcontatti fieldset label {font: bold 10px Verdana, Arial, Helvetica, sans-serif; margin: 5px 0 0 0; padding: 0; display:block; width: 80px; color: #003663;}
#frmcontatti fieldset input.campi {font: normal 10px Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; border: 1px solid #333; width: 350px; color: 003663;}
#frmcontatti fieldset select {font: normal 10px Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; border: 1px solid #333; width: 350px}
#frmcontatti fieldset input.cerca {font: bold 10px Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; border: 1px solid #333; background: #fff; color:#036;}
#frmcontatti fieldset textarea {font: normal 10px Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; border: 1px solid #333; width: 350px; height: 100px;}
#frmcontatti p, p.error {font: 70% Verdana, Arial, Helvetica, sans-serif;}

#frmnewsletter {margin: 0; padding: 0; width:auto;}
#frmnewsletter fieldset {margin: 0; padding: 0; border:0;}
#frmnewsletter fieldset legend {display: none;}
#frmnewsletter fieldset label.cam {display: none;}
#frmnewsletter fieldset label {display: block; font: normal 10px Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0;}
#frmnewsletter fieldset input.campi {font: normal 10px Verdana, Arial, Helvetica, sans-serif; margin: 4px 0; padding: 0; border: 1px solid #fff; width: 200px; color: 003663;}
#frmnewsletter fieldset select {font: normal 10px Verdana, Arial, Helvetica, sans-serif; margin: 4px 0; padding: 0; border: 1px solid #fff; width: auto; color: 003663;}

#frmnewsletter fieldset input.cerca {font: bold 10px Verdana, Arial, Helvetica, sans-serif; margin: 4px 0 0 0; padding: 0; border: 1px solid #333; background: #fff; color:#036;}



#footer {display: block; height: 20px; position: absolute; width: 670px; top: 960px; left: 14px; margin: 0; border-bottom: 2px solid #000;}
#footer a { font: bold 12px Arial, Helvetica, sans-serif; color: #003663; text-decoration:none;}
#footer .credits{ float:left;}
#footer .mail{ float:right;}