/* CSS Document */

* {
    
   margin: 0; 
   padding: 0; 
   } 

body {
	background-color:#cdcdc1;
	
}
 
#corrige_erro_no_IE { 
   
   text-align: center; 
    	
   } 
   
#fundo{
	margin: 0 auto;
	width: 800px;
	height:881px;
	background-color:#e6e5e1;	
	
		}
	
	
#area_topo{
	margin: 0 auto;
	width: 800px;
	height:170px;
	
}

#area_conteudo{
	margin: 0 auto;
	width: 800px;
	height:671px;
	background-image:url(imagens/fundo_conteudo.jpg);
	background-repeat: no-repeat;
}

#area_rodape{
	margin: 0 auto;
	width: 800px;
	height:40px;
	background-color:#006796;
	}


#lado_esquerdo{
	margin: 0 auto;
	width: 300px;
	height:671px;
	float:left;
	
}
	
#lado_direito{
	margin: 0 auto;
	width: 500px;
	height:671px;
	float: right;
	
}

#area_bemvindos{
	margin: 0 auto;
	width: 500px;
	height:200px;
		
}

#area_lonart{
	margin: 0 auto;
	width: 500px;
	height:400px;
	float:right;	
}

#area_lonart_cat{
	margin: 0 auto;
	width: 500px;
	height:670px;
	background-color:#C30;	
}


#area_menu{
	margin: 0 auto;
	width: 300px;
	height:330px;
	
}


ul {list-style:none; margin:45px; padding:2px;}

li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#00243D;
	padding:10px;
	margin-left:20px;
	font-weight: bold;
	text-align: left;
	}
	
a:link {
	color:#00243D;
	
}

a:hover {
	color:#969;
	text-decoration:none;
	
}

#area_eventos{
	margin: 0 auto;
	width: 500px;
	height:471px;
	float:left;
}


#area_patrocinio{
	margin: 0 auto;
	width: 300px;
	height:341px;
	
}

#area_cabec_patroc{
	margin: 0 auto;
	width: 300px;
	height:20px;
	
}
#area_img_patroc{
    margin: 0 auto;
	width: 300px;
	height:300px;	
	
}

#area_imagens{
	margin: 0 auto;
	width: 300px;
	height:331px
	
}

.caixa_bemvindos{
	margin-top:10px;
	margin-left: -40px;
	width: 460px;
	height:280px;
	background-color: #b0c4de;
}


#area_fotos1{
	margin: -5px auto;
	margin-left: 1px;
	width: 475px;
	height:300px;
	background-color:#CCCCCC;
	float:left;
}


#area_catalago{
	margin: 0 auto;
	width: 160px;
	height:390px;
	background-color:#CCCCCC;
	float:left;
}


#area_fotos{
	margin: 0 auto;
	width: 160px;
	height:390px;
	background-color:#FFF;
	float:left;
}



.clear {
	clear:both
}

#gallery {
	position:relative;
	height:300px;
	margin-left:2px;
	float:left;
}
	#gallery a {
	float:left;
	position:absolute;
	left: -455px;
	top: 83px;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500;
	}

	#gallery .caption {
	z-index:600;
	background-color:#00243D;
	color:#FFF;
	height:60px;
	width:470px;
	position:absolute;
	bottom:-84px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	left: -455px;
	font-style: normal;
	font-variant: normal;
	text-align: left;
	}

	#gallery .caption .content {
		margin:10px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		font-family: Arial, Helvetica, sans-serif;
	    font-size: 14px;
	    color:#FFF;
	}
	
	
.texto_cabec_patrocinio{
	margin-top: 0px;
	margin-left:5px;
	width: 200px;
	height:26px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	color:#00233d;
	float:left;
	font-variant: normal;
	text-decoration: underline;
}

.texto_cabec_bemvindos{
	margin-top: 25px;
	margin-left: -15px;
	width: 200px;
	height:32px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	color: #00233d;
	float:left;
	text-decoration: underline;	
}

