/* CSS Document */

/* html - body */
html { margin: 0; padding: 0; height: 100%; }
body { height: 100%; min-height: 300px; min-width: 996px; max-width: 1440px; padding: 0; margin: 0; font:76%/140% Verdana,Arial,Helvetica,sans-serif; color: #9b9b8e; background: url(/imgs/common/bg.png) repeat-x 0 7px; text-align: center; }
hr { clear:both; visibility:hidden; height: 1px; padding: 0; margin: 0; }
a img { border: 0; }
/* text */
h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
h1, h2, h3 { font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; font-weight: normal; }
.cyan { color: #2ea2d5; }
.orange, a.orange { color: #ff7b00; }
.green { color: #cae001; }
.red { color: #e45a49; }
.fl { float: left; }
.fr { float: right; }
.noborder { border: 0;}

/* ul */
ul, ul li { list-style-type: none; }

form input, form select, form textarea { font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 2px; background: #ededed; border: 1px solid #a4a8a7; }

div#bgTop { width: 100%; height: 7px; display: block; margin: 0; top: 0; padding: 0; background: url(/imgs/common/topBody.gif) repeat-x 0 0; }

/******************************* body ***************************/
.div_bodyContainer { margin: 0 auto; padding: 0; padding-top: 30px; width: 996px; height: auto; background: #3e4f4f; }

.div_bodyContainer div#side { float: left; margin: 0 0 0 6px; padding: 0 0 10px 0; width: 200px; }
.div_bodyContainer div#contenuti { float: right; margin: 0; padding: 0 0 10px 0; width: 764px; text-align: center; }
.div_bodyContainer div#contenuti.noside { width: auto; margin: 0 10px 0; float: none; clear: both; }

.div_bodyContainer div.box_msg { margin: 0 auto; padding: 80px 0 120px; width: 600px; }
div.box_msg h3 { color: #ee772b; }

/*********** home ******************/
.div_bodyContainer#home div#contenuti { width: 762px; text-align: left; margin: 0 auto; }
.div_bodyContainer#home div#contenuti img.titoloNewGame { position: absolute; }
.div_bodyContainer div#contenuti div#newGame { width: 762px; height: 228px; margin: 0; background: url(/imgs/home/bg_newGame.png) no-repeat 0 0; }
div#newGame div.fl { float: left; margin-left: 10px; width: 500px; }
div#newGame a.lancio { float: left; clear: both; width: 473px; height: 180px; margin: 34px 0 0 0; border: 2px solid #dcdcdc; }
div#newGame a.lancio:hover { border: 2px solid #fff; }
div#newGame div.fr { float: right; text-align: center; margin-right: 10px; width: 230px; }
div#newGame div.fr a.slideshow { margin: 56px auto 0; border: 4px solid #9ba4a4; width: 128px; height: 128px; display: block; }
div#newGame div.fr a.slideshow:hover { border: 4px solid #fff; }
div#newGame div.fr a.downNewGame { float: right; clear: both; margin-top: 6px; }

/* lista contenuti */
.div_bodyContainer div#contenuti div#topGames { width: 762px; margin: 20px auto; }
div#contenuti h2, div#side h2 { text-align: left; color: #cae001; margin: 0; padding: 0 0 4px 0; width: 738px; display: block; line-height: 28px; border-bottom: 1px solid #8ea123; }
.div_bodyContainer div#contenuti.noside h2 { width: 100%; }
div#contenuti h3 { text-align: left; color: #cae001; margin: 0; padding: 8px 0 0 0; }
div#topGames h2 a { color: #cae001; text-decoration: none; margin: 0; }
div#topGames h2 a:hover { color: #de3300; text-decoration: none; }
div#topGames ul.intro { width: 762px; margin: 14px auto 0; font-size: 10px; }
div#topGames ul.intro, ul.intro li { display: block; padding: 0; }
div#topGames ul.intro li { float: left; width: 164px; height: 204px; margin: 0 26px 0 0; text-align: center; background: url(/imgs/home/bg_games.png) no-repeat 0 0; }
div#topGames ul.intro a img { margin: 5px auto 0; padding: 0; border: 1px solid #d2dee4; width: 128px; height: auto; }
div#topGames ul.intro a:hover img { border: 1px solid #de3300; }
div#topGames ul.intro li a.titGame { margin: 2px auto 0; color: #de3300; text-align: left; text-decoration: none; display: block; width: 102px; height:58px; padding-right: 38px; line-height: 12px; }
div#topGames ul.intro a p { color: #393939; margin: 0; padding: 0; }


/******************************* info e costi ***************************/
.div_bodyContainer#costi div#contenuti { text-align: left; width: 700px; margin: 0 auto; padding-bottom: 30px; color: #aac2c2; }
.div_bodyContainer#costi div#contenuti h2 { margin-bottom: 14px; font-size: 22px; }
.div_bodyContainer#costi div#contenuti p {  margin-top: 16px; text-align: justify; }
.div_bodyContainer#costi div#contenuti a { color: #1b9cd5; text-decoration: none; border-bottom: 1px dotted #1b9cd5; }
.div_bodyContainer#costi div#contenuti a:hover { color: #fff; text-decoration: none; border-bottom: 1px solid #1b9cd5; background: #1b9cd5; }

/******************************* CONTENT BODY contenuti ***************************/
/* preview giochi */
ul#preview { width: 762px; margin: 0; padding: 0; clear: both; }
.div_bodyContainer div#contenuti.noside ul#preview  { width: 894px; margin: 0 auto; }
ul#preview li { display: block; float: left; width: 110px; height: 162px; overflow: hidden; padding: 2px 0; margin: 12px 18px 4px; text-align: left; }
ul#preview li a.prev { width: 106px; height: 106px; padding: 0; border: 2px solid #9ba4a4; display: block; }
ul#preview li a.prev img { width: 106px; height: 106px; padding: 0; margin: 0;}
ul#preview li a.prev:hover { width: 106px; height: 106px; padding: 0; border: 2px solid #cae001; }

ul#preview li p { font-size: 10px; padding: 0; margin: 0; }
ul#preview li a.titolo { font-size: 10px; color: #cae001; text-decoration: none; padding: 0; margin: 0; line-height: 11px; }
ul#preview li a.titolo:hover { color: #cae001; text-decoration: underline; }

p.paginazione { float: left; clear: both; margin: 10px 0 0 16px; color: #f4a918; padding: 4px; font-weight: bold; }
p.paginazione a { display: inline; margin: 0 2px; color: #9b9b8e; padding: 2px 4px; background: #324040; border: 1px dotted #9b9b8e; text-decoration: none; }
p.paginazione a:hover { color: #f4a918; background: none; border: 1px dotted #f4a918; text-decoration: none; }

/* categorie */
div#side.categorie { text-align: left; margin-top: -32px; }
div#side.categorie h2 { width: 183px; height: 149px; margin: 0; border: 0; background: url(/imgs/common/bg_category.gif) no-repeat 0 50%; }
div#side.categorie ul { margin: -10px 0 0 10px; padding: 0; }
div#side.categorie ul li { border:0; display: block; width: 190px; height: 22px; margin: 4px 0; }
div#side.categorie ul li a { color: #c1c1c1; line-height: 22px; text-decoration: none; display: block; padding: 0; margin-left: 14px; }
div#side.categorie ul li a:visited { color: #8b8b8b; line-height: 22px; text-decoration: none; display: block; }
div#side.categorie ul li a:hover { color: #fff; line-height: 22px; text-decoration: underline; display: block; }

/******************************* pagina di download ***************************/
div#top_download { text-align: left; width: 100%; padding: 0; }
div#top_download h3 { color: #87a6b3; font-weight: bold; }

div#left_download { float: left; width: 538px; padding: 6px; margin-top: 4px; background: #495d5d; }
div.info_download { width: auto; margin: 0; padding: 0; text-align:justify; z-index: 2; }
div.info_download div { margin: 0; }
img.giochi { float: left; background: #d6dada; margin: 0 14px 10px 0; width: 128px; padding: 5px; }
div.info_download div.descrizione { text-align: left; color: #b2b2a3; margin: 10px 0 0 0; font-size: 10px; }
div.info_download div.screenshot { clear: both; width: 100%; margin: 18px 0 10px 0; height: auto; text-align: left; }
div.screenshot img { margin-right: 1%; width: 18%; }

div#right_download { float: right; text-align: left; width: 410px; background: url(/imgs/common/bg_infoDownload.jpg) no-repeat 100% 0; }
div#right_download h3 { color: #e45a49; border: 0; font-weight: bold; margin: 0; }
div#right_download a { color: #e45a49; font-weight: bold; text-decoration: none; }
div#right_download a:hover { text-decoration: underline; }
div#right_download p strong { color: #e45a49; }

ol.listNumber { list-style-type: decimal; list-style-position: outside; color: #e45a49; font-weight: bold; border: 0; }
ol.listNumber li { margin: 2px 0 0 -15px; padding: 2px; }
ol.listNumber li p { font-weight: normal; color: #aac2c2; margin: 0; padding: 6px 4px; }

/* link lightbox and back */
div#utility { /*width: 464px;*/ width: 300px; float: right; text-align: right; padding: 0; margin: 0 auto; }
div#utility ul { width: 100%; display: block; margin: 0 auto 0; padding: 0; font-weight: bold; color: #fff; }
div#utility ul li { float: left; width: auto; margin: 0; text-align: center; }
div#utility ul a { text-decoration: none; white-space: nowrap; color: #fff; line-height: 19px; padding: 0 8px; padding-left: 23px; margin: 0; }
div#utility ul a:hover{ text-decoration: underline; }
div#utility ul li#cell { background: url(/imgs/common/ico_cell.gif) no-repeat 0 0; }
div#utility ul li#friend { background: url(/imgs/common/ico_friend.gif) no-repeat 0 0; }
div#utility ul li#back { background: url(/imgs/common/ico_back.gif) no-repeat 0 0; }

/******************************* risultati form ***************************/
/* pagine di risposta form */
/*.div_bodyContainer div.box_msg#notifica { margin: 7% auto 0; width: 600px; height: 240px; border: 3px dotted #d2dee4; background: url(/imgs/common/notificaok.gif) #f6f6f6 54% 90% no-repeat; }
div.box_msg#notifica h1, div.box_msg#notifica h2 { color: #2ea2d5; font-size: 130%; margin-top: 24px; line-height: 22px; }
div.box_msg#notifica h2 { font-size: 110%; }
div.box_msg#notifica a { color: #2ea2d5; text-decoration: none; font-weight: bold; padding: 4px; }
div.box_msg#notifica a:hover { color: #2ea2d5; text-decoration: none; border-bottom: 1px dotted #2ea2d5; }

/* pagine di errore */
/*.div_bodyContainer div.box_msg#errore { margin: 7% auto 0; width: 600px; height: 240px; border: 3px dotted #d2dee4; background: url(/imgs/common/errore.gif) #f6f6f6 50% 90% no-repeat; }
div.box_msg#errore h1 { color: #e33428; font-size: 130%; margin-top: 24px; line-height: 22px; }
div.box_msg#errore a { color: #e33428; text-decoration: none; font-weight: bold; padding: 4px 1px 2px; }
div.box_msg#errore a:hover { color: #e33428; text-decoration: none; border-bottom: 1px dotted #e33428; }
*/