/*********************************
••••••••••••••••••••••••••••••••••
•• Questo file css è realizzato ••
•• da VIDEOCOMP srl             ••
•• GRAPHIC SOLUTION             ••
•• per Bioster SpA              ••
••••••••••••••••••••••••••••••••••
••••••••••••••••••••••••••••••••••
••                              ••
••  info BIOStylesheets V.1.0   •• 
••                              ••
••••••••••••••••••••••••••••••••••
*********************************/





/*********************************
••••••••••••••••••••••••••••••••••
**********  BODY STYLE  **********
••••••••••••••••••••••••••••••••••
*********************************/

body {
	background-image: url(../image/bg.gif);
	background-repeat:repeat-x; 
	background-color:#FFFFFF;
	height:100%;
	}

body, html, form, h3, h4, ul, li { 
	margin:0;  
	border:0; 
	padding:0;
	}

HTML {
	font: 79%/1.4 Helvetica, Arial, Verdana, sans-serif;
	}


a img {
	border:0;
	}


/*********************************
••••••••••••••••••••••••••••••••••
**********  FONT STYLE  **********
••••••••••••••••••••••••••••••••••
*********************************/


/* General Paragraph, Ul-li, a style */

p {
	color:#333333;
	font-style:normal;
	font-weight:normal;
	text-align:justify;
	padding-bottom:30px;
	margin-top:20px;
	}
	
	
ul {
	font-family: Helvetica, Arial, sans-serif;
	color:#666666;
	font-style:normal;
	font-weight:normal;
	}

li {
	font-family: Helvetica, Arial, sans-serif;
	color:#666666;
	display:inline;
	font-style:normal;
	font-weight:normal;
	list-style:none;
	}


a {
	font-family: Helvetica, Arial, sans-serif; 
	color:#222222;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
	}

a:hover { 
	color:#0066cc;
	}




/* Main Section TITLE */

h1 {
	color:#003366;
	font-size:23px !important;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:5px;
	margin-bottom:0;
	}

h2 {
	color: #0066CC;
	font-size:18px !important;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	}


h3 {
	color:#000000;
	font-size:15px !important;
	line-height:20px;
	margin-top:30px;
	margin-bottom:0;
	padding-bottom:0;
	font-family:Arial, Helvetica, sans-serif;
	}



/*********************************
••••••••••••••••••••••••••••••••••
*****  STRUTTURA PRINCIPALE  *****
••••••••••••••••••••••••••••••••••
*********************************/


/* CONTENITORE */  
#idC { 
	background-color:#FFFFFF; 
	width: 870px; 
	margin:0 auto; 
	}


/* FLASH DIV */  
#idF {  
	width: 870px; 
	margin:0;
	height:155px;
	background-color: #77CCFF; 
	}
	

/* FLASH DIV Pag INDEX */  
#idFidx {  
	width: 870px; 
	margin:0;
	height:350px;
	background-color: #77CCFF; 
	}


/* CONTENUTO PRINCIPALE */  
#idMC {  
	width: 870px; 
	margin:0;
	background-color:#FFFFFF; 
	}
	

/* FOOTER */  
#idFTR {  
	width: 856px; 
	margin:0 7px;
	height:60px;
	clear:both;
	}







/*********************************
••••••••••••••••••••••••••••••••••
***  da Struttura Principale   ***
••••••••••••••••••••••••••••••••••
*****  CONTENUTO PRINCIPALE  *****
••••••••••••••••••••••••••••••••••
*********************************/


/* BLOCCO SX */
#idBlSX {
	width:230px;
	height:415px;
	margin:7px 7px 7px 7px;
	float:left;
	background-image:url(../image/bigbox.jpg);
	background-position:bottom;
	background-repeat:no-repeat;	
	/* IE6 dbl margin debug */ display:inline;
	}


/* BLOCCO DX */
#idBlDX {
	width:570px;
	height:388px;
	margin:7px 7px 7px 0;
	background-color: #FFFFFF;
	overflow:auto;
	padding:10px 20px 10px 20px;
	float:right;
	/* IE6 dbl margin debug */ display:inline;
	}



