body { 
	margin: 0;
	padding: 0;
	
	display: 	"t		t		t		t		t"
				"l		l		l		l		l"
				"s		s		s		s		s"
				"a		a		a		a		a"
                ".		e		c		d		."
				"z		z		z		z		z"
				"p		p		p		p		p"
                "r		r		r		r		r"
                * 	200px 		600px 200px 	*
        ;
	width: 100%;
	background: #ffffff;    
       
}

*{
margin: 0px;
border: 0px;
padding: 0px;
list-style: none;
font-weight: normal;
text-decoration: none;
}

#barrasup { 
	position: s;
	height: 298px;
	text-align: center;
	background-image: url("imagens/layout/barrasupprinc.png");
}

#conteudo { 
	position: c;
	margin: .5em;
}

#conteudo p {
	font-size: 13px;
	font-family: Arial;
	text-align: justify;
	color: #666666;
	margin: 15px 5px 5px 5px;
}

#conteudo b, strong {
	font-size: 13px;
	font-family: Arial;
	text-align: justify;
	font-weight: bold;
	color: #666666;
}

#conteudo h1 {
	font-size: 16px;
	font-family: Arial;
	text-align: center;
	color: #1f527a;
	font-weight: bold;
	margin: 7px 5px 5px 5px;
}

#conteudo li {
	font-size: 13px;
	font-family: Arial;
	text-align: justify;
	color: #666666;
	margin: 15px 5px 5px 30px;
	list-style-image:url("imagens/layout/lista.png");
}

#conteudosec {
	float: right;
	width: 570px;
	height: 540px;
	margin: 10px -10px 0px 0px;
	padding: 7px 0px 0px 20px;
	background-image: url("imagens/layout/destaque-secundario.jpg");
}

#conteudosec p {
	font-size: 13px;
	font-family: Arial;
	text-align: justify;
	color: #666666;
	margin: 15px 38px 0px 22px;
}

#conteudosec h2 {
	font-size: 13px;
	font-family: Arial;
	text-align: justify;
	color: #1f527a;
	font-weight: bold;
	margin: 15px 5px 5px 5px;
}

#conteudosec li {
	font-size: 13px;
	font-family: Arial;
	text-align: justify;
	font-weight: bold;
	color: #1f527a;
	margin: 15px 5px 5px 45px;
	list-style-image:url("imagens/layout/lista-principal.png");
}

#barratelefone { 
	position: t;
	height: 50px; 
	text-align: center;
	font-weight: bold;
	background-image: url("imagens/layout/barrasup1.jpg");
}

#barralogo { 
	position: l;
	height: 94px; 
	text-align: center;
	font-weight: bold;
	background-image: url("imagens/layout/barralogo.jpg");
}

#barraatalho { 
	position: a;
	height: 60px; 
	background-image: url("imagens/layout/slot_bg.JPG");
	background-repeat: repeat-x;
}

#barramenu {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 980px;
	height: 40px;
	margin-left: -490px;
	margin-top: -27px;
	background-image: url("imagens/layout/fundomenu.JPG");
}

/* menu */
#menu{ position: absolute; margin:0px 0px 0px 20px; padding:0px 0px 0px 0px; line-height:45px; display:inline-block; z-index:1000;}
#menu{ font-size: 16px; font-family: Arial; text-align: justify; list-style:none; color:#fff;}
#menu b { font-weight: bold; }
#menu a { color:#1f527a; text-decoration:none; }  /* cor do texto */
#menu > li {cursor:pointer; float:left; position:relative; padding:0px 46px;} /* cor do fundo do menu */
#menu > li a:hover {color: #0080C0s;}  /* cor do texto qd passa o mouse */
/* sub-menus*/
#menu ul { font-size: 12px; padding:0px; margin:0px; display:block; display:inline;} /* tamanho e espaço do submenu */
#menu li ul { position:absolute; left:-10px; top:0px; margin-top:44px; width:237px; line-height:16px; 
background: #DDD;
color: white;
box-shadow: 1px 2px 15px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 1px 2px 15px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 1px 2px 15px rgba(0, 0, 0, 0.7);
/* for IE */ display:none; } /* cor do fundo e sombra do submenu */
#menu li:hover ul { display:block;} /* ativa o submenu qd passa o mouse*/
#menu li ul li{ display:block; margin:5px 20px; padding: 7px 10px 0px 0px;  border-top: dotted 1px #606060; list-style-type:none; } /* cor da linha do submenu */
#menu li ul li:first-child { border-top: none; } /* borda do submenu */

