/* borgo css */

* { margin:0; padding:0; }

html, body{ height:100%; }

body{
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:1.4;
	text-align:center;
	color:#cccccc;
	background:#28263b;
}

img{ border:0; }

.hide{ display:none; }

.loading{ background-image:url(../images/classes/spinner_medium.gif); background-position:center center; background-repeat:no-repeat; }

.sending{ background-image:url(../images/classes/spinner_small.gif); background-position:2px center; background-repeat:no-repeat; }

div#header{ clear:both; background:#3a384b; height:100px; width:100%; border-bottom:10px solid #302e42; }

div#header-wrapper{ position:relative; margin:0 auto; width:942px; }

div#header a#logo{
	position:absolute;
	display:block;
	float:left;
	top:9px;
	left:0;
	padding-left:5px;
	width:129px;
	height:120px;
	text-indent:-9999px;
}

div#header a#logo img{ float:left; }

div#header h1{
	position:relative;
	display:block;
	float:left;
	padding:7px 0;
	text-align:left;
	top:74px;
	left:240px;
	color:#f9be00;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:normal;
}

div#mailing{
	display:block;
	float:right;
	margin-bottom:12px;
	padding:6px 12px;
	height:23px;
	border-style:solid;
	border-color:#444254;
	border-width:0 3px 6px;
	background:#4e4c5d;
}

div#mailing blockquote{
	display:inline;
	float:left;
	padding:2px 0 0 26px;
	font-size:14px;
	color:#f9be00;
	font-weight:bold;
	background:url(../images/header/mailing_ico.gif) left 6px no-repeat;
}

div#mailing blockquote strong{ color:#ffffff; }

form#mailing-form{ display:inline; float:left; margin-left:10px; border:0; }

form#mailing-form fieldset{ float:left; border:0; }

div#mailing input.text{
	display:inline;
	float:left;
	margin-top:2px;
	padding:3px 6px;
	width:156px;
	height:14px;
	background-color:#444254;
	border:0;
	font-size:10px;
	color:#cccccc;
	text-align:right;
}

div#mailing input.button{
	display:inline;
	float:left;
	width:72px;
	margin-top:2px;
	padding:0 3px 2px 3px;
	height:20px;
	background:#4e4c5d;
	border-style:solid;
	border-color:#444254;
	border-width:2px 2px 2px 0;
	font-size:10px;
	text-align:right;
	color:#f9be00;
}

div#menu{
	position:relative;
	display:block;
	float:right;
	clear:both;
	width:423px;
	height:25px;
	top:27px;
	left:0;
	overflow:hidden;
	z-index:10;
}

ul.menu{ height:25px; list-style:none;  }

ul.menu li{ float:left; }

ul.menu a.option{
	display:block;
	cursor:pointer;
	overflow:hidden;
	width:79px;
	height:25px;
	background-position:top left;
	background-repeat:no-repeat;
}

ul.menu a.option span{ display:none; }

ul.menu a.home{ background-image:url(../images/header/option_home.gif); }
ul.menu a.novita{ background-image:url(../images/header/option_novita.gif); }
ul.menu a.offerte{ background-image:url(../images/header/option_offerte.gif); }
ul.menu a.servizi{ background-image:url(../images/header/option_servizi.gif); }
ul.menu a.contatti{ background-image:url(../images/header/option_contatti.gif); border-right:2px solid #302e42; }

div#container{ clear:both; margin:0 auto; width:982px; }

div#sidebar{ display:inline; float:left; margin-left:21px; width:230px; margin-top:50px; padding-right:10px; overflow:hidden; }

div#sidebar h3{
	display:block;
	float:right;
	clear:both;
	width:230px;
	height:26px;
	margin:10px 0 8px 0;
	text-align:right;
	background-image:url(../images/container/sidebar-h3_bg.gif);
	background-repeat:no-repeat;
	text-indent:10px;
}

div#sidebar h3 span{ display:none; }

h3#categories{ background-position:0 0; }
h3#supporters{ background-position:0 -28px; }

p.category, div#supporters-cnt a:link, div#supporters-cnt a:visited{
	float:right;
	width:208px;
	margin:0 10px 1px 0;
	padding-left:12px;
	font-size:0.9em;
	text-align:left;
	text-decoration:none;
	background-color:#302e42;
	color:#f9be00;
	cursor:pointer;
}

