/* CSS - MAEMA Web 2011
   Desenvolvido por: CR Desenvolvimento
   www.crdesenvolvimento.com.br   
 */

#div_geral { /*Div geral, controla dimensões gerais do site e sua posição na página.*/
	position:absolute;	
	width:980px;
	height:auto;
	left:50%;
	margin-left:-490px;
	z-index:auto;
	top:0px;
	font-family:"Verdama",Arial,sans-serif;!important
}

#popup {
	position: fixed;
	background-color:#FFFFFF;
	top: 100%;
	left: 100%;
	width: 250px;
	height: 120px;
	margin-top: -125px;
	margin-left: -255px;
	border:2px;
	border-color:#CCCCCC;
	border-style:solid;
	display: none;
	z-index:200;
	text-align:center;
}

#popup a {
	color:#333333;
	font-size:18px;
	padding:0px;
	margin:0px;
	text-decoration:none;
}

#popup p {
	color:rgb(102,102,102);
	font-size:18px;
	padding:0px;
	margin:0px;
} /* Pop Up */

#div_topo { 
	position:relative;
	float:left;
	background:none;
	width:100%;
	height:130px;
	z-index:auto;
	margin-top:5px;
}

#div_topo_logo {
	position:absolute;
	width:402px;
	height:85px;
	left:5px;
	top:50%;
	margin-top:-50px;
	z-index:auto;
}

#div_topo_pesquisa {
	position:absolute;
	background:url(../img/bg_pesquisa.png);
	background-repeat:no-repeat;
	z-index:auto;
	width:276px;
	height:38px;
	left:684px;
	top:45px;
}

#box_pesquisa {
	background:none;
	height:38px;
	width:233px;
	margin-left:3px;
	color:#F30;
	border:0px;
	font-size:16px;
	font-weight:600;
}

#confirma_pesquisa {
	background:url(../img/confirma_pesquisa.png);
	height:37px;
	margin-bottom:50px;
	width:38px;
	border:0px;
}

#confirma_pesquisa:hover {
	background:url(../img/confirma_pesquisa_hover.png);
} /*Div topo, dentro da mesma está contido todo o conteudo da topo do site, logo, caixa de pesquisa, e algumas info.*/

#div_menu { 
	position:relative;
	float:left;
	background-image:url(../img/menu_bg.PNG);
	width:100%;
	height:47px;
	margin-top:15px;
	z-index:auto;
	border:none;
	margin:0px;
	padding:0px;
	font-size:18px;	
}

#div_menu li p{
	color:#666;
	display:block;
	font-weight:normal;
	line-height:42px;
	margin:0px -30px 0px -30px;
	padding:0px 25px;
	text-align:center;
	text-decoration:none;
}

#div_menu ul{
	background:none;
	height:100%;
	list-style:none;
	margin:0;
	padding:0;
}

#div_menu li{
	float:left;
	padding:0px;
}

#div_menu li a{
	color:#666;
	display:block;
	font-weight:normal;
	line-height:50px;
	margin:0px;
	padding:0px 30px;
	text-align:center;
	text-decoration:none;
}

#div_menu li a:hover, li:hover a{
	background:none;
	color:#F30;
	text-decoration:none;
}

#div_menu ul{
	background:none;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}

#div_menu li ul{
	background:#CCC;
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:auto;
	z-index:200;
}

#div_menu li:hover ul{
	display:block;
}

#div_menu li li {
	background:none;
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:auto;
}
#div_menu li:hover li a{
	background:none;
}

#div_menu li ul a{
	display:block;
	height:auto;
	font-style:normal;
	margin: -5px 0px -5px 0px;
	padding: 0px 10px -5px 15px;
	text-align:left;
}

#div_menu li ul a:hover, li:hover a{
	background:none;
	border:0px;
	color:#F30;
	text-decoration:none;
}

#div_menu li li:hover {
	border-bottom:0.01px;
	border-top:0.01px;
	border-left:0;
	border-right:0;
	border-color:#999999;
	border-style:solid;
}

#div_menu li ul{
	background:rgb(230,231,232);
	border:0px;
	color:#FC0;
	text-decoration:none;
	border:1px;
	border-color:#999999;
	border-style:solid;
}

#div_menu p{
	clear:left;
} /*Div menu, controla todo conteudo do menu principal do site, e seus sub-menus.*/

#div_banner {
	position:relative;
	float:left;
	/*background:#FFF;*/
	width:100%;
	height:350px;
	margin-top:15px;
	z-index:auto;	
} /*Div banner, é a div onde está contido o banner rotativo principal.*/

#div_cont { 
	position:relative;
	float:left;
	background:none;
	width:100%;
	height:350px;
	margin-top:0px;
	z-index:auto;	
}

