/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
     font: inherit;
     vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
     content: '';
     content: none;
}
table {
     border-collapse: collapse;
     border-spacing: 0;
}
/*LAYOUT CREDEM*/
.rdn20 {
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 20px;
}
.rdn4 {
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
}
.clear { clear:both; }
body {
     background: #EDEAE8 url(../img/bg-body.png) top center repeat-x;
     height: 100%;
}

#container {

     font-family: 'Roboto', sans-serif;
     padding: 0px 20px 30px;
     width: 960px;
     margin-right: auto;
     margin-left: auto;
     background: #FFF url(../img/bg-container.png) top repeat-x;
}
#container #head {
     position: relative;
     height: 380px;
}
#logo-fondo {
	position:relative;
     background: url(../img/logo.png) no-repeat left top;
     height: 130px;
     width: 120px;
     float: left;
     margin-top: 10px;
     margin-right: 15px;
	 z-index: 999;
}


#dicitura {
	position: absolute;
     top: 25px;
	 left: 90px;
     text-align: left;
	 padding-left:30px;
     color: #FFF;
    
     font-size: 13px;
     line-height: 30px;
     font-family: 'Roboto', sans-serif;
	 background:#fff url(../img/bg-dicitura.png) no-repeat center right;
	 width: 350px;
}

#pagina {
     padding-top: 20px;
     padding-bottom: 50px;
     margin-bottom: 30px;
}
.box-home {
     float: left;
     width: 318px;
     padding: 12px;
}
#pagina #col-sx {
     float: left;
     width: 250px;
}
#pagina #col-dx {
     width: 688px;
     float: left;
     padding-left: 20px;
}
#pagina #col-dx h1 {
     font-family: 'Roboto', sans-serif;
     font-size: 26px;
     color: #1368AA;
     padding-bottom: 18px;
}
#pagina #col-dx h2 {
     color: #666;
     padding-bottom: 10px;
     font: 24px 'Titillium Web', sans-serif;
     padding-top: 5px;
}
#pagina #col-dx p {
     font-family: 'Roboto', sans-serif;
     font-size: 16px;
     color: #333;
     padding-bottom: 7px;
     line-height:18px;
     text-align: justify;
}
#pagina #col-dx p strong {
     font-family: 'Roboto', sans-serif;
     font-weight:800;
     font-size: 16px;
     color: #222;
     padding-bottom: 7px;
     line-height:18px;
}
#pagina #col-sx .box {
     padding: 8px 8px 8px 0px;
     margin-bottom: 10px;
}
#pagina #col-sx .box h2 {
     font-size: 16px;
     padding: 7px 5px 5px 20px;
     line-height:25px;
	

	 color: #FFF;
     background: url(../img/bg-h2.png) center right no-repeat;
     margin-bottom: 5px;
	 
}

#pagina #col-sx .box h2.linkutili { background-image:url(../img/ico-link-utili.png); background-repeat:no-repeat; background-position: 3px center;}
#pagina #col-sx .box h2.arear { background-image:url(../img/ico-arear.png); background-repeat:no-repeat; background-position: 3px center;}
#pagina #col-sx .box h2.psimula { background-image:url(../img/ico-psimula.png); background-repeat:no-repeat; background-position: 3px center;}


#pagina #col-sx .box p {
     font-size: 15px;
     padding-left: 15px;
     color: #333;
}
#pagina #col-sx .box a {
     text-decoration: none;
     color: #1368AA;
     font-size: 16px;
     display: block;
     padding-top: 2px;
     padding-bottom: 4px;
     margin-bottom: 2px;
     border-bottom: 1px solid #f5f5f5;
     padding-left: 15px;
}
#col-dx h3 {
     padding-bottom: 4px;
     padding-top: 8px;
     font-size: 20px;
     color: #1368AA;
}
#col-dx .elenco-alfa li {
     padding-left: 15px;
     padding-bottom: 6px;
     background: url(../img/punto-elenco.png) no-repeat left 4px;
     margin-left: 8px;
     line-height:20px;
     
}
#col-dx ol.elenco-numerato {
     list-style: decimal;
     padding-bottom: 5px;
     margin-left: 10px;
     counter-reset: item;
}
#col-dx ol.elenco-numerato li { display: block }
#col-dx ol.elenco-numerato li:before {
     content: counter(item) ". ";
     counter-increment: item;
     color: #B1DB3E;
     font-size: 14px;
}
#col-dx p a, #col-dx .elenco-alfa li a{
     text-decoration: none;
     color: #666;
}

#col-dx p a:hover, #col-dx .elenco-alfa li a:hover {
     text-decoration: none;
     color: #999;
}
/*sticky footer*/
html { height: 100%; }
.page-wrap {
     min-height: 100%;
     margin-bottom: -50px;
}
.page-wrap:after {
     content: "";
     display: block;
}
.site-footer, .page-wrap:after { height: 50px; }
.site-footer {
     background: #FFFFFF;
     height: 50px;
     font-size:12px;
     font-family: 'Roboto', sans-serif;
     color:#FFF;
	 margin-left:auto;
	 margin-right:auto;
	 width:1000px;
}
.site-footer .center { width: 954px; height: 30px; margin-left: auto; margin-right: auto; padding: 8px; background-color: #0164EE; }
.site-footer .copy {
     float: left;
     padding-top: 4px;
}
.site-footer .credit {
     padding-top: 10px;
     float: right;
}
.site-footer a {
     color: #F8CF2C;
     text-decoration: none;
}
.site-footer a:hover { color: #FF9; }
/*area riservata*/
.box form { padding-left: 0px; }
.box form label {
	color: #1368AA;
	display: block;
	line-height: 12px;
	margin-top: 10px;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.box form label small {
	font-size: 10px;
	text-transform: none;
}
.box form input {
     height: 20px;
     border: 1px solid #aea79f;
     background-color: #ccc;
     width: 205px;
}
.box form a.pw-link {
     text-decoration:none;
     display: block;
     padding-top: 8px;
     color:#A31D01;
}
.box form a.pw-link:hover {
	color: #A31D01;
}
.box form #submit {
	background: url(../img/bg-submit.png) right;
	color: #FFF;
	width: 100%;
	margin-top: 10px;
	cursor: pointer;
	text-transform: uppercase;
	border: none;
	text-align: left;

}







#col-dx ul.elenco-documenti li { margin-bottom: 4px; }
#col-dx ul.elenco-documenti li a {
     text-decoration: none;
     color: #1368AA;
     font-size: 18px;
     display: block;
     height: 32px;
     background: url(../img/ico-doc.png) no-repeat left;
     padding-left: 40px;
     line-height: 30px;
}
#col-dx ul.elenco-documenti li a:hover {
     color: #666;
     background: url(../img/ico-doc-hover.png) no-repeat left;
}