/* BLOCCO SX */
#idBlSXidx {
	width:230px;
	height:220px;
	margin:7px 7px 7px 7px;
	float:left;
	background:url(../image/mediabox.jpg) bottom;	
	/* IE6 dbl margin debug */ display:inline;
	}


/* BLOCCO DX */
#idBlDXidx {
	width:570px;
	height:195px;
	margin:7px 7px 7px 0;
	background-color: #FFFFFF;
	overflow:hidden;
	padding:10px 20px 10px 20px;
	float:right;
	/* IE6 dbl margin debug */ display:inline;
	}



#idBlDXZeta {
	width:570px;
	margin:7px 7px 7px 0;
	background-color: #FFFFFF;
	padding:10px 20px 10px 20px;
	float:right;
	/* IE6 dbl margin debug */ display:inline;
	}
	


#idBlSXZeta {
	width:230px;
	height:500px;
	margin:7px 7px 7px 7px;
	float:left;
	background-image:url(../image/bigbox.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color: #94d7ff;	
	/* IE6 dbl margin debug */ display:inline;
	}





/*********************************
••••••••••••••••••••••••••••••••••
***  da Contenuto Principale   ***
••••••••••••••••••••••••••••••••••
**********  BLOCCO DX  ***********
••••••••••••••••••••••••••••••••••
*********************************/


/* BLOCCO di TESTO */
#idBlTXT {
	width:375px;
	height:350px;
	background-color:#FFFFFF;
	margin:0 0 0 20px;
	float:left;
	/* IE6 dbl margin debug */ display:inline;
	}

#idBlTXT h1 {
	width:375px;
	border-bottom:1px #0066CC solid;
	}
	

#idBlTXT li {
	width:375px;
	margin:10px 0 0 0px;
	color:#222222;
	text-align:left;
	}
	
#idBlTXT ul {
	width:375px;
	text-align:justify;
	}

	
#idBlTXT span {
	color:#000066;
	font-weight:bold;
	font-size:14px;
	}
	
#idBlTXT a {
	text-decoration: underline;
	}





/* BLOCCO di TESTO
   ··························
   VARIANTE PER MACRO SEZIONI
   SENZA IMMAGINE SPALLA
   ·························· */
#idBlTXT2 {
	width:520px;
	height:350px;
	background-color:#FFFFFF;
	margin:0 0 0 15px;
	float:left;
	/* IE6 dbl margin debug */ display:inline;
	}

#idBlTXT2 h1 {
	width:520px;
	border-bottom:1px #0066CC solid;
	}
	
#idBlTXT2 span {
	color:#000000;
	font-weight:bold;
	font-size:14px;
	}
	

#idBlTXT2 p.news {
	margin:0;
	padding: 10px 0;
	}















/* BLOCCO di TESTO
   ··························
   VARIANTE PER MACRO SEZIONE
   SPONSOR
   ·························· */
.SPONSOR {
	width:520px;
	height:60px;
	border-bottom: 1px dashed #999999;
	margin-top:20px;
	}


/* Sponsor Paragraph */
.SP {
	width:110px;
	float:right;
	/* IE6 dbl margin debug */ display:inline;
	}
	
.SP p {
	padding:0;
	margin:20px 0 0 0;
	}

	
/* Sponsor Image */
.SI {
	width:139px;
	float:left;
	/* IE6 dbl margin debug */ display:inline;
	}







/* BLOCCO di IMGs */
#idBlIMG {
	width:100px;
	margin:55px 10px 0 0;
	float:right;
	/* IE6 dbl margin debug */ display:inline;
	}
	

#idBlIMG img {
	margin-bottom:10px;}









/*********************************
••••••••••••••••••••••••••••••••••
***  da Contenuto Principale   ***
••••••••••••••••••••••••••••••••••
**********  BLOCCO SX  ***********
••••••••••••••••••••••••••••••••••
*********************************/




