@charset "UTF-8";
/* CSS Document */
body{
	background:#000;
	color:#fff;
	font-family: arial;
	font-size: 12px;
}
img{
	border: 0;
}
#container {
 position:absolute;
 top:50%;
 left:50%;
 width:850px;
 height:600px;
 margin-left:-425px;
 margin-top: -300px;
 }  
 
.top{
	 height:125px;
 }
.center{
	 height:420px;
	 border-left: 1px solid #fff;
 	 border-right: 1px solid #fff;
	 background:#fff;
	 color:#1a171b;
 }
 .centerm{
	 height:420px;
	 border-left: 1px solid #fff;
 	 border-right: 1px solid #fff;
	 color:#1a171b;
 }
 .centerindex{
	 height:350px;
	 border-left: 1px solid #fff;
 	 border-right: 1px solid #fff;
	 background:#fff;
	 color:#000;
 }
 
.center_interna{
	height:350px;
	border-left: 1px solid #fff;
 	border-right: 1px solid #fff;
	background:#fff;
	color:#000;
}
 .center_materials{
	height:419px;
	border-left: 1px solid #fff;
 	border-right: 1px solid #fff;
	color:#000;
}
.center_team{
	height:350px;
	border-left: 1px solid #fff;
 	border-right: 1px solid #fff;
	color:#000;
}

.bottom_home{
	 height:55px;
	 border-left: 1px solid #fff;
 	 border-right: 1px solid #fff;
 }
 
 .bottom_index{
	 height:125px;
	 border-left: 1px solid #fff;
 	 border-right: 1px solid #fff;
 }
 
 .bottom_interna{
	 height:125px;
	 background:url(immagini/basso.jpg) top left no-repeat;
 }
 
#logo{
	float:left;
	width:135px;
	height:124px;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
}

#logoindex{
	float:left;
	width:135px;
	height:125px;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
}
#menu{
	background:url(immagini/altodx.jpg) top right no-repeat;
	float:right;
	height:125px;
	text-align:right;
}


#menuindex{
	width:135px;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
	float:right;
	height:125px;
	text-align:right;
}


#bottsx_home{
	float:left;
	border-bottom:1px solid #fff;
	width:135px;
	height:55px;
}
#bottdx_home{
	float:right;
	border-bottom:1px solid #fff;
	width:135px;
	height:55px;
}

#bottsx_interna{
	float:left;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	width:135px;
	height:125px;
}
#bottdx_interna{
	float:right;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	width:135px;
	height:125px;
}

#bott1_interna{
	background:url(immagini/bassosx.jpg) top left no-repeat;
	float:left;
	width:25%;
	height:125px;
	text-align:center;
}

#bott2_interna{
	float:left;
	height:125px;
	text-align:center;
	z-index:20;
}
.bott2_interna{
	float:left;
	height:125px;
	text-align:center;
	z-index:20;
}

#bott3_interna{
	float:left;
	width:25%;
	height:125px;
	text-align:center;
}

#bott4_interna{
	background:url(immagini/bassodx.jpg) top right no-repeat;
	float:left;
	width:25%;
	height:125px;
	text-align:center;
}

#bottsx_index{
	float:left;
	border-bottom:1px solid #fff;
	width:135px;
	height:125px;
}

#bottcc_index{
	float:left;
	width:578px;
	margin-top:25px;
	text-align:center;
}
#bottcc_interna{
	float:left;
	width:578px;
}
#bottcc_interna table{margin-top:28px;width:100%;color:#87888A;font-size:34px;}
#bottcc_interna table td{text-align:center;}
#bottcc_interna .tdsx{
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	width:5px;
}
#bottcc_interna .tddx{
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	width:5px;
}
.bottom_index a, .bottom_index a:hover, .bottom_index a:active, .bottom_index a:visited, .bottom_index a:focus{
	border:0;
	text-decoration:none;
}

#bottdx_index{
	float:right;
	border-bottom:1px solid #fff;
	width:135px;
	height:125px;
}

#testohome{
	float:left;
	width:220px;
	padding:14px 35px;
	line-height:20px;
}
#fotohome{
	float:right;
	padding-top:35px;
}

#sample-menu-4{
	padding-left:50px;
	margin-top:40px;
}

#ulteam{
	padding-left: 55px;
}

#uldesign{
	padding-left: 85px;
}

#ulyachts{
	padding-left: 78px;
}

#ulatelier{
	padding-left: 30px;
}

