/* GERAL //////*/
* {
margin:0;
padding:0
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
background-color:#688177;
background-image:url(bkg.gif);
background-position:top;
background-repeat:repeat-x
}

#geral {
width:970px;
margin:0 auto
}

#topo {
background-color:#ABBEBE;
width:969px;
height:53px;
border:1px solid #9a9;
-moz-border-radius:10px 10px 0 0;
-webkit-border-radius:10px 10px 0 0;
border-radius:10px 10px 0 0;
margin:2px 0 1px
}

#logo {
float:left;
margin:1px 4px
}

#baner {
background:#abbebe url(http://www.ocampista.com.br/image/rotate.php);
width:100%;
height:200px;
margin-bottom:1px
}

#pessoal {
background:#ABBEBE;
width:966px;
height:28px;
margin:0 0 2px;
padding:2px
}

#corpo {
background-color:#ABBEBE;
overflow:auto;
width:100%
}

#conteudo,.titulo {
float:right;
background-color:#e9f8ee;
width:785px;
line-height:1.9em;
display:inline;
position:relative;
overflow:auto;
margin:0 3px 1px 0;
padding:1px 5px
}

#rodape {
width:968px;
clear:both;
border:1px solid #9a9;
-moz-border-radius:0 0 10px 10px;
-webkit-border-radius:0 0 10px 10px;
border-radius:0 0 10px 10px;
text-align:center;
background-color:#ABBEBE;
height:16px;
margin:0 0 2px;
padding:7px 0
}

/* MENU HORIZONTAL //////*/
#menuhor {
margin:7px 0 0;
padding:0 0 1px 35%
}

#menuhor li {
list-style:none;
display:inline;
margin:0
}

#menuhor li a {
background:#dee;
text-decoration:none;
border:1px solid #666;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
margin:20px;
padding:2px 10px
}

#menuhor li a:link,#menuhor li a:visited {
color:#000
}

#menuhor li a:hover {
background:#D1DBDB
}

/* MENU VERTICAL //////*/
#menu {
display:inline;
width:161px;
float:left;
padding:0
}

.titmenu {
background-color:#bcdcdc;
border-right:1px solid #ABBEBE;
border-bottom:1px solid #999;
width:120px;
padding:5px 32px 5px 9px
}

ul#menuver,ul#menuver ul {
width:162px;
border-bottom:1px solid #aaa;
background-color:#dee
}

ul#menuver li {
position:relative;
list-style:none
}

ul#menuver li a {
display:block;
text-decoration:none;
border:1px solid;
border-color:#FFF #AAA #AAA #FFF;
padding:5px 5px 5px 9px
}

* html ul#menuver li {
float:left;
height:1%
}

* html ul#menuver li a {
height:1%
}

ul#menuver li ul li a {
padding:4px
}

ul#menuver li:hover ul {
display:block
}

ul#menuver li a:hover {
background-color:#D1DBDB
}

/* MENU CAMPINGS ITU//////*/
.barNav2 a {
text-align:center;
text-decoration:none;
background-color:#dee;
margin-left:30px;
color:#000;
height:22px;
border:1px solid #ccc;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
padding:4px 10px
}

.barNav2 a:hover {
text-decoration:none;
background-color:#D1DBDB;
border:1px solid #ccc;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px
}

.barNav2 a:visited {
text-decoration:none;
color:#666;
background-color:#eff
}

/* MENU ACAMPAR //////*/
.menu2 {
float:left;
line-height:2em
}

.menu3 {
background-color:#dae6df;
height:203px;
border:1px solid #999;
margin:5px 10px;
padding:8px 0
}

/* MENU LUGARES//////*/
.menutitle {
cursor:pointer;
border:1px solid;
padding-left:11px;
background:url("abre.gif") right no-repeat #dee;
border-color:#fff #aaa #aaa #999
}

.submenu {
background-color:#bcdcdc;
line-height:18px;
border:1px solid #999;
padding:1px 12px
}

#masterdiv {
width:167px;
margin:2px
}

/* CONTEUDO //////*/
h1 {
font-size:1.3em;
color:#666;
letter-spacing:2px;
text-align:center;
line-height:32px
}

.menor {
letter-spacing:1px
}

h2 {
width:225px;
text-align:center;
background-color:#dee;
border-bottom:1px solid #9a9;
border-left:2px solid #9a9;
border-top:1px solid #9a9;
border-right:2px solid #9a9;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
box-shadow:2px 2px 2px #666;
-webkit-box-shadow:2px 2px 2px #666;
-moz-box-shadow:2px 2px 2px #666;
color:#666;
font-size:1em;
margin:auto
}

p {
text-align:justify;
padding:0 10px
}

dt {
background:#bcdcdc;
width:270px;
border:1px solid;
border-color:#FFF #AAA #AAA #FFF;
margin:0 14px;
padding:2px 13px
}

dt.sup {
border:1px solid;
-moz-border-radius:8px 8px 0 0;
-webkit-border-radius:8px 8px 0 0;
border-radius:8px 8px 0 0;
border-color:#FFF #AAA #AAA #FFF
}

dt.inf {
border:1px solid;
-moz-border-radius:0 0 8px 8px;
-webkit-border-radius:0 0 8px 8px;
border-radius:0 0 8px 8px;
border-color:#FFF #AAA #AAA #FFF
}

