/* Definições gerais de estilo. */

body         { 

	overflow: 0;

	margin-top: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	margin-right: 1px;

	background-color: #006599;

	background-image:url('images/fundo.JPG');

	font-family: Trebuchet Ms, Verdana,  helvetica, Arial,sans-serif;

	

	

	

    

 }



#principal {

	width: 760px;

	position: relative;

	left: 50%;

	margin-left: -380px;

    background-color:#ffffff; 



	}



.logo{

	margin-top:0;

	margin-left:20px;

	margin-bottom:0;

	width:182px;

	position:relative;

	height:150px;

	float:left;

	text-align:center;

	     }





#topo {
	margin-top:0;
	margin-left:0;
	margin-bottom:0;
	width:760px;
	position:relative;
	height:109px;
	float:left;
	background-image: url(imagens/topo_001.jpg);
	background-repeat: no-repeat;

 

     }



#topo2 {

	margin-top:0;

	margin-left:0;

	margin-bottom:0;

	width:760px;

	position:relative;

	height:150px;

	float:left;

	background-image: url("images/topos/topo_002.jpg");

 

     }







/*Definição de estilos para a barra de menu*/



.barra{
	width:760px;
	height:35px;
	position:relative;
	float:left;
	color:#ffffff;
	background-image: url(imagens/menu.jpg);
	text-align:right;
	padding-top:7px;

     }



.barra a {

 	font-size:0.7em;

	color: #ffffff;

	text-decoration:none;

}



.barra a:hover {

 	color: #FFFFCC;

 	

}



hr{

	 color: #f00;

      	background-color: #f00;

     	 height: 5px;

}









/* menu */



#menu {float:left;width: 155px; position:absolute }

#menu a {padding-left:5px;}

#menu a      { color: #142C41; background-color: #fff;  

               text-decoration: none; 

              }

#menu a:hover {color: #CAA200; background-color: #ffffff;}





#menu td { 

    font-family:verdana,arial; 

    font-size:0.7em; 

   	border-bottom: solid 1px #000000;

	border-left:0px;

	border-top:0px;

	border-right:0px;

	} 

	

	#menu th { 

    font-family:verdana,arial; 

    font-size:0.7em; 

   	border-bottom: solid 1px #000000;

	border-left:0px;

	border-top:0px;

	border-right:0px;

	text-align:left;	

	color:#00324A;

	} 



#menu .marcado { 

   	color:#958111;

	font-weight:bold;

	} 







.gallery {

	list-style: none;

	margin: 0;

	padding: 0;

}

.gallery li {

	padding: 10px;

	margin: 0;

	margin-left:2px;

	margin-top:2px;

	float:left;

	position: relative;

	width: 180px;

	height: 130px;}

.gallery li:hover img {

	border-color: #000;

}

.gallery img {

	background: #fff;

	border: solid 1px #ccc;

	padding: 5px;

}

.gallery em {

	background: #fff;

	color: #000;

	font-style: normal;

	padding: 2px 2px 0 2px;

	display: block;

	position: absolute;

	top: 2px;

	left: 5px;

	border: 1px solid #999;

}

.gallery a {

	text-decoration: none;

}

.gallery span {

	width: 30px;

	height: 60px;

	display: block;

	position: absolute;

	top: 7px;

	left: 9px;

	z-index: 3;

}





#conteudoprincipal {
	width: 760px;
	float:left;
	position:relative;
	top:0px;
	background-color:#fff;
	height:1200px;

	}





#conteudo {
	position:absolute;
	width: 590px;
	float:right;
	margin-left:157px;
	padding-left:10px;
	margin-right:5px;
	padding-right:2px;
	top:0px;
	font: Trebuchet MS, Verdana, Arial;
	font-size: 0.9em;
	left: 1px;
	height: 959px;

}





#direita {

	position:relative;	

	float:right;

	margin-top: 0;

	margin-left:5px;

	margin-right:2px;

	width: 150px;

}



#video {

	text-align:center;

	margin-top: 2px;

	margin-left:1px;

	margin-right:1px;

	width: 590px;

	background-color:#006699;

	color:#FFFFFF;

	font-size:1em;

}





#conteudosecundario {
	float:left;
	position:relative;
	width: 592px;
	margin-top:5px;

	}





.quadroespecial {

text-align:center;

	margin-top: 15px;

	margin-left:1px;

	margin-right:1px;

	width: 590px;

	font-size:1em;

}

	





.quadrocapa {

	float:left;

	position:relative;

	width: 176px;

	height:130px;

	padding:5px;

	margin-top:10px;

	margin-left:5px;

	font-size:0.75em;



	}



