/**************************************/
/*            MEYER RESET v1.0        */
/**************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; font-size: 100%; margin: 0; padding: 0; outline: 0; vertical-align: baseline; }
body { line-height:1; } 
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
:focus { outline:0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing:0; }

/**************************************/
/*         BASIC TYPOGRAPHY           */
/**************************************/

html { font-size: 62.5%; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; }
strong, th, thead td { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size: 11px;}
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

/**************************************/
/*         BASE SIZES                 */
/**************************************/

.container { font-size: 1.2em; line-height: 1.6em; }
h1 { font-size: 1.9em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }

/**************************************/
/*         LISTS                      */
/**************************************/

ul li { margin-left: .85em; }
ul { list-style-type: disc; }
ul ul { list-style-type: square; }
ul ul ul { list-style-type: circle; }
ol { list-style-position: outside; list-style-type: decimal; }
dt { font-weight: bold; }

/**************************************/
/*        MARGINS & PADDINGS          */
/**************************************/

blockquote *:first-child { margin: .8em 0; }
hr, p, ul, ol, dl, pre, blockquote, address, table, form { margin-bottom: 1.6em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
h1 { margin: 1em 0 .5em;  }
h2 { margin: 1.07em 0 .535em; }
h3 { margin: 1.14em 0 .57em; }
h4 { margin: 1.23em 0 .615em; }
h5 { margin: 1.33em 0 .67em; }
h6 { margin: 1.6em 0 .8em; }
th, td { padding: .8em; }
caption { padding-bottom: .8em; } /* padding instead of margin for IE */
blockquote { padding: 0 1em; margin: 1.6em 0; }
fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
legend { padding-left: .8em; padding-right: .8em; }
legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
textarea, input { padding: 2px 3px; border:none; background: none; color:#FFF;}
input[type='text'], input[type='password'], textarea, input.text { background: #666; height: 16px; line-height: 16px;}
textarea {height: auto;}
select { padding: .1em .2em 0 .2em; height: 22px; border:1px solid #575757; background: url("/public/images/bg_form.jpg") top repeat-x; color:#CCC; font-size: 12px; letter-spacing:normal}
option { padding: 0 .4em; border:none; background: #666; color:#FFF;}
dt { margin-top: .8em; margin-bottom: .4em; }
ul { margin-left: 1.5em; }
ol { margin-left: 2.35em; }
ol ol, ul ol { margin-left: 2.5em; }
form div { margin-bottom: .8em; }

/**************************************/
/*    GLOBALI &  PAGINA ORIZZONTALE   */
/**************************************/

html { text-align: center; }
body { padding: 0; margin: 0; background: #000 url(../images/bg.png) repeat-x top; color: #FFF; }
a { background: transparent; color: #FFF; }
a:hover { text-decoration: underline; }
#top { margin:0 auto; width: 980px; height: 24px; line-height: 24px; font: normal 14px Arial, sans-serif; letter-spacing:-1px;}
#top span {	line-height: 24px; height: 24px; float: right; }
#header { margin: 0 auto; width: 980px; height: 80px; font: normal 14px Arial, sans-serif; letter-spacing: -1px;}
#logo { width: 216px; height: 63px;	float: left; margin: 9px 0 0 0; }

#mainnav { background:transparent; padding: 0; margin: 60px 0 0 0; float: right; height: 20px; width: 700px; font: normal 14px Arial, sans-serif; letter-spacing:-1px; list-style-type: none; text-align: left;}
#mainnav li { display: inline; margin: 0; }
#mainnav li a { text-decoration: none; position: relative; padding: 5px 10px; margin-right: 0px; color: #000; background: transparent; }
#mainnav li a:hover, #mainnav li.selected a { color: #FFF; background: #242424; }
#mainnav li.selected a:hover { text-decoration:none; }

#subnav_container { width: 980px; margin: 0 auto; padding: 0; height: auto; }
#subnav_inner_container { width: 980px; margin: 0; padding: 0 0 12px 0; height: auto; float: left; }
#subnav { width:auto; background:transparent; padding: 0; margin: 0 0 0 246px; float: left;	font: normal 14px Arial, sans-serif; letter-spacing:-1px; list-style-type: none; }
#subnav li { display: inline; margin: 0; }
#subnav li a { text-decoration: none; padding: 0; margin: 0 10px; color: #FFF; background: transparent; height: 24px; line-height: 24px; }
#subnav li a:hover, #subnav li.selected a { color: #FFF; text-decoration: underline; }

#wrapper, #wrapper_prodotto, #wrapper_carrello, #wrapper_testo { background: #242424; margin:0; padding:0; height: 441px; }
#content { width: 100%; margin: 0 auto; padding: 0; background: transparent; border: none; color: #000; text-align: center;	clear: both; overflow: hidden; }

#links_container {background: url(/public/images/bottom.jpg) repeat-x top; margin: 0; padding: 12px 0 0 0; }
#links { height: 120px; width: 980px; margin: 12px auto 0; padding: 0; position:relative; color: #666666; }
.links_box, .last_links_box { float: left; font-size: 11px; height: auto; overflow:hidden; margin:0; padding: 1em 0; width: 240px; margin-right:5px; text-align:left;}
.links_box a { display: block; margin:0; padding:0; text-decoration: none; color: #666666;}
.links_box a#privacy { display: inline;}
.links_box a:hover { margin:0; padding:0; text-decoration: underline; }
.links_box span, .last_links_box span { display: block; }
.inner_lb, .last_inner_lb { height: auto; line-height: 1.5em; overflow:hidden; min-height:120px; margin: 0 4px 0 18px; padding: 0 3px 0 0; border-right: 1px solid #666666;}
.last_inner_lb { border: none; }
.inner_lb #newsletter_email {width: 90%; margin: 3px 0 0 0; background: #666; border: 1px solid #666666;}
.inner_lb a.thickbox img {float: left; margin: 3px 8px 0 0; }

#links .last_inner_lb span.payment { margin-top: 12px; }
#links .last_inner_lb a.agency { margin-top: 6px; width:49%; float: left; }

/**************************************/
/*              PAGINA PRODOTTO       */
/**************************************/

.riquadro, .riquadro_centrale { width: 326px; height: 100%; float: left; margin: 0; padding: 0;}
.riquadro_centrato { width: 326px; height: 100%; float: left; text-align:center;}
.riquadro_centrale { width: 318px; margin: 0 10px 0 0 !important; margin:0; padding: 0;}
.riquadro_laterale { width: 326px; margin: 0; padding: 0;}
.bold {font-weight: bold;}

/* aggiunto form */
.riquadro_centrale form {margin: 0; padding: 0;}
.riquadro_centrale select { margin: 13px 0 6px 8px; float:left; width:100px; clear:both; }
.riquadro_centrale input { height: 28px; line-height: 28px; padding: 0; margin: 18px 0 0 0; float:left; width:100px; clear:both; }

/**************************************/
/*              PAGINA TESTUALE       */
/**************************************/

#wrapper_testo { min-height:441px; height:auto !important; height:441px; text-align: center; }
#content_testo { width: 980px; margin:0 auto; font-size: 11px; text-align:left; line-height: 16px; }
#content_testo:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; max-height: 0; }
#content_testo { display: inline-block; }
* html #content_testo { height: 1%; }
#content_testo { display: block; }

#content_testo .riquadro { width: 306px; padding-right:20px;}
#content_testo .riquadro2 { width: 632px; margin: 0; float: left; padding-right:20px;}

#content_testo .riquadro p { font-size: 11px;}
#content_testo .riquadro label, #content_testo .riquadro .description { display: block; float: left; margin:0; text-align: right; width: auto; clear: left; width: 120px; height: 18px; line-height: 18px; }
#content_testo .riquadro input.text, #content_testo .riquadro input.password { float: left; margin-left: 3px; margin-bottom:6px; width: 160px; }
#content_testo .riquadro input[type='checkbox'] { float: left; margin-left: 3px; margin-bottom:7px; width: auto;}

.left_table { float: left;}
.right_table { float: left;}

.nota { clear: both; float: left; font-weight: bold; margin-top:1em; width: 100%;}

#acconsenti { float: left; margin-left: 3px; margin-bottom:7px; width: auto;}
#invia, #registrati { float: right; width:auto; height: auto; margin:20px 0 0 0;}

#invita input.text, #invita textarea { background:#666;}
#registrazione input.text { background:#666;}

#contatti {margin:0; padding: 0;}
#contatti input.text, #contatti textarea { background:#666;}
#autenticazione input.text, #autenticazione input.password { background:#666;}
#edit input.text, #edit input.password { background:#666;}

/**************************************/
/*            UTILITY                 */
/**************************************/

.left { float:left; }
.right { float:right; }

/**************************************/
/*      JS ACCESSIBILITY TRICKS       */
/**************************************/

.contentitem img, #photo, #photo img, #contentslider_container, #contentslidercorrelati_container, .colors { visibility:hidden; }
.js .contentitem img, .js #photo, .js #photo img, .js .colors {	visibility:visible; }

/**************************************/
/*    CLUB FORM REGISTRAZIONE         */
/**************************************/

#nazione { float: left; width: 160px; margin-left: 3px; display: inline;}
#codpadre { margin-top:0.5em; }

/**************************************/
/*    CLUB AREA RISERVATA TABLES      */
/**************************************/

table#orders { line-height: 1.5em; margin:0.5em 1em 0 0; width:980px; border-collapse: collapse; text-align: left; }
#orders tr { width: 100%; }
#orders th { font-size: 12px; font-weight: normal; line-height: 1.5em; color: #CCC; padding: 10px 8px; border-bottom: 2px solid #CCC; }
#orders td { line-height: 1.5em; color: #FFF; width: auto; 	padding: 9px 8px 0px 8px; }
#orders td a:hover, #orders tbody tr:hover td { color: #CCC; }