html, body {
		padding:0px;
		margin:0px;
		background-image:url(http://www.moligraco.com.br/images/moligraco_fundo.jpg);
		background-color:#DDD;
		z-index:1;
		color:#476423;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		}
		

#conteiner { position:absolute;
			width:770px;
			margin-left:50%;
			left:-385px;
			background-color:#FFF;
			border:1px #FFF solid;
			z-index:2;
			}
			
/* topo */
			
#logotipo	{ position:relative;
background-color:#358CD3;
			width:485px;
			height:174px;
			float:left;
			z-index:3;	
			
}


#ilustracao	{
			position:relative;
			float:right;
			width:142px;
			height:174px;
			background-color:#D8E2C9;
			border-left:1px solid #FFF;
background-image:url(http://www.moligraco.com.br/images/moligraco_ilustracao_01.jpg);
z-index:4;

}

/* conteudo */


#conteudo { position:relative;
			width:770px;
			
			background-image:url(http://www.moligraco.com.br/images/moligraco_sombra_cinza.jpg);
			background-repeat:repeat-y;
			background-position:right;
			z-index:1;
}

#datahora	{ position:relative;
			width:769px;
            height:15px;
			float:left;
			z-index:6;
			background-color: #000;
			color:#fff;
   font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:9px;
            }

#esquerda	{ position:relative;
			width:485px;
			border-top: 11px solid #000;
			float:left;
			z-index:6;
            }

#direita	{
			position:relative;
			float:right;
			width:284px;
			border-top: 11px solid #000;
			border-left:1px solid #FFF;
			z-index:7;
}

#texto_area {
            position:relative;
			padding:15px;
			padding-top:0px;
			text-align: justify;
            }

/* topicos */

#topico_e {
			position:relative;
			text-transform: uppercase;
			padding-top:10px;
			padding-left:10px;
			float:left;
			width:475px;
			margin-bottom:15px;
			height:25px;
			background-color:#79A93B;
			background-image:url(http://www.moligraco.com.br/images/moligraco_topico_verde.jpg);
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-weight:bold;
			font-size:10px;
			color:#FFFFFF;
			z-index:8;
			

}

#topico_d {

			text-transform: uppercase;
			position:relative;
			width:274px;
			margin-bottom:15px;
			padding-top:10px;
			padding-left:10px;
			height:25px;
			background-color:#358CD3;
			background-image:url(http://www.moligraco.com.br/images/moligraco_topico_azul.jpg);
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-weight:bold;
			font-size:10px;
			color:#FFFFFF;
			z-index:9;
			

}

#topico_d_verde {

			text-transform: uppercase;
			position:relative;
			width:274px;
			margin-bottom:15px;
			padding-top:10px;
			padding-left:10px;
			height:25px;
			background-color:#79A93B;
			background-image:url(http://www.moligraco.com.br/images/moligraco_topico_verde.jpg);
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-weight:bold;
			font-size:10px;
			color:#FFFFFF;
			z-index:9;


}

/* rodape */
#rodape {

			position:relative;
			width:760px;
			padding-top:10px;
			padding-bottom:10px;
			padding-left:10px;
			clear:both;
			background-color:#358CD3;
			background-image:url(http://www.moligraco.com.br/images/moligraco_topico_azul_rodape.jpg);
			border-top:1px solid #FFF;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-weight:bold;
			font-size:10px;
			color:#FFFFFF;
			z-index:10;
}
	
	
/* menu */	

#menu	{
			position:relative;
			float:left;
			width:141px;
			height:175px;
			background-color:#79A93B;
			border-left:1px solid #FFF;
			background-image:url(http://www.moligraco.com.br/images/moligraco_menu.jpg);
			z-index:5;			
}

#menu ul {
margin: 0px;
padding: 0px;
text-transform: uppercase;
list-style:none;
}

#menu a, #menu h2 {
font: bold 10px verdana, arial, sans-serif;
display: block;
padding:6px;
margin:0px;
height:12px;
text-align:left;
color:#FFF;

}

#menu a {
text-decoration: none;
background-repeat:repeat-x;
background-position:bottom;
}

#menu a:hover {
background-color: #476423;
}

#menu li {
position: relative;
border-bottom:1px solid #FFF;
}

.menu_seta {
    font: 9px arial, sans-serif;
	position:absolute;
	top:7px;
	float:right;
	right:5px;
}

