/* Resetter */

* {
	margin: 0;
	padding: 0;
}
ul, ol, li {
	list-style: none;
	position : relative;
}

/* Gestione PNG in ie6 
a, div, img, input { behavior: url(/iepngfix.htc) }
*/

/* Inizio Tipografia e colori */
body, a, input 
{
	font-family: sans-serif, arial, lucida-sans;
	font-size: 62.5%;
	font-size: 12px;
	color: rgb(142,137,139);
	line-height: 130%;
}
img, fieldset {
	border : 0px;
}
body{
	background : url(images/body-bg.jpg) repeat-x left top;
}
a {
	color : rgb(141,137,139);
	text-decoration: underline;
}
a *{
    cursor : pointer;
}
h1,h2,h3,h4{
  display : block;
	font-weight : normal;	
}
h2.title{
	color : rgb(141,137,139);
	font-size : 22px;
}
h3.title{
	color : rgb(185,182,183);
	font-size : 12px;
	margin-top : 5px;
}
h4.title{
	color : rgb(54,54,58);
	font-size : 12px;
	margin-bottom : 5px;
}
.subtitle
{
    color : rgb(141,137,139);
	font-size : 12pt;
	font-weight: bold;
	height : 15px;	
	margin-bottom: 15px;	
}
a.button{
	height : 24px;
	width : 120px;
	float : right;
	background : url(images/pulsante.png) no-repeat left top;
	text-align : center;
	text-decoration : none;
	font-size : 12px;
	padding-top : 5px;	
	cursor : pointer;
}
a.button:hover{
	background : url(images/pulsante.png) no-repeat left -31px;	
}
a.rss{
	height : 24px;
	width : 45px;
	_width : 80px;
	float : right;
	background : url(images/rss.png) no-repeat right top;
	padding-right : 40px;
	_padding-right : 5px;
	text-align : right;
	text-decoration : none;
	font-size : 12px;
	padding-top : 5px;	
	color : #8E898B;	
}
a.rss:hover{
	text-decoration : underline;
	background : url(images/rss.png) no-repeat right -31px;	
}

/* Fine Tipografia e colori. Inizio struttura */

#top-container, #footer-container{
	margin : 0 auto;
	width : 960px;
}
#central-container{
	background : #fff url(images/container-bck.jpg) repeat-x left 13px;
	position : relative;
}
#top{
	height : 104px;
	background : url(images/top-image.jpg) repeat-x left top;
	position : relative;
}

/* Elementi interni al div #top */

.logo{
	float : left;
	height : 40px;
	width : 225px;
	margin-top : 0px;
}
.logo a{
	height : 40px;
	width : 225px;
	float : left;
}
.home-contact{
	background : url(images/nav-sep.jpg) no-repeat right top;
	height : 33px;
	width : 87px;
    float : right;
	margin-top : 43px;
	position : relative;
	padding-right:13px;
}
.home-contact a{
	position : absolute;
	height : 29px;
	width : 30px;
	top : 3px;
	padding-right:10px;
}
.home-contact a.home{
	right : 58px;
	background : url(images/home.png) no-repeat left -1px;
}
.home-contact a.home:hover, .home-contact a.home.active{
	background : url(images/home.png) no-repeat left -29px;
}
.home-contact a.home.active:hover{
	background : url(images/home.png) no-repeat left -29px;
}
.home-contact a.contact{
	right : 22px;
	background : url(images/mail.png) no-repeat left -1px;
	padding-right:10px;
}
.home-contact a.contact:hover{
	right : 22px;
	background : url(images/mail.png) no-repeat left -29px;
}

/* Navigazione */