#col-dx ul.elenco-documenti li a:hover:after {
   content: " >>";
}


#col-dx.faq h3 {
	padding-left: 40px;
	padding-bottom: 8px;
	background-image: url(../img/segna-faq.png);
	background-repeat: no-repeat;
	background-position: left 8px;
	color: #1368AA;   
}
#col-dx.faq h3:hover {
	cursor: pointer;
}

#col-dx.faq div {
     background: #EDEAE8;
     padding: 20px;
     margin-bottom: 10px;
     margin-left: 33px;
}

/*tab news*/
#tab-container-1 {
     position: relative;
     margin-top: 10px;
}
#tab-container-1 #tab-container-1-nav li a { text-decoration: none; color: #FFF; display: block; font-size: 15px; float: left; border-top: 1px solid #1368AA; border-right: 1px solid #1368AA; border-bottom: none; border-left: 1px solid #1368AA; padding: 8px 25px 3px 25px; margin-right: 3px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; background-color: #0164EE; 
}
.tab {
     padding: 12px 15px 40px 15px;
     border-top: 1px solid #CCC;
     top: -4px;
}
#tab-container-1 #tab-container-1-nav li.activeli a.active {
     color: #1368AA;
     border-top: thin solid #1368AA;
     border-right: thin solid #1368AA;
     border-bottom: thin solid #FFF;
     border-left: thin solid #1368AA;
     background: #FFC;
}
h6 { color: #1368AA; font-size:12px; padding-bottom: 7px;}
h6:hover { color: #666; cursor:pointer;}


/*SLIDES*/
  #slides {
      display: none
    }
	
  #slides {
     height: 300px;
     width: 960px;
     position: absolute;
     top: 100px;
     background: #fff;
     right: 0px;
     z-index: 1;
}

    
  

    #slides .slidesjs-navigation {
      margin-top:5px;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(../img/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
    background: url(../img/bg-pagination.png) top left;
    bottom: 20px;
    float: right;
    list-style: outside none none;
    margin: -20px 0 0;
    padding: 7px 7px 7px 40px;
    position: absolute;
    right: 0;
    z-index: 999;
}

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(../img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }


#mask {width: 960px; height:280px; position:absolute; z-index: 800; background:url(../img/mask.png) left top no-repeat; }

*/




a.backTo{color:#FFF; font-size:18px; display:block; padding:10px 10px 10px 30px; margin: 8px 8px 8px 0px; float:left; text-decoration:none; background:url(../img/backTo.png) #1368AA no-repeat left center;}
a.backTo:hover{ background:url(../img/backTo.png) #060 no-repeat left center; color: #FC0; }

strong.text-bold { font-weight: bolder; }
small.text-small{ font-size: 90%; }


/*news*/

.evento { padding: 0px 5px 5px; width: 95%; border-bottom: 1px solid #0164ee; margin-bottom: 10px;}
.evento .cont-data {
     width: 50px;
     height: 50px;
     float:right;
     background: url(../img/bg-data.png) center no-repeat;
     margin-bottom: 10px;
     overflow: hidden;
	 margin-top: 10px;
}

.evento .cont-data p { text-align: center !important; color: #0164EE !important; padding: 10px 0px 0px; margin: 0px; font: bold 16px/12px Arial, Helvetica, sans-serif !important; }
.evento .cont-data p.mese {
     text-align:center !important;
     color: #fff !important;
   	 font-size: 13px !important;
     text-transform: uppercase;
     padding-top: 1px;
}

.evento h3 a {
     text-decoration:none;
     color: #1368AA;
     font-size:18px;
}
.evento h3 a:hover {
     text-decoration:underline;
     color: #666;
}
.evento p a {
     text-decoration: none !important;
     color: #666;
     margin-bottom: 5px;
}
.evento p a:hover { color: #999 !important; }
.evento h3, .evento p {
     margin: 0px;
     padding-top: 0px;
     padding-right: 70px;
     padding-left: 0px;
     font-size: 14px;
     text-decoration: none;
}

.backnews { display:block; background: #1368AA; color: #FFF; font-size: 16px; padding: 8px 15px; float: left; -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;}
.backnews:hover { background: #666;}

#lingue {width:100px; height: 25px; position:absolute; top: 20px; right: 0px;}
#lingue a { background:url(../img/flag-it.png) center no-repeat; display:block; width: 25px; height:25px; float: left;}
#lingue a.de { background:url(../img/flag-de.png) center no-repeat; }
#lingue a.en { background:url(../img/flag-en.png) center no-repeat; }
#lingue a:hover {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
.elenco-alfa li .carica { color: #0164EE; font-style: italic; }