/*********************** PROJECT BY GRAFFITI 2000 - G2K ***************/

/*********************** STILI PER IL BODY ****************************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	background-color: #ffffff;
	font-size: 0.7em;
}

a                       { text-decoration: none; outline: none; }
div.contentPage a       { text-decoration: underline; outline: none; color: #232323!important; }
div.contentPage a:hover { text-decoration: none; }

form        { margin: 0; padding: 0; }
fieldset    { margin: 0; padding: 0; border: 0; }

ul		{ margin: 0; padding: 0 0 0 16px; line-height: 19px; }
ul li	{ margin: 0; padding: 0; }
a img   { border: 0; }

div.wrapper { height: 0px; clear: both; }
div.clear   { height: 0px; width: 1px; clear: both; float: none!important; border: 0!important; background-color: Transparent!important; }

/*********************** STILI PER IL LAYOUT **************************/
div#layout {
	width: 950px;
	margin: 0 auto;
	background-image:url("/templates/valdisole/images/back-layout.png");
	background-repeat:repeat-y;
    }

div#container {
	width: 930px;
	background: url("/templates/valdisole/images/back-container.png") bottom repeat-x;
	margin: 0 auto;
    }

div#bottom {
	width: 950px;
	clear: both;
	height: 114px;
	background: url("/templates/valdisole/images/back-bottom-pngfix.png") no-repeat;
	margin: 0 auto;
    }

/*********************** STILI PER I CONTENUTI ************************/

div#content {
	width:695px;
	float:left;
	padding:0px;
	margin:0px;
    }

div#header {
	height:88px;
    }

div.logoCR {
	margin:11px 0px 0px 30px;
	height:33px;
	width:137px;
	cursor:pointer;
	float:left;
    }

div.logoCR img {
    border:none;
    margin:0px;
    }

/**** Navbar */

div.navbar {
	height: 27px;
	margin-left: 31px;
	width: 664px;
	border-left:1px solid #a9a8a8;
	padding:0px;
    }

div.button {
    width: 165px;
    height: 18px;
    background: url("/templates/valdisole/images/btnTabs.jpg");
    background-position: 0px 0px;
    background-repeat: repeat-x;
    float: left;
    text-align: center;
    padding: 7px 0px 0px 0px;
    border-top:1px solid #a9a8a8;
    border-bottom:1px solid #a9a8a8;
	border-right:1px solid #a9a8a8;
    }

div.button:hover {
    background-position:0px -25px;
    cursor:pointer;
    }

/**** TextArea */

div#textArea {
	padding: 0px 0px 0px 0px;
	margin: 20px 24px 0px 18px;
}	
div#textAreaPage {
	margin-left: 27px;
}
div.containerTabs {
	border: 1px solid #a2a7aa;
	margin-top: 1px;
}
div.containerTabsInterno {
    margin:1px 0px 0px 0px;
}
div#slidingDiv { 
	overflow: hidden;
	position: absolute;
	border: none;
	width: 664px;
	height: 351px;
	margin: 1px 0px 0px 31px;	
}
div#containerTabsInternoBig {
	display: none;
	border-left: 1px solid #a2a7aa;
	border-right: 1px solid #a2a7aa;
	border-bottom: 1px solid #a2a7aa;
	width: 662px;
	height: 340px;
	padding: 0px;
	margin: 0px;
	overflow:hidden;
}
div.containerTabsBig {
	width: 666px;
	height: 340px;
	padding: 0px;
	overflow:hidden;
}
div.containerTabsInternoText {
	width:630px;
	height:324px;
	padding:16px 16px 0px 16px;
	display:none;
}
div.containerTabsInternoText div.textContent { padding-right:240px; padding-left:0px; }

div.containerTabsText {
	width:634px;
	height:324px;
	padding:16px 16px 0px 16px;
	background-color:#ffffff;
	background-repeat:no-repeat;
	background-position:0px 0px;
}
	
div.containerTabsText p,
div.containerTabsInternoText p { line-height: 19px; }

div.containerTabsSection {
	height: 25px;
}