#navigation{
	height : 90px;
	width : 610px;
    float : left;	
	font-size : 14px;
	margin-left : 8px;
}
#navigation ul{
	height : 90px;
	background : url(images/nav-sep.jpg) no-repeat left 44px;
	padding-left : 2px;
}
#navigation ul li{
	float : left;
	padding : 0px 8px;
	background : url(images/nav-sep.jpg) no-repeat right 44px;
}
#navigation ul li.first{
	padding-left : 0px;
}
#navigation ul li a{
	padding : 0px 23px;
	padding-top : 52px;
	text-decoration : none;
	color : rgb(141,137,139);
	height : 38px;
	float : left;
}
#navigation ul li.first a{
	padding-left : 18px;
	padding-right : 18px;
	margin-left:10px;
}
#navigation ul li a:hover, #navigation ul li a.active{
	background : url(images/nav-hover.jpg) repeat-x left -1px;
}

/* Header ed elementi interni */

#header{
    width : 960px;
	margin : 0 auto;
	height : 256px;
	margin-top : 13px;
}
#header .head-image.right{
	float : right;
	height : 256px;
	width : 727px;
	background : url(images/header.jpg) no-repeat left top;
}
#header .head-image.left{
	float : left;
	height : 210px;
	width : 168px;
	padding : 32px;	
	padding-top : 23px;
	_padding-bottom : 20px;
	background : url(images/sec01.jpg) no-repeat left top;
}
#header .head-image.left.in-home{
	background : url(images/h-welcome.jpg) no-repeat left top;
}
#header .head-image .text{
	padding-top : 25px;
	line-height : 125%;
	width : 167px;
	height : 140px;
	_margin-bottom : 0px !important;
}

/* Next Event in HomePage */

.next-event{
	width : 663px;
	height : 170px;
	background : url(images/next-event.png) no-repeat left top;
	padding : 15px 20px;
	padding-bottom : 10px;
	padding-top : 2px;
	position : relative;
}
.next-event .entry {
	padding-left : 140px;
	position : relative;
}
.next-event .entry p span{
	color : rgb(56,54,58);	
}
.next-event .event-image {
	left : 0px;
	_left : -140px;
	top : 3px;
	height : 60px;
	width : 115px;
	position : absolute;
}
.next-event a.button{
	position : absolute;
	right : 5px;
	bottom : 10px;
	float : none;
	_float : right;
	_position : static;
	_margin-top : 15px;	
}
.event-date {
	background : transparent url(images/event.png) no-repeat left top;
	position : absolute;
	height : 63px;
	width : 30px;
	left : -15px;
	top : 0px;
}
.head-title{
	height : 33px;
	padding-left : 0px;
	padding-top : 10px;
	padding-bottom : 27px;
}

/* Elementi relativi ai corsi */

.event-date span, .course-date span {
	display : block;
	padding-left : 5px;
}
.month {
    font-size : 12px;
    margin-top : -2px;
}
.day {
	font-size : 18px;
	padding-top : 10px;	
}

/* Content ed elementi interni */

.content{
  background : url(images/container-bgs.jpg) no-repeat left top;
  width : 960px;
  margin : 0 auto;
  padding-top : 40px;
}
.sidebar{
	float : left;
	width : 215px;
	position : relative;
}
.text{
	float : right;
	width : 716px;
	padding-bottom : 18px;
	height : 1%;
	_margin-bottom : 70px;
}

/* Widget Centrali */

.widgets{
	padding-right : 16px;
}
.widget{
	padding-left : 160px;
	position : relative;
}
.widget .head-title{
	padding-top : 13px;
}
.widget p{
	padding-right : 10px;
}
.widget a.button{
	float : none;
	position : absolute;
	right : 0px;
	bottom : 23px;
	_float : right;
	_position : static;
	_margin-top : 20px;
}
.widget.technologies {
	padding-left : 0px !important;
	position : relative;
}
.widget.technologies .head-title {
	padding-bottom : 15px;
	padding-top : 5px;
	padding-left : 20px;
	background : url(images/htitle.jpg) repeat-x left bottom;
	height : 25px;
	_height : 21px;
}
.widget.technologies .head-title, .text-title {
	padding-bottom : 25px;
	padding-top : 0px;
	padding-left : 20px;
	background : url(images/htitle.jpg) repeat-x left bottom;
}
.widget.technologies p{
	padding-left : 20px;
	padding-right : 20px;
	padding-top : 10px;
}
.widget.who-we-are {
	background : url(images/who.png) no-repeat left top;	
	float : left;
	width : 180px;
	height : 279px;
}
.widget.services {
	background : url(images/services.png) no-repeat left top;	
	float : right;
	height : 279px;
	width : 180px;		
}

