/* CSS Document */

/* by victor hugo Pandora TI */

html{
	background:#E5EAEE;
	background:url(img/bg0.jpg);
	}
body{
	background:url(img/bg0.jpg);
	font:11px Verdana,Arial,Helvetica,sans-serif;
	}

#geral{
	width:770px;
	height:566px;
	padding:4px;
	position:relative;
	background:#FFFFFF; position:relative; border:#C2C2C1 1px solid;
}	

#topo{
	width:763px;
	height:71px;
	background:#FFFF00;
	border-left:#28160B 1px solid;
	border-right:#28160B 1px solid;
	position:relative;
	*margin:-2px 0 -5 0;
}
#logo1{
	position:absolute; top:10px; left:10px;
	background:url(img/logo2.png);
	width:205px; height:50px;
	cursor:pointer;
}
#menu1{	
	width:760px;
	height:49px;
	margin-top:5px;
	margin-bottom:5px;
}
#b1{
	width:185px;
	height:49px;
	background:#F1E69A;
	float:left;
	}
#b2{
	width:185px;
	height:49px;
	background:#E3DF72;
	float:left;
}	
#be1{
	width:10px;
	height:49px;
	background:url(img/berada1.jpg) #FFFFFF;
	float:left;
}
#be2{
	width:10px;
	height:49px;
	background:url(img/berada2.jpg) #FFFFFF right;
	float:left;
}

#b1,#b2, #b3{
	border:#006600 1px solid;
	border-left:none;
	border-right:none;
}
#buscador{
	width:762px;
	*width:764px;
	height:231px;
	background:url(img/bg1.png) #000099;
	position:relative;
	border-left:#28160B 1px solid;
	border-right:#28160B 1px solid;
	margin-top:5px;
}
#menubuscep{
	width:300px;
	height:40px;
	padding-top:7px;
	background:url(img/txts2.png);
	position:absolute;
	bottom:40px;
	right:10px;
}
#menubuscador{
	width:220px;
	height:40px;
	position:absolute;
	bottom:0px;
	right:10px;
}
#banner1{
	position:absolute;
	left:20px;
	top:50px;
	width:310px;
	height:144px;
	padding:4px;
	border:#CCCCCC 1px solid;
}
#banner{
	position:absolute;
	right:6px;
	top:0px;
	width:510px;
	height:70px;
	padding:1px;
	border:#CCCCCC 1px solid;
}
#formulario{
	position:absolute;
	right:20px;
	top:50px;
	width:300px;
	height:150px;
	padding-top:14px;
	background:url(img/txts.png) no-repeat;
}
#cf1{
	width:200px;
	height:30px;
	padding:4px;
	float:left;
}
#cf2{
	width:140px;
	height:30px;
	padding:4px;
	float:left;
	text-align:left;
	*margin-top:4px;
}

body,p,ul,ol,h1,h2,h3,form,ol.left,ol.right{
	padding:0;
	margin:0;
	}
