/* CSS Document - PepeDesign -v4.1
CORES:
vermelho pimenta: #AF251C
verde pimenta: #007A37
branco: #ffffff
cinza logo: #818D94
cinza texto: #333333
cinza: #666666
 */
 * {
	margin: 0px;
	padding: 0px;
	text-decoration:none;
	scrollbar-arrow-color:#ccc; 
	scrollbar-3dlight-color: #f3f3f3;
	scrollbar-highlight-color:#ccc;
	scrollbar-face-color:#FFFFFF;
	scrollbar-shadow-color:#ccc;
	scrollbar-darkshadow-color:#666;
	scrollbar-track-color:#ccc;
}
body{
	margin:0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background:#f3f3f3 url(img/bg.jpg) left top repeat;
	text-align: center;
}
#tudo {
	width:761px;
	background:#FFFFFF url(img/bg_tudo.gif) repeat-y 0 0;
	margin:0 auto;
	padding: 0px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-align:left;
}
/********************************************************
// FORMATAÇÕES GERAIS
*********************************************************/
img {
	border: none;
	vertical-align: text-bottom;
}
h2 {
	font:bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #999999; 
	margin-left: 05px;
	margin-right: 05px;
	padding: 05px;
	background: #f3f3f3;
	text-align: left; 
}
h4 {
	font:bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #AF251C; 
	margin-left: 08px;
	margin-right: 05px;
	padding: 05px;
}
h4 a, h4 a:hover{
	font:bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #AF251C; 
	margin-left: 08px;
	margin-right: 05px;
	padding: 05px;
}
abbr {
	cursor:help;
}
a, a:visited {
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #818D94;
	background: transparent;
	text-decoration:none;
	margin-top: 6px;
	cursor: pointer;
}
a:hover {
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color:#AF251C;
	background: transparent;
	text-decoration:none;
}
input {
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #AF251C;
	background: transparent; 
	border: none;
	border-left:1px solid #cccccc; 
	border-bottom:1px solid #cccccc;  
	padding: 2px;
	_padding: 0px;
}
select {
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #AF251C;
	background-color:#FFFFFF; 
	border: none;
	border-left:1px solid #cccccc; 
	border-bottom:1px solid #cccccc; 
}
textarea {
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #AF251C;
	background-color:#FFFFFF; 
	border: none;
	border-left:1px solid #cccccc; 
	border-bottom:1px solid #cccccc;   
}
input:focus, select:focus, textarea:focus {
	background-color:#f3f3f3;
	color:#AF251C; 
}
label {
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #666;
}
.submit {
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #666;
	background-image: url(img/bg_submit.jpg);
	background-repeat: repeat-X;
	border: 1px solid #ccc; 
	padding: 1px 5px;
}
.clear {
	clear:both;
}
img.imgBorder, a img.imgBorder {
	border: 3px solid #AF251C;
}
a:hover img.imgBorder {
	border-color:#818D94;
}
/********************************************************
// FORMATAÇÕES DO TOPO - page_open
*********************************************************/
#topo {	
	height:175px;
	margin: 0px;
	padding: 0px;
	background: transparent;
}
#barraNaveg {
	margin: 0px;
	padding: 2px 0;;
	background-image: url(img/bg_menuaux.jpg);
	background-repeat:repeat-X;
	border-bottom: 1px solid #ccc;
	text-align: right;
}
#barraNaveg .barNav a {
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #333;
	text-decoration: none;
	background:   transparent;
	text-align: right;
	padding: 1px 5px;
	margin-right:1px;
	border:none;
}
#barraNaveg .barNav a:hover {
	text-decoration: underline;
	color: #AF251C;
}
#barraNaveg  a.obs{
	position:relative; 
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #333;
	text-decoration: none;
	background:  transparent;
	text-align: right;
	padding: 1px 5px;
	margin-right:1px;
	border:none;
	cursor:help; 
	z-index:24;
}
#barraNaveg a.obs:hover{
	text-decoration: underline;
	color: #AF251C;
	z-index:25;
}
#barraNaveg a.obs span {
	display: none;
}
#barraNaveg a.obs:hover span { 
	display:block;
	position:absolute;
	width: 83px; 
	top: 18px;
	text-align:center;
	left: 0px;
	font:10px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #AF251C;
	text-decoration:none;
	padding:5px;
	border:1px solid #999;
	background:#f1f1f1; 
}
#logo {
	width: 186px;
	top: 0px;
	left: 0px;
	height: 130px;
	margin: 0px;
	padding: 0px;
	background:#FFFFFF url(img/logo.gif) center center no-repeat;
	position: relative;
	float: left;
	overflow: visible;
}
#sorteio {
	width:560px;
	top: 0px;
	height:130px;
	background:#FFFFFF; 
	padding: 0px;
	text-align: right;
	vertical-align: middle;
	display: block;
	float: right;
}
#menu {
	width: auto;
	top: 173px;
	left: 0px;
	height:25px;
	background:transparent url(img/bg_menu.jpg) left top repeat-x;
	padding: 0px;
	clear:both;
}
#menu ul {
	border:none;
	background:transparent;
	text-align: right;
	padding: 05px;
	margin: 0px;	
}
#menu li {
	list-style: none; 
	display: inline;
	height: 20px;
	background: transparent url(img/vertical.gif) center right no-repeat;
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	padding: 2px 12px;
	_padding: 2px 6px 08px 6px; /*Bug do espaçamento entre os linkd do menu no IE*/ 
}
#menu li a { 
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #333;
	background:transparent;
	text-decoration: none;
	padding: 2px 12px;
}
#menu li a:visited {
	color: #333;
	background:transparent;
	text-decoration: none;
	padding: 2px 12px;
}
#menu li a:hover {
	color: #fff;
	background:#990000;
	text-decoration: none;
	padding: 2px 12px;
}
/*  #inicio é o id do body da pag inicial, e #liInicio é o id do li do menu que vai ficar ativo qd a pessoa estiver nessa página, e assim vai, 
todo body de uma página diferente deverá ter um id */	
#empresa #liEmpresa a,#solucoes #liSolucoes a,#clientes #liClientes a, #contato #liContato a {
	color:#fff;
	background: #990000;
	}