/* BLOCCO SX DELLE MACROSEZIONI Contact Menu */

.BlSX_CT {
	width:190px; 
	border-bottom:1px solid #FFFFFF;
	margin-left:20px;  
	margin-bottom:0; 
	padding-bottom:0;
	}

.BlSX_CP {
	margin-left:20px; 
	font-size:12px;
	}



/* NAVIGAZIONE BLOCCO SX Service Menu */


#idBlSX li.main {
	width:190px;
	margin:0;
	}
	
#idBlSX li.video {
	width:37px;
	}
	
#idBlSX #idNav { 
	margin: 0; 
	padding: 0; 
	}


#idBlSX a {
	display:block !important;
	}

#idBlSX #idNav img {
	display:block !important;
	}





/* NAVIGATION BUTTONS Service Menu */

/*#idBlSX #idNav li { float:left; width:199px;}
#idBlSX #idNav img { float:right; width:31px; }*/

#idBlSX #idNav li#btn-eto a { 
	background: url(../image/btn1.gif) no-repeat top left;
	height:50px;
	}

#idBlSX #idNav li#btn-beta a { 
	background:url(../image/btn2.gif) no-repeat top left;
	height:49px; 
	}

#idBlSX #idNav li#btn-lab a { 
	background: url(../image/btn3.gif) no-repeat top left;
	height:32px; 
	}

#idBlSX #idNav li#btn-val a { 
	background: url(../image/btn4.gif)  no-repeat top left;
	height:49px;
	}

#idBlSX #idNav li#btn-lcs a { 
	background:url(../image/btn5.gif) no-repeat top left;
	height:64px; 
	}

#idBlSX #idNav li#btn-osp a { 
	background:url(../image/btn6.gif) no-repeat top left;
	height:33px; 
	}







/* NAVIGATION BUTTONS status:hover */

#idBlSX #idNav li#btn-eto a:hover { 
	background: url(../image/btn1h.gif) no-repeat top left; 
	height: 50px;
	}

#idBlSX #idNav li#btn-beta a:hover { 
	background:url(../image/btn2h.gif) no-repeat top left; 
	height:49px; 
	}

#idBlSX #idNav li#btn-lab a:hover { 
	background: url(../image/btn3h.gif) no-repeat top left; 
	height:32px;
	}

#idBlSX #idNav li#btn-val a:hover { 
	background: url(../image/btn4h.gif) no-repeat top left; 
	height:49px;
	}

#idBlSX #idNav li#btn-lcs a:hover { 
	background:url(../image/btn5h.gif) no-repeat top left; 
	height: 64px;
	}

#idBlSX #idNav li#btn-osp a:hover { 
	background:url(../image/btn6h.gif) no-repeat top left; 
	height:33px; 
	}







/* NAVIGATION BUTTONS status:on */

#idBlSX.eto #idNav li#btn-eto a { 
	background: url(../image/btn1h.gif) no-repeat top left; 
	height: 50px;
	}

#idBlSX.beta #idNav li#btn-beta a { 
	background:url(../image/btn2h.gif) no-repeat top left; 
	height:49px;
	}

#idBlSX.lab #idNav li#btn-lab a { 
	background: url(../image/btn3h.gif) no-repeat top left; 
	height:32px;
	}

#idBlSX.val #idNav li#btn-val a { 
	background: url(../image/btn4h.gif) no-repeat top left; 
	height:49px;
	}

#idBlSX.lcs #idNav li#btn-lcs a { 
	background:url(../image/btn5h.gif) no-repeat top left; 
	height: 64px;
	}

#idBlSX.osp #idNav li#btn-osp a { 
	background:url(../image/btn6h.gif) no-repeat top left; 
	height:33px; 
	}










/* navigation movie */

#idBlSX #idNavR li#btn-etomo a { 
	background: url(../image/video1.gif) no-repeat top right;
	height: 50px;
	}

#idBlSX #idNavR li#btn-betamo a { 
	background: url(../image/video2.gif) no-repeat top right; 
	height: 49px;
	}

