/*
STYLE OF RISTRUCTURA.IT
AUTHOR: Mavinet Studio - mavinet.it
*/


/*######################
   LAYOUT POSITIONING
######################*/

* body {margin:0; padding:0; font-family:sans-serif;}

* {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}

.header {
	height:110px;
}
.content {
	height:468px;
	margin:0;
	padding:0;
}
.content_mod{
	height:477px;
	margin:0;
	padding:0;
	background:#000;
	color:#fff;
}

.footer {
	height:20px;
	padding-top:10px;
}
.logo {
	position:absolute;
	left:720px;
	top:30px;
}
.logo img {
	border:none;
}
img {
	border:0;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}
a img {
	border:0;
}

.copy {
	float:left;
	margin-left:10px;
	text-transform:uppercase;
	font-size:65%;
	color:#888888;
	letter-spacing:1pt;
}
.maviprod {
	float:left;
	position:relative;
	left:200px;
	text-transform:uppercase;
	font-size:65%;
	color:#888888;
	letter-spacing:1pt;
}
.menuleft {
	float:left;
	width:210px;
	text-transform:uppercase;
	letter-spacing:1pt;
	font-size:78%;
}
.menuleft ul {
	list-style-type:none;
	margin:0;
	padding:0;
	margin-left:25px;
	margin-top:20px;
	line-height:30pt;
}
.menuleft a {
	text-decoration:none;
	color:#fff;
}

.menuleft a:link {color:#fff;}
.menuleft a:visited {color:#fff;}
.menuleft a:hover {color:#ff3300; text-decoration:underline;}

.imgsez {
	float:left;
	position:relative;
	left:220px;
}
.contatti {
	font-size:60%;
	color:green;
	margin:0;
	padding:0;
}
.testo a {
	text-decoration:none;
	color:#fff;
}
.testo a:hover {
	text-decoration:underline;
	color:#ff3300;
}
.testo a:visited {
	color:#fff;
}
.testo {
	width:230px;
	position:absolute;
	left:737px;
	top:130px;
	font-size:70%;
	letter-spacing:1pt;
	line-height:16pt;
	text-align:left;
}
.testo h2 {
	font-size:110%;
	text-transform:uppercase;
	font-weight:normal;
	margin-bottom:0;
}
.testo ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
.testo li {
	margin-top:0px;
	padding-top:0px;
}

.gallery {
	width:690px;
	text-align:right;
}
.mat-gallery {
	position:absolute;
	left:220px;
}
.ghost {
	display:none;
}
.active {color:#ff3300;}
.active a {color:#ff3300; text-decoration:none;}
.active a:link {color:#ff3300;}
.active a:hover {color:#ff3300;}
.active a:visited {color:#ff3300;}



/* MENU DI NAVIGAZIONE STILI */

ul#navi {width:700px; margin:0; padding-left:235px; padding-top:85px; list-style-type:none; text-align:left; }

ul#navi li {
	float:left;
	text-transform: uppercase;
	text-align:center;
	width: 117px;
	color:#000; 
	font-size:75%; 
	font-weight:700;
	letter-spacing:1.5pt;
}

ul#navi a {text-decoration:none;}
ul#navi a:link {color:#000;}
ul#navi a:visited {color:#000;}
ul#navi a:hover {color:#ff3300; text-decoration:underline;}





/* PUZZLE IMMAGINI (PRESENTE IN SEZIONI: HOMEPAGE, MATERIALI */

.puzzle {width:702px; margin:0; padding:0;}
.puzzle ul {list-style-type:none; margin:0; padding:0}
.puzzle img {border:0;}
.var_img {float:left; height:117px;}
.var_orange {float:left; background:#ff3300; width:117px; height:117px; padding-left:0px; }
.var_white {float:left;	background:url(img/spw.gif); width:117px; height:117px; padding-left:0px; }
.var_black {float:left;	background:#000; width:117px; height:117px; padding-left:0px; }
.var1 {float:left; padding-left:0px; height:117px;}


.medium {
position:relative;
left:235px;
width:500px;
}

.medium2 {
position:absolute;
left:235px;
width:500px;
}




/* STILE */
.payoff {
	font-family:Times New Roman;
	text-transform:uppercase;
	font-size:120%;
	color:#999999;
	letter-spacing:1pt;
	font-weight:normal;
	padding-left:10px;
	margin-top:12px;
}

.content {
	background:#000;
	color:#fff;
}

/* MENU PORTFOLIO */


ul#portfolio {width:280px; text-align:center;}
ul#portfolio li {float:left; height:50px; width:34px; display:inline; margin-left:10px; margin-right:10px; font-size:80%;}

.menuport {position:absolute; top:135px; left:716px;}
.menuport a {text-decoration:none;}
.menuport a:link {color:#fff;}
.menuport a:visited {color:#fff;}
.menuport a:hover {color:#ff3300; text-decoration:underline;}

.activeport {color:#ff3300;}
.activeport a {color:#ff3300; text-decoration:none;}
.activeport a:link {color:#ff3300;}
.activeport a:hover {color:#ff3300; text-decoration:underline;}
.activeport a:visited {color:#ff3300;}