/* PRINCIPALE ======================================================= */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0; 
padding:0; 
}

fieldset,img {  
border:0; 
} 

.left{
float:left;
}

.right{
float:right;
}


option {
padding-left: 0.4em;
}
	
html {
height: 100%;
}
	
body { 
font-family:Arial,Verdana;
font-size:12px;
padding:20px;
color:#666666;

} 



.simbolo{
width:300px;
height:300px;
background:url(../images/simbolo.gif) no-repeat;
position:absolute;
top:-100px;
left:50%;
margin-left:-640px;
z-index:-2000;
}


body#page { 
background:url(../images/sfondo.gif);

}

#container{
z-index:2;
text-align:left;
margin: 0 auto 10px auto;
width:960px;
height:610px;
padding:0 20px 0 20px;
border:1px solid #ccc;
background:#FFF;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#header{
margin:10px 0 10px 0;
margin-bottom:0px;
background-image: url();
background-position:top center;
background-repeat:no-repeat;
height:45px;
font-size:15px;
font-weight:bold;
border-bottom:1px solid #CCC;
}

#header img{
float:left;
padding:0 10px 0 0;
}

#header p{
padding:13px 0 0 0;
font-weight:normal;
font-size:1.50em;
color:#005bb5;
}



#footer, #footer a{
padding:0 0 20px 0;
font-size:11px;
text-align:center;
color:#333;
text-decoration:none;
}


h3{
color:#666;
}

.left{
float:left;
}

.right{
float:right;
}

/* INTRODUZIONE ======================================================= */

.intro{
overflow:hidden;
}


.intro-left{
float:left;
width:350px;
}

.intro-left p{
font-size:1.05em;
text-align:justify;
color:#666;
padding:10px 0;
}

.intro-left img{
padding:5px;
float:right;
}

.intro-left h3{
margin:0;
padding:16px 0 0 0;
border-top:1px solid #CCC;
color:#005bb5;
font-size:1.20em;
text-align:center;
line-height:140%;
}


.intro-right{
float:right;
width:590px;
margin:0 5px; 
color:#666;
}


.video{
float:right;
width:266px;
margin:0 5px 5px 0;
padding:5px;
border:1px solid #CCC;
}

.immagine-home{
float:left;
width:248px;
margin:0 5px 5px 25px;
padding:5px;
border:1px solid #CCC;

}


.intro-right-box{
width:570px;
height:70px;
font-size:1.00em;
text-align:right;
padding:0 5px;
clear:both;
margin:0 0 0 10px;
}

.intro-right-box img{
width:60px;
height:60px;
margin:10px 5px 0 10px;
padding:2px;
border:1px solid #ccc;
float:left;
}

.intro-right-box h2{
text-align:right;
font-size:1.30em;
color:#005bb5;
margin: 5px 0 2px 0;
}



.intro-ice{
width:400px;
text-align:justify;
padding:5px 10px;
}

.intro-aloa{
width:400px;
text-align:justify;
padding:5px 10px;
}

.intro-sport{
width:200px;
text-align:justify;
font-size:12px;
padding:0 10px 5px 15px;
}

.intro-casa{
width:200px;
text-align:justify;
font-size:12px;
padding:0 10px 5px 15px;
float:right;
}
.intro-terapia{
width:200px;
text-align:justify;
font-size:12px;
padding:0 10px 5px 15px;
float:right;
}


/* UTLIZZI ======================================================= */

.utilizzi div{
width:300px;
float:right;
margin:0 10px;
color:#666;
}

.utilizzi h3{
font-size:20px;
color:#333;
font-weight:normal;
border-bottom:1px solid #CCC;
margin:0 0 5px 0;
}

.utilizzi img{
margin:5px 0;
padding:2px;
border:1px solid #CCC;
}

/* APPLICAZIONI ======================================================= */
.app-top{
padding:0 0 5px 0;
margin:0 0 5px 0;
font-size:1.2em;
}
.app-app{
float:left;
width:700px;
height:295px;
padding:2px;
background:#f1f3fa;
border:1px solid #CCCCCC;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font-size:12px;
color:#666;
}

