/* ----- importo css esterno per menù senza  ------- */
@import url(comprital_esterno_en.css);





/* ----- stile generale ------- */



body {

	height:100%;

	margin: 0px;

	color: #336498;

	font-size: 75%;

	font-family: Arial, Verdana, Helvetica, serif;

	font-weight: normal;

	background-image: url(../images/top.jpg);

	background-repeat: no-repeat;

	background-position: center top;

}

html {height:100%;}





/* -------  stile home page --------- */



#container {

	width: 1004px;

	margin-left: auto;

	margin-right: auto;

	font-family: Arial, Verdana, Helvetica, serif;

	font-size:95%;

}



#top_logo{

	height:120px;

	width:900px;

	margin:10px 0px 10px 40px;	

}



#top_logo img{

	border: 0;

	float: left;

}







/* questo controlla la posizione del div per l'inglese */





#inglese{
	
height:20px;
	
width:120px;
	
margin:74px 9px 0px 0px;
	
float: right;
	
text-align: left;
	
}

#inglese img{margin-right: 10px;}







/*----------------------------- Menu Tabs HOME--------------------------- */

			 

#menutabs {

	width:100%;

	background:#fff;

	font-size:130%;

	line-height:normal;

	font-weight: bold;

	height: 45px;

	background-image: url(../images/menu_bg.gif);

	background-repeat: no-repeat;

	background-position: center bottom;

}

#menutabs ul {

	margin:0;

	padding:18px 0px 0px 40px;

	list-style:none;

	text-align: center;

}

#menutabs li {

	display:inline;

	padding:0;

	text-align: center;

	margin:5px 0px 0px 4px;			

}

#menutabs a {

      float:left;

      margin:0;

      margin:0px 0px 0px 0px;

      text-decoration:none;

	  color:#D2325B;

}

#menutabs a span {

	float:left;

	display:block;

	padding:2px 0px 0px 0px;

	color:#336498;

	margin: 0px 20px 0px 20px;

	text-align: center;	

}

#menutabs li#active  {

      float:left;

      margin:0;

      padding:0 0 0 18px;

      text-decoration:none;	

}

#menutabs li#active span {

      float:left;

      display:block;

      padding:2px 20px 0px 2px;

      color:#D2325B;

}

	

	    

    /* Commented Backslash Hack hides rule from IE5-Mac \*/

    #menutabs a span {float:none;}

    /* End IE5-Mac hack */

	

	    

#menutabs A:link {text-decoration: none; font-family: Arial, verdana, Helvetica, sans-serif; font-weight: bold; color:#336498;}

#menutabs A:visited {text-decoration: none; font-family: Arial, verdana, Helvetica, sans-serif; font-weight: bold; color:#336498;}

#menutabs A:hover {text-decoration: none; font-family: Arial, verdana, Helvetica, sans-serif; font-weight: bold; color:#D2325B;}	 

#menutabs a:hover span { text-decoration: none; font-family: Arial, verdana, Helvetica, sans-serif; font-weight: bold; color:#D2325B;}





/*----------------------------- Menu Tabs HOME versione inglese--------------------------- */

			 

#menutabs_en {

	width:100%;

	background:#fff;

	font-size:130%;

	line-height:normal;

	font-weight: bold;

	height: 45px;

	background-image: url(../images/menu_bg.gif);

	background-repeat: no-repeat;

	background-position: center bottom;

}

#menutabs_en ul {

	margin:0;

	padding:18px 0px 0px 45px;

	list-style:none;

	text-align: center;

}

#menutabs_en li {

	display:inline;

	padding:0;

	text-align: center;

	margin:5px 0px 0px 4px;			

}

#menutabs_en a {

      float:left;

      margin:0;

      margin:0px 0px 0px 0px;

      text-decoration:none;

	  color:#D2325B;

}

#menutabs_en a span {

	float:left;

	display:block;

	padding:2px 0px 0px 0px;

	color:#336498;

	margin: 0px 18px 0px 18px;

	text-align: center;	

}

