﻿/* stili generali */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #01304e;
	margin: 0px;
	/*scuro: 01304e - chiaro: 00578e */
	background: #FFF;
}
img {
	border: none;
	margin: 0px;
	padding: 0px;
}
form {
	margin: 0px;
	padding: 0px;
}
iframe { 
width: 98%;
}
* html iframe {
	width: 80%;
}
a, a:link, a:active, a:visited {
	text-decoration: underline;
	color: #01304e;	
}
a:hover {
	color: #C29809;
}
.blu_italico {
	color: #00578e;
	font-style: italic;
	font-weight: bold;
}
.txt_orange {
	color: #00578e;
	font-weight: bold;
}
h2 {
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #c39809;
}
h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	color: #c39809;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
}

/* INTESTAZIONE */
#mainframe {
	padding: 0px 0px 10px 0px;
}
/* barra di intestazione */
#intestazione {
	padding: 0px;
	margin: 0px;
	height: 230px;
	background: #00578e url('../../../../fiem.gruppoeidos.com/FTProot/resources/images_fiem/bg_page.jpg') no-repeat top left;  				
	/*url(../images/bg_testata.gif);*/
	/*background: url('http://fiem.gruppoeidos.com/FTProot/resources/images_fiem/bgpage.gif');*/
}
#logo {
	width: 200px;
	padding: 0px 10px 0px 20px;
	margin: 0px;
	height: 100px;
}
#menubox {
	width: 200px;
	top: 240px;
	left: 20px;
	position: absolute;
	z-index: 30;
}
div.SMENU
{
    visibility: hidden;
    position: absolute;
	margin: -19px 0px 0px 180px;
	border-left: solid 10px #FFF;
    width: 180px;
	z-index: 50;
}
#menubox a, #menubox a:link, #menubox a:active, #menubox a:visited {
	width: 170px;
	padding: 2px 5px 2px 5px;
	border-bottom:solid 2px #FFF;
	display: block;
	text-decoration: none;
	color: #fff;
	background: #c39809; /*chiaro , lo scuro è #004876*/
}
#menubox a:hover {
	width: 170px;
	padding: 2px 5px 2px 5px;
	border-bottom:solid 2px #FFF;
	display: block;
	text-decoration: none;
	color: #fff;	
	background: #00578e;
}
#menubox a.news, #menubox a.news:link, #menubox a.news:active, #menubox a.news:visited {
	width: 170px;
	padding: 2px 5px 2px 5px;
	border-bottom:solid 2px #FFF;
	display: block;
	text-decoration: blink;
	color: #fff;
	background: #c39809; /*chiaro , lo scuro è #004876*/
}
#menubox a.news:hover {
	width: 170px;
	padding: 2px 5px 2px 5px;
	border-bottom:solid 2px #FFF;
	display: block;
	text-decoration: blink;	
	color: #fff;	
	background: #00578e;
}
#menubox a.on, #menubox a.on:link, #menubox a.on:active, #menubox a.on:visited {
	width: 170px;
	padding: 2px 5px 2px 5px;
	background: #00578e;
	border-bottom:solid 2px #FFF;
	display: block;
	text-decoration: none;
	color: #fff;
}
#menubox a.sottomenu, #menubox a.sottomenu:link, #menubox a.sottomenu:active, #menubox a.sottomenu:visited {
	width: 170px;
	padding: 2px 5px 2px 5px;
	border-bottom:solid 2px #FFF;
	display: block;
	text-decoration: none;
	color: #333;
	background: #EAD088;
}
#menubox a.sottomenu:hover {
	width: 170px;
	padding: 2px 5px 2px 5px;
	border-bottom:solid 2px #FFF;
	display: block;
	text-decoration: none;	
	color: #fff;
	background: #c39809;
}
#lingue {
	position: absolute;
	top: 10px;
	width: 30px;
	height: 200px;
	left: 970px;
/*	margin-top: -105px;*/
}
a.lingue, a.lingue:link, a.lingue:active, a.lingue:visited {
	padding: 2px;
	width: 18px;
	height: 12px;
	border: solid 1px #D2D2BB;
	margin-right: 10px;
	margin-bottom: 5px;
	background: none ;
	background-image: none;
	text-decoration: none;
	display: block;
}
a.lingue:hover {
	border: solid 1px #FFBF00;
	background: none;
	background-image: none;	
}

