@charset "utf-8";
/* CSS Document */

html
{
height:100%;
}

body
{
height:100%;
margin:0;
padding:0;
font-family:Verdana;
font-size:13px;
color:#FFF;
background:url(../images/bg_rn.png) repeat;
z-index:-3;
}

a
{
outline:none; /*Firefox*/
color:#FFF;
text-decoration:none;
}

h1,h2
{
margin:0;
padding:0;
letter-spacing:2px;
}

h1
{
font-size:42px;
margin-left:50px;
}

h1 span
{
color:#F86307;
}

h2
{
margin-bottom:20px;
font-size:20px;
color:#CCC;
text-shadow:1px 1px #FFF; /*CSS3*/
}

#container
{
position:absolute;
left:50%;
top:50%;
margin-top:-285px;
margin-left:-450px;
width:900px;
}

*html #conteiner
{ /*min-height Internet Explorer6*/
height:100%;
}

#content
{
width:100%;
height:492px;
margin:auto;
margin-top:0px;
background:#000;
}

#content_tl
{
margin-top:10px;
width:50px;
height:30px;
float:left;
background:url(../images/bg_tl.png) no-repeat 0 0;
}
#content_tr
{
margin-top:10px;
width:50px;
height:30px;
float:right;
background:url(../images/bg_tr.png) no-repeat 100% 0;
}

#content_bl
{
margin-bottom:10px;
width:50px;
height:30px;
float:left;
background:url(../images/bg_bl.png) no-repeat 0 100%;
}
#content_br
{
margin-bottom:10px;
width:50px;
height:30px;
float:right;
background:url(../images/bg_br.png) no-repeat 100% 100%;
}

#content_c
{
width:800px;
background:#000;
margin-top:10px;
float:left;
height:30px;
margin-left:0px;
margin-right:0px;
}

#content_bc
{
background:#000;
margin-bottom:10px;
height:30px;
margin-left:0px;
float:left;
margin-right:0px;
width:800px;
}

#header
{
width:92%;
height:250px;
margin-left:4%;
margin-right:4%;
margin-bottom:30px;
margin-top:0px;
}


#header_content
{
height:290px;
float:left;
width:300px;
text-align:left;
margin-left:-10px;
}

#clr
{
clear:both;
margin:0px;
padding:0px;
}

#logo
{
height:290px;
background:url(../images/logo.png) no-repeat 100% 0;
float:right;
width:484px;
margin-right:40px;
}

#opac
{
	z-index:10;
	background-color:#666;
	opacity:.50;
	filter:alpha(opacity=50);
	width:100%;
	position: absolute;
	top:0;left:0;
	bottom:0px;
	padding: 0px;
	display:none;
}

#pop_up
{
	z-index:15;
	position:absolute;
	top:50%;
	left:50%;
	margin:-50px 0 0 -50px;
	background:url(../images/sfondo.png) center;
	width:100px;
	height:100px;
	display:none;
}

#cross
{
	z-index:20;
	position:absolute;
	top:50%;
	left:50%;
	margin:-185px 0 0 334px;
	width:32px;
	height:32px;
	display:none;
}

#titolo
{
	z-index:25;
	position:absolute;
	top:50%;
	left:50%;
	margin:-213px 0 0 -364px;
	width:270px;
	height:27px;
	display:none;	
}

#testo
{
	z-index:25;
	position:absolute;
	top:50%;
	left:50%;
	margin:-150px 0 0 -358px;
	width:630px;
	height:375px;
	display:none;
	overflow:hidden;
}

#testo_informativo
{
	z-index:35;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	position:absolute;
	width:260px;
	height:75px;
	top:0%;
	left:59%;
}

#testo_informativo2
{
	z-index:35;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	position:absolute;
	width:260px;
	height:75px;
	top:37%;
	left:59%;
}

.img
{
	clear:both;
	border:none;
	margin:0px;
	padding:0px;
	width:240px;
	height:33px;
}

.txt
{
	display:none;
}

.spoiler
{
	display:none;
	width:600px;
	margin-left:20px;
	background-color:#FFF;
	padding:5px 10px 5px 10px;
	color:black;
	opacity:.50;
	filter:alpha(opacity=50);
}

#up
{
	z-index:20;
	position:absolute;
	top:50%;
	left:50%;
	margin:-145px 0 0 330px;
	width:32px;
	height:32px;
	display:none;
}
#down
{
	z-index:20;
	position:absolute;
	top:50%;
	left:50%;
	margin:185px 0 0 330px;
	width:32px;
	height:32px;
	display:none;
}

#top
{
	background-image:url(../images/top.png);
}

#contatti
{
	background-image:url(../images/contatti.png);
}

#whysite
{
	background-image:url(../images/whysite.png);
}

#servizi
{
	background-image:url(../images/servizi.png);
}

#staff
{
	background-image:url(../images/staff.png);
}

#portfolio
{
	background-image:url(../images/portfolio.png);
}

#bottom
{
	background-image:url(../images/bottom.png);
}

#up
{
	background-image:url(../images/up.png) no-repeat;
}

#down
{
	background-image:url(../images/down.png) no-repeat;
}


/*Menu menu*/
.menu div
{
	margin-top:30px;
	margin-left:30px;
}


.menu ul
{
	list-style:none;
	margin:0;
	padding:0;
}
.menu li a
{
	margin-top:0px;
	margin-left: 30px;
	margin-bottom:0px;
	display: block;
	overflow: hidden;
	display: block;
	width: 240px;
	height: 33px;
	text-indent:-9999px;
	background-repeat: no-repeat;
	background-image:url(../images/menu.png);
	float:left;
}

a.contatti {background-position: 0px 0px;}
a.whysite {background-position: 0px -33px;}
a.servizi {background-position: 0px -66px;}
a.staff {background-position: 0px -99px;}
a.portfolio {background-position: 0px -132px;}

a.contatti:hover {background-position: -240px 0px;}
a.whysite:hover {background-position: -240px -33px;}
a.servizi:hover {background-position: -240px -66px;}
a.staff:hover {background-position: -240px -99px;}
a.portfolio:hover {background-position: -240px -132px;}


/* Menu basso*/
.bottoni ul
{
	list-style:none;
	padding:0;
	height:188px;
}

.bottoni li a
{
	margin-top:0px;
	margin-left:30px;
	margin-bottom:0px;
	display: block;
	overflow: hidden;
	height: 188px;
	text-indent:-9999px;
	background-repeat: no-repeat;
	background-image:url(../images/bottoni.png);
	float:left;
	position:relative;
}

a.personal {background-position: 0px 0px;width:189px;}
a.company {background-position: -189px 0px;width:188px;}
a.commercial {background-position: -377px 0px;width:188px;}
a.cms {background-position: -565px 0px;width:189px;}

a.personal:hover {background-position: 0px -188px;width:189px;}
a.company:hover {background-position: -189px -188px;width:188px;}
a.commercial:hover {background-position: -377px -188px;width:188px;}
a.cms:hover {background-position: -565px -188px;width:189px;}


.clear
{
	height:10px;
	clear:both;
	width:800px;
}