/********************************************
   AUTHOR:  			Erwin Aligam 
   WEBSITE:   			http://www.styleshout.com/
	TEMPLATE NAME: 	Bright Side of Life
   TEMPLATE CODE: 	S-0005
   VERSION:          1.0          	
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { padding: 0; margin: 0; }
body {
	margin: 0;
	padding: 0;
	font: .70em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #666666; 
	text-align: center;
}

/* links */
a { 
	color: #4284B0;
	background-color: inherit;
	text-decoration: none;
}
a:hover {
	color: #9EC068;
	background-color: inherit;
}
span.sel{
	color: red;
	font-size:14px;
	background-color: inherit;
	text-decoration: none;
}

/* headers */
h1, h2, h3 {
	/*font: bold 1em 'Trebuchet MS', Arial, Sans-serif;*/
	font: bold 1em Arial, Sans-serif;	
}
h2.cx_baixa{
	text-transform:none;
}
h1.menu{
	color: red;
}
h1.cabecalho{
	font-size: 12px;
	margin: 0;
}
span.cabecalho{
	color: red;
}

p.destaque{
	font-size: 14px;
	color: red;
	font-weight: bold;
}
p.index{
	font-size: 15px;
	line-height: 24px;
	font-weight: bold;
}
#main p.mkt{
	font-size: 12pt;
	line-height: 24px;
	font-family: tahoma;
}

#main p.mkt1{
	font-size: 14pt;
	line-height: 24px;
	font-weight: lighter;
	font-family: tahoma;
}

#main p.mkt2{
	font-size: 18pt;
	line-height: 24px;
	font-weight: lighter;
	font-family: tahoma;
}

h1 { font-size: 1.5em; color: #336600; } 
h2 { font-size: 1.4em; text-transform:uppercase;}
h3 { font-size: 1.3em; }

p, h1, h2, h3 {
	margin: 10px 15px;
}

ul, ol {
	margin: 10px 30px;
	padding: 0 15px;
	color: #4284B0;
}
ul span, ol span {
	color: #666666; 
}

/* images */
img.no-border {
	border: none;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
a img {  
  border: 0px solid #568EB6;
}
a:hover img {  
  border: 0px solid #CCC !important; /* IE fix*/
  border: 0px solid #568EB6;
}
.anuncio{
	background-color: gray;
}
code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 4px solid #4284B0; 
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 15px;
 	padding: 0 0 0 20px;  	
  	background: #FAFAFA;
	border: 1px solid #f2f2f2; 
	border-left: 4px solid #4284B0;   
	color: #4284B0;
	font: bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif; 
}

/* form elements */

form {
	margin:10px; padding: 5px;
	border: 1px solid #dddddd; 
	background-color: #FAFAFA;
}
.tabela_noticia{
	margin-left: 10%;
	margin-right: 10%;
	width: 60%;
}
form.index {
	margin:10px; padding: 5px;
	border: 1px solid #dddddd; 
	background: #fff url(fundo_not.png) repeat-x; 
}

fieldset{
	padding: 10px;
	border-color: #aaa;
	border-width: 1px;
	margin-bottom: 10px;
	margin-left: 15px;
	margin-right: 15px; 
}
.h2_fieldset{
	color:#666;
	margin-left: 0;
	margin-top: 0;
}
label {
	display:block;
	color:black;
	font-weight:bold;
	margin:8px 0;
}
input {
	padding: 2px 2px 2px 20px;
	border:1px solid #ccc;
	font: normal 1em Verdana, sans-serif;
	color:#555;
	background: #fff url("seta.gif") no-repeat;
	background-position: left;
}

.input_promo {
	padding: 2px 2px 2px 20px;
	border:1px solid #ccc;
	height:30px;
	font: normal 25px Verdana, sans-serif;
	color:#555;
	background: #fff url("seta.gif") no-repeat;
	background-position: left;
}
SELECT {
	padding: 2px 2px 2px 20px;
	border:1px solid #ccc;
	font: normal 1em Verdana, sans-serif;
	background: #fff url("seta.gif") no-repeat;
	background-position: left;
	color:#555555;
	width: 50%;
}
SELECT.grande{
	padding: 2px 2px 2px 20px;
	border:1px solid #ccc;
	font: normal 1em Verdana, sans-serif;
	background: #fff url("seta.gif") no-repeat;
	background-position: left;
	color:#555555;
	width: 400px;
}
textarea {
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#555;
}
input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #4284B0;	
}
span.erro{
	color: red;
	font-size: 14px;
}
/* search form */
form.searchform {
	background: transparent;
	border: none;
	margin: 0; padding: 0;
}
form.searchform input.textbox { 
	margin: 0; 
	width: 120px;
	border: 1px solid #9EC630; 
	background: #FFF;
	color: #333; 
	height: 14px;
	vertical-align: top;
}
form.searchform input.button { 
	margin: 0; 
	padding: 2px 3px; 
	font: bold 12px Arial, Sans-serif; 
	background: #FAFAFA;
	border: 1px solid #f2f2f2;
	color: #777;	
	width: 60px;
	vertical-align: top;
}

