/* 

   Documento CSS2 for Heelys.it

   designed by Federico Ceccherelli

   sito: http://fceccherelli.altervista.org

   email: f.ceccherelli@gmail.com

   MSN: f.ceccherelli@hotmail.it

   SKYPE: callto://federico.ceccherelli

   

   NOTE: il seguente foglio di stile è solo una bozza.

*/

* {margin:0; padding:0;}



body {background:url(../images/pattern.gif) repeat #FFFFFF; font-size:76%; font-family: Helvetica, Verdana, Arial, sans-serif;}

body#tabella-misure {background: #FFFFFF;}



hr {clear:both; border:#EEEEEE solid 1px; margin-bottom:10px;}



p {line-height:1.5em;}



p, td, th, li {font-size: 1em;}

p, td, li {
	color:#666666;
	text-align: left;
}



th {color:#FF3366;}



p.torna_su {clear:both; float:right; border-left:#FF3366 solid 1px; padding-left:4px; font-size:0.8em}

p.torna_catalogo {clear:both; text-align:center; padding-top:15px;}



strong {color:#333333;}



span.rossoBold {color:#FF6666; font-weight:bold;}



h1, h2, h3 {color:#FF3366; clear:both;}

h1, h2 {letter-spacing:-1px;}



h1 {font-size: 1.8em;}

h2 {font-size: 1.4em;}

h3 {font-size: 1.0em;}



img {border-width:0px;}



table, td, th {padding:5px; text-align: center; border:#CCCCCC solid 1px; border-collapse:collapse;}



fieldset {border: none;}

label {display:block; letter-spacing:0.2em;}



a:link, a:visited {text-decoration:none; color:#FF0066;}

a:hover {text-decoration: underline; color:#FF0066;}



#container {width:700px; margin:0 auto;}



/*------------- HEADER -----------*/

#header {width:700px; height:318px; background:url(../images/header.png) no-repeat; margin-top:15px;}



/*------------- HEADER NAV -----------*/

#header #nav {float:right; margin-top:8px; margin-right:10px;}

#header #nav ul li {display:inline; padding-left:5px; padding-right:5px; color:#FF3366; font-weight:bold; border-right:#CCCCCC solid 1px; font-size:0.9em;font-family: Verdana, Arial, sans-serif;}

#header #nav ul li a:hover {text-decoration:none; color:#FFFFFF; background-color:#FF3366;}



/*------------- HOME CONTENT -----------*/

#content {width:700px; overflow:auto; background-color:#FFFFFF; padding-bottom:15px;}



div.avviso {margin-bottom:25px; width:35em; clear:both; padding:0.2em; margin:0 auto; background:url(../images/info.gif) no-repeat;}

div.avviso p {font-size:1.6em; color:#FF3366; font-weight:900; margin-left:74px;}



#content #home_content {width:320px; display: inline; float:right; margin-top:15px; margin-right:15px; border-left:#EEEEEE solid 1px; padding-left:14px;}



#content #news_content {width:320px; display: inline; float:left; margin-top:15px; margin-left:15px;}

#content #news_content #banner_ss2008 {width:320; height:300px; background:url(../images/banner_ss2008.gif) #000000; margin: 0 0 20px 0;}



/*------------- NEGOZI CONTENT -----------*/

#content #negozi_content {margin-top:15px; margin-right:15px; margin-left:15px;}

#content #negozi_content div.negozio_box {width:650px; margin-left:15px; margin-top: 15px; margin-bottom: 15px; padding-bottom:15px;overflow:auto; border-bottom:#EEEEEE solid 1px;}

#content #negozi_content div.negozio_box img.mappa {border:#CCCCCC solid 1px; margin:-1.5em 0 0 1.5em; float:right;}

#content #negozi_content div.negozio_box ul {float:left;}

#content #negozi_content div.negozio_box ul li {list-style:none; line-height: 1.5em;}



/*------------- VIDEO CONTENT -----------*/

#content #video_content {margin-top:15px; margin-right:15px; margin-left:15px;}

#content #video_content div#player-video {overflow:auto;}

#content #video_content div#player-video p.no-script {border:#FF3366 3px solid; padding:0.2em;}

#content #video_content div#lista-video {overflow:auto;}

#content #video_content div#lista-video div.video-in-list {border-bottom:#CCCCCC solid 1px; padding:10px 0 10px 0; overflow:auto; clear:both;}

#content #video_content div#lista-video div.video-in-list ul li {list-style:none;}

#content #video_content div#lista-video div.video-in-list img {float:left; border:#CCCCCC solid 1px; margin-right:10px;}





/*------------- EVENTI CONTENT -----------*/

#content #eventi_content {margin-top:15px; margin-right:15px; margin-left:15px;}

#content #eventi_content p#nessun-evento {font-size:1.6em; color:#FF3366; font-weight:900;}

#content #eventi_content div.locandina-evento {width:305px; background:#f5f5f5; border:1px #CCCCCC solid; overflow:auto; padding:10px;}



#content #eventi_content div#locandina-evento-sx {float:left; margin-bottom:20px;}

#content #eventi_content div#locandina-evento-dx {float:right}



#content #eventi_content div.locandina-evento p {color:#333333; font-size:0.8em;}

#content #eventi_content div.locandina-evento h3 {clear:none;}

#content #eventi_content div.locandina-evento img.principale {float:left; margin: 0 10px 5px 0;}



#content #eventi_content table#tabella-eventi {width:100%; border:0; clear:both;}



#content #eventi_content table#tabella-eventi th#data {width:20%;}

#content #eventi_content table#tabella-eventi th#evento {width:60%;}

#content #eventi_content table#tabella-eventi th#luogo {width:20%;}



#content #eventi_content table#tabella-eventi th, #content #eventi_content table td {color:#000000;}

#content #eventi_content table#tabella-eventi th {background:#FF6A6A; color:#FFFFFF; border: inherit; letter-spacing:0.1em; border-right:1px #FFFFFF solid;}

#content #eventi_content table#tabella-eventi td {border: inherit; font-size:0.8em;text-align:left;}

#content #eventi_content table#tabella-eventi tr.grey_row {background:#f5f5f5;}

#content #eventi_content table#tabella-eventi tr {background:#ffffff;}

#content #eventi_content table#tabella-eventi tr:hover {background:#FFFFCC;}



/*------------- FOOTER -----------*/

#footer {height:69px; background:url(../images/footer.png) no-repeat; margin-bottom:15px; padding:5px 15px 0 15px;}

#footer p {color: #FFFFFF; font-size:0.8em; text-align:center;}



#footer a:link, #footer a:visited { font-weight: bold;}

#footer a:hover {font-weight: bold;}



/*------------- CONTATTACI CONTENT -----------*/

#content #contattaci_content {margin-top:15px; margin-right:15px; margin-left:15px; background:url(../images/mail_bg.png) right no-repeat;}

#content #contattaci_content form p {margin-bottom:2px;}

#content #contattaci_content form input.text, #content #contattaci_content form textarea {border: #CCCCCC solid 1px; margin-bottom:10px;}

#content #contattaci_content h2.invio-con-successo {color:#00CC66;}



/*------------- CATALOGO CONTENT -----------*/

#content #catalogo_content {margin-top:15px; margin-right:15px; margin-left:15px; overflow: hidden;}

#content #catalogo_content div#header_catalogo {width: 400px; float:left; margin-bottom:50px;}

#content #catalogo_content div#no_products {margin-bottom:25px; width:35em; clear:both; padding:0.2em; margin:0 auto;}

#content #catalogo_content div#no_products p {font-size:1.6em; color:#FF3366; font-weight:900;}

#content #catalogo_content div#no_products img {float:left;margin-right:10px;}

#content #catalogo_content hr {margin-left:12px;}

#content #catalogo_content div#scelta_box {width: 250px; float:right; border-left: #EEEEEE solid 1px;}

#content #catalogo_content div#scelta_box h2 {margin-left: 10px;}

#content #catalogo_content div#scelta_box ul {list-style-image:url(../images/square.png); margin: 5px 0px 0px 25px;}

#content #catalogo_content div#scelta_box ul li {line-height: 14px; margin-left: 10px;}

#content #catalogo_content div.item {width:150px; float:left; border-right: #EEEEEE solid 1px; margin-left:12px; margin-bottom: 12px; height:130px;}

#content #catalogo_content div.item span.new {color:#FF0033;}

#content #catalogo_content div.item p.title_item {color: #999999; font-size:0.9em; font-weight:bold; text-align:center; letter-spacing:2px;}

#content #catalogo_content div#prodotto_scarpe_uomo, #content #catalogo_content div#prodotto_scarpe_donna, #content #catalogo_content div#prodotto_rotelle, #content #catalogo_content div#prodotto_salvasuola, #content #catalogo_content div#prodotto_accessori {margin-top:50px; overflow: visible; clear:both;}



/*------------- ARTICOLO CONTENT -----------*/

#content #articolo_content {margin-top:15px; margin-right:15px; margin-left:15px;}

#content #articolo_content div#info ul.tipi-modelli {}

#content #articolo_content div#info ul.tipi-modelli li {list-style:none;}

#content #articolo_content div#info h3.classe-modelli {margin:0.5em 0 0 1em;}

#content #articolo_content div#info {float:left; width:270px;}

#content #articolo_content div#info ul {padding: 0; margin: 0px 0px 0px 15px;}

#content #articolo_content div#info	ul li {line-height: 14px; margin-left: 5px;}

#content #articolo_content div#anteprima {float:right; width:375px; border-left:#EEEEEE solid 1px;}

#content #articolo_content div#anteprima h2 {margin-left: 15px;}

#content #articolo_content div#anteprima p {margin-left: 15px;}

#content #articolo_content div#anteprima img.viste {float:left;}



/*------------- MAPPA SITO -----------*/

#content #sitemap_content {margin-top:15px; margin-right:15px; margin-left:15px;}



#content #sitemap_content ul.mappa_sito {margin:1em 0 0 4em; list-style-image:url(../images/square.png);}

#content #sitemap_content ul.mappa_sito li.first-li {margin-top:1em}



#content #sitemap_content ul.mappa_sito li ul {border-left:#dddddd solid 1px; margin-left:-0.9em;}

#content #sitemap_content ul.mappa_sito li ul li {margin-left:2.5em;}



#content #sitemap_content ul.mappa_sito li ul li ul li {margin-left:3em;}



#content #sitemap_content ul.mappa_sito li ul li ul li ul li {margin-left:3.5em;}



/*------------- CONVERSION TABLE -----------*/

div#conversion_table {padding:5px;}

div#conversion_table table {margin-top:10px;}



/*------------- OTHER -----------*/

.hideme {display:none;}