@charset "utf-8";
/* CSS Document */
/*LAYOUT*/
*{
	margin:0;
	padding:0;
	/*text-align: justify;*/
}

html, body {
	height: 100%;
	color:#333333;
	font-size:14px;
	font-family: Tahoma;
	/*width: 100%;*/
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -30px; /* the bottom margin is the negative value of the footer's height */

}
#container {
width: 950px;
height:auto;
margin: 0 auto;

}
#header {
width: 950px; 
height:160px;
margin: 0 auto;
}
	
.logo{
margin-top:20px;
margin-left:05px;
/*display:inline;*/
}

	.social {
	display:block;
	width:200px;
	float:right;
	margin-top:64px;
	margin-right:20px;
	padding-right:20px;
	
	}
		.language {
		margin-top:88px;
	display:block;
	width:120px;
	float:right;
	padding-left:20px;
	
	}
	.language a {
	color:#999999;
	outline:none;
	text-decoration:none;
	}
	
	.language a:hover {
	color:#c600ff;
	text-decoration:none;
	}
	

/*LINK*/
	a {
	color:#666666;
	text-decoration:none;
	font-size:14px;
	font-family: Tahoma;
}

a:hover{
	color:#c600ff;
	text-decoration:none;
	font-size:14px;
	font-family: Tahoma;
}


/*END LINK*/
#content{
position:relative;
width:950px;
margin-top:70px;
padding-left:5px;
color:#333333;
clear:left;

}
.box1CH{
	float:left;
	width:410px;
	padding-left:3px;
	color:#333333;
	font-size:14px;
	font-family: Tahoma;
}
.box1CH h1{
color:#c600ff;
font-size:18px;
font-family: Tahoma;
}
.box2CH{
	float:left;
	width:460px;
	padding-right:10px;
	padding-left:45px;
	padding-bottom:5px;
	color:#333333;

}

/*HOME*/
.box1H{
float:left;
width:285px;
height:auto;
padding-top:20px;
padding-right:05px;
padding-left:08px;
color:#333333;
font-size:14px;
font-family: Tahoma;
}
.box1H h1{
color:#c600ff;
font-size:18px;
font-family: Tahoma;
}


/*END HOME*/

.box1{
float:left;
width:250px;
padding-left:10px;
color:#333333;
font-size:14px;
font-family: Tahoma;
}
.box1 h1{
color:#c600ff;
font-size:18px;
font-family: Tahoma;
}
.box2{
float:right;
width:570px;
padding-right:20px;
color:#333333;

}
.box3{
width:450px;
float:left;
padding-top:35px;
color:#333333;
font-size:14px;
font-family: Tahoma;
}
.box3 h1{
color:#c600ff;
font-size:18px;
font-family: Tahoma;
}
.box4{
width:450px;
float:right;
padding-top:35px;
border-left:#CCCCCC 1px dotted;
padding-left:20px;
color:#333333;
font-size:14px;
font-family: Tahoma;
}
.box4 p{
padding-left:60px;
}
.box4 h1{
padding-left:60px;
color:#c600ff;
font-size:18px;
font-family: Tahoma;
}
.box5{
width:950px;
padding-top:35px;
padding-left:20px;
color:#333333;
font-size:14px;
font-family: Tahoma;
}
.box5 p{
	color:#333333;
	font-size:14px;
	font-family: Tahoma;
	text-align:center;
	
}
.box5 h1{
padding-left:30px;
color:#c600ff;
font-size:18px;
font-family: Tahoma;
}

#tit{
margin-left:38%;
color:#c600ff;
font-size:18px;
font-family: Tahoma;
width:230px;
}

#hboxcontainer{
width:654px;
float:none;
margin-left:308px;
margin-bottom:30px;
 display: inline;

}

.hbox2 img {

 border: 1px solid #c600ff;

}
.hbox3 img {

 border: 1px solid #c600ff;

}
.hline{
	width:2px;
	padding-top:30px;
	float:left;
}
.hbox2{
width:300px;
float:left;
margin-bottom:20px;
padding-top:30px;
padding-right:20px;
color:#333333;
font-size:14px;
font-family: Tahoma;
}

.hbox2 h1 a{
padding-left:20px;
color:#c600ff;
font-size:16px;
font-family: Tahoma;
}

.hbox2 h1 a:hover{
padding-left:20px;
color:#333333;
font-size:16px;
font-family: Tahoma;
}

.hbox3{
width:300px;
float:left;
margin-right:08px;
margin-bottom:20px;
padding-top:30px;
padding-left:10px;
color:#333333;
font-size:14px;
font-family: Tahoma;
}

.hbox3 h1 a{
padding-left:20px;
color:#c600ff;
font-size:16px;
font-family: Tahoma;
}

.hbox3 h1 a:hover{
padding-left:20px;
color:#333333;
font-size:16px;
font-family: Tahoma;
}


#box1CA{
	float:left;
	width:250px;
	padding-right:10px;
	padding-bottom:5px;
	color:#333333;
	margin-left:100px;
	display:inline;

}

