/* CSS Document */
/*
Theme: Logista On-line
Version: 2.0
Author: Rodrigo Varandas
Author URL: http://www.rodrigovarandas.com
*/

body{background:#000000 url("../imgn/bgtudo.png") top center repeat-y;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
	line-height:15px;
	text-align:justify;
    padding:0px;
    margin:0px auto;
    color: #000;
    }
	
li{text-decoration:none;}
	
#bodygeral{background: url("../imgn/bgsite.jpg") top left repeat-x;    
    padding:0px;
    margin:0px auto;
    }
		
p{margin:0px auto;
    padding-bottom:10px;}

	


#tudo {width:779px;	
    margin:0px auto;
	padding:0px;
	display:block;
	}

#topo {  
        height:131px;
	width:779px;
	padding:0px;
	margin:0px auto;
	}
#principal {background: url("../imgn/bgtop.png") top left no-repeat;    
    width:454px;
	float:left;
	margin:0px auto;
	padding-top:30px;
	}
#principalcont {padding:0px;
	margin:0px auto;
	width:406px;	
	}
#navegacao {background: url("../imgn/bgtop.png") top right no-repeat;
    margin-right:2px;
	padding-top:25px;
	width:323px;	
	float:right;
	}
#principal * {
	padding:0 0px;
	}
#navegacao * {
	padding:0 0px;
	}

#principalTotal {background: url("../imgn/bgtop.png") top left no-repeat;    
    width:777px;
	float:left;
	margin:0px auto;
	padding-top:30px;
	}
#principalcontTotal {padding:0px;
	margin:0px auto;
	width:700px;	
	}
#principalTotal * {
	padding:0 0px;
	}

#rodape {padding:0px;
    margin:0px auto;
	display:block;
	}
#rodapecenter {	
	clear:both;
	background:#000000 url("../imgn/bgrodapecenter.png") top center no-repeat;
	height:85px;
	padding-top:30px;
    margin:0px auto;
	}
	
#rodapeall { width:776px;	
	padding-top:7px;
	padding-left:60px;
    margin:0px auto;
	color:#ccc;
	text-align:left;
	font-size:10px;
	}

ul#botao {
width:206px;
margin:0px auto;
padding-top:15px;
list-style-type:none;
}
ul#botao li { background-position:center;
font-weight:bold;
text-align:justify;
font-size:14px;
padding:0px;
}
ul#botao li a:link, ul#botao li a:visited { background:url("../imgn/botao-menu-link.jpg") center no-repeat;
display:block;
padding-top:14px;
text-align:center;
height:34px;
text-decoration:none;
color: #FFFFFF;
}
ul#botao li a:hover { background:url("../imgn/botao-menu-hover.jpg") center no-repeat; 
color:#000000;
}



.borda{border:0px;}
.bordagratis{border:0px;
margin-top:0px;}
.bordaright{border:0px;
 float:right;
 margin-left:15px;}
 
.borderright{border-right:#000 solid 1px;}
.depoimento{width:280px;
margin-top:15px;
margin-left:10px;
}
#depoimentoa{}

.fontlaranja{color:#FF5300;}
.fontmenor{ font-size:9px;}
.fontmaior{ font-size:16px;
font-weight:bold;}

.black{color:#000;}

#left{width:175px;
float:left;
margin-right:75px;
color:#000000;
}
#left a{color:#FFFFFF;
}
#left a:hover{color:#FFFFFF;
}
#lefta{width:175px;
float:left;
margin-right:75px;
color:#000000;
}
#lefta a{color:#FFFFFF;
}
#lefta a:hover{color:#FFFFFF;
}
#leftb{width:175px;
float:left;
margin-right:75px;
color:#000000;
}
#leftb a{color:#FFFFFF;
}
#leftb a:hover{color:#FFFFFF;
}
#leftc{width:175px;
float:left;
margin-right:75px;
color:#000000;
}
#leftc a{color:#FFFFFF;
}
#leftc a:hover{color:#FFFFFF;
}
#leftd{width:175px;
float:left;
margin-right:75px;
color:#000000;
}
#leftd a{color:#FFFFFF;
}
#leftd a:hover{color:#FFFFFF;
}
#lefte{width:175px;
float:left;
margin-right:75px;
color:#000000;
}
#lefte a{color:#FFFFFF;
}
#lefte a:hover{color:#FFFFFF;
}

