body {
background-image: url(images/background.jpg);
background-repeat: repeat-x;
background-color: #eeeeee;
font-size: 12px;
}

html {
font-family: "Trebuchet MS", tahoma, helvetica, verdana, sans-serif;
font-size: 100%;
}

#container {
width: 723px;
margin: 0px auto;
background-color: #eeeeee;
}

#top {
padding: 0;
margin: 0;
height: 73px;
}
#top a {
padding: 0;
margin: 0;
height: 73px;
}

#wrapper {
margin: 0px 0 0 0px;
padding: 0;
width: 723px;
background: url(images/BG-wrapper.jpg);
background-color:#022779;
color:#CCCCCC;
}
#wrapper p {
margin: 0;
padding: 0px 0;
color: #ffffff;
position: relative;
}

#wrapper a {
margin: 0;
padding: 0;
color: #CCCCCC;
text-decoration: underline;
}

#leftnav {
float: left;
width: 175px;
height:auto;
margin: 3px 0 0 5px;
padding: 0;
color:#CCCCCC;
}

#leftnav img {
display: block;
margin: 0 0 0 0px;
}

#leftnav p {
margin: 0 0 7px 5px;
color: #FFFFFF;
font-size: 11px;

}

#leftnav ul {
margin: 0px 0px 0 0px;
padding: 0 0px 0 0;
position: relative;
}

#leftnav li {
margin: 0 0 7px 5px;
padding: 0 0 0 0px;
color: #FFFFFF;
font-size: 11px;
font-weight:bold;
line-height: 20px;
list-style-type:none;

}

#leftnav li a {
margin: 0 0 7px 5px;
padding: 0 0 0 0px;
color: #FFFFFF;
font-size: 11px;
font-weight:bold;
line-height: 20px;
list-style-type:none;

}

#content {
margin: 0 0 0 187px;
padding: 0px 10px;
}

#content img.float {
float: right;
margin: 0 2px 0px 0px;
padding: 0;
}

#content p {
margin: 0;
padding: 0px 0;
color: #ffffff;
position: relative;
}

#content a {
margin: 0;
padding: 0;
color: #CCCCCC;
text-decoration: underline;
}

#content a:hover {
color: #0099FF;
text-decoration: underline;
}

#content ul {
margin: 20px 0;
padding: 0;
position: relative;
}

#content li {
margin: 0 0 0 40px;
padding: 0 0 0 10px;
color: #0099FF;
font-size: 90%;
font-weight:bold;
line-height: 20px;
list-style-type: cjk-ideographic;
}

#content h1 {
margin: 0;
padding: 0;
font-size: 110%;
color: #FFCC00;
}

#content h2 {
margin: 0;
padding: 10px 0 10px 20px;
font-size: 120%;
color: #0099FF;
position: relative;
}

#content h5 {
margin: 0;
padding: 10px 0 10px 20px;
font-size: 110%;
color: #CC3300;
position: relative;
}

#navbar {
margin: 0;
padding: 0;
height: 32px;
width: 727px;
}

#navbar ul {
border: 0;
margin: 0 0 0 275px;
padding: 0;
list-style-type: none;
}

#navbar ul li {
display: block;
float: left;
padding: 10px 0 0 10px;
margin: 0;
}

#navbar ul li a {
width: 96px;
height: 20px;
padding: 0 8px;
margin: 10px 0 0 0;
color: #663300;
font-size: 13px;
font-weight: bold;
text-decoration: none;

}

#navbar ul li a:hover {
color: #FFCC00;
text-decoration: underline;
}

#navbar a.active {
color: #996600;
text-decoration: none;
}

#navbar a:hover.active {
color: #FFCC00;
text-decoration: underline;
}

#footer {
clear: both;
margin: 0px 0px 0 0px;
height: 80px;
width: 723px;
padding: 0;
color: #022779;
background: url(images/BG-Footer.jpg);
background-repeat:no-repeat;
}

#footer p {
margin: 4px;
font-size: 11px;
font-family: tahoma, helvetica, verdana, sans-serif;
text-align: center;
padding: 12px 0 0 0;
}

#footer p span {
padding: 0 10px;
}

#footer a {
margin: 0;
padding: 0 10px;
text-align: center;
color: #0033CC;
text-decoration: none;
}