ul {
list-style:none;
padding:5px
}

.primeiro {
margin-top:10px
}

.top {
float:right;
bottom:3px;
right:1px;
position:fixed
}

.back {
float:left;
bottom:3px;
left:1px;
position:fixed
}

img {
border:0
}

.img {
border:1px solid #999
}

.destaque {
color:#515151;
font-weight:700
}

.texto {
text-align:justify;
border:1px solid #ccc;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
display:none;
background-color:#dee;
margin:0 15px;
padding:0 5px
}

.tralhas {
background-color:#dbecee;
border:1px solid #999;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
height:303px;
margin:5px 10px;
padding:8px 0
}

.tralhas3 {
width:628px;
background-color:#cdded4;
border:1px solid #ccc;
margin: 10px 0 15px 12px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px
}

#box-toggle .tgl {
margin-bottom:30px;
margin-top:0
}

#box-toggle span {
display:inline;
cursor:pointer;
color:#666;
margin-left:10px
}

blockquote {
color:#462;
text-align:left;
margin:3px 0 0 30px
}

.lista {
background-color:#eff;
width:765px;
position:absolute;
border:1px solid #000;
padding-left:35px;
margin-top:5px;
margin-left:-382px;
left:50%
}

.jump {
float:right;
margin-top:-27px;
position:relative;
height:23px;
margin-right:8px;
width:172px;
padding-bottom:3px;
background-color:#dee
}

optgroup {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#444
}

.satelite {
background-color:#abbebe;
border:1px solid #666;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
margin:10px
}

.albuns {
margin-left:19px
}

.leftcolumn,.leftmiddle,.rightmiddle,.rightcolumn {
color:#333;
border:1px solid #999;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
background:#dae6df;
height:150px;
width:153px;
float:left;
text-align:center;
margin:5px;
padding:7px 10px
}

.leftmiddle,.rightcolumn {
background:#dee
}

/* POSICIONAMENTO //////*/
.foto,.foto2,.foto3,.tempo {
background-color:#ABBEBE;
width:302px;
line-height:1.4em;
border:1px solid #666;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
text-align:center;
padding:3px
}

.foto2 {
width:287px
}

.foto3 {
width:356px
}

.tempo {
width:152px
}

.esquerda,.direita {
float:left;
display:inline;
margin:0 10px
}

.direita {
float:right
}

/* TABELAS //////*/
.tabela {
line-height:1.8em;
text-align:left;
width:765px
}

.tabela td {
background-color:#dae6df;
border:1px solid;
border-color:#fff #C5CCC5 #C5CCC5 #ccc;
padding:0 4px 0 5px
}

.tabela th {
border:1px solid;
background-color:#ABBEBE;
color:#250;
text-align:left;
border-color:#fff #C5CCC5 #C5CCC5 #ccc;
padding:0 5px
}

/* GALERIAS //////*/
input,select {
background-color:#dee;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:400;
font-size:100%;
color:#2d2d2d
}

#centro,#meio {
text-align:center;
border:1px solid #ccc;
width:300px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em
}

#meio {
width:506px
}

.botao {
width:35px;
margin:6px 15px 3px
}

.video {
border:1px solid #ccc;
background-color:#c8d6cc;
text-align:center;
padding:2px
}

/* LINKS //////*/
a.linkum:link {
color:#000;
font-size:95%;
border-bottom:1px solid #666;
text-decoration:none;
padding:2px
}

a.linkum:visited {
color:#666;
border-bottom:1px solid #ccc;
padding:2px
}

a.linkum:hover {
background-color:#bcdcdc;
text-decoration:none;
padding:2px
}

a.linkext:link {
color:#000;
font-size:95%;
border-bottom:1px solid #063;
text-decoration:none;
background:url("external.gif") right 2px no-repeat;
padding:2px 16px 2px 2px
}

a.linkext:visited {
color:#666;
border-bottom:1px solid #ccc;
background:url("external.gif") right 2px no-repeat;
padding:2px 16px 2px 2px
}

a.linkext:hover {
text-decoration:none;
background:url("external.gif") right 2px no-repeat #bcdcdc;
padding:2px 16px 2px 2px
}

a.link2:link,a.link2:visited {
color:#250;
text-decoration:none;
font-weight:700
}

a.linktres:hover {
text-decoration:underline;
color:#063
}

a.link2:hover,a:hover {
text-decoration:underline
}

a.linktres:link,a.linktres:visited,a {
text-decoration:none;
color:#000
}

/* TOOL TIP //////*/
a.tip {
background-color:#dbecee;
border-bottom:1px solid #000;
color:#333;
text-decoration:none;
position:relative;
cursor:help;
z-index:24;
padding:2px 4px
}

a.tip:hover {
background:transparent;
z-index:25
}

a.tip span {
display:none;
text-decoration:none;
margin:0
}

a.tip:hover span {
display:block;
position:absolute;
left:150px;
top:-10px;
border:1px solid #666;
background:#ABBEBE
}

.legenda {
margin-left:40px;
width:160px;
padding:5px
}

/* SLIDE SHOW //////*/
#slideshow {
position:relative;
width:970px;
height:200px
}

#slideshow img {
position:absolute;
opacity:0.0
}

#slideshow img.active {
z-index:9;
opacity:1px
}

#slideshow img.last-active {
z-index:8
}