﻿body
{
	margin: 0;
	text-align: justify;
	color: #2f2f2f;
	font-size: 9pt;
	font-family: "Trebuchet MS", Verdana, Arial;
	background: #5e5e5e url(../imagens/bg4.gif) repeat-x;
}
form
{
	margin: 0;
}
table
{
	border: 0;
	border-collapse: collapse;
}
table tr td
{
	padding: 0;
}
img
{
	border: 0;
}
a
{
	color: #000;
	text-decoration: none;
}
a:hover
{
	color: #f89d01;
	text-decoration: none;
}
p
{
	margin: 0;
	padding: 15px 3px 0 0;
}
ul li input, textarea
{
	margin: 0;
	width: 450px;
	float: left;
	border: solid 1px #a1a1a1;
}
ul li select
{
	font-size: 8.3pt;
	width: 450px;
}
.png
{
	behavior: url(../scripts/iepngfix.htc);
}
/***************** MASTER ************************/
#main
{
	width: 935px;
	margin: 0 auto;
}
#header
{
	/*	background: url(../imagens/top-menu-new.jpg) no-repeat; */
	height: 357px;
}
#top-menu
{
	height: 113px;
}
#logo
{
	float: left;
	width: 281px;
	height: 93px;
	padding-top: 20px;
	background: url(../imagens/topo_back_left.png) no-repeat;
}
#menu
{
	float: right;
	width: 654px;
	height: 113px;
}
#top-menu
{
	height: 113px;
}
#top-images
{
	margin-top: 7px;
	height: 237px;
	/* background: url(../imagens/top-topo-1.jpg) no-repeat; */
}
#content
{
	overflow: hidden; /* funçao super importante para que a div container cresca por igual as div internas */
	margin-top: 7px;
	background-color: #f3f3f3;
	padding: 15px;
}
#content h1
{
	background: url(../imagens/ponto.gif) left no-repeat;
	padding: 0 0 3px 29px;
	margin: 0;
}
#footer
{
	clear: both;
	margin-bottom: 10px;
	height: 90px;
	font-size: 8.3pt;
	background: url(../imagens/footer_repeat_2.gif) repeat-x;
	border: solid 1px #fff;
	color: #000;
}
/***************** ELEMENTS COMMONS ************************/
#box-left
{
	float: left;
	width: 495px;
	_width: 490px; /* IE6 */
	padding: 0 35px 0 0;
	_padding: 0 25px 0 0; /* IE6 */
	background: url(../imagens/ponto_repeat.gif) repeat-y right;
}
#box-right
{
	float: right;
	width: 350px;
}
#box-left-inverse
{
	float: left;
	width: 350px;
}
#box-right-inverse
{
	float: right;
	width: 495px;
	_width: 490px; /* IE6 */
	padding: 0 0 0 35px;
	_padding: 0 0 0 25px; /* IE6 */
	background: url(../imagens/ponto_repeat.gif) repeat-y left;
}
#box-cian-repeat
{
	padding: 10px 25px 0 25px;
	margin: 0;
	background: url(../imagens/box-cian-center.gif) repeat-y;
}
#box-cian-repeat h1
{
	background: url(../imagens/seta-title.gif) left no-repeat;
	padding-top: 3px;
	margin-top: 10px;
}
#box-cian-repeat h2
{
	padding: 0;
	margin: 10px 0 0 0;
	font-size: 9pt;
}
#box-cian-repeat .box-sep
{
	height: 20px;
	background: url(../imagens/ponto_sep.gif) bottom repeat-x;
}
/***************** FOOTER ************************/
#mini-menu
{
	width: 580px;
	padding: 22px 0 0 12px;
	float: left;
}
#mini-menu ul
{
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
	overflow: hidden;
}
#mini-menu ul li
{
	float: left;
	margin: 0;
	padding: 0 8px 0 8px;
	display: inline;
	border-right: solid 1px #000;
}
#mini-menu ul .no-border
{
	border: 0;
	padding: 0 0 0 8px;
	margin: 0;
}
#mini-menu a
{
	color: #fff;
	font-family: Tahoma;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}
