﻿
body {
 margin:0;
 padding:0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 line-height:1.5em;
 font-weight: normal;
 font-style: normal;
 text-align: center;
 color: #444;
 background-image: url('images/bg_fundo.gif');
}

img {
border: none;
}

a {
  text-decoration:none;
  color:#006666;
  font-weight:bold;
}

a:hover {
  background: #ccc;
}

#pagina {
  width:984px;
  margin:0px auto;
  text-align:justify;
  border: 1px solid #808080;
}

#cabecalho {
  width:984px;
  height:100px;
  background: url('images/cabecalho_fundo.jpg') silver repeat-x scroll left top;
}

#corpo {
  padding-top: 0px;
  width:984px;
  background:#fff;
  border-top:1px solid #808080;
}

#rodape {
  width:984px;
  text-align: center;
  color: #FFFFFF;
  background-color: #808080;
}

#login {
  float: right;
  background: #808080;
  padding: 3px 5px;
  margin:0;
  color:#fff;
  font-size: 1.0em;
  line-height: 0.8em;
}

#login input {
 width:100px;
 padding:0 3px;
 margin: 0;
 line-height: 0.8em;
}

#login label {
 padding:0;
 margin: 0;
 line-height: 0.8em;
}

#login button {
padding:3px;
margin:0;
}

#logo {
	float:left;
}

#www {
  float: right;
  width:586px;
  text-align:right;
  padding: 20px 10px 0 0 ;
}

#banner_index {
  width:850px;
  margin:10px 67px 30px 67px;
  height:200px;
}

#banner_interna {
  float:left;
  width:784px;
  margin:0;
  height:215px;
}

h1 {
 font-size: 1.6em;
 line-height:1.2em;
 font-weight:bold;
 margin: 10px 15px;
 padding:0;
 color: #1691A2;
 text-align:left;

}


h2 {
 font-size: 1.4em;
 line-height:1.2em;
 font-weight:bold;
 margin: 10px 15px;
 padding:0;
 text-align:left;

}

h3 {
 font-size: 1.4em;
 line-height:1.2em;
 font-weight:bold;
 margin: 10px 15px;
 padding:0;
 text-align:center;
 color: #1691A2;
}

h4 {
 font-size: 1.2em;
 line-height:1.2em;
 font-weight:bold;
 margin: 10px 15px;
 padding:0;
 text-align:center;
 color: #1691A2;
}

h5 {
 font-size: 1.1em;
 line-height:1.8em;
 font-weight:bold;
 margin: 13px 15px;
 padding:0;
 color: #1691A2;
}

p {
 font-size: 1.1em;
 line-height:1.8em;
 font-weight:normal;
 margin: 13px 15px;
 padding:0;
}

.pcenter {
 font-size: 1.4em;
 line-height:1.2em;
 font-weight:bold;
 margin: 10px 15px;
 padding:0;
 text-align:left;
 text-align:center;
}

.pcenter strong {
  color:#FF0000;
}

.pquote {
  color: #1691A2;
}

.plinktopo {
 font-size: 1.0em;
 font-style:italic;
}

#index_esquerda {
	float:left;
	width: 300px;
	clear:both;
	margin: 0 10px;
}

.bloco_aplicacao {
  float:left;
  width:300px;
  height: 110px;
  border-top: 1px #ccc dotted;
  margin: 0 0 5px 0;
  cursor: pointer;
}

.bloco_aplicacao h1 {
 font-size: 1.2em;
 line-height:1.2em;
 font-weight:bold;
 margin: 8px 5px;
}

.bloco_aplicacao p {
 margin: 5px 5px;
 font-size: 1.0em;
 line-height:1.5em;
}

.bloco_aplicacao img {
 float:left;
 margin: 5px;
 width: 90px;
 height: 90px;
 background: gray;
}

.bloco_aplicacao p a {
font-weight: normal;
}

#index_meio {
  float:left;
  width:440px;
  height:auto;
  margin: 0 10px 0 0 ;
}

#index_direita {
  float:left;
  width:180px;
  text-align:left;;

}

h6 {
 font-size: 1.2em;
 line-height:1.4em;
 font-weight:bold;
 margin: 5px;
 padding:10px 0 10px 0px;
 border-top: 1px #666 dotted;
 text-align:left;
}

#index_direita h6, #interna_direita h6 {
 padding:10px 0 10px 20px;
 background: url('images/ico_estrela.jpg') no-repeat center left;
}

#index_esquerda h6, #interna_esquerda h6 {
 padding:10px 0 10px 20px;
 background: url('images/doispontos.gif') no-repeat top left;
}

ul {
 list-style:none;
 padding:0;
 margin:5px 0 30px 20px;
 line-height:1.2em;
 text-align:left;
}

li {
 margin: 8px 5px;
}

li a {
  color:#444;
  font-weight:normal;
}

.lista ul {
 margin:5px 0 30px 20px;
 font-style: italic;
}