.app h3{
text-align:center;
}

.app-app h3{
text-align:left;
color:#333;
font-size:0.90em;
padding:0;
margin:0;
}

.app-body{
float:right;
text-align:center;
width:225px;
}


.app-col{
float:right;
width:340px;
padding:5px;
}

.app-one{
height:69px;
padding:2px 0 0 0;
}

.app-one img{
border:1px solid #CCC;
margin:0 5px 0 0;
width:65px;
height:65px;
}

/* PRODOTTI ================================================== */

.prod{
height:350px;
color:#666;
}

.prod-left{
width:355px;
height:350px;
float:left;
margin:10px;
}

.prod-left p{
font-size:13px;
}

.prod-right{
width:500px;
height:110px;
margin:10px;
}

.prod img{
border:1px solid #ccc;
margin:0 10px 0 0;
}

.prod h3{
font-size:15px;
color:#005bb5;
}

.prod small{
font-size:0.60em;
}

/* ALOA ======================================================= */

.aloa{
height:350px;
color:#666;
font-size:1.10em;
}

.aloa-left{
float:left;
width:500px;
padding:0 10px 0 0;
text-align:justify;
}

.aloa-right{
float:right;
width:440px;
}

.aloa ul{
padding:5px 0;
}

.aloa li{
font-style:italic;
font-size:0.90em;
padding:2px;
}

.aloa img{
margin:0 10px 5px 0;
padding:2px;
border:1px solid #CCC;
}

.aloa-right p{
padding:0 0 10px 0;
text-align:justify;

}

/* FAQ ============================================================ */

.faq{
margin: 6px 0 6px 0;
}

/* CONTATTI ======================================================= */

.azienda{
padding:0;
color:#666;
text-align:justify;
}

.azienda-right{
padding: 10px 60px 0 0;
}


.contact-details{
width:200px;
font-size:12px;
color:#333;
margin:25px 5px;
padding:5px;
text-align:right;
font-family:verdana;
float:right;
border-right:1px solid #CCC;
}

.contact-details h3{
padding:10px 0 0 0;
color:#333;
font-size:0.90em;
}

.contact-details img{
width:20px;
height:20px;
}

.azienda p{
margin:10px 50px;
}


/* SHOP =========================================================== */

#contact{
overflow:hidden;
}

.shop-info{
float:right;
text-align:right;
}

.shop-prod{
width:450px;
height:280px;
float:left;
padding: 0 15px 0 0;
border-right:1px solid #CCC;
}

.shop-prod h1{
font-size:16px;
}

.shop-prod div div{
height:50px;
}

.shop-prod img{
border:1px solid #EDEDED;
margin:0;
}

.shop-button{
clear:both;
text-align:right;
}

.shop-1{
float:right;
width:90px;
padding:7px 0 0 0;
text-align:center;

}

.shop-2{
float:right;
width:275px;
text-align:left;
padding:4px 5px 0 5px;
}

.shop-3{
float:right;
}

.shop-4 {
padding:19px 0 0 0;
}



/* ACCORDION ======================================================= */
    
#myAccordion{
width: 960px;
text-align:left;
padding: 5px 0 20px 0;
}

#myAccordion dt{
padding:0;
color: #666;
font-size:14px;
font-weight:bold;
}

#myAccordion dd{
overflow: hidden;
}

#myAccordion dt.myAccordionHover{
color: #005bb5;
cursor:pointer;
}

#myAccordion dt.myAccordionActive{
color: #005bb5;
font-size:1.6em;
font-weight:bold;
margin:0 0 10px 0;

}

/* EMAIL FORM ======================================================= */

.form{
font-size:9px;
color:#666666;
margin-top:20px;
}

.border{
margin:3px;
margin-bottom:6px;
border:1px solid #CCC;
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:160%;
height:22px;
}

.borders{
border-style:solid;
border-width:1px;
border-color:#cccccc;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:160%;
height:60px;
margin-top:4px;
overflow:auto;
}