/*************************************************/
/* GLOBAL
/* Author: Davide Reppucci <me@davidereppucci.com>
/* File: global.css
/* Version: 1.0
/* Date: 23/07/2008
/*************************************************/

* {
	margin: 0;
	padding: 0;
}

body {
	behavior: url(htc/csshover.htc);
	background: #fff;
	color: #010101;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

hr { display: none; }
hr.visibile {
	display : block;
	border-top : 1px #777 solid;
	border-bottom : 0;
	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 {
	display: block;
	width: 222px;
	height: 88px;
	float: left;
}
h1 a {
	width: 100%;
	height: 100%;
	display: block;
}
h2 {
	background: url(../images/h2-bg.gif) center left no-repeat;
	padding: 0 0 0 21px;
	font-size: 18px;
	display: block;
	margin: 0 0 6px 0;
}

/***************
/* CONTENT
/***************/
#content {
	width: 960px;
	display: block;
	margin: 0 auto;
	padding: 0;
	position: relative;
	height: auto !important;
	min-height: 1212px;
	height: 1212px;
}

/***************
/* MENU
/***************/
#top-repeat {
	clear: both;
	background: url(../images/bg-menu-repeat.gif) top left repeat-x;
	width: 100%;
	height: 97px;
	display: block;
	font-size: 10px;
	color: #919191;
}
#top {
	display: block;
	width: 960px;
	height: 97px;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -480px;
	z-index: 11;
}
ul#menu {
	width: 719px;
	display: block;
	list-style: none;
	padding: 0;
	margin: 32px 0 0 0px;
	font-size: 11px;
	letter-spacing: -1px;
	float: left;
}
ul#menu li {
	background: url(../images/ul-menu-bg-off.gif) top left no-repeat;
	width: 117px;
	height: 54px;
	display: block;
	text-align: center;
	position: relative;
	float: left;
	margin: 0 2px 0 0;
	color: #010101;
}
ul#menu li.active {
	background: url(../images/ul-menu-bg-on.gif) top left no-repeat;
	color: #fff;
}
ul#menu li.active a {
	color: #fff;
}
ul#menu li.ultimo {
	margin: 0;
}
ul#menu li:hover {
	background: url(../images/ul-menu-bg-on.gif) top left no-repeat;
	color: #fff;
}
ul#menu li a {
	width: 100%;
	height: 34px;
	display: block;
	color: #010101;
	padding: 20px 0 0 0;
	text-decoration: none;
}
ul#menu span {
	display: block;
	color: #010101;
	padding: 0px 0 0 0;
}
ul#menu li:hover a,
ul#menu li:hover a:hover,
ul#menu li a:hover {
	color: #fff;
}

ul#menu li ul {
	list-style: none;
	position: absolute;
	display: none;
	top: 0;
	left: 0;
}
ul#menu li:hover ul {
	position: absolute;
	top: 54px;
	left: 0;
	width: 172px;
	padding: 14px;
	display: block;
	background: #383838;
	list-style: none;
}
ul#menu li:hover ul li {
	width: 156px;
	height: 14px;
	text-align: left;
	background: url(../images/ul-submenu-arrow.gif) center left no-repeat;
	padding: 4px 0 4px 16px;
	border-bottom: 1px #5d5d5d solid;
}
ul#menu li:hover ul li.no-border {
	border-bottom: none;
}
ul#menu li:hover ul li a {
	color: #fff;
	padding: 0;
	margin: 0;
	height: auto;
}
ul#menu li:hover ul li:hover a:hover,
ul#menu li:hover ul li a:hover,
ul#menu li ul li a:hover {
	color: #aaa;
}


/***************
/* LANGUAGE
/***************/
ul#language {
	position: absolute;
	right: 10px;
	top: 0;
	background: url(../images/bg-language.gif) top left no-repeat;
	width: 107px;
	height: 23px;
	display: block;
	list-style: none;
}
ul#language li.no-margin {
	margin: 0;
}
ul#language li {
	width: 28px;
	height: 23px;
	float: left;
	margin: 0 0 0 11px;
}
ul#language li a {
	width: 100%;
	height: 100%;
	display: block;
}
ul#language li#ita {
	background: url(../images/link-language-ita.gif) top left no-repeat;
}
ul#language li#ita:hover {
	background: url(../images/link-language-ita-on.gif) top left no-repeat;
}
ul#language li#eng {
	background: url(../images/link-language-eng.gif) top left no-repeat;
}
ul#language li#eng:hover {
	background: url(../images/link-language-eng-on.gif) top left no-repeat;
}
ul#language li#esp {
	background: url(../images/link-language-esp.gif) top left no-repeat;
}
ul#language li#esp:hover {
	background: url(../images/link-language-esp-on.gif) top left no-repeat;
}