/***********************
	  LAYOUT
************************/
#wrap {
	background: #FFF;
	width: 100%; height: 100%;
	margin: auto;	
	text-align: left;
}
#content-wrap {
	clear: both;
	margin: 0px; padding: 50px;	
	background: #FFF;
}
#teste{
	text-align:center;
	background: #fff url(bg_header.png) repeat-x;
}
#lista_razao{
	padding: 5px;
	height:120px;
    width:420px;
    display:none;
    z-index:3;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000000;
    background:#FFFFFF;
    border: solid #aaaaaa 1px;
    border-bottom:solid #000 1px;
    border-right:solid #000 1px;
    position:absolute; 
    z-index:2000;
	/*opacity: 0.8;
	filter: alpha(opacity=40);*/
	font-size: 10px;
}
#teste1{
	background: #fff url(bg_header.png) repeat-x;
	padding: 5px;
}
/* header */
#header {
	position: relative;
	height: 85px;	
	background: #000 url(headerbg.gif) repeat-x 0% 100%;	
}
#header h1#logo {
	position: absolute;
	margin: 0; padding: 0;
	font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
	text-transform: lowercase;
	top: 0; left: 5px;	
}
#header h2#slogan {
	position: absolute;	 
	top:37px; left: 95px;
	color: #666666;
	text-indent: 0px;
	font: bold 11px Tahoma, 'trebuchet MS', Sans-serif; 
	text-transform: none;	
}
#header form.searchform {
	position: absolute;
	top: 0; right: 0px;	
}

.post-footer {
	background-color: #FAFAFA;
	padding: 5px; margin: 20px 15px 0 15px;
	border: 1px solid #f2f2f2;
	font-size: 95%;	
}
.post-footer .date {
	background: url(clock.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
	background: url(comment.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
	background: url(page.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

/* sidebar */
.att{
	margin:5px 0 10px 15px;
	padding:0;	
	font-size: 12px;
	font-weight: bold;
	color:green;	
}
.att2{
	padding:0;	
	font-size: 10px;	

}
#sidebar {
	float: left;
	width: 100%;
	margin: 0;	
	padding: 0; 
	display: inline;			
}
#sidebar ul.sidemenu {
	list-style:none;
	margin:10px 20x 10px 15px;
	padding:0;			
}
#sidebar ul.sidemenu li {
	margin-bottom:1px;
	border: 1px solid #f2f2f2;	
}
#sidebar ul.sidemenu a {
	display:block;
	font-weight:bold;
	color: #333;	
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	border-left:4px solid #CCC;	
	min-height:18px;	
}

* html body #sidebar ul.sidemenu a { height: 18px;}

#sidebar ul.sidemenu a:hover {
	padding:2px 5px 2px 10px;
	background: #f2f2f2;	
	color:#339900;
	border-left:4px solid #9EC630;
}
/* main */
.table{
	width: 80%;
	border: 0;
	margin: auto;
	vertical-align: middle;
}
.table2{
	border: 0;
	margin: 20px 20px 20px 20px;
	vertical-align: middle;
}
#main {
	float: left;
	margin-left: 5px auto;
	position:relative;
	padding: 0;
	width: 100%;
	height: 100%;
}
#main h1.local{
	color: green;
	font-size: 14px;
	text-align: center;
}
#main h3.bonito{
	background-color:silver;
	padding-left:15px;
	font-size: 16px;
	border: thin;
	border: black;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-right-width: 2px;
}
#main p.ex{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
#main p.novidade{
	text-align: center;
	font-size: 15pt;
	line-height: 25px;
	color: red;
}
#main li{
	margin-left: 30px;
	font-size: 12px;
	line-height: 20px
}
#main p{
	font-size: 12px;
}
#main li.servicos{
	margin-left: 30px;
	font: small-caps 14px/18px verdana;
	color: #ff0000;
	font-weight: bold;
	list-style: square;
	
}
#main p.descr{
	margin-left: 40px;
	font: 12px/18px verdana;
	color:#666666;
}