div#supporters-cnt a:link, div#supporters-cnt a:visited{ margin-bottom:5px; }

div#supporters-cnt a:focus, div#supporters-cnt a:hover, div#supporters-cnt a:active{ background-color:#3a384b; color:#ffffff; }

ul.element{ float:right; width:230px; margin:1px 0 3px 0; list-style:none; }

ul.element li{ float:right; width:218px; margin:1px 10px 0 0; padding-left:2px; height:16px; text-align:left; background-color:#2d2b3f; }

ul.element a:link, ul.element a:visited{
	float:right;
	width:207px;
	height:16px;
	padding-right:12px;
	text-align:right;
	font-size:0.9em;
	text-decoration:none;
	color:#cccccc;
	background-image:url(../images/container/categories-arrow_bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

ul.element a:focus, ul.element a:hover, ul.element a:active{ color:#f9be00; background-position:left bottom; }

h3#search{ background-position:0 -56px; }

form#search-form fieldset{ border:0; }

form#search-form{ float:left; width:220px; height:50px; margin-right:10px; border:0; background:#2d2b3f; }

form#search-form fieldset{ float:left; border:0; }

form#search-form input.text{
	display:inline;
	float:left;
	margin-top:14px;
	padding:3px 13px;
	width:144px;
	height:14px;
	background-color:#28263b;
	border:0;
	font-size:10px;
	color:#cccccc;
	text-align:left;
}

form#search-form input.button{
	display:inline;
	float:left;
	margin-top:14px;
	padding:0 3px 2px 3px;
	width:38px;
	height:20px;
	background:#2d2b3f;
	border-style:solid;
	border-color:#28263b;
	border-width:2px 2px 2px 0;
	font-size:10px;
	text-align:left;
	color:#f9be00;
}

div#footer{ display:block; clear:both; width:100%; background:#302e42; border-top:4px solid #3a384b; }

div#footer-wrapper{ margin:0 auto; width:965px; height:63px; padding-left:15px; background:#302e42; overflow:hidden; }

ul.links{ display:inline; float:left; margin-top:10px; padding-right:15px; list-style:none; }

ul.links li{ display:inline; float:left; height:14px; }

ul.links a:link, ul.links a:visited{
	float:left;
	height:18px;
	padding:2px 6px;
	margin-right:10px;
	text-align:center;
	text-decoration:none;
	color:#cccccc;
}

ul.links a:focus, ul.links a:hover, ul.links a:active{ background:#cc0000; color:#eeeeee; }

div#footer p{
	float:left;
	width:860px;
	margin-top:14px;
	padding-left:5px;
	font-size:11px;
	color:#888888;
	text-align:left;
}

div#footer p strong{ color:#999999; font-weight:normal; }

ul#notes{ display:block; float:right; width:81px; height:55px; padding:5px 0 5px 10px; background:#3a384b; }

ul#notes li{ display:inline; float:left; clear:both; width:67px; height:12px; margin-top:1px; }

ul#notes a:link, ul#notes a:visited{
	display:inline;
	float:left;
	clear:both;
	width:57px;
	height:10px;
	padding:1px 5px;
	background-color:#cccccc;
	background-position:left center;
	background-repeat:no-repeat;
	color:#3a384b;
	font-size:0.7em;
	text-align:right;
	text-decoration:none;
}

ul#notes a:focus, ul#notes a:hover, ul#notes a:active{ background-color:#ffffff; color:#cc0000; }

ul#notes a em{ font-size:1em; letter-spacing:-1px; font-style:normal; }


/* autocompleter css */

ul.autocompleter-choices{
	position:absolute;
	list-style:none;
	border:	1px solid #7c7c7c;
	border-left-color:	#c3c3c3;
	border-right-color:	#c3c3c3;
	border-bottom-color:#ddd;
	background-color:#fff;
	text-align:	left;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index:50;
	background-color:#fff;
}

ul.autocompleter-choices li{
	position:relative;
	margin:-2px 0 0 0;
	padding:0.2em 1.5em 0.2em 1em;
	display:block;
	float:none !important; 
	cursor:pointer;
	font-weight:normal;
	white-space:nowrap;
	font-size:1em;
	line-height:1.5em;
}

ul.autocompleter-choices li.autocompleter-selected{ background-color:#444; color:#fff; }

ul.autocompleter-choices span.autocompleter-queried{ display:inline; float:none; font-weight:bold; }

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried{ color:#9FCFFF; }