@charset "utf-8";
/* CSS Document */

*, html{
margin: 0;
padding: 0;
font-family: "Arial Narrow", Verdana, Arial;
}

body{
background-color: #cccccc;
}

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

img{
	border: none;
}

h1{
margin-bottom: 10px;
}
/******** WRAPPER ********/
#wrapper{
background: url(../img/alto_nero.jpg) #ffffff repeat-x;
text-align: left;
}

#wrapper_table{
text-align: left;
margin-top:0;
padding-top: 225px;
}


/******** HEADER ********/
#wrapping{
	text-align: left;
	background: url(../img/backW.jpg) no-repeat;
}

#wrapping_table{
	background: url(../img/back_table.jpg) #ffffff no-repeat;
	text-align: left;
	padding: 0px;
}

#header{
	text-align: left;
	width: 900px;
	}

/******** LOGO ********/
#logo{
margin: 0;
padding: 0;
width: 604px;
}

#logo_table{
margin: 0;
padding: 0;
float: left;
width: 223px;
}

#cespro{
float: right;
margin: 0;
margin-top: 220px; 
padding: 0;
width: 120px;
}

/******** MENU ********/
#menu{
background: url(../img/barra_menu.png);
height: 2em;
overflow: hidden;
font-variant:small-caps;
font-weight: bold;
font-size: 1.5em;
padding-left: 3em;
text-align: left;
}

ul.hMenu{		
	padding-top: 0.5em;
}

.hMenu li{
	list-style-type: none;
	display: inline;
	margin-right: 1em;
}

ul.hMenu{
	color: #369;	
}

ul.hMenu li a:hover{
	color: #fffe2e;
	text-decoration: underline;
}

ul.hMenu li a:active{	
	color: #fffe2e;
	text-decoration: underline;
}

.hMenu a{
	color: #FFFFFF;
	text-decoration: none;
}

a.current{
	color: #fffe2e;	
	text-decoration: underline;
	cursor: default;
}

.hMenu a.langs{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 0.7em;
}

.hMenu a.langs_current{
	color: #fffe2e;	
	text-decoration: underline;
	font-size: 0.7em;
	cursor: default;
}


/******** CONTENT ********/
#container{		
	background-color: #ccc;
	text-align:center;
	}

#content{
	background:#fff;
	margin:0 auto;
	text-align:left;
	width:80%;
	padding: 20px;
	color: #000000;	
	width: 80%;
	border: 1px solid #878787;
}

#content_table{
	margin:0 auto;
	text-align:left;
	width:90%;
	padding: 0px;	
	padding-bottom: 20px;
	color: #000000;	
	background: none;		
}


#top 
{
	margin:0 auto;
	background: url(../img/top2.png) repeat-x;
	/*display:block;*/
	height:10px;
	/*margin: auto;*/
	width:80%;
}

#bottom
{
	display:block;
	background: url(../img/bottom2.png) repeat-x;
	height:10px;
	margin:0 auto;
	width:80%;
}

#nleftCol{
	float: left; 
	text-align: center;
	width: 89%; /* poiché questo elemento è mobile, occorre specificare una larghezza */
	/*background: #EBEBEB; /* il colore di sfondo verrà visualizzato per tutta la lunghezza del contenuto all'interno della colonna, ma non oltre */
	padding: 15px 0; /* un padding superiore e inferiore creano uno spazio visivo all'interno di questo div */
	font-size: 1.3em;
}
	
#nrightCol{
	float: left;
	text-align: center;
	width: 1%;
	padding: 0 0;
	height: 500px;
	font-size: 1.3em;
}

#leftCol{
	float: left; 
	text-align: center;
	width: 45%; /* poiché questo elemento è mobile, occorre specificare una larghezza */
	/*background: #EBEBEB; /* il colore di sfondo verrà visualizzato per tutta la lunghezza del contenuto all'interno della colonna, ma non oltre */
	padding: 15px 0; /* un padding superiore e inferiore creano uno spazio visivo all'interno di questo div */
	font-size: 1.3em;
}
	
#rightCol{
	float: left;
	text-align: center;
	width: 45%;		
	padding: 15px 0;
	height: 500px;
	font-size: 1.3em;
}

#inrcollist
{
	background-color: #FFFFFF;
	text-align: left;
	margin-top: 20px;
	padding: 0;
	padding-right: 20px;
	padding-top:5px;
	border: 3px solid #CCCCCC;
	height:450px;
	overflow: auto;
}

#dvtable{
	background-color: #FFFFFF;
}

#timemode{
	font-size: 0.8em;
	}

#pengo_loader
{
	position:absolute;
	top:600px;
	/*left:512px;*/
	left: 50%;
	text-align:center;
}

#rightCol p, #leftCol p{
	margin-left: 10px; /* è necessario applicare un margine sinistro e destro a ogni elemento che verrà inserito nelle colonne laterali */
	margin-right: 10px;
}

.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#icons{
	margin-left: 45px;
	}
	
label{
display: block;
}

form{
	margin-left: 20px;
	}

.tavolo_giocatori{
	text-align: center;
	}

.button{
	margin-top: 10px;	
	}

#close_btn{
	margin-right: 10px; 
	float:right;
	width: 77px;
}
	
#imgRight{
float: right;
margin: 10px;
}

#imgLeft{
float: left;
margin: 10px;
}
	
.imageLink{
	width: 150px;
	margin-right: 5px; 
}	

.creditGOS{
	margin-bottom: 8px;
}

.realizzazione{
	list-style-type: none;
	margin-left: 10px;
}

.autori{
	list-style-type: none;
	margin-left: 20px;
}
	
/******** FOOTER ********/
#footer{
background-color: #ccc;
text-align: center;
color: #1172a9;
padding: 15px;
}

#footer_table{
text-align: center;
color: #1172a9;
padding: 23px;
}

.lcTitle{
	margin-bottom: 5px;
}

#playmode{
	font-size: 1em;
}