#mini-menu a:hover
{
	color: #ff6600;
}
#mini-menu span
{
	padding-left: 8px;
}
#powered
{
	font-size: 7pt;
	text-align: center;
	width: 182px;
	height: 49px;
	float: right;
	padding-top: 29px;
	color: #fff;
}
/***************** DEFAULT ************************/
#box-newsletter
{
	width: 230px;
	height: 63px;
	padding: 27px 7px 0 73px;
	background: url(../imagens/box_newsletter.gif) no-repeat;
}
#box-newsletter input
{
	border: 0;
}
/***************** COMMOM ************************/
#default, #contact, #news, #view-news, #view-product, #gallery, #company, #downloads, #clients, #cases
{
	width: 100%;
	overflow: hidden;
}
.bor2
{
	padding: 3px;
	background-color: #fff;
	border: solid 1px #bfbfbf;
	margin-right: 7px;
}
.hr-h
{
	height: 30px;
	clear: both;
	width: 100%;
	margin: 0 7px 0 3px;
	background: url(../imagens/ponto_repeat.gif) center repeat-x;
}
.hr-h2
{
	height: 15px;
	clear: both;
	width: 100%;
	margin: 0 7px 0 3px;
	background: url(../imagens/ponto_repeat.gif) center repeat-x;
}
.date
{
	font-weight: bold;
	font-family: Tahoma;
	color: #990000;
}
.pd7
{
	padding-right: 7px;
}
.clear
{
	clear: both;
}
/***************** EMPRESA ************************/
ul#principios
{
	padding: 0 0 0 20px;
	list-style-image: url(../imagens/marcador.gif);
	margin: 0;
	line-height: normal;
}
ul#principios li
{
	margin: 10px 0 0 15px;
	font-weight: bold;
	padding: 0;
}
/***************** CONTATO ************************/
#contact ul, #news ul
{
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	list-style-type: none;
}
#contact ul li, #news ul li
{
	width: 100%;
	padding: 0;
	margin: 3px 3px 3px 0;
	float: left;
	display: inline;
}
/***************** CONTATO ************************/
#endereco
{
	width: 280px;
	float: right;
	margin-top: 13px;
}
#endereco p
{
	margin: 0;
	padding: 6px 0 4px 0;
}
#endereco p image
{
	padding: 8px 8px 0 0;
}
/***************** NOTICIAS ************************/
#noticias ul
{
	width: 100%;
	padding: 10px;
	display: inline;
	list-style-type: none;
}
#noticias ul li
{
	text-align: left;
	width: 100%;
	padding: 0;
	margin: 5px 0 5px 0;
	float: left;
	display: inline;
}
/***************** SUPPORT ************************/
#support ul
{
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
	list-style-type: none;
}
#support ul li
{
	text-align: center;
	float: left;
	display: inline;
	width: 48%;
	padding: 15px 5px 5px 5px;
	margin: 4px 4px 4px 2px;
	height: 140px;
	background-color: #fff;
}
#support ul li:hover
{
	background-color: #d1d1d1;
	color: #fff;
}
#support ul li image
{
	margin: 5px;
}
/***************** CLIENTS ************************/
#clients ul
{
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
}
#clients ul li
{
	float: left;
	width: 23%;
	display: inline;
	margin: 8px;
	padding: 0;
	text-align: center;
	height: 140px;
	border: solid 1px #d5d5d5;
	background-color: #fff;
}
#clients ul li:hover
{
	border: solid 1px #000;
	background-color: #f8f8f8;
}
#clients li img
{
	padding-top: 15px;
}
/***************** PRODUTOS ************************/
#products ul
{
	margin: 0 auto;
	padding: 0;
	width: 80%;
	list-style-type: none;
}
#products ul li
{
	float: left;
	width: 44%;
	display: inline;
	margin: 20px;
	padding: 10px 0;
	text-align: center;
	border: solid 1px #d5d5d5;
	background-color: #fff;
	height: 335px;
}
#products ul li:hover
{
	border: solid 1px #000;
	background-color: #f8f8f8;
}
#products li img
{
	padding-top: 15px;
}
#products li span.dsc
{
	font-family: Tahoma;
	font-size: 11pt;
	font-weight: bold;
	padding-left: 22px;
	text-transform: uppercase;
	background: url(../imagens/novo_marcador.png) left center no-repeat;
}
#products li span.bvd
{
	font-family: Tahoma;
	font-size: 8.3pt;
	font-weight: bold;
	clear: both;
	padding: 6px;
}
/***************** PRODUTOS ************************/ 
#view-product #box-l
{
	float: left;
	width: 590px;
	_width: 560px; /* IE6 */
	padding: 0 15px 0 0;
	_padding: 0 5px 0 0; /* IE6 */
}
#view-product #box-r
{
	float: right;	
	width: 290px;
	_width: 280px; /* IE6 */
}
#view-product h2
{
	font-family: Tahoma;
	font-size: 11pt;
	text-transform: uppercase;
	padding: 15px 0 0 0;
	margin: 0;
}
#view-product .img-product
{
	padding: 0 13px 0 5px;
}
#view-product ul#modulos
{
	margin: 0;
	padding: 0;
	width: 100%;	
	line-height: normal;
}
#view-product ul#modulos li
{
	float: left;
	width: 100%;
	display: inline;
	margin: 15px 0 6px 15px;
	padding: 0 0 0 20px;
	background: url(../imagens/apply.png) left no-repeat;
}
#view-product ul span
{
	font-weight: bold;
	text-transform: uppercase;
}
#view-product #ramo
{
	width: 100%;
	clear: both;
}
#view-product ul#ramos
{
	margin: 0;
	padding: 0;
	width: 100%;	
	line-height: normal;
}
#view-product ul#ramos li
{
	float: left;
	width: 43%;
	display: block;
	margin: 15px 0 6px 15px;
	padding: 0 0 0 20px;
	background: url(../imagens/bluecheck.gif) top left no-repeat;
}
#view-product ul#telas
{
	margin: 0;
	padding: 0;
	width: 100%;	
	line-height: normal;
}
#view-product ul#telas li
{
	float: left;
	width: 45%;
	display: block;
	margin: 18px 0 0 5px;
	padding: 0;
}
