body {
	margin: 0;
	padding: 0;
	font-family: 'Verdana', Trebuchet MS, Arial;
   font-size: 12px;
	line-height: 18px;
   color: #444;
	background-image: url(images/bg.jpg);
	background-color: #FFF;
	background-position: top;
	background-repeat: repeat-x;
}



#pagina {
   margin: auto;
	padding: 0;
	width: 880px;
   text-align: left;
}

#top {
	margin: 0;
	padding: 0;
	width: 880px;
	height: 21px;
	font-family: 'Tahoma', Verdana, , Arial;
	font-size: 10px;
	line-height: 19px;
	text-align: right;
	color: #FFF;
	background: transparent url(images/top.jpg) top center no-repeat;
}
#top a:link  {
	color: #FFF;
   text-decoration: none;
}
#top a:visited {
   color:  #FFF;
   text-decoration: none;
}
#top a:active {
   color:  #FFF;
   text-decoration: none;
}
#top a:hover {
	color: #FFF;
   text-decoration: underline;
}

#header {
   margin: auto;
	padding: 0;
	width: 880px;
	height: 72px;
   background: transparent;
}

#corpo {
	margin: auto;
	padding: 0;
	width: 880px;
	text-align: left;
   background: transparent url(images/corpo.jpg) top left no-repeat;
   
}

#sidebar {
	float: left;
	margin: 0;
	padding: 0 0 20px 0;
	width: 170px;
	height: auto;
	background: transparent url(images/bg_menu.gif) bottom left repeat-y;
}

#sidebarmenu {
	float: left;
	margin: 0;
	padding: 0 0 20px 0;
	width: 170px;
	height: auto;
	background: #FFF;
}

#conteudo {
	float: left;
	margin: 0 0 0 10px;
	padding: 10px;
	width: 650px;
	height: auto;
	background: transparent;
}
#conteudo2 {
	float: left;
	margin: 0 0 0 20px;
	padding: 10px;
	width: 850px;
	height: auto;
	background: transparent;
}
#conteudohome {
	float: left;
	margin: 0 0 0 20px;
	padding: 10px;
	width: 880px;
	height: auto;
	background: transparent;
}

#error {
	float: right;
	margin: 0 0 0 10px;
	padding: 10px;
	width: 880px;
	height: auto;
	background: #FFF;
}

/* ---  Destaque  --- */

#destaque {
	margin: 0;
	padding: 0;
	width: 880px;
	height: 150px;
   background: transparent url(images/destaque.jpg) top center no-repeat;
}

#dest1 {
	float: left;
	margin: 0;
	padding: 0;
	width: 620px;
	height: 150px;
   background: transparent;
   font-family: "Verdana", Geneva, Arial, Helvetica, sans-serif;
   font-size: 17px;
   color: #FFF;
   font-weight: bold;
   line-height: 20px;
}

#dest1 a {
color: #466921;
}
#dest1 a:hover {
color: #000;
}

#dest2 {
	float: left;
	margin: 0;
	padding: 0;
	width: 260px;
	height: 150px;
   background: transparent;
}

#destaquepaper {
	margin: 0;
	height: 150px;
	background: transparent;
	text-align: left;
}
#destaquepaper span {
	width: 1px;
	height: 1px;
	position: absolute;
	visibility: hidden;
}
#destaquepaper a {
	display: block;
	width: 260px;
	height: 150px;
	background: transparent;
}
#destaquepaper:hover {
	display: block;
	width: 260px;
	height: 150px;
	background: url(images/logo.jpg) left no-repeat;
}


#destaque2 {
	margin: 0;
	padding: 0;
	width: 880px;
	height: 32px;
   background: transparent url(images/destaque2.jpg) top center no-repeat;
}

#destaque_bottom {
	display: block;
	width: 220px;
	height: 32px;
	background: transparent;
}
#destaque_bottom span {
	width: 1px;
	height: 1px;
	position: absolute;
	visibility: hidden;
}
#destaque_bottom a {
	display: block;
	width: 220px;
	height: 32px;
	background: transparent;
}
#destaque_bottom:hover {
	margin: 0;
	padding: 0;
	width: 220px;
	height: 32px;
   background: transparent url(images/destaque_bottom.jpg) top center no-repeat;
}


#destaque_submenu {
	margin: 0;
	padding: 0;
	width: 880px;
	height: 150px;
   background: transparent url(images/destaque_submenu.jpg) top center no-repeat;
}