/* LOGIN BOX */

/* blocco di login */ 

#login_box {
padding: 10px;
color: #fff;
background: #004876;
position: absolute;
height: 100px;
width: 160px;
left: 20px;
top: 100px;
z-index: 10;
}
* html #login_box { 
margin-top: 0px;
}
#login_box a, #login_box a:link, #login_box a:active, #login_box a:visited {
	text-decoration: underline;
	color: #fff;	
}
#login_box a:hover {
	color: #c39809;
}

/* 
blocco con login effettuata
#login_box_prod serve a dare un posizionamento diverso rispetto al #login_box
in alcuni casi assume proprietà = #pagina in altri casi no dipende dal sito in questione.
IN QUESTO CASO =
*/

#login_box_prod {
padding: 10px;
color: #fff;
background: #004876;
position: absolute;
height: 100px;
width: 160px;
left: 20px;
top: 100px;
z-index: 10;
}
* html #login_box_prod { 
margin-top: 0px;
}
#login_box_prod a, #login_box_prod a:link, #login_box_prod a:active, #login_box_prod a:visited {
	text-decoration: underline;
	color: #fff;	
}
#login_box_prod a:hover {
	color: #c39809;
}


/**/

input.login {
	width: 142px;
	background: #FFF;
	font-size: 10px;
	border: solid 1px #00578D;
	margin: 5px 0px 0px 0px;
	padding: 2px;
	margin: 0px;
}
input.registrazione {
	width: 200px;
	background: #FFF;
	font-size: 10px;
	border: solid 1px #00578D;
	margin: 5px 0px 0px 0px;
	padding: 2px;
	margin: 0px;
}
input.bottone {
	font-family: Tahoma, Arial;
	margin: 5px 0px 0px 0px;
	border: none;
	padding: 2px;
	background: #01304e;
	color: #FFF;
	font-size: 9px;
	font-weight: bold;
	width: 146px;
}

/* pannello di ricerca */
#ricerca {
	color: #fff;
	height: 30px;
	position: absolute;
	background: #004876;
	top: 200px;
	left: 220px;
	width: 740px;
}

input.ricerca {
	width: 176px;
	padding: 2px;
	height: 13px;
	border: none;
	background: #fff;
	margin: 0px;
	font-size: 10px;
	color: #01304e;	
}
input.bottone_ricerca {
	font-family: Tahoma, Arial;
	margin:0px;
	height: 17px;
	padding: 2px 5px 2px 5px;
	background: #C29809;
	border: none;
	color: #FFF;
	font-size: 9px;
	font-weight: bold;
}
/* vetrina */
#vetrina {
	/*background: #00578e;*/
	/*	padding: 10px;*/
	height: 160px;
	width: 740px;
	position: absolute;
	top: 0px;
	left: 220px;
}
/* pagina*/
#pagina {
	padding: 10px 10px 20px 220px;
	background: #FFF;	
}

/* 
pagina gestione prodotti
#pagina_prod serve a dare un posizionamento diverso rispetto al #pagina 
in alcuni casi assume proprietà = #pagina in altri casi no dipende dal sito in questione.
IN QUESTO CASO =
*/

#pagina_prod { 
	padding: 10px 10px 20px 220px;
	background: #FFF;	
}

/* pagina di registrazione */

#pagina_reg {
	padding: 10px 10px 20px 220px;
	background: #FFF;	
}
#pagina_reg  span.titolo {
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
color: #01304e;
text-transform: lowercase;	
}
#pagina_reg table td.right {
	text-align: right;
	width: 100px;
}
#pagina_reg iframe {
	width: 720px;
}
table.page {
	width: inherit;
	border: none;
}
table.page td {
	vertical-align: top;
	padding: 5px;
}

/* footer */
#footer {
	width: 740px;
	clear: both;
	margin-top: 10px;
	/*background: #004876;*/
	color: #777;
	padding: 10px 0px 10px 220px;
}
div.cleaner {
	font-size: 1px;
	height: 10px;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.ricerca_avanzata {
	float: right;
	margin: 5px 10px 0px 0px;
}
.ricerca_avanzata a { color: #FFF;}

/* tabelle vista prodotto */




.rosso {
	color: #F00;
}
.big {
	font-size: 14px;
}

