/*#############################################################
Name: Praesidium By CRI Sicilia
Date: 28 - 05 - 2008
Author: Antonino Felice
URL: http://www.felixwebdesigner.com
#############################################################*/

* {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
body {
	background: #FFF url(img/bg.gif) repeat-x;
	color: #444;
	font: normal 62.5% "Lucida Sans Unicode",Verdana,sans-serif;
	text-align: justify;
	padding-top: 40px;
}
p,code,ul {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}
li {
	list-style: none;
}
h1 {
	font-size: 1.4em;
}
code {
	background: url(img/bgcode.gif);
	border: 1px solid #F0F0F0;
	border-left: 6px solid #F06;	
	color: #444;
	display: block;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
blockquote {
	background: #FBFCF5;
	border-bottom: 1px solid #EED;
	border-top: 1px solid #EED;
	color: #444;
	display: block;
	font: normal 0.9em Verdana,sans-serif;
	margin-bottom: 12px;
	padding: 12px;
}
h1,h2,h3,h4 {
	font: normal 1.2em "Trebuchet MS",sans-serif;
	color:#E7E6D1;
}
/* misc */
.clearer {
	clear: both;
}

/* header */
.header {
	background: url(img/stripes.gif) no-repeat;
	border-bottom: 1px solid #EEE;
	height: 140px;
	margin-bottom: 24px;
}
.header h1 {
	color: #5D9BCC;
	font: normal 4em sans-serif;
	margin-top: 40px;
	text-align: center;
}
.header h2 {
	border-top: 1px solid #EEE;
	color: #666;
	text-align: center;
	font-size: 2.5em;
}
.header h2 span {
	background: #5D9BCC;
	color: #EEE;
	padding: 0 6px;
}

/* left side (main content) */
.left {
margin: 0 42% 20px 3%;
}
.content .descr{
color: #5C9ACC;
font-size: 1.2em;
margin-bottom: 6px;
}
.content img{
border:3px double #5C9ACC;
}
.content li {
list-style: url(img/li.gif);
margin-left: 18px;
}
.content h1 {
font-size: 2.4em;
margin-bottom: 4px;
}
.content a, .footer a, .footer_2 a {
color: Red;
text-decoration: none;
}
.content a:hover, .footer a:hover, .footer_2 a:hover {
color: #444;
border-bottom: 1px solid Red;
}

/* nav & subnavigation */
.nav,.right {
margin-bottom: 20px;
position: absolute;
top: 40px;
}	

/* navigation */
.nav {
right: 23%;
_right:20%;
text-align: center;
padding:10px auto;
width: 17%;
}
.nav .logo {
background: url(img/logo.gif) no-repeat center;
border-bottom: 1px solid #EEE;
border-top: 1px solid #EEE;
/*height:98px;*/
height: 159px;	
}
/*.logo{
padding:54px 0px 0px 0px;
margin-top:11px;
}*/
.ue{
width:70px;
height:46px;
margin: 10px 0px;
float:left;
}
.loghi1{
/*width:135px;
height:77px;*/
width:100%;
height:100%;
margin:30px 0px 0px 0px;
_margin:35px 0px 0px 0px;
margin-left:20%;
_margin-left:25%;
}
.loghetto-cri{
width:57px;
height:46px;
background: url(img/interno.gif);
margin: 10px 0px;
margin-right:1%;
float:left;
}
.ue{
background: url(img/ce.gif);
background-repeat: no-repeat;
}
.loghi1{
background-image: url(img/opuscoli.gif);
background-repeat: no-repeat;
}
.loghi1 a{
width:135px;
height:77px;
display:block;
}
.loghi2{
background: url(img/loghi.gif) no-repeat center;
height: 323px;
margin-top:30px;
_margin-left:25px;
}
.loghi3{
width:130px;
text-align: center;
margin:30px auto;
_padding-left:23px;
/*margin: 30px;
_margin-left:50px;*/
}
.banner{
width:100%;
height:100%;
margin:0px;
padding:0px;
position:relative;
}
.banner img{
/*margin-left:50px;
margin-right:10px;
_margin-top:30px;
float:left;*/
position:absolute;
top:6px;
left:30px;
}
.banner object{
float:right;
margin:0px;
padding:0px;
margin-top:7px;
}
.nav h1 {
color: #F60;
margin: 12px 0;
}
.nav li {
border-bottom: 1px solid #EEE;
}
.nav li a {
color: #5C9ACC;
display: block;
font: normal 1.4em serif;
padding: 8px 0;
}
.nav li a:hover {
background: #FAFAFA;
color: #5C9ACC;
}

/* subnav */
.right {
background:#5C9ACC;
right: 3%;
width: 18%;
}
.subnav {
padding: 12px 12px 0;
}
.subnav h1 {
color: #BBB;
font-size: 1.4em;
height: 20px;
margin-left: 8px;
}
.subnav ul {
margin: 0 0 16px;
padding: 0;
}
.subnav li { 
list-style: none;
margin: 0;
border-bottom: 1px dotted White;
}
.subnav li a {	
color: White;
display: block;
font-size: 0.9em;
padding: 3px 6px 3px 8px;
text-decoration: none;
}
.subnav li a:hover {
color: #BBB;
}

/* round edges */
.roundtl,.roundtr,.roundbl,.roundbr {
background: url(img/round.gif);
height: 16px;
width: 14px;
}
.roundtl,.roundbl {
float: left;
}
.roundtr,.roundbr {
float: right;
}
.roundtr {
background-position: right top;
}
.roundbr {
background-position: right bottom;
}
.roundbl {
background-position: left bottom;
}

/* footer */
.footer {
color: #666;
border-top: 1px solid #EEE;
font: normal 1em Verdana,sans-serif;
margin: 0 3%;
padding: 8px 6px;
float:left;
}
.footer_2{
color: #666;
border-top: 1px solid #EEE;
font: normal 1em Verdana,sans-serif;
margin: 0 3%;
padding: 8px 6px;
position: absolute;
bottom: 10px;
left:30px;
}