/* ::::::::::::::::::::::::::::::::::::::::
FORMULA BOSCH

formula.css
Alchera Interactive
Author: Gianluca Buoncompagni
::::::::::::::::::::::::::::::::::::::::: */
*{
margin:				0;
padding:			0;
border:				0;
list-style-type:	none;
}

html, body{
background:			#fff;
font-family: 		Arial, Helvetica, sans-serif;
font-size:			11px;
line-height:		13px;
color:				#153B63;
text-align:			center;
}

a{
color:				#153B63;
text-decoration:	none;
}

h1{
color:				#FFFFFF;
font-size:			13px;
line-height:		15px;
padding:            6px 6px 24px 10px;
background:			#153B63;
text-transform:		uppercase;
border-right:		6px solid #B4C6D9;
}

h2{
color:				#153b63;
font-size:			20px;
line-height:		18px;
margin-bottom:		6px;
}

h3{
color:				#153b63;
font-size:			12px;
line-height:		12px;
clear:both;
}
h4{
color:				#FFF;
background:			#153b63;
font-size:			11px;
font-weight:		bold;
line-height:		18px;
padding-left:		6px;
}

#content p{
margin-bottom:12px;
}

table{
font-size:			11px;
line-height:		13px;
}

/* STRUTTURA GENERALE
----------------------------------------------- */
#mainwrap{
width:				720px;
margin:				0 auto;
margin-bottom:		12px;
text-align:			left;
background:			url(img/bg_menu.gif) top left repeat-y;
}

div#wrapper{
float:left;
margin-left:6px;
width:534px;
overflow:hidden; /* Metto hidden al posto di auto per un problema su IE */
}

div#testata{
float:left;
padding:18px 6px;
border-bottom:		12px solid #fff;
border-top: 		6px solid #B4C6D9;
width:528px!important;
width /**/:540px;
background-color:	#DFE9F3;
}

div#testata h3{
font-weight:normal;
line-height:		15px;
}

#imgtestata{
float:left;
border-bottom:		12px solid #fff;
border-top: 		6px solid #B4C6D9;
width:540px;
}

* html #imgtestata {
/* Soliti bachi di IE. 
Tolgo 3px di margine a dx e sx 
per evitare problemi su IE5 e IE5.5 */
margin: 0 -3px; ma\rgin: 0;
}

div#content{
float:left;
margin-right:		6px;
width:354px;
font-size:			12px;
line-height:		15px;
}

div#colsx{
float:left;
width:180px;
background:			#FFF;
}
div#coldx{
float:left;
width:174px;
/* Altro baco nel float di IE5.1. 
Così si risolve. Ignoro il perchè. */
margin-right:-16px; 
}

div#footer{
clear:				left;
padding-left:		12px;
height:				16px;
background:			#B4C6D9 url(img/bg_footer.gif) no-repeat;
}

div#footer a{
background: url(img/arrow_up_12x12_blue.gif) 0 -1px no-repeat;
padding-left:12px;
}


/* HOME PAGE
::::::::::::::::::::::::::::::::::::::::::::::::::::: */
body#hp div#content {
float:left;
margin-right:		6px;
width:				282px;
font-size:			12px;
line-height:		15px;
}

body#hp div#coldx{
width:				245px;
}
body#hp #imghp{
margin-bottom:6px;
}

body#hp a.continua{
margin-top:-8px;
margin-bottom:12px;
}


/* MENU PRINCIPALE
::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* imposto la visibilità del menu a zero fino a che 
tutto lo script non sia caricato, per evitare
di visualizzare il menu esploso durante il caricamento */

ul#mainmenu {
visibility:			hidden;
}
ul#mainmenu li{
display:			none;
}
body.domenabled ul#mainmenu{
height:				auto;
background:			#153B63 ;
padding-bottom:	 	4px;
visibility:			visible;
border-right:		6px solid #B4C6D9;
margin-top:-6px;
}
body.domenabled ul#mainmenu li{
display:			inline;
}
/* --------------------------------------------------- */

body.domenabled ul#mainmenu li.primolivello{
display:			block;
font-weight:		bold;
padding-left:		10px;
color:				#fff;
border-bottom:		1px solid #B4C6D9;
}



body.domenabled ul#mainmenu li.primolivello a{
padding-top:	    2px;
color:				#fff;
margin-bottom:-3px;

}

body.domenabled ul#mainmenu li a.parent{
display:			block;
font-weight:		bold;
background: 		 url(img/fr_menu_dx.gif) 0 6px no-repeat;
padding-left:		10px;
margin-bottom:		2px;
color:				#fff;
cursor:				pointer;
}

body.domenabled ul#mainmenu li.primolivello ul.sottolivello li{
display:			inline;
margin-bottom:0;
}

ul#mainmenu li.primolivello ul.sottolivello li a{
display:			block;
font-weight:		normal;
color:				#fff;
cursor:				pointer;
height:16px;
margin-left:-10px;
padding-left:20px;
background: url(img/bg_menu_li_h.gif) no-repeat;
margin-bottom:0;
}