#destaque3 {
	margin: 0;
	padding: 0;
   font-family: "Verdana", Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 20px;
}


/* ---------  Links  --------- */
#conteudo a:link {
   color: #5496D2;
   text-decoration: none;
}
#conteudo a:visited {
   color:  #5496D2;
   text-decoration: none;
}
#conteudo a:active {
   color:  #5496D2;
   text-decoration: none;
}
#conteudo a:hover {
	color: #2F78B7;
   text-decoration: underline;
}

#footer {
   margin: auto;
	padding: 0;
   text-align: left;
	border-top: 1px dashed #E9E9E9;
	background: transparent url(images/bgfooter.jpg) top center repeat-x;
}
#footerDiv {
   margin: auto;
	padding: 0;
   width: 880px;
	height: 67px;
	text-align: left;
	background: transparent;
}

#footer p {
	padding: 0;
	font-size: 10px;
	line-height: 15px;
	color: #959595;
}

#footer em {
	font-weight: bold;
	font-style: normal;
}

#footer a:link {
	color: #959595;
	text-decoration: none;
}
#footer a:visited {
	color: #959595;
	text-decoration: none;
}
#footer a:active {
	color: #959595;
	text-decoration: none;
}
#footer a:hover {
	color: #959595;
	text-decoration: underline;
}

.footerleftEsq {
	float: left;
	margin: 0;
	padding: 0;
	width: 600px;
	text-align: left;
}
.footerleftDir {
	float: left;
	margin: 7px 0 10px 0;
	padding: 0;
	width: 280px;
	font-size: 10px;
	color: #9D9D9D;
	line-height: 12px;
	text-align: right;
}


/* ---------  Links  --------- */
a:link {
   color: #5496D2;
   text-decoration: none;
}
a:visited {
   color:  #5496D2;
   text-decoration: none;
}
a:active {
   color:  #5496D2;
   text-decoration: none;
}
a:hover {
	color: #000;
   text-decoration: none;
}


/* ------------  Menu  ------------ */

#nav {
	margin: 0;
	padding: 0;
	width: 880px;
	height: 35px;
	background: #3180C3 url(images/navigator.jpg) top center repeat-x;
}

#nav ul {display: inline; list-style: none;}
#nav li span {display: none;}
#nav li {display: inline;}

#nav1 a {
   background: transparent;
	width: 129px; height: 35px; margin-left: 17px; float: left;}
#nav1 a:hover, #nav1.current a {
   background: url(images/navigator2.jpg);
	width: 129px; height: 35px; background-position: 0 0;}
	
#nav2 a {
   background: transparent; 
	width: 123px; height: 35px; margin: 0; float: left;}
#nav2 a:hover, #nav2.current a {
   background: url(images/navigator2.jpg); 
   width: 123px; height: 35px; background-position: -129px 0;}
	
#nav3 a {
   background: transparent; 
	width: 95px; height: 35px; margin: 0; float: left;}
#nav3 a:hover, #nav3 li.current a {
   background: url(images/navigator2.jpg); 
   width: 95px; height: 35px; background-position: -252px 0;}

#nav4 a {
   background: transparent; 
	width: 92px; height: 35px; margin: 0; float: left;}
#nav4 a:hover, #nav4 li.current a {
   background: url(images/navigator2.jpg); 
   width: 92px; height: 35px; background-position: -347px 0;}

#nav5 a {
   background: transparent; 
	width: 79px; height: 35px; margin: 0; float: left;}
#nav5 a:hover, #nav5 li.current a {
   background: url(images/navigator2.jpg); 
   width: 79px; height: 35px; background-position: -439px 0;}
	
#nav6 a {
   background: transparent; 
	width: 103px; height: 35px; margin: 0; float: left;}
#nav6 a:hover, #nav6 li.current a {
   background: url(images/navigator2.jpg); 
   width: 103px; height: 35px; background-position: -518px 0;}

#nav7 a {
   background: transparent; 
	width: 129px; height: 35px; margin: 0; float: left;}
#nav7 a:hover, #nav7 li.current a {
   background: url(images/navigator2.jpg); 
   width: 129px; height: 35px; background-position: -621px 0;}


	
	
	/* ---------  Sidebar  --------- */