/********************************************************
// FORMATAÇÕES DA COLUNA PRINCIPAL e AUXILIAR - index
*********************************************************/
#principal {
	width:555px;
	background: transparent;
	padding: 05px 0px;
	float:right;
}
#auxiliar {
	width:198px;
	background: transparent;
	float:left;
}
#principal * {
	padding: 2px;
}
#auxiliar * {
	padding: 2px ;
}
#obrigado {
	width: 750px;
	height: 202px;
	margin-left: 10px;
	background: #fff;
	text-align: center;
}
/********************************************************
// FORMATAÇÕES DA COLUNA AUXILIAR 
*********************************************************/	
#colAuxItens { 
	margin: 0px;
	padding:0px 0px 05px 0px;
	background: transparent;
	text-align: center;
}
#colAuxItens span {
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	color: #AF251C;
}
#colAuxItens p.imagem {
	padding: 0px 0px 3px 0px;
	background: transparent;
}
#colAuxItens p.txt {
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000;
	text-align: left;
	line-height: 14px;
	background: transparent;
	padding: 05px 05px;
}
#colAuxItens p.botao {
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000;
	text-align: right;
	background: transparent;
}
#colAuxItens p.flash {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: transparent;
}
#colAuxItens ul.colAuxNews {
	list-style:none;
}
#colAuxItens ul.colAuxNews li {
	background:transparent;
	padding-bottom:1px;
	border-bottom:1px dotted #CCCCCC;
	text-align:left;
}
#colAuxItens ul.colAuxNews li a {
	color:#000000;
	display:block;
	padding:05px;
	text-decoration:none;
}
#colAuxItens ul.colAuxNews li a:hover {
	background:#f3f3f3;
	color:#999999;
	text-decoration:none;
}
#colAuxItens ul.colAuxNews li span.newsTit,#colAuxItens ul.colAuxNews li a span.newsTit {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#990000;
	text-decoration:none;
	padding:0px;
	margin:0px;
}
#colAuxItens ul.colAuxNews li a:hover span.newsTit {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration:none;
	padding:0px;
	margin:0px;
}
#menuAuxiliar {
	margin: 0;
	padding:0;
	background: transparent;
	text-align: center;
}
#menuAuxiliar ul#menu2 { 
	margin: 0; /* retira o recuo para alguns browsers */ 
	padding: 0 0 0 03px; /* retira o recuo para outros browsers */ 
	list-style-type: none; /* retira o marcador de listas*/ 
	background: transparent;/* cor do fundo */ 
	width:185px; /* uma largura para o menu */ 
	border:none; /* uma borda em volta do menu */ 
	text-align: left;
}
#menuAuxiliar ul#menu2 li {
	border-bottom:1px solid #cccccc; /* coloca uma borda entre links */ 
}
#menuAuxiliar ul#menu2 li a:link {
	text-decoration: none; /* retira o sublinhado dos links */ 
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color:#AF251C; /* define a cor da fonte */ 
	border-left:05px solid #AF251C; /* uma barrinha a esquerda dos links */ 
	padding-left:5px; /* espaçamento entre a barrinha e o texto do link */ 
	display:block; 
	text-decoration:none;
}
#menuAuxiliar ul#menu2 li a:visited {
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	background-color: #f3f3f3; /* cor do fundo */
	color: #666666; /* cor da fonte */
	border-left:05px solid #cccccc; /* troca a cor da barrinha */
	padding-left:5px; /* espaçamento entre a barrinha e o texto do link */  
	display:block; 
	text-decoration:none;
}
#menuAuxiliar ul#menu2 li a:hover {
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	background-color: #f3f3f3; /* cor do fundo */
	color: #666666; /* cor da fonte */
	border-left:05px solid #cccccc; /* troca a cor da barrinha */ 
	padding-left:5px; /* espaçamento entre a barrinha e o texto do link */ 
	display:block; 
	text-decoration:none;
}
/********************************************************
// FORMATAÇÕES DA COLUNA PRINCIPAL 
*********************************************************/
#principal p {
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000000; 
	margin-left: 05px;
	margin-right: 05px;
	padding: 05px;
	text-align:justify;
}
#aprColPrinc {
	width: 350px;
	top: 0;
	height: 170px;
	background:transparent url(img/bg_index.jpg) bottom right no-repeat;
	margin: 0px;
	padding: 0px 05px;
	float: left;
}
#principal p.left {
	width: 260px;
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000;
	margin-top: 10px;
	margin-left: 10px;
	text-align: left;
	line-height: 13px;
}
#areaCliente {
	width: 180px;
	height: 135px;
	margin: 0px;
	background:transparent url(img/bg_areaCliente.jpg) top right no-repeat;
	padding: 0px 05px;
	text-align: right;
	float: left;
}
#areaCliente #formar {
	margin-top: 55px;
	margin-right: 10px;
}
.colLeft {
	width:250px;
	height: auto;
	padding:0px;
	margin:0px;
	text-align:center;
	float:left;
}
.colRight {
	width:250px;
	height: auto;
	padding:0px;
	margin:0px;
	text-align:center;
	float:right;
}
.box3col {
	width:550px;
	background: transparent;
	margin: 0px;
	padding: 0px 03px;
	float:left;
}
.box2col {
	width: 350px;
	height: auto;
	background:transparent;
	margin: 0px;
	padding: 0px 03px;
	float: left;
}
.box1col {
	width: 180px;
	height: auto;
	background:transparent;
	margin: 0px;
	padding: 0px 03px;
	float: left;
}
#segThumbCliente {
	width: 180px;
	height: 135px;
	margin: 0px;
	background:transparent url(img/bgClientesCapa.jpg) top right no-repeat;
	padding: 0px 07px;
}
.thumbClientes {
	width:auto;
	height:auto;
	margin:05px;
	padding:0px;
	float:right;
}
ul.banServ {
	text-align:center;
	list-style: none;
	padding:0px;
	margin:0px;
}
ul.banServ li {
	display: inline;
	padding:20px 5px 5px 0px;
}
#bannerPimenta {
	width: 328px;
	height: 118px;
	padding: 0px;
	margin: 0px 0px 0px 11px;
	background:#FFFFFF url(img/banPimenta.jpg)  top left  no-repeat;
}
#segBannSecundario {
	width: 180px;
	height: auto;
	margin: 0px;
	background:transparent;
	padding: 0px 07px;
}
.bannSecundario {
	width:auto;
	height:auto;
	margin:0px 5px 5px;
	padding:0px;
}

