@charset "UTF-8";


/* CSS Document   Georgia, serif*/

body {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	background: #000000;
	/*
	width:100%;
	height:100%;
	*/
}
p, ol, ul {
	line-height: 1.0;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.2;
}

ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}

ul li {
	padding: 2px 0px 5px 0px;
	border-top: 1px solid #DDDDDD  ;
}

ul li.first {
	background: none;
}

a {
	color: #666;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #CCC;
}

 
/* #top span, #top a span, span {
	display:none;
}*/

p {
	font-size: 14px;
}

h1 {
	font-size: 50px;
	font-weight:300;
	color:#777;
	display: block;
	margin: 0px;
	font-style: normal;
}


h2 {
	font-size: 44px;
	font-weight:normal;
	color:#666;
	display: block;
	margin: 1px 0px 0px 0px;
}

h3 {
	font-size: 26px;
	font-weight:normal;
	display: block;
	margin: 10px 0px 0px 0px;
	color: #666;
}

h4 {
	font-size: 18px;
	font-weight:normal;
	letter-spacing: 0px;
}

h5 {
	font-size: 18px;
	letter-spacing: 0px;
}

h6 {
	font-size: 15px;
	font-weight:normal;
	letter-spacing: 0px;
}





img { border: 0px; }

#page-body, .page-body2 {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}

#page {
	width: 100%;
	/*height: auto;*/
	margin: 0px auto;
	position: absolute;
    height: 100%; top: 0px; left: 0px; z-index: 2; 
}


#page-bg {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 100%;
	height: 100%; 
}



#panels {
	clear:both;
}



#ps_info {
	opacity:0.4;
	-moz-opacity: 0.4;
	filter:alpha(opacity=0.4);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);

	float: right;
	position: fixed;
	top: 0px;
	
	margin: 0px auto;
	z-index: 1;
	 
}



/* TOP BANNER  */
#top {
	height: 120px;
	margin: 0px auto;
	padding: 30px 0px 10px 0px;
	overflow: visible;
	position: relative;
}
#top_link {
	width: auto;
	float: left;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	height: auto;
	vertical-align: middle;
}
#top_link:hover {
	
	cursor: pointer;
}








/* BOOKMARK  fop:10px;*/
#bookmark {
	width: 180px;
	position:absolute;
	bottom:-36px;
	right:0px;
	margin: 0px auto;
	padding: 0px;
	overflow: visible;
}


#bookmark img {
	opacity:0.2;
	-moz-opacity: 0.2;
	filter:alpha(opacity=0.2);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
}







/* MENU  */
#menu {
	margin: 10px auto -3px auto;
	z-index: 999;
	overflow: visible;
	height: 30px;
	padding: 0px;
}

.menu_btn {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 0px
	line-height:1px;
}



#menu ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
	overflow: hidden;
}

#menu li {
	display: block;
	float: left;
	overflow:visible;
	font-size: 18px;
	padding: 0px;
	margin: 0px 30px 0px 0px;
	border: 0px;
	height: auto;
	font-weight: bold;
}

#menu a {
	padding:  2px 2px 4px 2px;
	margin: 0px;
	border: 0px;
	height: auto;
	overflow:visible;
	display: block;
	color: #666;
}

#menu a:hover, #menu .active a:hover  {
	color: #777;
	background-color: #282828;
}

#menu .active a, #menu .current , #menu .selested {
	color: #777;
	background-color: #282828;
}


.highlight {
	color: #333;
	background-color: #111;
	padding:0px;
	margin:0px;
}


/* ---  W I D T H S --- */
#top, #menu, #footer, .line1, .line2, .line3, .line4 {
	
	width: 710px;
}

.content {
	width: 720px;
}
/* --- --- --- --- --- */









/* CONTENT */
.content {
	margin: 0px auto;
	padding: 10px 0px 30px 0px;
	overflow: visible;
}


/* CONTENT IMG  */
.content img {
	
	margin: 0px 10px 10px 0px;
	overflow: visible;
	size: 80%;
}

.content p {
	margin: auto 5px 10px 5px;
}


.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
	margin: 0px 5px 10px 5px;

	/* color: #CCC;*/
}
	
.content h2 {
	margin: 20px 5px 10px 5px ;

	/* color: #CCC;*/
}


#info {


}







	
/* E X T R A   */


.clear{
	clear:both;
}



.nomargin{
	margin-right:0px;
}
nomargin{
	margin-right:0px;
}
div.nomargin{
	margin-right:0px;
}
.pic{
	float:left;
	margin:0px 15px 15px 0px;
	width:100px;
	height:100px;
}

.pic a{
	width:100px;
	height:100px;
	text-indent:-10px;
	display:block;
}




#clear{
	clear:both;
}





/* MEDIA  */

.media {
	width: auto;
	margin: 20px auto 0px auto;
	overflow: visible;
	height: auto;

}

.media p {
	margin: 0px;
	font-size: 12px;
	font-weight:normal;
	text-decoration:none;
	line-height:1.1;

}

