body {
	margin:0px;
	padding:0px;
	background: url('../img/pattern.png') repeat-x 0px 570px;
	font-family:Trebuchet MS;
	font-size:.9em;
	color:#330033;
	text-align:justify
}
div#header {
	background: url('../img/logo.kreos.png') no-repeat left bottom;
	width:960px;
	height:90px;
	margin:auto;
}

div#angolo-sup {
	width:970px;
	height:11px; font-size:0.1em;
	margin:auto;
	margin-top:5px;
	background: url('../img/bkg-top.png') repeat-y;
}
div#main-sup {
	width:970px;
	height:550px;
	margin:auto;
}
	div#main-sup div#main-sx,
	div#main-sup div#main-dx {
		width:11px;
		height:550px;
		background: url('../img/angolo.h.png') repeat-y;
		float:left;
	}
	div#main-sup div#main-dx {
		background: url('../img/angolo.h.png') repeat-y 1px;
	}
	div#main-sup div#main-ce {
		width:970px;
		height:550px;
		float:left;
		background: url('../img/bkg-centrale.png') repeat-y;
	}

div#footer {
	height:200px;
	width:100%;
	background: url('../img/ombra-sopra.png') no-repeat center 1px;
	margin:auto;
	margin-top:8px;
	z-index:10;
}
        div#fumetto-jacket{
                width:960px;
                height:254px;
                margin:auto;
        }
        div#fumetto {
        	position: relative; top:125px; left:195px;
                height:81px; width:760px;
                background: url('../img/fumetto.png') no-repeat;
        }
        div#fumetto-testi {
                height:40px;
                left:234px;
                position:relative;
                top:133px;
                width:708px;
        }
div#s-footer {
	height:26px;
	width:100%;
	background: url('../img/ombra-sotto.png') no-repeat center 0px;
        margin-bottom:20px;
}
div#kameleon {
	width:100%; height:254px;
	position:absolute;
	top:620px;
	z-index:20;
}
	div#kameleon div#kame {
		width:960px; height:254px;
		margin:auto;
		background: url('../img/camaleonte.png') no-repeat left center;
	}

div#grass {
	width:100%;
	height:116px;
	position:absolute; top:593px;
	
}
        div#inner-grass {
                width:970px;
                height:106px;
                margin:auto;
                background: url('../img/pattern-centrale.png') no-repeat 0px 0px;
        }
        div#barra {
                width:970px;
                height:10px;
                margin:auto;
                background: #dddddd url('../img/barra-grigia-sotto.png') repeat-y;
        }

span.titolo {
	color:#D60067;
	font-weight:bold;
	font-size:1.2em;
	}
span.fucsia, a.alinkmail {
	color:#D60067;
	font-weight:bold;
	}
a.alinkmail {
	font-weight:normal;
	text-decoration: none;
	}