#menutabs_en li#active  {

      float:left;

      margin:0;

      padding:0 0 0 16px;

      text-decoration:none;	

}

#menutabs_en li#active span {

      float:left;

      display:block;

      padding:2px 18px 0px 2px;

      color:#D2325B;

}

	

	    

    /* Commented Backslash Hack hides rule from IE5-Mac \*/

    #menutabs_en a span {float:none;}

    /* End IE5-Mac hack */

	

	    

#menutabs_en A:link {text-decoration: none; font-family: Arial, verdana, Helvetica, sans-serif; font-weight: bold; color:#336498;}

#menutabs_en A:visited {text-decoration: none; font-family: Arial, verdana, Helvetica, sans-serif; font-weight: bold; color:#336498;}

#menutabs_en A:hover {text-decoration: none; font-family: Arial, verdana, Helvetica, sans-serif; font-weight: bold; color:#D2325B;}	 

#menutabs_en a:hover span { text-decoration: none; font-family: Arial, verdana, Helvetica, sans-serif; font-weight: bold; color:#D2325B;}











/*--------------------stili specifici per il layout HOME top-------------------------*/



#content{

	width: 96%;

	text-align: center;

	margin-left: auto;

	margin-right: auto;

	margin-top: 15px;

}



/* -------  le tre colonne sopra di home--------- */



#locandina_left_top{

	float: left;

	margin:0px 20px 0px 0px;

	width: 250px;

	height:330px;

}



#locandina_right_top{

	float: right;

	margin:0px 0px 0px 0px;

	width: 250px;	

}



#testo_center_top{

	float: left;

	padding: 0px 0px 0px 0px;

	text-align: justify;

	font-size:100%;

	width:390px;

	margin: 30px 0 0 15px;

}





/*--------------------riga per dividere l'area superiore e inferiore-------------------------*/

.riga{

	margin: 0px 0px 20px 0px;

	width:100%;

	background-color: #DBEBFB;

	clear:both;

	line-height: 4px;

}









/*:::::::::::::::::::--------stili specifici per il layout HOME centro----------:::::::::::::::::::::::*/



/*____________colonna di sinistra____________________*/



#left2{

	float: left;

	margin:0px 0px 0px 0px;

	width: 230px;

	background-color: #FFF;	

}



/* #minibox_left{border: 1px dotted; stile bordo che poi è da togliere}*/



#gelateria{

	padding: 0px 0px 0px 15px;

	font-size: 110%;

	text-align: left;

	width: 210px;	

}



.tube{margin-top: 20px;}

.fiere{margin-top: 20px;} 

#loc_due_sin{margin: 15px 10px 20px 0 ;}



#contenimento{

	height:180px;

	text-align: left;

	width: 180px;

	font-size: 108%;

	margin: 40px 10px 10px 30px;

	

}





/*____________colonna di destra____________________*/



#right2{

	float: right;

	margin:0px 0px 0px 0px;

	width: 230px;

	background-color: #FFF;	

}

/* #minibox_right{

	border: 1px dotted; idem per quello della colonna di sinistra}*/	

	

#ricettari{

	padding: 0px 0px 0px 15px;

	font-size: 110%;

	text-align: left;

	width: 210px;	

}

#loc_due_dx{margin: 0 0 20px 0 ;}

#loc_tre_dx{margin: 20px 0 30px 0 ;}







/*____________colonna di centro____________________*/



#center2{

    float: left;

	padding: 0px 0px 0px 30px;

	font-size: 110%;

	text-align: justify;

	font-size:120%;

	width:435px;

}

#news_uno{

	padding: 0px 0px 20px 0px;

		

}

#news_due{

	padding: 0px 0px 20px 0px;

	

}

#news_tre{

	padding: 0px 0px 20px 0px;

		

}



#news_uno img{padding: 0px 0px 15px 0px;}

#news_due img{padding: 0px 0px 15px 0px;}

#news_tre img{padding: 0px 0px 15px 0px;}







