/* CSS Document */
/*
Description: Theme for ilariofioravanti.it (jul 2007)
Version: 1.0
Author: Nicolo' Volpato |MC|
Author URI: http://www.gnvpartners.com
*/
/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/
/*   *:first-child+html body   hack for IE7 */

* {
	padding:0;
	margin:0;
	outline:0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { font-weight:normal; }

li, dd { margin-left:5%; }

.clear{ clear:both; height:0px; font-size:0px; line-height:0px; }

a img{ border:none; }

html{
	background:#F9F9F9 url(../img/bg_html.jpg) repeat-x left top;
}

body{
	background:transparent url(../img/bg_body.jpg) repeat-x left bottom;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#333;
	font-weight:normal;
}

#wrapper{
	width:100%;
	margin:0 auto;
	background:transparent url(../img/bg_wrapper.jpg) repeat-y center top;
}

#container{
	background:transparent url(../img/bg_container.jpg) no-repeat center top;
}

.inside{
	width:900px;
	margin:0 auto;
}

.sidebar{
	width:237px;
	width /**/:239px;
	float:left;	
	margin:2px 0 200px 0;
	margin /**/:0 0 200px 0;
	border-right:1px solid #FFF;
}
*:first-child+html body .sidebar { margin:2px 0 200px 0; }
html:first-child .sidebar { margin:2px 0 200px 0; }

.main{
	width:660px;
	margin:15px 0 20px 0;
	float:left;
}

.main_block{
	padding:0 15px 0 17px;
	padding /**/:0 15px 0 15px;
}

.news_block{
	width:207px;
	width /**/:220px;
	margin: 0 15px;
}

.news{
	border-top:1px solid #000;
	padding:5px 10px 10px 10px;
	width:87%;
}

.home{
	background:transparent url(../img/bg_news_block.jpg) no-repeat left top;
	padding-top:15px;
}


/* === H ========================================================================== */
h1, h1 a, h1 span, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a{
	font-family:"Century Gothic", Arial, Helvetica, Verdana, sans-serif;
	font-weight:normal;
}

h1, h1 a{
	font-size:18px;
	line-height:21px;
	color:#000;
	margin-bottom:10px;
}

h1 span{
	color:#5D9CBC;
	font-size:20px;
}

h2, h2 a{
	font-size:14px;
	color:#000;
	line-height:21px;
	text-transform:uppercase;
	text-decoration:underline;
}

h2 a:hover{
	color:#1272CB;
}

h3, h3 a{
	font-size:11px;
	color:#1272CB;
	line-height:21px;
	text-transform:uppercase;
	text-decoration:none;
}

h4{
	font-size:14px;
	color:#000;
	line-height:21px;
	text-transform:uppercase;
	text-decoration:none;
	margin-bottom:10px;
}

.bborder{
	border-bottom:1px solid #DDD;
	margin-bottom:20px;
	padding-bottom:10px;
}

.lowercase{
	text-transform:none;
}

.blue_bg, .grey_bg, .continua{
	padding:1px 30px 1px 0;
	color:#FFF;
	text-align:right;
	display:block;
	margin:0;
}

.grey_bg, .continua{
	background:#B9B9B9 url(../img/img_triangolo_grey.gif) no-repeat 96% center;
}

.blue_bg{
	background:#5D9CBC url(../img/img_triangolo_blu.gif) no-repeat 96% center;
}

.continua{
	width:30%;	
	float:right;
	margin-right:8px;
	margin-right /**/:15px;
}

.continua.left{
	width:30%;	
	float:left;
	text-align:left;
	padding:1px 0 1px 30px;
	background:#B9B9B9 url(../img/img_triangolo_grey_left.gif) no-repeat 4% center;
}

.gall{
	margin-left /**/:13px;
}

.blue_bg a, .grey_bg a, .continua a{
	color:#FFF;
}

p{
	text-align:justify;
	margin-bottom:20px;
}

p a{
	color:#1272CB;
	text-decoration:none;
}

p a:hover{
	color:#1272CB;
	text-decoration:underline;
}

blockquote{
	margin:0 0 20px 15px;
	padding:0 20px 0 15px;
	border-left:1px solid #1272CB;
	font-style:italic;
}

* html body blockquote{
	width:80%;
}

img.photo, p img{
	border:3px solid #B6B6B6;
	margin-bottom:20px;
} 

img.cover{
	float:left;
	border:3px solid #B6B6B6;
	margin:10px 20px 20px 0px;
}