.pol2{
	width:260px;
	*width:250px;
	font-size:14px;
	float:left;
	text-align:left;
}
.pol3{
	width:150px;
	*width:140px;
	font-size:14px;
	float:left;
	text-align:right;
	font-weight:bold;
}
.pol4{
	width:410px;
	font-size:12px;
	float:left;
	text-align:left;
}
.clientes{
	width:410px;background:#FAF9F5;border:1px solid #CECBBD;padding:1px;margin:4px 0px 0;*margin:4px 0px 0;font-size:11px; position:relative; text-align:left;
}
.empresas{
	width:410px; height:38px; background:#FAF9F5; border:1px solid #CECBBD;padding:1px;margin:4px 0px 0;*margin:8px 0px 0 0;
}
.empresas2{
	width:410px; height:46px; background:#FAF9F5; border:1px solid #CECBBD;padding:1px;margin:4px 0px 0;*margin:8px 0px 0 0;
}
.foneempresas{
	width:190px;
}
.showend{
	padding-left:5px;
	color:#0000CC;
	margin-top:-2px;
}
h2{background:#fff;border-bottom:1px dotted #ECE9D8;font:normal bold 14px Verdana,Arial,Helvetica,sans-serif;padding:5px;*border-bottom-style:solid}
h2 strong{color:#222}
h3 strong{font-weight:normal;!important}
h1,.b8 h2,h3{text-transform:capitalize}
h1{padding-left:10px}

#n1 li a b{font:italic bold 16px 'Trebuchet MS',Arial,Helvetica,sans-serif;border-top:2px solid  #FF0000;letter-spacing:1px;padding-bottom:5px}
.span{
	font:italic bold 16px 'Trebuchet MS',Arial,Helvetica,sans-serif;letter-spacing:1px; color:#0000CC; padding-top:-5px;}
h1 img{position:relative;border:0!important;margin:-18px -15px -5px -15px;*margin:-15px -15px -5px -15px;background-color:transparent!important}	

.clientes h1{font: bold 18px 'Trebuchet MS',Arial,Helvetica,sans-serif;letter-spacing:1px;padding-bottom:1px; color:#CC0000}


.btn {background:url('img/btn1.png');border:0;font:bold 13px 'Trebuchet MS',Arial,Helvetica,sans-serif!important;color:#fff;padding:0; cursor:pointer}
.btn{width:100px;height:30px}
#rua{ float:left;}
.btn3 {background:url(img/btn2.png);border:0;cursor:pointer}
.btn3{width:100px;height:30px; float:left}
.btn2{width:100px;height:30px; float:left}

.btnOk{width:45px;height:19px;background:#f60 url('./bg_btn.gif') no-repeat;border:0;font:bold 13px 'Trebuchet MS',Arial,Helvetica,sans-serif!important;color:#fff;padding:0}
input,label,select{vertical-align:middle}
select,.frm{border:1px solid #7F9DB9!important;font-size:15px}
hr{border:0;border-top:1px dotted #CECBBD;height:1px;clear:both}
.frm,.frm2,textarea{background:#fff url('img/bg_input.gif') no-repeat;font:11px verdana,arial,sans-serif;padding:2px}
option{border-bottom:1px solid #eee}

.frmx{border:1px solid #7F9DB9!important;font-size:15px; float:left;}

.frm, .frm2{width:252px;*width:210px;}

.fones{
	padding:12px 70px 30px 20px;
	margin:0px;
	background:#FFF; border-bottom:1px dotted #ECE9D8;
	font:normal bold 14px Verdana, Arial, Helvetica, sans-serif;
	*border-botton-style:solid;
	width:250px;
	float:left;
}
.btnmail{
	width:66px;
	height:16px;
	cursor:pointer;
	background:url(img/btnemail.jpg) no-repeat;
	margin-left:5px;
	float:left;
}
.btnsite{
	width:66px;
	height:16px;
	cursor:pointer;
	background:url(img/btnsite.jpg) no-repeat;
	margin-left:5px;
	float:left;
}
.btnanuncio{
	width:66px;
	height:16px;
	cursor:pointer;
	background:url(img/btnanuncio.jpg) no-repeat;
	margin-left:5px;
	float:left;
}
.btnscliente{
	width:100%;
	height:17px;
}
.logotipos{
	background:#66FF66; border-bottom:1px dotted #ECE9D8;
	font:normal bold 14px Verdana, Arial, Helvetica, sans-serif;
	*border-botton-style:solid;
	width:110px;
	height:70px;
	float:left;
}

.topotabela{
	width:427px;
	*width:432px;
	height:29px;
	position:absolute;
	top:21px;
	left:3px;
	padding-top:9px;
	padding-left:5px;
	background:url(img/b5.png) no-repeat;
}
.topomostrador{
	width:427px;
	*width:432px;
	height:20px;
	position:absolute;
	top:21px;
	left:3px;
	padding-top:9px;
	padding-left:5px;
	background:url(img/b5.png) no-repeat;
}
#mostrador{
	width:432px;
	height:410px;
	position:absolute;
	top:50px;
	left:3px;
	background:url(img/bg2.jpg);
	border-bottom:#999999 1px solid;
	overflow:auto;
	v-scroll:off;
}
#tabela{
	width:432px;
	height:410px;
	position:absolute;
	top:50px;
	left:3px;
	background:url(img/bg2.jpg);
	border-bottom:#999999 1px solid;
	overflow:hidden;
}
#respform{
	width:200px;
	height:80px;
	margin-top:18px;
	margin-left:40px;
	background:url(img/bg3.png);
	z-index:289;
}
#contador{
	font:italic bold 12px 'Trebuchet MS',Arial,Helvetica,sans-serif;letter-spacing:1px;padding-bottom:5px;
	width:420px;
	text-align:left;
}

div#modal{
	position: absolute;
	z-index: 200;
	*z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
    opacity: 0.9;
	filter: alpha(opacity=70);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color:#333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image:url(img/mask.png) !important; /*// For browsers Moz, Opera, etc.*/
	background-repeat: repeat;
}

div#loader {
  position: absolute;
  top: 0;
  bottom: 0%;
  left: 0;
  right: 0%;
  z-index: 300;
  display: none;
  text-align: center;
  width: 100%;
  padding-top: 200px;
  
}
div#loader2{
  position: absolute;
  top: 0;
  bottom: 0%;
  left: 0;
  right: 0%;
  z-index: 300;
  display: none;
  text-align: center;
  width: 100%;
  padding-top: 200px;
}
.load{
	background:url(img/bg4.png) no-repeat;
	width:280px;
	height:80px;
	padding:5px;
}
.frm{border:1px solid #7F9DB9!important;font-size:10px}
hr{border:0;border-top:1px dotted #CECBBD;height:1px;clear:both}
.frm,.frm2,textarea{background:#fff url('img/bg_input.gif') no-repeat;font:11px verdana,arial,sans-serif;padding:2px;}
.frn select{padding:0; height:17px;}
#formataform{
	width:400px;
	height:340px;
	text-align:center;
}
#campo1{
	width:110px;
	height:20px;
	text-align:right;
	padding-top:8px;
	float:left;
	background:url(img/bc.gif) no-repeat;

}
#campo2{
	width:230px;
	height:20px;
	text-align:left;
	padding:5px;
	float:left;
}
#campo3{
	width:95px;
	height:20px;
	text-align:left;
	padding:5px;
	margin-right:20px;
	float:left;
}
#campo4{
	width:385px;
	height:80px;
	padding:5px;
	margin-right:20px;
	float:left;
}
#campo4{border:1px dotted #ECE9D8;*border-bottom-style:solid}
#campo1{border-bottom:1px dotted #ECE9D8;*border-bottom-style:solid}
.texto{
	padding:10px;
	text-align:justify;
}
.h1hidden{
	visibility:hidden;
	font-size:1px;
}
#itenhome{
	width:160px;
	height:120px;
	float:left;
	padding:10px;
	*float:left;
	text-align:justify;
	color:#999999;
}
#itenhomep{
	width:150px;
	height:200px;
	float:left;
	padding:10px;
	*float:left;
}