/*************************************************/
/* GLOBAL
/* Author: Davide Reppucci <davide@gdlabs.it>
/* File: global.css
/* Version: 1.0
/* Date: 31/07/2008
/*************************************************/

* {
	margin: 0;
	padding: 0;
}

#loghi_cont {
	width:670px;
	height:500px;
	margin:0 0 0 0;
	}
	#boxloghi {
	width:400px;
	margin:0 0 0 0;
	height:500px;
	float:left;
	border-right:dotted 1px #a0a0a0;
	}
		#boxclient {
	width:230px;
	height:500px;
	margin-left: 20px;
	float:left;

	}

body {
	background: #fff url(../images/bg.gif) top left repeat-x;
	behavior: url(htc/csshover.htc);
	color: #010101;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

hr { display: none; }
.visibile {
	display : block;
	background: url(../images/border-visibile.gif) top left repeat-x;
	height : 1px;
	margin: 10px 0 10px 0;
}
fieldset { border: 0; }
legend { display: none; }
input.invia {
	width: 70px;
	height: 20px;
	background: url(../images/input-submit.gif) top left no-repeat;
	border: 0;
	color: #777;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.pulizia { clear: both; }

span {
	display: none;
}

a {
	color: #1d6387;
	text-decoration: none;
}
a:hover {
	color: #69a6ce;
}

h1 {
	background: url(../images/h1.gif) top left no-repeat;
	display: block;
	width: 379px;
	height: 77px;
	position: absolute;
	top: 80px;
	right: 0;
}
h1 a {
	width: 100%;
	height: 100%;
	display: block;
}


/***************
/* CONTENT
/***************/
#content {
	width: 1000px;
	display: block;
	position: relative;
}

/***************
/* HEADER
/***************/
#header {
	width: 990px;
	height: 210px;
	display: block;
	position: relative;
}
/***************
/* EXTRA
/***************/
#extra {
	float: left;
	padding: 2px 0 0 0;
	height: 20px;
}
#extra ul {
	list-style: none;
}
#extra ul li {
	float: left;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	border-left: 1px #3f3e43 solid;
	font: normal bold 11px Arial, Verdana, Helvetica, sans-serif;
	color: #3f3e43;
}
#extra ul li a {
	color: #3f3e43;
}
#extra ul li a:hover {
	color: #919096;
}

/***************
/* MENU
/***************/
ul#menu {
	background: url(../images/bg-menu.gif) top left no-repeat;
	width: 984px;
	height: 30px;
	display: block;
	list-style: none;
	padding: 0 0 0 16px;
	margin: 0 0 20px 0;
}
ul#menu li {
	height: 23px;
	padding: 5px 0 0 0;
	float: left;
	margin: 0 74px 0 0;
	color: #3b6d91;
	font-size: 16px;
}
ul#menu li.active {
	color: #74a4ca;
}
ul#menu li.active a {
	color: #74a4ca;
}
ul#menu li.ultimo {
	margin: 0;
}
ul#menu li:hover {
	color: #74a4ca;
}
ul#menu li a {
	height: 23px;
	color: #47789c;
	text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;
}
ul#menu li:hover a,
ul#menu li:hover a:hover,
ul#menu li a:hover {
	color: #74a4ca;
}

/***************
/* SIDEBAR
/***************/
#sidebar {
	float: left;
	width: 162px;
	display: block;
	padding: 0 20px;
}
#sidebar p {
	margin: 0 0 10px 0;
}

#link-callcenter {
	width: 162px;
	height: 210px;
	display: block;
	background: url(../images/link-callcenter.gif) top left no-repeat;
}
#link-skype {
	width: 162px;
	height: 60px;
	display: block;
	background: url(http://mystatus.skype.com/balloon/Italcatering) top left no-repeat;
}
#link-promo {
	width: 162px;
	height: 216px;
	display: block;
	background: url(../images/link-promo.gif) top left no-repeat;
	margin: 0 0 40px 0;
}

/* BOX-NEWSLETTER */
#box-admin {
	background: url(../images/bg-box-admin.gif) top left no-repeat;
	width: 162px;
	display: block;
	padding: 0;
}
#box-admin h3 {
	background: url(../images/h3-areariservata.gif) top left no-repeat;
	width: 129px;
	height: 13px;
	display: block;
	margin: 0 0 18px 0;
}
#box-admin input {
	width: 160px;
	height: 18px;
	border: 1px #e2e2e2 solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #777;
}
#box-admin input.invia {
	background: #ecebf0;
	color: #3b6d91;
	font: normal normal 16px Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	width: 80px;
	height: 20px;
	float: right;
	border: 0;
}
#box-admin label {
	color: #777;
	display: block;
	font-variant: small-caps;
}
#box-admin p {
	margin: 0 0 10px 0;
	padding: 0;
}

/***************
/* MAIN
/***************/
#main {
	float: left;
	display: block;
	background: url(../images/border-sidebar.gif) top left repeat-y;
	width: 748px;
	padding: 0 20px;
	height: auto !important;
	height: 750px;
	min-height: 750px;
}
#main p {
	margin: 0 0 20px 0;
	line-height: 18px;
}

#main ul {
	list-style: none;
	margin: 20px 0;
	display: block;
}
#main ul li {
	background: url(../images/ul-content.gif) top left no-repeat;
	padding: 3px 0 3px 28px;
	margin: 0 0 10px 0;
}

#main img {
	margin: 0 20px 20px 0;
	float: left;
}

#main blockquote {
	padding: 10px;
	display: block;
	border: 1px #c9c9c9 solid;
	background: #f7f7f7;
	margin: 10px 0;
}


/* LIST PROMOZIONI */
ul#list-promo {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#list-promo li {
	background: none;
	width: 730px;
	height: 100px;
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
	position: relative;
	clear: both;
}
ul#list-promo li img {
	border: 1px #c2c2c2 solid;
}

ul#list-promo li p.promo {
	position: absolute;
	top: 50px;
	left: -8px;
	width: 60px;
	height: 61px;
	display: block;
}
ul#list-promo li p.immagine {
	width: 154px;
	float: left;
	display: block;
	margin: 0 20px 0 0;
}
ul#list-promo li p.testo {
	width: 556px !important;
	width: 526px;
	float: left;
	display: block;
}

ul#list-promo li p.promo-new {
	background: url(../images/span-promo.gif) top left no-repeat;
}

/***************
/* FOOTER
/***************/
#footer {
	clear: both;
	border-top: 1px #ececee solid;
	width: 980px;
	padding: 10px 0 10px 20px;
	margin: 10px 0 0 0;
	font-size: 10px;
	position: relative;
	color: #3c6e93;
	font: normal normal 11px Arial, Verdana, Helvetica, sans-serif;
}

#footer #estensa {
	display: block;
	float: right;
	margin: 0 10px 0 0;
}


/***************
/* LANDING
/***************/
#landing {
	clear: both;
	width: 980px;
	padding: 0 0 10px 20px;
	margin: 15px 0 0 0;
	font-size: 10px;
	position: relative;
	color: #3c6e93;
	font: normal normal 11px Arial, Verdana, Helvetica, sans-serif;
}
#landing a {
	color: #119c45;
	font-weight: bold;
}
#landing a:hover {
	text-decoration: underline;
}

/***************
/* VALIDATE FORM
/***************/
form div,form p {
	position:relative;
}

form em {
	display: none;
}

form .required-input {
	position: absolute;
	top: 0;
	right:0;
	background: transparent url(/images/alert-form.gif);
	width:16px;
	height:16px;
	display:block;
}