.right{width:470px;
float:right;
padding-top:164px;
margin:0px auto;
}
.textimput{ background:url("../imgn/off.png") top center;
    border:0px;
    margin-left:20px;
    width:147px;
    color:#000000;
	} 
.textbuttom{ background:url("../imgn/busca.gif") top center no-repeat;
    border:0px;
	margin-top:4px;	
	width:14px;
	height:14px;
	cursor: pointer;
	}
.toptext{margin-top:32px;
font-size:12px;
}


h1,h2,h3,h4,h5{font-size:14px;
line-height:18px;
margin:0px auto;
padding:0px;
font-weight:bold;
color: #FF5300;
   }   
h1 a:link {
color: #FF5300;
text-decoration:none;
}
h1 a:visited {
color: #FF5300;
text-decoration:none;
}
h1 a:active {
color: #FF5300;
text-decoration:none;
}
h1 a:hover {
color: #FF6600;
text-decoration:underline;
}


a:link{color: #FF5300;
    text-decoration:none;
    }
	
a:visited{color: #FF5300;
    text-decoration:none;
    }
	
a:active{color: #FF5300;
    text-decoration:none;
    }
	
a:hover{color: #FF6600;
    text-decoration:underline;
	}
	
	
.sliderwrapper{
position:relative; /*leave as is*/
overflow: hidden; /*leave as is*/
height: 276px;
}
.sliderwrapper .contentdiv{background:url("../imgn/bgsliderpergunta.jpg") top right no-repeat;
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding:0px;
margin:0px auto;
height: 100%;
}
.pagination{background: url("../imgn/bgpagination.png") top right repeat-y;
text-align: right;
height:30px;
padding:0px;
margin:0px auto;
font-size:12px;
font-weight:bold;
line-height:17px;
}
.pagination a{
text-decoration: none; 
color:#000;
background: transparent;
}
.pagination a:hover, .pagination a.selected{
color: #FF6600;
background:transparent;
}
.toc{margin-right:40px;
}

#galeria{background: url("../imgn/bggaleria.jpg") top right no-repeat;
    width:450x;
	height:329px;
	padding:0px;
	margin:0px auto;
    }
	
.menu1 {width:150px;
height:330px;
	float:left;
	margin:0px auto;	
	padding:0px;
	}

.menu1b {
    width:140px;	
	padding:0px;
	float:right;
	}
	
.menu2 {width:150px;
height:330px;
	float:right;
	margin:0px auto;	
	padding:0px;
	}
.menu2b {
    width:140px;
	padding:0px;
	float:left;
	}
#inicio1{background: url("../imgn/bgslider001.jpg") top right no-repeat;
    padding:44px 33px 33px 25px;
    margin:0px auto;
	height:352px;
	}
#inicio2{background: url("../imgn/bgslider002.jpg") top right no-repeat;
    padding:44px 33px 33px 25px;
    margin:0px auto;
	height:352px;
	}
#inicio3{background: url("../imgn/bgslider003.jpg") top right no-repeat;
    padding:44px 33px 33px 25px;
    margin:0px auto;
	height:352px;
	}
#inicio4{background: url("../imgn/bgslider004.jpg") top right no-repeat;
    padding:44px 33px 33px 25px;
    margin:0px auto;
	height:352px;
	}
#inicio5{background: url("../imgn/bgslider005.jpg") top right no-repeat;
    padding:44px 33px 33px 25px;
    margin:0px auto;
	height:352px;
	}