#menu {
   margin: 0;
	padding: 0 5px;
	width: 150px;
   background: transparent;
}
#menu ul {
   margin: 0;
	padding: 5px;
	width: 150px;
   background: transparent;
}
#menu li {	
   display: block;
	margin: 0;
	list-style: none;
	height: 25px;
	line-height: 25px;
	background: transparent;	
}
#menu li a {
   display: block;
	padding: 0 0 0 10px;
   color: #FFF;	
	font-family: 'Verdana', Geneva, Arial, Helvetica; 
	font-size: 11px;
	letter-spacing: normal;
   text-decoration: none; 
	text-indent: 8px;
	border-bottom: #6AA0CA 1px dotted;
   background: transparent url(images/setinha1.gif) left center no-repeat;
}
#menu li a:visited {
   display: block;
	padding: 0 0 0 10px;
   color: #FFF;	
	font-family: 'Verdana', Geneva, Arial, Helvetica; 
	font-size: 11px;
	letter-spacing: normal;
   text-decoration: none; 
	text-indent: 8px;
	border-bottom: #6AA0CA 1px dotted;
   background: transparent url(images/setinha1.gif) left center no-repeat;
}

#menu li a:hover { 	
   color: #FFF; 
	text-indent: 15px;
	border-bottom: #6AA0CA 1px dotted;	
	background: transparent url(images/setinha.gif) left center no-repeat;
}

/* ---  Sidebar  --- */

#menusidebar {
   float: left;
	margin: 0;
	padding: 5px;
	width: 150px;
   background: transparent;
}

/* ---  Textos  --- */

h1 {
	margin: 0;
	height: 72px;
	background: transparent url(images/header.jpg) top left no-repeat;
	text-align: left;
}
h1 span {
	width: 1px;
	height: 1px;
	position: absolute;
	visibility: hidden;
}
h1 a {
	background: url(images/header.jpg) top left no-repeat;
	display: block;
	width: 350px;
	height: 72px;
	text-indent: -9999px;
}

h2 {
	margin: 0 0 15px 0;
	padding-right: 10px;
	width: 400px;
	font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 30px;
	color: #444;
	text-align: left;
	border-bottom: 2px solid #D9E6ED;
}
#h2 {
	margin: 0 0 15px 0;
	padding-right: 10px;
	width: 550px;
	font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 30px;
	color: #444;
	text-align: left;
	border-bottom: 2px solid #D9E6ED;
}
h3 {
	margin: 20px 0 0 0;
	padding: 0 0 0 8px;
	font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 18px;
	color: #278bbe;
	text-align: center;
}

h4 {
	font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
	font-size: 15px;
	/*color: #278bbe;*/
	font-weight: bold;
	/*border-bottom: 1px dotted #C0C0C0;*/
}

h5 {
	font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #278bbe;
	font-weight: bold;
	text-indent: 5px;
	border-bottom: 1px dotted #DCDCDC;
	border-left: 10px solid #DCDCDC;
}

h6 {
	margin: 0;
	padding-right: 10px;
	font-family: 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 25px;
	color: #79b203;
	text-align: left;
	/*border-bottom: 2px solid #D9E6ED;*/
}

.title {
	margin-top: 20px;
	padding-left: 8px;
	font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
	font-size: 20px;
	line-height: 18px;
	color: #278bbe;
	text-align: center;
}



.style1 {
   font-size: 10px;
}

/*
em {
	font-family: 'Verdana', Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #333;
}*/


.clear {
	clear: both;
}

blockquote {
	margin: 0;
	padding: 1px 0 0 0;
	width: 400px;
	height: auto;
	background: url(images/blockquote.jpg)top center no-repeat;
}
#blockquote2 {
	margin: 0 0 0 20px;
	padding: 1px 0 0 0;
	width: 520px;
	height: auto;
	background: url(images/blockquote2.jpg) top center no-repeat;
}



/* ---------  Lado esquerdo e direito  --------- */

#box {
	float: left;
	margin: 0 15px;
	padding: 5px;
	width: 250px;
	font-family: 'tahoma', Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	text-align: left;
}