.media h1 {
	font-size: 26px;
	font-weight:normal;
	display: block;
	margin: 8px 0px 8px 0px;
	padding:0px;
	color: #666;
}

.media h2 {
	font-size: 22px;
	font-weight:normal;
	display: block;
	margin:2px 0px 4px 0px;
	padding:0px;
	color: #666;
}

.media h3 {
	font-size: 18px;
	font-weight:normal;
	display: block;
	margin:8px 0px 4px 0px;
	padding:0px;
	color: #666;
}

.media img {
	width:206px;
	height:126px;
	margin: 0px;
	overflow: hidden;
	}


.media ul {
	border: none;
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: normal;
	display: inline-block;  /* Op, Saf, IE \*/

}

.media li {
	display: -moz-inline-box;  /* Moz */
	display: inline-block;  /* Op, Saf, IE \*/
	vertical-align: top;  /* IE Mac non capisce e a volte crea extra v space */
	
	padding: 10px;
	margin: 0px 5px 14px 4px; /* margin: 0px 5px 14px 5px; */
	
	
	width: 206px;
	/* height:180px;	*/

	
	border: #222 1px solid;
	background: #222;
	
	opacity:0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=0.7);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);

}

/*[if Gecko] .media li {margin: 0px 5px 14px 4px; }*/

.media li:hover {
	color: #666;
	background-color: #222;
	border: #222 1px solid;

}
.media a {
	color: #666;
	padding:  0px 0px 0px 0px;
	margin: 0px;
	border: 0px;
}

.media a:hover {
	color: #666;
	padding: 0px;
}

.media .active a {
	padding: 0px;
}









/* GALLERY  */

.gallery {
	width: auto;
	margin: 20px auto 0px auto;
	z-index: 1001;
	overflow: visible;
	height: auto;
}


.gallery img {
	margin: 0px;
	overflow: visible;
	size: 80%;
	}


.gallery ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: normal;
	overflow: hidden;
}

.gallery li {
	display: inline-block;
	float: left;
	overflow:visible;
	font-size: 14px;
	padding: 0px;
	margin: auto 5px 10px 5px;
	border: 0px;
	height: 80px;
	width: 80px;
	background: #222222;
	opacity:0.4;
	-moz-opacity: 0.4;
	filter:alpha(opacity=0.4);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
}

.gallery ul img {
	width:100%;	
}


.gallery a {
	padding:  0px 0px 0px 0px;
	margin: 0px;
	border: 0px;
	height: auto;
	overflow:visible;
	display: block;	
}

.gallery a:hover {
	padding: 0px;
}

.gallery .active a {
	padding: 0px;
}






/* FOOTER  */
#footer {
	clear:both;
	margin: 0px auto;
	padding: 0px 0px 10px 0px;
	overflow: visible;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
}



/* LINES & SPACES  */
.space1 {
	height:10px;
	font-size:10px;
	background: none;
	margin: 0px auto;
}

.space2 {
	height:20px;
	font-size:20px;
	background: none;
	margin: 0px auto;
}

.space3 {
	height:30px;
	font-size:30px;
	background: none;
	margin: 0px auto;
}
.line_c {
	height:1px;
	width:512px;
	font-size:1px;
	background: #282828;
	margin: 2px 0px;
}

.line1 {
	height:1px;
	font-size:1px;
	background: #282828;
	margin: 2px auto;
}

.line2 {
	height:2px;
	font-size:2px;
	background: #282828;
	margin: 2px auto;
}

.line3 {
	height:3px;
	font-size:3px;
	background: #282828;
	margin: 2px auto;
}

.line4 {
	height:3px;
	font-size:3px;
	background: #282828;
	margin: 0px auto;
}




/* CONTACT FORM  
#page-wrap {
	width: 600px;
	min-height: 200px;
	height: auto !important;
	height: 500px;
	font-family: Arial, Helvetica, sans-serif;

}

#contact-area {
	width: 600px;
	overflow: visible;
	padding: 10px 2px;
	margin: 25px 0px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
}
#contact-area input, #contact-area textarea {
	padding: 6px 3px;
	width: 477px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
	background: none;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}

#contact-area textarea {
	height: 120px;
	font-family: Arial, Helvetica, sans-serif;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #078ED3;
	font-family: Arial, Helvetica, sans-serif;
	
}

#contact-area input.submit-button,.submit-button {
	width: auto;
	float: right;
	overflow:visible;
	padding: 2px 8px;
	position: static;
	font-family: Arial, Helvetica, sans-serif;
}

#contact-area input.submit-button:hover, #contact-area input.submit-button:focus, .submit-button:hover  {
	float: right;
	overflow: visible;
	border: 1px solid #9C9EA0;
	cursor: pointer;
	background: #E2E2E2;
	font-family: Arial, Helvetica, sans-serif;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}


*/






#supersize {
    position: fixed;
    }

#supersize img {
    height:100%;
    position:absolute;
    width:100%;
    z-index:1;
    }