#inicio6{background: url("../imgn/bgslider006.jpg") top right no-repeat;
    padding:44px 33px 33px 25px;
    margin:0px auto;
	height:352px;
	}

#menutotal{
  margin:0px auto;
  padding:0px;
  height:54px;}

/* Menu início */
ul.menubar{
  margin:0px auto;
  padding: 0px;
  background-color:#DFDCD3; /* IE6 Bug */
  font-size: 100%;  
}
 
ul.menubar .submenu{
  margin:0px auto;
  padding: 0px;
  list-style: none;
  background-color:#DFDCD3;
  float:left;
}
 
ul.menubar ul.menu{
  display: none;
  position: absolute;
    margin:0px auto;
}
 
ul.menubar a{background:#000000 url("../imgn/bglink.png") top left repeat-x;
  display:block;
  text-decoration: none;
  color:#fff;
  font-size:10px;
  border-left:#000000 1px solid;
  padding:12px 18px 14px 18px;
  margin:0px auto;
}

ul.menubar a:hover{background:#333333 url("../imgn/bglinkhover.png") top left repeat-x;
  display:block;
  text-decoration: none;
  color:#fff;
  font-size:10px;
  padding:12px 18px 14px 18px;
  margin:0px auto;
}
 
ul.menu, ul.menu ul{
  margin: 0;
    margin:0px auto;
  border-bottom: 1px solid #fff;
  width: 109px; /* Width of Menu Items */
  background:#000000 url("menubarhoverb.jpg") top left no-repeat; /* IE6 Bug */
}
 
ul.menu li{background:#000000 url("menubarhoverb.jpg") top left no-repeat;
  position: relative;
  list-style: none;
  border: 0px;
  }
 
ul.menu li a{background:#000000 url("menubarhoverb.jpg") top left no-repeat;
  display: block;
  text-decoration: none;
  border: 1px solid #D9D6CA;
  color:#003366;
  padding: 5px 10px 5px 5px;
    margin:0px auto;
  font-size:11px;
  text-align:left;}

ul.menu li a:hover{background:#fff url("menubarhoverb.jpg") top left no-repeat;
  display: block;
  text-decoration: none;
  border: 1px solid #D9D6CA;
  color:#CA7D13;
  padding: 5px 10px 5px 5px;
    margin:0px auto;
  font-size:11px;
  text-align:left;
  font-weight:100;
}
 
ul.menu li sup{
  font-weight:bold;
  font-size:7px;
  color:#003366;
}
 
* html ul.menu li { float: left; height: 1%; }
* html ul.menu li a { height: 1%; }
 
ul.menu ul{
  position: absolute;
  display: none;
  left: 149px; /* Set 1px less than menu width */
  top: 0px;
}
 
ul.menu li.submenu ul { display: none; } /* Hide sub-menus initially */
 
ul.menu li.submenu { background: transparent url(arrow.gif) right center no-repeat; }

/* ---- FAQ ------------------------------------------------- */
.grupoFaq {
	margin-bottom: 15px;
}

.grupoFaq .titulo {
	margin-bottom: 5px;
}

.grupoFaq .titulo a {
	color: #e67528;
	font-weight: bold;
	font-style: italic;
	font-size: 13px;
	text-decoration: none;
}

.grupoFaq .titulo a:hover {
	text-decoration: underline;
}

.grupoFaq .titulo img {
	margin-right: 13px;
}

.grupoFaq .links {
	margin-left: 40px;
	line-height: 16px;
}

.grupoFaq .links a {
	display: block;
	padding-bottom: 6px;
}

.grupoFaq .links .atual {
	color: #888888;
	display: block;
	padding-bottom: 6px;
}

#voltarFaq {
	margin: 30px 0px 20px;
}

#voltarFaq a {
	font-size: 11px;
	text-decoration: none;
	color: black;
}

#voltarFaq a:hover {
	text-decoration: underline;
}