a.small-menu {color: #999999; text-decoration: none;}
a.small-menu:hover {color: #FF9900;}
#menu li ul li a {color: #666666; border-width: 0px 0px 0px 5px; border-color: #DEDEDE; border-style: solid; text-decoration: none; display: block; padding: 3px 0px 3px 5px; text-align: left; font-weight: normal;}
#menu li ul li a:hover {border-color: #1f527a; background-color: #DDD;}

/* corners*/
#menu .last { background:transparent none repeat scroll 0% 0%; margin:0px; padding:3px; border:none; position:relative; border:none; height:0px;} /* altura do submenu */

#navegadoresq { 
	position: e;
	background: #ffffff;
}

#navigation { margin-top: 13px; font-size: 13px; font-family: Arial; text-align: justify; list-style:none; color:#fff;}
#navigation p { font-size:11px; font-family:Arial; font-weight: bold; margin: 10px 0px 10px 0px; padding: 3px 10px 3px 10px; text-align:right; background-color:#1f527a; color:#FFFFFF} /* 244d78 */

#navigation li ul{
	margin-top: 10px;
	margin-bottom: 0px;
}

a.small-navigation {
	color: #999999;
	text-decoration: none;
}

a.small-navigation:hover {
	color: #FF9900;
}

#navigation a {
	color: #666666;
	border-width: 0px 0px 0px 5px;
	border-color: #ffffff;
	border-style: solid;
	text-decoration: none;
	display: block;
	padding: 3px 0px 3px 5px;
	text-align: left;
	margin-top: 0px; margin-bottom: 0px;
	font-weight: normal;
}

#navigation a:hover {
	border-color: #1f527a;
	background-color: #ffffff;
	margin-top: 0px; margin-bottom: 0px;
}

#navegadordir { 
	position: d;
	background: #ffffff;
}

#suporte {
	position: absolute;
	width: 190px;
	height: 230px;
	margin-top: 10px;
	background-image: url("imagens/layout/box-qualidade.jpg");
}

#suporte p {
	font-size: 13px;
	font-family: Arial;
	font-weight:bold;
	color: #C63;
	text-shadow: #aaaaaa 0.1em 0.1em 0.2em;
	text-align: left;
	margin: 20px 0px 15px 27px;
}

#suporte a:link{color:#666666;text-decoration:none;background:none;display:inline;}
#suporte a:visited{color:#666666;text-decoration:none;background:none;display:inline;}
#suporte a:active{color:#666666;text-decoration:none;background:none;display:inline;}
#suporte a:hover{background:none;}

#suporte li {
	font-size: 13px;
	font-family: Arial;
	text-align: justify;
	color: #666666;
	list-style-image:url("imagens/layout/seta.png");
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 45px;
	text-align: justify;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
}

#qualidade {
	width: 190px;
	height: 330px; 
	margin-top: 250px;
	background-image: url("imagens/layout/qualidade.jpg");
}

#qualidade p {
	font-size: 13px;
	font-family: Arial;
	font-weight:bold;
	color: #C63;
	text-shadow: #aaa 0.1em 0.1em 0.2em;
	text-align: left;
	margin: 20px 0px 15px 30px;
}

#qualidade img {
	float: right;
}

#rodapesup { 
	position: z;
	height: 96px; 
	text-align: center;
	font-weight: bold;
	background-image: url("imagens/layout/rodapesup.png");
}