.btnSmall, .btnBig {
	float:left;
	height:19px;
	cursor:pointer;
	background-position:0px 1px;
	background-image:url("/templates/valdisole/images/btnTabs.jpg");
	background-repeat:repeat-x;
	background-color:#acadad;
	text-align:center;
	padding-top:6px;
}
.btnSmall:hover, .btnBig:hover {
	background-position:0px -24px;
}
.btnSmall						{ width:166px; border-right:1px solid #a8a9a9; }
.btnBig							{ width:165px; }

div.highlights {
	width: 668px;
	height: 127px;
	margin-top: 10px;
	padding:0px;
}
div.highlights div              { width: 214px; height: 140px; float: left; border: 1px solid #8b8b8b; margin-left: 10px; overflow: hidden;}
div.highlights div:first-child  { margin-left:0px; }
div.highlights div.video-box { margin: 0; border: none; }

/******* Content *******/
div.contentPage {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 16px;
}
		
/*********************** STILI PER L'AREA DEL MENU ****************************/
div#menu {
	padding:0px;
	margin:0px 24px 0px 0px;
	width:205px;
	float:right;
}

div.simpleTitle {
	margin-top:-1px;
	font-size: 0.9em;
	height: 16px;
	width:201px;
	text-align: center;
	padding: 7px 0px 0px 0px;
	color: #1e1e1e;
	background-color:#e5e5e5;
	border-top:1px solid #b1b1b1;
	border-left:1px solid #b1b1b1;
	border-right:1px solid #b1b1b1;
}
	
/* SEARCH BOX */
div.searchBox {
	margin-top: 20px;
}
.search {
	border: 0px;
	width: 140px;
	font-size:0.9em;
	color: #c1c1c1;
	padding-left: 5px;
	margin:3px 0px 0px 0px;
	float:left;
}
.searchdiv {
	padding: 0px 0px 2px 20px;
	height: 18px;
	width: 180px;
	border: 1px solid #e8e8e8;
	background:url("/templates/valdisole/images/search-lens.jpg") 5px 4px no-repeat;
}
.searchbutton {
	width: 25px;
	height: 15px;
	border: none;
	background: url("/templates/valdisole/images/search-button.jpg") 0px 0px no-repeat;
	cursor: pointer;
	padding: 0px;
	margin:3px 0px 0px 0px;
	float:right;
}

/* TABS NEWS e INBANK */
div.tabsBox, div.tabsBoxHome {
	width:203px;
	min-height:27px;
    margin-top:21px;
}

div.tabsHeader { height: 26px; }

div.tabsContent, div.tabsContentHome { 
	width:201px;
	overflow:hidden;
	height:210px;
	border-top:1px solid #b1b1b1;
	border-right:1px solid #b1b1b1;
	border-bottom:1px solid #b1b1b1;
	border-left:1px solid #b1b1b1;
	background-color:#f1f1f1;
	background-image:url("/templates/valdisole/images/back-news.png");
	background-repeat:repeat-x;
	background-position:left bottom;
}

div#tabOne, div#tabTwo {
	border-top:1px solid #b1b1b1;
	border-right:1px solid #b1b1b1; 
	padding:0px;
	cursor:pointer;
	position:absolute;
	text-align:center;
	font-size:1em;
	font-weight:bold;
	color:#767676;
	padding-top:4px;
}

div#tabOne img, div#tabTwo img  { margin-top:-3px; }