#logocc_index{
	width:100%;
	text-align:center;
	height:270px;
}
#bassodx_index{
	width:100%;
	text-align:right;
}
#coming{
	float:left;
	width:732px;
	text-align:center;
	font-size:18px;
	padding-top:30px;
}
#image_materials {
	float:left;
	background:#000;
	padding:0 10px;
}
#image_wrap {
	/* dimensions */
	float:left;
	padding:12px;

	/* centered */
	text-align:center;

	/* some "skinning" */
}
#fotointerna{
	float:left;
	padding:12px;
}

#fototeam{
	float:left;
	margin-left:135px;
}

#testointerna{
	float:right;
	width:220px;
	padding-right:20px;
	line-height:15px;
}
#testomaterials{
	float:right;
	width:226px;
	padding:0px 22px;
	background:#fff;
	height:419px;
	line-height:16px;
}

#testooffice{
	float:right;
	width:228px;
	padding:0px 20px;
	background:#fff;
	height:419px;
	line-height:15px;
}
#testolifestyle{
	background:#fff url(immagini/pattern.jpg) top center no-repeat;
	float:right;
	width:228px;
	padding:0px 20px;
	height:419px;
	line-height:15px;
}
#testocontact{
	float:right;
	width:268px;
	background:#000;
	color:#fff;
	margin-top:90px;
	line-height:18px;
	font-size:14px;
}
#testocontact h1{font-size:16px;font-weight:normal;}
#testocontact h2{font-size:14px;font-weight:normal;color:#666;line-height:0px;}

#testocontact a{
	color:#fff;
	text-decoration:none;
}
#testopomponi{
	float:right;
	width:170px;
	padding-right:115px;
	padding-top: 57px;
	color:#fff;
	line-height:18px;
}
#testoviani{
	float:right;
	width:170px;
	padding-right:115px;
	padding-top: 86px;
	color:#fff;
	line-height:20px;
}
#testopernisco{
	float:right;
	width:226px;
	padding-right:59px;
	padding-top: 57px;
	color:#fff;
	line-height:20px;
}
#testotreviglio{
	float:right;
	width:170px;
	padding-right:115px;
	padding-top: 67px;
	color:#fff;
	line-height:20px;
}
#testociacci{
	float:right;
	width:170px;
	padding-right:115px;
	padding-top: 78px;
	color:#fff;
	line-height:20px;
}
#testotognoli{
	float:right;
	width:226px;
	padding-right:59px;
	padding-top: 76px;
	color:#fff;
	line-height:20px;
}
a.atelier02{
	background:url(immagini/atelier/small/atelier02.jpg);
	margin:22px 40px;
}
#bott2_interna a:hover {
background-position:0 0;
}
#bott2_interna a {
	background-position:0 -80px;
	display:block;
	height:80px;
	text-indent:-9999px;
	width:110px;
}

a.atelier03{
	background:url(immagini/atelier/small/atelier03.jpg);
	margin:22px 40px;
}
#bott3_interna a:hover {
background-position:0 0;
}
#bott3_interna a {
	background-position:0 -80px;
	display:block;
	height:80px;
	text-indent:-9999px;
	width:110px;
}

a.atelier04{
	background:url(immagini/atelier/small/atelier04.jpg);
	margin:22px 40px;
}
#bott4_interna a:hover {
background-position:0 0;
}
#bott4_interna a {
	background-position:0 -80px;
	display:block;
	height:80px;
	text-indent:-9999px;
	width:110px;
}
a.atelier01{
	background:url(immagini/atelier/small/atelier01.jpg);
	margin:22px 40px;
}
a.atelier05{
	background:url(immagini/atelier/small/atelier05.jpg);
	margin:22px 40px;
}
a.atelier06{
	background:url(immagini/atelier/small/atelier06.jpg);
	margin:22px 40px;
}
a.atelier07{
	background:url(immagini/atelier/small/atelier07.jpg);
	margin:22px 40px;
}
a.atelier08{
	background:url(immagini/atelier/small/atelier08.jpg);
	margin:22px 40px;
}
a.atelier09{
	background:url(immagini/atelier/small/atelier09.jpg);
	margin:22px 40px;
}
a.atelier010{
	background:url(immagini/atelier/small/atelier010.jpg);
	margin:22px 40px;
}
a.atelier011{
	background:url(immagini/atelier/small/atelier011.jpg);
	margin:22px 40px;
}
a.atelier012{
	background:url(immagini/atelier/small/atelier012.jpg);
	margin:22px 40px;
}
a.atelier013{
	background:url(immagini/atelier/small/atelier013.jpg);
	margin:22px 40px;
}

a.yacht_int01{
	background:url(immagini/yachts/small/yacht_int01.jpg);
	margin:22px 40px;
}