/*--------------------::::::::::::stili specifici per il layout pagine interne::::::::::::::-------------------------*/



#content_int{

	width: 94%;

	text-align: center;

	margin-left: auto;

	margin-right: auto;

	margin-top: 35px;	

}







/*____________ colonna di sinistra che contiene i menu ____________________*/



#col_sinistra{
	float: left;
	margin:0px 0px 0px 0px;
	width: 230px;
	padding-bottom: 30px;	
}





/*-- PRIMO primo menu Verticale pagine interne-- */

#primo_menu{margin:0px 0px 0px 0px;	text-align: left;}

#primo_menu ul{	text-align: left; text-indent: 10px;padding:0px 0px 0px 5px;margin: 0px 0px 0px 0px;font-size: 130%;font-weight: bold;}

#primo_menu li{ line-height: 35px; width: 215px; height: 35px; color: #667580; display: block;}

#primo_menu li a {font-weight: bold; text-indent: 10px;line-height: 35px; height: 35px; display: block; border-bottom: #969694 1px solid;}

#primo_menu li a:hover{text-decoration: none;line-height:35px; height: 35px; background-color: #F0F0F0; color: #D2325B;}

#primo_menu .int {font-weight: bold; text-indent: 10px;line-height: 35px; height: 35px; color: #D2325B; border-bottom: #969694 1px solid; background-color: #F0F0F0;}

#primo_menu .int_specifico {font-weight: bold; text-indent: 10px;line-height: 35px; height: 34px; color: #D2325B; border-bottom: #969694 1px solid;}



/*-- versione inglese menu Verticale pagine interne-- */

#primo_menu_en{margin:0px 0px 0px 0px;	text-align: left;}

#primo_menu_en ul{	text-align: left; text-indent: 10px;padding:0px 0px 0px 5px;margin: 0px 0px 0px 0px;font-size: 130%;font-weight: bold;}

#primo_menu_en li{ line-height: 35px; width: 215px; height: 35px; color: #667580; display: block;}

#primo_menu_en li a {font-weight: bold; text-indent: 10px;line-height: 35px; height: 35px; display: block; border-bottom: #969694 1px solid;}

#primo_menu_en li a:hover{text-decoration: none;line-height:35px; height: 35px; background-color: #F0F0F0; color: #D2325B;}

#primo_menu_en .int {font-weight: bold; text-indent: 10px;line-height: 35px; height: 35px; color: #D2325B; border-bottom: #969694 1px solid; background-color: #F0F0F0;}

#primo_menu_en .int_specifico {font-weight: bold; text-indent: 10px;line-height: 35px; height: 34px; color: #D2325B; border-bottom: #969694 1px solid;}

/*-- FINE primo menu Verticale pagine interne-- */




/*-- ::::::::::::::::::::::::::::::::::::::::::::::::: HO MODIFICATO QUI PER IL MENU e basta ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


/*-- SECONDO menu Verticale pagine interne-- */

#primo_menu #secondo_menu{margin:10px 0px 20px 0px; text-align: left;}

#primo_menu #secondo_menu ul{text-align: left; text-indent: 10px;padding:0px 0px 0px 5px;margin: 0px 0px 0px 0px;font-size: 100%;font-weight: bold;}

#primo_menu #secondo_menu li{ border-bottom: #fff 1px solid; line-height: 25px; width: 215px; height: 25px; color: #3B4A55; display: block;}

#primo_menu #secondo_menu li a { border-bottom: #fff 1px solid; font-weight: bold; text-indent: 10px;line-height: 25px; height: 25px; color: #3B4A55; display: block; }

#primo_menu #secondo_menu li a:hover{ border-bottom: #fff 1px solid; text-decoration: none;line-height:25px; height: 25px; background-color: #F0F0F0; color: #D2325B;}

#primo_menu #secondo_menu .interno {font-weight: bold; text-indent: 10px;line-height: 25px; height: 25px; color: #D2325B; background-color: #FFF; }

