/* Hack for IE to display the margin on #right properly */
 /* * html #right {width:75%;}  */

#header {
	border-bottom: 1px solid #222;
	background-color: #FFCC00;	
	color: black;
	text-align: center;
	margin-bottom: 10px;
	border: 1px solid #222;
}

#header h1 { 
	color: black;
	margin: 0;
	padding: 5px 0;
	text-transform: uppercase
}

#header h1 a { color:black }

.subtitle { 	
	border-top: 1px solid #222;
	background-color: #FF9900; 
	color: black; 
	text-align: center;
	padding: 10px 0;
}

body {
	margin: 30px 20px;
	background: #3d3d3d;
	color: #ffffff; 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif
}

p { margin: 5px 0 5px; padding: 0; text-align:justify}
h1 { font-size: 3.5em; }
h2 {	font-size: 2em; font-weight: normal; margin: 10px 0}
h3 { font-size: 1.6em; font-weight: normal; margin:0.8em 0 0.8em 0}
h4 { font-size: 1.4em; font-weight: normal;}
h5 { font-size: 0.8em }
h6 { font-size: 0.6em; margin-top:0; font-weight: normal;}

/* form { margin: 30px 0 0 0} */

#title h2{
	margin: 0 0 10px 0;
	padding-bottom: 2px;
	color: #FFCC00;
	font-size: 2em;
	border-bottom: 1px solid #FFCC00;
	font-weight: bold;
}

a { color: #fff; text-decoration: none;}
a:hover { color: #FFCC00; font-weight: bold; text-decoration: none; }

ul {
	color: #fff;
	padding-left: 10px;
	margin: 10px 0 10px 25px;
}

li { font-weight: normal; padding: 0;}

#search { float:right; }
#search  fieldset{ border:none }
.searchterm { color: #FF0038; font-weight:bold; }

/* Contenitore principale*/
#outer {
	margin: 0 auto;
	width: 98%;
	overflow:auto;
	border: 1px solid #222;
	background-color: #333;
	color: #fff;
	padding: 10px;
}

#right {
	float: right;
	margin: 10px 0 0 0;
	width: 75%;
}

#right a { color: #FFCC00; }

/* Menu */
#left  {
	margin: 10px 0 0 0;
	float: left;
	width: 20%;
}

