/* CSS Document */

/* Questo CSS contiene le proprietà comuni in tutto il sito (posizionamento, font, ecc). */

/* BODY */
* {	margin: 0; padding: 0; }

html, body {
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 11px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	line-height: 1.4em;
	letter-spacing: .025em;
	color: #FFF;
}
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
.spacer { margin: 6px; }
hr { clear: both; border: 1px solid #666; margin: 6px 0 6px 0; }
ul, ol { list-style-position: inside; }

/* LINK */
A:LINK {
	padding: 2px;
	font-weight: bold;
	line-height: 1.35em;
}
A:VISITED {
	padding: 2px 2px 1px 2px;
	/*border-bottom: 2px solid;*/
	/*text-decoration: none;*/
	font-weight: bold;
}
A:HOVER {
	padding: 1px;
	border: 1px solid;
	font-weight: bold;
	text-decoration: none;
}
a:focus { outline: none; }

/* */
input, select, textarea {
	border: solid 1px;
	margin-left: 2px;
	margin-right: 2px;
	cursor: hand;
}

/**/
/* LAYOUT */
/* Contenitore principale */
#box {
	width: 1024px;
    margin: 0 auto 0 auto;
	padding-top: 20px;
}
/* Mostra un background di fondo dietro il footer */
#footer_wrapper {
	background-position: bottom center;
	background-repeat: no-repeat;
	margin: 0 30px -2px 30px;
}

#header {
	width: 100%;
	height: 100px;
	background-image: url(../images/logo_kc.png);
	background-repeat: no-repeat;
	background-position: top left;
}
#headline {
	padding: 80px 20px 0 0;
	float: right;
	text-align: right;
	font-size: 190%;
	color: #000;
}

#login { float: right; width: 312px; height: 100px; margin-left: 12px; }

.mainmenu {
	clear: both;
	padding: 5px;
	margin: 10px 0 10px 0;
	line-height: 26px;
	border: 1px #FFF ridge;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/menu_main.png);
	background-repeat: repeat-x;
	color: #000;
}
.mainmenu li { display: inline; }
.submenu {
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
}
.mainmenu li a, .submenu li a { color: #000; }

#content { width: 100%; min-height: 600px; clear: both; } /* L'altezza minima del contenitore tiene basso il bg del footer */

#footer { clear: both; color: #000; text-align: center; padding: 20px 0 6px 0; }
#footer ul.mainmenu li a { color: #000; }

/* Box */
.first { float: left; margin-bottom: 12px; }
.follow { float: left; margin-left: 12px; margin-bottom: 12px; }

.box2 {width: 636px; height: 320px; }
.box3 { width: 292px; min-height: 80px; padding: 10px; }
.box3_dida { width: 54%; float: left; clear: right; padding: 6px 0 6px 0; }
.box2 form, .box3 form { padding: 6px 6px 6px 0; }

.news, .article { clear: both; padding-bottom: 32px; }
.news h4, .news p, .article p { display: inline; }

/* Pannello */
.panel {
	padding: 12px 0 30px 0;
	/*background-image: url(../images/trasp.png);
	background-repeat: repeat-x repeat-y;
	background-position: top center;
	padding: 5px;
	border: 2px ridge;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	min-height: 100%; 
	height: 100%; !important
	text-align: left;*/
}
.panel p { margin: 0 0 20px 0; }
.panel li { padding: 6px; }

.panel_fade {
	/*background-image: url(../images/trasp_fade.png);
	background-repeat: repeat-x;
	background-position: top center;
	padding: 5px;
	border: 2px ridge;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	min-height: 100%; 
	height: 100%; !important*/
}

/**/
/* FONT */
h1, h2, h3, h4 {
	font-family: "Century Gothic", Arial;
	font-weight: bold;
	line-height: 1.1em;
	letter-spacing: .025em;
}
h1 {
	font-size: 230%;
	text-align: center;
	margin-bottom: 12px;
}
h2 {
	font-size: 180%;
	text-align: center;
	margin-bottom: 10px;
}
h3 {
	font-size: 165%;
	margin-bottom: 6px;
}
h4 {
	font-size: 136%;
	margin-bottom: 4px;
}

h1#subsection, h2#subsection, h3#subsection  {
	margin: 8px;
	text-align: center;
	color: #000;
}

.small { font-size: .9em; }

.dida { font-size: .8em; color: #999; }

#alert {
	color: #C00;
	font-weight: bold;
	font-size: .9em;
	font-variant: small-caps;
}
li {
	margin-bottom: 4px;
}
/* */
/* CSS PER LE SEZIONI */
#business { border-color: #06F; }
#business h1, #business h2, #business h3 { color: #06F; }
#community { border-color: #F2AF30; }
#community h1, #community h2, #community h3 { color: #F2AF30; }
#management { border-color: #0C0; }
#management h1, #management h2, #managemebt h3 { color: #0C0; }
/**/
/* IMMAGINI */
.icon_sx { padding: 12px 12px 6px 0; }

/* AREA PAGINA SPONSOR / EXPO */
.panel_sponsor { padding: 10px; background: #EEE; color: #000; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
/* LOGO SPONSOR / EXPO */
#sponsor_logo { float: right; margin-right: 12px; }
#sponsor_banner { margin: 12px 0 12px 0; }
/* RIQUADRI PROMOZIONALI SPONSOR */
.sponsor_promo {
	width: 446px;
	background-image:url(../images/bg_promo_sponsor.jpg);
	background-repeat: repeat-x repeat-y;
	background-position: top center;
	margin-bottom: 4px;
	padding: 4px;
	padding-bottom: 8px;
	border: 2px ridge #C00;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}
h3.promo { color: #C00; text-align: center; }
h4.promo { color: #C00; text-align: center; }
/**/
/* SPAZI BANNER */
form.banner { text-align: center; float: left; }
form.banner input.banner { display: inline; text-align: center; margin: 0; padding: 0; }

/**/
/* JQUERY IMAGE PREVIEW */
#preview{
	position: absolute;
	border: 1px solid #CCC;
	padding: 6px;
	display: none;
	background-color: #000;
	color: #FFF;
	cursor: pointer;
	text-align: center;
	}
.preview a, img { border: none; background: none; text-decoration: none; }
.preview pre{
	display: block;
	font: 100% "Century Gothic", Arial;
	padding: 10px;
	border: 1px solid #CCC;
	background-color:#CCC;
	margin: .5em 0;
	overflow: auto;
	width: 640px;
}
.preview img{ border:none; }

table#listino { border: 1px solid #000;}
#listino thead { background-color: #CCC; font-size: 140%; font-weight: bold; padding: 4px; }
#listino td { border-bottom: 1px solid #CCC; padding: 4px; }
.listino_voce { font-weight: bold; }