#telefone {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -490px;
	margin-top: -20px;
	width: 980px;
	height: 40px;
}

#telefone p{
	float: right;
	font-size: 22px;
	font-family: Arial;
	font-weight:bold;
	color: #C63;
	text-shadow: #aaa 0.1em 0.1em 0.2em;
	text-align: right;
	margin:10px 10px 10px;
}

#telefone img{
	float: left;
	margin:5px 0px 0px 740px
}

#barrarodape { 
	position: p;
	height: 245px;
	padding: .5em; 
	text-align: center;
	font-weight: bold;
	background-image: url("imagens/layout/barrarodape.jpg");
}

#rodape { 
	position: r;
	height: 58px;
	padding: .5em; 
	text-align: center;
	font-weight: bold;
	background-image: url("imagens/layout/rodapeinf.jpg");
}

#logo {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -490px;
	margin-top: -41px;
	width: 980px;
	height: 82px;
}

#logo img{
	float: left;
	margin: 2px 0px 0px 0px;
}

#rodapesupcont {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -490px;
	margin-top: -40px;
	width: 980px;
	height: 80px;
}

#tabela-aspas table {
	width: 950px;
	height: 70px;
}

#aspas1 img {
	float: left;
	width: 32px;
	height: 32px;
	margin: -30px 0px 10px 20px;
}

#aspas2 img {
	float: right;
	width: 32px;
	height: 32px;
	margin: 40px 10px 10px 0px;
}

#slogan p{
	font-size: 16px;
	font-family: Arial;
	color: #999;
	text-shadow: #aaaaaa 0.1em 0.1em 0.2em;
	text-align: left;
	margin: 5px 10px 10px 10px;
}

#anos p{
	font-size: 20px;
	font-family: Arial;
	color: #1f527a;
	text-shadow: #aaaaaa 0.1em 0.1em 0.2em;
	text-align: left;
	margin: 5px 10px 10px 90px;
}

#rodapeconteudo {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -490px;
	margin-top: -110px;
	width: 980px;
	height: 220px;
}

#rodapeconteudo table {
	width: 950px;
	height: 200px;
	font-size: 13px;
	font-family: Arial;
	color: #BEBEBE;
	margin: 5px 0px 0px 15px;
	text-align: left;
}

#rodapeconteudo table th{
	font-size: 16px;
	font-family: Arial;
	font-weight: bold;
	color: #8DC70A;
	margin: 10px 0px 0px 30px;
	text-align: left;
}

#rodapeconteudo table th.col1{width: 196px; font-size: 16px; font-family: Arial; font-weight: bold; color: #8DC70A; margin: 10px 0px 0px 30px; text-align: left;}
#rodapeconteudo table th.col2{width: 314px; font-size: 16px; font-family: Arial; font-weight: bold; color: #8DC70A; margin: 10px 0px 0px 30px; text-align: left;}
#rodapeconteudo table th.col3{width: 257px; font-size: 16px; font-family: Arial; font-weight: bold; color: #8DC70A; margin: 10px 0px 0px 30px; text-align: left;}
#rodapeconteudo table th.col4{width: 115px; font-size: 16px; font-family: Arial; font-weight: bold; color: #8DC70A; margin: 10px 0px 0px 30px; text-align: left;}
#rodapeconteudo table th.col5{width: 44px; font-size: 16px; font-family: Arial; font-weight: bold; color: #8DC70A; margin: 10px 0px 0px 30px; text-align: left;}

#rodapeconteudo p{font-size:13px; font-family:Arial; color:#BEBEBE; margin:20px 0px 0px 0px; text-align:center;}
#rodapeconteudo a:link{margin:0px;padding:0px;margin-right:0px;color:#BEBEBE;font-size:12px;font-family:Arial;text-decoration:none;background:none;display:inline;}
#rodapeconteudo a:visited{margin:0px;padding:0px;margin-right:0px;color:#BEBEBE;font-size:12px;font-family:Arial;text-decoration:none;background:none;display:inline;}
#rodapeconteudo a:active{margin:0px;padding:0px;margin-right:0px;color:#BEBEBE;font-size:12px;font-family:Arial;text-decoration:none;background:none;display:inline;}
#rodapeconteudo a:hover{background:none;}