/*-- FINE secondo menu Verticale pagine interne-- */







/*____________ colonna centrale generale interna ____________________*/ 



#cont_int_generale{

	width: 670px;	

	text-align: left;

	margin: 3px 0px 0px 30px;

	float: right;	

}



#titolo_interno{

	font-size: 220%;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-weight: bold;

	color: #336498;

	line-height: 25px;

	letter-spacing: -1px;

	margin-bottom: 10px;

}



#sottotitolo_interno{
	font-size: 120%;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	color: #336498;
	margin-right: 20px;
	text-align: justify;
}



#immagine_interno{ margin: 30px 0px 30px 20px;}

#testo_interno{ margin: 0px 0px 50px 0px;}







/*-- .............controllo DIV per navigazione di riferimento ...............-- */

#navigazione{

	font-size: 115%;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-weight: normal;

	color: #666666;

	line-height: 25px;

	margin-bottom: 10px;

	background-image: url(../images/bg_nav_rif.gif);

	background-repeat: no-repeat;

	background-position: top left;

	height: 50px;

	text-align: left;

}



/*-- controllo menu navigazione di riferimento-- */

#navigazione ul{margin:0px; padding:7px 0 0 20px; list-style:none;}

#navigazione li{ display:inline;  color: #999999;}

#navigazione li a {color: #999999; }

#navigazione li a:hover{text-decoration: underline; color: #D2325B;}







/*____________::::::::::::::::: colonna centrale interna dettaglio ::::::::::::::::::::::::____________________*/ 



#cont_int_dettaglio{

	width: 670px;	

	text-align: left;

	margin: 0px 0px 0px 30px;

	float: right;	

}



#titolo_interno_dettaglio{

	font-size: 220%;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-weight: bold;

	color: #336498;

	line-height: 25px;

	letter-spacing: -1px;

	margin-bottom: 10px;

}



#sottotitolo_interno_dettaglio{

	font-size: 110%;

	font-family:  Arial, Verdana, Helvetica, sans-serif;

	font-weight: normal;

	color: #336498;

	width: 650px;

}



/* -------------------::::::: controllo tabella prodotti dettaglio :::::::::--------------------- */



table.prodotti_dettaglio{

	table-layout : fixed;

	margin: 30px 0px 0px 45px;

	width: 580px;

	text-align: left;	

}

td.img {width: 192px; vertical-align:top;}

td.c {height: 40px; vertical-align:top; font-size: 100%; font-weight: bold;}	

table img {border: 0; width: 130px;}



/* link tabella */

table A:link {text-decoration: none; font-size: 120%; font-family: Arial, verdana, Helvetica, sans-serif; font-weight: bold; color: #667580;}

table A:visited {text-decoration: none; font-size: 120%; font-family: Arial, verdana, Helvetica, sans-serif; font-weight: bold; color: #667580;}

table A:hover {text-decoration: underline; font-size: 120%; font-family: Arial, verdana, Helvetica, sans-serif; font-weight: bold; color: #D2325B;}	





 

/*____________::::::::::::::::: colonna centrale interna dettaglio_specifico ::::::::::::::::::::::::____________________*/ 



#cont_int_dettaglio_specifico{

	width: 670px;	

	text-align: left;

	margin: 0px 0px 0px 30px;

	float: right;	

}

#specifico{

	font-size: 115%;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	width: 600px; margin: 0px 0px 30px 0px;

	

}



#titolo_interno_dettaglio_specifico{

	font-size: 220%;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-weight: bold;

	color: #336498;

	line-height: 25px;

	letter-spacing: -1px;	

}



.img_specifico{	float: left; margin-right: 40px; padding-bottom:40px;}

.testodestra{float: left;}



/*-- riga sotto il titolo-- */

.miniriga_specifico{

	margin: 5px 0px 20px 0px;

	width:620px;

	background-color: #336498;	

	line-height: 2px;

}





/* -------------------::::::: controllo tabella specifico :::::::::---------------------*/ 



