/***
* Layout fluido 3 colonne by Simone - www.simonewebdesign.it
* Creation date: 19/06/2011
* Version: 1.3.0-globallongju
* Last modified: 25/11/2011 11:43
*
**********************************/

/* @rules */
/*
@charset 'UTF-8'; */
@import url('reset.css');
@import url('layout.css');
@import url('menu.css');
@import url('scrollup.css');
@import url('social.css');
@import url('statistics.css');
@import url('news_small_list.css');
@import url('login.css');
@import url('footer.css');
@font-face {
    font-family: 'RuachLETPlain';
    src: url('../font/RuachLETPlain/RuachLETPlain-webfont.eot');
    src: url('../font/RuachLETPlain/RuachLETPlain-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/RuachLETPlain/RuachLETPlain-webfont.woff') format('woff'),
         url('../font/RuachLETPlain/RuachLETPlain-webfont.ttf') format('truetype'),
         url('../font/RuachLETPlain/RuachLETPlain-webfont.svg#RuachLETPlain') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

/* Main tags */
body {
	margin: 0 20px 20px 20px;
	background-color: #000000;
	background-image: url('../img/body-bg.jpg');
	background-attachment: fixed;	
	background-position: right bottom;
	background-repeat: no-repeat;
	
	color: #FFF;
	font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;
	font-size: 12px; /* prova Tahoma 11px */
	text-shadow: 0 1px 1px #222;
}

h1,h2,h3,h4,h5,h6 {
	text-shadow: 1px 1px 2px #000;
	text-align: center;
	word-wrap: normal;
}
h1,h2,h4 {
	font-family: 'RuachLETPlain';
}
h1 {
	font-size: 350%;
	margin: 20px auto;
}
h2,h4 { 
	font-size: 300%;
	margin: 15px auto;
}
h3 {
	font-family: Arial, Verdana;
	font-size: 16px;
	margin: 15px auto;
	font-weight: bold;
	text-shadow: 0 1px 1px #000;
}
h4 {
	text-align:left;
	margin-left:15px;
}

h1:hover {
	text-shadow: 3px 3px 0 #600,
				  -2px -2px 0 #830;
}
h2:hover, h3:hover {
	text-shadow: 2px 2px 0 #600000,
				  -1px -1px 0 #630;	
}
h1:hover,h2:hover,h3:hover { color: #F2E69F; /* beige */	}

a { text-decoration:none; }
a:link /* normal link (unvisited) */ {
	color: #F2E69F; /* beige */
}
a:visited /* visited link */ {
	color: #F2E69F; /* beige */
}
a:hover /* mouse over link */ {
	/* text-decoration: underline; */
	color: #9F1c27; /* red */
}  
a:active /* selected link */ {
	color: #FFF;
}

p {
	margin:15px;
	line-height:150%;
}

hr {
	width:50%;
	margin: 20px auto;
}

button {
	background-color:#333;
	font-size:18px;
	border-radius: 6px;
	cursor:pointer;
	color:white;
}
button:hover {
	background-color:#000;
}

textarea,
input,
button {
	border-top:1px solid #444;
	border:1px solid #666;
	border-bottom:1px solid #999;
}


input, button {
	margin-bottom:10px;	
}

textarea,
input {
	background-color:#222;
	color:#ddd;	
	border-radius: 6px;
	box-shadow: 0 8px 5px #444 inset;
	/*color: white;*/
}
textarea:focus,
input:focus {
	color:white;
	box-shadow: 0 0 5px #F00;
}


fieldset {
	border: 1px solid white;
	border-radius:6px;
	padding:0 20px;
}

fieldset > legend {
	margin-left:30px;
	padding:10px;
	font-family: Arial, Verdana;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
	text-shadow: 0 1px 1px #000;
}
fieldset > legend:hover {
	text-shadow: 2px 2px 0 #600000,
				  -1px -1px 0 #630;	
}

form {}
form label {}

b, strong {font-weight:bold}
em {font-style:italic}

abbr {
	border-bottom: 1px dotted #888;
}


/* Classes */

/*
.user_area {
	display:block;
	text-align:center;
	margin-top:5px;
	margin-bottom:10px;
}
*/

.grey-gradient {
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(85,85,85,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(85,85,85,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(85,85,85,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(85,85,85,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(85,85,85,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#555555',GradientType=1 ); /* IE6-9 */
	background: linear-gradient(left, rgba(0,0,0,0) 0%,rgba(85,85,85,1) 100%); /* W3C */
	border-radius: 6px;
}

.announcement { /* ex redalert */
	background-color:#611;
	border-radius:12px;
	width:80%;
	margin:20px auto 30px auto;
	box-shadow: 0 5px 3px black;
	padding: 5px;
}
.announcement-signature {
	font-style:italic;
	color:#aaa;
	text-align:right;
}

.attenzione:before {
	color:red;
	font-weight:bold;
	content:'Attenzione: ';
	text-shadow: 1px 1px 0 #333;
}
.attenzione {
	width:80%;
	margin-left: auto;
	margin-right: auto;
}

.messaggio:before {
	color:#C0F; /*purple*/
	font-weight:bold;
	content:'Messaggio: ';
	text-shadow: 1px 1px 0 #333;
}
.messaggio {
	width:80%;
	margin-left: auto;
	margin-right: auto;
}

.reserved_area_link {
	display:block;
	margin-top:5px;
	margin-bottom:20px;
}

.reserved_area_link,
.login_error {
	text-align:center;
}

.yang,
.login_error {
	color:yellow;
}

.errorlist {
	list-style: disc inside none;
	margin-left:15px;
}

.scrollTop { /* Torna su */
	margin:0 !important;
	float:right;
	opacity:.6;
}
.scrolltop:hover {opacity:1}
.scrollTop:after { display:block; content:''; clear:right; }

.gray-link{
	display:inline-block;
	margin:0 10px 15px 0;
	text-align:right;
	color:#aaa;
}
.gray-link:hover {
	color:#ddd;
	text-decoration:none;
}

form.table-form {
	margin:10px auto;
	border-spacing:20px 10px; /* left-right, up-down */
	display:table;
	width:100%;
}

	form.table-form fieldset {
	}

		form.table-form fieldset legend {
			font-weight:bold;
		}
	
		form.table-form p {
			display:table-row;
		}

			form.table-form p label,
			form.table-form p input,
			form.table-form p textarea
			{
				display:table-cell;		
			}

			form.table-form p label {
			}
			
			form.table-form p input,
			form.table-form p textarea {
				background-color:#eee;
				border:1px solid white;
				-webkit-box-shadow:inset 1px 2px 1px #bbb;
				-moz-box-shadow:inset 1px 2px 1px #bbb;		
				-ms-box-shadow:inset 1px 2px 1px #bbb;		
				-0-box-shadow:inset 1px 2px 1px #bbb;		
				box-shadow:inset 1px 2px 1px #bbb;						
			}

			form.table-form p input:focus,
			form.table-form p textarea:focus
			{
				background-color:white;
				color:black;
				border:1px solid #0f0;					
				-webkit-box-shadow:0 0 6px #0f0;
				-moz-box-shadow:0 0 6px #0f0;
				-ms-box-shadow:0 0 6px #0f0;
				-o-box-shadow:0 0 6px #0f0;
				box-shadow:0 0 6px #0f0;		
			}
	
	form.table-form button[name^="submit"] {
		float:right;
		margin-right:120px;
	}

.progressBar {
	padding:1px 0 0 0 !important;
	border:none !important;
}	
	
/* Special Rules */

*::-moz-selection {
    background: none repeat scroll 0 0 black;
    color: white;
    text-shadow: -1px 1px #6AD2F0;
}