/***************
/* EXTRA LINK
/***************/
ul#extra {
	position: absolute;
	left: 0;
	top: 372px;
	display: block;
	list-style: none;
}
ul#extra li {
	width: 242px;
	height: 98px;
	display: block;
}
ul#extra li a {
	width: 100%;
	height: 100%;
	display: block;
}
ul#extra li#formazione {
	background: url(../images/link-menu-formazione.gif) top left no-repeat;
}
ul#extra li#formazione:hover {
	background: url(../images/link-menu-formazione-on.gif) top left no-repeat;
}
ul#extra li#lingua {
	background: url(../images/link-menu-lingua.gif) top left no-repeat;
}
ul#extra li#lingua :hover {
	background: url(../images/link-menu-lingua-on.gif) top left no-repeat;
}
ul#extra li#fotogallery {
	background: url(../images/link-menu-fotogallery.gif) top left no-repeat;
}
ul#extra li#fotogallery:hover {
	background: url(../images/link-menu-fotogallery-on.gif) top left no-repeat;
}
ul#extra li#servizi {
	background: url(../images/link-menu-servizi.gif) top left no-repeat;
	z-index: 10;
}
ul#extra li#servizi:hover {
	background: url(../images/link-menu-servizi-on.gif) top left no-repeat;
}
ul#extra li#workshop {
	background: url(../images/link-menu-workshop.gif) top left no-repeat;
}
ul#extra li#workshop:hover {
	background: url(../images/link-menu-workshop-on.gif) top left no-repeat;
}
ul#extra li#placement {
	background: url(../images/link-menu-placement.gif) top left no-repeat;
}
ul#extra li#placement:hover {
	background: url(../images/link-menu-placement-on.gif) top left no-repeat;
}
ul#extra li#news {
	background: url(../images/link-menu-news.gif) top left no-repeat;
}
ul#extra li#news:hover {
	background: url(../images/link-menu-news-on.gif) top left no-repeat;
}
ul#extra li#partner {
	background: url(../images/link-menu-partner.gif) top left no-repeat;
}
ul#extra li#partner:hover {
	background: url(../images/link-menu-partner-on.gif) top left no-repeat;
}
ul#extra li#associato {
	background: url(../images/link-menu-unindustriana.gif) top left no-repeat;
	height: 156px;
}

/***************
/* HEADER
/***************/
#header {
	width: 960px;
	height: 235px;
	display: block;
	background: url(../images/bg-content.gif) bottom left repeat-x;
	padding: 10px 0 0 0;
}

/***************
/* MAIN
/***************/
#main {
	clear: both;
	margin: 0 0 0 260px;
	display: block;
}
#main p {
	margin: 0 0 20px 0;
	line-height: 18px;
}

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

#main img {
	margin: 0 20px 20px 0;
	float: left;
}
#main p span {
	display: inherit;
}


#banner-corsi {
	float: right;
	background: url(../images/link-banner-corsi.gif) top left no-repeat;
	width: 233px;
	height: 360px;
	display: block;
}

a.pdf {
	clear: both;
	padding: 0 0 0 24px;
	background: url(../images/link-pdf.gif) center left no-repeat;
	height: 24px;
	display: block;
}

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

/***************
/* BOX-NEWSLETTER
/***************/
#box-newsletter {
	background: url(../images/bg-box-newsletter.gif) top left no-repeat;
	width: 242px;
	height: 162px;
	display: block;
	position: absolute;
	left: 0;
	top: 190px;
}
#box-newsletter h3 {
	background: url(../images/h3-newsletter.gif) top left no-repeat;
	width: 81px;
	height: 10px;
	display: block;
	margin: 18px 0 0 18px;
}
#box-newsletter form {
	margin: 20px 0 0 18px;
}
#box-newsletter input {
	width: 210px;
	height: 18px;
	border: 1px #e2e2e2 solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #777;
}
#box-newsletter input.invia {
	width: 70px;
	height: 20px;
	float: right;
	border: 0;
}
#box-newsletter label {
	font-weight: bold;
	color: #777;
	width: 186px;
	display: block;
}
#box-newsletter p {
	margin: 0 0 10px 0;
	width: 210px;
}

#box-newsletter .privacy {
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	float: right;
}

#box-newsletter .checkbox {
	width: 14px;
	height: 14px;
	display: block;
	border: 0;
	margin: 0 10px 10px 0;
	float: left;
}

/***************
/* FOOTER
/***************/
#footer-repeat {
	clear: both;
	background: url(../images/bg-footer-repeat.gif) top left repeat-x;
	width: 100%;
	margin: 40px auto 0;
	font-size: 10px;
	color: #919191;
}

#footer {
	background: url(../images/bg-footer.gif) top left no-repeat;
	width: 950px;
	margin: 0 auto;
	padding: 44px 0 10px 10px;
	font-size: 10px;
	position: relative;
}

#footer ul#summary {
	list-style: none;
	position: absolute;
	top: 44px;
	right: 10px;
}

#footer ul#summary li {
	float: left;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	border-left: 1px #4e4e4e solid;
}
#footer ul#summary li.primo {
	border-left: 0;
}
#footer ul#summary li a {
	color: #767676;
	text-decoration: underline;
}

#footer ul#summary li a:hover {
	text-decoration: none;
}

#footer ul#marketing {
	list-style: none;
	margin: 10px auto;
	height: 20px;
	width: 592px;
}
#footer ul#marketing li {
	color: #ccc;
	float: left;
	margin: 0 20px 0 0;
}
#footer ul#marketing li a {
	color: #ccc;
}
#footer ul#marketing li a:hover {
	color: #aaa;
}

#main #photogallery {
    list-style: none;
    margin: 0;
    padding: 0;
}

#main  #photogallery li {
    background: none;
    border: 2px solid #69A6CE;
    list-style: none;
    margin: 0 0 10px 0;
    padding: 2px;
    width: 60%;
}

#main  #photogallery li  img {
    display: block;
    margin: 0 0 2px 0;
    padding: 0;
}

#main  #photogallery li span{
    background: #69A6CE;
    clear: both;
    color: #FFF;
    display: block;
    font-weight: 700;
    padding: 5px;
}

#photogalleries li a {
    font-size:15px;
}

/***************
/* 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;
}