a.alinkmail:hover {
	text-decoration: underline;
}

        
/* schede */
	/* profilo */
	div#pp1 {
		background: #d60067 url('../img/fiori.png') no-repeat center center;;
	}
	div#profilo-box {
		background: url('../img/riquadro_profilo.png') no-repeat center center;
		width:486px; height:339px;
		margin-top:14px;
		color:#330033;
		font-size:0.8em;
		line-height:1.15em;
		text-align:justify
	}
	div#profilo-idea {
		float:right; width:386px; height:306px;
		background: url('../img/idea.png') no-repeat center center;
		position:relative; top:89px;
	}
	div#profilo-profili { height:93px; }
	div.profilo-class {
		float:left;
		width:148px; height:93px;
	}
	div#profilo-angelica {
		background: url('../img/angelica-ruaro.png') no-repeat left center;
	}
	div#profilo-stefano {
		background: url('../img/stefano-beber.png') no-repeat left center;
	}
	div#profilo-carlo {
		background: url('../img/carlo-denaro.png') no-repeat left center;
	}
	div#profilo-brochure { height:60px; }
	div.profilo-bruchure-class {
		float:left;
		height:60px;
		width:200px;
		cursor:pointer;cursor:hand;
		text-align:center;
		margin-top:15px
	}
	div#profilo-brochure-vedi {
		background: url('../img/lente_bn.png') no-repeat 10px center;
	}
	div#profilo-brochure-vedi:hover {
		background: url('../img/lente_col.png') no-repeat 10px center;
	}
	div#profilo-brochure-scarica {
		margin-left:20px;
		background: url('../img/box_bn.png') no-repeat 10px center;
	}
	div#profilo-brochure-scarica:hover {
		background: url('../img/box_col.png') no-repeat 10px center;
	}
	div.brochure-testo {
		margin-top:17px; margin-right:35px;
		float:right;
		width:100px;
		font-size:.8em;
	}
	/* grafica webdesign foto */
	div#pp2, div#pp3, div#pp4, div#pp5 {
		background: #d5d5d5;
	} 
	
	
	/* dove */
	div.how-right {
		float:right;
		width: 310px;
	}
	div.how-title {
		height:60px;
		color:white;
		font-size:2.8em;
		text-align:right;
	}
	div.how-fumetto-big {
		width: 310px;
		height: 288px;
		background: url('../img/fumetto.dove.png') no-repeat right center;
	}
		div.how-fumetto-big-jacket {
			padding:35px; padding-left:65px;
			height:30px;
			text-align:justify;
			line-height:1.3em;
			font-size:.8em;
		}
	div.how-fumetto {
		width: 310px;
		height: 152px;
		background: url('../img/fumetto.altro.png') no-repeat right center;
	}
		div.how-fumetto-jacket {
			padding:35px; padding-left:65px;
			height:30px;
			line-height:1.3;
			text-align:justify;
			font-size:.8em;
		}
	div.how-text {
		height:144px;
		line-height:1.15;
		margin-left:40px; margin-top:20px;
		width:260px;
		font-size:.75em;
	}
	div#dove-frame {
		margin-top:8px;
		width:586px;
		height:353px;
		background:white;
	}
	div#dove-mappa {
		position:relative;
		top:10px;
		left:10px;
		background:#ccc;
		width:566px;
		height:333px;
	}
	
	/* grafica - webdesign - foto */
	div.grid-left {
		margin-top:5px;
		width:598px;
		height:360px;
	}
	div.real-grid {
		width:210px;
		height:351px;
		background: white url('../img/griglia.png') no-repeat center center;
		float:left;
	}
	div.big-grid {
		float:left;
		width:351px;
		height:351px;
		background: white;
		margin-left:14px;
	}
	
/* fumetto bianco */
	div#white {
                width:375px;
		height:59px;
		background: white url('../img/white.jpg') no-repeat center center;
		float:left;
                margin-left:37px;
                margin-top:11px;
        }
        div#white-jacket {
                font-size:0.8em;
				line-height:1.15;
                padding:15px 10px;
        }
/* bottoni */
        div#bottoni {
                float:right;
                height:56px;
                margin-right:15px;
                margin-top:13px;
                width:300px;
        }
        div.wbutton {
                width:75px;
                height:56px;
                cursor:hand;cursor:pointer;
                float:left;
        }
	div.bfacebook {
                background: url('../img/FB_bn.png') no-repeat left center;
        }
        div.bfacebook:hover {
                background: url('../img/FB_col.png') no-repeat left center;
        }
        div.btwitter {
                background: url('../img/Twitter_bn.png') no-repeat left center;
        }
        div.btwitter:hover {
                background: url('../img/Twitter_col.png') no-repeat left center;
        }
        div.bskype {
                background: url('../img/Skype_bn.png') no-repeat left center;
        }
        div.bskype:hover {
                background: url('../img/Skype_col.png') no-repeat left center;
        }
        div.bmail {
                background: url('../img/mail_bn.png') no-repeat left center;
        }
        div.bmail:hover {
                background: url('../img/mail_col.png') no-repeat left center;
        }
/* fumetto testi */
        div.testo-del-fumetto {
                color:#8f8f8f;
                font-size:.75em;
        }
        div#testo-sinistra {
                width:375px;
                float:left;
        }
        div#testo-destra {
                float:right;
                width:320px;
        }
        div.testo-destra-class {
                width:77px;
                float:left;
                text-align:center;
        }