/*  Initial parameters  */
html {
background-color:#EBEFF0;
background-image:url(../imgs/background.jpg);
background-repeat: repeat-x;
}
a {
color:#355C85;
text-decoration:none;
}
#custom-doc {
margin:auto;text-align:left; /* leave unchanged */
width:59.23em;/* non-IE */
*width:57.80em;/* IE */
min-width:770px;/* optional but recommended */
}
div.margins {
padding:0 20px 20px 20px;
}
/*  Header  */
div#hd {
padding:0px;
}
div#hd h1 {
float:left;
}
div#hd h1 a {
display:block;
width:167px;
height:150px;
background-image:url(../imgs/logo.jpg);
}
div#hd h1 a span {
display:none;
}
/*  Navegacao  */
ul#nav {
float:left;
margin-top:76px;
}
li.first-level {
float:left;
}
li.first-level a {
display:block;
height:38px;
}
li.first-level a span {
display:none;
}
li#nav-produtos a {width:112px; background-image:url(../imgs/nav-produtos.jpg);}
li#nav-clientes a {width:89px; background-image:url(../imgs/nav-clientes.jpg);}
li#nav-aempresa a {width:99px; background-image:url(../imgs/nav-aempresa.jpg);}
li#nav-orcamento a {width:103px; background-image:url(../imgs/nav-orcamento.jpg);}
li#nav-localizacao a {width:109px; background-image:url(../imgs/nav-localizacao.jpg);}
li#nav-contato a {width:91px; background-image:url(../imgs/nav-contato.jpg);}
li#nav-produtos a:hover {width:112px; background-image:url(../imgs/nav-produtos.jpg); background-position: 0px 38px;}
li#nav-clientes a:hover {width:89px; background-image:url(../imgs/nav-clientes.jpg); background-position: 0px 38px;}
li#nav-aempresa a:hover {width:99px; background-image:url(../imgs/nav-aempresa.jpg); background-position: 0px 38px;}
li#nav-orcamento a:hover {width:103px; background-image:url(../imgs/nav-orcamento.jpg); background-position: 0px 38px;}
li#nav-localizacao a:hover {width:109px; background-image:url(../imgs/nav-localizacao.jpg); background-position: 0px 38px;}
li#nav-contato a:hover {width:91px; background-image:url(../imgs/nav-contato.jpg); background-position: 0px 38px;}
li#nav-produtos a.selected {width:112px; background-image:url(../imgs/nav-produtos.jpg); background-position: 0px 76px;}
li#nav-clientes a.selected {width:89px; background-image:url(../imgs/nav-clientes.jpg); background-position: 0px 76px;}
li#nav-aempresa a.selected {width:99px; background-image:url(../imgs/nav-aempresa.jpg); background-position: 0px 76px;}
li#nav-orcamento a.selected {width:103px; background-image:url(../imgs/nav-orcamento.jpg); background-position: 0px 76px;}
li#nav-localizacao a.selected {width:109px; background-image:url(../imgs/nav-localizacao.jpg); background-position: 0px 76px;}
li#nav-contato a.selected {width:91px; background-image:url(../imgs/nav-contato.jpg); background-position: 0px 76px;}
ul#nav li ul {
position:absolute;
left:-999em;
}
ul#nav li:hover ul#subnav, ul#nav li.over ul#subnav {
left:auto;
}
ul#subnav li a, ul#subnav li a:hover {
width:219px;
height:10px;
text-indent:0px;
padding:5px 0 12px 13px;
}
ul#subnav li a {background:#335D85; color:#FFFFFF;}
ul#subnav li a:hover {background:#396795;}
/*  Estrutura  */
div#white-ruler {
float:left;
margin-top:7px;
background-color:#FFFFFF;
display:block;
width:603px;
height:29px;
}
div#bd {clear:both; background-color:#FFFFFF; width:770px;}
/*  Página Principal  */
div#primary-content p {padding:18px 3px 8px 3px;}
div#secundary-content div.yui-u img, div#secundary-content div.yui-u p {float:right;}
div#secundary-content div.first img, div#secundary-content div.first p {float:left;}
div#secundary-content p {
width:324px;
background-color:#EAEDF2;
padding:20px 13px 20px 13px;
margin-top:5px;
}
div#secundary-content p a:hover {
text-decoration:underline;
}
/*  Footer  */
div#ft {
font-size:77%;
background-color:#FFFFFF;
padding-top:20px;
}
div#ft p {
text-align:center;
margin:0px 0 3px 0;
}
div#ft p a {
text-transform:uppercase;
text-decoration:none;
}
div#ft p a:hover {
text-transform:uppercase;
text-decoration:underline;
}
div#ft span.space-pipe {
margin:0px 5px;
}
div#ft p#ft-nav {
border-top:1px solid #EBEFF0;
border-bottom:1px solid #EBEFF0;
padding:10px 0;
}
/*  Main Content - Common Elements  */
h2 {
font-size:153.9%;
color:#345B82;
font-weight:bold;
text-transform:uppercase;
margin:0 0 15px 20px;
}
.intro-text {
margin:0 20px 10px 20px;
line-height:20px;
}
.success-text {
padding:10px 20px;
color:#FFFFFF;
font-weight:bold;
background-color:#0066FF;
border:1px solid #003366;
}
/*  Category & Products */
.category, .product {
display:block;
float:left;
font-size:85%;
margin:10px 0 20px 19px;
text-decoration:none;
color:#000;
}
.category {width:168px; height:125px;}
* html .category {width:168px; height:125px;}
.product {width:226px; height:163px;}
.category h3, .product h3 {margin:5px 0 0 0;}
.category:hover h3, .product:hover h3 {text-decoration:underline;}
#about-product {margin:0 20px 0 20px;}
#product-image {width:449px;}
#product-image p {
font-size:85%;
text-transform:uppercase;
margin-top:5px;
}
#product-description {width:261px;}
#product-description div {height:184px;}
dt {
margin-top:8px; 
font-weight:bold;
}
#product-description div#product-orcamento-bt {height:76px;}
#product-description div#product-orcamento-bt a {
display:block;
width:262px;
height:76px;
background-image:url(../imgs/product-orcamento-bt.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
}
#product-description div#product-orcamento-bt a:hover {
background-position: 0px -76px;
}
#product-description div#product-orcamento-bt a span {
display:none;
}
#product-details {
margin:20px;
}
#product-details dl {
float:left;
width:350px;
}
#product-details dl dd {
line-height:20px;
margin-bottom:8px;
}
/* RELATED PRODUCTS */
#related-products {
margin:20px;
}
#related-products div#related {
width:712px;
height:139px;
padding:15px 0 15px 18px;
background-color:#EAEDF2;
}
* html #related-products div#related {
width:730px;
padding:15px 0 15px 0;
}
#related-products div#related a {
display:block;
float:left;
width:160px;
height:139px;
margin-right:18px;
color:#000;
text-decoration:none;
text-transform:uppercase;
font-size:85%;
}
* html #related-products div#related a {
padding:0 0 0 18px;
margin:0;
}
/*  Clientes  */
#clients {
margin:20px 0;
}
.clients-column ul {
border-left:1px solid #EAEDF2;
}
div#clients div.first dl {
border-left:0px;
margin:0 0 0 20px;
}
.last dl {
margin:0 20px 0 0;
}
.clients-column dl dt {
text-align:center;
margin:0 0 5px 0;
padding:0 30px;
height:40px;
}
.clients-column dl dd {
text-align:center;
font-size:85%;
text-transform:uppercase;
color:#333333;
height:50px;
margin-bottom:10px;
}
.clients-column dl li a {
display:block;
text-align:center;
height:20px;
padding:10px 0 10px 0;
}
.clients-column dl li a:hover {
background-color:#EAEDF2;
}
/*  Instalações  */
#instalacoes {
margin:20px;
}
#instalacoes img.instalacoes-img {
width:169px;
height:110px;
float:left;
margin:0 10px 10px 0;
background-color:#6633CC;
}
* html #instalacoes img.instalacoes-img {
margin:0 0 12px 12px;
}
.instalacoes-title {
margin:0 100px 10px 0;
}
/* Orçamento */
p.legenda {
width:590px;
font-size:85%;
text-align:right;
margin-top:30px;
}
#form-orcamento {
margin:20px;
width:575px;
}
.md-field {
color:#FF0000;
}
#form-orcamento fieldset label {
display:block;
float:left;
width:220px;
padding:7px 5px 7px 0;
text-align:right;
margin-bottom:15px;
}
#form-orcamento fieldset input, #form-orcamento fieldset select, #form-orcamento fieldset textarea {
display:block;
float:left;
width:335px;
padding:5px;
font-size:116%;
margin-bottom:15px;
}
#form-orcamento fieldset select {
width:60px;
margin:0 290px 23px 0;
padding:4px;
}
#form-orcamento fieldset input#cnpj {
width:122px;
}
#form-orcamento fieldset input#ddd {
width:18px;
}
#form-orcamento fieldset input#telefone {
width:65px;
margin:0 220px 15px 5px;
}
#form-orcamento fieldset textarea {
height:130px;
}
#form-orcamento fieldset input#bt-enviar {
width:85px;
float:right;
color:#FFFFFF;
background-color:#325C84;
border:0;
text-transform:uppercase;
font-size:85%;
}
/* Localização */
#mapa {
margin:20px;
}
#localizacao-texto {
margin:0 20px;
}
#localizacao-texto div {
margin:0;
}
#localizacao-texto div#endereco {
margin-right:14px;
}
#endereco p, #pt-referencia p {
background-color:#EAEDF2;
padding:10px 0 0 10px;
height:90px;
}
/* Contato */
#form-contato {
margin:20px;
width:575px;
}
#form-contato fieldset label {
display:block;
float:left;
width:220px;
padding:7px 5px 7px 0;
text-align:right;
margin-bottom:15px;
}
#form-contato fieldset input, #form-contato fieldset select, #form-contato fieldset textarea {
display:block;
float:left;
width:335px;
padding:5px;
font-size:116%;
margin-bottom:15px;
}
#form-contato fieldset select {
width:60px;
margin-right:250px;
padding:4px;
}
#form-contato fieldset input#ddd {
width:18px;
}
#form-contato fieldset input#telefone {
width:65px;
margin:0 220px 15px 5px;
}
#form-contato fieldset textarea {
height:130px;
}
#form-contato fieldset input#bt-enviar {
width:120px;
float:right;
color:#FFFFFF;
background-color:#325C84;
border:0;
text-transform:uppercase;
font-size:85%;
}



#srp {
	font-size: 85%;
	margin:0 20px;
}

	#srp td {
		padding: 5px;
	}

	#srp tr.head {
		background-color: #345B82;
		text-transform: uppercase;
		font-weight: bold;
		color: white;
	}
	
	#srp tr.on {
		background-color: #EAEDF2;
	}