/* INDICE */

/*
1. STILI GENERICI
2. EMPTY DIV
3. MENU
	3.1 MENU (TOP)
	3.2 MENU LEFT
	3.3 THIRD MENU
4. SPECIFIC PAGES
	4.1 STILI DELLA SPLASH PAGE
	4.2 STILI DELLA PAGINA "CHI SIAMO"
	4.3 STILI DELLA PAGINA "DEMO LUK"
	4.4 STILI DELLA PAGINA "LISTA PV"
	4.5 STILI DELLA PAGINA "EBUY"
5. FOOTER
6. STILI PER ELEMENTI SPECIFICI
	6.1 STILI PER I LINK
	6.2 STILI PER LE LISTE (ELENCHI PUNTATI)
	6.3 STILI PER I MENU A TENDINA (SELECT)
	6.4 STILI PER LE FORM DI INPUT (INPUT)
	6.5 STILI PER LE TABELLE
	6.6 STLI PER LE EVIDENZIAZIONI
	6.7 STILI DELLE SCATOLE DEI GIOCHI
	6.8 STILI DELLA BUSSOLA
7. FOTO MANAGEMENT
	7.1 FOTO MANAGEMENT - THE SMALL FOTO LIST
	7.2 FOTO MANAGEMENT - THE BIG FOTO SPACE
8 STILI DELLE POPUP
	8.1 STILI DELLE POPUP CREDITS e LOGIN
	8.2 STILI DELLA POPUP PRIVACY
	8.3 STILI DELLE POPUP PER LA GRAMMATICA COLORATA
*/



/* 1. STILI GENERICI */

body {
	margin:0;
	padding:0;
	font-family:Verdana;
	font-size:11px;
	text-align: left;
	background:transparent url(images/sfuma.jpg) left top repeat-x;
}

div.big_before{
	margin-top:20px;
	}

div.small_before{
	margin-top:5px;
	}


h1 {
	font-family: Verdana;
	font-weight:bold;
	font-size:130%;
	margin-top:0px;
	margin-bottom:10px;
	color:orange;
}

h2 {
	font-family: Verdana;
	font-weight:bolder;
	font-size: 120%;
	margin-top:15px;
	margin-bottom:6px;
	color:orange;
}

h3 {
	font-weight:lighter;
	font-size: 80%;
	line-height:10px;
	margin:0 0 5px 0;
	padding:0;
	color:green;
}



/* 2. EMPTY DIV */

#main_container{
	position: relative;
	width: 980px;
	height: 500px;
	margin:0 auto;
	padding:0;
	background:url(images/framework.jpg) left top no-repeat;
}

#main_container #bussola{
	position:absolute;
	top:185px;
	left:300px;
	width:660px;
	font-size:90%;
	color:orange;
	font-weight:bold;
}

#main_container #central_body{
	position:absolute;
	top:220px;
	left:90px;
	width:790px;
	margin:0 auto; 
	padding:0;
}

#main_container #central_body #sitemap {
	position:absolute;
	top:-40px;
	left:72px;
}

#main_container #central_body #sitemap a{
	color:green;
	text-decoration:none;
	cursor:pointer;
}

#main_container #central_body #sitemap a:hover{
	color:orange;
	}


#main_container #central_body #splash {
	position:absolute;
	top:5px;
	left:72px;
}

#main_container #central_body #splash_sentence {
	position:absolute;
/* una linea (es. poincaré)
	top:172px;
	left:118px;
*/
	top:163px;
	left:95px;
	text-align:center;
}

#main_container #central_body #splash_rolling {
	position:absolute;
	top:345px;
	left:118px;
	right:118px;
/*	border-color:orange;
	border-style:dashed;
	border-width:thin;*/
	color:green;
	font-style:italic;
	font-size:12px;
}

#main_container #central_body #gioca_page {
	position:absolute;
	top:-5px;
	left:2px;
}

#main_container #central_body #page_content {
	position:absolute;
	top:0px;
	left:210px;
	width:580px;
}

