/* CSS Document */
* {
	margin:0;
	padding:0;
}

html, body {
	height:100%;
}

body {
	font-size:100%;
	line-height:1em;
	background:url(images/bg.gif) top center
}

html, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	color:#aeaeae;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#CD2E0C;
	font-size:20px;
	line-height:normal;
}

.contPagina {
	line-height:18px;
	font-size:13px;
	text-align:justify;
}

.contPagina ul {
	margin:8px 0 0 20px;
}

.contPagina h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#CD2E0C;
	font-size:23px;
}

.contPagina h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#CD2E0C;
	font-size:18px;
	font-weight:normal;
	padding:15px 0 10px 0;
}

.contPagina h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#D47316;
	font-size:16px;
	font-weight:normal;
	padding:10px 0;
}

.alignMiddle{
	vertical-align:middle;
}

.alignCenter {
	text-align: center;
}

.container1 {
	width:100%;
}

object {
	vertical-align:top;
}

.clear {
	clear:both;
}

.fleft {
	float:left;
}

.fright {
	float:right;
}

.underline {
	text-decoration:underline;
}

div.container {
	overflow:hidden;
	width: 100%;
}

a img {
	border:0;
}

img {
	vertical-align:top;
}

a {
	color:#ff9907;
	text-decoration:underline;
	outline:none;
}

a:hover {
	color: #CD2E0C;
}

.link {
	color:#d3d1c0;
	font-size:.916em;
}

.link2 {
	color:#ffa716;
	text-decoration:none;
	font-weight:bold;
}

.link2:hover {
	color:#ffa716;
	text-decoration: underline;
}

ul {
	margin:0;
	padding:0;
	list-style:none;
}

ul li {
	background:url(images/marker.gif) top left no-repeat;
	background-position:0 9px;
	margin:0;
	padding-left:14px;
}


/*header*/
#header {
	font-size:0.6875em;
	color:#9d9d9d;
	position:relative;
}

#header .logo {
	width: 170px;
	height:46px;
	float:left;
	margin:0 10px 10px 0;
	display:inline;
}

#header .price {
	margin:220px 0 0 58px;
	position:absolute;
}

#header .indent {
	padding:8px 26px 9px 12px;
}

#header .indent2 {
	margin:45px 0px 0px 458px;
	position:absolute;
}

#header a {
	color:#9d9d9d;
	text-decoration:none;
}

#header a:hover {
	text-decoration:underline;
}

#header .button {
	color:#fff;
	background:url(images/button.gif) top left no-repeat;
	font-weight:bold;
	padding:1px 16px 5px 14px;
	text-decoration:none;
}

#header .button:hover {
	text-decoration:none;
	color:#000;
}

#header .block {
	background:url(images/img.png) no-repeat top left;
	height:198px;
	width:936px;
	/*color:#FFF;*/
	margin-bottom:20px;
}

#header .indent-block {
	padding:252px 0 0 228px;
}

#header .link1 {
	color:#f0931b;
	font-size:1.09em;
	font-weight:bold;
	text-decoration:underline;
}

#header .link1:hover {
	text-decoration:none
}

.menuPagInterne {
	/*margin:-5px 0 0 0;*/
	float:left;
	display:inline;
}

/*content*/
#content {
	font-size:0.75em;
	width:100%;
	text-align:left;
	position:relative;
}

.indent-main {
	padding:0 7px 0 0;
}

#content .indent-col {
	padding:15px 0 0 17px;
	border-top:1px dashed #413F3D;
	margin-top:30px;
}

.banner {
	padding-bottom:30px;
}

#content .title {
	margin-bottom:16px;
}

#content .title-1 {
	margin:0px 26px 0px 32px;
	vertical-align:middle;
}

#content .img-left {
	float:left;
	margin:0 11px 0 0;
}

#content .img-indent {
	margin:0 0 3px 0;
}

#content p {
	margin:0 0 11px 0;
}

#content .p {
	margin:0 0 11px 0;
}

#content .p1 {
	margin:0;
}

#content .p2 {
	margin:0 0 3px 0;
}

#content .p3 {
	margin:0 0 33px 0;
}

#content .p4 {
	margin:0 0 19px 0;
}

#content h4 {
	color:#ff9907; font-size:1em;
}

#content .tail {
	background:url(images/tail.gif) repeat-x bottom;
	padding-bottom:15px;
	margin-bottom:15px;
}

.txt {
	/*color:#ffffff;*/
}

#content .indent-banner {
	padding:23px 0 0 22px;
}

.banner a {
	color:#ffa716;
	text-decoration:none;
}