a.yacht_int02{
	background:url(immagini/yachts/small/yacht_int02.jpg);
	margin:22px 40px;
}
a.yacht_int03{
	background:url(immagini/yachts/small/yacht_int03.jpg);
	margin:22px 40px;
}
a.yacht_int04{
	background:url(immagini/yachts/small/yacht_int04.jpg);
	margin:22px 40px;
}
a.yacht_int05{
	background:url(immagini/yachts/small/yacht_int05.jpg);
	margin:22px 40px;
}
a.yacht_int06{
	background:url(immagini/yachts/small/yacht_int06.jpg);
	margin:22px 40px;
}
a.yacht_int07{
	background:url(immagini/yachts/small/yacht_int07.jpg);
	margin:22px 40px;
}
a.yacht_int08{
	background:url(immagini/yachts/small/yacht_int08.jpg);
	margin:22px 40px;
}
a.yacht_int09{
	background:url(immagini/yachts/small/yacht_int09.jpg);
	margin:22px 40px;
}
a.yacht_int10{
	background:url(immagini/yachts/small/yacht_int10.jpg);
	margin:22px 40px;
}
a.yacht_int11{
	background:url(immagini/yachts/small/yacht_int11.jpg);
	margin:22px 40px;
}
a.yacht_int12{
	background:url(immagini/yachts/small/yacht_int12.jpg);
	margin:22px 40px;
}
a.yacht_int13{
	background:url(immagini/yachts/small/yacht_int13.jpg);
	margin:22px 40px;
}
a.yacht_int14{
	background:url(immagini/yachts/small/yacht_int14.jpg);
	margin:22px 40px;
}
a.yacht_int15{
	background:url(immagini/yachts/small/yacht_int15.jpg);
	margin:22px 40px;
}
a.yacht_int16{
	background:url(immagini/yachts/small/yacht_int16.jpg);
	margin:22px 40px;
}
a.yacht_int17{
	background:url(immagini/yachts/small/yacht_int17.jpg);
	margin:22px 40px;
}
a.yacht_int18{
	background:url(immagini/yachts/small/yacht_int18.jpg);
	margin:22px 40px;
}
a.yacht_int19{
	background:url(immagini/yachts/small/yacht_int19.jpg);
	margin:22px 40px;
}
a.yacht_int20{
	background:url(immagini/yachts/small/yacht_int20.jpg);
	margin:22px 40px;
}
a.yacht_int21{
	background:url(immagini/yachts/small/yacht_int21.jpg);
	margin:22px 40px;
}
a.yacht_int22{
	background:url(immagini/yachts/small/yacht_int22.jpg);
	margin:22px 40px;
}
a.yacht_int23{
	background:url(immagini/yachts/small/yacht_int23.jpg);
	margin:22px 40px;
}
a.yacht_int24{
	background:url(immagini/yachts/small/yacht_int24.jpg);
	margin:22px 40px;
}
a.yacht_int25{
	background:url(immagini/yachts/small/yacht_int25.jpg);
	margin:22px 40px;
}

a.y_styling_01{
	background:url(immagini/yachts/small/y_styling_01.jpg);
	margin:22px 40px;
}
a.y_styling_02{
	background:url(immagini/yachts/small/y_styling_02.jpg);
	margin:22px 40px;
}
a.y_styling_03{
	background:url(immagini/yachts/small/y_styling_03.jpg);
	margin:22px 40px;
}
a.y_styling_04{
	background:url(immagini/yachts/small/y_styling_04.jpg);
	margin:22px 40px;
}
a.y_styling_05{
	background:url(immagini/yachts/small/y_styling_05.jpg);
	margin:22px 40px;
}
a.y_styling_06{
	background:url(immagini/yachts/small/y_styling_06.jpg);
	margin:22px 40px;
}
a.y_styling_07{
	background:url(immagini/yachts/small/y_styling_07.jpg);
	margin:22px 40px;
}
a.y_styling_08{
	background:url(immagini/yachts/small/y_styling_08.jpg);
	margin:22px 40px;
}

a.refit01{
	background:url(immagini/yachts/small/refit01.jpg);
	margin:22px 40px;
}
a.refit02{
	background:url(immagini/yachts/small/refit02.jpg);
	margin:22px 40px;
}
a.refit03{
	background:url(immagini/yachts/small/refit03.jpg);
	margin:22px 40px;
}
a.refit04{
	background:url(immagini/yachts/small/refit04.jpg);
	margin:22px 40px;
}
a.refit05{
	background:url(immagini/yachts/small/refit05.jpg);
	margin:22px 40px;
}
a.refit06{
	background:url(immagini/yachts/small/refit06.jpg);
	margin:22px 40px;
}

