@charset "utf-8";
/* CSS Document */
* {	margin: 0;	padding: 0;}
h1{	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:16px;	font-weight:bold;	color:#FFFF00;}
body {	background: #000000;	text-align: center;	padding: 10px;	margin:auto;}
#geral {	width:780px;	height:auto;	background-color: #FFF500;	border: 2px solid #DEDEDC;	margin-left:auto;	margin-right:auto;	}

/* LOGIN REPRESENTANTE E USUARIO */

.login_representante, .login_usuario { width:440px; height:60px; position:absolute; top:65px; font-size:11px; padding:7px 0 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left !important; }
.login_representante li, .login_usuario li { list-style-type:none; float:left;}
.login_representante h2, .login_usuario h2 { padding-bottom:5px; height:14px;}
.login_representante input, .login_usuario input { margin:0 0 2px 0; *margin:0 0 -10px 0; padding:2px; width:106px; height:22px; background:url(../imagens/bg_input_login.gif) left top no-repeat; color:#FFF; border:none;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; /* background:#FFF500;border:2px solid #000;background:#333; color:#FFFFFF;*/} 
.login_representante label, .login_usuario label { font-weight:bold; padding:0 3px;}
.login_representante .bt, .login_usuario .bt { cursor:pointer; margin:0; padding:0; border:none; background:none; width:58px; height:19px; }
.login_representante a, .login_usuario a { clear:both; margin:0 0 0 5px; color:#333333; text-align:left; display:block;}

.login_representante h2 strong, .login_usuario h2 strong { display:none;}
.login_representante h2 { background:url(../imagens/bg_h2representante.gif) 5px 0 no-repeat;}
.login_usuario h2 {background:url(../imagens/bg_h2consumidor.gif) 5px 0  no-repeat;}

.login_representante { margin:0 0 0 240px; display:none;}
.login_usuario { margin:0 0 0 230px; display:none;}

.botoes_login { position:absolute; top:22px; margin:0 0 0 160px; *margin:0 0 0 130px;}
.botoes_login .consumidor { width:141px; float:left; height:29px; margin:0 15px 0 0; padding:0; display:block; overflow:hidden; text-indent:-9999px; background:url(../imagens/bt_login_consumidor.gif) no-repeat;}
.botoes_login .representante { width:141px; float:left;  height:29px; margin:0; padding:0; display:block; overflow:hidden; text-indent:-9999px; background:url(../imagens/bt_login_representante.gif) no-repeat;}

#logado { margin-right:25px;}
#logado ul li{ list-style-type:none; color:#000000;}
#logado ul li a { background:#000000; color:#FFF; padding:3px 10px;}
#logado ul li a:hover { color:#FFFF00;}

/*.................................*/

#fundo_grf {
	position:absolute;
	
	top:700px;
	width:778px;
	height:150px;
	z-index:1;
	background-image:url(http://www.santoangelo.com.br/imagens/grafismo_fundo.jpg);
}

#topo {
	position:relative;
	top:0px;
	left:0px;
	width:780px;
	height:125px;
	/*background-image:url(../imagens/topo.jpg);*/
	background-repeat: no-repeat;
	background-color: #FFF500;
	border:hidden;
}

#endereco{
	
	margin-top:30px;
	width:715px;/*740*/
	background-color: #DEDEDC;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-align:center;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}

#busca {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:10px;
	width:710px;/*740*/
	height:25px; /*32*/
	background-color: #DEDEDC;
	background-image:url(../imagens/fundo_busca.jpg);
	background-repeat: no-repeat;
	color:FFF00;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;	
	
}
#busca div{
float:left;
}

#buscap1 {
width:510px;
position:static;
}
#buscap2 {
position:relative;
width:200px;
padding-top: 4px;
vertical-align:middle;
}
#busca div input{
vertical-align:middle;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
#busca div select{
vertical-align:middle;
width:170px;

