/* ============================================================================= 
   HTML5 display definitions       
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } 
audio, canvas, video { display: inline-block; } 
audio:not([controls]) { display: none; }  
[hidden] { display: none; }

html { font-size:13px;padding:0px;margin:0px; font-family: Arial, tahoma, verdana;color:#535353}
body { margin:0;background-color:#fff;}
body, button, select, textarea {font-family: 'MyriadWebProRegular';color:#626262;font-size:15px; }

/* @ FONT */
@font-face {
    font-family: 'MyriadWebProRegular';
    src: url('../font/myriadwebpro-webfont.eot');
    src: url('../font/myriadwebpro-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/myriadwebpro-webfont.woff') format('woff'),
         url('../font/myriadwebpro-webfont.ttf') format('truetype'),
         url('../font/myriadwebpro-webfont.svg#MyriadWebProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MyriadWebProBold';
    src: url('../font/myriadwebpro-bold-webfont.eot');
    src: url('../font/myriadwebpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/myriadwebpro-bold-webfont.woff') format('woff'),
         url('../font/myriadwebpro-bold-webfont.ttf') format('truetype'),
         url('../font/myriadwebpro-bold-webfont.svg#MyriadWebProBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

a:link { color: #e47703;text-decoration:none }
a:visited { color: #e47703;text-decoration:none }
a:hover { color: #ff0000;text-decoration:none }
a:focus { outline: none; }   
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { color: #ff0000;outline: 0; }

img, a img { border: 0px; }
a:hover img {filter:alpha(opacity=80);-moz-opacity: 0.8; opacity: 0.8;}

h1 {font-family:'MyriadWebProBold';font-weight: normal;font-style: normal;font-size:35px;color:#000;text-align:center;margin:0px 0px 20px 0px;}
h2 {font-family:'MyriadWebProBold';font-weight: normal;font-style: normal;font-size:18px;color:#ff7e00;text-align:center;margin:0px 0px 15px 0px}
h3 {font-family:'MyriadWebProRegular';font-weight: normal;font-style: normal;font-size:15px;line-height:20px;color:#000;text-align:center;margin:0px 0px 0px 0px}

b, strong  {  font-family: 'MyriadWebProBold'; font-weight: normal;}

.centrale {width:750px;margin-left:auto;margin-right:auto;padding:0px;clear:both;text-align:center}


header {/*height:309px;*/background-image:url(../img/sf_header.png);background-position:bottom left;background-repeat:repeat-x;} 

/*header #logo_top {padding:30px 0px 0px 0px;height:260px;text-align:center}*/
header #logo_top {padding:30px 0px 0px 0px;text-align:center}
header #logo_top img {min-width:280px;/*height:260px;*/}

section#content {min-height:250px;height:auto!important;height:250px;padding:0px 0px 50px 0px;background-image:url(../img/sf_content.png);background-position:top left;background-repeat:repeat-x;}

section.message {padding:50px 0px 0px 0px;text-align:center}

nav.button, nav.button-single {padding:20px 0px 0px 0px;text-align:center;width:440px;margin:0px auto;height:80px;}
nav.button a:hover img,nav.button-single a:hover img,
nav.button a:hover img,nav.button-single a:hover img, {filter:alpha(opacity=100);-moz-opacity: 1.0; opacity: 1.0;}
nav.button-single {width: 220px;}

nav.afterButtons {margin: 30px 0px;}
nav.afterButtons a {text-decoration: underline;}
nav.afterButtons p, nav.afterButtons h3 {margin-top: 10px;}

.accedi a {float:left;display:block;width:206px;height:62px;background-image:url(../img/accedi_new.png);background-position:0 0;background-repeat:no-repeat} 
.registrati a {float:right;display:block;width:206px;height:62px;background-image:url(../img/registrati_new.png);background-position:0 0;background-repeat:no-repeat} 
.accedi a:hover,.registrati a:hover {background-position:0 -62px;}
.accedi a span,.accedi2 a span,.registrati a span {display:none} 

.accedi2 a {margin:0 auto;display:block;width:206px;height:62px;background-image:url(../img/accedi_new.png);background-position:0 0;background-repeat:no-repeat} 

/*div.fadehover span {display:none} 
div.fadehover { margin:0px 0px 0px 5px; padding:0px; float:left;} 
img.a {position: absolute; margin:0px;z-index: 10;}   
img.b { position: absolute; width:206px; height:62px; margin:0px;}*/

div.error{font-weight: bold;padding:10px;margin:10px;border: 1px solid red;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;};
span.errorstr {color:#FF0000; }

form.faccedi {padding:10px 0px 0px 0px;text-align:center;width:550px;margin:0px auto}
form.faccedi div.textboxes {margin: 0 auto;width: 275px;}
form.faccedi div.textboxes-line {margin: 0 auto;width: 550px;}
form.faccedi label {float:left;padding:0px;text-align:center;width:275px;height:80px;margin:0px;background-image:url(../img/sf_input.png);background-position:bottom center;background-repeat:no-repeat}
form.faccedi label input.input {margin:22px 0px 0px 0px;width:230px;border:0px;background-color:transparent;font-family: 'MyriadWebProRegular';font-size:18px;color:#000}

form.faccedi a.button,form.faccedi span.button {display:inline-block;cursor: pointer;border: none;font-size:0px;line-height:0px;margin:10px auto 0px auto; padding:0px;}
form.faccedi a.button span, form.faccedi span.button button, form.faccedi span.button input { display:inline-block;cursor: pointer;width:116px;height:49px;padding:0px;margin: 0px;border: none;}
/*form.faccedi a.button:hover,form.faccedi span.button:hover,form.faccedi a.button:focus, .form.faccedi a.button:focus span {background-position:0px -49px;}*/

input[type=submit] {border:none; background:none; text-indent:-9999px}
a.button,span.button {display:inline-block;cursor: pointer;border: none;font-size:0px;line-height:0px;margin:10px auto 0px auto; padding:0px;}
a.button span, span.button button, span.button input { display:inline-block;cursor: pointer;height:49px;padding:0px;margin: 0px;border: none;}
a.button:hover,span.button:hover,a.button:focus, .a.button:focus span {background-position:0px -49px;}

form.faccedi span.registrati input {height:62px;width:206px;}
form.faccedi a.registrati,span.registrati {height:62px;width:206px;background:url(../img/registrati.png) 0 0 no-repeat transparent; }
form.faccedi a.entra,span.entra {height:49px;width:116px;background:url(../img/entra.png) 0 0 no-repeat transparent;}
form.faccedi a.registrati span, span.registrati button, span.registrati input { }
form.faccedi a.registrati:hover,span.registrati:hover,a.registrati:focus, .form.faccedi a.registrati:focus span {background-position:0px -62px;}

a.buona-navigazione {width:216px;height:49px;background:url(../img/buona_navigazione.png) 0 0 no-repeat transparent; }
a.buona-navigazione:hover,a.buona-navigazione:focus {background-position:0px -49px;}

a.chiama {width:156px;background:url(../img/chiama.png) 0 0 no-repeat transparent; }
a.chiama:hover,a.chiama:focus {background-position:0px -49px;}

/* footer */
/* === Header ===*/
/*      
Sticky Footer Solution 
by Steve Hatcher   
http://stever.ca  
http://www.cssstickyfooter.com  
*/   
* {margin:0;padding:0;} 
/* must declare 0 margins on everything, also for main layout components use padding, not   
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}    
#wrap {min-height:100%;height:auto!important;height:100%;width:100%}
#main {overflow:auto;  
	padding-bottom:100px;}  /* must be same height as the footer */

footer {position: relative;
	margin-top: -100px; /* negative value of footer height */
	height:100px;
	clear:both;
  width:100%;
  z-index:9999999999;
  background-image:url(../img/sf_footer.png);background-position:top left;background-repeat:repeat-x; background-color:#fff;
  } 

/*Opera Fix*/             
body:before {/* thanks to Maleika (Kohoutec)*/  
content:"";
height:100%;  
float:left;   
width:0;  
margin-top:-32767px;/* thank you Erik J - negate effect of float*/}

footer section {float:left;width:33%;padding:15px 0px 0px 0px;margin:0px}

article.fb {float:left;width:135px;padding:0px 0px 0px 20px;margin:0px;text-align:center;}
article.app {width:300px;padding:0px;margin:0px auto;text-align:center;}
article.app img {margin:0px 5px;}
article.imediate {float:right;width:210px;padding:0px 20px 0px 0px;margin:0px;text-align:center;}

article.fb p,
article.app p,
article.imediate p {text-align:center;margin:0px 0px 8px 0px;font-size:12px;}


/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { clear: both; }