#rodapefinal {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -490px;
	margin-top: -27px;
	width: 980px;
	height: 54px;
}

#rodapefinal p{font-size:13px; font-family:Arial; color:#BEBEBE; margin:20px 0px 0px 0px; text-align:center;}
#rodapefinal a:link{margin:0px;padding:0px;margin-right:0px;color:#BEBEBE;font-size:12px;font-family:Arial;text-decoration:none;background:none;display:inline;}
#rodapefinal a:visited{margin:0px;padding:0px;margin-right:0px;color:#BEBEBE;font-size:12px;font-family:Arial;text-decoration:none;background:none;display:inline;}
#rodapefinal a:active{margin:0px;padding:0px;margin-right:0px;color:#BEBEBE;font-size:12px;font-family:Arial;text-decoration:none;background:none;display:inline;}
#rodapefinal a:hover{background:none;}

#rodapefinal img {
	float: right;
	width: 70px;
	height: 40px;
	margin: -28px 20px 20px 20px;
}

#figura p {
	float: left;
	width: 150px;
	height: 200px;
	margin: .5em;
	padding: .5em;
	background: #000;
	color: white;
}

#destaque-principal {
	float: right;
	width: 570px;
	height: 200px;
	margin: 10px -10px 0px 0px;
	padding: 7px 0px 0px 20px;
	background-image: url("imagens/layout/destaque-principal.jpg");
}

#destaque-principal p {
	font-size: 13px;
	font-family: Arial;
	text-align: justify;
	color: #666666;
	margin: 15px 5px 33px 5px;
}

#destaque-principal b {
	font-size: 13px;
	font-family: Arial;
	text-align: justify;
	font-weight: bold;
	color: #666666;
}

#destaque-principal li {
	font-size: 13px;
	font-family: Arial;
	text-align: justify;
	color: #666666;
	margin: 15px 5px 5px 30px;
	list-style-image:url("imagens/layout/lista.png");
}

#efeito {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -440px;
	margin-top: -133px;
	width: 880px;
	height: 266px;
	background: #000;
	color: white;
	box-shadow: 1px 2px 15px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 1px 2px 15px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 1px 2px 15px rgba(0, 0, 0, 0.7)
}

/*para a esquerda: metade da largura da figura;
para cima: metade da altura da figura. 
A figura é um retângulo de 220 x 80 e os valores para arrastar são:
para a esquerda: 220px/2 = 110px;
para cima: 80/2 = 40px.
A propriedade CSS que determina o afastamento em volta dos elementos é margin. 
Como a figura deve ser arrastada para a esquerda basta declarar uma margin-left negativa! E o arrastar para cima consegue-se com uma margin-top negativa!*/

ul.slideshow {
	position: relative;
	list-style: none;
	width: 880px;
	height: 266px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}	

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}

ul.slideshow li.show {
	z-index:500;	
}

ul img {
	border:none;	
}

#slideshow-caption {
	position:absolute;
	width:880px;
	height:70px;
	bottom:0;
	left:0;	
	font-size: 13px;
	font-family: Arial;
	font-weight: bold;
	color:#fff;
	background:#000;
	z-index:500;
}

#slideshow-caption .slideshow-caption-container {
	padding:15px 0px;		
	z-index:1000;
}

#slideshow-caption h3 {
	margin:0;
	padding:0;	
	font-size: 16px;
	font-family: Arial;
	font-weight: bold;
}

#slideshow-caption p {
	margin:5px 0 0 0;
	padding:0;
}

#clientes img {
	margin: 10px 30px 0px 0px;
}