#menu ul ul ul {
position: absolute;
top: 0px;
left: 100%;
border-left:1px solid #FFF;
width: 100%;
background-image:url(http://www.moligraco.com.br/images/moligraco_menu.jpg);
background-color:#79A93B;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


/* menu produtos */

#lista_inicio ul {
margin: 0px;
padding: 0px;
}

#lista_inicio li {
margin: 0px;
margin-left: -27px;
_margin-left: -21px;
padding: 0px;
list-style-image: url('images/seta_verde.gif');
}

#menu_produtos ul {
margin-left: 17px;
padding: 0px;
}

#menu_produtos li {
list-style-image: url('images/moligraco_seta_preta.gif');
}

#menu_produtos ul li{
/*text-transform: uppercase;
margin-top:2px;
margin-bottom:2px;*/
list-style-image: url('http://www.moligraco.com.br/images/seta_azul.gif');
}

#lista_produtos #menu_produtos li {
list-style-image: none;
list-style-type: none;
}

#lista_produtos #menu_produtos ul li{
list-style-image: url('http://www.moligraco.com.br/images/seta_verde.gif');
font: bold 10px verdana, arial, sans-serif;
}

#lista_noticias #menu_produtos ul {
margin-left: -10px;
padding: 0px;
}

.li_spaco{
margin-bottom:10px;
margin-top:10px;
}

.li_img {
position:absolute;
margin:0px;
margin-top:-4px;
padding:0px;
left: 181px;
float:none;
}

#menu_produtos a {
font: bold 10px verdana, arial, sans-serif;
height:12px;
text-align:left;
color:#003366;
text-decoration:none;
}

#menu_produtos a:hover {
text-decoration:underline;
}

/* TEXTO */

h1{
            color:#003366;
			font-family:Verdana, Arial, Helvetica, sans-serif;
 		    font-weight:bold;
			font-size:14px;
			margin:0px;
			margin-bottom:11px;
}

h2{
            color:#003366;
			font-family:Verdana, Arial, Helvetica, sans-serif;
 		    font-weight:bold;
			font-size:12px;
			margin:0px;
			margin-bottom:11px;
}

h3{
            color:#003366;
			font-family:Verdana, Arial, Helvetica, sans-serif;
 		    font-weight:bold;
			font-size:11px;
			margin:0px;
			margin-bottom:8px;
			margin-top:8px;
}


.titulo {

font-size:1.4em;

}

.azul {
            color:#003366;
            position:relative;
			font-family:Verdana, Arial, Helvetica, sans-serif;
 		    font-weight:bold;
			font-size:10px;
}
.verde {
            color:#476423;
            position:relative;
			font-family:Verdana, Arial, Helvetica, sans-serif;
 		    font-weight:bold;
			font-size:10px;
}


/* Imagem */

img#foto_e {
margin-left:8px;
margin-right:8px;
padding:3px;
border:1px solid #476423;
color:#FFFFFF;
}



/* LINKS */

#rodape a {
text-decoration:none;
color:#FFFFFF;
}
#rodape a:hover {
text-decoration:none;
color:#FFFFFF;
}

#esquerda a {
text-decoration:none;
border-bottom:1px dashed #003366;
color:#003366;
}
#esquerda a:hover {
text-decoration:none;
border-bottom:1px solid #003366;
color:#003366;
}

a.h3:link, a.h3:active, a.h3:visited{
            color:#003366;
			font-family:Verdana, Arial, Helvetica, sans-serif;
 		    font-weight:bold;
			font-size:11px;
			margin:0px;
			margin-bottom:8px;
			margin-top:8px;
				text-decoration: none;
}

a.h3:hover{
            color:#003366;
			font-family:Verdana, Arial, Helvetica, sans-serif;
 		    font-weight:bold;
			font-size:11px;
			margin:0px;
			margin-bottom:8px;
			margin-top:8px;
			text-decoration: underline;
}



/* FORMULARIOS */


#envdados		{
					border:1px solid #476423;
					color:#476423;
					background-color:#EEF1E8;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:10px;
					font-weight:bold;
					padding:3px;
					width:200px;
}

#botoes 		{
					width:70px;
					background-color:#79A93B;
					border-bottom:1px solid #668F33;
					border-right:1px solid #668F33;
					color:#FFF;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:10px;
					font-weight:bold;
}