/* ==========================================================
Resetting Again by Eric Meyer
http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
==========================================================*/
html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.2em;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
ol, ul {
	list-style: none;
}
				/*************************************
				**************************************
				Sistin Representações
				www.sistin.com.br
				contato@sistin.com.br
				http://www.sistin.com.br/css/defaut.css
				**************************************
				*************************************/

				/*************************************
				**************************************
				Criado por: M2 Digital
				www.m2digital.com.br
				contato@m2digital.com.br
				**************************************
				*************************************/
body{
background: url(../images/bg_site.jpg) top left repeat-x;
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}
/*
CONTAINER
++++++++++++++++++++++++++++++++++*/
div#container{
width: 770px;
text-align: center;
margin: 0 auto;
}
/*
LOGO
++++++++++++++++++++++++++++++++++*/
div#logo h1{
margin: 0px;
padding: 0 35px;
text-indent: -9000px;
}
div#logo h1 a{
    width: 150px;
    height: 70px;
	padding-top: 50px;
   	background: url(../images/logo.jpg) bottom left no-repeat;
	float: left;
}
/*
MENU
++++++++++++++++++++++++++++++++++*/
div#navegacao{
position: relative;
width: 330px;
height: 94px;
background: url(../images/menu.jpg) top left no-repeat;
float: right;
}
div#navegacao ul{
margin: 0;
padding: 0;
list-style: none;
}
div#navegacao li{
position: absolute;
top: 16px;
height: 78px;
text-indent: -9999em;
}
div#navegacao li a{
 display:block;
text-decoration:none;
width:100%;
height:100%;
top:0;
}
#home{
width: 60px;
left: 18px;
}
#prod{
width: 60px;
left: 134px;
}
#cont{
width: 60px;
left: 250px;
}
#home a:hover{
background: url(../images/menu.jpg) -18px -110px no-repeat;
}
#prod a:hover{
background: url(../images/menu.jpg) -134px -110px no-repeat;
}
#cont a:hover{
background: url(../images/menu.jpg) -250px -110px no-repeat;
}
div#menu-topo li a:hover{
color: #AC2;
border-bottom: 2px solid #441;
border-top: 4px solid #441;
}
/*
APRESENTACAO
++++++++++++++++++++++++++++++++++*/
div#apresentacao{
width: 770px;
height: 180px;
float: left;
}
div#destaque{
width: 530px;
height: 180px;
background: url(../images/destaque.jpg) center left no-repeat;
float: right;
}
div#lateral{
width: 180px;
height: 180px;
padding: 30px 30px;
background: url(../images/contato.jpg) top left no-repeat;
text-align: left;
float: left;
}
div#lateral h2{
width: 180px;
font: 16px "Lucida Grande", Verdana, Arial, sans-serif;
color: #960;
}
div#lateral p{
font: 12px "Lucida Grande", Verdana, Arial, sans-serif;
}

div#lateral h3{
padding: 6px 0;
font: 14px "Lucida Grande", Verdana, Arial, sans-serif;
}
.link{
color: #960;
font-size: 10px;
}
div#destaque h1{
font: 16px Georgia, "Times New Roman", Times, serif;
padding: 20px 0;
}
div#destaque h1 a{
text-decoration: none;
color: #314;
}
/*
MENU RODAPE
++++++++++++++++++++++++++++++++++*/

div#rodape{
width: 100%;
height: 50px;
margin: 0 auto;
text-align: center;
background: url(../images/bg_rodape.jpg) top left repeat-x;
clear: both;
}
.rodape{
font: 14px Georgia, "Times New Roman", Times, serif;
padding: 20px 0 0 0;
}
a.m2:link, a.m2:visited, a.m2:active, a.m2:hover{
padding: 0 6px 6px 0;
margin: 0;
font: 0.6em Verdana, Arial, Helvetica, sans-serif;
text-align: right;
color: #222;
float: right;
}