/* CSS Document */

body {
		background:url(images/sfondo.jpg) repeat-x; background-color:#336699;
	padding:0; margin:0; width:100%; text-align: center;   /*centra in IE 5.x */
 }

div, p, ul, h1, h2, h3, img, form{
	padding:0; margin:0;
	}
/*** ----------------------------------------------------------------------------- Nascosto***/

#nascosto {
display:none;
}

/*** ------------------------------------------------------------------------------ Blocchi ***/
#contenitore {
width:800px;
height:auto;
margin:0px auto;  /*centra neglifcor altri browsers*/
text-align: left;   /*ripristina l' allineamento*/
}

#logo{
width:240px; height:142px;  background:url(images/logo.jpg) no-repeat; 
	color:#EEEEEE; float:left; display:block;  margin:0;
}
#logodx{
	float:right;  height:142px; display:block; background:url(images/top2.jpg) no-repeat 0 0; width:517px;
	}
#menu {
	width: 800px; 	display:block; height: 56px; 	float: left; display: inline;
}

#corpo {
margin:0px; background:url(images/top_corpo.jpg) repeat-x;
height:auto; float:left; padding-top:25px; font-family: Arial, Helvetica, sans-serif; 
width:800px; border-left:2px solid #FFF; border-right:2px solid #FFF; background-color:#FFFFFF;
}
#content {
height:auto; float:left; width:740px; margin-left:20px;
}
#prefooter{
background:url(images/basso_vuoto_sfondo.jpg) no-repeat 0 0;	width:100%; height:150px; margin:0px;  font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bolder; color:#FFFFFF; text-align:center; float:left; font-size:36px; padding-top:40px;
	} 
	
#footer{
background:url(images/basso_vuoto_sfondo.jpg) no-repeat 0 0;	width:800px; height:150px;  text-align:center; float:left;
	}	
/*** ----------------------------------------------------------------------------- Logo ***/


/*** ---------------------------------------------MENU HORIZZONTALE ALTO------------------------------- ***/


#menuhor{
margin: 0px;  font: bold 12px Verdana; list-style-type: none; 	 float:left;
	width: 800px; background: url(images/sfondo_menu_orizz.jpg) repeat-x;
}

#menuhor li{
	float: left; display: inline; 	width: 200px; 	margin-top: 4px; 	text-align: center;  font-family:Verdana, Arial, Helvetica, sans-serif;  font-weight:bolder; 	line-height: 16px; height:30px; 
}

#menuhor li a{
	color: #fff; 	text-decoration: none; padding-top:3px; 	text-transform: uppercase;
}

#menuhor li a:hover{
	color:#FFFF00; 	text-decoration: none; padding-top:3px; 	text-transform: uppercase;
}

#menuhor li.selected{ /*selected main tab style */
color:#FFFF00; list-style-type:disc; list-style-position:inside; color: #ffff00;  height:14px;
}
#menuhor li.selected a{ /*selected main tab style */
color:#FFFF00; list-style-type:disc; list-style-position:inside; color: #ffff00;  height:14px;
}
#menuhor li.selected a:hover{ /*selected main tab style */
color:#FFFF00; list-style-type:disc; list-style-position:inside; color: #ffff00;  height:14px;
}


#tabcontent ul{
padding: 0; margin: 0px 15px;  list-style-type: none; display: none;
}

#tabcontent ul li{
display: inline; 
}

#tabcontent ul.selected{ /*selected 2nd level content*/
display: block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bolder; 	text-decoration: none; padding-top:4px; color:#FFFF00; text-align:center;
}

#tabcontent ul li a{
border-right: 1px solid #FFF; color:#FFFFFF; width:85px; padding: 2px 5px; display: block; float: left; text-decoration: none;
}


#tabcontent ul li a:hover{
background-color: #FFF; color: blue;
}

/*-----------------------------------------------------------------------------prefooter-------------------*/

div#prefooter a{
color:#FFF;  text-decoration:none; 
    }	
div#prefooter a:hover{
color:#FFCC00; text-decoration:none; 
    }