font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
#base_menu {
	position:relative;
	z-index:89;
	float:left;
	left:25px;
	top:20px;
	width:135px;
	height:auto;
	background-color: #DEDEDC;
}
/* ======================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
========================================================= 
o menu tem 105 por 30
*/
.menu {
	font-size:10px;
	margin: 10px; 
	font-family: verdana;
	font-weight:normal;
	
	
}
.menu ul {
	z-index: 500;
	padding:0 0 0 0; 
	margin: 0px; 
/*	width: 105px; */
	list-style-type: none; 
	/*position: relative;*/
	vertical-align:middle;
}
.menu li {
	float: left;
	
	
}
.menu ul li a {
	background-image:url(http://www.santoangelo.com.br/imagens/bg_menu.jpg);
	border: #666666 1px solid;
	border-bottom:none;
	line-height: 1.5em;
	vertical-align:middle;
	display: block; 
	text-transform: none; 
	width: 115px;
	color: #ffffff;
	height: 30px; 
	text-decoration: none;
	padding-top:5px;

}
.menu ul li ul {
	visibility: hidden;
	
}
.menu ul li ul a{
	line-height: 1.5em;
}
.menu ul li a:visited {
	background-image:url(http://www.santoangelo.com.br/imagens/bg_menu.jpg);
	border: #666666 1px solid;
	border-bottom:none;
	display: block; 
	text-transform: none; 
	width: 115px;
	color: #ffffff;
	height: 30px; 
	text-decoration: none;
}

.menu ul li a:hover {
	background-image:url(http://www.santoangelo.com.br/imagens/bg_menuHover.jpg);
	color:#000000;
	border: #666666 1px solid;
	border-bottom:none;
	display: block; 
	text-transform: none; 
	width: 115px;
	height: 30px; 
	text-decoration: none;
}

.menu ul li ul {
	visibility: hidden;
}

.menu ul li:hover > ul {
	visibility: visible;
	z-index:1000;
}

.menu li:hover {
	position: relative;
}

.menu ul li ul {
	padding-left:4em; /* Distancia do menu para o subMenu */
	left: 7em; 
	visibility: hidden; 
	padding-top: 3em; 
	position: absolute;
	top: -2em; 
	background-color: transparent;
	
}
#fundo_plus{
background-image:url(http://www.santoangelo.com.br/imagens/bg_menu.jpg);
border-bottom:none;
padding-bottom:0;
height:137px;
}
#final_menu{
width:117px;
height:0px;
border:none;
background-image:url(http://www.santoangelo.com.br/imagens/fundo_menu.jpg);
background-repeat:repeat-y;
}
/*
.menu li:hover > ul {
	visibility: visible;
}
.menu ul a:hover ul ul {
	visibility: hidden
}
.menu ul a:hover ul a:hover ul ul {
	visibility: hidden
}
.menu ul a:hover ul a:hover ul a:hover ul ul {
	visibility: hidden
}
.menu ul a:hover ul {
	visibility: visible
}
.menu ul a:hover ul a:hover ul {
	visibility: visible
}
.menu ul a:hover ul a:hover ul a:hover ul {
	visibility: visible
}
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul {
	visibility: visible
}

/*.menu {
	color: #FFFFFF;
	font: 12px Verdana;
	margin: 10px;
	cursor : hand ;	
}
.menu ul {
	list-style: none;
	margin-top: 0px;
}
.menu li {
	float: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #DEDEDC;
	background-color:#000000;
	height:40px;
	vertical-align:middle;
}
*/



/***********************************************************************************************/
/*#rec_conteudo {
	color:#FFFFFF;
	position:relative;
	float:left;
	left:40px;
	top:20px;
	width:565px;
	height:210px;
	background-color: #DEDEDC;
	padding: 10px 10px 10px 10px;
	z-index:2;

}*/
#rec_conteudo {
	font-size:10px;
	font-family: verdana;
	margin-left:5px;
	font-weight:bold;
	color:#FFFFFF;
	position:relative;
	float:left;
	left:30px;
	top:20px;
	width:565px;
	height:300px;
	/*	height:250px;*/
	background-color: #DEDEDC;
	padding: 10px 10px 10px 10px;
	z-index:2;
}
/*
#conteudo {
	position:relative;
	float:left;
	width:540px;
	height:185px;
	background-color: #000000;
	background-image:url(../imagens/bg_bem_vindo.jpg);
	background-repeat:no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:justify;
	color:#FFFFFF;
	vertical-align:middle;
	z-index:3;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}*/
#conteudo {
	position:relative;
	float:left;
	width:auto;
	height:auto;
	background-image:url(../imagens/bg_bem_vindo.jpg);
	background-repeat: no-repeat;
	z-index:4;

}
#aba_conteudo {
text-align:center;
padding-top:3px;
vertical-align:middle;
	position:relative;
	float:left;
	left:10px;
	top:10px;
	width:100px;
	height:30px;
	background-image:url(../imagens/bg_novidades.jpg);
	z-index:3;

}
#rec_conteudo2 {
	font-size:10px;
	margin-left:5px;
	font-family: verdana;
	font-weight:bold;
	color:#FFFFFF;
	position:relative;
	float:left;
	left:30px;
	top:20px;
	width:565px;
	height:auto;
	background-color: #DEDEDC;
	z-index:2;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;

}
#conteudo2 {
	position:relative;
	float:left;
	width:545px;
	height:auto;
	padding:10px;

	background-color: #000000;
	background-image:url(../imagens/bg_novidades.jpg);
	background-repeat: no-repeat;
	z-index:4;

}
#aba_conteudo2 {
text-align:center;
padding-top:3px;
vertical-align:middle;
	position:relative;
	float:left;
	left:10px;
	top:10px;
	width:100px;
	height:30px;
	background-image:url(../imagens/bg_novidades.jpg);
	z-index:3;

}
#rec_conteudo3 {
	color:#FFFFFF;
	position:relative;
	float:left;
	left:170px;
	top:-90px;
	width:565px;
	height:800px;
	background-color: #DEDEDC;
	z-index:auto;
	visibility: visible;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
	clear: left;

}
#conteudo3 {
	position:absolute;
	float:none;
	/*left:40px;*/
	/*top:40px;*/
	width:565px;
	height:800px;
	background-color: #000000;
	background-repeat:no-repeat;
	/*border: 10px solid #DEDEDC;*/
	z-index:auto;
	visibility: visible;

}

