body {
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
}

#principal{
width: 100%;
margin:0 auto;
align:center;
}

.foto{
width: 100%;
margin:0 auto;
align:center;
}

.topo-conteudo {
  width:1000px;
  left:50%;
}
.topo {
  width:100%;
  height:34;
  background: url("../img/topo-bg.png") repeat-x top center;
  _position: absolute;
  _top:expression(body.scrollTop + document.body.clientHeight - 34 + "px");
  left:0;
  bottom:0;
}

.up-conteudo {
  width:100%;
  left:50%;
}
.up {
  width:100%;
}

.down-conteudo {
  width:1000px;
  left:50%;
}
.down {
  width:100%;
  background: url("../img/down-bg.png") repeat-x top center;
  _position: absolute;
  left:0;
  bottom:0;
}

.lateral-conteudo {
  width:36px;
  left:0;
  z-index:300;
}
.lateral {
  width:36px;
  height:150;
  position: fixed;
  _position: absolute;
  _top:expression(body.scrollTop + document.body.clientHeight - 150 + "px");
  left:0;
  top:40;
  z-index:300;
}
#main{
width: 1000px;
margin-left:0;
}

.fadeshow1{
  z-index:10;
}



.font-cinza-1{color:#CCCCCC; font-family: Verdana; font-size:10px; }
.font-cinza-2{color: #999999; font-family: Verdana, Geneva, sans-serif; font-size: 10px; }
.font-cinza-3{color: #666666; font-family: Verdana, Geneva, sans-serif; font-size: 10px; }
.font-cinza-4{color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 10px; }
.font{color: #B80505; font-family: Verdana, Geneva, sans-serif; font-size: 10px; }
.font-branco{color: #ffffff; font-family: Verdana, Geneva, sans-serif; font-size: 10px; }
.font-vermelho{color: #cc0000; font-family: Verdana, Geneva, sans-serif; font-size: 10px; }




.fundo-cinza2{background-color: #666666;}
.fundo-grafite2{background-color: #222222;}
.fundo-grafite{background-color: #333333;}
.fundo-branco{background-color: #ffffff;}
.fundo-laranja{background-color: #ff3300;}
.fundo-prata{background-color: #eeeeee;}
.fundo-cinza{background-color: #444444;}
.fundo-vermelho{background-color: #B80505;}
.fundo-vermelho2{background-color: #C20F0F;}
.fundo-preto{background-color: #111111;}
.fundo-menu{background-color: #333333;}

.menuover { background-color: #fafafa; font-color: #02a1c7 }
.menuout { background-color: #ffffff; font-color: #999999 }

.form
{ border: 1px solid #666666; margin: 1px; color: #ffffff;
background-color: #222222; font-family: Verdana, Geneva, sans-serif;
font-size: 15px; }
.formlogin
{ border: 0px solid #666666; margin: 0px; color: #cc0000;
background-color: #ffffff; font-family: Verdana, Geneva, sans-serif;
font-size: 15px; }
.formx { border: 1px solid #666666; margin: 2px; color: #ffffff; background-color: #333333; font-family: Verdana,
Geneva, sans-serif; font-size: 12px; } 


a:link {color: #ffffff; text-decoration: none;} 
a:visited {color: #ffffff; text-decoration: none;} 
a:hover {color: #666666; text-decoration: none;} 
a:focus {color: #ffffff; text-decoration: none;} 
a:active {color: #ffffff; text-decoration: none;} 

a.main:link {color: #666666; text-decoration: none;} 
a.main:visited {color: #666666; text-decoration: none; } 
a.main:hover {color: #ffffff; text-decoration: none;} 
a.main:focus {color: #666666; text-decoration: none; } 
a.main:active {color: #666666; text-decoration: none; } 

a.fotos:link {color: #ffffff; text-decoration: none;} 
a.fotos:visited {color: #ffffff; text-decoration: none; } 
a.fotos:hover {color: #ffffff; text-decoration: none;} 
a.fotos:focus {color: #ffffff; text-decoration: none; } 
a.fotos:active {color: #ffffff; text-decoration: none; } 

a.innerborder, a.innerborder img {
float: left;
overflow:hidden;
}
a.innerborder:hover {
border:4px solid #006699;
}
a.innerborder:hover img {
margin: -4px;
}

a.innerborder10, a.innerborder10 img {
float: left;
overflow:hidden;
}
a.innerborder10:hover {
border:10px solid #006699;
}
a.innerborder10:hover img {
margin: -10px;
}

.inforolandotitulo
{
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
	color: #666;
    display: block;
    margin-left: 0;
    margin-right: 0;
	margin-top: 10px;
	text-align: center;
}

#inforolando a:link
{
    font-family: Verdana;
    font-size: 11px;
	font-weight: bold;
    text-decoration: none;
    color: #666;
}
#inforolando a:visited
{
    font-family: Verdana;
    font-size: 11px;
	font-weight: bold;
    text-decoration: none;
    color: #666;
}
#inforolando a:hover
{
    font-family: Verdana;
    font-size: 11px;
	font-weight: bold;
    text-decoration: underline;
    color: #666;
}

#ContatoNome	{ background: #e9e9e9 url(../img/ContatoNome.gif) no-repeat left center; padding-left: 60px; }


#example_4 {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 170px; /* important */
	height: 500px; /* important */
}

#example_4_frame {position: relative}
#example_4_frame img {position: absolute;}
#example_4_previous {top: 0; left: 0;}
#example_4_next {top: 470px; left: 0;}

#example_4_content {
	position: absolute;
	margin-top: 20px;
	left: 0;
}

.example_4_item img {
	display: block;
	float: left;
        padding: 5px;
}




.carousel-component { 
	padding:0px;
	margin:0px;
	width:170px; /* seems to be needed for safari */
}

.carousel-component .carousel-list li { 
	margin:0px;
	padding:0px;	
	width:170px; /* img width is 75 px from flickr + border-top (1) + border-bottom(1) */
}

/* Applies only to vertical carousels */
.carousel-component .carousel-vertical li { 
	margin-bottom:0px;
	height:89px; /* image + row of text (87) + border-top (1) + border-bottom(1) */
}

.carousel-component .carousel-list li a { 

}

.carousel-component .carousel-list li a:hover { 

}

.carousel-component .carousel-list li img { 
	display:block; 
}
									
#up-arrow { 
	cursor:pointer; 
	margin-left:0px;
	margin-top:0px;
}

#down-arrow { 
	cursor:pointer; 
	margin-left:0px; /* just ([width+margins]95/2)-([arrow width]26/2)  45-13=32 */
	margin-top:0px;
}