/*
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; background-image: url(../immagini/bk.gif); background-repeat: repeat-x; background-position: 0px 0px; font-size: 10px; }

#wrapper { width:960px; background-image: url(../immagini/bk_box.jpg); background-repeat: no-repeat; background-position: center 118px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-right: 20px; padding-left: 20px; }

#header { height: 115px; position: relative; background-image: url(../immagini/bk_header.jpg); background-repeat: no-repeat; background-position: center 0px; }

#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: 238px; border-right-width: 1px; border-right-style: dotted; border-right-color: #CCC; padding-right: 20px; }

#maincontent { float: left; width: 400px; padding-right: 20px; padding-left: 20px; border-right-width: 1px; border-right-style: dotted; border-right-color: #CCC; }

#sidebardx { float: left; width: 240px; padding-left: 20px; }

#footer { clear: both; background-color: #f2f2f2; height: 100px; margin-top: 20px; }
#footwrap { width: 960px; margin-right: auto; margin-left: auto; position: relative; padding-top: 20px; }
#footer p{ float: left; width: 280px; background-image: url(../immagini/logo_foot.gif); background-repeat: no-repeat; background-position: 0px 0px; height: 60px; padding-left: 150px; font-size: 10px; line-height: 16px; display: block; }


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

h1{ background-image: url(../immagini/logo.gif); background-repeat: no-repeat; background-position: 0px 0px; text-indent: -9999px; display: block; height: 109px; width: 242px; }
h1{ background-image: url(../immagini/logo.gif); background-repeat: no-repeat; background-position: 0px 0px; display: block; height: 109px; }
h2{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; line-height: 30px; color: #336699; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; font-weight: normal; margin-bottom: 20px; }
h3{ font-size: 11px; color: #FFF; line-height: 25px; background-color: #1f467f; display: block; height: 25px; padding-left: 5px; text-transform: uppercase; letter-spacing: 1px; font-weight: normal; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-bottom: 20px; }
h4 { font-size: 10px; color: #e2001a; line-height: 20px; }

h1 a { display: block; height: 109px; width: 242px; text-indent: -9999px; }

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

div.nomesito {
	position:absolute;
	color:#FFFFFF;
	font-size:32px;
	top:0;
	padding-left:340px;
	padding-top:10px;
	font-weight:bold;
	text-transform:uppercase;
}

/**
----------------------------------------------------------------
SEARCH BOX
----------------------------------------------------------------
 **/
 
#search { position: absolute; top: 60px; right: 50px; }
#search span {	display:block;	float: left; }
#search form { display:block; float:left; padding-top: 5px; padding-right: 0; padding-bottom: 5px; padding-left: 0; }
#search form .keywords {	float:left;	border:0;  height:14px; width:175px; padding:11px 5px; margin:0; background-image: url(../immagini/search_bg.gif);	background-repeat: no-repeat; background-position: left top; }
#search form .button { float:left; margin:0; padding:0;}


/**
----------------------------------------------------------------
RSS
----------------------------------------------------------------
 **/
#rss { display: block; height: 30px; width: 30px; background-image: url(../immagini/ico_rss.gif); background-repeat: no-repeat; background-position: 0px 0px; text-indent: -9999px; float: left; position: absolute; right: 0px; top: 68px; }
a#rss:hover { background-image: url(../immagini/ico_rss_ro.gif); }

/**
----------------------------------------------------------------
MENU
----------------------------------------------------------------
 **/
 
ul#menu { list-style-type: none; font-weight: normal; }
ul#menu li { display: inline; }
ul#menu li a { color: #FFF; 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: #99ffff; }


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

.quote{ font-family:georgia, serif; color:#C00; 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="submit"]{ 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; }

label { color: #333; line-height:14px;}


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