#sinistra{
	float:left; width:340px;  margin-left:35px;  height:90px; padding-top:30px;
	 background:url(images/footer_indietro.png) no-repeat 0px 0;  
}	
#centro{
float:left; width: 70px; 	margin-left:20px; display:none; height:60px; padding-top:25px;
 background:url(images/footer_centro.png) no-repeat 0 0px;
    }

#destra{
     float: left; width: 340px;   	height:90px;  padding-top:30px; 
  background:url(images/footer_avanti.png) no-repeat 0 0px;
    }    
#links{
float:left; width:100%; text-align:center;  height:25px; margin:5px 0px 5px 0px;
 color:#336699; font:12px; font-weight:bolder; font-family:Verdana, Arial, Helvetica, sans-serif; 
    }

/*------------------------------------------------------------------------footer-------------------*/
#footer h1{
font-size: 18px; color: #336699; text-align: center; margin-top:30px; margin-bottom:10px;  text-transform:uppercase; font-stretch:expanded; font-weight:bolder; font-family: Arial, Helvetica, sans-serif; 
}	
#footer a{
	text-decoration:none; color:#336699;
	}
#footer a:hover{
	text-decoration:underline; color:#336699;
	}


/*** -------------------------------------------------------------------------------------corpo ***/



#corpo h1{
font-size: 18px; color: #336699; text-align: center; margin-bottom:10px;  text-transform:uppercase; font-stretch:expanded; font-weight:bolder;
}

#corpo h2 {	
 font-size: 14px; color: #FF6600;  font-weight: bold; vertical-align: middle; background-position: center; text-align: center;
}


 
#corpo h3{
color:#336699; font-size: 18px; padding:4px 15px 0px 15px; line-height: 20px; height:25px;
	font-weight:bolder; font-stretch:expanded;  margin:0px;   float:left; background-color:FFFFFF; display:block; font-weight:900;  letter-spacing:4px; text-transform:uppercase;
}
 

#corpo h4{
 font-size: 15px; color: #336699; font-weight: bold; margin-top:20px; margin-bottom:5px; margin-left:5px;
 }
 
#corpo .content_header {
	margin: 30px 0px 10px 0px;
	width: 740px; float:left;
	height: 40px; 
	background: url('images/content_header_bg.gif') repeat-x 0% 0%;
}


#corpo p {
	font-size: 11pt; color: #000000; text-align: justify; 	margin:10px 5px;
}
#corpo strong {
	color: #336699;
}
#corpo em {
	font-weight: bold;
} 
#corpo ul {
	font-size: 14px; list-style:none;
	color: #000000;
	text-align: justify;
	margin: 8px;
}
#corpo ul strong{
	color: #C03521;
}
#corpo p.riga{
background:#336699; width:800px; margin:15px 0px;  height:10px; float:left; display:block;
}

#corpo ul.boxul {
	list-style:none; width:700px; padding:5px; height:140px; margin:15px auto; display:block;
}
#corpo ul.boxul li.boxulsx {
	width:110px; background:#C03521;  float:left; font-weight: bold; font-style:italic; height:25px; display:block; display:block; padding-top:5px; padding-left:10px; margin-bottom:3px; font-size: 14px; color:#FFFFFF;
}
#corpo ul.boxul li.boxuldx {
width:570px; background:#B9DFE5; color:#333333; float:left; height:25px; padding-top:5px;
padding-left:10px; font-weight: bold; margin-bottom:3px; font-size: 11px;
}

#corpo ul.boxul li.boxuldx2 {
width:100%; background:#B9DFE5; color:#333333;  padding-top:5px;
padding-left:10px; font-weight: bold; margin-bottom:3px; font-size: 11px;
}
.rosso{
color:#FF0000; font-weight: bold;
}
#corpo ul.elenco {
	list-style:none; width:90%; padding:5px; height:auto; margin:15px auto; display:block;
}
#corpo ul.elenco li.elencosx {
  float:left; font-weight: bold; padding:5px 0px; margin-bottom:3px; font-size: 14px; color:#C03521; width:140px;
}
#corpo ul.elenco li.elencodx {
 color:#333333; float:left; padding:5px 10px; width:460px;
