?/*CSS stylesheet CEPIMA - www.casaedilepalermo.it  style & design: Diego Pardo*/
/*reset browser-set defaults margins & padding.*/
*{margin:0px; padding:0px;}
/* reset table style */
table, caption, tbody, tfoot, thead, tr, th, td, iframe,span { margin: 0px; padding: 0px; border: 0px; background: none; vertical-align:top;
}
:focus { border: none; outline:none; }
body {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	SCROLLBAR-FACE-COLOR: #CCC;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #CCC;
	SCROLLBAR-3DLIGHT-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: #ffffff;

}
h1, h2, h3, h4, h5, h6, p{ color:#333; line-height: normal;
}
a:link, a:visited{ color:#009999; text-decoration:underline;}
a:hover { color:#f90;}
img { border:none;}
.iframe-class { height: 930px; width:639px; display: block; margin-top: 10px; background:none;}
.container { padding: 0px; margin: 0px auto; width: 960px; background:url(../img/shadowbkg.png) top repeat-y;}
.wrapper { padding: 0px; margin: 0px auto; width: 940px; background:url(../img/bkg.jpg) repeat;}
.header {
	background: url(../img/bkg_header.jpg) repeat-x;
	height: 170px;
	width: 940px;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #069;
}
#logo { /*background: transparent url(../img/logo.png) bottom no-repeat;*/ height: 170px; width: 284px;}
#logo a{ width:100%; height:100%; display:block;}
#logo span{ display:none;}
#info { font-size: 12px; color: #009999; margin: 0px; padding: 10px 10px 0px 0px; text-align: right; list-style:none;}
#info a{ color:#009999; text-decoration:none;}
#info a:hover{ color:#f90;}
#Navbar { font-size: 12px; font-weight: bold; text-transform: uppercase; text-align: right; color: #009999; vertical-align:bottom; padding-bottom: 5px;}
#Navbar ul{ margin: 0px 0px 0px 40px; padding:0px;}
#Navbar li{ float: left; display: inline; padding: 0px; margin: 0px 0px 0px 15px; list-style:none;}
#Navbar li a{ text-decoration: none; color: #009999;}
#Navbar li a:hover { color:#f90; text-decoration:none;}
#Navbar img{ margin-left: 5px; vertical-align:text-top;}
#Navbar li ul{ display:block; margin: -18px 35px 0px 0px; padding: 0px;}
#Navbar li ul li{ list-style:none; display:block; float:none;}
#Featured{ width:940px; height: 265px; border-bottom: 1px solid #FFF; background:url(../img/Anniversario.jpg) no-repeat; font-size:10px; font-weight:bold;}
#Featured a{ color:#E60000; display:block; width: 200px; height:56px; text-transform:uppercase; text-align:center; text-decoration:none; background:url(../img/gallery.png) no-repeat;}
#Featured a:hover{ color:#F00; text-shadow: #FF0 0px 1px 5px;}
#sfoglia{margin: 205px 0px 0px 120px; line-height:40px; font-size:14px;}
.cepimanews{ font-size:16px; color:#E60000; display:block; width: 200px; height:39px; background:url(../img/button_05.png) top no-repeat; float:left; padding: 0px; margin: 10px 0px 0px 150px; line-height:40px;}
a.cepimanews:link { color:#F00006; text-transform:uppercase; text-align:center; text-decoration:none; font-weight: bold;}
a.cepimanews:hover{ color:#F00; text-shadow: #FF0 0px 1px 5px;}
#SubNav{ margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#SubNav ul{ list-style:none;}
#SubNav li{ float:left; display:inline;}
#SubNav a{
	font-size: 13px;
	font-weight:bold;
	text-transform:uppercase;
	color:#009999;
	text-decoration:none;
	text-align:center;
	display:block;
	height: 23px;
	padding: 10px 0px 0px 0px;
}
#SubNav a:hover{ color:#f90; text-decoration:none;}
#button1{ width: 103px; background:url(../img/button_01.png) no-repeat; margin-right: 5px;}
#button2 { width: 130px; background:url(../img/button_02.png) no-repeat; margin-right: 5px;}
#button3 { width: 150px; background:url(../img/button_03.png) no-repeat; margin:0px;}
/*homepage*/
.banner_box{ width:639px; height:80px; background:url(../img/banner_box.png) no-repeat center; text-align:center;
}
.banner_box img{ margin:10px auto;}
.orari { margin: 10px 0px 10px; padding: 0px; width:634px; border: 1px solid #099;}
.orari p{ padding: 5px 10px; font-size: 11px; font-weight:bold; text-transform: uppercase; text-align:center; color:#009999;}
.orari a{ font-size:12px; color:#009999; text-decoration:none;}
.orari a:hover {color:#f90;}
.newspanel{ width:639px; height: 400px; margin:11px 0px; background:url(../img/News_bottom.jpg) bottom left no-repeat;}
.newspanel h2{ height:37px; background:url(../img/News_top.jpg) top left no-repeat; padding: 10px 0px 0px 0px; margin: 0px; text-align:center; color:#009999; font-size: 16px; text-transform:uppercase;}
.news{ background:none; width: 585px; height:325px; margin: 0px auto; overflow:hidden;}
.data-news{ color:red; font-size:13px; font-weight:bold;}
.titolo-news{ color:#009999; font-size:13px; font-weight:bold;}
.dettaglio-news, dettagli-news a{ color:#333; font-size:13px; text-decoration:none;}
.dettaglio-news img{ vertical-align:text-bottom; margin-left: 5px;}
.extra{ width:639px; height:137px; padding: 0px; margin-top: 10px;}
#sportello_unico{ height:137px; width:369px; background:url(../img/Sportello_Unico_Previdenziale.jpg) no-repeat; float:left; margin-right:10px;}
#sportello_unico a{ width:100%; height:100%; display:block;}
#CNCE{ height:137px; width:259px; background:url(../img/CNCE.jpg) no-repeat; float:left;}
#CNCE a{ width:100%; height:100%; display:block;}
#SBC { height:137px; width:259px; background:url(../img/SBC.jpg) no-repeat; float:left;margin-left: 35px;margin-top: 20px;}
#SBC:img {  border:1px solid gray}

#SBC a{ width:100%; height:100%; display:block;}

/* end homepage */
.login{
	width:289px; /* = background-img-width */
	height: 208px;
	padding: 0px;
	margin-top: 10px;
	background:url(../img/login_2.jpg) bottom right no-repeat;
	float:right;
}
.loginnuovo{
	width:229px; /* = background-img-width */
	height: 208px;
	padding: 0px;
	margin-top: 10px;
	//background:url(../img/login_2.jpg) bottom right no-repeat;
	
	
}
.login h2{ height: 37px; font-size: 16px; text-transform:uppercase; text-align:center; color:#009999; padding: 10px 0px 0px 0px; margin: 0px; background:url(../img/login_1.jpg) top right no-repeat;
}
.login h3{font-size: 12px; text-transform:uppercase; text-align:left; color:#009999; padding: 0px 0px 0px 30px; margin-top: -10px;
}
.login ul{ padding: 3px 0px 0px 40px; margin: 0px;
}
.login ul li{
	list-style:none;
	color:#009999;
	font-size: 11px;
	font-weight:bold;
	text-transform:uppercase;
	display:block;
	padding: 0px;
	margin-bottom: 1px;
}
.loginnuovo h2{ height: 37px; font-size: 16px; text-transform:uppercase; text-align:center; color:#009999; padding: 10px 0px 0px 0px; margin: 0px; //background:url(../img/login_1.jpg) top right no-repeat;
}
.loginnuovo h3{font-size: 12px; text-transform:uppercase; text-align:left; color:#009999; padding: 0px 0px 0px 30px; margin-top: -10px;
}
.loginnuovo ul{ padding: 3px 0px 0px 40px; margin: 0px;
}
.loginnuovo ul li{
	list-style:none;
	color:#009999;
	font-size: 11px;
	font-weight:bold;
	text-transform:uppercase;
	display:block;
	padding: 0px;
	margin-bottom: 1px;
}
#Radio1_0, #Radio1_1, #Radio1_2, #Radio1_3, #Radio1_4, #Radio1_5 { height: 11px; width: 13px; margin: 0px 0px 0px;
}
.login ul li label {margin: 0px 0px 0px 10px; padding: 0px; 
}
.loginnuovo ul li label {margin: 0px 0px 0px 10px; padding: 0px; 
}
.accedi{
	display:inline;
	float:right;
	font-size: 10px;
	text-transform:uppercase;
	width:59px;
	height:23px;
	padding: 0px;
	margin:-1px 20px 0px 0px;
	border:none;
	color:#009999;
	background: url(../img/login_button.png) no-repeat;
	border:none;
}
.partners{
	width:289px; /* = background img width */
	height: 500px;
	padding: 0px;
	margin: 10px 0px 10px 0px;
	background:url(../img/partners_2.jpg) bottom right no-repeat;
	float:right;
}
.partners ul{ text-align:center; padding: 10px 10px 0px 10px; background:url(../img/partners_1.jpg) top right no-repeat; list-style: none; margin:0px;
}
.partners ul li{ padding: 5px 0px 0px 0px; margin: 0px;
}
.credits{
	height: 20px;
	padding-top:5px;
	background:url(../img/footer_bkg.png) repeat-x;
	border-top: 1px solid #999;
	border-bottom: 2px solid #333;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	font-size:10px;
	font-weight: bold;
	text-transform: uppercase;
	text-align:center;
	color:#014f5b;
}
.credits a{ text-decoration:none; color:#009999;
}
.credits:last-child:after {content:" - design: Diego Pardo";}
/*Extra styles*/
.panel_title{ color:#009999; font-size: 19px;
}
.panel_items{ font-size: 11px; color:#333;
}
.panel_items a{ font-size: 11px; color:#333; text-decoration:none;
}
.panel_items a:hover { color:#014f5b; word-spacing: 2px;
}
.panel_items img{ vertical-align:text-bottom;
}
.circolari-item { font-size:11px;
}
.circolari-item a{ color:#333; text-decoration:none;
}
.circolari-item a:hover{ color:#014f5b; font-weight:bold;
}
hr{ margin: 1px 0px; padding:0px; width: 639px;
}

#layerPopup {
	position: absolute;
	visibility: hidden;
	width: 462px;
	height: 500px;
	background-color: #fff;
	padding: 0px 0px 0px 0px;
	text-align:right;
	top:50%;
	left:30%;
	margin-top:-210px;
	margin-left:-231px;
	border:1px #000 solid;
	/* CSS3 */
	-moz-box-shadow: 5px 5px 8px #333;
	-webkit-box-shadow: 5px 5px 8px #333;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


#layerPopup a
{
	display:block;
	margin:0px;
	text-decoration: none;
}

#layerPopupCloseHeader
{
	background-color:#006474;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;

}

#layerPopupClose
{
	border: none;
}


#layerPopupContainer
{
	text-align:center;
	font-family:Times New Roman;
	font-size:large;
	clear:both;
}
#durc{ display:block; width:289px; height:39px; float:right; background:url(../img/button_04.png) no-repeat;text-align:center; line-height:40px; font-weight:bold; margin: 10px 0px 0px; padding: 0px;}
#durc a:link, #durc a:visited { text-transform:uppercase;color:#F00006;;text-decoration:none;}
#durc a:hover {color:#F00; text-shadow: #FF0 0px 1px 5px; text-decoration:none;}