@charset "UTF-8";
/* CSS Document */


/*BODY*/

body {
	background-image:url(img/arkt/bg_fondo.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin:0 auto;
	background-color:#161616;
}

/*.png*/
div,img,span,h2,h3{

	behavior: url(iepngfix.htc);

}


p:{margin:0 10px 0 10px;line-height:0.5;}
h2{font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-size: 14px; text-align:left; color: #999;line-height:0.7;margin: 3px 0 3px 0; font-weight: lighter;}
h3{font-family: Myriad Pro, Arial, Helvetica, sans-serif; font-size: 12px; text-align:left; color: #4F4F4F;line-height:1.3;margin: 3px 0 3px 0; font-weight: lighter;}
h4{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size: 10px;
	text-align:left;
	color: #363636;
	line-height:1.45;
	margin:5px 0;
	text-align:center;
}
h5{font-family: Arial, Helvetica, sans-serif; font-weight:lighter; font-size: 10px; text-align:left; color: #161616; line-height:1.2;margin:0;text-align:center;}


style1{font-family: Arial, Helvetica, sans-serif; font-size: 20px; text-align:left; color:#CCCCCC;}
style2{font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align:left; color:#999999;}
style3{font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align:left; color:#B5B5B5;}

hover{color: #999;}
a {color: #999; text-decoration:none;}





div#wrap{
margin:0 auto;
padding:20px 0;
width: 1000px;
height:auto;
background:none;
}
#area{
	width: 1000px;
	float:left;
	background-image:url(img/arkt/bg_corpo.jpg);
	background-repeat:repeat;
}
.divisione{
	width:940px;
	height:1px;
	float:left;
	margin:0 auto;
	margin-bottom:20px;
	padding:0;
	background-color: #333;
}

div#corpo{
width:650px;
padding: 26px 26px 46px 26px;
margin: 0px;
height:auto;
}

#contenuto_portfolio{
width:940px;
height:auto;
padding:20px 30px;
float:left;
}
.pagina_dedicata{
width:auto;
height:auto;
padding:20px 30px;
float:left;
}
.spazio_img{
width:auto;
height:auto;
margin: 20px 0;
}
.descrizione{
	width:300px;
	height:auto;
	float:left;
	background:none;
	margin: 40px 0;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	color:#666;
	}
.title{ font:Arial, Helvetica, sans-serif; font-size:20px;color:#666; line-height:1;padding:8px 0px;}
.dettagli{
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#434343;
	line-height:1.5;
	padding:10px 0;
	font-style:italic;
	font-weight:lighter;
}
.opera{ font:Arial, Helvetica, sans-serif; font-size:14px;color:#999; line-height:1.5;padding:10px 0px 0px 5px; border-left:#999 solid 1px;}
.dida{ font:Arial, Helvetica, sans-serif; font-size:12px;color:#434343; line-height:1.5;padding:5px 0px 10px 5px;}

.extra_box{
	width:auto;
	height:auto;
	float:left;
	background-color:none;
	padding:10px 0;
}
.extra_img{
	width:310px;
	height:140px;
	background-color:#069;
	padding:0;
	
}


#welcome{
width:1000px;
height:661px;
padding: 0;
margin: 0;
float:left;
background-image: url(img/welcome/welcome.jpg);
}
.about{
width: auto;
padding:30px 20px 70px 34px;
float:left;
}

div#head{
width:1000px;
height: 105px;
margin:0px 0px 0px 0px;
background-image:url(img/arkt/head.png);
background-repeat:no-repeat;
}

div#menu{
width:1000px;
height: 43px;
margin:0 auto;
padding:0;
}

/*MENU JS*/
        .menu {
            position: relative;
            height: 43px;
            width: auto;
            background: url("menu/menu.jpg") no-repeat;
            padding: 0px 0px 0px 20px;
            margin: 0 auto;
            overflow: hidden;
        }
                .menu li {
                    float: left;
					height:42px;
					display: inline-block;
					margin:0px 1px 0px 1px;
					background-image:url(img/arkt/bg_menu.jpg);
                }
                    .menu li.back {
                        background: url("menu/lava.jpg") no-repeat right -30px;
                        width: 0px; height: 42px;
						margin:0;
                        z-index: 8;
                        position: absolute;
						/* for IE */
                            filter:alpha(opacity=50);
                            /* CSS3 standard */
                            opacity:0.5;
						
                    }
                        .menu li.back .left {
                            background: url("menu/lava.jpg") no-repeat top left;
                            height: 42px;
							
                        }
                    .menu li a {
						margin:14px 14px 14px 14px;
                        font:14px  Myriad Pro, Arial, Helvetica, sans-serif;
						font-weight: lighter;
                        text-decoration: none;
                        color: #565656;
                        outline: none;
                        text-align: center;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        position: relative;
                        overflow: hidden;
						
                           
                            
                    }
                        .menu li a:hover, .menu li a:active {
                            border: none;
							color:#a1a1a1;
                        }

                   


/*MODULO*/

div#main_testo{
width: 650px;
margin:0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
background-color:none;
}
div#main{
width: 630px;
margin:0px 0px 30px 0px;
padding: 0px 10px 30px 10px;
border:0px;
background-image:url(img/arkt/potfolio/main_bg.jpg);
background-repeat: repeat-x;
}
#main a:hover{
border:0px;
color:#fff;
}
div#img{
width: 630px;
margin:0;
}


/*GALLERY*/
div#block{
width:auto;
height:280px;
float:left;
background-color:#000;
padding:0;
margin:2px 6px 20px 6px;
}
div#quad{
width: 160px;
height:220px;
margin:8px;
padding: 0;
border:0;
float:left;
background-color:#000;
}
div#desc{
width:auto;
height:30px;
margin:0;
margin-bottom:10px;
padding: 8px;
border:0px;
color:#4F4C48;
background-color:#000;
float:left;
}
.sezione{font:Arial, Helvetica, sans-serif; font-size:12px;color:#999; line-height:1.5;}
.titolo{font:Arial, Helvetica, sans-serif; font-size:10px;color:#444443;line-height:1.2;}

/*CONTACT*/
.contatti{
width:auto;
margin:0px 0px 10px 0px;
padding: 0px 10px 10px 10px;
border:0px;
}
.voce{
	font-size:14px;
	font-weight:lighter;
	text-align:left;
	color:#666;
	line-height:1.6;
	padding:3px 0;
}
.sottovoce{
	height:auto;
	font-size:12px;font-weight:lighter;
	text-align:left;
	color:#999;
	line-height:1.8;
	padding:3px 0;
}
.links{
	width:auto;
	height:auto;
	font-size:12px;font-weight:lighter;
	text-align:left;
	color:#999;
	line-height:2;
	padding:3px 0;
}
.icon{
	width:20px;
	height:20px;
	padding:5px;
	margin:0;
	float:left;
}

div#footer_line{
	width:100%;
	height:45px;
	float:left;
	padding:0;
	background-image:url(img/arkt/footer_line.png);
	background-repeat:no-repeat;
}
div#footer{
	width:1000px;
	height:50px;
	float:left;
	margin:0 auto;
	padding:0;	
	background:none;
}