#box2CA{
	float:left;
	width:250px;
	padding-right:10px;
	padding-bottom:5px;
	color:#333333;
	display:inline;

}


/*BASI*/

#Bboxcontainer{
width:900px;
float:left;
margin-left:30px;
 display: inline;

}

#Bbox2{
width:500px;
float:left;
margin-bottom:20px;
padding-top:30px;
padding-right:30px;
color:#333333;
font-size:14px;
font-family: Tahoma;
}


#Bbox2 h1 a{
padding-left:20px;
color:#c600ff;
font-size:16px;
font-family: Tahoma;
}

#Bbox2 h1 a:hover{
padding-left:20px;
color:#333333;
font-size:16px;
font-family: Tahoma;
}

#Bbox3{
	width:180px;
	float:left;
	/*margin-right:8px;*/
	margin-bottom:20px;
	padding-top:30px;
	padding-left:10px;
	color:#333333;
	font-size:14px;
	font-family: Tahoma;
	z-index:99999;

}
. slider-wrap{
width:500px;

}

#Bbox3 h1 a{
padding-left:20px;
color:#c600ff;
font-size:16px;
font-family: Tahoma;
}

#Bbox3 h1 a:hover{
padding-left:20px;
color:#333333;
font-size:16px;
font-family: Tahoma;
}
#Bbox4{
	width:110px;
	float:left;
	margin-right:50px;
	margin-bottom:20px;
	padding-top:120px;
	padding-left:10px;
	color:#333333;
	font-size:14px;
	font-family: Tahoma;
	

}

#Bbox4 h1 {
color:#c600ff;
font-size:12px;
font-family: Tahoma;
}


#Bbox4 ul, ol, dl {
position: relative;
float:left;
padding-left:10px;
display:inline;

 } 
 
 #ba1 {
 padding-left:20px; width: 340px; float: left; padding-bottom: 10px; } 
 
 #Bboxcontainer2{
width:600px;
float:left;
margin-left:200px;
 display: inline;

}

#Bbox5{
width:600px;
float:left;
margin-bottom:20px;
padding-top:30px;
padding-right:30px;
color:#333333;
font-size:14px;
font-family: Tahoma;


}

#ft1{
width:150px;
float:left;
/*margin-left:20px;*/
padding-right:35px;
/*padding-left:15px;*/
}
#ft1 p{
text-align:left;
}

.span {
padding-left:110px;
}
#ft2{
width:150px;
float:left;
padding-right:35px;
padding-left:35px;
}

#ft2 p{
text-align:left;
}
 
#ft3{
width:150px;
float:left;
padding-left:35px;

} 

#ft3 p{
text-align:left;
}

.hline2{
	width:2px;
	float:left;
}


 #Bboxcontainer3{
width:700px;
float:left;
margin-left:100px;
 display: inline;

}

#Bbox6{
width:700px;
float:left;
margin-bottom:20px;
padding-top:30px;
padding-right:30px;

}
#Bbox6 p{
color:#333333;
font-size:14px;
font-family: Tahoma;
text-align:justify;
}
#Bbox6 ul, ol, dl {
position: relative;
float:left;
padding-left:20px;
display:inline;

 } 	
	
ul.specials li { color:#c600ff; }
		ul.specials li p { color:#333333; }
		
		
		
		

 #Bboxcontainer4{
	width:720px;
	float:left;
	margin-left:120px;
	display: inline;

}

#Bbox7{
	width:720px;
	float:left;
	margin-bottom:20px;
	padding-top:30px;
	padding-right:30px;
	text-align: justify;

}
#Bbox7 p{
color:#333333;
font-size:14px;
font-family: Tahoma;
text-align:justify;
}
#Bbox7 ul, ol, dl {
position: relative;
float:left;
padding-left:20px;
display:inline;

 } 			

.clear {
clear:both;
}

.footer, .push {
	height: 30px; /* .push must be the same height as .footer */
	clear: both;
}
.footer {
background-color:#CCCCCC;	
	}
.footer p{
	background-color:#CCCCCC;
	color:#333333;
	font-size:11px;
	font-family: Tahoma;
	padding-top:11px;
	/*padding-left:30%;*/
	text-align:center;	
	}	
  .footer a {
  color:#666666;
  font-size:11px;  
}
  .footer a:hover {
  color:#c600ff;
  font-size:11px;  
}


/* POPUP*/
#fade {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9998;
}
.popup_block{
	display: none;
	background: #fff;
	padding: 20px; 	
	border: 20px solid #ddd;
	float: left;
	font-size: 12px;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99998;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
position:relative;

	float: right; 
	margin: -55px -55px 0 0;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
	
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}
img {border: none;}
 h1{
color:#c600ff;
font-size:16px;
font-family: Tahoma;
}

/*END POPUP*/


/*FORM*/

.info_fieldset { -moz-border-radius: 7px;  }

.info_fieldset h1 { color:#c600ff;
font-size:14px;
font-family: Tahoma;
padding-left:5px;
 }