/* Elementi Sidebar */

.sidebar .head-title{
	background : url(images/div.png) no-repeat left bottom;
	_background : url(images/htitle.jpg) repeat-x left bottom;	
	height : 24px;
	padding-left : 38px;
	padding-top : 13px;
	_padding-bottom : 12px;
}
.course{
	background : url(images/div.png) no-repeat left bottom;
	_background : url(images/htitle.jpg) repeat-x left bottom;	
	padding-bottom : 12px;
	_padding-bottom : 15px;
}
.course.last{
	background : none !important;
	padding-bottom : 5px;
}
.course .entry{
	padding-left : 38px;
	position : relative;
	margin-top : 10px;
}
.course-date {
	background : transparent url(images/event-w.png) no-repeat left top;
	position : absolute;
	height : 63px;
	width : 30px;
	left : 0px;
	_left : -38px;
	top : -5px;	
}
.course .entry p{
	margin-bottom : 5px;
}
a.button{
	margin-top : -5px;
}
a.more{
	display : block;
	width : 100px;
	float : left;
	text-decoration : underline;
}
a.more:hover{
	text-decoration : none;
}

/* Contenuto centrale pagine secondarie */

.detail{
	padding-left : 24px;
	position : relative;
	margin-top : 10px;
	min-height : 300px;
}
.detail .image{
	position : absolute;
	left : 0px;
	_left : -170px;
	top : 3px;
	width : 160px;
	_margin-bottom : 50px; 
}

/* Sub-menu di sinistra */