a.talal1{
	background:url(immagini/yachts/small/talal1.jpg);
	margin:22px 40px;
}
a.talal2{
	background:url(immagini/yachts/small/talal2.jpg);
	margin:22px 40px;
}
a.talal3{
	background:url(immagini/yachts/small/talal3.jpg);
	margin:22px 40px;
}
a.talal4{
	background:url(immagini/yachts/small/talal4.jpg);
	margin:22px 40px;
}
a.talal5{
	background:url(immagini/yachts/small/talal5.jpg);
	margin:22px 40px;
}
a.talal6{
	background:url(immagini/yachts/small/talal6.jpg);
	margin:22px 40px;
}

a.talal7{
	background:url(immagini/yachts/small/talal7.jpg);
	margin:22px 40px;
}
a.talal8{
	background:url(immagini/yachts/small/talal8.jpg);
	margin:22px 40px;
}
a.talal9{
	background:url(immagini/yachts/small/talal9.jpg);
	margin:22px 40px;
}
a.talal10{
	background:url(immagini/yachts/small/talal10.jpg);
	margin:22px 40px;
}
a.talal11{
	background:url(immagini/yachts/small/talal11.jpg);
	margin:22px 40px;
}
a.talal12{
	background:url(immagini/yachts/small/talal12.jpg);
	margin:22px 40px;
}

.scrollable {
float:left;	
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 770px;
	height:120px;

	/* custom decorations */
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	padding:2px;
	cursor:pointer;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	
}

/* active item */
.scrollable .active{
	z-index:20;
	position:relative;
}
.scrollable2 {
float:left;	
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 478px;
	height:380px;

	/* custom decorations */
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable2 .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
	margin-top:45px;
}

/* single scrollable item */
.scrollable2 img {
	float:left;
	padding:2px;
	cursor:pointer;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	
}

/* active item */
.scrollable2 .active{
	z-index:20;
	position:relative;
}
/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(immagini/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:45px 8px;
	cursor:pointer;
	font-size:1px;
}

a.browse2 {
	background:url(immagini/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:194px 8px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 2px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(http://static.flowplayer.org/tools/img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

#image_office{
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	width:558px;
	height:93px;
	margin:0 9px;
	float:left;
}
#design_office{
	height:324px;
	width:558px;
	text-align:center;
}
#design_office img{padding:10px;}
#contact{
	height:304px;
	text-align:right;
	color:#fff;
	padding:10px;
}
#contact h1{padding-right:10px;font-size:16px;font-weight:bold;}
#contact h2{padding-right:10px;font-size:10px;}
#design_villas{
	height:324px;
	width:558px;
	text-align:center;
}
#design_villas img{padding:0px;}

#design_chiusura{
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	width:558px;
	height:93px;
}

.scroll {
	position:relative;
	overflow:hidden;
	width: 250px;
	height: 188px;
	float:left;
	margin:8px 12px;
}

/* root element for the scroll pics */
.scroll .pics {
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scroll item */
.pics img {
	float:left;
	cursor:pointer;
	width:250px;
	margin:0px;
}

/* possible settings for the active scroll */
.scroll.active {

}

.riquadro{
	width:124px;
	float:left;
	background:#58585a;
	height:280px;
	margin:5px;
	font-size:10px;
	text-align:left;
}
#contact a{color:#fff;text-decoration:none;}
.riquadro p{color:#fff;text-align:left;margin-top:100px;padding:10px;}
#treno #link{padding:10px;margin-top:50px;}
#aereo #link{padding:10px;margin-top:35px;}
#nave #link{padding:10px;margin-top:49px;}
#auto #link{padding:10px;margin-top:22px;}
div#treno{
	background: #000 url(immagini/treno.jpg) top left no-repeat;
}
#treno a{text-decoration:none;color:#333;}
div#aereo{
	background: #000 url(immagini/aereo.jpg) top left no-repeat;
}
#aereo a{text-decoration:none;color:#333;}
div#nave{
	background: #000 url(immagini/nave.jpg) top left no-repeat;
}
#nave a{text-decoration:none;color:#333;}
div#auto{
	background: #000 url(immagini/auto.jpg) top left no-repeat;
}
#auto a{text-decoration:none;color:#333;}

#laura{background: #58585a;margin-top:260px;margin-left:4px;width:517px;text-align:left;padding:5px;}
#laura h1{color:#ccc;font-size:12px;font-weight:normal;}
.piva{width:370px;color:#fff;margin:auto;font-size:10px;float:left;margin:5px 25px;}
.copyright{float:right;color:#fff;font-size:10px;text-align:right;width:370px;margin:5px 16px;}