.new { color: #FF9900; }
.navouter {
	border: 1px solid #222;
	width: auto;
	margin: 0 0 20px 5px;
	background-color: #727272;
}

.navheader {
	background-color: #666;
	width: auto;
	border-bottom: 1px solid #222;
	padding: 2px;
	text-align: center;
	font-weight: bold; 
}

.navcontent {
	padding: 5px;
	margin:0 0 0 3px;
	color: #fff;
	font-size:13px;
	font-weight:bold;
	background-color: #727272;
	overflow: hidden;
}

.navcontent li, .navcontentofferte li { font-size: 13px; margin: 4px 0}

.navcontent li { text-transform: lowercase }
.navcontentofferte li { text-transform: none }

/* Avvisi */
.avviso { 
	color: red;
	font-size: 2em;
	background: #666;
	padding: 10px 20px;
	border: 1px solid #222;
}

.desc { font-size: 0.8em; font-style: italic}
.label { width: 10%; padding:10px 0; text-align: right; margin: 10px 0px 5px; cursor:text; display:block; }
/* #info { padding-left:50px } */
.opzione, .check { padding:10px 0 10px 30px; }
.check { width: 10%; }
/* Tabelle */
table { width:100%; margin: 20px 0;}
td.primm { width:15%; text-align: center; padding: 10px 0; }
td.prdesc { width:80%; } 
td.searchres { padding-left:30px } 

/* Tabella per l'elenco in admin*/
.elenco { text-align: center; font-size:90%; }
.elenco thead { font-weight: bold; background: black; border: 2px solid grey; padding: 5px }
.elenco .eact { width:30%; padding: 5px }
.elenco .enome { width:20%; padding: 5px }
.elenco .edesc{ width:40%; padding: 5px;}
.linkgen, .linkdel { padding:5px; margin:0 7px }
.linkdel:hover { background: #FF0038; padding: 5px }

/* Tabella prodotti */
#prod td { border-bottom: 2px solid #FFCC00; }
#prod { margin:0 }

/* Tabella offerte */
td.offdesc { vertical-align:top; padding: 0 20px; width: 55% }
td.offimm { padding: 0 20px }

.immoff img { border: 1px }

/* Pagina Fiere */
#fiera img { float:left; margin: 10px 40px 25px 0; border: 0; padding: 2px}
#fiera { clear:both }
#fiera a:hover img { background: #FFCC00 } 

/* Form per l'invio di mail */
div.slider { clear:both; position:relative; margin:0 0 10px; }
label { cursor:pointer; /* display:block; */ }

.formlabel { margin: 10px 0 5px -70px; color: #999}
.contactform { 
	border: 0;
	margin: 20px 0 0 80px;
	padding: 0;
	width: 40%;
}

.contactform select  { margin-left:10px; }
.contactform input, .contactform select, .contactform textarea{ 
	margin-bottom: 15px;
	border: 1px solid #222;
	padding: 5px;
	font-size: 15px;
}

/* .contacterr, .contactok {
	background-color: #CC3300;
	padding: 15px;
	border: 1px solid #222;
}

.contactok { background-color: #33CC00 } */
textarea { padding: 7px; font-size: 13px}
input { padding: 3px }
input,textarea { border: 1px solid #222; outline: none}
select:focus, input:focus, textarea:focus { border: 2px solid #FF9900; }
.tiny { font-size: 13px }

/* La barra arancione */
div .orange {
	height: 5px;
	border-bottom: 1px solid #222;
	background-color: #FFCC00;
	font-size: 0;
}

.counter tr { padding: 0;	margin: 0;	float: right; }
.counter { margin: 0; }

.visite { background-color: #727272; border: 1px solid #222; float: right; padding: 5px; font-size: 12px }

#footer { 
	background-color: #FF9900; 
	overflow:auto;	
	margin: 15px auto;
	padding: 5px 0 5px 0;
	font-size:0.7em;
	text-align: center;
	border: 1px solid #222;
	color: black;
	width: 100%;
}

#footer a:hover { color: white; font-weight: bold;}

/*MESSAGGI DI ERRORE*/
div.message {
    margin: 0 0 2em;
    padding: 1em 15px 0 50px;
    border-style: solid;
    border-width: 3px 0;
	color:#000;
}

div.message p { margin: 0 0 1em }

div p.error { 
	background: #FFD947 url(imgs/warning.png) 2px no-repeat;
	padding: 10px 10px 10px 30px;
	color: #E87C29;
}

div.message.info {
    background: #EAEBF7 url(imgs/info.png) no-repeat 15px 50%;
    border-color: #0033CC
}

div.message.warning {
    background: #FFF0BA url(imgs/warning.png) no-repeat 15px 50%;
    border-color: #FF9900
}

div.message.question {
    background: #E4F6DE url(imgs/help.png) no-repeat 15px 50%;
    border-color: #33CC00
}

div.message.error {
    background: #FFD8D6 url(imgs/error.png) no-repeat 15px 50%;
    border-color: #FF0038
}


.f_checkbox, .f_radio {
	background-position:3px center;
	background-repeat:no-repeat;
	display:block;
	height:16px;
	line-height:120%;
	clear: both;
}

.adminlink  { float: right; font-size: 11px; margin-top: 10px}
table .admin { padding-bottom:20px }
.f_radio { padding:4px 24px; }
.f_checkbox { padding:0.5em 2em 0.6em 2em; text-align:left}
.unchecked { background:url(imgs/chk_off.png) no-repeat center; }
.checked { background:url(imgs/chk_on.png) no-repeat center}

.clear {clear:both}
div.slider { clear:both; position:relative; margin:0 0 10px; }