/* Questa classe viene utilizzata da uno script javascript/jquery
per correggere un problema di visualizzazione del menu.
Viene associata onload all'ultimo link di ogni sottomenu */
ul#mainmenu li.primolivello ul.sottolivello li.jquery a,
ul#mainmenu li.primolivello ul.sottolivello li.jquery a:hover,
ul#mainmenu li.primolivello ul.sottolivello li.jquery a.attivo, 
ul#mainmenu li.primolivello ul.sottolivello li.jquery a:hover.attivo{
/*background-position: 0 1px;*/
height:15px;
}

ul#mainmenu li.primolivello ul.sottolivello li a{
background: #1B528C url(img/bg_menu_li.gif) no-repeat;
}
ul#mainmenu li.primolivello ul.sottolivello li a:hover{
background: #1B528C url(img/bg_menu_li_h.gif) no-repeat;
}




ul#mainmenu li.primolivello ul.sottolivello li a.attivo, 
ul#mainmenu li.primolivello ul.sottolivello li a:hover.attivo{
background: #2269B5 url(img/bg_menu_li_a.gif) no-repeat;
cursor:				default;
}


body.domenabled .hidden{
display:			none;
}



body.domenabled .open{
display:block;
font-weight:bold;
padding-left:10px;
padding-bottom:6px;
color:#fff;
background: url(img/fr_menu_giu.gif) 0 6px no-repeat;
}

body.domenabled .shown{
display:block;

} 


/* FORM DI RICERCA
::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#bgform{
padding-top:6px;
background:			#B4C6D9 url(img/bg_footer.gif) repeat-y;
}
form#ricerca{
margin-right:6px;
padding-top:6px;
padding-left:6px;
padding-bottom:6px;
background:			#DFE9F3;
border:1px solid #153B63;
}
form#ricerca label{
font-size: 11px; 
}
form#ricerca input{
font-size: 9px; 
border:1px solid #333;
padding:2px 4px;
}
.btninvia{
font-size: 9px; 
line-height:8px;
border:1px solid #333;
height:19px;
}

/* ALTRI LINK
::::::::::::::::::::::::::::::::::::::::::::::::::::: */

ul#altrilink{
padding-top:6px;
margin-left:6px;
background:			#B4C6D9;
border-bottom:6px solid #DFE9F3;
}
ul#altrilink li{
display:inline;
}
ul#altrilink li a{
font-size:11px;
display:block;
font-weight:normal;
border-top:1px solid #DFE9F3;
line-height:17px;
padding:0;
padding-left:14px;
background: url(img/fr_dx.gif) 3px no-repeat;
color:#153B63;
}

a.continua{
display:block;
margin:6px 0 12px 0;
font-size:11px;
border-bottom:1px solid #b4c6d9;
background: url(img/fr_dx.gif) left no-repeat;
padding-left:10px;
clear:both;
}

a#continua{
display:block;
margin:12px 0 2px 0;
font-size:11px;
background: url(img/fr_dx.gif) left no-repeat;
padding-left:10px;
margin-left:300px;
clear:both;
}

/* BOX APPROFONDIMENTO
::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.sezione{
margin-bottom:6px;
}

.box{
background:			#BFD2E3;
border-bottom:		6px solid #fff;
}
.box p{
padding:4px;
}

p.linkSitoEsterno {
margin:0;
}
p.linkSitoEsterno a {
display:block;
line-height:16px;
background: url(img/fr_dx.gif) 4px 5px no-repeat;
border-top:1px solid #fff;
padding-left:14px;
font-size:11px;
}

.box ul{
list-style-type:none;
margin:3px 0 -6px 0; /* margine inferiore a -6px per un problema di IE */
/*border-bottom:6px solid #b4c6d9;*/
}

.box ul li{
font-size:11px;
list-style-type:none;
padding-left:12px;
line-height:11px;
background: url(img/fr_dx.gif) 2px 3px no-repeat;
margin-bottom:3px;
border-bottom:1px solid #fff;
padding-bottom:6px;
}



/* IMMAGINI NEL TESTO
::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.imgleft{
background:#DFE9F3;
font-size:11px;
float:left;
margin:2px 4px 4px 0;
}
.imgright{
background:#DFE9F3;
font-size:11px;
float:right;
margin:2px 0 4px 4px;
}
#content .imgleft p,
#content .imgright p{
padding:4px;
margin:0;
}

#tbl_testo td{
background:#DFE9F3;
padding:6px;
border-bottom:1px solid #fff;
}

/* POPUP
::::::::::::::::::::::::::::::::::::::::::::::::::::: */
html#popup{
background:#DFE9F3;}

html#popup body{
text-align:left;
background:#DFE9F3;
}
#logobosch{
position:absolute;
right:20px;
top:6px;
}
html#popup h1{
color:#036;
font-size:16px;
background:#fff;
padding:12px 140px 12px 20px;
border:none;
}
html#popup h2{
color:#036;
padding: 20px 0 0 20px;
}

.popupcontent{
padding:6px 20px;
font-size:12px;
line-height:15px;
}

#tbl_popup td{
padding:6px;
border-bottom:1px solid #fff;
}

/* IMMAGINI NEL POPUP
::::::::::::::::::::::::::::::::::::::::::::::::::::: */

html#popup .imgleft{
background:#FFF;
font-size:11px;
float:left;
margin:2px 4px 0 0;
}
html#popup .imgright{
background:#FFF;
font-size:11px;
float:right;
margin:2px 0 0 4px;
}