#main_container #central_body #page_content_m3 {
	position:absolute;
	top:40px;
	left:210px;
	width:580px;
}



/* 3 I MENU */

/* 3.1 MENU (TOP) */

#main_container #menu{
	position:absolute;
	top:138px;
	right:100px;
	width:800px;
}

#main_container #menu span{
	float:right;
	color:green;
}

#main_container #menu span a{
	margin-left:2px;
	margin-right:2px;
	padding-top:10px;
	padding-bottom:10px;
	text-decoration:none;
	cursor:pointer;
	color:green;
}



/* 3.2 MENU LEFT */

#main_container #central_body #menu_left {
	position:absolute;
	margin:0 auto; 
	padding:0;
	top:0px;
	left:0px;
	width:210px;
}

#main_container #central_body #menu_left ul{
	margin-top:0;
}

li.vmenu,li.vmenu2,li.vmenu3,li.vmenu_ok,li.vmenu2_ok,li.vmenu3_ok,li.vmenu_nol,li.vmenu2_nol,li.vmenu3_nol{
	margin:0;
	padding:0;
	margin-top:0px;
	margin-bottom:8px;
	cursor:pointer;
	color:green;
}

li.vmenu_nol,li.vmenu2_nol,li.vmenu3_nol{
	cursor:auto;
}

li.vmenu_ok,li.vmenu2_ok,li.vmenu3_ok{
	color:orange;
	font-weight:bold;
}

li.vmenu,li.vmenu_nol,li.vmenu_ok {
	margin-left:-8px;
	list-style-image:url(images/coccinella_12.png);
}

li.vmenu2,li.vmenu2_ok,li.vmenu2_nol {
	list-style-image:url(images/erba_12.png);
	margin-left:-2px;
}

li.vmenu3,li.vmenu3_ok,li.vmenu3_nol {
	list-style-image:url(images/fiore_12.png);
	margin-left:4px;
}

li.vmenu a, li.vmenu2 a, li.vmenu3 a,
li.vmenu_ok a, li.vmenu2_ok a, li.vmenu3_ok a{
	cursor:pointer;
	color:green;
	text-decoration:none;
}

li.vmenu_ok a, li.vmenu2_ok a, li.vmenu3_ok a{
	color:orange;
}

li.vmenu a:hover, li.vmenu2 a:hover, li.vmenu3 a:hover,
li.vmenu_ok a:hover, li.vmenu2_ok a:hover, li.vmenu3_ok a:hover{
	color:orange;
}


/* 3.3 THIRD MENU */

#main_container #central_body #third_menu {
	position:absolute;
	top:0px;
	left:210px;
	width:580px;
	height:20px;
}

#main_container #central_body #third_menu span{
	float:right;
	color:green;
}

#main_container #central_body #third_menu span a{
	margin-left:1px;
	margin-right:1px;
	padding-top:10px;
	padding-bottom:10px;
	text-decoration:none;
	cursor:pointer;
}



/* 4. SPECIFIC PAGES*/

/* 4.1 STILI DELLA SPLASH PAGE */

area.splash_img{
	cursor:pointer;
}

#splash_sentence{
	color:orange;
	font-style:italic;
}



/* 4.2 STILI DELLA PAGINA "CHI SIAMO" */

div.foto_chi, div.foto_chi_dx{
	position:absolute;
	top:0px;
	width:111px;
	height:120px;
	background-image:url(images/cornice_80x90.jpg);
	text-align:center;
	}

div.foto_chi{
	left:6px;
	}

div.foto_chi_dx{
	right:6px;
	}

div.foto_chi img, div.foto_chi_dx img{
	width:80px;
	height:90px;
	margin-top:12px;
	margin-left:-3px;
	}

div.cv, div.cv_sx{
	position:absolute;
	top:5px;
	width:440px;
	height:90px;
	text-align:justify;
	}

div.cv{
	position:absolute;
	right:15px;
	}

div.cv_sx{
	position:absolute;
	left:13px;
	}