#specifico table{

	table-layout: fixed;

	width:300px;

	padding:0 0 0 0px;

	margin-top: 30px;

	text-align: center;

}



#specifico td {	font-size: 100%; border: 1px #ccc solid;}	

#specifico td.boldtab{font-size: 100%;font-weight: bold; width:220px;}

#specifico td.boldtab2{font-size: 100%;font-weight: bold; width:68px}



/* -------------------::::::: controllo PDF ricetta :::::::::---------------------*/ 



#ricetta{

	width: 310px;

	text-align: left;

	margin: 30px 0px 20px 0px;

	float: left;

}





/*-- controllo div per locandina pagina interna-- */

#loc_int{
	margin: 30px 0 0 0;
}





/*-- controllo div testo privacy pagina contatti-- */



#cont_contatti{

	width: 670px;

	text-align: left;

	margin: 0px 0px 20px 30px;

	float: right;

}



#titolo_interno_contatti{

	font-size: 120%;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-weight: bold;

	color: #336498;

	line-height: 25px;

	margin-bottom: 10px;

}



#sottotitolo_interno_contatti{

	font-size: 120%;

	font-family:  Arial, Verdana, Helvetica, sans-serif;

	font-weight: normal;

	color: #336498;

}

#risposta{
	font-size: 130%;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #D2325B;
	height: 452px;
	width: 622px;
	background-image: url(../images/form_inviato.gif);
	background-repeat: no-repeat;
	background-position: center top;
}


#privacy {

	font-size: 120%;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	margin-top: 20px;

	text-align: left;

	padding-left: 15px;

}





/*-- controllo div contenuto corsi -- */



#contenuto_corsi{

	width: 650px;

	font-size: 110%;

	text-align: left;

	margin: 30px 0px 10px 0px;

	
}
#aula_corsi{
	width: 200px;
	text-align: center;
	margin: 20px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;	
}

#aula_corsi img{
	margin: 0px 5px 15px 10px;
	border: 0;
}

#loc_int_corsi{
	margin: 30px 0 0px 0;
	text-align: center;
}

.promo{	margin: 0px 0px 10px 0px;}


/*-- controllo div area riservata -- */



#cont_area{

	width: 670px;

	text-align: left;

	margin: 0px 0px 20px 30px;

	float: right;

	height: 400px;

}



#area{

	font-size: 120%;

	font-family:  Arial, Verdana, Helvetica, sans-serif;

	font-weight: normal;

	color: #336498;

}



/*-- controllo div chi siamo -- */

.chi{float: left; margin-right: 20px;}

#immagine_interno_chi{ 

	margin: 20px 0px 30px 0px;

	font-size: 120%;

	font-family:  Arial, Verdana, Helvetica, sans-serif;

	font-weight: normal;

	color: #336498;

}



/*-- controllo div video -- */

#video_interno{

	margin: 20px 0px 30px 0px;

	border: 1px solid #D2325B;

	height: 374px;

	width: 452px;

	padding: 8px 0 0 6px;

}



/* --------------------------------- controllo form -------------------------------------- */

form {width:600px;padding:0px;margin:15px 0 0 0px ; font-size: 90%; font-family: Arial, verdana, Helvetica, sans-serif; }

form p {margin: 3px 3px 3px 10px;}

fieldset { margin-bottom: 15px;  } 