.lista li {
 padding-left: 20px;
 margin: 8px 0px;
 background: url('images/ico_estrela.jpg') no-repeat center left;
}


#corpo_interna {
  width:984px;
  background:#ecedf1;
  border-top:1px solid #808080;
}

#corpo_principal {
  float:left;
  width:784px;
  background:#fff;
  padding-top: 0px;
}

#interna_esquerda {
  float:left;
  width:190px;
  padding-top: 20px;
}

#interna_meio {
  float:left;
  padding-top: 0px;
  width:585px;
  margin: 0 10px 0 0 ;
}

.frase {
  float:left;
  width:762px;
  margin:10px;
  font: bold italic 1.7em/1.4em 'Times New Roman',serif;
  text-align: center;
  color: #888;
  border: 1px solid #ddd;
}

.frase p {
  font: bold italic 1.2em/1.2em 'Times New Roman',serif;
  padding: 15px;
  margin:0;
}

#index_direita {
  float:left;
  width:185px;
}

.empresa {
margin: 1px;
border: 1px solid #777777;
float:left;
position: relative;
width: 186px;
height: 120px;
padding-top: 5px;
text-align: center;
}

.reserva_box {
float:left;
position:relative;
margin:5px;
padding:3px;
width:270px;
height:350px;
border: 1px solid #777777;
text-align: center;
}

.reserva_box p {
padding:0;
}

#atonline {
margin:auto;
width:250px;
border:1px solid #cccccc;
background-color: #fefefe;
}

#atonline h1 {
text-align: center;
font-size:1.4em;
line-height:1.1em;
text-decoration:none;
border-bottom:1px solid #cccccc;
margin:0 0 5px 0 ;
padding:0;
background-color: #cccccc;
background-image: none;
color: #000000;
}

#atonline label {
font-size: 1.0em;
line-height:1.0em;
text-align: right;
width: 60px;
padding-right: 20px;
float: left;
display: block;
margin-bottom:5px;
}

#atonline select {
height:1.6em;
font-size:0.8em;
line-height:1.0em;
width:160px;
margin-bottom:5px;
border:1px solid #cccccc;
}

#atonline input {
border:1px solid #cccccc;
margin-bottom:5px;
width:160px;
}

#atonline button {
border:1px solid #bcbcbc;
background-color: #cccccc;
margin-bottom:5px;
color:#555;
}

#atonline p {
margin:0;
text-align:center;
}

.contatodiv {
float:left;
width: 300px;
}

#VForm {
width: 550px;
}

legend {
padding: 10px;
font-size:1.2em;
line-height:1.0em;
font-weight:bold;
text-align:left;
border:1px solid #989898; 
}

.VFormColumnDiv {
position:relative;
float:left;
width: 240px;
padding:0 10px;
}

.VFormColumnDiv li{
padding:0;
margin: 0;
}


table {
width:auto;
border-collapse:separate;
border-spacing: 1px;
border:2px solid #ccc;
background-color:#fff;
margin: 0 10px 10px 10px;
}

caption {
width:auto;
margin: 0 10px;
padding: 5px;
border-spacing: 1px;
border: 2px solid #ccc;
border-bottom: none;
background: #fefefe;
font-size:1.2em;
line-height:1.0em;
font-weight:bold;
}

td {
padding: 2px;
font-size:1.2em;
line-height:1.0em;
font-weight:normal;
text-align: center;
}

th {
padding: 5px;
font-size:1.2em;
line-height:1.2em;
font-weight:bold;
text-align:center;
background: #ccc;
}

#VForm table {
width:100%;
border-spacing: 0;
font-size: 0.8em;
}

#VForm td {
border: 1px solid #ccc;
}

td.enfase {
 font-weight:bold;
 color: #1691A2;
}



button, .abutton, .abutton:visited {
padding:0.5em;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #555;
border-right: 1px solid #555;
color:#fff;
font-size:1.0em;
font-weight:normal;
background: #343434 url(none) repeat-x bottom left;
}

button:hover, .abutton:hover {
cursor:pointer;
}

#passo2, #passo3, #passo4 {
display:none;
}


strong {
	
}

em {
	
}
/*- Menu Tabs 3--------------------------- */

    #menu {
      width:984px;
      background:#E4E6EB;
      font-size:93%;
      line-height:normal;
      }
    #menu ul {
          margin:0;
          padding:10px 10px 0 50px;
          list-style:none;
      }
    #menu li {
      display:inline;
      margin:0;
      padding:0;
      }
    #menu a {
      float:left;
      background:url("images/tableft3.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #menu a span {
      float:left;
      display:block;
      background:url("images/tabright3.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menu a span {float:none;}
    /* End IE5-Mac hack */
    #menu a:hover span {
      color:#FFF;
      }
    #menu a:hover {
      background-position:0% -42px;
      }
    #menu a:hover span {
      background-position:100% -42px;
      }

      #menu #current a {
              background-position:0% -42px;
      }
      #menu #current a span {
              background-position:100% -42px;
      }
