/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */



/* a {color: #DB7093;} ...   color: #3CF;   */
a {
	}
/* a { 	background-image:url(http://newyorkmilano.com/sez_work/img/prev_a.png);	background-repeat:no-repeat;	background-position:center;	background-color:#9F0;} */

a:hover {
	background-color: ;
/*	background-color: #FFF;*/
	}  /* dovrebbe essere collegato alla selezione con rollover del tasto next e prev  ...  color: #0F0; */
/* a:hover {background-image:url(http://newyorkmilano.com/sez_work/img/prev_b.png);background-repeat:no-repeat;	background-position:center;	background-color:#66C;	}  */

a:visited {color:#DB7093;}

a:active { 
/*color:#000000;*/
color:#FFF;
}



#content {

padding: 0px;
margin-right: auto;
margin-left:auto;
width:960px;
background-color: ;
}

/* se li cancello cambiano delle cosenellayout,ma il funzionamento nn ne risente!  quindi per ora li disattivo! 
#contentg {
padding: 0px;
margin-right: 0px;
}
div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}
div#contentd { 
min-height:200px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}
div#contentg { 
min-height:400px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}
p, pre{
padding: 5px 10px;
margin:0px;
}

#titlesection {
margin-top:30px;
}
*/




.coin-slider { overflow: hidden; zoom: 1; position: relative;
/*height: 360px;*/
height: 383px;
width: 566px;
margin-left: 0px;
}  /* è il contenitore dello slider ...  height: 425px; width: 876px; margin-left: 42px; */

.coin-slider a{ text-decoration: none; outline: none; 
border: none;
margin-left: 0px;
}  /*  eliminare???  */
/* dovrebbe fare parte dell'avanti e indietro (prev e next) ... ma non solo! anche il contenuto della slide successiva! */ 



/*  .cs-buttons { font-size: 0px;  padding: 10px 10px 10px 30px; float: right; display:inline}  */
.cs-buttons { font-size: 0px;  padding: 0px 0px 0px 0px; float: right; display:inline; background-color: #009ee3; 
outline:none;
margin-top: -50px;
/*margin-right: 490px;*/
margin-right: 425px;  /* con 9 immagini */
/*margin-right: 440px;*/  /* con 8 immagini */
} /* è il contenitore dei bottoni; ha lo sfondo azzurro ...  */

/* .cs-buttons a { margin-left: 5px; height: 5px; width: 60px; float: left; display:inline; border: 1px solid #e2d1c3; color: #e2d1c3; text-indent: -1000px; }  */
.cs-buttons a { margin-left: 0px; height: 16px; width: 16px; float: left; display:inline; border: none;
outline:none;   /* così non escono contorni di selezione immagine  */
background-image: url(../img/butt_slide.png);
background-repeat:no-repeat;
color: #F00;
text-indent: -1000px;} /* questo è il pulsante come appare normalmente, non selezionato (c'è una png con il centro bucato: un cerchio vuoto) */


/*  .cs-active { background-color: #72685b; color: #FFFFFF; }  */
.cs-active { 
/*background-color: #000000;*/
background-color: #FFF;
color: #FFFFFF;}  /*  è quello che fa apparire il pulsante come selezionato */



/*.cs-title { width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; }*/

/*  
.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF;
padding: 0px 10px;
}
*/

/* .cs-prev { 	color: #FFFFFF;	width: 37px;	height: 45px;	float: left;	margin-left: 200px;	left: 400px;	font-size: 0px;	margin-top: -25px;}
.cs-next { background-color: #000000; color: ; padding: 0px 10px;float: right;margin-right: 83px;}  */
.cs-prev {
	background-image:url(../img/prev.png); background-position:center; background-repeat: no-repeat;
	width: 31px;
	height: 31px;
	font-size: 0px;
/*	margin-top: -25px;*/
/*  margin-top: -35px;*/
	margin-top: -15px;
	outline:none;
} 
.cs-next { 
background-image:url(../img/next.png); background-position:center; background-repeat: no-repeat;
	width: 31px;
	height: 31px;
	font-size: 0px;
	margin-top: -15px;
   float: right;
   margin-right: 0px;
   outline:none;
}  
/* questi sono i box deitasti prev e next ... definiscono posizione e colore disfondo 
alla riga 48 dovrebbe esserci un a: hover connessop a questi tasti
*/

/*  tutto il contenuto dei tasti ha anche una trasparenza che è stata fissata in un div (appare se si cercano i pezzi direttamente dal sito originale tramite firebug,altrimenti nel codice sorgente non c'è traccia di questo div...) 
<a id="cs-next-games" class="cs-next" href="#" style="position: absolute; top: 195px; right: 0px; z-index: 1001; line-height: 30px; opacity: 0.7;">next</a>																				 
*/




/*
#gamesHolder { background: url(http://newyorkmilano.com/sez_work/css/img/shadow.png) no-repeat center 295px; padding: 5px; width: 960px; }
*/

 #gamesHolder {
 padding: 0px;
 background-position: center;
 background-repeat: no-repeat;
 width: 566px;
 height: 360px;
/* height: 383px;*/
 overflow:hidden;   /* aggiunto per nascondere immagine ripetuta quando ricarica */
 }
 
/* #gamesHolder2 { background: url(http://newyorkmilano.com/sez_work/css/img/shadow.png) no-repeat center 295px;  width:720px;  float:left; display:inline;}  */
 
 /*aggiunto da me */
  #games .contimmagini {
	  width: 566px;
	  height: 360px;
/*	  height: 383px;*/
/*	  margin-top: 23px;*/
	  margin-top: 0px;
/*	  margin-left: 0px; */
}