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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
font-size:100%;
text-align:left;
vertical-align:baseline}
a img, :link img, :visited img {border:0}
table {
border-collapse: collapse;
border-spacing:0}
ul{list-style:none}
q:before, q:after,
blockquote:before, blockquote:after {
content: ""}
:focus {outline:0}
html{
width:100%;
height:100%}
body{
text-align:center;
margin:0 auto;
height:100%;
font:12px Tahoma, Arial, Helvetica, sans-serif;
background:url(/images/bg_body.gif) top repeat-x;}
p{
line-height:16px;
margin-bottom:5px}
ol li{text-align:justify}
a{text-decoration:none}
h1{
color:#98BB61;
font:12px Tahoma,Verdana,arial,sans-serif,helvetica;}
h2,h3,h4,h5,h6{
color:#98BB61;
font:16px Tahoma,Verdana,arial,sans-serif,helvetica;
padding:0 0 5px 0}
/**{
text-shadow:#000 0 0 0;
opacity: 0.9999999}*/
.link{
color:#98BB61;
font:12px Tahoma, Arial, Helvetica, sans-serif;text-decoration:underline}
.link_newsl{
color:#98BB61;
font:11px Tahoma, Arial, Helvetica, sans-serif;text-decoration:underline}
.link:hover, .link_bottom:hover, .link_newsl:hover{text-decoration:none}
.link_bottom{text-decoration:underline}
.link_newsl1{
color:#98BB61;
font:11px Tahoma, Arial, Helvetica, sans-serif}
.testo_home{
position:relative;
top:200px;
left:600px;
float:left;
width:370px;}
.testo_home a{
display:inline !important;
color:#EF4D74 !important}
#wrapper{
width:100%;
height:100%;
text-align:center;
margin:0 auto;
position:relative}
#container{
width:996px;
text-align:center;
margin:0 auto;
position:relative;
z-index:1}
#footer{
float:left;
width:100%;
height:203px;
background:url(/images/bg_footer.gif) repeat-x;
margin:0 auto;
text-align:center;
font:11px Tahoma, Arial, Helvetica, sans-serif;
color:#373735}
#footer a{color:#373735}
#footer ul li.first-child{display:none}
#footer_bg{
width:996px;
margin:0 auto;
text-align:center;
height:203px;
position:relative}
#divisore1, #divisore2, #divisore3{
position:absolute;
width:8px;
height:90px;
top:48px;
background:url(/images/divisore.jpg) no-repeat}
#divisore1{left:250px}
#divisore2{left:550px}
#divisore3{left:750px}
.footer_box, .newsletter_box, .agenti_box {
position:relative;
float:left;
top:48px;
height:110px}
.footer_box{
color:#fff;
left:0;
width:240px;
margin:0 40px 0 0}
.footer_box a{
text-decoration:none;
font-weight:bold;
color:#fff !important}
.newsletter_box{
color:#fff;
left:0;
width:240px;
margin:0 40px 0 0}
.newsletter_box a{ color:#fff !important}
.agenti_box{
color:#fff;
left:0;
width:240px;
margin:0 0 0 15px}
#footer_newsletter{
left:257px;
width:291px;
background:url(/images/footer_newsletter.jpg) no-repeat}
#footer_attitudine a{
left:257px;
height:80px;
display:block;
margin:0 0 0 30px}
/*#footer_newsletter a{width:230px}*/
#footer_newsletter_box{
width:130px;
height:70px;
position:absolute;
top:30px;
left:110px}
#footer_attitudine a{width:130px}
#footer_newsletter ul{ text-align:center; margin:0 auto}
#footer_attitudine{
width:192px;
left:557px;
background:url(/images/footer_attitudine.jpg) no-repeat}
#footer_sponsor{
left:830px;
width:238px;
background:url(/images/footer_sponsor.jpg) no-repeat}
#footer_sponsor_animazione{
position:absolute;
top:30px;
left:60px}
#footer_sponsor_animazione img{
width:101px;
height:52px;
display:none;
position:absolute;
top:0;
left:0}
#logo span, #prodotto_header span, #footer_newsletter span, #footer_attitudine span, #footer_linkness span{display:none}
#footer_privacy_copy{
position:absolute;
top:65px;
color:#fff;
right:0}
#footer_privacy_copy a{
color:#fff}
#footer_linkness a{
display:block;
text-decoration:none;
width:73px;
height:47px;
background:url(/images/logo_linkness.gif) no-repeat;
position:absolute;
top:150px;
left:920px}
/*#linkness_bottom a{
background:url(/images/linkness.gif) no-repeat;
padding-left:25px;
color:#000;
position:absolute;
top:240px;
left:920px}
#linkness_bottom a:hover{color:#52A145}*/
.anteprima_testo_sx a{
text-decoration:none;
color:#98BB61}
#header{
height:268px;
float:left;
width:996px;
background:url(/images/bg_header.jpg) no-repeat top}
#logo{
background:url(/images/logo_attitudine.gif) no-repeat;
width:367px;
height:222px;
float:left}
#logo a{
display:block;
width:367px;
height:222px;
text-decoration:none}
#prodotto_header{
background:url(/images/prodotto_header.gif) no-repeat;
width:435px;
height:238px;
float:right}
#prodotto_header a{
display:block;
width:435px;
height:238px;
text-decoration:none}
#fascia_centrale{
float:left;
width:996px;
height:auto !important;
height:511px;
min-height:511px;
float:left;
padding:0 0 20px 0;}
#fascia_centrale_sx, #fascia_centrale_dx{
float:left;
padding:3px 0 0 0}
#fascia_centrale_sx{
width:700px;
height:auto !important;
height:400px;
min-height:400px;
float:left;}
#fascia_centrale_dx{
width:290px;
text-align:right}
.prodotto_chiuso{
width:230px;
float:left;
padding:0 40px 0 0;}
.prodotto_chiuso ul {
padding:0 0 0 15px;}
.prodotto_chiuso ul li{
list-style-type:square;
list-style-position:inherit;}
.prodotto_aperto{
padding:0 0 0 0;
width:340px;
float:left;}
.thubms_prodotto{
padding:0 0 0 15px;}
.thubms_prodotto img{
border:1px solid #d5d3cc;
margin:0 10px 0 0}
.box_menu{
float:right;
padding:44px 0 0 0}
.thubms_calendario{
padding:0 20px 0 27px}
.thubms_calendario img{
margin:10px;
border:1px solid #d5d3cc;}
#testo_newsletter{
width:320px;
float:left;
height:auto !important;
height:300px;
min-height:300px;
padding:30px 0 0 60px}
#testo_newsletter ul {
padding:20px 0 0 0}
#testo_newsletter ul li{
margin:5px 0;
list-style-position:inside;
list-style-type:square;}
#testo_newsletter ul li a{
color:#333;
text-decoration:none}
#testo_contatti{
width:600px;
float:left;
padding:30px 0 0 80px;}
#fascia_centrale_sx h1{padding:20px 0 0 0}
#fascia_centrale_sx h2{margin:25px 0 0 0}
#fascia_centrale_sx h3,h4,h5,h6{margin:25px 0 0 0}
#fascia_centrale_sx ul{margin:5px 0;line-height:16px}
.plus{font-size:10px; margin:30px 0 0 0 }
.plus a{
color:#000}
#acquista_ora{
position:absolute;
top:271px;
left:340px;
background:url(/images/acquista_ora.gif) no-repeat;
width:194px;
height:148px}
#acquista_ora a{
display:block;
text-decoration:none;
width:194px;
height:148px}
#acquista_ora a span, #homepage a span{display:none}
#homepage{
float:left;
background:url(/images/homepage.jpg) no-repeat;
width:996px;
height:369px;
margin:3px 0 0 0}
#homepage a{
display:block;
text-decoration:none}
.link1{left:0}
.link2{left:168px}
.link3{left:330px}
.link1, .link2, .link3{
position:absolute;
top:360px;
width:100px;
height:300px;}
.link3{
top:420px;
width:130px;
height:240px}
.link4, .link5, .link6{
position:absolute;
top:420px;
width:100px;
height:180px}
.link4{left:560px}
.link5{left:720px}
.link6{left:890px}
.box_privacy p{text-align:justify}
.box_privacy{margin:10px 0 25px 0}
.box_privacy ol{
line-height:16px;
list-style-position:inside}
.box_privacy ol li{
list-style-type:none}
/*************************************************************MENU**************************/
a.link_prodotti span, a.link_acquista span {display:none}
a.link_prodotti{
background:url(/images/menu/prodotti.gif) 0 0;
width:71px;
height:19px}
a:hover.link_prodotti{background:url(/images/menu/prodotti.gif) 0 -19px}
a.link_acquista{
background:url(/images/menu/acquista.gif) 0 0;
width:71px;
height:19px;
margin:0 0 0 1px}
a:hover.link_acquista{background:url(/images/menu/acquista.gif) 0 -19px}
#cercasi{
position:absolute;
top:0px;
left:900px;
width:95px;
height:74px;
background:url(/images/cercasi_agente.jpg) no-repeat}
#cercasi span{display:none}
#cercasi a{
display:block;
width:95px;
height:74px;
text-decoration:none}
#menu_c{
position:absolute;
top:251px;
left:850px;
z-index:3;
width:148px;
height:19px;
background:url(/images/menu/bg_menu.gif) no-repeat}
.menu, .menu ul{
margin:0;
padding:0;
border:0;
list-style-type:none;
display:block;
position:absolute;
top:2px;
left:2px}
.menu li{
margin:0;
padding:0;
border:0;
display:block;
float:left;
position:relative;
z-index:5}
.menu li:hover{
z-index: 10000;
white-space: normal}
.menu li li{float: none}
.menu ul{
visibility:hidden;
position:absolute;
z-index:10;
left:0;
top:0}
.menu li:hover>ul{
visibility: visible; /* display submenu them on hover */
top: 100%; /* 1st level go below their parent item */}
.menu li li:hover>ul { /* 2nd+ levels go on the right side of the parent item */
top:0;
left:100%}
.menu, .menu ul { /* IE7 float clear: */
min-height:0}
/* -- sticky.submenu --
it should not disappear when your mouse moves a bit outside the submenu
YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
if you do it, make sure you 110% know what you do */
.menu ul {
background-image: url(/images/menu/empty.gif); /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
padding: 10px 30px 30px 30px;
margin: -7px 0 0 -30px;
/*background: #f00;*/ /* uncomment this if you want to see the "safe" area.
you can also use to adjust the safe area to your requirement */
}
.menu ul ul{
padding: 30px 30px 30px 10px;
margin: -30px 10px 0 -9px;
}
/* -- sticky.submenu.END -- */
.menu{
font-family:tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px}
.menu ul li{
background-color:#ee4e74;
font-family:tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff}
.menu ul{width:142px}
/*.menu li ul li{height:17px}*/
.menu li ul li a{
margin:0 0 0 10px;
padding:2px 0 2px 12px}
.menu li ul li a:hover{background:url(/images/menu/quad.gif) no-repeat 0 5px}
.menu a{
text-decoration: none;
color:#fff;
display:block;
position:relative}
.menu ul li a{text-align:left}
.menu a:hover, .menu li:hover>a {color:#fff}
.menu li li { /* create borders around each item */
border-bottom: 1px solid #fff}
.menu ul>li + li { /* and remove the top border on all but first item in the list */
border-top: 0}
/* Fix for IE5/Mac \*//*/
.menu a {
float: left;
}
/* End Fix */
/*]]>*/
/*************************************************************MENU**************************/
/* FORM CONTATTI */
.ordina_regalo fieldset{
width:350px;
margin:0;
padding:0;
position:absolute;
top:400px;
left:265px;
height:300px}
.grass{font-weight:bold}
.ordina_regalo fieldset, .ordina_regalo textarea{font:11px Tahoma,Verdana,arial,sans-serif,helvetica;}
.ordina_regalo fieldset ol{
padding:1em 1em 0 0;
list-style:none}
.ordina_regalo fieldset li{padding-bottom:1em}
.ordina_regalo fieldset.submit{border-style:none}
.ordina_regalo input{
padding:1px;
font:11px Tahoma,Verdana,arial,sans-serif,helvetica;
width:205px}
.ordina_regalo input[type|="checkbox"], .ordina_regalo input[type|="radio"]{width:15px; padding:0; margin-left:1px}
.ordina_regalo textarea{overflow:auto;width:210px}
.ordina_regalo select{
padding:0;
margin:0;
font:11px Tahoma,Verdana,arial,sans-serif,helvetica;
width:207px}
.ordina_regalo label{
float:left;
width:70px;
margin-right:1em;
text-align:left}
.ordina_regalo fieldset.submit{
float:none;
width:auto;
border-style:none;
padding-left:12em;
background-color:transparent}
.ordina_regalo fieldset.alt{background-color:#fff}
.ordina_regalo fieldset span{
margin:0 0 0 10px;
color:#ff0000}
.invio, .invio1{visibility:hidden}
.invio2{display:none}
.invio1{display:block; height:25px}
.input03{
width:57px;
height:17px;
background:url(/images/invia_gr.gif) no-repeat;
border:0;
margin:10px 0 0 0;
cursor:pointer}
.input03 span{visibility:hidden}
a.privacy{
color:#5dab07;
text-decoration:underline}
a:hover.privacy{ text-decoration:none}
.box_check{ margin:5px 0 0 5px}
.msg{
padding:0;
margin:0 0 0 25px;
font:11px Tahoma,Verdana,arial,sans-serif,helvetica;
font-weight:bold}
.newsl_img{
float:left;
border:2px solid #fff;
margin:0 10px 0 0}
a.link_news{color:#077AC1}
.rientro{padding:0 0 10px 8px}
.rientro1{padding:0 0 10px 0}
.obbligatorio01{
position:absolute;
top:310px;
left:267px;
width:200px;
height:80px}
.form_pagamento .nascosto{display:none}
.form_pagamento fieldset{
float:left;
clear:both;
width:100%;
margin:5px 0;
padding:0;
border:1px solid #e3e3e3}
.grass{font-weight:bold}
.form_pagamento fieldset, .form_pagamento textarea{font:12px Tahoma,Verdana, Arial, Helvetica, sans-serif;}
.form_pagamento fieldset ol{
padding:1em 1em 0 1em;
list-style:none}
.form_pagamento fieldset li{padding-bottom:1em; position:relative}
.form_pagamento fieldset.submit{border-style:none}
.form_pagamento input{
padding:1px;
font:12px Tahoma,Verdana, Arial, Helvetica, sans-serif;
width:207px}
.form_pagamento input[type|="checkbox"], .form_pagamento input[type|="radio"]{width:15px; padding:0}
.form_pagamento textarea{
overflow:auto;
width:210px;
height:150px}
.form_pagamento select{
padding:0;
margin:0;
font:12px Tahoma,Verdana, Arial, Helvetica, sans-serif;
width:207px}
.form_pagamento label{
float:left;
width:13em;
margin-right:1em;
text-align:right}
.form_pagamento fieldset.submit{
float:none;
border-style:none;
padding-left:12em;
background-color:transparent}
.form_pagamento fieldset.alt{background-color:#fff}
.asterisco{left:370px !important; left:250px}
.asterisco_sicurezza{left:250px !important; left:230px}
.asterisco_controllo{left:310px}
.asterisco, .asterisco_sicurezza, .asterisco_controllo{
background:url(/images/asterisco.gif) no-repeat;
width:9px;
height:9px;
position:absolute;
top:4px}
.bottone_invia{
width:86px;
height:20px;
background:url(/images/invia_gr.gif) no-repeat;
cursor:pointer;
border:0;
margin:10px 0 0 0}
.bottone_invia span{visibility:hidden}
.input_sicurezza{}
.errore{color:#ff0000}
.fake_label{visibility:hidden}
.fake_height{height:50px; width:250px; float:left}
/****************************************
Form Contatti
****************************************/
.form_linkness{
float:left;
padding:0 0 20px 0px;}
.form_linkness h3{
font-size:18px;
font-weight:normal;
padding:10px 0 20px 0 }
.form_linkness .nascosto{display:none;}
.form_linkness fieldset{
color:#2e2e2e;
float:left;
clear:both;
width:500px;
margin:0;
padding:0;}
.form_linkness fieldset, .form_linkness textarea{
font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.form_linkness fieldset{
border:1px solid #bbbbbb;
margin:10px 0;
padding:0 0 10px 10px;}
.form_linkness ol{
padding:1em 1em 0 1em;
list-style:none;
margin:0 0 8px 0;}
.form_linkness li{
width:100%;
margin:0 0 10px 0;
_margin:0 0 -5px 0;
position:relative;
float:left;
padding:0;}
*+html .form_linkness li{ /* IE 8 & IE 7 only */
margin:0 0 -5px 0;}
.form_linkness li.note{
width:260px;
margin:5px 0 0 137px;
_margin:5px 0 0 70px;}
.form_linkness input#contact_sec{
margin:0 0 0 137px;
_margin:0 0 0 140px;
width:80px;}
.form_linkness legend{
font-weight:bold;
padding:0 5px;
margin:0 0 0 5px;}
.form_linkness fieldset label{
float:left;
width:130px;
_margin:0 -10px 0 0;}
.form_linkness fieldset label.int{
width:180px;}
.form_linkness fieldset label.now{
width:0;}
.form_linkness li.grass{
font-weight:bold;
margin:10px 0 5px 0;}
.form_linkness fieldset.submit{
border-style:none;}
.form_linkness input{
padding:1px;
font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
width:220px;}
.form_linkness input[type|="checkbox"], .form_linkness input[type|="radio"]{
width:15px;
margin:2px 0 0 0;}
.form_linkness input#Autorizzo_trattamento_required{
position:relative;
top:2px;
_top:0;}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* questo è letto solo da safari mac 3.1 e successivi */
.form_linkness input#Autorizzo_trattamento_required{
top:-1px;
}
}
.form_linkness textarea{overflow:auto; margin:0 0 0 10px; width:90%; border:1px solid #bbbbbb}
.form_linkness select{
padding:0;
margin:0;
font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
width:226px;}
.form_linkness fieldset.submit{
float:none;
border-style:none;
padding-left:12em;
background-color:transparent;}
.form_linkness fieldset.alt{background-color:#fff}
.form_linkness img{margin:0 0 0 140px;}
.asterisco{left:370px; _left:380px;}
.asterisco_sicurezza{left:240px; _left:250px;}
.asterisco_controllo{left:360px;}
.asterisco, .asterisco_sicurezza, .asterisco_controllo{
background:url(/images/asterisco.gif) no-repeat;
width:9px;
height:9px;
position:absolute;
top:5px;
}
.bottone_invia{
width:100px;
height:20px;
background:url(/images/invia_gr.gif) no-repeat;
cursor:pointer;
border:0;
margin:20px 0 10px 135px}
.bottone_invia span{visibility:hidden}
.bottone_invia_en{
width:57px;
height:17px;
background:url(/images/invia_gr_en.gif) no-repeat;
cursor:pointer;
border:0;
margin:10px 0 0 0}
.bottone_invia_en span{visibility:hidden}
.bottone_invia_es{
width:57px;
height:17px;
background:url(/images/invia_gr_es.gif) no-repeat;
cursor:pointer;
border:0;
margin:10px 0 0 0}
.bottone_invia_es span{visibility:hidden}
.errore{color:#ff0000}
.label_nascosta label {display:none}