@import url(reset.css);

html,body {background-color:#dc2155;}
body {color:#2b2d2d;font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;font-size:14px;line-height:23px;text-align:justify;}

/*div {border:1px solid #cc0000;}*/


/* ELEMENTI */


p {padding:5px 30px;}
ul.list-bullet-ball, ul.news-archive li ul {padding:5px 30px 5px 45px; list-style-type:circle;}
ul.list-bullet-ball li, ul.news-archive li li {padding:0 0 10px 0}

a {color:#770f2c;font-weight:bold;text-decoration:underline;}
a:hover {text-decoration:none;}

::selection { background:#dc2155; color:#fff;}
::-moz-selection { background:#dc2155; color:#fff;}
::-webkit-selection { background:#dc2155; color:#fff;}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	*zoom: 1;
}

/* CLASSI */

.left {float:left;}
.separa {background:url("img/separatore.gif") top no-repeat;height:17px;}
.bold {font-weight:bold;}
.red_color {color:#770f2c;}
.credits a{font:12px Arial;}
a.tip {border-bottom:1px dashed #c35b18;cursor:help;font-weight:normal;text-decoration:none;}



/*****************************************************************************************************************
WRAPPER * WRAPPER * WRAPPER * WRAPPER * WRAPPER * WRAPPER * WRAPPER * WRAPPER * WRAPPER * WRAPPER * WRAPPER * 
*****************************************************************************************************************/

#wrapper {background:url("img/bg_wrapper.png");margin:0 auto;width:980px;}
#container {margin:0 auto;width:950px;}

/*****************************************************************************************************************
HEADER * HEADER * HEADER * HEADER * HEADER * HEADER * HEADER * HEADER * HEADER * HEADER * HEADER * HEADER * 
*****************************************************************************************************************/

#header {margin:0 auto;}
#header h1{background:url("img/header.jpg");height:422px;text-indent:-9999px;width:951px;}
#header p{font-size:16px}

/*****************************************************************************************************************
CONTENT * CONTENT * CONTENT * CONTENT * CONTENT * CONTENT * CONTENT * CONTENT * CONTENT * CONTENT * CONTENT * 
*****************************************************************************************************************/

#content {padding:30px;}
h2 {
	font-size:16px;
}
h3 {
	font-size:14px;
	color:#770F2C;
}

/*****************************************************************************************************************
SLIDER * SLIDER * SLIDER * SLIDER * SLIDER * SLIDER * SLIDER * SLIDER * SLIDER * SLIDER * SLIDER * SLIDER * 
*****************************************************************************************************************/


#slider { margin: 0 auto;padding: 10px 0; position: relative; width: 951px; }
#slider p{	line-height:20px; }
#slider h2 { margin-bottom: 4px; padding:0 30px; }
#slider h3 { margin-bottom: 10px; }

.scroll {
    height: auto;
    width: 951px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;

}

.scrollContainer div.panel {
    height: auto;
    width: 951px;
}


ul.navigation {
    list-style: none;
    padding:  20px 0 35px 30px ;
}
ul.navigation li {
    display: block;
	float:left;
	font-size:12px;
	height:30px;	
	text-align:center;
	padding-left:4px;
	_padding-left: expression(this.previousSibling==null?'0px':'4px');
}
ul.navigation li:first-child {
	padding-left:0px;
}
ul.navigation a {
	/*background: url("img/tab_on.png") no-repeat top;*/
	background:#e3e3e3;
    color: #000;
    text-decoration: none;
	/*width:196px;*/
	width:174px;
	height:29px;
	padding: 6px 0 0 0;
	display: block;
	float:left;
	font-size:12px;	
	text-align:center;
	letter-spacing:-1px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
ul.navigation a:hover, ul.navigation a.selected {
	background:#efefef;
	/*background: url("img/tab_on.png") no-repeat bottom;	padding: 6px 0 0 0;*/
}
ul.navigation a.selected {
	/*background: url("img/tab_on.png") no-repeat bottom;	padding: 6px 0 0 0;*/
	cursor: default;
}
ul.navigation a:focus {
    outline: none;
}
ul.video-archive {
	/*margin-left:-30px;*/
	padding-left:5px;
}
ul.video-archive li {
	float:left;
	padding:0 25px 25px 25px;
	min-height:360px;
	_height:360px;
}
ul.video-archive li iframe {
	width:420px;
	height:345px;
}
ul.news-archive li {
	padding:20px 30px;
	border-top:1px solid #CCC;
	border-top-width: expression(this.previousSibling==null?'0px':'1px');
}
ul.news-archive li p {
	padding:0 0 8px 0;
}
ul.news-archive li:first-child {
	border-top:0px solid transparent;
}
.article-date {
	font-weight:bold;
	letter-spacing:-1px;
	color:#666;
}
.news-article-text {
	overflow:hidden;
}
.news-article-image {
	float:left;
	margin-right:20px;
}
ul.news-archive li li {
	border:0px solid transparent;	
}
a#get-more-news {
	display:block;
	margin:10px 30px 0 30px;
	height:45px;
	line-height:45px;
	text-align:center;
	background-color:#e3e3e3;
    color:#000;
	letter-spacing:-1px;
    text-decoration:none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
a#get-more-news:hover {
	text-decoration:none;
	background-color:#efefef;
}
.loading-more-news, a#get-more-news.loading-more-news {
	text-indent:-9999px;
	background-color:#efefef;
	background-image:url(img/preloader.gif);
	background-position:50% 50%;
	background-repeat:no-repeat;
	cursor:default;
}

/*****************************************************************************************************************
FOOTER * FOOTER * FOOTER * FOOTER * FOOTER * FOOTER * FOOTER * FOOTER * FOOTER * FOOTER * FOOTER * FOOTER * 
*****************************************************************************************************************/

#footer {background:#770f2c url("img/foto_footer.gif") no-repeat right bottom;color:#ffffff;;padding:30px 0 10px 0 ;width:952px;}
#footer h2 {float:left;font-size:30px;margin:0 0 0 30px;}
#footer p {font-size:16px;}
#footer a {color:#ffffff;font-weight:normal;text-decoration:underline;}
#footer a:hover {text-decoration:none;}

.video-home {
    float: left; 
    width: 300px;
    padding: 10px 0 0 30px;    
}

.text-home {
    float:right; 
    width: 620px;
}