#idBlSX #idNavR li#btn-labmo a { 
	background:  url(../image/video3.gif) no-repeat top right; 
	height: 32px;
	}

#idBlSX #idNavR li#btn-valmo a { 
	background:  url(../image/video4.gif) no-repeat top right; 
	height: 49px;
	}

#idBlSX #idNavR li#btn-lcsmo a { 
	background:  url(../image/video5.gif) no-repeat top right; 
	height: 64px;
	}

#idBlSX #idNavR li#btn-ospmo a { 
	background:  url(../image/video6.gif) no-repeat top right; 
	height: 33px;
	}





/* NAVIGATION MOVIE status:hover */

#idBlSX #idNavR li#btn-etomo a:hover { 
	background: url(../image/video1h.gif) no-repeat top right;
	height: 50px;
	}

#idBlSX #idNavR li#btn-betamo a:hover { 
	background: url(../image/video2h.gif) no-repeat top right; 
	height: 49px;
	}

#idBlSX #idNavR li#btn-labmo a:hover { 
	background:  url(../image/video3h.gif) no-repeat top right; 
	height: 32px;
	}

#idBlSX #idNavR li#btn-valmo a:hover { 
	background:  url(../image/video4h.gif) no-repeat top right; 
	height: 49px;
	}

#idBlSX #idNavR li#btn-lcsmo a:hover { 
	background:  url(../image/video5h.gif) no-repeat top right; 
	height: 64px;
	}

#idBlSX #idNavR li#btn-ospmo a:hover { 
	background:  url(../image/video6h.gif) no-repeat top right; 
	height: 33px;
	}






/* NAVIGATION MOVIE status:on */

#idBlSX.eto #idNavR li#btn-etomo a { 
	background: url(../image/video1h.gif) no-repeat top right;
	height: 50px;
	}

#idBlSX.beta #idNavR li#btn-betamo a { 
	background: url(../image/video2h.gif) no-repeat top right; 
	height: 49px;
	}

#idBlSX.lab #idNavR li#btn-labmo a { 
	background:  url(../image/video3h.gif) no-repeat top right; 
	height: 32px;
	}

#idBlSX.val #idNavR li#btn-valmo a { 
	background:  url(../image/video4h.gif) no-repeat top right; 
	height: 49px;
	}

#idBlSX.lcs #idNavR li#btn-lcsmo a { 
	background:  url(../image/video5h.gif) no-repeat top right; 
	height: 64px;
	}

#idBlSX.osp #idNavR li#btn-ospmo a { 
	background:  url(../image/video6h.gif) no-repeat top right; 
	height: 33px;
	}














/*********************************
••••••••••••••••••••••••••••••••••
***  da Contenuto Principale   ***
••••••••••••••••••••••••••••••••••
**********  BLOCCO SX  ***********
••••••••••••••••••••••••••••••••••
***********  ENGLISH  ************
••••••••••••••••••••••••••••••••••
*********************************/

	
#idBlSX #idNave { 
	margin: 0; 
	padding: 0; 
	}


#idBlSX #idNave img {
	display:block !important;
	}





/* NAVIGATION BUTTONS Service Menu */

/*#idBlSX #idNav li { float:left; width:199px;}
#idBlSX #idNav img { float:right; width:31px; }*/

#idBlSX #idNave li#btn-eto a { 
	background: url(../image/btn1e.gif) no-repeat top left;
	height:50px;
	}

#idBlSX #idNave li#btn-beta a { 
	background:url(../image/btn2e.gif) no-repeat top left;
	height:49px; 
	}

#idBlSX #idNave li#btn-lab a { 
	background: url(../image/btn3e.gif) no-repeat top left;
	height:32px; 
	}

#idBlSX #idNave li#btn-val a { 
	background: url(../image/btn4e.gif)  no-repeat top left;
	height:49px;
	}

#idBlSX #idNave li#btn-lcs a { 
	background:url(../image/btn5e.gif) no-repeat top left;
	height:64px; 
	}