.banner a:hover {
	text-decoration: underline;
}
.divCerca {
	position:absolute;
	right:5px;
	top:52px;
}
.formCerca .cercaForm {
	background:url(images/formBg.png) no-repeat;
	height:30px;
	width:150px;
	padding: 5px 0 0 5px;
	border:0;
	position:absolute;
	top:18px;
	left:700px;
}

.formCerca .cercaFormButton {
	background:url(images/formCercaButton.png) no-repeat top;
	width:39px;
	height:30px;
	border:0;
	cursor:pointer;
	position:absolute;
	top:18px;
	left:850px;
}

.formCercaPagInterne {
/*	float:left;
	padding-left:20px;*/
}

.formCercaPagInterne .cercaForm {
	height:20px;
	width:173px;
	border:0;
	background:url(images/corner_bg.gif);
	/*border-bottom:1px solid #CD2E0C;*/
	color:#CD2E0C;
	padding:5px 0 0 5px;
}

.formCercaPagInterne .cercaFormButton {
	background:url(images/btnCerca.png);
	width:30px;
	height:30px;
	border:0;
	right:3px;
	top:-1px;
	vertical-align:bottom;
	margin-left:-30px;
	cursor:pointer;
	position:absolute;
}

#menu {
	width:560px;
	float:left;
}

/*.container .col-2 {
	margin-top:30px;
}*/

.container .col-1 h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
}

.container .col-2 h2 {
	padding-left:35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
}


.titoloPagina {
	height:70px;
}

.titoloPagina h1 {
	padding-top:18px;
	float:left;
}

.titoloPagina h1 span {
	font-size:15px;
}

.titoloPagina .barraBookmarks {
	float:right;
}

.titoloPagina .barraBookmarks a {
	text-decoration:none;
}

#content .indent {
	padding:8px 0 0 0;
}

#content .indent1 {
	text-align:right;
}

#content .indent2 {
	padding:16px 0 21px 21px;
}

#content .indent3 {
	padding:16px 0 27px 21px;
}



/* form contatti */
#formMail {
	margin:20px auto 0 auto;
	width:400px;
	display:block;
}

#formMail .invioOk {
	background:url(images/corner_bg.gif) repeat;
	border:3px solid #D47316;
	font-size:14px;
	text-align:center;
	color:#CD2E0C;
	padding:5px;
	margin-bottom:20px;
}

#form_mail .inputTextareaMsg {
	background:url(images/corner_bg.gif);
	width:300px;
	height:200px;
	border:1px solid #D47316;
	font-size:12px;
	float:right;
	overflow:hidden;
	color:#CD2E0C;
}

#form_mail .inputTextMsg {
	background:url(images/corner_bg.gif);
	width:300px;
	height:20px;
	border:1px solid #D47316;
	font-size:12px;
	padding-top:5px;
	color:#CD2E0C;
}

#form_mail .inputTextSpam {
	background:url(images/corner_bg.gif);
	width:50px;
	height:20px;
	border:1px solid #D47316;
	font-size:12px;
	padding-top:5px;
	color:#CD2E0C;
}

#form_mail .rigaMsg {
	margin-top:15px;
	width:400px;
	clear:both;
	min-height:25px;
}

#form_mail .rigaMsgMex {
	margin-top:15px;
	width:400px;
	clear:both;
	height:200px;
}

#form_mail .rigaMsg input, #form_mail .rigaMsgMex input {
	float:right;
}

#form_mail .rigaMsg label, #form_mail .rigaMsgMex label {
	float:left;
}

#form_mail .textAreaMex {
	margin-left:200px;
	float:left;
}

#form_mail #invia {
	background:url(images/btnInvia.png) no-repeat;
	width:79px;
	height:27px;
	border:none;
	cursor:pointer;
	/*margin:20px 0 0 320px;*/
}

/*box*/
.box {
	background:url(images/corner_bg.gif);
	width:100%;
}

.box .corner-top-left1 {
	background:url(images/corner_top_left.gif) no-repeat left top;
}

.box .corner-top-right1 {
	background:url(images/corner_top_right.gif) no-repeat right top;
}

.box .corner-bottom-left1 {
	background:url(images/corner_bottom_left.gif) no-repeat left bottom;
}

.box .corner-bottom-right1 {
	background:url(images/corner_bottom_right.gif) no-repeat right bottom;
	width:100%;
}

.box .indent-box {
	padding:16px 13px 24px 18px;
}

#glossario a {
	color:#ffa716;
	text-decoration:none;
}

#glossario a:hover {
	color:#ffa716;
}

/*categorie giochi-regole*/
.box .indent-box .categoria {
	margin:20px 19px;
	text-align:center;
	display:inline; /*IE6*/
}

.box .indent-box .categoria a {
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}