#boxvideo {
	margin: 20px;
	padding: 0;	
	float: left;
	background: transparent;
	width: 450px;
	height: auto;
	background: #D4E2FA;

}
/*
#box p a:link {
	color: #FF6600;
	font-style: normal;
	border-bottom: 1px dotted #FFF;
}
#box p a:visited {
   color: #FF6600;
	font-style: normal;
	border-bottom: 1px dotted #FFF;
}
#box p a:active {
   color: #FF6600;
	font-style: normal;
	border-bottom: 1px dotted #FFF;
}
#box p a:hover {
	color: #FF6600;
	font-style: normal;
   border-bottom: 1px solid;
}
.boximg {
	padding-right: 8px;
}
*/

#aviso {
	padding: 3px 2px;
	background-color: #E0EBC2;
}
#aviso:hover {
	padding: 3px 2px;
	background-color: #E6E6E6;
}


.right {
	text-align: right;
}

/* ---------  widget_half  --------- */

.widget_half_top {
	margin: 0;
	padding: 0;
	width: 205px;
	height: 10px;
	background: url(images/widget_half_top.jpg);
}
.widget_half {
	margin: 0;
	padding: 0;
	width: 205px;
	height: auto;
	background: #E6E6E6;
}
.widget {
	margin: 0;
	padding: 0 10px;
	background: #E6E6E6;
}
.widget_half_bottom {
	margin: 0;
	padding: 0;
	width: 205px;
	height: 10px;
	background: url(images/widget_half_bottom.jpg);
}






/* ---------  Jogos  --------- */

#jogos {
	float: left;
	margin: 5px;
	padding: 5px;
	width: 450px;
	border-bottom: 2px dotted #D9E6ED;
	border-top: 2px dotted #D9E6ED;
}

#jogos2 {
   float: left;
	margin: 5px;
	padding: 5px;
	width: 150px;
}
#jogos strong {
	font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}
#jogos em {
	font-family: 'verdana', sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	line-height: 20px;
	text-indent: 5px;
	color: #B22222;
}



/* ---------  Fotos  --------- */

#CategoriasFotos {
	margin: 0;
	padding: 10px 0 0 0;
	height: 95px;
	text-align: center;
	border-bottom: 1px dashed #C9E5FD;
}

#CategoriasFotos:hover {
	margin: 0;
	padding: 10px 0 0 0;
	height: 95px;
	background-color: #DAEDFE;
}

#CategoriaImage {
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
} 

#TituloFoto {
	float: left;
	width: 350px;
	margin-left: 15px;
	height: 90px;
	text-align: left;
}

#fotos {
	padding-left: 12px;
	width: auto;
	text-align: center;
}


.image {
	margin: 2px 5px 0 0;
	padding: 8px;
	background-color: #E0EBEF;
	border: 1px solid #C7D8E8;
	
}
.image:hover {
   margin: 2px 5px 0 0;
	padding: 8px;
	background-color: #C7D8E8;
	border: 1px solid #C7D8E8;
}


.img {
	display: block;
	float: left;
	margin: 0 5px 5px 0;
	padding: 5px;
	width: 100px;
	height: 75px;
	border: 1px solid #FFF;
	background-color: #FFF;
	text-align: center;
}
.img:hover {
   background-color: #9BCFFE;
	border: 1px solid #9BCFFE;
}

.imghome {
	margin: 0 4px;
	padding: 4px;
	background-color: #FFF;
	border: 1px solid #DDD;
}


/* ---------  Footlink  --------- */

#footlink {
   margin: 0;
	text-align: right;
}

#footlink a {
   padding: 0;
   margin: 0 1px;
	}

#footlink a:link, #footlink a:visited, #footlink a:active {
	font-size: 12px;
	color: #786C57;
	font-weight: normal;
	text-align: center;
}

#footlink a:hover {
	color: #000;
}

#center {
	text-align: center;
}
#right {
	text-align: right;
}



/* ---------  Contato  --------- */

#form {
	float: left;
	margin: 0;
	padding: 3px 0;
	width: 550px;
	height: 386px;
	text-align: center;
	background: url(images/fundo_form.gif) top center no-repeat;
}

#form2 {
	float: left;
	margin: 0;
	padding: 3px 0;
	width: 550px;
	height: 386px;
	font-size: 13px;
	text-align: center;
	background: #FFF;
}

#fone {
	float: left;
	margin: 0 0 0 25px;
	padding: 10px 0;
	font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background: transparent url(images/phone.gif) top right no-repeat;
}

