/* ---------------------------------------------------
Title: Dream Cards Style
Author: Mauro (NewLogica)
Last Updated: 20-10-2008
------------------------------------------------------

------------------- Color Palette --------------------
   Header		- #EEE
   Navigation		- #B9CAFF
------------------------------------------------------*/



/* ---------------- General Styles --------------- */
body {
	background:#000 url(../images/bga.png) repeat-x scroll left top;
/* Background-position:6px 5px; */
	font-family: Verdana,sans-serif,Arial;
	font-size:76%;
font-size:13px;
/* color:#BFC6F0; */
color:#888;
/* color:#E8E49E; */
}
a:link {
	text-decoration: underline;
	color: #a00;
}
a:visited {
	text-decoration: underline;
	color: #900;
}
a:hover, a:active, a:focus {
	text-decoration: none;
	color: #d66;
}
p{
	margin: 0 0 10px 0;
}
h1, h2, h3, h4, h5, h6{
/* 	margin: 5px 0 10px 0; */
margin: 0.6em 0 0.3em;
	font-family: 'Trebuchet MS', Arial, sans-serif;
}
h1{font-size: 2.4em}
h2{font-size: 1.8em}
h3{font-size: 1.4em}
h4{font-size: 1.2em}
h5{font-size: 1em}
h6{font-size: 0.85em}
/*h1 {
	font-size: 2.4em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
h4{
	font-size: 1.2em;
}*/
.skip, hr {
	position: absolute;
	left: -9999px;
}
.clear{
	clear: both;
}

/* ---------------- Layout --------------- */
div#container{width:786px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin: 18px 13px 0 150px}
div#navigation{float:left;width:110px;margin-left:-786px}
div#footer{clear:left;width:100%}

div.frame_box{
/* padding:10px; */
padding:0.8em;
padding-top:0px
}

/* ---------------- Style --------------- */
.error{
color:#FF4346;
}
.ok{
color:#96D102;
}

div#bg-body {
/* 	background:transparent url(../images/bg.png) repeat-x scroll left top; */
	width:100%;
/* 	height:776px; */
padding-top:85px;
}
div#header h1{
height:80px;
line-height:80px;
margin:0;
padding-left:10px;
background: #EEE;
color: #79B30B
}
div#container{
text-align:left;
background:transparent url(../images/body.png) no-repeat scroll left top;
width:795px;
height:529px;
}
div#content p{
/* line-height:1.2 */
}
/*div#navigation{
background:#B9CAFF
}*/
div#footer{
background: #333;
color: #FFF
}
div#footer p{
margin:0;
padding:5px 10px
}


input#flag {
border:#000 1px solid;
}
input#flag:hover {
border-color:#999;
}
input#flag_sel {
border:#F00 1px solid;
}
input#flag_sel:hover {
border-color:#F99;
}
/*-------------------LANGUAGE---------------*/
div#lang a{
position: relative;
display: block;
float:left;
width: 30px;
height: 16px;		/*A1*/
line-height:16px;	/*A1*/
text-decoration: none;
font-weight:bold;
color: #666;
}
div#lang a span {
cursor:pointer;
height:100%;
position:absolute;
width:100%;
top:0px;
left:0px;
}
a#lang-it span{
background:transparent url(../images/flag-it.png) no-repeat scroll left top;
background-position:0px 0px;
}
a#lang-en span{
background:transparent url(../images/flag-en.png) no-repeat scroll left top;
background-position:0px 0px;
}
a#lang-it:hover span{
background-position:0px -16px;
}
a#lang-en:hover span{
background-position:0px -16px;
}





/*-------------------MENÙ---------------*/
div.menu a{
position: relative;
display: block;
text-decoration: none;
}
div.menu a span {
cursor:pointer;
height:100%;
position:absolute;
width:100%;
top:0px;
left:0px;
}
li li{
display:none;
}
/*-------------------MAIN MENÙ---------------*/
div#navigation{
padding:15px 0px 0px 10px;
}
div#navigation a{
width: 110px;
height: 91px;		/*A1*/
line-height:91px;	/*A1*/
font-weight:bold;
color: #666;
}

ul.menu-it li span {
background:transparent url(../images/menu-black_it.png) no-repeat scroll left top;
}
ul.menu-en li span {
background:transparent url(../images/menu-black_en.png) no-repeat scroll left top;
}

li#dreamcards span{
background-position:0px 0px;
}
li#prodotti span{
background-position:0px -91px;
}
li#soluzioni span{
background-position:0px -182px;
}
li#area-clienti span{
background-position:0px -273px;
}
li#contatti span{
background-position:0px -364px;
}

li#dreamcards a:hover span{
background-position:-110px 0px;
}
li#prodotti a:hover span{
background-position:-110px -91px;
}
li#soluzioni a:hover span{
background-position:-110px -182px;
}
li#area-clienti a:hover span{
background-position:-110px -273px;
}
li#contatti a:hover span{
background-position:-110px -364px;
}

li#dreamcards a.current span{
background-position:-220px 0px;
}
li#prodotti a.current span{
background-position:-220px -91px;
}
li#soluzioni a.current span{
background-position:-220px -182px;
}
li#area-clienti a.current span{
background-position:-220px -273px;
}
li#contatti a.current span{
background-position:-220px -364px;
}

