/* @override http://www.ascani.com/assets/css/main.css */

@import url('lib/reset.css');
@import url('lib/typography.css');
@import url('lib/forms.css');

/*----------------------------------
	GENERAL STYLES
	Stili per i tag
----------------------------------*/
body { margin: 0; padding: 0; background: #000 url(../images/sfondo.jpg); font-family:Arial, Helvetica, sans-serif;}

.innerWrapper	{ width: 900px; margin: 0 auto; position:relative; background:#808080; font-family:Arial, Helvetica, sans-serif; }
.innerSidebar	{ margin: 0 10px; }
.spanner		{ clear: both; }

div.hr hr,
div.hr2 hr2 { display: none; }

.hr{ width: auto; height: 5px;
background: url(../images/hr.jpg) repeat-x;
	
}
div.hr2 	{ height: 3px; border-bottom:1px dotted #ccc; margin-bottom: 10px; }

/*----------------------------------
	PAGE STRUCTURE
	Stili per gli elementi strutturali
----------------------------------*/
#wrapper 		{}
.contentWrapper	{  margin: 0 auto; top: 0; width: 970px; background:#1A1A1A; position:relative;}
#header	.contentWrapper-head	{top: 0; width: 970px; background:#1A1A1A; margin:0 auto; position:relative;}
#header			{ position: relative; top: 0; margin:0;}
#footer			{ width: 900px; height: 60px; padding-top: 18px; text-align: center; color: #fff; background:url(../images/sfondo-footer.jpg) no-repeat; margin: 0 auto; font-size: 11px;}

#mainColumn		{ width: 570px; float: left;  background:#1A1A1A; padding:20px; min-height:470px;}
#sidebar		{ width: 270px; float: right;  padding-top:20px; background:#808080;}

.content{width: 850px; margin: 0 auto; position:relative; background:#808080;}

.bottom{margin-bottom:10px;}
/*----------------------------------
	PAGE COMPONENTS
	Stili per gli elementi nelle pagine
----------------------------------*/
#logo {width:170px; height:65px; background:url(../images/logo.jpg) no-repeat center; padding: 14px 20px;}
#nav 	   { width:850px; clear:both; background:url(../images/sfondo-nav.jpg); height:30px;}
#nav ul    { margin: 0; padding: 0; margin-left:215px; height:40px; position:absolute; bottom:-7px; width:700px;}
#nav ul li { margin: 0; padding: 0; list-style-type: none; text-align:center; display: inline;}


#header .top{
	 background:url(../images/top.jpg) no-repeat; width: 900px; margin: 0 auto; height:140px;
}
#newsletter{background:url(../images/sfondo-login.jpg) no-repeat; height:50px; position:absolute; right:25px; width:395px; top:0;}
#newsletter p.join input.invia{ position: absolute; margin-top: -7px;
}

#newsletter p.join {color: #fff; font-size:11px; position: absolute; margin-top: 15px; width: 300px; padding-left: 15px;}
#newsletter p.join input {margin-left: 3px;font-size:11px;}
.foto{
float:left;
width:555px;
padding:5px;
height: 210px;}

.intro{
float:left;
width:275px;
padding:5px;
height: 210px;}

.intro-b{margin-top: 123px;
	margin-bottom:0;
height: 130px;}

.video{
font-size:11px;
background:url(../images/sfondo-home.jpg) no-repeat; height:270px; width:850px;}

.video ul{right:15px; margin-left:720px; list-style-type:none; height:44px;}
.video ul li{margin:0; padding:0;  postion:absolute; padding-top:27px;}

.video ul li a{color:#fff;}

.testo{
font-size:11px; padding-left:1px;}

.contenuto{
font-size:11px; width:850px; float:left; margin-top:10px; padding:0 10px;}

.prodotti{ width:253px; height:240px; float:left; margin-right:25px;}
.fotogallery{ width:253px; height:210px; float:left; background:url(../images/fotogallery.jpg) no-repeat; padding:31px 5px 5px 5px;}
.fotogallery .photo{
float:left;
width:243px;
height: 205px;}
.news{ width:278px; height:240px; float:left;  background:url(../images/eventi.jpg) no-repeat; padding:31px 5px 5px 5px; margin-left:10px;}

.news ul{
margin:0; 
padding:5px;}

.news ul li.new{ margin-top:5px;
list-style:inside;
list-style-image:url(../images/list-news.jpg); font-weight:bold;}

.news ul li.text{
margin-left:18px; list-style-type:none;}

.news .leggi{ margin: 10px 10px 10px 10px; list-style-type:none; background:url(../images/sfondo-leggi.jpg) no-repeat; font-weight:bold;}
.news .leggi ul li a:hover{ color:#FF9900; font-weight:bold;}

.news .leggi ul{list-style-type:none;}


.news-page{ }

.news-page ul{ float:left;
margin:0; 
padding:0;
border-bottom:1px dotted #fff; margin-bottom:15px;}

.news-page ul li.new{font-size: 1.2em; line-height: 1.25; margin-bottom: 0.4em; color: #fff;
list-style:inside;
list-style-image:url(../images/list-news-page.jpg); font-weight:bold;}

.news-page ul li.text{font-size: 1.2em; line-height: 1.25; margin-bottom: 0.4em; color: #fff;
 list-style-type:none; float:left; width:400px;}

.news-page ul li.image{ width:150px; font-size: 1.2em; line-height: 1.25; margin-bottom: 0.4em; color: #fff;
 list-style-type:none; float:left; margin: 0pt 10px 10px 0pt; }
 
/* My Comment */
/*----------------------------------
	OVERRIDES
	Stili per gli overrides
----------------------------------*/
#nav a 				    { font-family: Arial, sans-serif;color:#fff; padding:5px 10px 5px 10px; text-align:center; margin:0 1px; float: left;  white-space: nowrap; font-weight: normal; line-height:200%;}

#nav a:hover 			{ font-family: Arial, sans-serif;color:#fff; background-color:#808080; padding:5px 10px 5px 10px; margin:0 1px;float: left;}

#nav a.home 		{ margin:0 1px 0 0; width: 180px; white-space: nowrap;float: left; padding: 0; background: none;}
#nav a.home:hover 		{ margin:0 1px 0 0; float: left; padding: 0; background: none;}

#nav li.active { background:#808080; color: #fff; top:5px;
}
#nav li.active a {
float:left;
background:#808080; color: #fff;}


#sidebar h4 a{
	color: #FFF;
}



img, div, a, input { behavior: url(../js/iepngfix.htc); }

.ajax_gallery_page {
}

#gallery_dl {
margin:0;
padding:0;
width:100%;
margin-left:18px;
}


#gallery_dl dd.gallery_image {
background-color:#999999;
height:90px;
width:110px;
}



#gallery_dl dt, #gallery_dl dd {
float:left;
margin:0 20px 20px 0;

}

.al-eventi{
float:left;
width:200px;
margin-right:5px;
font-weight:bold;}

.al-eventi span{
font-weight:normal;}

.al-eventi2{
float:left;
width:160px;
margin-right:5px;
font-weight:bold;}

.al-eventi2 span{
font-weight:normal;}

.al-eventi3{
float:left;
width:187px;
margin-right:5px;
font-weight:bold;}

.al-eventi3 span{
font-weight:normal;}

h2.presentazione a{
display:block;
width:340px;
height:35px;
background:url(../images/presentazione.jpg) no-repeat;}

h2.presentazione a:hover{
background:url(../images/presentazione-h.jpg) no-repeat;}