/* Start of CMSMS style sheet 'RES01' */
/*CSS nuovo sito RES 2010 */

body{
	background: #506576;  
	text-align:center;
	font-family:"Segoe UI",Myriad,Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	color:#333;
	}

a{
	text-decoration:none;
}	

b, strong {font-weight:bold}

i, em{font-style:italic}

div#page{
	width:100%;
	height:100%;
	background: #506576 url(img/top_bkg_01.png) top repeat-x;
	text-align:left;
}

div#header{
	background: transparent url(img/top_testa_01.jpg) no-repeat;
	background-position: center top;
	width:100%;
	height:284px;
}

div#header-content{
	background:transparent;
	
	width:950px;
	height:100%;
	margin:0px auto;
}

div#header-logo{
	background:transparent;
	width:250px;
	height:197px;
	margin-left:0px;
	float:left;
}


div#header-banner{
	background:transparent;
	width:468px;
	height:197px;
	margin-left:27px;
	float:left;
}

div#header-button{
	background:transparent;
	width:200px;
	height:197px;
	margin-left:0px;
	float:left;
}

div#header-button ul{
	margin-top:50px;
}

div#header-button li a{
	font-weight:bold;
	color:#005396; /*blu scuro*/
	display:block;
	background: url(img/arrow_sx.png) right no-repeat;
	text-align:right;
	font-size:22px;
	padding:5px 35px 5px 0px;
	text-shadow: 4px 4px 6px #ffffff;
}

div#header-button li a:hover{
	background-color:rgba(255,204,0,0.5) !important;
	background-color:#fc0;
}

div#header-home{
	clear:left;
	background:transparent;
	width:180px;
	height:42px;
	margin-left:0px;
	float:left;
}

div#header-home a{
	margin:10px 10px 0 10px;
	font-weight:bold;
	color:#666; /*grigio*/
	display:block;
	background: url(img/home-icon.png) left no-repeat;
	font-size:14px;
	padding:10px 5px 5px 30px;
	text-shadow: 2px 2px 2px #fff;
	border-bottom:1px solid #ccc;
}

div#header-home a:hover{
	color:#c00;
}

div#header-menu{
	background:transparent;
	width:760px;
	height:42px;
	margin-left:0px;
	float:left;
}
div#sidebar-top{
	clear:left;
	background:transparent;
	width:170px;
	
	margin-left:0px;
	float:left;
	padding:20px 0 0 10px;
	color:#999;
	
}

div#header-breadcrumbs{
	background:transparent;
	width:760px;
	
	margin-left:0px;
	float:left;
	padding:10px 0 0 10px;
	color:#999;
	font-size:85%;
}

div#header-breadcrumbs a{
	color:#999;
}

div#header-breadcrumbs a:hover{
	color:#cc0000;
}

div#body-page{
	width:100%;
	background: #506576 url(img/bkg_corpo_01.png) top repeat-y;
	background-position: center;
	min-height:400px;
	overflow:auto;
}

div#body-content{
	background:transparent;
	width:950px;
	height:100%;
	margin:0px auto;
}

div#sidebar{
	float:left;
	width:160px;
	margin:0;
	text-align:left;
	padding:0 10px 0 10px;
	font-size:90%;
	
}
div#sidebar h2{
	border-top:1px solid #ccc;
	margin:10px 0 0 0;
	font-weight:bold;
	color:#005396;
}
div#sidebar a{
	color:#005396;
}
div#sidebar a:hover{
	color:#cc0000;

}

div#sidebar img.iconaevento{
width:32px; height:32px; float:left; margin-right:3px;
}


div#content{
	float:left;
	background:transparent;
	width:730px;
	margin:0 auto 40px;
	text-align:left;
	padding:0 20px 0 20px;
	height:100%;
	
}

div#content p {
	line-height:160%;
}

div#content h1{
	font-size: 32px;
	color:#cc0000;
	text-shadow: 2px 2px 3px #aaa;
	padding: 0 0 0 0px;
	margin:0 0 20px 0;
	border-bottom: 1px dotted #ccc; 
}

div#content h2{
	font-size: 24px;
	color:#388740;
	
	padding: 0 0 0 0px;
	margin:20px 0 10px 0;
	font-weight:bold;
}

div#content h3{
	font-size: 18px;
	color:#005396; /*blu scuro*/
	
margin-top:20px;
margin-bottom:4px;
	font-weight:bold;
}