#main a.faq { 
	color: #4284B0;
	background-color: inherit;
	text-decoration: none;
	font-size:12px;
	font-weight:bold;
	margin-left: 30px;
}
#main a.faq:hover {
	color: #9EC068;
	background-color: inherit;
}
#main div.some{
	visibility: hidden;
	position:absolute;
	height: 10px;
}
#main div.mostra{
	padding:15px;
	margin-left: 35px;
}
#main tr{
	font-size: 11px;
}
#promo{
	width: 300px;
	height:300px;
	margin-left:20px;
	background-color: red;
	
}
/* rightbar */
#rightbar {
	background-position: top;		
	border-left: thin;
	border-left-style: dotted;
	border-left-width:2px;
	border-left-color: green;
	margin: auto;
	height: 100%;
}

/* Footer */
#footer { 
	clear: both; 
	color: #FFF; 
	background: #A9BAC3; 
	border-top: 5px solid #568EB6;
	margin: 0; padding: 0; 
	height: 50px;	  
	font-size: 95%;		
}
#footer a { 
	text-decoration: none; 
	font-weight: bold;	
	color: #FFF;
}
#footer .footer-left{
	float: left;
	width: 35%;
}
#footer .footer-right{
	float: right;
	width: 60%;
}

/* menu tabs */
#header ul {
	position: absolute;
   margin:0; padding: 0;
   list-style:none;
	right: 0; 
	bottom: 6px !important; bottom: 5px;
	font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;	
}
#header li {
   display:inline;
   margin:0; padding:0;
}
#header a {
   float:left;
   background: url(tableft.gif) no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}
#header a span {
   float:left;
   display:block;
   background: url(tabright.gif) no-repeat right top;
   padding:6px 15px 3px 8px;
   color: #FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
	color:#FFF;
}
#header a:hover {
   background-position:0% -42px;
}
#header a:hover span {
   background-position:100% -42px;
}
#header #current a {
   background-position:0% -42px;
	color: #FFF;
}
#header #current a span {
   background-position:100% -42px;
	color: #FFF;
}
/* end menu tabs */

/* alignment classes */
.float-left  { float: left; }
.float-right {	float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right;}

/* additional classes */
.clear { clear: both; }
.green {	color: #9EC630; }
.gray  {	color: #BFBFBF; }

.aparece{ 
	position: absolute; 
	top: 45%; 
	left: 50%; 
	margin-left: -150px; 
	margin-top:-50px;
	visibility:visible; 
	clear:both; 
	background-color:#ddd;
	height:200px !important;
	position:fixed;
	text-align:center;
	color:#ffffff;
	width:300px;
	z-index:10000;	
	border: 1px solid #000;
}

formG {
	margin:10px; padding: 5px;
	border: 1px solid #dddddd; 
	background-color: #FAFAFA;
	line-height: 16px;
}

#div1 {    
    /*position: absolute;*/
    height:450px;
    width:500px;
    top:50%;
    display:none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000000;
    background:#FFFFFF;
    border: solid #ffff00 2px;   
    position:fixed;
    top:100px;
    z-index:2000;
	font-size: 12px; 
}
* html #div1 {
    position: absolute;
    top: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+100+"px" : body.scrollTop+100+"px");
}

#caixa_auto_transfer {    
    /*position: absolute;*/
    height:180px;
    width:320px;
    display:none;
    z-index:3;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000000;
    background:#FFFFFF;
    border: solid #257 2px;   
    position:absolute; 
    z-index:2000;
	/*opacity: 0.8;
	filter: alpha(opacity=40);*/
	font-size: 10px; 
}