div.foto_cv, div.foto_cv2, div.foto_cv3, div.foto_cv4, div.foto_cv5, div.foto_cv6, div.foto_cv7, div.foto_cv8, div.foto_cv9, div.foto_cv10, div.foto_cv11{
	position:absolute;
	top:0px;
	left:0px;
	width:580px;
	height:90px;
	}

div.foto_cv2{
	top:120px;
	}

div.foto_cv3{
	top:240px;
	}

div.foto_cv4{
	top:360px;
	}

div.foto_cv5{
	top:480px;
	}

div.foto_cv6{
	top:600px;
	}

div.foto_cv7{
	top:720px;
	}

div.foto_cv8{
	top:840px;
	}

div.foto_cv9{
	top:960px;
	}

div.foto_cv10{
	top:1080px;
	}

div.foto_cv11{
	top:1200px;
	}



/* 4.3 STILI DELLA PAGINA "DEMO LUK" */

#luek_demo{
	width:560px;
	height:420px;
}



/* 4.4 STILI DELLA PAGINA "LISTA PV" */

a.website{		/* class usata nella tabella dei PV */
	color:green;
	font-size:10px;
	cursor:pointer;
}

a.website:hover{
	color:orange;
}



/* 4.5 STILI DELLA PAGINA "EBUY" */

#ebuy {
	margin-left:50px;
}

th.ebuy {
	color:green;
}

td.ebuy, td.ebuy_prod, td.ebuy_price {
	color:black;
	text-align:center;	
}

td.ebuy_prod {
	text-align:left;
}

td.ebuy_price {
	text-align:right;
}



/* 5. FOOTER */

#main_container #central_body #fix_footer {
	position:absolute;
	top:360px;
	left:212px;
	margin-left:-200px;
	margin-top:10px;
	width:780px;
	height:30px;
	padding:33px 0 0 0;
	font-size:88%;
	color:orange;
	background: transparent url(images/bg_footer.gif) left top repeat-x;
}

#main_container #central_body #fix_footer #copyright{
	width:550px;
	color:orange;
}

#main_container #central_body #fix_footer #navigazione_secondaria{
	width:350px;
	float:right;
	display:inline;
	margin-top:-23px;
}

#main_container #central_body #fix_footer #navigazione_secondaria ul{
	list-style: none;
	text-align: right;
}

#main_container #central_body #fix_footer #navigazione_secondaria ul li{
	display: inline;
	color:green;
}

#main_container #central_body #fix_footer #navigazione_secondaria ul li a{
	color:green;
	text-decoration:none;
	cursor:pointer;
}

#main_container #central_body #fix_footer #navigazione_secondaria ul li a:hover{
	color:orange;
}




#footer, #footer_chisiamo, #footer_gioca{
	margin-left:-200px;
	margin-top:10px;
	width:780px;
	height:30px;
	padding:33px 0 0 0;
	font-size:88%;
	color:orange;
	background: transparent url(images/bg_footer.gif) left top repeat-x;
}

#footer_chisiamo{
	position:absolute;
	top:1080px; /* 120px ogni foto
/*	margin-top:600px;*/
}

#footer_gioca{
	margin-top:10px;
	margin-left:0px;
}

#footer #copyright,
#footer_chisiamo #copyright,
#footer_gioca #copyright{
	width:550px;
	color:orange;
}

#footer #navigazione_secondaria,
#footer_chisiamo #navigazione_secondaria,
#footer_gioca #navigazione_secondaria{
	width:350px;
	float:right;
	display:inline;
	margin-top:-23px;
}

#footer #navigazione_secondaria ul,
#footer_chisiamo #navigazione_secondaria ul,
#footer_gioca #navigazione_secondaria ul{
	list-style: none;
	text-align: right;
}

#footer #navigazione_secondaria ul li,
#footer_chisiamo #navigazione_secondaria ul li,
#footer_gioca #navigazione_secondaria ul li{
	display: inline;
	color:green;
}

