body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFFFFF;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
a:visited {
	color: #333333;
}
a:hover {
	color: #FF0000;
}
a:active {
	color: #333333;
}

#site-border-left
{
	float:left;
	position:absolute;
	left:5%;
	top:5%;
	border-left:2px solid #000000;
	height:90%;
	width:2px;
	z-index:100;
}

#site-border-right
{
	float:right;
	position:absolute;
	right:5%;
	top:5%;
	border-right:2px solid #000000;
	height:90%;
	width:2px;
	z-index:100;
}

#site-border-top
{
	position:absolute;
	top:12%;
	border-top:2px solid #000000;
	height:2px;
	width:99%;
}

#site-border-bottom
{
	position:absolute;
	bottom:12%;
	border-top:2px solid #000000;
	height:2px;
	width:99%;
}

#site-logo-right
{
	position:absolute;
	top:2%;
	float:right;
	right:5.5%;
	width:204px;
	height:62px;
	background:url(../images/di-marmore.jpg) no-repeat;
}

#site-logo-right img
{
	width:100%;
	height:100%;
}

#site-contents
{
	position:absolute;
	width:88%;
	height:72%;
	left:6%;
	top:14%;
}

#site-top-menu
{
	position:absolute;
	top:6%;
	left:6%;
	width:30%;
	height:32px;
	z-index:99;
	vertical-align:bottom;
}

#site-bottom-menu
{
	position:absolute;
	bottom:4%;
	height:32px;
	width:88%;
	left:6%;
	z-index:99;
	vertical-align:top;
}

#site-contato
{
	width:100%;
	height:100%;
	overflow:auto;
	padding:2px;
}

#empresa-about
{
	float:right;
	width:45%;
	height:96%;
	display:none;
	padding:10px;
	text-align:right;
}

#empresa-slide
{
	float:left;
	width:50%;
	height:100%;
}

#obras-link
{
	float:left;
	width:25%;
	height:92%;
	padding:15px;
	overflow:auto;
}

#obras-slide
{
	float:right;
	width:70%;
	height:100%;
}

#materiais-catalogo
{
	margin-top:1%;
	margin-left:3%;
	width:97%;
	height:92%;
	display:none;
	overflow:auto;
}

#materiais-catalogo a img
{
	opacity:0.85;
	filter:alpha(opacity=85);
}

#materiais-catalogo a:hover img
{
	opacity:1;
	filter:alpha(opacity=100);
}

#clientes-catalogo
{
	margin-top:1%;
	margin-left:3%;
	width:97%;
	height:92%;
	display:none;
	overflow:auto;
}

#clientes-catalogo a img
{
	opacity:0.85;
	filter:alpha(opacity=85);
}

#clientes-catalogo a:hover img
{
	opacity:1;
	filter:alpha(opacity=100);
}
.pics { height: 100%; width: 100%; padding:0; margin:0; overflow: hidden }
.pics img { height: 100%; width: 100%; padding: 0px; top:0; left:0 }

#nav { width:200%; height:100%; margin-left:0;}
#nav li { width: 50px; float: left; margin: 8px; list-style: none }
#nav a { width: 50px; padding: 1px; display: block; border: 1px solid #333333; opacity:0.3; filter:alpha(opacity=30); }
#nav a:hover{opacity:1; filter:alpha(opacity=100);}
#nav a.activeSlide { opacity:1; filter:alpha(opacity=100); }
#nav a:focus { outline: none; }
#nav img { border: none; display: block }