#footer a:hover {
color: #0066CC;
text-decoration: underline;
}

#footer img {
vertical-align: middle;
border: none;
margin: 0;
padding: 0;
}



#BookingForm {
margin: 0;
padding: 0;
}

#BookingForm label {
margin: 0;
padding: 0;
}

#BookingForm input {
margin: 0;
padding: 0;
width: 300px;
color: #636363;
border: 1px solid #996633;
}

#BookingForm input.send {
margin: 20px 0 0 0;
padding: 0;
width: 80px;
color: #fff;
background-color: #826d5a;
font-weight: bold;
border: 1px solid #fff;
}

#BookingForm input.checkbox {
margin: 0 10px 0 0;
padding: 0;
width: 20px;
border: none;
color: #996633;
font-weight: normal;
vertical-align: middle;
}

#BookingForm select {
margin: 0;
padding: 0;
width: 150px;
color: #636363;
border: 1px solid #996633;
}

#BookingForm p {
margin: 0;
padding: 10px 0;
color: #826d5a;
font-weight: bold;
}

#leftnav blockquote {
width: 190px;
text-align: center;
margin: 10px 0 0 15px;
padding: 10px;
background: url(StartQuo.gif) no-repeat top left;
}

#quote {
margin: 0;
padding: 0;
font-family: georgia, serif;
color: #f2e2c5;
background: url(EndQuote.gif) no-repeat right bottom;
}

#author {
margin: 0;
padding: 10px 0;
font-family: georgia, serif;
color: #fff;
font-weight: bold;
}

#ContactForm input {
margin: 0;
padding: 0 5px;
font-family: "Trebuchet MS", tahoma, helvetica, verdana, sans-serif;
font-size: 100%;
font-weight: normal;
width: 300px;
color: #003399;
border: 1px solid #0099FF;
}

#ContactForm p {
margin: 0;
padding: 10px 0;
color: #0099FF;
font-weight: bold;
}

#ContactForm label {
margin: 0;
padding: 0;
}

#ContactForm textarea {
margin: 0 0 4px 0;
padding: 0 5px;
font-family: "Trebuchet MS", tahoma, helvetica, verdana, sans-serif;
font-size: 100%;
color: #666;
border: 1px solid #996633;
width: 300px;
}

#ContactForm input.button {
margin: 20px 0 0 0;
padding: 0;
width: 80px;
color: #fff;
background-color: #0099FF;
font-weight: bold;
border: 1px solid #fff;
}



#PartnerLogin {
width: 230px;
height: 130px;
margin: 0;
padding: 0;
background: url(BG-Login.jpg);
background-repeat: none;
border-bottom: 2px solid #fff;
}

/* categorias
*******************************************************************************/

ul#categoria  {
	width: 175px;
	font-size: 1em;
	list-style: none;
	margin: 0px 0 0 0px;
	background-image:url(images/BG-left.jpg);
	padding: 25px 0 0 0px;
}
ul#categoria li {
	border: none;
	clear: both;
	display: block;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
ul#categoria li a {
	width: 140px;
	color: #CC3300;
	display: block;
	font-weight: normal;
	margin: 0px 5px 0px 0px;
	padding: 0px 5px 7px 22px;
	text-decoration: none;
}
ul#categoria li a:hover {
	color: #003399;
	font-weight: bold;
}
ul#categoria li a.current,
ul#categoria li a.current:hover {
	color: #fffae7;
	cursor: default;
	font-weight: bold;
}
* html ul#categoria li,
* html ul#categoria li a,
* html ul#categoria li a:hover {
	/*\*/
	height: 1%;
	/**/
}	




/* Menu_img
*******************************************************************************/
ul#menu_img {
	list-style: none;
	background-color:#022779;
	width: 723px;
	height: 35px;
	margin: 0 auto;
	padding: 0;
	display: block;
	clear: both;
	
}
ul#menu_img li {
	float: left;