/*-----------------------------------------------------------------------------------------------
	HEADER
-----------------------------------------------------------------------------------------------*/
#header{
	background:transparent url(../img/bg_header.jpg) no-repeat center top;
}

#header a.top_title{
	width:510px;
	height:80px;
	text-indent:-99999px;
	display:block;
	margin:0 0 0 200px;
}

#menu{
	margin-top:28px;
	padding:0 15px 0px 15px;
	height:21px;
	border-bottom:2px solid #000;
	overflow:hidden;
	background-color:#fdfdfd;
}

#menu ul li{
	display:block;
	float:left;
	list-style-type:none;
	margin:0 0 0 5px;
	color:#595959;
}

#menu ul li a, #menu ul li span{
	display:block;
	list-style-type:none;
	margin:0 7px 0 3px;
	font-family:"Century Gothic", Arial, Helvetica, Verdana, sans-serif;
	font-weight:normal;
	font-size:13px;
	font-size /**/:15px;
	color:#595959;
	text-transform:uppercase;
	padding-bottom:3px;
	text-decoration:none;
	float:left;
}

#menu ul li span{
	color:#BBB;
}

#menu ul li a:hover{
	color:#010101;
}

#menu ul li a.selected{
	color:#010101;
	border-bottom:2px solid #5eabcb;
}

#submenu{
	height:25px;
	height /**/:23px;
	width:785px; /* 900px - padding left e right */
	position:absolute;
	top:130px;
	background:transparent url(../img/bg_submenu.png) repeat;
	font-weight:bold;
	font-weight /**/:normal;
	padding:4px 15px 0 100px; /* la width (tot. 900px) cambia in base alla somma del padding  */
	color:#EBEE00;
	display:none;
	z-index:99999;
	overflow:hidden;
}

#um2{ margin-left: -10px; }
#um8{ margin-left: 180px; }
#um1{ margin-left: 110px; }
#um6{ margin-left: 415px; }

#submenu ul li{
	display:block;
	float:left;
	list-style-type:none;
	margin:3px;
}

#submenu ul li a{
	font-family:"Century Gothic", Arial, Helvetica, Verdana, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#EBEE00;
	text-transform:uppercase;
	text-decoration:none;
	margin-right:4px;
	float:left;
}

#submenu ul li a:hover, #submenu ul li a.selected, #submenu ul li.current_page_item a{
	border-bottom:1px solid #EBEE00;
}

#submenu ul li.current_page_item a:hover{
	border-bottom:none;
}

#head_picture{
	padding:0;
	border-bottom:2px solid #000;
	height:300px;
	margin-bottom:-2px;
	overflow:hidden;
	z-index:99997;
	background:#FFF url(../img/loader.gif) no-repeat center center;
}

#flash{
	position:absolute;
	top:131px;
	margin:0;
	padding:0;
	width:900px;
	height:300px;
	z-index:99998;
	visibility:visible;
	display:block;
}

/*-----------------------------------------------------------------------------------------------
	CONTENT
-----------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------
	Sidebar
--------------------------------------------------------*/
.sidebar h1{
	padding-left:10px;
}

.sidebar p{
	font-size:10px;
	line-height:12px;
	color:#000;
	margin-bottom:10px;
}

.sidebar a:hover p{
	color:#5D9CBC;
}

#side_menu{
	font-family:"Century Gothic", Arial, Helvetica, Verdana, sans-serif;
	font-weight:normal;
	font-size:12px;
	line-height:21px;
	background-color:#EBEBEB;
}

#side_menu a{
	text-decoration:none;
	display:block;
	border-bottom:1px solid #000;
}

#side_menu ul li{
	margin:0;
	padding:0;
}

#side_menu ul li a{
	background:#5D9CBC url(../img/img_tr_white_menu.gif) no-repeat 3% center;
	color:#fff;
	text-align:left;
	padding:0 0 0 25px;
	height:20px;
}

#side_menu ul li.selected a/*, #side_menu ul li a:hover*/{
	background:#5D9CBC url(../img/img_tr_menu_hover.gif) no-repeat 3% center;
	color:#FFF;
	text-align:left;
}

#side_menu ul li, #side_menu ul li ul li{
	list-style-image:none;
	list-style-type:none;
}

#side_menu ul li ul li{
	margin:0;
	padding:0 0 0 20px;
	border-bottom:1px solid #000;
}

#side_menu ul li ul li.selected{
	/*background-color:#B9B9B9;*/
}

#side_menu ul li ul li a, #side_menu ul li.selected ul li a{
	border-bottom:none;
	color:#999;
	background:none;
}