.info_fieldset p { 	
	
	text-align:justify;
	padding-left:5px;

	
	 }

.info_fieldset legend
{
border: 1px #dddddd solid; 
color: black; 

font: 13px Verdana;

padding: 2px 5px 2px 5px;
-moz-border-radius: 3px;
}

.button
{
border: 1px solid #999999; 
border-top-color: #CCCCCC; 
border-left-color: #CCCCCC; 

background: white;

color: #333333; 

font: 11px Verdana, Helvetica, Arial, sans-serif;

-moz-border-radius: 3px;
}

.radiobutton {
border: 1px solid #999999; 
border-top-color: #CCCCCC; 
border-left-color: #CCCCCC; 

background: white;

color: #333333; 

font: 11px Verdana, Helvetica, Arial, sans-serif;

-moz-border-radius: 3px;
}

/* Label */
label  { width: 140px; padding-left: 20px; margin: 5px; float: left; text-align: left; }
label2  { width: 250px; padding-left: 20px; margin: 5px; float: left; text-align: left; color:#333333;
	font-size:11px;
	font-family: Tahoma; }
label2 a { width: 250px;  margin: 5px; float: left; text-align: left; color:#666666; text-decoration:none;
	font-size:11px;
	font-family: Tahoma; }	
label2 a:hover { width: 250px;  margin: 5px; float: left; text-align: left; color:#c600ff;
	font-size:11px; text-decoration:none;
	font-family: Tahoma; }	
	
	
/* Input, Textarea */
input, textarea
{
	margin: 5px;
	padding: 0px;
	float: left;
	border: 1px solid #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	color: #333333;
	font: 11px Verdana, Helvetica, Arial, sans-serif;
	-moz-border-radius: 3px;
	background-color: #FFFFFF;
}
reset
{
margin: 5px;
padding: 0px; 
float: right;

border: 1px solid #999999; 
border-top-color: #CCCCCC; 
border-left-color: #CCCCCC; 

color: #333333; 

font: 11px Verdana, Helvetica, Arial, sans-serif;

-moz-border-radius: 3px;
}

.textbox2 {
width:240px;
}
/* BR */

.info_fieldset br { clear: left; }
/*END FORM*/


#boxProd {
	width:900px;
	float:left;
	margin-left:75px;
	margin-right:75px;
	display:inline;


}

			
			h3 {
				margin-bottom: 0px;
				padding-top:20px;
				color:#c600ff;
			}
			.frame {
				width: 88px;
				height: 128px;
				background: url('http://www.privateandfriends.it/imgP/icon_bg.jpg') top left no-repeat;
				float: left;
				padding: 17px 18px;
				margin: 10px;
				display:none;
			}
			
			.frame img {
				display:block;
				width:86px;
				height:130px;
			}
			
			.frame a:link {color: 999999;} 
			
			.frame img{border: 1px solid #999999;}
			
			.sub {
				float:right;
				position:absolute;
				display:none;
				width:86px;
				height:16px;
				background-color:#c600ff;
				color:#FFF;
				opacity:0.6;
				z-index:100;
				font-family: Arial;
				font-size:12px;
				font-weight: bold;
				text-align:center;
				padding-top: 4px;
			}
			
			.loading {
				font-family: Arial;
				font-size:10px;
				font-weight: bold;
			}
			
			#info {
				width:700px;
				float:left;
				margin-left:125px;
				margin-right:125px;
				padding-bottom:20px;
				display:inline;
			}
			
			#infotext {
	background-color: #f0f0f0;
	width: 350px;
	height: auto;
	margin: 30px 40px 15px auto;
	padding: 20px 20px 20px 20px;
	border: 1px solid #d7d7d7;
	z-index:99999;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	text-align: left;
	/*behavior: url(border-radius.htc);*/
} 	
			
#infotext ul{
padding-left:20px;

}
		/* These 2 lines specify style applied while slider is loading */
/*		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}*/

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			/*border: 5px solid #39c;*/ /* this is the border. should have the same value for the links */
			margin: auto;
			width: 700px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: auto;
			clear: both;
			background: #fff;
			z-index:1;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 700px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .pwrapper { /* pwrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}

			.stripViewer .panelContainer .panel .bwrapper { /* pwrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
			height:auto;
			
		}
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
			display: none
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
			display: none
		}
			.stripNav { display: none; }
			
		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height:auto; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}	
		
		
		
		/*SLIDE 2 */
			.stripViewer2 { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			/*border: 5px solid #39c;*/ /* this is the border. should have the same value for the links */
			margin: auto;
			width: 510px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: auto;
			clear: both;
			background: #fff;
			z-index:1;
		}
		
		.stripViewer2 .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer2 .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 700px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer2 .panelContainer .panel .pwrapper { /* pwrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}

			.stripViewer2 .panelContainer .panel .bwrapper { /* pwrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
			height:auto;
			
		}
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
			display: none
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
			display: none
		}
			.stripNav { display: none; }
			
		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height:auto; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}