#div_topo_cont {
	position:absolute;
	background:url(../img/bg_topo_cont.PNG);
	top:0px;
	border-bottom:1px;
	border-left:0px;
	border-right:0px;
	border-top:0px;
	border-color:#CCC;
	border-style:solid;
	width:100%;;
	height:40px;
}

#div_topo_cont h3 {
	position:relative;
	display:block;
	border:0px;
	padding:0px;
	text-align:center;
	margin: 10px 0px 0px 0px;
	color:#666;
	font-size:16px;
	font-weight:bold;
	font-family:"Arial", Helvetica, sans-serif;
}

#div_cont_01 {
	position:relative;
	float:left;
	margin:15px;
	margin-left:20px;
	width:288px;
	height:100%;
	background:none;
	border:1px;
	border-color:#CCCCCC;
	border-style:solid;
}

.div_cont_format_post p {
	color:rgb(51,51,51);
	margin-left:10px;
	margin-top:10px;
	font-size:14px;
}

.div_cont_format_post hr {
	color:#CCCCCC;
	margin-bottom::-5px;
	margin-top:-5px;
	margin-left:1px;
}

#div_cont_02 {
	position:relative;
	float:left;
	margin:15px;
	width:288px;
	height:100%;
	background:none;
	border:1px;
	border-color:#CCCCCC;
	border-style:solid;
}

#div_cont_03 {
	position:relative;
	float:left;
	margin:15px;
	width:288px;
	top:30px;
	height:120px;
	background:none;
	border:1px;
	border-color:#CCCCCC;
	border-style:solid;
}

#div_cont_03:hover {
	border-color:#999999;
}

#div_cont_04 {
	position:relative;
	float:left;
	margin-left:15px;
	width:135px;
	top:50px;
	height:120px;
	background:none;
	border:1px;
	border-color:#CCCCCC;
	border-style:solid;
}

#div_cont_04:hover {
	border-color:#999;
}

#div_cont_05 {
	position:relative;
	float:left;
	margin-left:15px;
	width:135px;
	top:50px;
	height:120px;
	background:none;
	border:1px;
	border-color:#CCCCCC;
	border-style:solid;
}

#div_cont_05:hover {
	border-color:#999;
}

#div_cont_sep {
	position:relative;
	float:left;
	top:15px;
	margin-left:1px;
	width:5px;
	height:100%;
	background:none;
} /*Div conteudo, é a div onde está contido todo conteudo do site.*/

#div_promocoes {
	position:relative;
	display:none;
	float:left;
	background:none;
	width:100%;
	height:325px;
	margin-top:30px;
	z-index:auto;
} /*Div promocoes, é a div onde fica o banner rotativo com as principais promoções */

#div_footer { 
	position:relative;
	float:left;
	background:url(../img/bg_footer.png);
	width:100%;
	height:200px;
	margin-top:40px; /*Antigo = 15px*/
	margin-bottom:15px;
	z-index:auto;
	border:1px;
	border-color:#CCCCCC;	
	border-style:solid;
}

#div_footer_01 {
	position:relative;
	float:left;
	margin-left:15px;
	width:230px;
	height:100%;
}

#div_footer_02 {
	position:relative;
	float:left;
	margin-left:10px;
	width:230px;
	height:100%;
}

#div_footer_03 {
	position:relative;
	float:left;
	margin-left:10px;
	width:230px;
	height:100%;
}

#div_footer_04 {
	position:relative;
	float:left;
	margin-left:10px;
	width:230px;
	height:100%;
}

.footer_edit h2{
	text-align:center;
	color:#F30;;
}

.footer_edit h3{
	text-align:center;
	color:#F30;;
}

.footer_edit p {
	font-size:14px;
	margin-left:30px;
	padding:0px;
	display:block;
}

.footer_edit a {
	color:#666;
	text-decoration:none;
}

.footer_edit a:hover {
	color:rgb(224,193,33);
	text-decoration:none;
}

.footer_edit img {
}

.footer_edit img:hover {
} /*Div footer, a última div do site, onde está contido todo material de footer. */
 
#div_crdev {
	position:relative;
	float:left;
	left:720px;
	width:260px;
	height:20px;
	background:none;
	border:1px;
	border-color:#CCCCCC;
	border-style:solid;
	text-align:center;
	color:#666666;
	margin-bottom:10px;
}

#div_crdev p {
	float:left;
	text-decoration:none;
	font-size:14px;
	margin-top:2px;
	margin-left:5px;
}

#div_crdev a {
	text-decoration:none;
	color:rgb(0,102,255);
}

#div_crdev a:hover {
	text-decoration:none;
	color:#0033FF;
} /*CR Desenvolvimento*/

 /* CSS - MAEMA Web 2011
   Desenvolvido por: CR Desenvolvimento
   www.crdesenvolvimento.com.br   
 */