.tabsNewsOff	{ width:52px; height:17px; background:#d9d9d9 url("/templates/valdisole/images/btnTab.jpg") right 0px no-repeat;}
.tabsInbackOff	{ width:144px; height:17px; background:#d9d9d9 url("/templates/valdisole/images/btnTab.jpg") right 0px no-repeat; }
.tabsNewsOn		{ width:53px; height:21px; background-color:#f1f1f1; background-image:none; border-left:1px solid #b1b1b1; }
.tabsInbackOn	{ width:145px; height:21px; background-color:#f1f1f1; background-image:none; border-left:1px solid #b1b1b1; }

.tabsNewsOff	{ margin:4px 0px 0px 147px; }
.tabsInbackOff	{ margin:4px 0px 0px 3px; border-left:1px solid #adadad; }
.tabsNewsOn		{ margin:1px 0px 0px 148px; }
.tabsInbackOn	{ margin:1px 0px 0px 0px; }

div.singleTab   { display:none; }

div.textInbank {
    margin:7px 10px 0px 10px;
    color:#878787;
    line-height:18px;
    text-align:justify;
}

div.loginInbank {
    margin:30px 0px 0px 0px;
    text-align:center;
}

div.loginSimplybank {
    margin:40px 0px 0px 0px;
    text-align:center;
}

/********* NEWS *******/
div.newsBox {
	padding:0px;
	color:#9e9e9e;
	font-size:0.8em;
	height:162px;
	margin:15px 11px;
}
div.newsboxBlock p {
	margin: 6px 0px;
}
div.newsboxBlock {
	margin-bottom: 20px;
}
div.newsboxBlock a {
    color:#9f9f9f;
    text-decoration:none;
}
div.newsboxBlock a:hover {
    text-decoration:underline;
}
div.newsboxBlock div.newsDate {
	background: url("/templates/valdisole/images/news-date.gif") 0px 4px no-repeat;
	text-align: left;
	padding: 0px 0px 0px 8px;
	margin:0px;
	font-weight: bold;
}

div#newsNav {
    height:16px;
    overflow:hidden;
    text-align:center;
}
div#newsNav a {
    color:#343434;
    font-size:0.9em;
}
div#newsNav a:hover {
    font-weight:bold;
}

/* BOX MENU */

div.listBox {
	margin:0px 0px 0px 0px;
}

div.listVoice {
	width:203px;
	height:27px;
	overflow:hidden;
	padding:0px;
	margin:1px 0px 0px 0px;
}
		
div.listVoiceTitle {
    width:201px;
	font-size: 0.9em;
	height: 19px;
	cursor: pointer;
	text-align: center;
	padding:6px 0px 0px 0px;
	margin:0px 0px 1px 0px;
	color: #1e1e1e;
	border:1px solid #a9a8a8;
	background-position:0px 0px;
	background-image:url("/templates/valdisole/images/btnTabs.jpg");
	background-repeat:repeat-x;
}

div.listVoiceTitle a {
	color: #1e1e1e;
	display: block;
	text-align: center;
	width: 201px;
	height: 19px;
}

div.listVoiceTitle a:hover {
    text-decoration: underline;
}

div.listVoiceTitle:hover {
    background-position: 0px -25px;
    cursor: pointer;
}

div.listVoiceContent {
    background: #303030 url("/templates/valdisole/images/back-listmenu.png") 0px 0px no-repeat;
	font-size: 0.9em;
	text-align: left;
	color: #ffffff;
	width: 201px;
	overflow: hidden;
	border: 1px solid #a9a8a8;
	padding: 7px 0px 7px 0px;
	margin: 0px 0px 0px 0px;
}

div.listVoiceContent ul { margin:0px; padding:0px 0px 0px 14px; line-height:16px; }

div.listVoiceContent ul li { margin:0px; padding:0px; }

div.listVoiceText {
	margin: 0px 7px 3px 7px;
}

div.listVoiceText a { color:#FFFFFF; text-decoration: underline; }
div.listVoiceText a:hover { text-decoration: none; }	

div.listVoiceSubmenuLink {
	background: url("/templates/valdisole/images/opac.png");
	margin: 0px 5px 3px 5px;
	padding: 4px 3px 4px 3px;
	cursor: pointer;
}
div.listVoiceSubmenuLink:hover { background: url("/templates/valdisole/images/opac-hover.png"); cursor: pointer; }

div.listVoiceSubmenu {
	background: url("/templates/valdisole/images/opac-hover.png");
	margin: 0px 5px 3px 5px;
	padding: 4px 3px 4px 3px;
}

div.listVoiceSubmenu a { color:#FFFFFF; text-decoration: underline; }
div.listVoiceSubmenu a:hover { text-decoration: none; }	

/*********************** STILI PER IL FOOTER **************************/
div#footer {
	clear: both;
	padding: 30px 10px;
}
div.footerMenu {
	float: left;
	
}
div.footerIcon {
	float: right;
}
	
div#footer ul { margin: 0; padding: 0; }
div#footer ul li { list-style-type: none; display: inline; border-left: 1px solid #000; padding: 0 10px 0 12px;  }
div#footer ul li:first-child { border: 0; padding: 0 10px 0 12px;  }
div#footer ul li a { color: #333; }

/* VARIE */
h3.xmas, h3.easter, h3.summer {
    display: none;
}