#idBlSX #idNave li#btn-osp a { 
	background:url(../image/btn6e.gif) no-repeat top left;
	height:33px; 
	}







/* NAVIGATION BUTTONS status:hover */

#idBlSX #idNave li#btn-eto a:hover { 
	background: url(../image/btn1he.gif) no-repeat top left; 
	height: 50px;
	}

#idBlSX #idNave li#btn-beta a:hover { 
	background:url(../image/btn2he.gif) no-repeat top left; 
	height:49px; 
	}

#idBlSX #idNave li#btn-lab a:hover { 
	background: url(../image/btn3he.gif) no-repeat top left; 
	height:32px;
	}

#idBlSX #idNave li#btn-val a:hover { 
	background: url(../image/btn4he.gif) no-repeat top left; 
	height:49px;
	}

#idBlSX #idNave li#btn-lcs a:hover { 
	background:url(../image/btn5he.gif) no-repeat top left; 
	height: 64px;
	}

#idBlSX #idNave li#btn-osp a:hover { 
	background:url(../image/btn6he.gif) no-repeat top left; 
	height:33px; 
	}







/* NAVIGATION BUTTONS status:on */

#idBlSX.eto #idNave li#btn-eto a { 
	background: url(../image/btn1he.gif) no-repeat top left; 
	height: 50px;
	}

#idBlSX.beta #idNave li#btn-beta a { 
	background:url(../image/btn2he.gif) no-repeat top left; 
	height:49px;
	}

#idBlSX.lab #idNave li#btn-lab a { 
	background: url(../image/btn3he.gif) no-repeat top left; 
	height:32px;
	}

#idBlSX.val #idNave li#btn-val a { 
	background: url(../image/btn4he.gif) no-repeat top left; 
	height:49px;
	}

#idBlSX.lcs #idNave li#btn-lcs a { 
	background:url(../image/btn5he.gif) no-repeat top left; 
	height: 64px;
	}

#idBlSX.osp #idNave li#btn-osp a { 
	background:url(../image/btn6he.gif) no-repeat top left; 
	height:33px; 
	}




















/*********************************
••••••••••••••••••••••••••••••••••
***  da Struttura Principale   ***
••••••••••••••••••••••••••••••••••
**********    FOOTER    **********
••••••••••••••••••••••••••••••••••
*********************************/


#idCOPYRIGHT {
	background: url(../image/footer_bioster.gif) no-repeat;
	height:28px;
	margin:10px 0;
	}
	

#idCHNGLNG {
	float:left;
	/* IE6 dbl margin debug */ display:inline;
	margin-right:5px;
	}
	
	
	
	

#idACCESSIBLEMENU {
	float:right;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px !important;
	}
	
	
#idACCESSIBLEMENU.liG #liG a {
	color:#0055aa;
	}
#idACCESSIBLEMENU.liDv #liDv a {
	color:#0055aa;
	}
#idACCESSIBLEMENU.liS #liS a {
	color:#0055aa;
	}
#idACCESSIBLEMENU.liV #liV a {
	color:#0055aa;
	}
#idACCESSIBLEMENU.liSpo #liSpo a {
	color:#0055aa;
	}
#idACCESSIBLEMENU.liSi #liSi a {
	color:#0055aa;
	}
#idACCESSIBLEMENU.liC #liC a {
	color:#0055aa;
	}
#idACCESSIBLEMENU.liN #liN a {
	color:#0055aa;
	}
#idACCESSIBLEMENU.liQ #liQ a {
	color:#0055aa;
	}
	
	
	
	
	


#idTbNb td {
	padding: 5px 5px 5px 0;
	vertical-align:middle;
	}

#idTbNb th {
	padding: 5px;
	font-weight: normal;
	vertical-align: middle;
	}

#idTbNb tr { 
	color: black;
	font: 95%/1.4 Helvetica, Arial, Verdana, sans-serif;
	}
	
	
	
	
	
	
	
	
	