.sub-navigation{
	float : left;
	width : 213px;
}
.sub-navigation .head-title{
	height : 32px;
	_height : 48px;
}
.sub-navigation .head-title{
	background : url(images/div.png) no-repeat left bottom;
	_background : url(images/htitle.jpg) repeat-x left bottom;	
	padding-bottom : 10px;
	padding-left : 35px;
	margin-bottom : 1px;
	padding-top : 5px;
	height : 40px;
	_height : 38px;	
}
.sub-navigation ul li{
	height : 23px;
}
.sub-navigation ul li a{
	height : 20px;
	padding-top : 5px;
	padding-left : 35px;
	text-decoration : none;
	display : block;	
}
.sub-navigation ul li a:hover{
	background : url(images/sub-menu.jpg) repeat-x left top;
}
.sub-navigation ul li a.active{
	background : url(images/sub-menu.jpg) repeat-x left top;
	font-weight:bold;
}
.text-title{
	height : 25px !important;
	padding-top : 5px;
	_padding-bottom : 10px;
}
/* Footer */
#footer{
	background : url(images/footer.jpg) repeat-x left bottom;
    height : 215px;
}
#footer-container{
    height : 215px;
}
.white-image{
	position : absolute;
	right : 14px;
	top : -20px;
	height : 59px;
	width : 703px;
	background : url(images/footer.png) no-repeat left bottom;
	z-index : 100;
}
.newsletter{
	float : left;
	width : 213px;
	margin-top : 30px;	
}
.newsletter .head-title{
	background : url(images/div.png) no-repeat left bottom;
	_background : url(images/htitle.jpg) repeat-x left bottom;
	padding-bottom : 10px;
	padding-left : 35px;
	margin-bottom : 10px;
	padding-top : 5px;
	height : 40px;
	_height : 38px;
}
.newsletter input, .contacts input{
	background : url(images/input-s.jpg) no-repeat left top;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 4px;
	height : 26px;
	width : 157px;
	border : 0px;
	float : right ;
}
.contacts form{
	width : 305px;
	float : left;
}
.contacts textarea, .newsletter textarea{
	background : url(images/textarea.jpg) no-repeat left top;
	padding : 5px 10px;
	height : 97px;
	width : 285px;
	border : 0px;
	float : left ;	
	font-family : sans-serif, Arial;
	font-size: 12px;
	color: rgb(142,137,139);	
	overflow : auto;
	margin-left : 20px;
}
.contacts input{
	float : left;
	background : url(images/input.jpg) no-repeat left top;
	width : 295px;
	margin-bottom : 5px;
	margin-left : 20px;
}
.newsletter input.submit, .contacts input.submit{
	height : 25px;
	width : 120px;
	float : right;
	background : url(images/button.png) no-repeat right top;
	text-align : center;
	text-decoration : none;
	font-size : 12px;
	padding : 0px;	
	height : 30px;
	padding-bottom : 6px;
	margin-right : -13px;
	margin-top : 5px;
	cursor : pointer;
}
.newsletter input.submit:hover, .contacts input.submit:hover{
	background : url(images/pulsante.png) no-repeat left -32px;	
}
.contacts{
	margin-right : 16px;
}
.contacts .head-title{
	background : url(images/top-f.jpg) no-repeat left bottom;
	height : 24px;
	padding-left : 20px;	
	margin : 0px auto 10px auto;
	padding-top : 0px;
	_padding-bottom : 10px;
	width:60%;
	
}
.contacts input.submit
{
	float : right;
	margin-right : -33px;
}
.contact-details{
	width:60%;
	margin:auto;
}
.contact-details .info-spa{
	float : left;
	width : 150px;
	background : none !important;
	height : auto;
}
.contact-details .email{
	float : right;
	width : 150px;
	background : none !important;
	padding-right : 20px;
	height : auto;
}
.contact-details ul li{
	height : 16px;
	display : block;	
}
.contact-details ul li a{
	text-decoration : none;
}
.contact-details ul li a:hover{
	text-decoration : underline;
}
.contact-details ul li span{
	color : rgb(56,54,58);
}
.contact-details ul li.strong{
	height : auto;
}
.contact-details ul li.strong strong{
	color : rgb(188,189,188);
	font-size : 18px;
	font-weight : bold;
	display : block;
	height : 15px;
	margin : 4px 0px;
	margin-bottom : 6px;
}
.contact-details div{
	/*background : url(images/sep-f.jpg) no-repeat left bottom;*/
	height : 84px;
	float:left;
}
.contact-details div.call-center{
	background : url(images/call-center.jpg) no-repeat left bottom;
	padding-left : 156px;
	padding-top : 13px;
	height : 95px;
	float:right;
	position:relative;
top:-18px;
}
.copyright{
	height : 25px;
	position : relative;
	top:15px;
	width:960px;
	margin:auto;
}
.copyright span{
	display : block;
	float : left;
}
.copyright ul{
	float  : right;
	width : 490px;
}
.copyright ul li{
	float : left;	
}
.copyright ul li a{
	float : left;
	padding-right : 10px;
	text-decoration : none;
}
.copyright ul li a:hover{
	text-decoration : underline;
}
.copyright ul li span{
	display : block;
	padding-right : 10px;
	font-size : 11px;
}
#footer-container a.button{
	position : absolute;
	right : 16px;
	top : 15px;
	z-index : 150;
}

span.msg_art{color:red;}

/* Regole Uso Generale */

.clearer {
  clear : both;
  height : 0px;
  float : none !important;
}
.leftflotter {
  float : left !important;
}
.rightflotter{
  float : right !important;
}
.floatnone{
  float : none !important;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	width: 100%;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;	
}
.sIFR-flash + div[adblocktab=true] {
	display: none !important;
}
.msgnew{color:Red;font-weight:bold;vertical-align:top;font-size:90%;}


div.img-dec img {
	background-color: #fff;
	border: 1px solid #a9a9a9;
	display: block;
	margin: 10px 10px 10px 10px;
	padding: 5px;
}