#footer #navigazione_secondaria ul li a,
#footer_chisiamo #navigazione_secondaria ul li a,
#footer_gioca #navigazione_secondaria ul li a{
	color:green;
	text-decoration:none;
	cursor:pointer;
}

#footer #navigazione_secondaria ul li a:hover,
#footer_chisiamo #navigazione_secondaria ul li a:hover,
#footer_gioca #navigazione_secondaria ul li a:hover{
	color:orange;
}



/* 6. STILI PER ELEMENTI SPECIFICI */

/* 6.1 STILI PER I LINK*/

a:hover{
	color:pink;
	}

a.my_link{		/* class usata per i link nelle varie pagine */
	color:green;
	cursor:pointer;
	text-decoration:underline;
}

a.my_link:hover{
	color:orange;
	}


a.my_bold_link{		/* class usata per i link nelle varie pagine */
	color:green;
	font-weight:bold;
	cursor:pointer;
	text-decoration:underline;
}

a.my_bold_link:hover{
	color:orange;
	}


a.bussola{		/* class usata per i link della bussola */
	color:orange;
	cursor:pointer;
	text-decoration:none;
}

a.bussola:hover{
	color:green;
	}

a.marquee_link{		/* class usata per i link sul marquee */
	color:green;
	cursor:pointer;
	text-decoration:none;
}

a.marquee_link:hover{
	color:orange;
	}


/* DA ALGIDA
a{
	cursor:pointer;
	color:#7893B9;
	text-decoration:none;
}

a:hover{
	cursor:pointer;
	color:#283891;
	text-decoration:none;
}

a:visited{
	cursor:pointer;
	color:#7893B9;
	text-decoration:none;
}
FINE DA ALGIDA */



/* 6.2 STILI PER LE LISTE (ELENCHI PUNTATI)*/

#hp_list1 ul{
	margin-top:4px;
	margin-left:20px;
	list-style-image:url(images/erba_12.png);
}

#hp_list2 ul{
	margin-top:4px;
	margin-left:12px;
	list-style-image:url(images/fiore_12.png);
}

#hp_list1_1 ul{
	margin-top:4px;
	margin-left:0px;
	list-style-image:url(images/fiore_12.png);
}

#hp_list2_1 ul{
	margin-top:4px;
	margin-left:0px;
	list-style-image:url(images/coccinella_12.png);
}

#hp_list1 ul li, #hp_list2 ul li, #hp_list1_1 ul li, #hp_list2_1 ul li{
	margin-top:8px;
}



/* 6.3 STILI PER I MENU A TENDINA (SELECT) */

select {
	color:orange;
	background-color:white;
	font-family:Verdana;
	font-size:11px;
}



/* 6.4 STILI PER LE FORM DI INPUT (INPUT)*/

input{
	font-family:Verdana;
	font-size:11px;
	color:orange;
	background-color:white;
	text-align:left;
	cursor:pointer;
}

textarea#remarks{
	font-family:Verdana;
	font-size:11px;
	color:orange;
	background-color:white;
	text-align:left;
}



/* 6.5 STILI PER LE TABELLE */

table.pv, table.ebuy, table.tpr_rules{
	font-family:Verdana;
	font-size:10px;
	text-align:left;
	border-collapse:collapse;
	margin-top:20px;
}

th.pv, th.tpr_rules{
	color:green;
	text-align:center
}

table.login {
	font-family:Verdana;
	font-size:11px;
	text-align:left;
	margin-top:10px;
}

td.home {
	text-align:center;
}



/* 6.6 STLI PER LE EVIDENZIAZIONI */

span.hili_orange{
	color:orange;
	font-weight:bold;
}

span.hili_green{
	color:green;
	font-weight:bold;
}

span.hili_red{
	color:red;
	font-weight:bold;
}

span.hili_blu{
	color:blue;
	font-weight:bold;
}

span.hili_azzurro{
	color:DEEPSKYBLUE;
	font-weight:bold;
}

span.hili_viola{
	color:purple;
	font-weight:bold;
}



