@charset "utf-8";
/* CSS Document */


#bloco_total {
margin: 0 auto;
width:865px;
}

body{
background:url(Images/background/background.png) repeat-x #58554F;
font-family:Arial, Helvetica, sans-serif;
margin: 0;
padding:0;
}

a {
color: #FFFFFF;
text-decoration:none;
}

/**/

#superior_esquerdo {
background:url(Images/teste%20sombra/shadow_left_top.png) no-repeat left top;
padding-left:30px;
}

#line_superior {
background:url(Images/teste%20sombra/line_shadow_top.png) repeat-x top ;
padding-top: 33px;
}

#shadow_right_top {
background:url(Images/teste%20sombra/shadow_right_top.png) top right no-repeat;
padding-right: 53px;
}

/**/


/**/
#shadow_left_bottom {
background:url(Images/teste%20sombra/shadow_left_bottom.png) top left no-repeat;
padding-left: 31px;
}


#line_inferior {
background:url(Images/teste%20sombra/shadow_bottom_transparency.png) top repeat-x;
padding-top: 44px;
}

#shadow_right_bottom {
background:url(Images/teste%20sombra/shadow_right_bottom.png) top right no-repeat;
padding-right: 53px;
}
/**/

#line_left {
background: url(Images/Painel/line_left.jpg) left repeat-y;
padding-left: 13px;
}

#line_shadow_right {
background: url(Images/teste%20sombra/shadow_right_transparency.png) right repeat-y;
padding-right: 53px;
}

#meio {
background: #A1A09E; 
height: 328px;
}

#conteudo {
float:left;
margin-top:20px;
width:100%;
}

/**/

#menu {
padding-right: 42px;

}

#menu ul {
list-style: none;
margin: 0;
padding:0;
}


#menu ul li {
float: right; 
margin: -13px 0 0 0;
padding:0;
}

#menu ul li a {
width: 82px;
height: 27px;
display: block;
font-size: 0;
margin-left: 10px;
line-height:0;
}

a#home {
background: url(Images/Buttons/home.png) no-repeat;
}

a#home:hover, a#home:active {
background: url(Images/Buttons/Hover_and_active/home_light.png) no-repeat;
}

#A_empresa {
background:url(Images/Buttons/A_empresa.png) no-repeat;
}

#A_empresa:hover, #A_empresa:active {
background:url(Images/Buttons/Hover_and_active/Aempresa_light.png) no-repeat;
}

#portfolio {
background:url(Images/Buttons/Portfolio.png) no-repeat;
}

#portfolio:hover, #portfolio:active {
background:url(Images/Buttons/Hover_and_active/portifolio_light.png) no-repeat;
}

#produtos{
background:url(Images/Buttons/Produtos.png) no-repeat;
}

#produtos:hover, #produtos:active{
background:url(Images/Buttons/Hover_and_active/produtos_light.png) no-repeat;
}

#servicos{
background:url(Images/Buttons/Servicos.png) no-repeat;
}

#servicos:hover, #servicos:active{
background:url(Images/Buttons/Hover_and_active/servicos_light.png) no-repeat;
}

#contato {
background:url(Images/Buttons/Contato2.png) no-repeat;
}

#contato:hover, #contato:active {
background:url(Images/Buttons/Hover_and_active/Contato_light2.png) no-repeat;
}

/**/

#reflex_base {
background:url(Images/background/shadow_transparency_base.png) no-repeat;
padding-top: 83px;
margin-top: -23px;
}

/**/

#logo_fabrica {
background:url(Images/logo_fabrica_topo/logo_fabrica2.png) no-repeat left bottom;
height: 70px;
width:250px;
margin-left:12px;
margin-top: 30px;
margin-bottom:10px;
float:left;
font-size:0px;
}

#helpdesk {
height:61px;
width: 479px;
margin-right:8px;
float: right;
background:url(Images/Buttons/Help_desk_dark2.png) no-repeat;
}

#transition {
width:82px;
float: left;
}

#transition a {
display: block;
height: 34px;
width:82px;
font-size: 0;
line-height:0;
}

#transition a:hover, #transition a:active {
background: url(Images/Buttons/Hover_and_active/Help_Desk_light.png) no-repeat;
}

/**/

#login {

width: 333px;
float: right;

}


#OKtransition {
width:22px;
float: right;
margin-right: 37px;
margin-top: 11px;
float:right;
}

#OKtransition a {

background:url(Images/Buttons/Ok_light.png) no-repeat;
display: block;
height: 13px;
width: 22px;
font-size: 0;
line-height: 0;
vertical-align: middle;

}

#OKtransition a:hover, #ok a:active {
background:url(Images/Buttons/Hover_and_active/Ok_Dark3.png) no-repeat; 
}

#usuario_text {
font-size:10px;
color:#383838;
width: 104px;
height: 13px;
text-align: justify;
background:none;
margin-top:8px;
border:none;
float: left;
}

#senha_text {
font-size:10px;
color:#383838;
width: 92px;
height: 13px;
text-align: justify;
background:none;
margin-top:8px;
border: none;
float: left;
margin-left: 61px;
}
/**/




