﻿/*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 {
	/*background: #cacaca; */
	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;

}

#intervista {position:absolute; top:20%; left:7%; font-size:10px; font-weight:bold;
}

#intervista a{ color:#E60000; display:block; width: 180px; text-transform:uppercase; text-align:left; text-decoration:none; margin: 195px 0px 0px 108px; text-shadow: #666 1px 1px 5px;
}


#intervista a:hover{ color:#F00; text-shadow: #F00 1px 1px 5px;}

/* classe per le pagine di dettaglio */
.body-detail {
	background-color:transparent;
	text-align:justify;
	background-image: url('../Immagini/logo-fondino.png');
	background-position:center 100px;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

h1, h2, h3, h4, h5, h6, p{ color:#333; line-height: normal;
}
img { border:none;
}
.iframe-class { height: 545px; width:639px; display: block; margin-top: 10px; background:none; background-color:transparent;
}
.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: 120px; text-transform:uppercase; text-align:left; text-decoration:none; margin: 195px 0px 0px 208px; text-shadow: #666 1px 1px 5px;
}


#Featured a:hover{ color:#F00; text-shadow: #F00 1px 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.jpg) no-repeat; margin-right: 5px;
}
#button2 { width: 130px; background:url(../img/button_02.jpg) no-repeat; margin-right: 5px;
}
#button3 { width: 150px; background:url(../img/button_03.jpg) no-repeat; margin:0px;
}
/*homepage*/
.banner_box{ width:639px; height:67px; background:url(../img/banner_box.jpg) no-repeat center; text-align:center; padding-top:5px;
}
.orari { margin: 0px 0px 10px; padding: 0px; width:639px;
}
.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;
}
.newspanel{ width:639px; height: 263px; 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:195px; 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;
}
/* 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;
}
.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: 5px;
}
#Radio1_0, #Radio1_1, #Radio1_2, #Radio1_3, #Radio1_4 { height: 13px; width: 13px; margin: 0px 0px -1px;
}
.login 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:0px 20px;
	border:none;
	color:#009999;
	background: url(../img/login_button.png) no-repeat;
	border:none;
}
.partners{
	width:289px; /* = background img width */
	height: 370px;
	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; background:url(../img/partners_1.jpg) top right no-repeat; list-style: none;
}
.partners ul li{ padding: 10px 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;
}
/*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:10px;
}
.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;
}

/* last modified: 08/06/2010 - Davide Alfano */

#layerPopup {
	position: absolute;
	visibility: hidden;
	width: 462px;
	height: 500px;
	background-color: #fff;
	padding: 0px 0px 0px 0px;
	text-align:right;
	top:50%;
	left:50%;
	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;
}

	-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;
}