h3.separazione{
background-color:#eee;
margin-left:-21px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding-left:21px;
}

div#content h4{
	font-size: 15px;
	color:#005396; /*blu scuro*/
	padding: 0 0 0 0px;
	margin:10px 0 0px 0;
	font-weight:bold;
}


div#content a{
	color:#005396; /*blu scuro
	border-bottom: 1px dotted #ddd;*/ 
}

div#content a:hover{
	color:#cc0000;
	/* border-bottom: 1px solid #999; */
}

div#content ul{
	margin:10px 0 10px 30px; 
	
}

div#content ul li{
	list-style: outside url(img/sferablu.png);
	margin:0 0 10px 0;
}


div#content img{margin:0;}
div#content img.right{float:right; margin-left:10px}
div#content img.left{float:left;margin-right:10px}

div#content img.iconaevento{
width:64px; height:64px; float:right; margin-left:3px; margin-top:-36px;
}

/*div.elencoevento{border:1px solid #ddd; padding:5px;margin-top:10px}*/

div.elencoevento{background: url(img/fondoeventi.png) top no-repeat;padding:5px;margin-top:10px}

div#content h2.evento{margin-top:0}

table.listalibri{
width:100%;
border-collapse:separate;
border-spacing: 0px 10px;
}


table.listalibri td.copertinalibro{
width:150px;
padding:10px;
border:1px solid #ccc;
border-right:none;
}

table.listalibri td.copertinalibro img{
border:1px solid #999;
padding:0px;

}
table.listalibri td.datilibro{
padding-top:10px;
border:1px solid #ccc;
border-left:none;
}

table.listalibri td.datilibro b{
font-size:140%;
}

a.bottonepdf{
display:block; 
padding:2px;
font-size:85%;
margin-top:4px;
text-align:right;
width:120px;
float:right;
cursor:pointer;
clear:right;
border:1px solid #fff;
}

a.bottonepdf:hover{border:1px solid #fc0;}

table.pagetable{width:100%}
table.pagetable th{background-color: #fc0}
table.pagetable td{padding:2px; border-top:1px solid #ccc;background-color: #dfe}
table.pagetable td img{border:none}

div#copy{font-size:9px; color:#999}

table.formlogin{width:200px%; background-color:#E6E7D3; border:1px solid #ccc}
table.formlogin td{padding:2px;}
table.formlogin td input{background-color:#C2C493; color:white; border:none}
table.formlogin td input.login{background-color:#978166; color:white; border:2px solid #fc0}

table.formbuilderform {border-collapse:separate}
table.formbuilderform tr{height:26px}


div.agenda{border:1px solid #cef; padding:6px; width:90%; background-color:#f6fcff}
div.agenda p.sessione {font-size:120%; font-weight:bold;margin: 0 0 0 0;color:#388740}
div.agenda p.ora1 {margin: 10px 0 0 0;color:#005396}
div.agenda p.relatore {padding-left:5px; margin:0 0 0 30px; border-left:2px dotted #cef}
div.agenda p.intervento {padding-left:5px; margin:10px 0 0 30px; font-weight:bold; border-left:2px dotted #cef;border-top:1px solid #cef }
div.agenda p.evento {padding-left:20px;margin: 10px 0 0 0;font-style:italic}

div.numeronewsletter{float:right; background-color:#B34726; color:white; padding:3px; margin-left:20px; font-size:80%}



div#footer{
	background: #506576 url(img/bkg_footer_01.png) top repeat-y;
	background-position: center;
	width:100%;
	height:100px;
	min-height:100px;
}

div#footer-content{
	background:transparent;
	width:950px;
	margin:0px auto;
	min-height:120px;
	text-align:left;

border-top:3px solid #005396;

}
div#footer-content p{
margin:10px;
font-size:80%;
}

div#footer-content a{
text-align:right;
float:right;
}


div#bottomfooter{
	background: #506576 url(img/bottom_footer_01.png) top no-repeat;
	background-position: center;
	width:100%;
	height:25px;
}

div#copy{
background-color: #506576;
text-align:center;
font-size:80%;
color:#999;
padding:10px;
}

div#copy a{
color:#8fadbf;
}

span.instructiontext{font-size:80%}
ul.picturelist {list-style:none;margin:0}
ul.picturelist li.thumb{display:inline;}


/* End of 'RES01' */

