@charset "utf-8";
/* CSS Document */

body {
	background-color: #000;
}
body,td,th {
	color: #CCC;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}
td.banner {
	width:900px;
	height:100px;
}
td.menu {
	width:900px;
	height:39px;
}
td.content {
	width:900px;
	height:510px;
	background-image:url(immagini/dedalo_base.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
a:link img { border: none; 
}
/* ------------------ basi -------------------- */
td.cProfile {
	width:900px;
	height:510px;
	background-image:url(immagini/c-character.jpg);
}
td.cDedalo {
	width:900px;
	height:510px;
	background-image:url(immagini/c-dedalo.jpg);
}
td.cYro {
	width:900px;
	height:510px;
	background-image:url(immagini/c-yro.jpg);
}
td.cKandy {
	width:900px;
	height:510px;
	background-image:url(immagini/c-kandy.jpg);
}
td.cHaruko {
	width:900px;
	height:510px;
	background-image:url(immagini/c-haruko.jpg);
}
td.cLucifero {
	width:900px;
	height:510px;
	background-image:url(immagini/c-lucifero.jpg);
}
#rel {
	position:relative;
	width:900px;
	height:510px;
	margin:0 auto;
	text-align:left;
	left: 0px;
	top: 0;
}
#colSx {
	position:absolute;
	width:120px;
	right:780;
	height:510px;
	background-image:url(immagini/works_colonna.png);
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	top: 0px;
	left: 0px;
	/*float:left; */
}
#colDx {
	
	height:510px;
	/*float:left;
	width:792px;
	background-image:url(immagini/works_colonna.png);
	background-color:#F9F;*/
	margin:0px 0px 0px 108px ;
}
.pul {
	width:120px;
	height:42px;
	background-image:url(immagini/works_buton.png);
	background-repeat:no-repeat;
	background-position:left;
	float:left;
	/*background-color:#0F0;*/
	padding:63px 0px;
	vertical-align:middle;
	text-align:left;
}
/* ---------------  Link   --------------- */
a:link {
	color: #999;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #999;
}
a:hover {
	text-decoration: underline;
	color: #999;
}
a:active {
	color: #999;
}
/* ------------Contatti ---------------*/

.contatti {
	background-image:url(immagini/contatti.png);
	background-repeat:no-repeat;
	color:#FFF;
	font-weight:bold;
	font-size:15px;
	width:424px;
	height:380px;
	padding:50px; 
	margin:16px 188px 0px 188px;
	text-align:right;
}
a.con{
	color:#FFF;
	font-weight:bold;
	font-size:15px;
}
a.con:link a.con:hover a.con:visited a.con:active {
	color:#FFF;
	font-weight:bold;
	font-size:15px;
}
/*-----------------------------------------------*/
.titoloDx{
	color: #FFF;
	font-size:18px;
	font-weight:bold;
	padding-right:12px;
}
.banda-dx{
	background-image:url(immagini/banda-titolo.png);
	background-repeat:no-repeat;
	background-position:right;
	vertical-align:middle;
	text-align:right;
	width:792px;
	height:38px;
	padding:14px 0px 0px 0px;
}
.banda-sx{
	background-image:url(immagini/banda-titolo2.png);
	background-repeat:no-repeat;
	background-position:left;
	vertical-align:middle;
	text-align:left;
	width:782px;
	height:38px;
	padding:14px 0px 0px 10px;
}
.object_youtube{
	background-image:url(immagini/cornice.png);
	background-position:right;
	background-repeat:no-repeat;
	vertical-align:middle;
	text-align:center;
	width:588px;
	height:366px;
	padding-top:26px;
	padding-left:108px;
}
.boxnews {
	border-top: 2px dotted #CCCCCC;
	font-size: 10px;
	padding: 3px 3px 0px 0px;
	text-align: left;
	color: #47493B;
	font-weight: normal;
	height: 100px;
}
.profile {
	background-color:#EBEBEB;
	color: #333;
	font-weight: bold;
	height:100px;
	width: 700px;
	font-size: 11px;
	text-align: left;
	border:#CCC solid 5px;
}
.image-sx {
	display: inline;
	float: left;
	margin-right: 5px;
	border: 1px solid #ccc;
	padding: 2px;
}
.titolo {
	color:#F09;
	font-size:24px;
	font-weight:bold;
	background-color:#FFF;
}
.titolo-illus {
	color:#F09;
	font-size:14px;
	font-weight:bold;
	background-color:#FFF;
}
.movement {
	padding:3px 0px 0px 70px;
	/*height:100px;*/
	width: 653px;
}
.image_movement{
	padding:0px 0px 3px 0px;
}
/*------------------ works --------------------*/
.works-valael{
	vertical-align:middle;
	text-align:center;
	width:690px;
	height:485px;
	padding-top:18px;
	padding-left:60px;
}
.banda-gallery{
	background-image:url(immagini/banda-grigia2.png);
	background-repeat:no-repeat;
	background-position:right;
	vertical-align:top;
	text-align:right;
	width:406px;
	height:182px;
	font-size:14px;
	font-weight:bold;
}
.ill-valael{
	vertical-align:middle;
	text-align:center;
	width:690px;
	height:400px;
	/*padding-top:18px;*/
	padding-left:60px;
}
.img-works {
	border: 2px solid #000;
}
.banda-gallery-txt{
		padding:100px 20px 0px 0px;
}
/*stili specifici per il layout*/
div#container{
	position:relative; 
	width: 900px;
	margin: 0 auto;
	text-align: left;
    border-left: 2px solid #36c;
	border-right: 2px solid #36c;
}

div#navigation{
	position:absolute;
	right:780px;
	width:120px;
	height:510px;
	background-image:url(immagini/works_colonna.png);
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	top: 0px;
}
div#content2{
	margin-left: 108px;
	/*padding: 1em*/
}
/*stili per la navigazione*/
div#navigation ul{
	margin: 1em 0 1em 1em;
	padding: 0; 
	list-style-type: none;
}
div#navigation li{
	margin: 0;padding: 0}
div#navigation a{
	color:#369;
	font: normal bold 1.2em/1.6em arial,sans-serif;
	text-decoration: none
}
div#navigation a:hover{
	color: #033;text-decoration: underline
}
div#navigation a#activelink{
	color: #033;text-decoration: none
}