.texto_cabec_lonart{
	margin-top: 20px;
	margin-left: 30px;
	width: 100px;
	height:32px;
	float:left;

}



.texto_cabec_conteudo{
	margin-top: 20px;
	margin-left: 8px;
	width: 200px;
	height:26px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	color:#00233d;
	float:left;
	text-decoration: underline;
}

#area_cabec_cat{
    margin: 0 auto;
	width:500px;
	height:60px;
	float: right;
	
	
}

.texto_cabec_catalago{
	margin-top: 25px;
	margin-left: -20px;
	width: 200px;
	height:26px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	color:#00233d;
	float:left;
	text-decoration: underline;
}


.textos{
	margin-top: 18px;
	margin-left: 25px;
	width: 420px;
	height:80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style:normal;
	font-weight: normal;
	color:  #00243D;
	float:left;
	text-align:justify;
	line-height: 150%;
}

.textos_lonart{
	margin-top: 28px;
	margin-left: 25px;
	width: 400px;
	height:400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style:normal;
	font-weight: normal;
	color:  #00243D;
	float:left;
	text-align:justify;
	line-height: 180%;
}


.texto_eventos{
	margin-top: 25px;
	margin-left: 25px;
	width:450px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style:normal;
	font-weight: normal;
	color:  #00243D;
	text-align: left;	
	float:left;
}

.texto_rodape{
	margin-top: 5px;
	margin-left:215px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	width:400px;
	line-height: 150%;
	float:left;
}


.fig_patrocinios{
	
	margin-top: 2px;
	margin-left:5px;
	display:inline;
}

#lado_1{
	margin: 0 auto;
	width: 100px;
	height:310px;
	float:left;

}

#lado_meio{
	margin: 0 auto;
	width: 100px;
	height:310px;
	float:left;

}

#lado_2{
	margin: 0 auto;
	width: 100px;
	height:310px;
	float:right;

}

.fig_patrocinios{
	
	margin-top: 16px;
	margin-left:5px;
	float:left;
	
}

#fundo_cabec{
	margin:0 auto;
	width: 300px;
	height:20px;
	

}

.img_clientes{
	margin-top:-2px;
	margin-left:10px;
	float:left;
}

#area_tabelas{
    margin:0 auto;	
    width: 500px;
    height:300px;
    float: right;
}

#area_contato{
    margin:0 auto;	
    width: 500px;
    height:295px;
    float: right;
}

#area_cont_fig{
	margin:0 auto;	
    width: 200px;
    height:295px;
    float:left;
}

.fig_contato{
	margin-top:30px;
	margin-left:50px;
	width:178px;
	height:181px;
	float:left;
}




.posicao_tabelas{
	margin-top:30px;
	margin-left:5px;
	
}


{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
margin-left:40px;
background-color:#e5e5e5;
}

/* begin: slideshow */
.slideshow1 {
position:relative;
padding:0;
margin:0;
}
.slideshow1 a img {
border:none;
}
.slideshow1 li.slide {
list-style-type:none;
}
.slideshow1 .slides {
height:170px;
margin:0;
}
.slideshow1 .slides li.slide {
	visibility:hidden;
	position:absolute;
	left:-30px;
	top:-10px;
	width: 800px;
}
.slideshow1 .buttons {
display:none;
}
.slideshow1 .buttons {
display:block;
position:absolute;
z-index:100;
left:0px;
bottom:20px;
margin:0;
}
.slideshow1 .buttons li {
float:left;
display:inline;
width:30px;
height:30px;
margin:0;
padding-left:11px;
line-height:30px;
background-image:url('buttonBg.png');
background-repeat:no-repeat;
}
.slideshow1 .buttons li a {
float:left;
text-decoration:none;
width:30px;
height:30px;
color:#fff;
outline:0;
}
.slideshow1 ul.buttons li a:hover {
text-decoration:none;
color:#0a0a0a;
}
.slideshow1 ul.buttons li.active a:hover,
.slideshow1 ul.buttons li.active a {
color:#666666;
}
/* end: slideshow */