/*#banners {
	width: 160px;
	height: 188px;
	margin-right: 20px;
	_margin-right: 10px;
	padding: 0px;
	text-align: left;
	float: right;
}
#banners ul.bann li {
	text-align: left;
	list-style: none;
	padding-bottom: 08px;
}
*/
#clear {
	clear: both;
	padding:0px;
	margin:0px;
}
#metodoNum {
	width: 318px;
	margin: 0;
	background: transparent;
	padding: 05px 10px 05px 20px;
	text-align: left;
}
ul#ajax {
	padding: 0px;
	margin: 0px;
}
ul#ajax li {
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000;
	padding: 5px 5px 2px 10px;
	margin:0px;
	list-style: url(img/bullet.gif) inside;
}
#seguraFormCV {
	width: 430px;
	margin: 0;
	background: transparent;
	padding: 05px 10px 05px 10px;
	text-align: left;
}
#formCV {
	width: 430px;
	background: transparent;
	margin-left: 05px;
}
legend {
	font:bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #AF251C; 
	margin-left: 02px;
	margin-right: 02px;
	padding: 2px;
}
label {
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000;
	background: transparent;
	margin-left: 05px;
}
#contImg{
	width:550px;
	height:48px;
	border: 0;
	background-image:url(img/img_rodape.gif);
	background-repeat: no-repeat;
	padding: 0px;
}
#depoimentos {
	width: 530px;
	margin: 05px;
	padding: 05px;
	background: transparent;
	text-align: center;
}
/* imagem com tam máximo de 90px de largura x 115px*/
#depFoto {
	width:90px;
	height: auto; 
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000;
	background: transparent;
	padding: 0px 10px;
	margin: 0;
	text-align: center;
	vertical-align: baseline;
	float:left;
}
#depTexto {
	width:390px;
	height: auto; 
	background:#f1f1f1;
	padding: 10px;
	margin: 0;
	text-align: left;
	vertical-align: top;
	float:right;
}
#depTexto p {
	width:370px;
	background: transparent;
	border: 1px solid #ccc;
	text-align: left;
}
/* seção portifólio */
#portifolio {
	width: 520px;
	margin: 0;
	padding: 10px 10px 25px 10px;
}
.portifolioRGVisual {
	width: 250px;
	margin-left: 10px;
	padding: 10px 10px 25px 10px;
	float:left;
}
#nomeEmpresa {
	height: 10px;
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	color: #000;
	background: #ebebeb;
	padding: 05px;
	margin: 0px;
	border-bottom: 1px  dashed #ccc;
}
#descEmpresa {
	display:inline; /*Bug da margem dupla para floats no IE*/ 
	float:left;
	width:300px;
	height:auto;
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-weight: normal;
	color: #000;
	background: transparent;
	padding: 05px;
	margin: 0;
	vertical-align: top;
	text-align: justify;
}
/* imagem com tam máximo de 200px de largura*/
 #imgEmpresa {
	float:right;
	width:200px; 
	height:auto;
	background: transparent;
	padding: 05px;
	margin: 0;
	text-align: center;
	vertical-align: top;
}
#statusSite {
	height: auto;
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-weight: normal;
	color: #000;
	background: #ebebeb;
	padding: 05px;
	margin: 0px;
	border-top: 1px  dashed #ccc;
	clear: both;
}
span.on {
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color:#009900;
	background: transparent;
}
span.off {
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color:#CC0000;
	background: transparent;
}
#pimenta {
	background:#FFFFFF url(img/bgCuriosidades.jpg) right bottom no-repeat;
	}
/********************************************************
// FORMATAÇÕES DO RODAPE
*********************************************************/
#rodape {	
	clear:both;
	height: auto;
}
#rodape p.txtrodape {
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #ccc;
	background: #F1F1F1;
	text-align: center;
	border-top: 1px solid #ccc; 
	padding: 2px;
}