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

@font-face {
	font-family: 'RobotoRegular';
	src: url('RobotoCondensed-Regular.eot'); /* per explorer */
	src: local('RobotoRegular'), url('RobotoCondensed-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'RobotoWebfont';
	src: url('Roboto-Condensed-webfont.eot'); /* per explorer */
	src: local('RobotoWebfont'), url('Roboto-Condensed-webfont.ttf') format('truetype');
}

@font-face {
	font-family: 'RobotoBoldWebfont';
	src: url('Roboto-BoldCondensed-webfont.eot'); /* per explorer */
	src: local('RobotoBoldWebfont'), url('Roboto-BoldCondensed-webfont.ttf') format('truetype');
}

@font-face {
	font-family: 'RobotoLight';
	src: url('RobotoCondensed-Light.eot'); /* per explorer */
	src: local('RobotoLight'), url('RobotoCondensed-Light.ttf') format('truetype');
}

@font-face {
	font-family: 'RobotoThin';
	src: url('Roboto-Thin-webfont.eot'); /* per explorer */
	src: local('RobotoThin'), url('Roboto-Thin-webfont.ttf') format('truetype');
}

html, body{	margin: 0px; padding:0px}
body {	background:#000000;	margin:0px;	padding:0px; text-align:center;	font-family: RobotoWebfont, Arial, Helvetica, Verdana, sans-serif;	font-size:12px; color:#ffffff}
img {border:none}
a { text-decoration:none; color:#ffffff}

#container {width:844px; margin: 0px auto 0px auto; text-align:left; background:#000000; color:#ffffff; padding:0px; overflow/**/:/**/hidden; }
#head_container {width:844px; margin:0px 0 49px 0; padding:0px; float:left; display:inline; position:relative}

#logo {width:283px; display:inline; float:left; margin:59px 0px 0 0px; padding:0px;}
#logo img { margin-left:42px}


#main_menu {width:300px; display:inline; float:left; margin:59px 0px 0 0px; padding:0px; position:relative;}
#main_menu ul{list-style:none; font-size:15px; line-height:15px; font-family: RobotoWebfont, Arial, Helvetica, Verdana, sans-serif; margin:0; padding:0; width:93px}
#main_menu ul li {margin: 0 0 11px 0; padding:0; width:93px;}
#main_menu ul li a { color:#FFFFFF;}
#main_menu ul li a.VoceCorrente,#main_menu ul li a:hover {color:#F07E46}


#main_menu ul li .sub_menuFix {visibility:hidden; position:absolute; left:93px; top:0; margin:0px; padding:5px 8px; background:#797B7A; width:auto}
#main_menu ul li .sub_menuFix ul {list-style:none; font-size:13px; line-height:12px; font-family: RobotoWebfont, Arial, Helvetica, Verdana, sans-serif; margin:0; padding:0; width:auto;}
#main_menu ul li .sub_menuFix ul li {margin: 0 0 0px 0; padding:3px 0 3px 0; border-bottom:1px dashed #FFFFFF; width:auto}
#main_menu ul li .sub_menuFix ul li a { color:#FFFFFF; display:block; white-space:nowrap}
#main_menu ul li .sub_menuFix ul li a.VoceCorrente,#main_menu ul li .sub_menuFix ul li a:hover {color:#F07E46}

/*#languages { width:108px; position: absolute; right:0px; bottom:0; font-size:10px}*/
#languages { width:134px; position: absolute; right:0px; bottom:0; font-size:10px; text-align:right}
/*#languages img {float:left; display:inline; margin:0 8px 10px 0}*/
#languages img {float:left; display:inline; margin:0 0px 32px 0}
/*#languages a.lang {display: inline-block; width:17px; text-align:center; margin-right:8px; color:#F07E46}*/
#languages a.lang {display: inline-block; width:17px; text-align:center; margin-left:8px; color:#F07E46}
#languages a.lang:hover { text-decoration:underline}
#languages a.VoceCorrente:hover { text-decoration:none}

#main_image { width:844px; height:412px; position:relative; float:left; z-index:1;}
.onlyrect {visibility:hidden; position:absolute; width:330px; left:42px; top:42px; background:#000000; opacity:0.50; -moz-opacity:0.50; filter:alpha(opacity=50); KHTMLOpacity:0.50; MozOpacity:0.50; z-index:1; padding:17px 15px}
.slogan1 { font-family: RobotoWebfont, Arial, Helvetica, Verdana, sans-serif; width:330px; z-index:100; color:#000000; text-align:justify; line-height:16px}
.slogan2 { visibility:hidden; font-family: RobotoWebfont, Arial, Helvetica, Verdana, sans-serif; position:absolute; width:330px; left:57px; top:59px; z-index:100; color:#ffffff; text-align:justify; line-height:16px}


.foot { clear:both; width:844px; float:left; display:inline; margin: 23px 0 20px 0; font-size:10px  }
#address {display:inline; float:left; width:650px; color:#858585; line-height:14px; margin-top:20px }
#links { display:inline; float:right; width:148px;}
#links a { color:#797B7A; font-size:10px}
#links img { display:inline; float:left}

/*pagine interne */
#body_gray { width:844px; position:relative; float:left; background:#333333; padding-bottom:15px}
.col1 { display:inline; float:left; margin:42px 49px 0 28px; width:358px}

.col2 { display:inline; float:left; margin:42px 48px 0 0px; width:107px}
.col3 { display:inline; float:left; margin:42px 0px 0 0px; width:213px}
.colall {display:inline; float:left; margin:28px 28px 0 28px; min-height:369px;}
.col4 { display:inline; float:left; margin:42px 0px 0 0px; width:368px; min-height:355px;}



.box_gray { height:213px; padding:14px; background:#575757}
.box_gray a { color:#FFFFFF;}
.box_gray a:hover { color:#FFFFFF; text-decoration:underline}
.col2 .img,.col3 .img { position:relative; margin-bottom:27px}
.num_stone { position:absolute; top:111px; left:0; color:#F07E46; font-size:10px}

.box_gray_fixed {padding:14px 14px 0 14px; background:#575757; height:314px; position:relative}
a.orange {color:#F07E46}
iframe { border:0}
/* collection */
.stonebox {width:844px; height:422px; float:left; margin-bottom:9px; position:relative; text-align:center}
#imgesempio{ position:absolute; top:0; left:0; width:844px; height:422px; display:none; text-align:center}
#imgesempio2{ position:absolute; top:0; left:211px; width:422px; height:422px; display:none; text-align:center}
.stonedesc { height:78px; float:left; text-align:left}
h1 {margin:0; padding:0; font-size:11px}


.thumb { text-align:center; width:844px; float:left; height:117px}
.thumb img { margin-right:62px; padding-bottom:13px; border-bottom:1px solid #000000}
.thumb img:hover {border-bottom: 1px solid #F07E46}
.thumb img.Last { margin-right:0px}
.thumb img.Selected { border-bottom: 1px solid #F07E46}

.example {text-align:center; width:844px; float:left; font-size:13px; height:95px; cursor:pointer}
.example img {margin-bottom:2px;}
.example a { color:#F07E46}

.motiv { float:left; margin-bottom:55px;}
.table { float:left; margin-left:42px; width:460px;}
.table h1 {margin:0 0 30px 0; padding:0; font-size:22px; font-family: RobotoLight, Arial, Helvetica, Verdana, sans-serif; font-weight:normal}
.table td { padding:0 5px 5px 0}
.table th {color: #797B7A; padding:0 5px 5px 0; text-align:left}
.table h2 {color: #797B7A; padding:0; margin:0 0 10px 0; font-size:13px}

form { margin:0; padding:0}
input {	border:0px; font-size:10px; color: #000000; padding:2px; width:166px; margin-top:2px; margin-bottom:2px}
input.submit { background: #C6C7C8; width:auto; border: 0px solid #000000; font-size:11px;}
textarea { border: 0px; font-size:11px; color: #000000; padding:2px; width:688px; height:85px; margin-top:2px; margin-bottom:2px}
.orange {color:#F07E46}