/*
CSS Document
Design by Francesca Costaldi
http://www.haveacoffee.it
*/


body {
	margin: 0;
	padding: 0;
	background:#000 url(img/fondo.png) repeat-x top left;
	
	scrollbar-3dlight-color:#777;
scrollbar-arrow-color:#777;
scrollbar-base-color:#333;
scrollbar-darkshadow-color:#333;
scrollbar-face-color:#333;
scrollbar-highlight-color:#999;
scrollbar-shadow-color:#333
}

a:link, a:visited { color: #000; text-decoration: none; font-weight: normal; } 
a:active, a:hover { color: #000; text-decoration: none; }


/* Content */

#content {

margin:0 auto;
	width:960px;
	text-align:right;
	font: "Proletarsk", Arial, Helvetica, sans-serif;
background: url(img/img.png) no-repeat left;

}

#left{
float:left;
width:530px;
height:690px;

position:relative;
}

#right{
width:340px;
float:right;
postion:relative;

}




/* logo */

#logo {
float:right;
	width:423px;
	height:123px;
	padding:100px 0 0 0;
	margin:0;
	background:url(img/logo.png) no-repeat bottom right;
}

/* RedStripe */

#redstripe {
position:absolute;
top:3px;
right:0;
height:27px;
width:40%;
}

#redstripe p {
	font: 35px "Proletarsk", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:left;
	background-color:#FF0000;
	padding: 13px 0 5px 110px;
}

#contentright {
	margin-right:0px;
	padding-top:80px;
	padding:0;
	text-align:right;
	font: 1.7em "Proletarsk", Arial, Helvetica, sans-serif;
}


/* Testo */

#title {
	font: 1.0em "Proletarsk", Arial, Helvetica, sans-serif;
	color:#ccff33;
padding:20px 45px 0 0;
}

#list {
	
	font: 0.6em "Proletarsk", Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:1.3em;
}

#list ul {
text-align: right;
float:left;
list-style-type: none;
}

#list li {
	margin: 3px 0 3px 0;
	background-position: 100% .4em;
	background-image:url(img/tick.gif);
	background-repeat: no-repeat;
	background-position: 100% .4em;
	padding:8px 36px 8px 0;
}

#list li a, #list li a:visited{ 
color:#000000;
}

#list li a:hover{ 
color:#000000;
text-decoration:none;
border-bottom:1px dotted #555;
}

#list strong {
	color:#ffffff;
}

span.evidenziob{
	padding:0 10px 0 5px;
background-color:#ffffff;
border:2px solid #ffffff;
border-top:5px solid #ffffff;
}

span.evidenzior{
background-color:#ff0000;
	padding:0 5px 0 5px;
border:2px solid #ff0000;
border-top:5px solid #ff0000;
}


#teaser {
float:right;
	text-align:right;
	margin-right:50px;
	padding-top:5px;
	font: 0.55em "Proletarsk", Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:14px;
	line-height:1.6em;

	width:240px;
}

#twitter{
	text-align:center;
	border:0;
	padding:20px 0 0 0;
float:right;
margin:0 0 -10px 0;
}


/* Footer */

#footer{
	clear:both;
	float:left;
	display:block;
	margin-top:-50px;
	margin-left:0px;
	padding:0;
}

/* link */

#link {
	position:absolute;
	bottom:14px;
	right:99px;
	height: 148px;
}

#link a{
	display: block;
	width: 201px;
	padding: 105px 0 0 0;
	margin-right: 0px;
	outline: none;
}

#spacer{
	position:absolute;
	left:221px;
	top:208px;
	background: url(img/spacer.gif) no-repeat center top;
	border: 0;
	width:201px;
}

#link a.poplight{
	background: url(img/available.png) no-repeat center top;
	width:221px;
	margin:9 auto;
	height:40px;
}

/* Submit */

#submit{
	clear:both;
	float:right;
	margin-top:0px;
	margin-left:0px;
	margin-right:40px;
	border-top:5px solid #ccff33;
	height:25px;
	width:330px;
	
}


.contact_form form{
	margin: 0 0 0 0;
	padding: 5px 0 0 0 ;


}

.contact_form form label {
	float: left;	
	padding-top:3px;
	margin-left: 30px;
	font-size: 14px;
	font: 1.2em Helvetica, Arial, Helvetica, sans-serif sans-serif;
	color:#222;
	font-weight:100;
	margin-bottom:0px;
}

.contact_form form .input_field {
	float: left;
	width: 150px;
	color:#ffffff;
	border:0;
margin:0px 0 0 0;
padding:4px 0px 0 10px;
	text-align: right;
	background: transparent;
	font: 14px "Proletarsk", Arial, Helvetica, sans-serif;

}

.contact_form form .submit_btn {

padding: 0px 0 0 0px;
}



/* Copyright */

#copyright {
	clear:both;
	display:block;
	float:none;
	margin-bottom:0;
	padding-top:0px;
	height:24;
text-align:center;
	
}

#copyright ul{
	list-style:none;
		color:#fff;
		margin-left:0px
}

#copyright li{
	display:inline;
	color:#fff;
	padding:0 10px 0 10px;
}

#copyright li a, #copyright li a:visited {
	color:#fff;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	text-decoration:underline;
}

#copyright li a.active{
background-color:#fff;
font-weight:bold;
padding:2px 5px 2px 5px;
	text-decoration:none;
	color:#000000;
}

#copyright li a:hover{

	text-decoration:none;
}

#copyright p{
	text-align: center;
	font: 0.7em Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	padding:10px 0 0 0;
}



/* Popup */

#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #000;
	padding: 20px;
	border: 20px solid #fff;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align:center;
}

/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}

h2 {
	font: 0.7em "Proletarsk", Arial, Helvetica, sans-serif;
	color:#ff0000;
	text-align:center;
}

.btn_close{
position:absolute;
top:-20px;
right:-20px;
}

.clear{
clear:both;
}


.white{
	color:#FFFFFF;
}

.white a,.white a:visited{
	color:#FFFFFF;
}

.white a:hover{
text-decoration:underline;
}
/*inside*/

#header_inside{
position:relative;
width:960px;
height:30px;
background:url(img/logo_inside.png) top left no-repeat;
}

#home{
	position:absolute;
	top:0;
	left:0;
	width:300px;
	height:67px;
	background-image:url(img/sppacer.gif);
}

#content_inside{
width:700px;
margin:0 auto;
padding:0px 0 0 0;
}

#text
{
text-align:justify;
	width: 700px;
	z-index:9;
margin:0 auto;
padding-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:14px;
	line-height:20px;
}

#title_inside {
	font: 1.7em "Proletarsk", Arial, Helvetica, sans-serif;
	color:#ccff33;
padding:20px 45px 0 0;
}