#side_menu ul li ul li.selected a{
	color:#000;
}

#side_menu ul li ul li a:hover, #side_menu ul li ul li a.selected, #side_menu ul li ul li.current_page_item a{
	color:#000;
	background-color:transparent;
	background-image:none;
}

#side_menu ul li ul li.current_page_item{
	background-color:#B9B9B9;
}

/*-------------------------------------------------------
	Main
--------------------------------------------------------*/
/* .main_block vedi linea 80 */

#no_flash{
	border-top:4px solid #000;
	border-bottom:4px solid #000;
	padding:1px 0 0 0;
	margin:40px 0 20px 0;
}

#no_flash a{
	display:block;
	float:right;
	width:330px;
	height:187px;
	margin:0;
	padding:0;
	overflow:hidden;
	border-bottom:1px solid #FFF;
}

#no_flash a img{
	height:187px;
	margin:0;
}

#no_flash a.left{
	float:left;
	width:329px;
	border-right:1px solid #FFF;
}

#gallery{
	margin:0 auto 15px auto;
	padding:11px 0px 4px 11px;
	padding /**/:11px 1px 4px 11px;
	background-color:#000;
	height:490px; 
	height /**/:494px;
	width:607px;
	width /**/:618px;
}

.gallery_item{	
	background-color:#e3e0da;
	background-repeat:no-repeat;
	background-position:center center;
	color:#d3cec5;
	font-size:55px;
	line-height:116px;
	display:block;
	text-align:center;
	text-decoration:none;
	height:116px;
	width:116px;
	float:left;
	margin:0 4px 6px 0;
	margin /**/:0 7px 7px 0;
}

.gallery_item span{
	display:block;
	background:none;
	background /**/: transparent url(../img/bg_span.png) repeat center center;
}

.gallery_item:hover{
	color:#000;
	background-color:#fff;
}	

.gallery_item:hover span{
	background:none;
}	


#search{
	height:65px;
	background-color:#F6F6F6;
	padding-left:20px;
}

#search h3{
	color:#8E8E8E;
	text-transform:none;
	padding:5px;
}

#search a, #search input.magn{
	float:left;
	padding:3px 5px;
	width:17px; 
	height:13px;
}

#search input#search-box{
	float:left;
	width:170px;
	height:12px;
	padding:2px 5px 4px 5px;
	background-color:#F3F0E9;
	border:1px solid #B6B6B6;
	font-size:10px;
	color:#333;
}

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

.next{
	margin-left:50px;
}

.main ul, main.ol{
	margin:0 0 20px 0;
}

.main ul li{
	margin:0 0 0 18px;
	padding:0 0 15px 5px;
	padding /**/:0 0 15px 2px;
	list-style-image:url(../img/img_tr_list.gif);
	list-style-position:outside;
}

*:first-child+html body .main ul li{
	padding:0 0 3px 5px;
}

.main ol li{
	margin:0 0 0 25px;
	margin /**/:0 0 0 20px;
	padding:0 0 3px 0;
}

*:first-child+html body .main ol li{
	margin:0 0 0 25px;
}

/*-----------------------------------------------------------------------------------------------
	FOOTER
-----------------------------------------------------------------------------------------------*/
#footer{
	margin:0 auto;
	background:transparent url(../img/bg_footer.jpg) no-repeat center bottom;
	height:279px;
	color:#676767;
	font-size:10px;
	text-align:center;
}

#footer .inside{
	padding-top:100px;
}

#footer .inside p{
	text-align:center;
	margin-top:10px;
}

#footer .inside a{
	color:#000;
	text-decoration:none;
}

#footer .inside a:hover{
	text-decoration:none;
	border-bottom:1px solid #fff;
}

#footer .inside span{
	color:#888;
}

/*-----------------------------------------------------------------------------------------------
	FORM CONTATTI
-----------------------------------------------------------------------------------------------*/
#f_contact input, #f_contact textarea, #f_contact select{
	border:1px solid #DDD;
	background-color:#F2F2F2;
	padding:5px;
	width:300px;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	margin:0 0 15px 0;
}

#f_contact textarea{
	width:95%;
	height:120px;
	overflow:auto;
}

#informativa{
	color:#999;
}

#f_contact #f_privacy{
	width:15px;
	margin:0 10px 1px 0;
}

#f_contact p.note{
	font-size:11px;
	margin:25px 0 20px 0;
	color:#999;
	width:95%;
}

#loadBar{
 margin:10px 0 10px 0;
}

.loading{
	padding:0;
	border:0;
	margin:0 10px 0 0;
}