font-weight: bold; margin-bottom:3px; font-size: 14px;
}
#corpo ul.elenco li.elenco2 {
width:625px;  color:#336699;  padding-top:4px; padding-bottom:5px; background:#cbd8e5;
padding-left:16px; font-weight: bold; margin-bottom:3px; font-size: 16px; background:url(images/elencopill.png) no-repeat 0px 8px;  list-style:none; display:block;
}
#boxarancio{
margin-top:10px; margin-left:50px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color:#FF6600; 
font-size: 10pt;  font-weight: bold;  width:450px; float:left; padding:10px;
display:block; color:#FFF; border:1px solid #FF3300; text-decoration:underline;
}
#boxarancio p{
text-align:center;
}
#boxarancio a{
text-decoration:none; color:#FFFFFF; margin:0px; 
}

#boxarancio a:hover{
text-decoration:underline; color:#FFFF00;
}
#imgleft{
  margin-left:40px; float:left; width:165px; height:252px;
}
#imgdx{
  margin-left:20px; float:right; width:260px; height:120px;
}
#bandiere{
margin-top:15px; margin-left:25px; float:left; width:500px; height:75px;
}

#bandierasx{
margin-top:10px; width:240px; height:50px; float:left;
}
#bandieradx{
margin-top:10px; width:240px; height:50px; float:right;
}
#bandierine{
font-family: Verdana; float:left; margin:18px 0 10px 10px;
font-size: 8pt; text-align:center; font-weight: bold;
display:block; height:30px; list-style:none;
}
#bandierine ul{
margin:0px; text-align:center; font-weight: bold;  list-style:none; 
}
#bandierine li{
font-family: Verdana; width:75px; float:left; list-style:none;
font-size: 7pt; text-align:center; font-weight: bold;   
display:block; color:#336699; text-decoration:none;
}
#bandierine li a{
color:#336699; text-decoration:none;
}

#bandierine li a:hover{
color:#336699; text-decoration:underline;
}

/*** ---------------------------------------------------------------------- Box plls index***/
#boxpills{
background:url(images/boxpills.jpg) repeat-x 0 0; width:774px; margin:20px 0px 20px 6px; float:left; height:220px; font-family: Arial, Helvetica, sans-serif; 
}
#boxpills h1{
font-size:20px; color:#336699; font-weight: bolder; margin:8px; text-align:left;
}

#boxpills p{
font-size: 13px; color:#000000;	text-align:justify; margin:8px;
}

#boxpills strong {  font-weight: bold; color: #C03521;
}

#pillsdx{
width:580px; margin:10px 15px 0 0; height:140px; float:right; padding-left:10px;
}

#continua{
	background:url(images/continua.gif) no-repeat 0px 0px; color:#C03521;
	font-size:10px; text-decoration:none; font-weight:boldo; padding:3px 0px 0px 24px; height:20px; width:80px; display:block; float:right; margin-right:3px;
	}
#continua a:hover{
	 color:#333333; text-decoration:underline;
	}
#continua a{
	 color:#333333; text-decoration:none;
	}

/*** --------------------------------------- Voti sfondo pills index ***/
#pillssx_01{
 width:140px; margin:10px 0 0 15px; height:160px; float:left; background:url(images/sfondo_01.gif) no-repeat 0 0;
 }
#pillssx_02{
 width:140px; margin:10px 0 0 15px; height:160px; float:left; background:url(images/sfondo_02.gif) no-repeat 0 0;
 }
#pillssx_03{
 width:140px; margin:10px 0 0 15px; height:160px; float:left; background:url(images/sfondo_03.gif) no-repeat 0 0;
 }
#pillssx_04{
 width:140px; margin:10px 0 0 15px; height:160px; float:left; background:url(images/sfondo_04.gif) no-repeat 0 0;
 }
#pillssx_05{
 width:140px; margin:10px 0 0 15px; height:160px; float:left; background:url(images/sfondo_05.gif) no-repeat 0 0;
 }
#pillssx_06{
 width:140px; margin:10px 0 0 15px; height:160px; float:left; background:url(images/sfondo_06.gif) no-repeat 0 0;
 }
#pillssx_07{
 width:140px; margin:10px 0 0 15px; height:160px; float:left; background:url(images/sfondo_07.gif) no-repeat 0 0;
 }