/*-------------------PRODOTTI MENÙ---------------*/
div#menu-prodotti{
padding:10px 0px 0px 10px;
overflow:auto;
width:613px;
}
div#menu-prodotti a{
width: 85px;
height: 56px;		/*A1*/
line-height:56px;	/*A1*/
font-weight:bold;
color: #666;
}
div#menu-prodotti li{
float:left;
margin-right:14px;
font-size:0.5em;
}
ul.menu_prod-it li span {
background:transparent url(../images/prodottimenu.png) no-repeat scroll left top;
}

li#sub-cards-lucide span{
background-position:0px 0px;
}
li#sub-cards-glitter span{
background-position:-85px 0px;
}
li#sub-cards-fluorescenti span{
background-position:-170px 0px;
}
li#sub-cards-opache span{
background-position:-255px 0px;
}
li#sub-cards-light span{
background-position:-340px 0px;
}
li#sub-cards-trasparenti span{
background-position:-425px 0px;
}

li#sub-cards-lucide a:hover span{
background-position:0px -56px;
}
li#sub-cards-glitter a:hover span{
background-position:-85px -56px;
}
li#sub-cards-fluorescenti a:hover span{
background-position:-170px -56px;
}
li#sub-cards-opache a:hover span{
background-position:-255px -56px;
}
li#sub-cards-light a:hover span{
background-position:-340px -56px;
}
li#sub-cards-trasparenti a:hover span{
background-position:-425px -56px;
}

li#sub-cards-lucide a.current span{
background-position:0px -56px;
}
li#sub-cards-glitter a.current span{
background-position:-85px -56px;
}
li#sub-cards-fluorescenti a.current span{
background-position:-170px -56px;
}
li#sub-cards-opache a.current span{
background-position:-255px -56px;
}
li#sub-cards-light a.current span{
background-position:-340px -56px;
}
li#sub-cards-trasparenti a.current span{
background-position:-425px -56px;
}
/*----------------------------------*/
/*div.inside{
clear:both;
margin:18px 18px 0 0;
}*/
img.img_title{
margin:0px 0px 5px 10px;
}
div#bottom{
margin-top:1px;
text-align:center;
color:#666;
font-size:0.8em;
}
p.txt1 {
margin:10px 15px 10px 10px;
text-align:center;
font-size:14px;
line-height:22px;
}
p.txt2 {
margin:10px 15px 10px 10px;
text-align:left;
font-size:13px;
line-height:16px;
}
div#prod-box{
margin:25px 20px 0px 20px;
}
div#prod-box p{
height:40px;
}
div#sol-box{
margin:10px 30px 0px 10px;
}
div#sol-box h2{
border-bottom:1px solid #BFC6F0;
font-size:18px;
font-variant:small-caps;
margin:0 10px 5px 0;
}

div#sol-box p{
height:60px;
line-height:18px;
margin-bottom:30px;
}
div#sol-box div{
text-align:center;
float:left;
}
div#sol-box div.arrow{
width:140px;
padding-top:100px;
}
div#prod-img{
float:left;
}
div#prod-descrizione{
float:left;
width:250px;
margin-left:20px;
line-height:14px;
}
div#prod-descrizione li{
list-style-position:inside;
list-style-image:url(../images/pallino.png);
margin-left:30px;
/* font-size:0.9em; */
list-style-position:outside;
}
div#prod-descrizione span{
font-weight:bold;
font-style:italic;
font-variant:small-caps;
font-size:1.1em;
}

div#email{
margin:80px auto 0px auto;
background:transparent url(../images/box-mail.png) no-repeat scroll left top;
width:283px;
height:194px;
padding-top:10px;
}
input#input_mail{
background:transparent url(../images/box-input.png) no-repeat scroll left top;
height:32px;
width:173px;
/* margin-top:18px; */
/* margin-left:54px; */
margin:7px 0px 0px 49px;
padding:2px 5px;
font-size:25px;
color:#999;
border:0px;
}
input#button{
margin-left:100px;
}
div#login_form{
background:transparent url(../images/box.png) no-repeat scroll left top;
width:363px;
height:153px;
margin:50px auto 0px auto;
padding-top:40px;
text-align:center;
}
input.input_box{
background:transparent url(../images/box-input.png) no-repeat scroll left top;
padding:2px 5px;
height:32px;
width:173px;
/* margin-top:18px; */
margin-left:20px;
font-size:25px;
color:#999;
border:0px;
}
img.login_img{
margin-top:4px;
vertical-align:top;
}
div#contatti{
background:transparent url(../images/box.png) no-repeat scroll left top;
width:363px;
height:153px;
margin:50px auto 0px auto;
padding-top:40px;
text-align:center;
}

div.thumb{
	float:left;
/* 	margin:10px 25px; */
	margin:40px 100px 10px;
	text-align:center;
}

div.thumb img, img.show {
	padding:3px;
	background-color:#000;
	border:#444 1px solid;
}
div.thumb a,div.thumb a:visited {
	color:#BFC6F0;
	text-decoration:none;
}
div.thumb a:hover {
	color:#666;
}
div.thumb a:hover img{
	background-color:#222;
 	border-color:#666;
}

div.thumb span{
	height:10px;
	line-height:20px;
	font-variant:small-caps;
}