body { background: #f8f8f8 url(../images/body_bg.png) top center repeat-y; }

.column-left { float: left; width: 640px; }
.column-right { float: left; width: 320px; }

a { color: #004cc4; text-decoration: none; }
a:hover { color: #222; text-decoration: underline; }

.sel_dynamic_block { height: 60px; background: #f2f2f2; border-bottom: 1px solid #ddd; }

.button { 
	display: block;	background: #f8f8f8; color: #b00; font-weight: bold; border: 1px solid #bbb;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px;	
	text-decoration: none!important;
}
.button:hover { background: #b00; color: #fff;  } 

.button_arch_1 { color: #666; padding: 5px 10px; }

/* ******************************************************************************************
 * Blocco superiore
 ******************************************************************************************** */

.sel_top_cont { position: relative; width: 960px; height: 120px; }

	.sel_top_bar 	{ width: 960px; height: 30px; background: #ED1C24 url(../images/topbarbg.png) top left repeat-x; }
	.sel_top_block 	{ width: 960px; height: 90px; }

	#spritely1 { background: #fff url(../images/bgtest2.png) center center; }
	#spritely2 { width: 960px; height: 90px; background: url(../images/bgtest.png) center center; }

	#sel_logo { position:absolute; top: 10px; left: 15px; width: 500px; height: 80px; }
	/*
	#sel_social { float: right; height: 80px; width: 400px; margin: 5px 5px 0 0;   }
	#sel_social a { display: block; float: left; padding: 15px; cursor: pointer;  }
	#sel_social a:hover { background: url(../images/socialbg.png) center center no-repeat; }
	*/
	
	#sel_social { float: right; height: 32px; width: 260px; margin: 30px 30px 0 0;   }
	#sel_social a { display: block; float: left; width: 32px; height: 32px; padding: 0px; margin-left: 20px; cursor: pointer;  }
	#sel_social a:hover { /* background: url(../images/socialbg.png) center center no-repeat; */ }

	.tooltip {
		font-size:12px; padding: 5px 10px; font-weight: bold;
		color: #fff; background: url(../images/tooltip_bg_2.png);
		-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -khtml-border-radius: 8px;	
	}


/* ******************************************************************************************
 * Top menu
  ******************************************************************************************** */

.sel_top_menu 	{  
	float:left; width: 960px; height: 42px; background: #ececec url(../images/topmenubg.png) top left repeat-x; 
	border-top: 1px solid #ccc; border-bottom: 1px solid #bbb;
}

	.sel_top_menu #jsddm { float: left; position: relative; height: 42px; list-style: none; }
	#jsddm > li {	float: left; height: 42px; margin: 0px 0px 0px 0px; border-right: 1px solid #ccc; }
	/* #jsddm > li:first-child { border: none; margin-left: 0px; } */
	#jsddm > li > a, 
	#jsddm > li > span {	
		display: block; height: 42px; line-height: 42px; padding: 0 10px; 
		color: #888; text-decoration: none; font-weight: bold; font-size: 13px;  
		cursor: pointer;
	}
	#jsddm > li > a:hover, 
	#jsddm > li > span:hover,
	#jsddm li a.checked { background: #eee; color: #555; }

	#jsddm li ul {	
		padding: 15px 0 0 0; margin: -5px 0 0 15px;  position: absolute; visibility: hidden; z-index: 50000000; 
		list-style: none; background: url(../images/topmenu_subitem_bg_2.png) top left no-repeat;
	}
	#jsddm li ul li { margin: 0; padding: 0; border-top: 1px solid #333; }
	#jsddm li ul li a {	display: block; color: #fff; padding: 5px 15px; text-decoration: none; white-space: nowrap; font-weight: bold;   }
	#jsddm li ul li a:hover { background: #333; }
	


.sel_top_menu .sel_tesseramento  { float: right; height: 42px; width: 320px; text-align: center; }
/* .sel_top_menu .sel_tesseramento a { 
	float: left; width: 120px; height: 30px; line-height: 30px; margin: 6px 0 0 25px;
	text-decoration: none; font-size: 16px; text-align: center;
}
.sel_top_menu .sel_tesseramento a:hover {  }
*/

/*
.button_tesseramento2011 { 
	display: block; float: left; width: 159px; height: 42px; line-height: 42px; 
	border-left: 1px solid #ccc; text-decoration: none!important;
	color: #b00; font-weight: bold; font-size: 13px;  	
}
.button_tesseramento2011:hover { background: #eee; color: #d00;  } 

.button_sostienici { 
	display: block; float: left; width: 159px; height: 42px; line-height: 42px; 
	border-left: 1px solid #ccc;  text-decoration: none!important;
	color: #b00; font-weight: bold; font-size: 13px;  	
}
.button_sostienici:hover { background: #eee; color: #d00;  } 
*/

.button_tesseramento2011 { 
	display: block; float: left; width: 120px; height: 22px; line-height: 22px; margin: 10px 0 0 25px;
	background: #f8f8f8; color: #b00; font-weight: bold; border: 1px solid #bbb;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px;	
	text-decoration: none!important;	
}
.button_tesseramento2011:hover { background: #b00; color: #fff;  } 

.button_tesseramento2012 { 
	display: block; float: left; width: 120px; height: 22px; line-height: 22px; margin: 10px 0 0 25px;
	background: #f8f8f8; color: #b00; font-weight: bold; border: 1px solid #bbb;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px;	
	text-decoration: none!important;	
}
.button_tesseramento2012:hover { background: #b00; color: #fff;  } 

.button_sostienici { 
	display: block; float: left; width: 120px; height: 22px; line-height: 22px; margin: 10px 0 0 25px;
	background: #f8f8f8; color: #b00; font-weight: bold; border: 1px solid #bbb;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px;	
	text-decoration: none!important;	
}
.button_sostienici:hover { background: #b00; color: #fff;  } 


#button-newsletter { 
	display: block; width: 300px; height: 50px;
	background: url(../images/button-newsletter.png) 0px 0px; 
}
#button-newsletter:hover { background-position: 0px -50px }


/* ******************************************************************************************
 * Blocco vetrina
 ******************************************************************************************** */

.sel_vetrina 		{ float: left; width: 640px; height: 380px;  }
.sel_actionBlock 	{ float: left; width: 320px; height: 380px; border-bottom: 1px solid #ccc; }
.sel_actionBlock .top_block { width: 320px; height: 300px; background: #fff;  }
.sel_actionBlock .bottom_block {
	height: 80px; line-height: 80px; text-align: center;
	background: #f2f2f2 url(../images/scroll_bottom_bg.png) top left repeat-x; 
}

.dieciRighe { background: #eee!important; }
.dieciRighe .dieciRigheContent  { 
	float: left; width:275px; height:260px; padding: 40px 15px 0px 30px; line-height: 15px;
	background: url(../images/10righe-bg.png) center center no-repeat;
}
.dieciRighe .dieciRigheContent h1 { margin: 0; font-size: 14px; line-height: 20px; color: #333; }
.dieciRighe .dieciRigheContent p { margin: 0;  font-size: 12px; }
.dieciRighe .dieciRigheAutore { padding-top: 0px; font-size: 11px; font-style:italic; font-weight: bold; }
#scroll {
	position:relative;
	overflow:hidden;
	width:640px;
	height:380px;
	border-bottom: 1px solid #ccc;
}

	#tools {
		width:9999em;
		position:absolute;
		height:300px;
		overflow:hidden;
	}
	
		.tool {
			float:left;
			width:640px;
			height:300px;
			overflow:hidden;
		}
		
		.details {
			position: absolute; top: auto; bottom: 5px;
			width:600px; padding: 10px 15px; margin: 0 5px;
			font-size: 12px; color:#555;
			background: url(../images/details_bg.png); overflow:hidden;
			-moz-border-radius: 5px; -webkit-border-radius: 5px; 
			border-radius: 5px; -khtml-border-radius: 5px;	
		}
		
		.details h1 { margin: 0; font-size: 18px; color: #333; text-shadow: 1px 1px 2px #000; }
		.details h1 a { text-decoration: none; color: #fff; }
		.details h1 a:hover { text-decoration: underline; }

	#thumbs {
		position:absolute;
		width:640px; height:80px; top: 300px;
		background: #f2f2f2 url(../images/scroll_anim_bottom_bg.png) -555px 0 no-repeat;
	}
	
	.t { padding:0 !important; border:0 !important;   }
	
	.t a {
		display:block; float:left; width:150px; height:60px;
		background: #666; margin: 11px 0 0 8px; cursor:pointer;
		-moz-border-radius: 5px; -webkit-border-radius: 5px; 
		border-radius: 5px; -khtml-border-radius: 5px;	
		border: 0px solid #ddd!important;
	}
	.t a.active { cursor:default !important; border: 0px solid #888!important; }
	.navi {}

	#t0.active { background: #b00; }
	#t1.active { background: #b00; }
	#t2.active { background: #b00; }
	#t3.active { background: #b00; }











/* ******************************************************************************************
 * Fat footer
 ******************************************************************************************** */

.ffooter { background: #f8f8f8; margin-top: 30px; }
.ffooter-top { 
	height: 30px; line-height: 30px; padding: 0 20px; background: #f2f2f2; border-top: 1px solid #ddd;
	font-weight: bold; color: #666; font-size: 14px;
}
.ffooter-content {  padding: 0px; border-top: 1px solid #ddd; }

.ffooter-content .ffmenu { float: left; margin: 20px 0 0 30px; padding-left: 0px; border-left: 0px solid #eee; }
.ffooter-content .ffmenu:first-child { border: none; }
.ffooter-content .ffmenu h2 { color: #666; margin: 0 0 5px 0; padding: 2px 8px; font-size: 14px; }
.ffooter-content .ffmenu ul { margin: 0; padding: 0; list-style: none; }
.ffooter-content .ffmenu ul li { margin: 0 0 0 0px; }

.ffooter-content .ffmenu ul li a { 
	display: block; text-decoration: none; color: #666; padding: 2px 8px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px;
}
.ffooter-content .ffmenu ul li a:hover { background: #ddd; color: #111; }



.post-home-block { margin: 30px 50px 40px 20px; }
.post-home-block .post-date 	{  }
.post-home-block .post-title 	{ margin: 0 0 10px 0; padding: 0; line-height: 100%; color: #333; }

.post-home-block .post-title-search 	{ margin: 0 0 5px 0; padding: 0; font-size: 18px; line-height: 100%; color: #333; }

.post-home-block .post-title a,
.post-home-block .post-title-search a 			{ color: #333; text-decoration: none; }
.post-home-block .post-title a:hover,
.post-home-block .post-title-search a:hover 	{ color: #333; text-decoration: underline; }

.post-home-block .post-author 	{  }
.post-home-block .post-extra 	{ color: #666; margin: 0 0 10px 0; }
.post-home-block .post-content 	{  }
.post-home-block .post-text 	{ text-align: justify; }

.post-home-block .more-link { color: #b00; text-decoration: none; }
.post-home-block .more-link:hover { color: #b00; text-decoration: underline; }



/* Commenti */
.commentItem { border-bottom: 1px solid #ddd; margin: 10px 0 ; padding: 10px 0; color: #333; }
.comment-date { font-size: 12px; color: #666; font-style: italic; }
.comment-author { font-size: 18px; color: #666; font-weight: bold; }
.comment-text { margin-top: 10px; text-align: justify; }
img.avatar { border: 5px solid #f8f8f8; }

.comment-form-block { margin: 25px 0 0 15px; }
.comment-form-block .main-title { margin: 0 0 15px 0; font-size: 18px; color: #666; }

input#email, input#author { border: 2px solid #ddd; padding: 4px; }
#labauthor, #labemail, #labtext { color: #999; font-size: 12px; font-weight: bold;  }
.comment_textarea { 
	width: 530px; height: 180px; padding: 10px; border: 2px solid #ddd; 
	font-size: 14px; color: #555; resize: none; 
}
input#submit { padding: 5px 20px; border: 2px solid #ddd; margin-top: 5px; }




/* Navigation */
.navigation { padding: 5px 10px; height: 40px; margin: 0; background: url(../images/navigation_bg.png) top left repeat-x; /*border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;*/ clear: both; }
.navigation .alignleft { float: left; height: 30px; line-height: 30px; }
.navigation .alignright { float: right; height: 30px; line-height: 30px; }
.navigation .alignleft a, 
.navigation .alignright a {
	display: block; color: #666; background: transparent; padding: 0 20px;   text-decoration: none; font-weight: bold;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px;	
}
.navigation .alignleft a:hover,
.navigation .alignright a:hover { background: #ddd; }


/* Search form*/
#searchform { display: block;  height: 36px; margin: 15px 0 0 0; }
#searchform #s { 
	float: left; display: block; width: 180px; height: 36px; line-height: 36px; 
	padding: 0 10px; border: none;
	background: url(../images/search_text_bg.png) top left;
}
#searchform #searchsubmit { 
	float: left; display: block; width: 100px; height: 36px; line-height: 36px; padding: 0; 
	border: none; cursor: pointer;
} 


/* Sidebar */
.sb_scroll_block_title { 
	font-size: 14px; margin: 0 0 20px 0; padding: 3px 10px; color: #999; 
	background: #eee; border: 1px solid #ddd; border-top: none; text-align: right;
}
.sb_scroll_block_title a { color: #999; }
.sb_scroll_block { 
	position:relative; width: 298px; height: 198px; border: 1px solid #ddd; border-bottom: none; 
	margin: 10px 0 0  0; background: #eee; overflow: hidden;
}

.sb_scroll_block_scroller { position: absolute; width: 2000em; height: 198px; overflow: hidden; }
.sb_scroll_block_item { float: left; width: 300px; height: 198px; overflow: hidden; }

.sb_scroll_block_item_content { 
	float: left; width: 276px; height: 186px; background: #fff; border: 1px solid #ddd;
	margin: 10px 10px 0 10px; overflow: hidden; 
}
.sb_scroll_block_item_spacer { width: 236px; height: 146px; margin: 20px; overflow: hidden;  }

.sb_scroll_block_item h1 { 
	font-size: 18px; margin: 0 0 10px 0; line-height: 100%; color: #444; 
}
.sb_scroll_block_item h1 a { text-decoration: none; color: #444; }
.sb_scroll_block_item h1 a:hover { text-decoration: none; color: #b00; }

.sb_scroll_left_arrow { 
	position: absolute; width: 30px; height: 60px; top: 70px; left: -25px; right: auto; 
	background: url(../images/sb_arrow_left.png) top left no-repeat; cursor: pointer;
}
.sb_scroll_right_arrow { 
	position: absolute; width: 30px; height: 60px; top: 70px; left:auto; right: -25px; 
	background: url(../images/sb_arrow_right.png) top left no-repeat; cursor: pointer;
}









/* **************************************************
	SEZIONE CIRCOLI
************************************************** */
/*
		PAGINA CIRCOLI
*/

.circoli_box_top { height: 10px; background: url(circoli/circoli_box_top.png) top left no-repeat; }
.circoli_box_middle { background: url(circoli/circoli_box_middle.png) top left repeat-y; }
.circoli_box_bottom { height: 10px; background: url(circoli/circoli_box_bottom.png) top left no-repeat; }

a.circProvButton {
	float: left; font-size: 11px; 
	background: #f8f8f8; margin: 5px 5px 0 0; 
	padding: 2px 2px 2px 5px; text-decoration: none; color: #333;
	border: 1px solid #ccc;
}
a.circProvButton:hover { background: #777; color: #fff; border: 1px solid #666;  }
a.circProvButtonSel { background: #d00!important; color: #fff!important; border: 1px solid #b00!important;  }

a.circProvButton span { 
	margin-left: 6px; 
	background: #ddd; color: #555; 
	padding: 2px 4px 0px 4px; 
	font-size: 9px; font-weight: bold; 
}


a.circolo_item  { 
	display: block; float: left; width: 398px; font-size: 90%;
	background: #fcfcfc; padding: 5px 5px 0px 5px; border: 1px solid #ccc; border-top: none;
	text-decoration: none; color: #333; clear: both;
}
a.circolo_item:hover { text-decoration: none; background: #ff9; }

a.circolo_item span { float: right; background: #ddd; color: #666; font-weight: bold; font-size: 80%; padding: 2px 4px; }

.nocircolo {
	float: left; width: 408px; background: #fff; 
	text-align: center; padding: 10px 0;  font-weight: bold; 
	color: #555; margin-top: 10px ; border: 1px solid #ccc;  
	clear: both;	
}

.circSocilaBtn img.siBtn { border: 3px solid #fff; cursor: pointer; }
.circSocilaBtn img.siBtn:hover { border: 3px solid #999; }

.circSocilaBtn img.noBtn { border: 3px solid #fff; }

.circInternet a { color: #333; text-decoration: none; }
.circInternet a:hover { color: #b00; text-decoration: underline; }

#overlay {
	color:#333;
	height: 330px;
	font-size: 100%;
}
div.contentWrap {
	height: 321px;
	overflow-y: auto;
}
.apple_overlay {
	display:none;
	background-image:url(../circoli/white.png);
	width:420px;		
	padding:35px;
	font-size:11px;
}
.apple_overlay .close {
	background-image: url(../circoli/apple-close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:28px;
	width:28px;
}




/* ***************************
CFORMS
**************************** */
.cform fieldset { border: 1px solid #ccc; color: #666; padding: 20px; margin-top: 15px;}
.cform .cf-sb { text-align: right;}
.cf_info { color:#db1e26; font-weight: bold; }

.linklove { display: none;}
.cform {}
.cform .cf-ol { list-style: none;}
.cform .cf-ol li { padding: 5px 0;}
.cform .cf-ol li label { float: left; width: 120px; }
.cform .cf_hidden { display: none; }



/* ***************************
MANIFESTI
**************************** */
.mbx_cont_box { 
	position: relative; float: left; width: 150px; height: 215px; margin: 15px; border: 8px solid #eee; overflow: hidden; 
}
.mbx_cont_box:hover { border: 8px solid #999; }

.mbx_cont_box_desc { 
	position: absolute; width: 150px; height: 160px; top: auto; bottom: -160px; 
	background: url(../images/box_manifesti_desc_bg.png); 
}


/* **************************
ORGANISMI
************************** */
.oTitle { padding-bottom: 2px; border-bottom: 2px solid #ed1c24; margin: 30px 0 10px 0; line-height: 100%; font-size: 12px; clear: both; }
.oItem { float: left; width: 285px; margin: 5px 0;  }


.oItem .oName { color: #111; line-height: 100%; }
.oItem .oInc { color: #888; line-height: 120%; }
.oLeft img { float: right; width: 82px; height: 82px; }
.oLeft .oData { float: left; width: 190px; text-align: right; }

.oRight img { float: left; width: 82px; height: 82px; }
.oRight .oData { float: right; width: 190px; text-align: left; }

.oItem2 { float: left; width: 210px; margin: 5px 0;  }
.oLeft .oData2 { float: left; width: 120px; text-align: right; }
.oItem2 .oInc { color: #888; line-height: 120%; }
.oItem3 { float: right; width: 340px; margin: 5px 0; font-size: 12px; line-height: 110%;  }

.oItem4 { float: left; width: 285px; margin: 5px 0;  }
.oItem4 img { float: right; width: 82px; height: 82px; }
.oItem4 .oData { float: left; width: 190px; text-align: right; }
.oItem4 .oName { color: #111; line-height: 100%; }
.oItem4 .oInc { color: #888; line-height: 120%; }




.nienteecomesembra-sidebar { 
	position: relative; margin: 0 0 10px 0; height: 200px; 
	background: url(../images/bannerragazze-sidebar.png) center center no-repeat;
}

.nienteecomesembra-sidebar a { 
	display: block; position: absolute; width: 155px;  left: 130px;
	line-height: 100%; padding: 3px; font-size: 14px; text-align: center;
	font-weight: bold; color: #c6007b; background: #fff; font-weight: bold;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px;	

}
.nienteecomesembra-sidebar a:hover { color: #fff; background: #7c2163; text-decoration: none; }

.nienteecomesembra-sidebar a.manif-tipo  { top: 148px; }
.nienteecomesembra-sidebar a.manif-tipo:hover  {  }


.nienteecomesembra-sidebar a.manif-web  {  top: 173px;  }
.nienteecomesembra-sidebar a.manif-web:hover  {  }






.mayday-sidebar { 
	position: relative; margin: 0 0 10px 0; height: 200px; 
	background: url(../images/mayday/mayday-sidebar-bg.png) center center no-repeat;
}

.mayday-sidebar .manif-version { 
	position: absolute ; width: 300px; top: 110px; text-align: center; font-weight: bold;
	color: #333;   text-shadow: 1px 1px 1px #fff; font-size: 13px;
}
.mayday-sidebar a { 
	display: block; position: absolute; width: 120px; height: 61px; top: 130px; 
	text-align: right; line-height: 100%; padding: 5px 5px 0 0; font-size: 18px;
	font-weight: bold; color: #b00; text-shadow: 1px 1px 1px #000;
}
.mayday-sidebar a:hover { color: #fff; text-decoration: none; }

.mayday-sidebar a.manif-donna  {  left: 25px; background: url(../images/mayday/mayday-manif-donna-bg.png) 0px 0px no-repeat; }
.mayday-sidebar a.manif-donna:hover  { background-position: 0px -76px; }


.mayday-sidebar a.manif-uomo  {  left: 160px; background: url(../images/mayday/mayday-manif-uomo-bg.png) 0px 0px no-repeat; }
.mayday-sidebar a.manif-uomo:hover  { background-position: 0px -76px; }