/* 	6.7 STILI DELLE SCATOLE DEI GIOCHI */

img.scatola {
	cursor:pointer;
}



/* 	6.8 STILI DELLA BUSSOLA */

img.bussola {
	margin-left:2px;
	margin-right:2px;
	margin-top:0px;
	vertical-align:bottom;
}



/* 7. FOTO MANAGEMENT */

/* 7.1 FOTO MANAGEMENT - THE SMALL FOTO LIST */

table.table_foto_list{
	font-family: Verdana;
	font-size:10px;
	text-align:left;
	border-collapse:collapse;
/*	border-color:orange;
	border-style:solid;*/
}

div.small_foto_list_150, div.small_foto_list_133, div.small_foto_list_150P, div.small_foto_list_quad {
	margin-top:0px;
	text-align:center;
}

div.small_foto_list_150 img, div.small_foto_list_133 img, div.small_foto_list_150P, div.small_foto_list_quad img {
	cursor:pointer;
	vertical-align:bottom;
	padding:5px;
}

div.small_foto_list_150 img{
	width:60px;
	height:40px;
}

div.small_foto_list_133 img{
	width:52px;
	height:39px;
}

div.small_foto_list_150P img{
	width:50px;
	height:75px;
}

div.small_foto_list_quad img{
	width:60px;
	height:60px;
}

#f1{
	background-color:green;
}

/* 7.2 FOTO MANAGEMENT - THE BIG FOTO SPACE */

#foto_text{
	margin-top:30px;
	margin-bottom:15px;
	color:green;
}

#foto_table{
	margin-top:-5px;
}

div.big_foto{
	margin-top:10px;
	text-align:center;
}

.big_foto_150{
	width:480px;
	height:320px;
}

td.big_foto_150{
	width:520px;
	height:352px;
	background-image:url(images/cornice_480x320.jpg);
}

.big_foto_150P{
	width:320px;
	height:480px;
}

td.big_foto_150P{
	width:360px;
	height:512px;
	background-image:url(images/cornice_320x480.jpg);
}

.big_foto_133{
	width:480px;
	height:360px;
}

td.big_foto_133{
	width:520px;
	height:392px;
	background-image:url(images/cornice_480x360.jpg);
}

.big_foto_quad{
	width:480px;
	height:480px;
}

td.big_foto_quad{
	width:527px;
	height:522px;
	background-image:url(images/cornice_480x480.jpg);
}

img.up_down{
/*	width:31px;
	height:23px;*/
	cursor:pointer;
}

/* GIOCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA */

td.gioca_rda{
	width:190px;
	height:190px;
}

.small_foto_quad{
	width:190px;
	height:190px;
}

div.small_rda_list img{
	width:25px;
	height:25px;
}

#gioca_rda1{
	background-color:green;
}



/* 8 STILI DELLE POPUP */

#credits, #privacy, #login{
	margin-top:50px;
	margin-left:25px;
	margin-right:25px;
}

/* 8.1 STILI DELLE POPUP CREDITS e LOGIN */

#credits, #login{
	background:url(images/framework_small.jpg) left top no-repeat;
}

/* 8.2 STILI DELLA POPUP PRIVACY */

#privacy{
	text-align:justify;
	background:url(images/framework_big.jpg) left top no-repeat;
}

/* 	8.3 STILI DELLE POPUP PER LA GRAMMATICA COLORATA */

#gc {
	width:665px;
	height:465px;
	background-color:#2B3769;
	font-family:Verdana;
	font-size:12px;
}

td.gc, td.gc_gen, td.gc_spec {
	font-family:Verdana;
	font-size:11px;
	color:white;
}

td.gc_spec {
	text-align:center;
}

td.gc_dop {
	text-align:center;
	font-size:10px;
	color:white;
}

/* 8.4 STILI DELLA POPUP FOTO */

#foto_popup{
	text-align:center;
	background:none;
	margin-left:10px;
}

p.testo_foto_popup {
	color:green;
	font-weight:bold;
	margin-top:20px;
}