/*
	main
	27/04/09
/* ---------------------------------------------*/

body {font:13px/1.5 "Trebuchet MS"; padding:0; margin:0 auto; color:#333; text-align:center; background:#fff url(/static/img/bg_default.png) repeat-x}

.container_12 {text-align:left}

a:link {color:#333; text-decoration:none;}
a:visited {color:#999; text-decoration:none;}
a:hover {color:#3c688a; text-decoration:underline;}

a.pdf:link, a.pdf:visited {display:block; margin:0; padding:5px 5px 4px 30px; font-size:12px; background:url(/static/img/ico_pdf.png) no-repeat 0 5px; }
a.pdf:hover {color:#3c688a; text-decoration:underline;}

p,dl,hr,table,address,fieldset {margin-bottom:15px;}
blockquote {margin-left:20px}

.cite {background:#f1f1f1; font:10px courier; padding:20px; color:#666}
.debug {border:1px solid #f00}
.home {background:#fff url(/static/img/bg_home.png) repeat-x}



/* headings
----------------------------------------------- */

h1 {font-size:30px; font-weight:bold; line-height:30px; color:#666; margin:0 0 20px;}
h1.title {font-size:42px; font-weight:normal; line-height:30px; color:#91cbd8; margin:10px 0 20px;}
h1.title span {display:block; letter-spacing:1.1px; font-size:18px; font-weight:normal; line-height:16px; color:#91cbd8; margin:5px 0 20px;}
h2.title {font-size:30px; font-weight:normal; line-height:26px; color:#3c688a; margin:0 0 10px;}
h2 {font-size:24px; font-weight:normal; line-height:26px; color:#333; margin:0 0 10px;}
h3 {font-size:18px; font-weight:bold; line-height:20px; margin-bottom:20px; color:#3c688a}
h3.title {font-size:18px; font-weight:bold; line-height:20px; margin-bottom:20px;}
h4 {margin:0; padding:0}
h4.circun {font-size:14px; font-weight:bold; margin:7px 0; line-height:20px; background:url(/static/img/circun.gif) no-repeat top right}
h3.circunfecha {font-size:18px; color:#666; font-weight:bold; margin:7px 0; line-height:20px; background:url(/static/img/circun_fechaduras.gif) no-repeat top right}

hr {border:0 #ccc solid; border-top-width:1px; clear:both; height:0;}



/* navigation
----------------------------------------------- */

.logo {margin-top:20px;}

.topnav {margin-top:27px; text-align:right}
.topnav ul {margin:0; padding:0;}
.topnav li {display:inline; list-style-type:none; margin:0; padding:0}
.topnav li a:link, .topnav li a:visited {color:#555; font-size:14px; padding:0 0 0 69px; margin:0; border:none; font-weight:normal; letter-spacing:0; text-decoration:none; display:block; float:left}
.topnav li:first-child a:link, .topnav li:first-child a:visited {padding-left:0;}
.topnav li a:hover {color:#3c688a}

.subnav {background:#fff; border:1px solid #fff; border-top:none; position:absolute; z-index:5; display:none}
.subnav ul {margin:0; padding:0;}
.subnav li {list-style-type:none; margin:0; padding:0;}
.subnav li a:link, .subnav li a:visited {color:#333; padding:5px 20px; margin:0; border-top:1px solid #fff; text-decoration:none; line-height:14px; display:block}
.subnav li a:hover {text-decoration:none; background:#f0eee8}

.breadcrumb ul {margin:0; padding:0;}
.breadcrumb li {display:inline; list-style-type:none; margin:0; padding:0}
.breadcrumb li a:link, .breadcrumb li a:visited {color:#333; font-size:12px; font-weight:bold; padding:25px 0 10px; margin:0; border:none; font-weight:bold; letter-spacing:0; text-decoration:none; display:block; float:left}
.breadcrumb li:first-child a:link, .breadcrumb li:first-child a:visited {padding-left:0;}
.breadcrumb li a:hover {color:#3c688a}

.crossnav {height:33px; vertical-align:middle; display:block}
.crossnav a:visited {color:#333; text-decoration:underline}
.crossnav a:hover {color:#002d63; text-decoration:underline;}
.crossnav span.master {background:#002d63; color:#fff; padding:6px 10px; margin-right:20px;margin-left:10px; display:block; float:left; font-weight:bold;}
.crossnav span.links {padding:6px; display:block; float:left}

.search {display:block; padding:6px 0 0 20px; text-align:right}
.search span {float:left}

.footer {margin-top:50px; padding-top:20px; border-top:1px solid #f1f1f1; font-size:12px; color:#999;}
.footer span.nav ul {margin:0; padding:0;}
.footer span.nav li {display:inline; list-style-type:none; margin:0; padding:0}
.footer span.nav li a:link, span.nav li a:visited {color:#999; font-size:12px; padding:0 10px; margin:0; border:none; font-weight:normal; letter-spacing:0; text-decoration:none; display:block; float:left}
.footer span.nav li:first-child a:link, span.nav li:first-child a:visited {padding-left:0;}
.footer span.nav li a:hover {color:#3c688a}



/* boxes
----------------------------------------------- */

.pgtitle {margin-top:35px; margin-bottom:35px; text-align:right}

.news {background:url(/static/img/home_novidades_bg.gif) no-repeat top right; margin-top:3px;}
.news p {line-height:14px;}

.ontem span.date {float:left; margin:-7px 20px 18px 0;}
.ontem p {display:block}

.grupo {text-align:right}

.certs {margin-top:25px}
.certs a:link, .certs a:visited {margin:0 0 0 20px; display:block; float:left}
.certstit {padding:0 20px 5px 0; border-right:1px solid #ccc; float:left}

.gerentes h2 {font-size:18px; font-weight:normal; color:#3c688a; margin:0 0 20px; border-top:5px solid #3c688a}
.gerentes h3 {font-size:14px; font-weight:normal; color:#666; margin:0 0 5px; border-bottom:1px solid #666}
.representantes h2 {font-size:18px; font-weight:normal; color:#91cbd8; border-top:5px solid #91cbd8}
.toto {margin-left:50px}

.lojas h2 {font-size:18px; font-weight:normal; color:#91cbd8; margin:0 0 20px; border-top:5px solid #91cbd8}

.prod h3 {color:#666}
.macaneta h3 {font-weight:normal; color:#333; margin:40px 0 20px; padding:7px 0 0; border-top:1px solid #ccc}
a.list:link, a.list:visited {width:90px; height:90px; border:1px solid #ccc; display:block; float:left; text-align:center; vertical-align:middle; padding-top:5px; margin-right:10px; margin-bottom:10px;}
a.list:hover {border:1px solid #3c688a;}

a.ficha:link, a.ficha:visited {background-color:#f00; display:block; text-align:center; vertical-align:middle; padding:5px; color:#fff; background-color:#3c688a;}
a.ficha:hover {background-color:#3c688a;}

.familia {margin-bottom:30px}
.familia h2 {color:#3c688a; margin-bottom:10px}
.linhas h3 {color:#3c688a; margin-bottom:20px; padding-bottom:5px; border-bottom:1px solid #3c688a; text-align:center}
#linha-desc {position:absolute; background:none; padding:0; z-index:100;}
.linhas_cadeados {width:110px; float:left; display:block; text-align:center;}
.linhas_cadeados h4 {color:#3c688a; margin-bottom:20px; padding-bottom:5px; border-bottom:1px solid #3c688a; text-align:center}
.linhas span.tit {text-align:left; display:block; margin:0; padding:0; font-size:14px; line-height:14px; color:#3c688a; font-weight:bold; height:40px;}
.linhas span.subtit {text-align:left; display:block; margin:0; padding:0; font-size:12px; line-height:12px;}

.linhas_moveis {width:150px; height:230px; margin:0 20px 0 0; float:left; display:block; text-align:left;}
.linhas_moveis span.tit {text-align:left; display:block; margin:0; padding:0; font-size:14px; line-height:14px; color:#3c688a; font-weight:bold; height:20px;}
.linhas_moveis span.subtit {text-align:left; display:block; margin:0; padding:0; font-size:12px; line-height:12px;}

.linhas_complemento {width:180px; height:170px; margin:0 20px 0 0; float:left; display:block; text-align:left;}
.linhas_complemento span.tit {text-align:left; display:block; margin:0; padding:0; font-size:14px; line-height:14px; color:#3c688a; font-weight:bold; height:30px;}
.linhas_complemento span.subtit {text-align:left; display:block; margin:0; padding:0; font-size:12px; line-height:12px;}

.linhas_trava {height:220px; float:left; display:block; text-align:left;}
.linhas_trava h3 {height:30px; font-size:16px; line-height:18px;}
.linhas_trava span.tit {text-align:left; display:block; margin:10px 0 0 0; padding:0; font-size:14px; line-height:14px; color:#3c688a; font-weight:bold;  height:20px;}
.linhas_trava span.subtit {text-align:left; display:block; margin:0; padding:0; font-size:12px; line-height:12px;}

.linhas_dobradica {height:170px; float:left; display:block; text-align:left;}
.linhas_dobradica h3 {font-size:16px; line-height:18px; width:190px;}
.linhas_dobradica span.tit {text-align:left; display:block; margin:10px 0 0 0; padding:0; font-size:14px; line-height:14px; color:#3c688a; font-weight:bold; height:40px;}
.linhas_dobradica span.subtit {text-align:left; display:block; margin:0; padding:0; font-size:12px; line-height:12px;}

.cadeado h4 {color:#333; font-weight:bold; margin-bottom:10px; padding-bottom:5px; border-bottom:5px solid #91cbd8;}
.detalhar_head {border-bottom:5px solid #91cbd8; margin:10px 0}

.listlinha {display:inline-block; vertical-align:top; text-align:center; margin:5px; padding:0; width:80px; height:130px;}
.listlinha span.tit {text-align:center; display:block; margin:0; padding:0; font-size:11px; line-height:15px}
.listlinha a:link, .listlinha a:visited {display:block; text-align:center; vertical-align:top; padding-top:5px; margin:0;}
.listlinha a:hover {}

.tab {margin-left:90px}

.opt {background:url(/static/img/circun.gif) no-repeat top right}
.opt ul {margin:10px 0; padding:0;}
.opt li {display:inline; list-style-type:none; margin:0; padding:0}
.opt li a:link, .opt li a:visited {width:135px; color:#999; font-size:18px; text-align:right; padding:5px 0; margin:0 5px 0 0; border-bottom:1px solid #ccc; font-weight:normal; letter-spacing:0; text-decoration:none; display:block; clear:both; float:right}
.opt li a:hover {color:#91cbd8}
.opt li a:link.active, .opt li a:visited.active {color:#91cbd8}

ul {text-align:left; margin:0; padding:0;}
li {margin:0; padding:0 0 10px 10px; display:block; list-style-type:circle}

.video {text-align:right; margin-top:10px;}

.timeline {margin-top:60px;}
.efe {font-size:11px;}
.linha {height:20px;margin-bottom:20px;display:block;}

.certificacoes h2 {font-size:18px; font-weight:normal; color:#91cbd8; margin:50px 0 20px; border-top:2px solid #91cbd8}

.slide {padding:0; margin:0; text-align:center; display:block;} 

.fechaduras h1 {font-size:30px; font-weight:bold; margin-bottom:10px; padding-bottom:5px; border-bottom:5px solid #91cbd8;}
.fechaduras h4 {font-size:14px; color:#333; font-weight:bold; margin-bottom:10px; padding-bottom:5px; border-bottom:5px solid #91cbd8;}
.acab ul {margin:0; padding:0;}
.acab li {display:inline; margin:0; padding:0; list-style-type:none;}
.acab li a:link {font-size:14px; padding:5px 0; margin:0 5px 0 0; font-weight:normal; letter-spacing:0; text-decoration:none; display:block;}
.acab li a:visited {font-size:14px; padding:5px 0; margin:0 5px 0 0; font-weight:normal; letter-spacing:0; text-decoration:none; display:block;}
.acab li a:hover {}



/* Forms
----------------------------------------------- */

form {margin:0; padding:0;}
input[type="text"] {margin:0 5px; padding:2px; height:22px; width:250px; border:1px solid #999; float:left}
input[type="image"] {margin:0; padding:0; float:left}
.button {margin:0 10px 0 0; padding:0 3px 2px 3px; height:22px; color:#fff; background:#002d63; border:none; font-size:11px; font-weight:bold;}
select {margin:2px 0; padding:2px; border:1px solid #666; color:#333; width:220px}
textarea {margin:0 10px 0 0; padding:2px; border:1px solid #666;}

div.row {clear: both; padding-top: 5px;}
div.row span.label {float: left; width: 200px; text-align: left; font-weight: bold;}
div.row span.field {float: right; width: 500px; text-align: left;}
div.row span.help_text {font-size: 10px;}
div.row span.field input {width:345px; margin: 0px; border: 1px solid #666;}
div.row span.field textarea{width:348px; height: 250px; margin: 0px; border: 1px solid #666;}


/* JQuery Tooltip
----------------------------------------------- */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #eee;
	background-color: #f1f1f1;
	padding: 5px;
	opacity: 0.85;	
}
#tooltip h3, #tooltip div { margin: 0; font-size:12px; color:#666}