/*	background: url(images/li-sep00.gif) 100% 0 no-repeat;*/
/*	padding: 0 0px 0 0;*/
}
ul#menu_img li a {
	height: 35px;
	display: block;
	text-indent: -4000px;
	text-decoration: none;
}
ul#menu_img li a#principal {
	width: 125px;
	background: url(images/btn_principal.gif) 0 0 no-repeat;
}
ul#menu_img li a#quemsomos {
	width: 118px;
	background: url(images/btn_quemsomos.gif) 0 0 no-repeat;
}
ul#menu_img li a#cadastro {
	width: 118px;
	background: url(images/btn_cadastro.gif) 0 0 no-repeat;
}
ul#menu_img li a#produtos {
	width: 118px;
	background: url(images/btn_produtos.gif) 0 0 no-repeat;
}
ul#menu_img li a#localizacao {
	width: 118px;
	background: url(images/btn_localizacao.gif) 0 0 no-repeat;
}
ul#menu_img li a#contato {
	width: 126px;
	background: url(images/btn_faleconosco.gif) 0 0 no-repeat;
}
ul#menu_img li a#principal:hover,
ul#menu_img li a#quemsomos:hover,
ul#menu_img li a#localizacao:hover,
ul#menu_img li a#cadastro:hover,
ul#menu_img li a#produtos:hover,
ul#menu_img li a#contato:hover,

ul#menu_img li#current a {
	position: relative;
	background-position: 0px -35px;
	background-color: #fff;
/*	border: 1px solid #fad048;*/
/*	margin: 0 -4px -4px 0;
	top: -0px;
	left: -0px;
	z-index: 5;*/
}
	
/* Table 
*****************************************************************/

table, th, td {
	border: 1px solid #0066CC;
	border-collapse: collapse;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	text-transform:none;
}
caption {
	border: 1px solid #0066CC;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
	background-color: #0066CC;
}

td, th {
	padding: 4px;
	text-align: left;
}

thead th {
	text-align: center;
	background: #003399;
	color: #FFFFFF;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

tbody th {
	font-weight: bold;
}

tbody tr { background: #003399; }

tbody tr.odd { background: #003399; }

/* Forms
*******************************************************************************/

.sec form {
	font-size: 0.9em;
	line-height: 1.5em;
	margin: 0 2px 0px 2px;
	width: 480px;
}
.sec form input, file
.sec form textarea,
.sec form select 
.sec form checkbox{
	border: 1px solid #003399;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
}

.sec form input,
.sec form textarea {
	padding: 2px 0;
}
.sec form .btn {
	color: #FFFFFF;
	font-weight: bold;
	padding: 0px;
	width: auto;
	background-color: #003399;
}
.sec form h2 {
	margin: 10px 0;
}
* html .sec form h2 {
	/*\*/
	height: 1%;
	/**/
}
.sec form p {
	display: block;
	margin: 0;
	padding: 0;
}
.sec p.btn_wrapper {
	clear: both;
	float: none;
	text-align: center;
	background-color: #003399;
}
.sec form p span {
	border-top: 1px solid #0066CC;
	padding: 8px 0;
}
.sec form p span {
	display: block;
	margin: 0 0 0 180px;
}
.sec form p span.label {
	display: block;
	float: left;
	font-weight: bold;
	margin: 0;
	width: 170px;
}
.sec form br {
	display: none;
}
.sec form .txterror {
	border-color: #f36;
	background-color: #fff2f7;
}
.sec form .txtok {
	border-color: #18a214;
	background-color: #f5fef5;	
}
.sec form .txtfocus {
	border-color: #00f;
	background-color: #f2f3ff;
}	


/* ---- FORMS ----------------*/

#formeg label{
float: left;
width: 80px;
font-weight: bold;
margin-left: 30px;
}

#pre input, {
width: 40px;
margin-bottom: 5px;
}

#formeg input, #formeg textarea{
margin-bottom: 5px;
}

#formeg select{
width: 220px;
height: 150px;
margin-bottom: 2px;
margin-right: 6px;
}

#formeg textarea{
width: 275px;
height: 70px;
}

#formeg .boxes{
width: 1em;
}

#formeg #submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}

#formeg br{
clear: left;
}


form { margin: 0; padding: 0;}

fieldset { margin: 0; padding: 0; border: none; }
fieldset input { margin-bottom: 0em; }
fieldset.short input { display: block; }

input.textbox { padding: 1px .2em !important;  }

input.textbox, textarea { 
	border: 1px solid #999; 
	color: #59654D; 
	font-family: "Courier New", Courier, monospace; 
	font-size: 1em;
}

textarea { padding: .2em 2px; }

input.textbox:focus, textarea:focus { background-color: #FFFBEB; }

input.button {
	background-color: #000;
	color: white;
	font-size: .9em;
	border: none;
	padding: 2px 0px 8px 5px;
	vertical-align: top;
	
} * html input.button {
	padding: 3px 0px 9px 5px;
}


.required { color: red; }

.continue { float: right; margin-bottom: 1em; }

label { 
padding: 5px 0px 0px 0px;
font-weight: bold; 
font-size: .9em; 
color: #FFFFFF; } 

div.error-panel {  }
div.error-panel ul { margin: 0em 0em 1em; padding: 0;  }
div.error-panel ul li { background: none; padding-left: 0; color: red; margin-bottom: .2em; }

.orcamento {
	width: 432px;
	height: 18px;
	border: 1px solid;
	border-color: #D6E6F5;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
    font-size: 12px;
	margin: 0px 0 0 50px;
	padding: 3px 0 0 20px;
	color: #000;
	text-decoration: none;
	text-align: left;
}


/*Itens
**********************************************************************************/
#itens {	
	width: 732px;
	background-color:#FFFFFF;
	display: block;
	clear: both;
}
#itens .boxmaincontent {	
	width: 732px;
	height: auto;
	background-color:#FFFFFF;
	display: block;
	margin: 0 auto;
}

#itens h2 {
margin: 0;
padding: 10px 0 10px 20px;
font-size: 100%;
color: #003399;
position: relative;
background-image: url(images/back_graficel.jpg);
height: 50px;
font-weight:bold;
}



/* Item Grid
***********************************************************************************/
.item-grid {
  float:left;
  width: 730px;
  padding:0px 0 0;
  margin:0 0px 10px 0px;
  background-color:#FFfFFF;
    text-align:center; 
  }
.item-grid li {
  float:left;
  width:170px;
  height:192px;
  margin:0 5px 5px 0px;
  padding-top: 18px;
  padding-bottom:0em;
  overflow:hidden;
  background:#ffffff;
  text-align:center;
  border: 2px solid #003399;
  }
  .item-grid h3 a {
  font: 12px Arial, Helvetica, sans-serif;
  text-align: center;
  font-weight:bold;
  color: #5a4c31;
  text-decoration:none;
   margin: 10px;
  }
  
.item-grid p {
  text-align:center; 
  margin:0;
  padding:0;
  }
  .item-grid p a {
  padding:0;
  margin:0;
  font-weight:bold;
  color:#666;
  text-decoration:none;
    }
	
  .item-grid p a:hover
	{
	color: #01539d;
	text-decoration: underline;
	}
	
  
.item-grid .img {
  margin:0 0 0px;
  }
.item-grid i {
  font-style:normal;
  font-weight:bold;
  color:#f26522;
  }


.img img {
  display:block;
  width: 160px;
  height: 160px;
  border: 2px solid #CCCCCC;
  clear: both;
    margin: 12px 0 0 0px;
  }
.img a:hover img {
  border-color: #0099CC;
  }
.price i {
  font-style:normal;
  }
.item-grid .price {
  font:100% Arial, Helvetica, sans-serif;
  line-height:1em;
  font-weight:bold;
  color: #003366;
   margin: 5px;
  }
.item-grid .title {
  font:105% Arial, Helvetica, sans-serif;
  line-height:1em;
  font-weight:bold;
  color: #003399;
   margin: 5px;
  }
  
.posted {
  background:url("icon_pg0.gif") no-repeat 0 50%;
  margin-bottom:0;
  padding-left:14px;
  color:#999;
  text-transform:lowercase;
  }
.search .posted {
  margin-top:.5em;
  }
  
p.page {
  text-align:center;
  float:left;
  width: 610px;
  height: 30px;
  background-color:#fff;
  margin:1.1em 0 0 22px;
  padding: 5px 0 0 5px;
  border-top:1px dotted #BBFBD1;
  color:#057583;
  line-height:1.2em;
  }
.page strong {
  color: #057583;
    border: 0;
  }
.page a {
  color:#057583;
  padding: 3px;
  margin: 0px;
  }
.page a:hover {
  color: #057583;
  padding: 3px;
  margin: 0px;
  }