legend {font-weight: bold;font-family: Arial, verdana, Helvetica, sans-serif; color: #747C91; font-size: 100%; padding:10px 10px 10px 10px;}

label {padding-left: 0px; padding-right:0; text-align:right; display:block; float:left; width:120px;}

#Informazioni input { font-weight: normal; font-size: 100%;font-family: Arial, verdana, Helvetica, sans-serif; color: #336498; width:280px; border:#BDD2F7 1px solid;background:#E7F1F8; padding:0; margin-left:20px;}

textarea{font-weight: normal; font-size: 100%;font-family: Arial, verdana, Helvetica, sans-serif; color: #747C91; width:460px; border:#BDD2F7 1px solid; background:#E7F1F8; margin:0px 0px 8px 30px;}

#invio {width:60px;  height: 22px;color: #747C91; font-weight: normal; font-size: 100%; text-align: center; font-family:Arial, verdana, Helvetica, sans-serif; margin:8px 0px 8px 30px;}



#area form {width:400px;padding:0px;margin:30px 0 0 10px ; font-size: 90%; font-family: Arial, verdana, Helvetica, sans-serif; }

.area_in { font-weight: bold; font-size: 100%;font-family: Arial, verdana, Helvetica, sans-serif; color: #336498; width:180px; border:#BDD2F7 1px solid;background:#E7F1F8; padding:0; margin-left:20px;}

#area label {padding-left: 0px; padding-right:0; text-align:right; display:block; float:left; width:99px;}

#area fieldset { margin-bottom: 100px;  } 

.button {width:60px;  height: 22px; color: #747C91; font-weight: normal; font-size: 100%; text-align: center; font-family:Arial, verdana, Helvetica, sans-serif; margin:6px 0px 8px 133px;}



/* -------------------:::::::::::::::::::  BOTTOM   :::::::::::::::::::::------------------- */





#footer{

	clear:both; 

	text-align:left; 

	padding-top: 0px;

	height: 109px;

	background: url(../images/bg_footer.gif);

	margin-top: 20px;

	background-repeat: repeat-x;

	color:#C6C6C6;

}

#footer_txt{
	text-align:center;
	height: 80px;
	color:#C6C6C6;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/logo_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-top: 15px;
}





/* -------------------:::::::::::::::::::  font general  :::::::::::::::::::::------------------- */



.titolo_home{

	font-size: 120%;

	font-family: arial, "Times New Roman", Times, serif;

	font-weight: normal;

	color: #336498;

	

}

	

.bold{font-weight: bold;}

.MINIbold{font-size: 80%; font-weight: bold; }



.titolo_news{

	font-size: 180%;

	font-family:arial, "Times New Roman", Times, serif;

	font-weight: normal;

	color: #336498;

	line-height: 30px;

	letter-spacing: -1px;

}



A:link {text-decoration: none; font-family: Arial, verdana, Helvetica, sans-serif; font-weight: normal; color:#336498;}

A:visited {text-decoration: none; font-family: Arial, verdana, Helvetica, sans-serif; font-weight: normal; color:#336498;}

A:hover {text-decoration: underline; font-family: Arial, verdana, Helvetica, sans-serif; font-weight: normal; color:#D2325B;}	



/* link primo menu verticale*/

#primo_menu A:link {text-decoration: none; font-family: Arial, verdana, Helvetica, sans-serif; font-weight: bold; color:#336498;}

#primo_menu A:visited {text-decoration: none; font-family: Arial, verdana, Helvetica, sans-serif; font-weight: bold; color:#336498;}

#primo_menu A:hover {text-decoration: underline; font-family: Arial, verdana, Helvetica, sans-serif; font-weight: bold; color:#D2325B;}	



 

/* link footer */

#footer_txt A:link {text-decoration: none; font-family: Arial, verdana, Helvetica, sans-serif; font-weight: normal; color:#FFF;}

#footer_txt A:visited {text-decoration: none; font-family: Arial, verdana, Helvetica, sans-serif; font-weight: normal; color:#FFF;}

#footer_txt A:hover {text-decoration: underline; font-family: Arial, verdana, Helvetica, sans-serif; font-weight: normal; color:#D2325B;}	



/* link lingua inglese */

#inglese A:link {text-decoration: none; font-family: Arial, verdana, Helvetica, sans-serif; font-weight: normal; color:#FFF;}

#inglese A:visited {text-decoration: none; font-family: Arial, verdana, Helvetica, sans-serif; font-weight: normal; color:#FFF;}

#inglese A:hover {text-decoration: underline; font-family: Arial, verdana, Helvetica, sans-serif; font-weight: normal; color:#FE8814;}