#conteudo3 div {
	float:left;
}

#desc_banner{
position:relative;
top:-115px;
left:10px;
font-size:10px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:400px;
}

#v_mnu_01 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	}

#v_mnu_01 {
	width: 135px;
	margin: 10px;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	}

#v_mnu_01 li a {
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #FFFFFF;
	}
#v_mnu_01 .notopbrdr0xNone {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

#v_mnu_01 li a:link, #v_mnu_01 li a:visited {
	color: #FFFFFF;
	display: block;
	background-color: #000000;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 10px;
	}

#v_mnu_01 li a:hover {
	color: #000000;
	background:  #FFFF00;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 10px;
	}

/****************************************************************************/

.txtdestaque{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFF00;
font-size:10px;
font-weight:bold;
}
#dest_rec{
margin-right:10px;
margin-top:10px;
vertical-align:middle;
}
#dest_rec div{
float:left;
}

#dest_rec div div{
float:none;
margin-left:20px;
}

#dest_img{
	width:auto;
	height:auto;
	float:left;
}

#dest_titulo{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFFF00;
width:auto;
height:auto;
margin-right:auto;
text-align:left;
float:left;

}

#dest_desc{
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:15px;
margin-top:10px;
width:420px;
overflow:hidden;
height:auto;
text-align:justify;
}

#form_camp {
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	width:342px;
	height:160px;
	z-index:1000;
	left: 168px;
	top: 500px;
	z-index:1000000000;
}
#img_camp {
	position:absolute;
	z-index:100000000;
	left: 105px;
	top: 200px;
}

#corpo_campanha{
top:200px;
z-index:10000000000000;
}

#campanha {
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	z-index:1000;
	left: 168px;
	top: 250px;
	z-index:1000000000;
}
.representantes{
background-image:url(../imagens/representantes.jpg);
padding:20px;
height:auto;
width:418px;
margin-bottom:10px;
margin-left:20px;
border:1px solid #666666;
}
#rec_conteudo4 {
	color:#FFFFFF;
	position:relative;
	float:left;
	left:35px;
	top:250px;
	width:565px;
	height:310px;
	background-color: #DEDEDC;
	padding: 10px 10px 1px 10px;
	z-index:4;
}