/*  
Theme Name: Felletti Spadazzi
Theme URI: http://
Description:  Felletti Spadazzi
Version: 0.99
Author: Diginess
Author URI: http://www.diginess.com/
*/

/* Resetter */

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

/* Gestione PNG in ie6 */

a, div, img, input { behavior: url(http://www.felletti.it/wp-content/themes/felletti/iepngfix.htc) }

/* Inizio Tipografia e colori */

body, a, input {
	font-family: sans-serif, arial, lucida-sans;
	font-size: 62.5%;
	/* Resets 1em to 10px */
	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 : 18px;
	height : 27px;
}
h3.title{
	color : rgb(185,182,183);
	font-size : 12px;
	height : 15px;
	margin-top : -5px;
}
h4.title{
	color : rgb(54,54,58);
	font-size : 12px;
	margin-bottom : 5px;
}
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;
	position : relative;	
}

/* Elementi interni al div #top */

.logo{
	float : left;
	width : 225px;
}
.logo a{
	width : 225px;
	float : left;
    margin-left: -20px;
}
.home-contact{
	background : url(images/nav-sep.jpg) no-repeat right top;
	height : 33px;
	width : 92px;
    float : right;
	margin-top : 43px;
	position : relative;
}
.home-contact a{
	position : absolute;
	height : 29px;
	width : 30px;
	top : 3px;
}
.home-contact a.home{
	right : 58px;
	background : url(images/home.png) no-repeat left -1px;
	padding-right: 10px;
}
.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 : 625px;
    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 2px;
	background : url(images/nav-sep.jpg) no-repeat right 44px;
}
#navigation ul li.first{
	padding-left : 0px;
}
#navigation ul li a{
	padding : 0px 30px;
	padding-top : 52px;
	text-decoration : none;
	color : rgb(141,137,139);
	height : 38px;
	float : left;
}
#navigation ul li.first a{
	padding-left : 28px;
	padding-right : 28px;
}
#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 : 726px; 
	background : url(images/header.jpg) no-repeat left bottom;
	z-index: 0;
}
#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;
}

/* Banner header */

#header .head-image .contentSlogan{
	height : 65px;
	width : 726px; 
	position: relative;
	top: 152px;
	left: 0px;
	z-index: 1000;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
	background-color: white;
}
#header .head-image .slogan{
	height : 63px;
	width : 726px;	
	position: relative;
	top: 87px;
	left: 0px;
	z-index: 2000;
	border-bottom : 1px solid white;
	border-top: 1px solid white; 
	padding: 0px;
}
#header .head-image .slogan img{
	height : 63px;
	width : 592px;	
} 
#imageContainerLeft, #imageContainerRight{
	z-index:0;
	height:242px;
	position:relative;
	width:363px;
}
#imageContainerLeft img, #imageContainerRight img{
	width: 363px;
	height: 242px;
/*	display:none;*/
	position:absolute;
	top:0; left:0;
}
#header .head-image .sinistra{
	width: 363px;
	margin-top: -130px;
	margin-left: 0px;
}
#header .head-image .destra{
	width: 363px;
	margin-top: -242px;
	.margin-top: -242px;
	_margin-top: -242px;
	margin-left: 362px;
}

/* 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 div{
	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{
	float:left;
	position : relative;
	margin-top : 10px;
	min-height : 300px;
}
.detail img{
	float:left;
	_left : -170px;
	top : 3px;
	width : 160px;
	_margin-bottom : 50px; 
	padding-right: 10px;
}


.detail ul li{
     list-style: disc;
	 margin-left: 1.2em;	 
}

.detail ol li{
     list-style: decimal;
	 margin-left: 1.2em;	 
}

/* 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, .sub-navigation ul li a.active, .sub-navigation ul li.current_page_item{
	background : url(images/sub-menu.jpg) repeat-x left top;
}
.text-title{
	height : 25px !important;
	padding-top : 5px;
	_padding-bottom : 10px;
}

/* Footer */

#footer{
	background : url(images/footer.jpg) repeat-x left top;
    height : 399px;
}
#footer-container{
	position : relative;
    height : 399px;
}
.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{
	float : right;
	width : 703px;
	margin-top : 30px;	
	margin-right : 16px;
	_margin-right : 8px;
}
.contacts .head-title{
	background : url(images/top-f.jpg) no-repeat left bottom;
	height : 24px;
	padding-left : 20px;	
	margin-bottom : 10px;
	padding-top : 5px;
	_padding-bottom : 10px;
}
.contacts input.submit{
	float : right;
	margin-right : -33px;
}
.contact-details{
	float : right;
	width : 327px;
}
.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 : 122px;
}
.contact-details div.call-center{
	background : url(images/call-center.jpg) no-repeat left bottom;
	padding-left : 156px;
	padding-top : 13px;
	height : 95px;
}
.copyright{
	height : 25px;
	position : absolute;
	left : 135px;
	bottom : 0px;
	width : 825px;
}
.copyright span{
	display : block;
	float : left;
}
.copyright ul{
	float  : left;
	margin-left: 30px;
}
.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;
}

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

#digital-clock{
	margin: 4px 4px 0 0;
}