#caixa_alter_data {    
    /*position: absolute;*/
    height:180px;
    width:320px;
    display:none;
    z-index:3;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000000;
    background:#FFFFFF;
    border: solid #257 2px;   
    position:absolute; 
    z-index:2000;
	/*opacity: 0.8;
	filter: alpha(opacity=40);*/
	font-size: 10px; 
}

#caixa_alter_valor {    
    /*position: absolute;*/
    height:180px;
    width:320px;
    display:none;
    z-index:3;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000000;
    background:#FFFFFF;
    border: solid #257 2px;   
    position:absolute; 
    z-index:2000;
	/*opacity: 0.8;
	filter: alpha(opacity=40);*/
	font-size: 10px; 
}


#caixa_cad_prod_cli {    
    /*position: absolute;*/
    height:200px;
    width:340px;
    display:none;
    z-index:3;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000000;
    background:#FFFFFF;
    border: solid #257 2px;   
    position:absolute; 
    z-index:2000;
	/*opacity: 0.8;
	filter: alpha(opacity=40);*/
	font-size: 10px; 
}

#nome{
	margin-left: 10px;
	font-weight: bold;
	font-size: 14px;
	color: green;
}
#nome_2{
	margin-left: 10px;
	font-weight: bold;
	font-size: 11px;
	color: green;
}
#div1 p{
	margin: 5px 5px;
}
#saldo{
	margin-left: 10px;
	font-weight: bold;
	font-size: 14px;
}
#div1 bold{
	font-weight: bold;
	font-size: 12px;
}

.desaparece { visibility:hidden; clear:both; display: none; }
.aparece2 { visibility:visible; clear:both; }
.mostra2 { visibility:visible; }

img{
	margin: 0 auto;
	vertical-align:text-bottom;
}
#alter_val_cred {    
    /*position: absolute;*/
    height:250px;
    width:500px;
    top:50%;
    display:none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000000;
    background:#FFFFFF;
    border: solid #ffff00 2px;   
    position:fixed;
    top:200px;
    z-index:2000;
	font-size: 12px; 
}
#cancelamento {    
    /*position: absolute;*/
    height:250px;
    width:500px;
    top:50%;
    display:none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000000;
    background:#FFFFFF;
    border: solid #ffff00 2px;   
    position:fixed;
    top:200px;
    z-index:2000;
	font-size: 12px; 
}
* html #cancelamento {
    position: absolute;
    top: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+200+"px" : body.scrollTop+200+"px");
}

#centro_custo {    
    /*position: absolute;*/
    height:200px;
    width:500px;
    top:50%;
    display:none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000000;
    background:#FFFFFF;
    border: solid #ffff00 2px;   
    position:fixed;
    top:200px;
    z-index:2000;
	font-size: 12px; 
}
* html #centro_custo {
    position: absolute;
    top: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+200+"px" : body.scrollTop+200+"px");
}
#cancelamento b{
	font-size: 14px;
}
#seg_via{    
    /*position: absolute;*/
    height:410px;
    width:320px;
    display:none;
    z-index:3;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000000;
    background:#FFFFFF;
    border: solid #257 2px;   
    position:absolute; 
    z-index:2000;
	/*opacity: 0.8;
	filter: alpha(opacity=40);*/
	font-size: 10px; 
}


#camada_bg{
	height:100%;
	width:100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 200;
    opacity: 0.8;
    background-color: #333; 
	filter: alpha(opacity=80);
}

#resumo_ped {    
    position: fixed;
    height:130px;
    width:300px;
    top:0px;
    right:0px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000000;
    background:#FFFFFF;
    border: solid #000 2px;
    padding:10px;   
    z-index:2000;
	font-size: 12px;
}
* html #resumo_ped{
    position: absolute;
    /*top: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+200+"px" : body.scrollTop+200+"px");*/
    top: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+0+"px" : body.scrollTop+0+"px");
}

.borda_red{
	border-color: red;
	border-width: 3px;
}

a.link_acess:link{
	margin-top: 40px;
	margin-left: 10px;
	font-size: 12px;
}
a.link_acess:hover{
	margin-top: 40px;
	margin-left: 10px;
	text-decoration: underline;
	
}
#pop{
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-150px;
	margin-top:-100px;
	padding:10px;
	width:300px;
	height:100px;
	border:1px solid #336600;	
	background:#F2F2F2;
}
.paginacaoAba1{
	left:50%;
	font-size:20px; 
	color:#D3CFB4;
}