/* Resete de componentes */

*						{margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;}

/* Padrões de componentes */

html, body {font-family: tahoma,sans-serif;	color:#039;	}
body       {text-align:center; background-image: url("img/bg.gif"); background-repeat: repeat-x;}

a          {text-decoration: none; font-weight: bold; font-size:12px; }	
a:link     {color: #039;}/* #3d4242*/
a:visited  {color: #039;}
a:hover    {color: #F90;}
a:active   {color: #039;}
img        {border-color:#fff;}

a:link.menu    {color: #fff;}
a:visited.menu {color: #fff;}
a:hover.menu   {color: #fff;}
a:active.menu  {color: #fff;}

p          {font-size:11.5px;}
h1         {font-size:14px; color: #c00;}
h2         {font-size:12px; color: #039;}
h3         {font-size:10.7px; color: #039;}
h4         {font-size: 8px;}
h5         {font-size:10px; color: #555;}
h6         {font-size:13px; color: #FFF;}
li         {font-size:12px; color: #039;}

.paragrafo {margin-left:15px; margin-top:5px; margin-bottom:5px;}

/* interface padrao */

#logo      {position:absolute; top: 25px; width: 85px; left: 15px; height:50px; z-index:11;}
#iso9001   {position:absolute; top: 25px; width: 60px; left:700px; height: 60px; background: url(img/sgs.jpg) no-repeat; z-index:12;}
#escopo    {position:absolute; top: 40px; width:160px; left:760px; height: 40px; font-size: 10px; z-index:13;}
/* #barra     {position:absolute; top:120px; width:890px; height: 25px;  background: url(img/bgred.gif); z-index:14;}*/
#endereco  {position:absolute; top:125px; width:450px; left: 25px; height: 25px; z-index:25;}
#menugeral {position:absolute; top:118px; width:340px; left:560px; heigth: 25px; z-index:17;}

#animeProd {position:absolute; top:155px; width:870px; left: 10px; height:225px; z-index:16;}


/* layout 2 colunas */ 

.coluna1   {position:absolute; left: 20px; height:auto; width:590px;}
.coluna2   {position:absolute; left:640px; height:auto; width:240px;  margin-rigth:10px;}

/* layout 4 colunas */ 

.col1      {position:absolute; top:395px; left: 20px; width:200px;}
.col2      {position:absolute; top:395px; left:240px; width:200px;}
.col3      {position:absolute; top:395px; left:460px; width:200px;}
.col4      {position:absolute; top:395px; left:680px; width:200px;}

/* layout interface padrao */

#boxgeral  {position:relative; top: 50px; width:910px; background-color:#fff;  text-align:left; }

#bo        {position:fixed; top:  0px; width:100%;  height:100%; left:0px; background-color: #000;  
            visibility: hidden; overflow: hidden; z-index:1000;
						/* for IE */ filter:alpha(opacity=80);
						/* CSS3 standard */ opacity:0.8; }
							
#bi        {position:fixed; width:890px; height:450px; background-color: #fff; border: 1px solid red;
            left:50%; margin-left:-445px; top:50%; margin-top:-225px;
            visibility: hidden; z-index:1500;}
						
.moldura    {position: absolute; height: 25px; width:260px; background: url(img/celp.jpg) no-repeat;}/* 25 x 250 pixels */

.moldcol1  {position:absolute; left: 10px; width:207px;}
.moldcol2  {position:absolute; left:230px; width:207px;}
.moldcol3  {position:absolute; left:450px; width:207px;}
.moldcol4  {position:absolute; left:670px; width:207px;}
							
#frmInterno{position:absolute; top:155px;visibility: hidden; z-index:20000;}

/* recursos de navegacao */

#voltar    {position:absolute; top:420px; left: 25px; z-index:3000;}
#fechar    {position:absolute; top: 12px; left:810px; width: 70px; height: 20px; background: url(img/fechar.gif) no-repeat; padding-left: 15px; padding-top: 3px;z-index:3001;}