p {

	font-size:0.8em;

	text-align:justify;

	text-indent:15px;

}









#conteudo A:link {

	color: #336699;

}



#conteudo A:visited {

	color: #000000

}



#conteudo A:hover {

	color: #000000

    

}













/* Definições de texto. */



h1{

	padding-left: 2px; 

	margin-top: 1px; 

              font-size: 1.2em; 

	vertical-align: middle; 

	color: #1F3F5F;

	font-style: italic;

	border-bottom: 2px #993F00 solid;

	letter-spacing: 0.2em;

	

	}



h2 {

	font-size:1em; 

	color: #B8860B;  

	text-align: left; 

	font-style: italic;

	margin: 1px -9px 0.3em 4px;

	letter-spacing: 0.1em;

	

	}



h3 {

	color: #103987;

	font-size: 1em;

	border-bottom: #E9F0D2 1px solid ;

}



.mais {

	color: #6495ED;

	

}



.negrito{

	font-weight: bold;

}



.textogaleria{

	padding-left:17px;

	padding-right:17px;

	}



.active {

  font-weight: none;

  

}





.center {

	text-align: center;

}



.right {

	float: right;

}



.imgdireita {

	float: right;

	padding:8px;

}



.imgesquerda {

	float: left;

	padding:8px;

}



hr{

	width:100:

    height:2px;

    color:#1F3F5F;

}



.left{

	float:left;

}



.imgespaco{

	float:left;

	padding-right:10px;

}





ul {

	margin-left: 30px;

 	

	

}



li {

	

 	

	display:block;

	color:#000000;

	

	

}



td { 

    font-family:verdana,arial; 

    font-size:12px; 

    border: solid 0px #000000;

	} 



.pequeno{

 font-size:0.6em; 

}



#rodape{



    width:760px;

	text-align:center;

	margin-top:0;

	margin-bottom:0;

	background-color: #B3CCE6;

	font-size: 0.7em;

	height:30px;







	

}





  #tabsJ {

      float:left;

      width:100%;

      background:#ffffff;

      font-size:93%;

      line-height:normal;

	  border-bottom:1px solid #24618E;

      }

    #tabsJ ul {

	  margin:0;

	  padding:1px 1px 0 5px;

	  list-style:none;

      }

    #tabsJ li {

      display:inline;

      margin:0;

      padding:0;

      }

    #tabsJ a {

      float:left;

      background:url("images/tableftJ.gif") no-repeat left top;

      margin:0;

      padding:0 0 0 5px;

      text-decoration:none;

      }

    #tabsJ a span {

      float:left;

      display:block;

      background:url("images/tabrightJ.gif") no-repeat right top;

      padding:5px 15px 4px 6px;

      color:#24618E;

      }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/

    #tabsJ a span {float:none;}

    /* End IE5-Mac hack */

    #tabsJ a:hover span {

      color:#FFF;

      }

    #tabsJ a:hover {

      background-position:0% -42px;

      }

    #tabsJ a:hover span {

      background-position:100% -42px;

      }

* {

	margin: 0;

	padding: 0;

}

h1 {

	margin-bottom: 5px;

	font-size: 1.4em;

	text-transform: uppercase;

}

#galeria {

	position: absolute;

	width: 500px;

	margin: 1em auto;

	padding: 5px;

	background: white;

}

#galeria span.legenda {

	display: block;

	width: 296px;

	padding: 2px;

	background: #CACACA;

	font-style: italic;

	text-align: left;

}

#galeria ul#thumbs {

	clear: both;

	padding: 5px;

	text-align: center;

	list-style: none

	}

#galeria ul#thumbs li {

	display: inline;

	margin: 0 3px;

}

#galeria ul#thumbs li a {

	text-decoration: none;

}

#galeria ul#thumbs li a img.full,

#galeria ul#thumbs li a span.legenda {

	position: absolute;

	display:none;

	left: 5px;

}

#galeria ul#thumbs li a img.full {

	top: 30px;

	cursor: default;

}

#galeria ul#thumbs li a span.legenda {

	top: 188px;

	color: #000;

	cursor: text;

}

#galeria ul#thumbs li a:active img.full,

#galeria ul#thumbs li a:focus img.full,

#galeria ul#thumbs li a:active span.legenda,

#galeria ul#thumbs li a:focus span.legenda {

	visibility: visible;

}



.thumbnails img {

height: 80px;

border: 4px solid #555;

padding: 1px;

margin: 0 10px 10px 0;

}

 

.thumbnails img:hover {

border: 4px solid #00ccff;

cursor:pointer;

}



.preview img {

border: 4px solid #444;

padding: 1px;

height: 300px;

width:520px;

}