/*
Project: CAF di BASE
File: css/style.css
Last edited: April 6, 2010, 8:52 am
*/


/**
----------------------------------------------------------------
STRUTTURA MAIN SITO
----------------------------------------------------------------
 **/
body { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif; font-size: 10px; background-color: #e2e1dd; }

#wrapper { width:960px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-right: 10px; padding-left: 10px; position: relative; }
#middle { background-image: url(../immagini/bk_main.gif); background-repeat: repeat-y; background-position: center 0px; padding-top: 180px; }


#header { height: 140px; position: relative; background-image: url(../immagini/testa.gif); background-repeat: no-repeat; background-position: center 84px; }
#foto { background-image: url(../immagini/foto.jpg); background-position: 0px 0px; display: block; height: 160px; width: 920px; position: absolute; left: 29px; top: 131px; }


#menu { height: 47px; }

#breadcrumb { line-height: 50px; height: 50px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; }

#sidebarsx { float: left; width: 250px; padding-right: 30px; padding-left: 30px; position: relative; }

#maincontent { float: left; width: 560px; padding-right: 60px; padding-left: 20px; }

#footer { clear: both; height: 100px; background-image: url(../immagini/piede.gif); background-repeat: no-repeat; background-position: center 0px; position: relative; }
#footer p{ background-image: url(../immagini/logo_foot.gif); background-repeat: no-repeat; background-position: 0px 0px; font-size: 9px; line-height: 16px; display: block; position: absolute; right: 20px; bottom: 20px; color: #666; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  



  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    } 


/**
----------------------------------------------------------------
TYPOGRAPHY
----------------------------------------------------------------
 **/
h1, h2, h3, h4,h5,h6 {}