.subtitulo{ font-size:10px;}

.numeral{margin-bottom:-25px;
height:55px;
margin-right:5px;}

#texto{margin-top:25px;}


/* ---- CLIENTES ------------------------------------------------- */

.clienteDestaque {
	border: solid 1px #cccccc;
	margin-bottom: 15px;
}

.clienteDestaque td {
	text-align: center;
	vertical-align: middle;
	padding: 3px;
	font-size: 11px;
}

.clienteDestaque td .titulo {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

.clienteDestaque .logo {
	border-right: solid 1px #cccccc;
	width: 168px;
	height: 86px;
}

.clienteDestaque .descricao {
	border-top: solid 1px #cccccc;
	padding: 5px;
}

.cliente {
	margin-bottom: 40px;
}

.cliente td {
	text-align: center;
}

.cliente .logo {
	height: 80px;
	width: 100%;
}

.cliente .logo td {
	vertical-align: middle;
}

.cliente .titulo {
	padding-top: 6px;
	font-size: 12px;
	font-weight: bold;
}
.cliente .endereco {
	font-size: 11px;
}

#paginacao {
	font-size: 11px;
	text-align: center;
	color: #74a5d5;
	margin-bottom: 20px;
}

#paginacao a {
	color: #74a5d5;
	text-decoration: none;
}

#paginacao a:hover {
	color: #f5821f;
	text-decoration: underline;
}

#paginacao a.atual {
	color: #f5821f;
}


/*Teste Hugo Carisio*/
/* Nuvem de Tag */
#totalNuvem {
text-align:justify; width:401px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;
}
.nuvem { width:401px;
height:auto; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none;
font-weight:bold;}
.nuvem a:link {
text-decoration:none}
.nuvem a:visited {
text-decoration:none;
}
/*--------------------------------------------------------------*/

/* Vermelhos*/
.vermelhoG { color:#FF0000; font:bold; font-size:20px; 
}