#pillssx_08{
 width:140px; margin:10px 0 0 15px; height:160px; float:left; background:url(images/sfondo_08.gif) no-repeat 0 0;
 }
#pillssx_09{
 width:140px; margin:10px 0 0 15px; height:160px; float:left; background:url(images/sfondo_09.gif) no-repeat 0 0;
 }
#pillssx_10{
 width:140px; margin:10px 0 0 15px; height:160px; float:left; background:url(images/sfondo_10.gif) no-repeat 0 0;
 }


/*** ------------------------------------------------------------ Barra menu pills ***/
		
#barralogo{
height:20px; float:left; font-family: Arial, Helvetica, sans-serif;	margin:14px 0 0 10px; color: #EEEEEE; font-weight: bolder;
}
#barralogo ul{
	width:760px; display:block; margin:0px; height:20px; float:left; font-family: Arial, Helvetica, sans-serif; 	color: #EEEEEE; 	font-weight: bolder; 
	}
#barralogo ul li{
	float:left;  height:20px; display:block; color:#EEEEEE; font-weight: bold; font-size: 12px;
	}
#barralogo ul li a{
	 display:block;  color:#FFF9F2; 	text-decoration:none; text-align:center; height:14px; padding-top:3px; padding-bottom:3px;
	}
#barralogo ul li a:hover{
	  height:14px;
	}
#barralogo ul li a.pills{ font-size: 13px; 	width:170px; margin-right:25px; text-transform:uppercase; font-weight:bold; padding-left:5px;
	}
#barralogo ul li a.pills:hover{ font-size: 13px; 	width:170px; color:#FFFF00;  text-transform:uppercase;
	}
#barralogo ul li a.recensione{
	width:190px;
	}
#barralogo ul li a.recensione:hover{
	width:190px; color:#C03521; background-color:#ffcc33;  
	}
#barralogo ul li a.ordina{
	width:190px;
	}		
#barralogo ul li a.ordina:hover{
	width:190px; color:#C03521;  background-color:#ffcc33; 
	}
#barralogo ul li a.testimonianza{
	width:180px;
	}
#barralogo ul li a.testimonianza:hover{
	width:180px; color:#C03521;  background-color:#ffcc33; 
	}











#sfondoboxoli{
background:url(images/boxoli.png) repeat-x 0 0; width:774px; margin:20px 0px 20px 6px; float:left; height:280px; font-family: Arial, Helvetica, sans-serif; 
}
#oli{
width:210px; margin:0px; height:220px; float:left; text-align:center; vertical-align:bottom; padding-top:10px;
}

#olidx{
width:540px; margin:0px; height:220px; float:left; padding-left:20px;
}

#olidx p{
font-size: 13px; color:#000000;	text-align:justify; margin:8px;
}

#olidx h1{
font-size:20px; color:#336699; font-weight: bolder; margin:8px; text-align:left;
}




	
	/*** ----------------------------------------------------------------------------- VOTO SCHEDA PILLS ***/



#voto{
 height:90px; float:left; width:700px; margin-left:12px;
}
#votosfondo{
height:auto; float:left; text-align:center; width:700px; background:url(images/boxbigpill_sfondo.jpg) repeat-y 0 0;  margin-left:12px;
}
#votodown{
height:50px; float:left; text-align:center; width:700px; background:url(images/boxbigpill_down.jpg) no-repeat 0 0;  margin-left:12px;
}
#votodown a{
text-decoration:none;
}

#voto img{
float:center; 
}
#voto a{
text-decoration:none;
}
#voto a:hover{
text-decoration:underline;
}
#voto h1{
font-family: Arial, Helvetica, Verdana, sans-serif; color: #FFF; font-size: 20px;  font-weight: bold; text-align:center; display:block; margin:15px 15px 20px 70px;
}
#voto h2{
font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 20px;  font-weight: bold; margin:0px; text-align:center; display:block; float:left; width:700px;  margin:10px 0px;
}

