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

html, body{
	background-color:#a7a2a6;
    height:100%;
    margin:0;
}
#contenitore{
	background-image:url(../images/background.jpg);
	position: absolute;
	margin-left: -512px;
	left: 50%;
	width:1024px;
	height:100%;
}
#contenitore_int{
	width:1024px;
	height:768px;
	position: absolute;
	left: 50%;
	margin-left: -512px;
	/*margin-top: -384px;*/
	/*top: 50%;*/
}
#contenitore_sx{
	width:250px;
	height:768px;
	float:left;
}
#contenitore_dx{
	width:774px;
	height:768px;
	float:left;
}
#contenitore_foto_home{
	width:773px;
	height:657px;
	float:left;
}
#contenitore_testo_home{
	width:720px;
	height:70px;
	margin-top:10px;
	float:left;
	text-align:right;
}
#contenitore_foto_about{
	width:773px;
	height:265px;
	float:left;
}
#contenitore_testo_about {
	float: left;
	height: 480px;
	margin-left: 10px;
	margin-top: 10px;
	width: 750px;
	line-height:105%;
}
#contenitore_testo_contatti {
	float: left;
	height: 150px;
	margin-left: 40px;
	margin-top: 470px;
	width: 700px;
}
#contenitore_testo_servizi {
    background-image: url("../images/servizi/testi_background.png");
    float: right;
    height: 200px;
    margin-right: 1px;
    margin-top: 502px;
    padding: 10px;
    width: 615px;
}
#contenitore_porfolio{
	width:734px;
	height:688px;
	float:left;
	padding:40px;
	padding-right:0px;
	padding-top:30px;
}
#portfolio{
	margin-bottom:5px;
	margin-right:10px;
	float:left;
	height:142px;
	width:340px;
}
#portfolio_titolo{
	margin-bottom:0px;
	margin-right:0px;
	float:left;
	height:27px;
	width:330px;
	background-color:#A7A2A6;
	margin-top: 5px;
	padding: 5px;
}
#portfolio_foto{
	float:left;
	height:100px;
	width:340px;
	background-color:#FFFFFF;
}	
#back {
    float: right;
    height: 25px;
    margin-left: 603px;
    margin-top: -73px;
    position: absolute;
    text-align: center;
    width: 150px;
    z-index: 1000;
}
/*------------------------------------------SX------------------------------------------*/


#column_sx_language{
	width:250px;
	height:20px;
	margin-left:0px;
	float:left;
	margin-bottom:10px;
	margin-top:10px;
	text-align: center;
}
#column_sx_logo{
	width:200px;
	height:130px;
	margin-left:25px;
	float:left;
	margin-bottom:10px;
	margin-top:170px;
}
#column_sx_logo_2{
	width:210px;
	height:63px;
	margin-left:20px;
	float:left;
	margin-bottom:10px;
	margin-top:10px;
}
#column_sx_menu{
	width:200px;
	height:220px;
	margin-left:25px;
	float:left;
	margin-bottom:10px;
	margin-top:10px;
}
#column_sx_social {
    float: left;
    height: 50px;
    margin-bottom: 10px;
    margin-left: 70px;
    margin-top: 10px;
    width: 90px;
}
#social{
	width:50px;
	height:50px;
	margin-right:5px;
	float:left;
}
#header_social_1, #header_social_2, #header_social_3 {
	width:20px;
	height:20px;
	float:left;
	margin-top: 0px;
	margin-left: 5px
}

#header_social_1 a {
	display: block;
	width:20px;
	height:20px;
	background:url(../images/social/fb_small.png) no-repeat top right;
	float:left;
	margin-top: 0px;
	margin-left: 5px
}
#header_social_2 a{
	display: block;
	width:20px;
	height:20px;
	background:url(../images/social/tw_small.png) no-repeat top right;
	float:left;
	margin-top: 0px;
	margin-left: 5px
}
#header_social_3 a{
	display: block;
	width:20px;
	height:20px;
	background:url(../images/social/in_small.png) no-repeat top right;
	float:left;
	margin-top: 0px;
	margin-left: 5px;
}
#header_social_1 a:hover {
	background-position: top right;
	float:left;
}
#header_social_2 a:hover {
	background-position: top right;
	float:left;
}
#header_social_3 a:hover {
	background-position: top right;
	float:left;
}
/*------------------------------------------fine SX------------------------------------------*/