label {
	display: block;	
	margin: 0;
	float: left;
	width: 220px;
	font-weight: 100;
	text-align: right;
}
input, textarea {
   width: 280px;
	font-size: 10px;
   padding: 3px;
   margin: 0 0 6px 0;
   font-family: 'verdana', Helvetica, sans-serif;
	border: 1px solid #DADADA;
	background:  #FFF;
	color: #666;*
	/*border: 1px solid #C1D2D5;
	background: #D8E6E9;
	color: #666;*/
}
textarea {
   height: 80px;
}
input.enviar {
	margin: 0;
	padding: 0 0 2px 0;
	width: 60px;
	height: 20px;
	color: #FFF;
	background: #b2b1b1;
}
input.enviar:hover {
	margin: 0;
	padding: 0 0 2px 0;
	width: 60px;
	height: 20px;
	color: #FFF;
	background: #848484;
}
input:focus, textarea:focus {
	border: 1px solid #BEBEBE;
	background: #FFF;
	color: #333;
}

input:hover, select:hover, textarea:hover {
	border: 1px solid #BEBEBE;
	background: #FFF;
}

#center {
	text-align: center;
}


/* ---------  Clientes  --------- */

#ClientesCenter {
	margin: 0 0 0 25px;
}

#Clientes {
	float: left;
	margin: 0;
	padding: 0;
	width: 260px;
	font-family: 'Tahoma', Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #A9A9A9;
	line-height: 18px;
}

ul.clientes li {
	padding-bottom: 1px;
	list-style-image: url(images/tick.gif);
}



/* ---------  Mapa do Site  --------- */

#mapsite {
	float: left;
	width: 145px;
	font-family: 'Tahoma', Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
}


/* ---------  Tabelas --------- */
#tab {
	margin-bottom: 2px;
	padding: 3px;
	height: auto;
	border-left: 10px solid #D6E1E2;
	background: #EBF3F5;
}
#tab:hover {
	margin-bottom: 2px;
	padding: 3px;
	height: auto;
	color: #000;
	border-left: 10px solid #D6E1E2;
	background: #EBF3F5;
}

#tab2 {
	margin-bottom: 2px;
	padding: 3px;
	height: auto;
	border-left: 10px solid #E9E9E9;
	background: #F4F4F4;
}
#tab2 em {
	font-family: 'Verdana', Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
}
#tab2:hover {
	margin-bottom: 2px;
	padding: 3px;
	height: auto;
	color: #000;
	border-left: 10px solid #E9E9E9;
	background: #F4F4F4;
}

/* ---------  reconhecimento  --------- */

#reconhecimento {
	float: left;
	margin: 10px;
	padding: 5px;
	width: 150px;
	font-family: 'Tahoma', Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	text-align: center;
	background: #FFF url(images/reconhecimento.jpg) top center no-repeat;
}
#reconhecimento img {
	margin: 0;
	padding: 5px;
	background-color: transparent;
	
}
#reconhecimento img:hover {
   margin: 0;
	padding: 5px;
	background-color: #C7D8E8;
}
#boxrec {
	margin: 10px;
	padding: 5px;
	width: 150px;
	font-family: 'Tahoma', Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	background: #FFF url(images/reconhecimento.jpg) top center no-repeat;
}

/* ---------  float left  --------- */

#left {
	float: left;
	padding: 0;
}


/* css para a galeria de imagens */

#galeria {
   padding: 0 0 0 5px;
	text-align: center;
}

/* imagens */
#galeria img {
	border: 0;
	display: block; /* evita espacos indesejados */
   width: 120px; height: 90px;
	margin: 2px;
	padding: 3px;
	background-color: #E0EBEF;
	border: 1px solid #E0EBEF;
}
#galeria img:hover {
   margin: 2px;
	padding: 3px;
	background-color: #C7D8E8;
	border: 1px solid #C7D8E8;
}

/* a lista */
#galeria ul {
	list-style: none;
	margin: 0; padding: 0;
	width: 100%; /* para algumas versoes do IE */
}

/* o container para cada imagem */
#galeria ul li {
	float: left;
	width: 130px; height: 140px;
	margin: 2px;	
	padding-bottom: 2px;
	/*background: #EBF0F4;*/
	overflow: hidden; /* para esconder a parte do texto que ultrapassar a altura */
}

/* espacos e fontes da legenda */
#galeria ul li p {
	margin: 1px 4px 0 4px;
	font-family: 'arial', sans-serif;
	font-size: 11px;
	line-height: 13px;
}