@charset "utf-8";

/* CONFIGURAÇÕES BÁSICAS */

body{font:12px arial,helvetica,clean,sans-serif; margin:30px 0 0 0; text-align:center; background:url(../img/fundo.png) repeat-x;}
p{margin:0; padding:0; text-align:justify; text-indent:15px}
#menu {width:633px; margin:12px 0 0 90px;}
#menu ul {width:623px;list-style:none; margin:0 auto; padding:0;}
#menu ul li#home {float:left; padding:0; margin:0; position:relative; overflow:hidden; height:22px; width:57px; display:block;}
#menu ul li#empresa {float:left; padding:0; margin:0; position:relative; overflow:hidden; height:22px; width:89px; display:block;}
#menu ul li#catalogo {float:left; padding:0; margin:0; position:relative; overflow:hidden; height:22px; width:99px; display:block;}
#menu ul li#representantes {float:left; padding:0; margin:0; position:relative; overflow:hidden; height:22px; width:157px; display:block;}
#menu ul li#contato {float:left; padding:0; margin:0; position:relative; overflow:hidden; height:22px; width:90px; display:block;}
#menu ul li#restrito {float:left; padding:0; margin:0; position:relative; overflow:hidden; height:22px; width:136px; display:block;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited {background-position:0 0; background-repeat:no-repeat; background-color:transparent;  margin:0;}
#menu ul li a:hover, #menu ul li a:focus {background-position:0 -22px;  margin:0;}
#menu ul li#home a 				{background-image:url(../img/btnHome.png); text-indent:-999em; overflow:hidden; text-decoration:none; display:block; position:absolute; left:0;top:0; margin:0; height:22px; width:57px;}
#menu ul li#empresa a 			{background-image:url(../img/btnEmpresa.png); text-indent:-999em; overflow:hidden; text-decoration:none; display:block; position:absolute; left:0;top:0; margin:0; height:22px; width:89px;}
#menu ul li#catalogo a 			{background-image:url(../img/btnCatalogo.png); text-indent:-999em; overflow:hidden; text-decoration:none; display:block; position:absolute; left:0;top:0; margin:0; height:22px; width:99px;}
#menu ul li#representantes a 	{background-image:url(../img/btnRepresentantes.png); text-indent:-999em; overflow:hidden; text-decoration:none; display:block; position:absolute; left:0;top:0; margin:0; height:22px; width:157px;}
#menu ul li#contato a 			{background-image:url(../img/btnContato.png); text-indent:-999em; overflow:hidden; text-decoration:none; display:block; position:absolute; left:0;top:0; margin:0; height:22px; width:90px;}
#menu ul li#restrito a 			{background-image:url(../img/btnRestrito.png); text-indent:-999em; overflow:hidden; text-decoration:none; display:block; position:absolute; left:0;top:0; margin:0; height:22px; width:136px;}
#menu ul.home li#home a, #menu ul.home li#home a:link, #menu ul.home li#home a:visited {background-position:0 -22px;}
#menu ul.empresa li#empresa a, #menu ul.empresa li#empresa a:link, #menu ul.empresa li#empresa a:visited {background-position:0 -22px;}
#menu ul.catalogo li#catalogo a, #menu ul.catalogo li#catalogo a:link, #menu ul.catalogo li#catalogo a:visited {background-position:0 -22px;}
#menu ul.representantes li#representantes a, #menu ul.representantes li#representantes a:link, #menu ul.representantes li#representantes a:visited {background-position:0 -22px;}
#menu ul.contato li#contato a, #menu ul.contato li#contato a:link, #menu ul.contato li#contato a:visited {background-position:0 -22px;}
#menu ul.restrito li#restrito a, #menu ul.restrito li#restrito a:link, #menu ul.restrito li#restrito a:visited {background-position:0 -22px;}


#conteudo{ text-align:left; padding:20px;}
#menuFlash{ position:absolute; margin:-325px 0 0 25px; *margin: -325px 0 0 -345px;}
#bolas{ position:absolute; margin:-140px 0 0 -15px; *margin: 45px 0 0 -130px;}
#cartola{ position:absolute; margin:175px 0 0 0px; *margin: 360px 0 0 -115px;}
#base{ color:#FFFFFF; font-size:12px;}
#wrapper {width:260px; margin:10px auto;}
.form {float:left; padding:0px 10px 3px 10px; border:1px solid #A6C0C8;}
.form label {float:left; width:50px; padding:5px 0 0 0;}
.form input {float:left; margin-top:3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; *margin-right:10px}
.form textarea {float:left; margin-top:3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; *margin-right:10px}
.form select {float:left; margin:3px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; *margin-right:10px}
.form .botao {margin-left:50px; border-bottom:1px solid #333333; border-right:1px solid #333333; border-left:1px solid #999999; border-top:1px solid #999999; background:#003366; color:#FFFFFF; font-weight:bold;}
.form .botao1 {margin-left:5px; border-bottom:1px solid #333333; border-right:1px solid #333333; border-left:1px solid #999999; border-top:1px solid #999999; background:#003366; color:#FFFFFF; font-weight:bold;}
#msg {display:none; position:absolute; z-index:200; background:url(../img/msg_arrow.gif) left center no-repeat; padding-left:4px}
#msgcontent {display:block; background:#E1EDEE; border:2px solid #4E8487; padding:5px; min-width:150px; max-width:250px}


#emp{ position:absolute; margin:80px 0 0 90px; *margin: 81px 0 0 -310px; overflow: hidden;}
#divemp { position: relative; width:440px; height:380px; overflow: auto; z-index: 1;}
#rep{ position:absolute; margin:80px 0 0 90px; *margin: 81px 0 0 -310px; overflow: hidden;}
#divrep { position: relative; width:440px; height:345px; overflow: auto; z-index: 1;}
div.scroll{ position: absolute; left: 0; top: 0; width: 95%; z-index: 2;}

/* <Scroll> */
div.track { position: relative; float:right; top: 0; width: 11px; height: 100%; font-size: 0; z-index: 3; background: #666666;}
div.drag_bar { position: absolute; width: 100%; height: 14px; cursor: pointer; z-index: 4; background: #CCCCCC; }