.voto01{
background:url(images/boxbigpill_01.jpg) no-repeat 0 0; 
}
.voto02{
background:url(images/boxbigpill_02.jpg) no-repeat 0 0; 
}
.voto03{
background:url(images/boxbigpill_03.jpg) no-repeat 0 0; 
}
.voto04{
background:url(images/boxbigpill_04.jpg) no-repeat 0 0; 
}
.voto05{
background:url(images/boxbigpill_05.jpg) no-repeat 0 0; 
}
.voto06{
background:url(images/boxbigpill_06.jpg) no-repeat 0 0; 
}
.voto07{
background:url(images/boxbigpill_07.jpg) no-repeat 0 0; 
}
.voto08{
background:url(images/boxbigpill_08.jpg) no-repeat 0 0; 
}
.voto09{
background:url(images/boxbigpill_09.jpg) no-repeat 0 0; 
}
.voto10{
background:url(images/boxbigpill_10.jpg) no-repeat 0 0; 
}
.testimonials{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
}

	/*** ----------------------------------------------------------------------------- ACQUISTA SCHEDA PILLS ***/
#acquista{
height:auto; float:left;  width:95%; border:solid 2px #cbd8e5;  margin-bottom:20px; margin-left:8px;
}
#acquista h1{
font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 16px; color: #336699; font-weight: bold; margin:0px; text-align:left; display:block; background-color:cbd8e5; padding: 4px 0px 4px 8px; letter-spacing:2px;
}
#acquista p{
height:auto; float:left; 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 	color: #000000; 	text-align: justify;
	margin: 8px; font-style:italic; font-weight:bolder; 
}
#acquistapills{
height:auto; float:left; margin-left:5px; margin-top:5px;
}
#acquistalogo{
height:43px; float:right; margin-right:2px; margin-top:5px;  width:110px;  padding-left:4px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #000; font-size:11px; display:block;
}

#acquistalogo:hover{
	filter: alpha (opacity=70); opacity: .7;	
}

#orderIcons{
height:auto; float:left; width:675px; text-align:center; margin-bottom:25px; margin-left:40px;
}



#orderIcons a:hover{
	text-decoration:none;
}

#acquistaothers{
height:auto; float:left;  width:95%;  margin-bottom:20px; margin-left:8px;
}
#acquistabutton{
height:35px; float:left;  margin-top:5px; width:110px; 
}

#acquistaothers p{
height:35px; float:left; width:500px;  padding-top:5px;
}
#orderIcons div{
height:auto; float:left; width:22%; text-align:center;
}

#orderIcons p{
text-align:center; margin-top:1px; font-weight:bolder;
}
/*----------------------------------------------------------------------------------------------------------------------*/

#intro{
font-family: Arial, Helvetica, sans-serif; font-size:13px; font:smaller; font-weight: bolder; font-style:italic; text-align: justify; padding:5px 10px 5px 10px;  margin-bottom:10px; width:530px; float:left;
}

.didascalia{
background-color:#DDE9F5; font-family: Arial, Helvetica, sans-serif; font-size:10px;  font-weight: bolder; color:#153f76; margin:0px; height:25px; padding:3px 0 0 3px; 
}
.titolo_centrato {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px; color:#FF0000;
	font-weight: bold; text-align:center; margin:25px 0 25px 0;
}

.didascalia_nero {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #333333; text-align:center;
}





/*** ------------------------------- FORM CONTATTI -------------------------- ***/

.formcontatti {
width: 480px;
/*background: url(images/box_contatti.jpg);*/
margin:0px 0px 0px 250px;


}
.formcontatti label{
float: left;
font-weight: bolder;
font-size:12px;
height:22px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-left: 20px; /*width of left column*/
width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.formcontatti input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/

margin-bottom:15px;
background-color:#E2F0FE;
border:solid 1 #003366;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
}
.formcontatti select{

margin-bottom:15px;
background-color:#E2F0FE;
border:solid 1 #003366;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
}

.formcontatti textarea{
float:left;
width: 360px;
margin-top:15px;
margin-left:30px;
padding:2px;
height: 100px;
background-color:#E2F0FE;
border:solid 1 #003366;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;

}

.formcontatti input[type="image"]{ /*width of text boxes. IE6 does not understand this attribute*/
background: url(images/invia.gif);
margin-top:10px; display:block;
float:left;
}





.clearfix:after{ /*Clear floats hack: http://positioniseverything.net/easyclearing.html*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix{
display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */