@charset "utf-8";
/* CSS Document 
Criado por: Fernanda R. Balestro
Data: julho de 2008 - Cia.Hering
Proway Informática
email:fernandabalestro@gmail.com
*/

body {
	margin:0;
	padding:0;
	line-height: 1.5em;
	background-color: #4c4c4c;
	color: #4c4c4c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	 }

#navbar {
width: 840px; /*Width navbar bloco central*/
margin: 0 auto; /*Centraliza o navbar*/
background-color: #ffffff;
margin: 0 auto;
} 

#tit{
	width: 746px;/*coloca o div dos titulos no width correto*/
	
}

#botao{
border:#FFFFFF;
	
}

#topsecao{
	width: 840px;
	margin: 0 auto; /*Centraliza*/
	height: 120px; /*Height da topsecao*/
	background-color: #FFFFFF;
}

#marcas {
width: 840px; /*Width navbar bloco central*/
height: 100%;
margin: 0 auto; /*Centraliza o navbar*/
background-color: #ffffff;
margin: 0 auto;
}

#footer{
clear: left;
width: 840px;

margin: 0 auto; /*Centraliza*/
background-color: #231554;
color: #FFF;
text-align: center;
}

.innertube{
width: 840px;
margin: 0 auto; /*Centraliza*/
margin-top: 0;
background: white;
}

/*.header {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	background-position:top right;

}*/


/*
textarea {
	font: 12px verdana, arial, helvetica, sans-serif;
	color:#999999;
	font-size: 12px;
	border:1px solid #999999;
}*/
h1{
	font-family: Arial, Helvetica, sans-serif;
	color: #009900;
	font-weight: bold;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	color: #009900;
	font-weight: bold;
}
.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
.style2 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	font-style: normal;
	line-height: normal;
}
.style3 {color: #999999}

.style5 a {
font-size: 10px; 
color: #231554; 
font-family: Verdana, Arial, Helvetica, sans-serif;

}

.style6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
}
.style7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}
.style9 a {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:x-small;
color: #CCCCCC; 
}

.style10 {
	margin:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

.style11 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:x-small;
color: #CCCCCC; }

.style12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:justify;
	color: #666666;
	
}
.style12 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:justify;
	color: #666666;
	
}

.style13 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #555555;
	margin-left:5px;
}
.style14 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #009900;
}
.style15 {
	margin-top:50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
	color: #666666;
	
}

.style15 a, a:visited .hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
	color: #666666;
	
}
.style16 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
	color: #666666;
	
}
.style17 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #110841;
	border-bottom: 1px solid #ccc;
}

.style18 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:justify;
	color: #110841;
	
}
.style18 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:justify;
	color: #110841;
	
}
.style19 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #110841;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	
}

a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: underline;
	color: #666666;
}


.boxcuriosidade{
	padding-top:0px;
	margin-top:17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	width:140px;
	height:253px;
	border-width:0;
	display:block;
	clear: right;
	float: right;
	background-color: #e2e1dd;
	font-size: 88%;
	line-height: 125%;
	text-align:left;

}

.boxcuriosidade p{
	background-image: url(images/icon_info.gif);
  	background-repeat: no-repeat;
  	background-position: top right;
	margin-left:5px;
	margin-right:10px;

}

.boxhering{
	padding-top:8px;
	margin-top:8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
	width:365px;
	height:300px;
	border-width:1px;
	border:solid #CCCCCC thin;
	display:block;
	text-align: left;
	clear: left;
	float: left;
}

.boxkids{
	padding-top:8px;
	margin-top:8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
	width:365px;
	height:300px;
	border-width:1px;
	border:solid #CCCCCC thin;
	display:block;
	text-align: left;
	clear: right;
	float: right;
}
.boxheringfran{
	padding-top:8px;
	margin-top:8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
	width:365px;
	height:350px;
	border-width:1px;
	border:solid #CCCCCC thin;
	display:block;
	text-align: left;
	clear: left;
	float: left;
}

.boxkidsfran{
	padding-top:8px;
	margin-top:8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
	width:365px;
	height:350px;
	border-width:1px;
	border:solid #CCCCCC thin;
	display:block;
	text-align: left;
	clear: right;
	float: right;
}


.boxpuc{
	padding-top:8px;
	margin-top:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
	width:365px;
	height:300px;
	border-width:1px;
	border:solid #CCCCCC thin;
	display:block;
	text-align: left;
	clear: left;
	float: left;
}

.boxdzarm{
	padding-top:8px;
	margin-top:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
	width:365px;
	height:300px;
	border-width:1px;
	border:solid #CCCCCC thin;
	display:block;
	text-align: left;
	clear: right;
	float: right;
}
/*campos*/

#campobusca {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #555555;
	border:1px solid #999999;
}

input {
	font: 12px verdana, arial, helvetica, sans-serif;
	color:#555555;
	font-size: 12px;
	border:1px solid #999999;
}
select {
	font: 12px verdana, arial, helvetica, sans-serif;
	color:#555555;
	font-size: 12px;
	border:1px solid #999999;
}

/* form.css */

form fieldset {
  clear: both;
  font-size: 100%;
  border-color: #d2d2d2;
  border-width: 1px;
  border-style: solid;
  padding: 10px;
  margin: 0 0 0 0;
}



form fieldset legend {
  font-size: 150%;
  font-weight: normal;
  color: #d2d2d2;
  margin: 0 0 0 0;
  padding: 0 5px;
}

form div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #d2d2d2;
  margin: 0 0 0 144px;
  padding: 0 5px 5px 5px;
  width: 197px;
}

form div fieldset legend {
  font-size: 100%;
  padding: 0 3px 0 9px;
}
form div.required fieldset legend {
  font-weight: bold;
}
form fieldset legend {
  line-height: 150%;
}

form fieldset div.notes p.last {
  margin: 0em;
}

.cssform{
	width: 746px;
	
}

.cssform p{
	width: 300px;
	float: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 165px; /*width da coluna esquerda com os elementos label*/
	height: 1%;
}

.cssform label{
	font-weight: bold;
	float: left;
	margin-left: -155px; /*width da coluna esquerda*/
	
	
}
.cssform select {
float: left;
margin-left: 35px; /*width da coluna esquerda*/

}

.cssform textarea{
	width: 250px;
	height: 150px;
	font: 12px verdana, arial, helvetica, sans-serif;
	color:#555555;
	font-size: 12px;
	border:1px solid #999999;
}
.boxes {
	float:none;
	border:none;
}

.botao {
border:0px;
}

form fieldset div.notes {
  float: right;
  width: 230px;
  height: auto;
  border:none;
  background-color: #e2e1dd;
  color: #666666;
  font-size: 88%;
  margin: 10px 10px 0 0;
}

/*titulo dentro do box*/
form fieldset div.notes h4 {
  background-image: url(images/icon_info.gif);
  background-repeat: no-repeat;
  background-position: top right;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
  width: 200px;
  padding:0 5px 0 0;
  margin: 10px 10px 0 0;
  text-align:left;
  margin-left:5px;
  
}
/*texto dentro do box*/
form fieldset div.notes p {
  color: #666666;
  width: 200px;
  padding:0 5px 0 0;
  margin: 20px 10px 20px 0;
  text-align:left;
  height:100%;
  margin-left:5px;
  
}
form div.notes p, form div small {
  line-height: 125%;
  
}