.vermelhoG1 { color:#FF0000; font:bolder; font-size:21px;
}
.vermelhoM {color:#FF0000; font:bolder; font-size:18px; 
}
.vermelhoP {color:#FF0000;  font-size:14px; 
}
.vermelhoM1{color:#FF3300; font:bolder; font-size:14px; }

.vermelhoM2 { color:#FF3333; font:bolder; font-size:14px; 
}
.vermelhoP1 {color:#ff3300; font:bolder; font-size:12px; 
}

/*Vermelhos a:link*/

.vermelhoG a:link { color:#FF0000; font:bold; font-size:20px; 
}
.vermelhoG1 a:link { color:#FF0000; font:bolder; font-size:21px;
}
.vermelhoM a:link {color:#FF0000; font:bolder; font-size:18px; 
}
.vermelhoP a:link {color:#FF0000;  font-size:14px; 
}
.vermelhoM1 a:link {color:#FF3300; font:bolder; font-size:14px; }

.vermelhoM2 a:link { color:#FF3333; font:bolder; font-size:14px; 
}
.vermelhoP1 a:link {color:#ff3300; font:bolder; font-size:12px; 
}
/*Visitados*/
.vermelhoG a:visited { color:#FF0000; font:bold; font-size:20px; 
}
.vermelhoG1 a:visited { color:#FF0000; font:bolder; font-size:21px;
}
.vermelhoM a:visited  {color:#FF0000; font:bolder; font-size:18px; 
}
.vermelhoP a:visited  {color:#FF0000;  font-size:14px; 
}
.vermelhoM1 a:visited {color:#FF3300; font:bolder; font-size:14px; }

.vermelhoM2 a:visited  { color:#FF3333; font:bolder; font-size:14px; 
}
.vermelhoP1 a:visited  {color:#ff3300; font:bolder; font-size:12px; 
}

/*-------------------------------------------------------------------------------------*/


/*Verdes*/

.verdeG {
color:#00ff00;  font-size:22px;
}
.verdeM{color:#00ff00; font:bolder; font-size:14px;
}
.verdeP{
}

/*Verdes a:link*/

.verdeG a:link{
color:#00ff00;  font-size:22px;
}
.verdeM a:link{color:#00ff00; font:bolder; font-size:14px;
}
.verdeP a:link{
}
/*Visitados*/
.verdeG a:visited{
color:#00ff00;  font-size:22px;
}
.verdeM a:visited{color:#00ff00; font:bolder; font-size:14px;
}
.verdeP a:visited{
}
/*-------------------------------------------------------------------------------------*/
/*Pretos*/

.pretoG{ color:#333333; font:bolder; font-size:21px; 
}
.pretoM{color:#333333; font:bolder; font-size:18px;
}
.pretoP{color:#000000; font:bolder; font-size:14px; 
}

/*Pretos a:link*/

.pretoG a:link{ color:#333333; font:bolder; font-size:21px; 
}
.pretoM a:link{color:#333333; font:bolder; font-size:18px;
}
.pretoP a:link{color:#000000; font:bolder; font-size:14px; 
}
/*__Visitados_________*/

.pretoG a:visited{ color:#333333; font:bolder; font-size:21px; 
}
.pretoM a:visited{color:#333333; font:bolder; font-size:18px;
}
.pretoP a:visited{color:#000000; font:bolder; font-size:14px; 
}
/*-------------------------------------------------------------------------------------*/

/*Lilas*/

.lilas1{color:#ff99ff; font:bolder; font-size:18px; 
}
.lilas2 {color:#ff00ff; font:bolder; font-size:18px; 
}
/* Lilas a:link */

.lilas1 a:link{color:#ff99ff; font:bolder; font-size:18px; 
}
.lilas2 a:link{color:#ff00ff; font:bolder; font-size:18px; 
}
/*Visitados*/
.lilas1 a:visited{color:#ff99ff; font:bolder; font-size:18px; 
}
.lilas2 a:visited{color:#ff00ff; font:bolder; font-size:18px; 
}
/*-------------------------------------------------------------------------------------*/

/*Vinho*/
.vinho {color:#990000; font-size:18px; font-weight:bold;
 }
/* Vindo a:link*/

.vinho a:link {color:#990000; font-size:18px; font-weight:bold;
 }

.vinho a:visited {color:#990000; font-size:18px; font-weight:bold;}





/*-----------------------------------------------------------------------------*/
/* ---- Formulários ------------------------------------------------- */

.mensagens {
	background-image: url(../img/sucesso.gif);
	background-repeat: no-repeat;
	padding-top: 7px;
	padding-left: 35px;
	margin-bottom: 15px;
}

.mensagens p {
	font-size: 13px;
	font-weight: bold;
	color: green;
	margin: 0px 0px 3px 0px;
}

.erros {
	background-image: url(../img/erro.gif);
	background-repeat: no-repeat;
	padding-top: 6px;
	padding-left: 35px;
	margin-bottom: 15px;
}

.erros p {
	font-size: 13px;
	font-weight: bold;
	color: red;
	margin: 0px 0px 3px 0px;
}

.erro {
	font-size: 12px;
	font-weight: bold;
	color: red;
	text-align: center;
	border: solid 1px red;
	border-top: none;
}

.tabelaForm {}

.tabelaForm td {
	padding: 3px;
}

.tabelaForm td.label {
	padding-left: 6px;
	padding-top: 6px;
	font-weight: bold;
	font-size:11px;
	width: 160px;
}

.resultado .tabelaForm td {
	font-weight: bold;
}

.resultado .tabelaForm td.label {
	font-weight: normal;
}

.resultado .tabelaForm td a {
	font-size: 14px;
}

.nobold {
	font-weight: normal;
}

.tabelaForm tr.cor {
	background-color: #eeeeee;
}

.botoes {
	margin: 20px 0px;
	text-align: center;
}