/*boxHome*/
.boxHome {
	background:#000;
	width:100%;
	/*margin-top:25px;*/
}

.boxHome .corner-top-left {
	background:url(images/corner_top_left1.gif) no-repeat left top;
}

.boxHome .corner-top-right {
	background:url(images/corner_top_right1.gif) no-repeat right top;
}

.boxHome .corner-bottom-left {
	background:url(images/corner_bottom_left1.gif) no-repeat left bottom;
}

.boxHome .corner-bottom-right {
	background:url(images/corner_bottom_right1.gif) no-repeat right bottom;
	width:100%;
}

.boxHome .indent-box {
	padding:17px 25px 15px 24px;
}

.boxHome .indent-box1 {
	padding:17px 20px 15px 24px;
}

.boxHome .indent-box2 {
	padding:17px 10px 15px 24px;
}

/*box1*/
.box1 {
	background:#000; width:100%;
}

.box1 .corner-top-left {
	background:url(images/corner_top_left1.gif) no-repeat left top;
}

.box1 .corner-top-right {
	background:url(images/corner_top_right1.gif) no-repeat right top;
}

.box1 .corner-bottom-left {
	background:url(images/corner_bottom_left1.gif) no-repeat left bottom;
}

.box1 .corner-bottom-right {
	background:url(images/corner_bottom_right1.gif) no-repeat right bottom;
	width:100%;
}

.box1 .indent-box {
	padding:17px 25px 50px 24px;
}

.box1 .indent-box1 {
	padding:17px 20px 15px 24px;
}

.box1 .indent-box2 {
	padding:17px 10px 15px 24px;
}

/*pagina categorie giochi*/

.box1 .anteprimaGioco {
	width:700px;
	height:125px;
	padding:10px;
	margin-bottom:15px;
	border: 3px solid #D47316;
}

.box1 .anteprimaGioco .thumb {
	float:left;
	width:200px;
	height:125px;
	margin-right:10px;
	border:1px solid #AEAEAE;
	overflow:hidden;
}

.box1 .anteprimaGioco .infoGioco {
	float:left;
	width:480px;
}

.box1 .anteprimaGioco a {
	color:#CD2E0C;
	font-size:16px;
}

.box1 .linkPaginazione {
	display: block;
	float: left;
	text-align:center;
	text-decoration:none;
	padding-top:4px;
	height:22px;
	width:27px;
	border:1px solid #CD2E0C;
	background-color: #D47316;
	color: #fff;
}

.box1 .linkPaginazione:hover, .box1 .linkPaginazioneAttivo {
	display: block;
	float: left;
	text-align:center;
	text-decoration:none;
	padding-top:4px;
	height:22px;
	width:27px;
	border:1px solid #CD2E0C;
	background-color: #CD2E0C;
	color: #fff;
}

.marginRight {
	margin-right:5px;
}


/*Pagina gioco*/
#infoGioco {
	width:850px;
	margin:0 auto;
	/*border:1px solid #CD2E0C;*/
	/*padding:15px;*/
	float:left;
}

#infoGioco h3 {
	width:100px;
	float:left;
	margin:0;
	padding:0;
}

#infoGioco p {
	width:750px;
	float:left;
}

#gioco {
	width:800px;
	margin:0 auto;
}

/*bottom*/
.indent-box-bottom {
	padding:15px 10px 15px 10px;
}

.bottom ul {
	margin-top:5px;
}

.bottom ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:11px;
	color:#fff;
}

.bottom ul li a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:11px;
	color:#CD2E0C;
}

.listaBottom {
	float:left;
	padding: 0 20px 5px 20px;
}

.listaBottomBorder {
	border-right:1px dashed #413F3D;
}

.colonna {
	float:left;
	margin-right:12px;
}

/*footer*/
#footer {
	color:#fff;
	font-size:0.75em;
}

#footer .indent-footer {
	text-align:center;
}

#footer a {
	color:#ffa716;
	font-weight:bold;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

.input {
   	border:1px solid #2d2d2d;
	background:#000000;
	width:89px; height:16px;
	font-size:1em;
	color:#FFF;
	vertical-align:middle;
	padding-left:5px;
	padding-top:0;
}



/*======= INIZIO LAYOUT =======*/
.tail-top{ background:url(images/bg1.gif) repeat-x top center}


.col-1, .col-2, .col-3, .col-4{ float:left}
/*======= width =======*/
.main{margin:0 auto; text-align:left; width:943px; }

/*======= header =======*/
#header {/*height:510px;*/  background:url(images/top.jpg) no-repeat top center}