h1{ text-indent: -9999px; background-image: url(../immagini/logo.gif); background-repeat: no-repeat; background-position: 0px 0px; height: 94px; width: 373px; position: absolute; left: 72px; bottom: 0px; }
h2{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; line-height: 24px; color: #336699; font-weight: normal; margin-bottom: 20px; }
h3{ font-size: 11px; color: #336699; line-height: 18px; text-transform: uppercase; letter-spacing: 1px; font-weight: normal; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-bottom: 10px; margin-top: 20px; }

h4 { font-size: 10px; color: #e2001a; line-height: 20px; }

h1 a { }

p { line-height: 18px; color: #333; font-size: 11px; }

hr { background-color: #FFF; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-top: 10px; margin-bottom: 10px; }
a#rss:hover { background-position: 0px -30px; }

/**
----------------------------------------------------------------
MENU
----------------------------------------------------------------
 **/
 
ul#menu { list-style-type: none; font-weight: normal; display: block; position: absolute; top: 50px; right: 30px; }
#oldlogo { background-image: url(../immagini/logo_old.gif); background-repeat: no-repeat; height: 145px; width: 145px; margin-top: 50px; }

ul#menu li { display: inline; }
ul#menu li a { color: #003872; text-decoration: none; font-size: 11px; text-align: center; height: 30px; font-weight: normal; text-transform: uppercase; padding-right: 10px; padding-left: 10px; display: inline; line-height: 40px; border-right-width: 1px; border-right-style: solid; border-right-color: #557493; }
ul#menu li a:hover { color: #5AC500; }


/**
----------------------------------------------------------------
CLASSI
----------------------------------------------------------------
 **/

.quote{ font-family:georgia, serif; color:#336699; font-size:10px; letter-spacing:0.1em; line-height:200%; padding-top:11px; text-transform: uppercase; }
.allegato { line-height: 25px; text-transform: uppercase; letter-spacing: 2px; display: block; height: 25px; text-decoration: none; font-size: 9px; background-image: url(../immagini/disk.png); background-repeat: no-repeat; background-position: 0px center; padding-left: 30px; margin-top: 10px; margin-bottom: 10px; }
.allegato:hover { color: #E2001A !important; }
.data { font-size: 10px; font-weight: bold; color: #1f467f; }
a.news { line-height: 20px; color: #000!important; text-decoration: none; }
a.news:hover{ border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; color: #E2001A !important; }
.credits { display: block; height: 20px; width: 50px; position: absolute; top: 20px; right: 0px; text-transform: uppercase; text-decoration: none; color: #999; }
.clear  { clear:both; }


/**
----------------------------------------------------------------
LINKS
----------------------------------------------------------------
 **/
a:link  { color: #336699; }
a:visited  { color: #900; }
a:hover { color: #336699; } 
a:active {}
a {outline: none} 
a {outline: 0}

/**
----------------------------------------------------------------
FORM
----------------------------------------------------------------
 **/

input { font-size: 11px; color: #333; ; }
input:focus{ border-color:#039; }
input[type="button"]{ background-color: #fefefe; border: 1px solid #eee; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #336699; height: 25px; text-transform: uppercase; }
.input { background-color: #fcfcfc; width: 90%; margin-bottom: 10px; border: 1px solid #CCC; }


/**
----------------------------------------------------------------
PULSANTI
----------------------------------------------------------------
 **/
 
.buttonlinks { display: block; height: 26px; margin-bottom: 10px; line-height: 26px; margin-top: 10px; }
.info .buttonlinks {	margin: 0 }
.buttonlinks a, .buttonlinks span.input { text-transform: uppercase; color: #336699; text-decoration: none; height: 26px; line-height: 23px; display: block; margin: 0 20px 0 0; max-width: 250px; float: left; padding: 0; background-image: url(../immagini/site-ui-gfx.png); background-repeat: no-repeat; background-position: -54px 0px; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-weight: bold; font-size: 9px;}
.buttonlinks a span, .buttonlinks span.input input { height: 26px; display: block; padding: 0 22px 0 0; margin: 0 0 0 10px; float: left; background-color: #fff; background-image: url(../immagini/site-ui-gfx.png); background-repeat: no-repeat; background-position: 100% 0px; }
.buttonlinks a:hover, .buttonlinks span:hover,   {	background-position: -54px -26px; }
.buttonlinks a:hover span,  { 	background-position: 100% -26px;	}
.buttonlinks a:hover { background-position: -54px -26px }
.buttonlinks a:hover span, .buttonlinks  { 	background-position: 100% -26px }


.jPaginate{ height:34px; position:relative; color:#a5a5a5; font-size:small; width:100%; 
}
.jPaginate a{ line-height:15px; height:18px; padding:2px 5px; margin:2px; float:left; 
}
.jPag-control-back{ position:absolute; left:0px; font-size: 10px; 
}
.jPag-control-front{ position:absolute; top:0px; font-size: 10px; 
}
.jPaginate span{ 
}
ul.jPag-pages{
    float:left;
    list-style-type:none;
    margin:0px 0px 0px 0px;
    padding:0px;
}
ul.jPag-pages li{
    display:inline;
    float:left;
    padding:0px;
    margin:0px;
}
ul.jPag-pages li a{ float:left; padding:2px 5px; font-size: 10px; 
}
span.jPag-current{
    cursor:default;
    font-weight:normal;
    line-height:15px;
    height:18px;
    padding:2px 5px;
    margin:2px;
    float:left;
}
ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-next,
span.jPag-sprevious,
span.jPag-snext,
ul.jPag-pages li span.jPag-previous-img,
ul.jPag-pages li span.jPag-next-img,
span.jPag-sprevious-img,
span.jPag-snext-img{
    height:22px;
    margin:2px;
    float:left;
    line-height:18px;
}

ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-previous-img{
    margin:2px 0px 2px 2px;
    font-size:12px;
    font-weight:bold;
        width:10px;

}
ul.jPag-pages li span.jPag-next,
ul.jPag-pages li span.jPag-next-img{
    margin:2px 2px 2px 0px;
    font-size:12px;
    font-weight:bold;
    width:10px;
}
span.jPag-sprevious,
span.jPag-sprevious-img{ margin:2px 0px 2px 2px; font-size:11px; width:15px; text-align:right; 
}
span.jPag-snext,
span.jPag-snext-img{ margin:2px 2px 2px 0px; font-size:11px; width:15px; text-align:right; 
}
ul.jPag-pages li span.jPag-previous-img{
    background:transparent url(../images/previous.png) no-repeat center right;
            }
ul.jPag-pages li span.jPag-next-img{
    background:transparent url(../images/next.png) no-repeat center left;
            }
span.jPag-sprevious-img{
    background:transparent url(../images/sprevious.png) no-repeat center right;
            }
span.jPag-snext-img{
    background:transparent url(../images/snext.png) no-repeat center left;
            }

#demo5 { margin-top: 20px; }

#paginationdemo { }

.foto { padding: 2px; border: 1px solid #CCC; margin-top: 20px; margin-bottom: 20px; }

.bordo { border: 5px solid #CCC; }