jQuery

#slideshow {list-style:none; color:#fff;}
#slideshow span {display:none;}
#wrapper {width:450px; margin:30px auto; display:none; float:left; margin-left:35px;}
#wrapper * {margin:0; padding:0;}
#fullsize {position:relative; width:450px; height:300px; padding:2px; border:1px solid #ccc; background:#000;}
#information { bottom:0; width:450px; height:100px; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.5; filter:alpha(opacity=50); }
#information h3 {padding:4px 8px 3px; font-size:14px;}
#information p {padding:0 8px 8px;}
#image {width:450px; float:left; margin-left:-228px; margin-top:-2px;}
#image img {position:absolute; z-index:25; width:auto;}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:300;}
#imgprev {left:0; background:url(imagens/left.gif) left center no-repeat;}
#imgnext {right:0; background:url(imagens/right.gif) right center no-repeat;}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40);}
.linkhover {background:url(imagens/link.gif) center center no-repeat;}
#thumbnails {margin-top:15px;}
#slideleft {float:left; width:20px; height:81px; background:url(imagens/scroll-left.gif) center center no-repeat; background-color:#222;}
#slideleft:hover {background-color:#333;}
#slideright {float:right; width:20px; height:81px; background:#222 url(imagens/scroll-right.gif) center center no-repeat;}
#slideright:hover {background-color:#333;}
#slidearea {float:left; position:relative; width:405px; margin-left:3px; height:81px; overflow:hidden;}
#slider {position:absolute; left:0; height:81px;}
#slider img {cursor:pointer; border:1px solid #666; padding:2px;}

#mainCenter {
	height:100%;
}

#titleframe {
	width: 100%;
	/*height: 92px;*/
	/*background-color: #CCCCCC;*/
	
}

#TopFrame {
	width: 100%;
	height: 100%;
	border: 0px;
}

#BottomFrame {
	width: 100%;
	height: 100%;
	border: 0px;
}

a 			{
	color: #00243D;
	text-decoration: none;
	font-weight:bold;
} 
a:hover		{ color:#6CF; text-decoration: none; }

.userAlert{
	float:right;

}


/* title frame */

.titleContent { padding: 6px 0 6px 6px; }

.banner
{
	font-size: 12px;
	font-family: Trebuchet MS, verdana, arial;
	color: #000000;
}

.banner .title{
	font-size:1.2em;
	font-weight:bold;
}

.banner .info{
	font-size:0.9em;
}

.pagenums {
	font-size:11px;
	font-family: "Trebuchet MS", verdana, arial;
	color: #000000;
	font-weight: bold;
}

.pagenums_1 {
	font-size:10px;
	font-family: Trebuchet MS, verdana, arial;
	color: #000000;
	font-weight: bold;
}

.banner .email{
	font-weight:bold;
}

/* index frame */

.indexContent {
	width:95%;
	padding-top:6px;
	padding-bottom:6px;
}

.indexInfo {
	font-size: 11px;
	font-family: Trebuchet MS, verdana, arial;
	padding: 0 0 0 6px;
}

.indexInfo .filename {
	color: #000000;
}

.indexInfo .date {
	color: #000000;
}

/* file info */

#imageInfo{
	width: 461px;
	font-family: Trebuchet MS, verdana, arial;
	padding: 0 6px 0 6px;
}

.content {
	font-size:11px;
	/*	color: #000000;*/

	padding-top:6px;
	padding-bottom:6px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00243D;
}

.header{
	font-size:9px;
	font-weight:bold;
	color: #000000;
}

.contentLast {
	font-size:11px;
/*	color: #000000;*/
	padding-top:6px;
}

/* feedback */

.feedback {
	width: 461px;
	font-family: Trebuchet MS, verdana, arial;
	padding: 6px 6px 0 6px;
}

.checkBoxText
{
	font-size: 11px;
	color: #000000;
}
.button {
	font-weight:bold;
	font-size: 11px;
	color:#000000;
	width:100%;
	background-color:#D6BA8B;
}