/*======= index.html =======*/
#page1 #content .col-1{ width:630px; /*margin-right:11px*/}
#page1 #content .col-2{ width:270px}
#page1 #content .col-3{ width:101px; text-align:center}
/*======= index-1.html =======*/
#page2 #content .col-1{ width:555px; margin-right:8px}
#page2 #content .col-2{ width:338px}
/*======= index-2.html =======*/
#page3 #content .col-1{ width:555px; margin-right:11px}
#page3 #content .col-2{ width:339px}

/*======= footer =======*/
#footer { height:49px; }
/*======= FINE LAYOUT =======*/


/*======= INIZIO MENU =======*/
/* tipografia, colori e regole per voci di primo livello, titoli e link */

ul#nav { float:left;display:inline;}
ul#nav li {list-style-type:none; padding:0;}
ul#nav li.voce{margin:0;padding:0;list-style:none; background: url(images/menuBg.gif) repeat-x}
ul#nav{width:560px; margin-left:0px!important; margin-left:-154px; height:30px; font: 100%/1.5 Verdena,Tahoma,sans-serif}
ul#nav a{display:block;text-decoration:none}
ul#nav h2{font-size:12px;margin:0}
ul#nav h2 a{line-height:30px;padding: 0 13px;color:#FFF; font-weight:normal;}
ul#nav>li.voce:hover,ul#nav h2 a:hover{background: #1a1a1a}
ul#nav h3{font-size:100%;margin:0}
ul#nav h3 a{color: #666}
ul#nav h3 a:hover{text-decoration:underline}
ul#nav li{float:left; position:relative;}
ul#nav li li{float: none;display: block !important;display: inline; }

/*
ul#nav { display:inline;}
ul#nav li {list-style-type:none; padding:0;}
ul#nav li.voce{margin:0;padding:0;list-style:none; background: url(images/menuBg.gif) repeat-x}
ul#nav{width:555px;margin: 0 auto;height:30px; font: 100%/1.5 Verdena,Tahoma,sans-serif}
ul#nav a{display:block;text-decoration:none}
ul#nav h2{font-size:12px;margin:0}
ul#nav h2 a{line-height:30px;padding: 0 15px;color:#FFF; font-weight:normal;}
ul#nav>li.voce:hover,ul#nav h2 a:hover{background: #1a1a1a}
ul#nav h3{font-size:100%;margin:0}
ul#nav h3 a{color: #666}
ul#nav h3 a:hover{text-decoration:underline}
ul#nav li{float:left; position: relative;}
ul#nav li li{float: none;display: block !important;display: inline;}
*/

/*dichiarazioni chiave per i sottomenu e l'effetto a comparsa
NB: classe open � necessaria per JQuery*/

ul#nav div.mega{position: absolute;top: -9999px;left: -1px;
    width: 20em;padding: 0.7em;border: 1px solid #000;
    background: #1a1a1a;overflow:hidden;line-height:1.5}
ul#nav li:hover div.mega,ul#nav li div.mega.open{top: 30px;z-index: 100; position:absolute;}

/*tipologie di sottomenu:
small: colonna singola
mega: 2 colonne  - default
wide: 3 colonne
ultra: 4 colonne
alt: allineato sul lato destro */

ul#nav div.mega div{float:left;width:49%}
ul#nav div.mega.small{width:12em}
ul#nav div.mega.small div{float:left;width:99.9%}
ul#nav div.mega.wide{width:29em}
ul#nav div.mega.wide div{float:left;width:33%}
ul#nav div.mega.ultra{width:38em}
ul#nav div.mega.ultra div{float:left;width:24.9%}
ul#nav div.mega.alt{left:auto;right:-1px}

/*regole aggiuntive per i link dei sottomenu*/

ul#nav div.mega li a{padding:0 7px;color: #D77618;
  background: #1a1a1a url(images/marker.gif) no-repeat left center;}
ul#nav div.mega li a:hover{color: #D13210;text-decoration:underline}
/*======= FINE MENU =======*/


/*======= INIZIO JCAROUSEL =======*/
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
	margin-left:30px;
	margin-top:10px;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style-type: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
	background:none;
	padding-left:0;
}

.jcarousel-list li a img {
	border:1px solid #AEAEAE;
}

.jcarousel-list li a {
	color:#D67518;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    background: #000;
    border: 1px solid #000;
	z-index:1;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 710px;
    padding: 20px 40px;
	background:url(/images/corner_bg.gif);
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 202px;
    height: 470px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 685px;
    height: 160px;
	overflow:hidden;
	text-align:center;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  202px;
    height: 470px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 202px;
    height: 150px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 28px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 70px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(js/carousel/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 70px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(js/carousel/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 105px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(js/carousel/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 105px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(js/carousel/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}
/*======= FINE JCAROUSEL =======*/