/* global */
html{height: 100%;}

body {font-family: arial, sans-serif; padding:0px; margin:0px; font-size:.78em; /*background:#3F3F3F url(../img/pattern.png) repeat;*/ background-color:#000000; color:#555;}

p {margin: 0px; padding: 0px 0px 16px 0px; line-height: 1.5em;}
h1, h2, h3, h4 {font-family: tahoma, arial, sans-serif; font-size: 120%; letter-spacing: .1em;  padding: 7px 0px 5px 0px; margin: 0px 0px 12px 0px; color: #555;}
h4 {font-family: arial, sans-serif; font-size: 110%; color: #555;}
h5 {font-family: arial, sans-serif; font-size: 110%; color: #FF0000;}
img{ border: 0px; margin: 0px; padding: 0px;}
a{outline: none;}
form{padding: 0; margin: 0;}


/* image positioning - left, right and center */
.left {float: left; border-right: 18px solid; background-image: url(../img/bck_black.jpg);}
.right {float: right; border-left: 18px solid;}
.center {display: block; text-align: center; margin: 0 auto;}
.left, .right{border-color: #FFF;}

/* block quote */
blockquote{margin: 20px 0px 20px 0px; padding: 10px 20px 0px 20px; border-left: 8px solid #4D4D4D;}

/* unordered list */
ul {margin: 2px 0px 18px 16px; padding: 0px;}
ul li {list-style-type:square; margin: 0px 0px 6px 0px; padding: 0px;}

/* ordered list */
ol {margin:8px 0px 0px 24px; padding:0px;}
ol li {margin:0px 0px 11px 0px; padding:0px;}

/* margin lefts / margin rights - to centre content */
#main, #footer, #logo, #menubar, #site_content{margin-left:auto; margin-right: auto;}


/* Header */
#header {position:relative; width:776px; left:50%; margin: 0 0 0 -388px;  text-align:center; *z-index:800;}
#container {position:relative; width:776px; left:50%; margin: 0 0 0 -388px; background: #FFF url(../img/main.png) repeat-y; color: #555;}
/* Header */


/* logo */
#logo{width:760px; height:170px; background:#444 url(../img/bg_topo.jpg) no-repeat left center; color:#FFF;}


/* main container */
#main {position:relative; width:776px; left:50%; margin: 0 0 0 -388px; background: url(../img/main.png) repeat-y;}


/* Menu */
#menubar {background: #686868 url(../img/menu.png) repeat; width: 760px; border-top: 1px solid #7D7D7D; height: 40px;} 
ul#menu{margin:0px;}
ul#menu li {float:left; margin:0px; padding:0px; list-style:none;} 
ul#menu li a{font-family:verdana, sans-serif; display:block; float:left; height:40px; text-decoration:none; padding:12px 45px 0px 46px; text-align:center; border-right:1px solid #7D7D7D; background:transparent; color:#AAA;} 
ul#menu li a:hover{color:#F7C901;}
/* Menu */


/* main content */
#LEFT{width:200px; float:left; margin:0 0 0px 10px; clear:both;}
#RIGHT{width:500px; float:left; margin:10px 0 10px 30px; * margin:15px 0 10px 10px;}
/*#site_content {position:relative; width:760px; left:50%; margin:10px 0 0 -380px; overflow: hidden; } */


/* LEFT  */
.sidebar {float:left; width:190px; padding:15px 15px 15px 15px;}
.sidebaritem {text-align:left; width:190px; float: eft; margin:0px 0px 15px 0px;}
.sidebaritem h1, .sidebaritem h3, .sidebaritem p{margin: 8px 10px 10px 12px;}
.sidebaritem ul {border-top:1px solid #D4D4D4; width:160px; padding-top:4px; margin:4px 0px 15px 14px;}
.sidebaritem li {list-style:none; padding:0px 0px 4px 0px; border-bottom:1px solid #D4D4D4;}
.sidebaritem li a, .sidebaritem li a:hover {height:16px; text-decoration:none; background:transparent url(../img/arrow.png) no-repeat left center; color: #555; padding: 0px 0px 0px 12px; display: block;} 
.sidebaritem li a:hover {color:#000000;} 
.sidebaritem li a.current, .sidebaritem li a:hover, .sidebaritem li a.current:hover {background: transparent url(../img/arrow_select.png) no-repeat left center;} 
/* LEFT  */


/* footer */
#footer {position:relative; width:760px; height:42px; left:50%; margin: 10px 0 0 -380px; padding:28px 0px 0px 0px; text-align:center; border-top:3px solid #F2F2F0; background:#686868 url(../img/menu.png) repeat; color:#AAA;}
#footer a{background:transparent; color:#FFF;}
#footer a:hover{background:transparent; color:#AAA;}
#footerContant{height:42px;}
/* footer */


/* Borda aredondada */
/* Based on Nifty Corners: rounded corners without images */
/* By Alessandro Fulciniti */
/* http://www.html.it/articoli/nifty/index.html */
.rtop, .rbottom{display:block; background: #E5E5E5;}
.rtop .r1, .rtop .r2, .rtop .r3, .rtop .r4, .rbottom .r1, .rbottom .r2, .rbottom .r3, .rbottom .r4
{display: block; height: 1px; overflow: hidden; background: #FFF;}
.r1{margin: 0 5px;}
.r2{margin: 0 3px;}
.r3{margin: 0 2px;}
.rtop .r4, .rbottom .r4 {margin:0 1px; height: 2px;}


/* sNews */
fieldset, .comment, .commentsbox {margin-bottom: 10px; background: transparent; color: #444;}
fieldset {border: 1px solid #D4D4D4; padding: 10px 8px;}
input{padding: 2px;}
textarea {width: 90%; height: 200px; padding: 3px;}
.comment {background: #F1F1F1; color: #444;}
.date {border-top: 1px solid #D4D4D4; margin: 15px 0px 5px 0px; font-weight: bold;}
/* sNews */


/* Content */
#content {text-align:left; width:470px; *width:500px; padding:8px 15px 8px 15px; z-index:900;}
#content a {background:transparent; color:#555; border-bottom:1px dotted;}
#content a:hover {background:transparent; color:#A4A4A4;}
#content a, #content a:hover, #footer a, #footer a:hover{text-decoration: none;}
#content sup{font-size:11px; color:#000000;}
#content ul#logos{position:relative; width:450px; margin:0 0 10px 0; }
#content ul#logos li{list-style-type:none; display:inline; margin:0; text-align:center;}
#content #boxHome{width:440px; display:block; float:left; margin:10px 0 10px 0;}
#content #boxHome table{font-size:13px; color:#555;}
#content #boxHome .leiamais a{width:294px; display:block; float:right; padding:1px 0 2px 0; margin:6px 0 10px 0; border-top:1px solid #555; border-bottom:1px solid #555;}
#content #boxHome .leiamais a:hover{color:#000000; background-color:#ECECEC;}
#content #boxHome .peq {font-size:10px; font-weight:bold;}
#content img.floatL{float:left; margin:0 24px 40px 0;}
#content img.floatR{float:right; margin:0 2px 20px 0;}
#content p.titConteudo{font-family:arial, sans-serif; font-size:114%; color:#555;  font-weight:bold;}
#content span.subtitConteudo{font-family:arial, sans-serif; font-size:12px; color:#555;  font-weight:bold;}
#content span.txtConteudo{font-weight:normal; text-align:justify;}
.sidebaritem, #content{background:#FFF;}
/* Content */


/* Content Lightbox */
#content-lightbox{
position:relative; width:776px; left:50%; margin: 0 0 0 -388px;  text-align:center;
background-color:#ffffff;
position: absolute;
top: 0;
padding:10px;
border: 1px solid black;
display: none;
color:#fff;
font:16px arial;
clear:both;
z-index:1000;
}

#content-lightbox a.fechar{font:12px arial; color:#141088; margin:0 15px 0 0; text-decoration:none;}
#content-lightbox a:hover.fechar{color:#000000;}
/* Content Lightbox */


/* Certificacoes */
#content #boxHome ul#certificacoes{width:430px; display:inline; float:left; margin:10px 0 10px 0;}
#content #boxHome ul#certificacoes li{width:170px; height:270px; display:inline; text-align:center; float:left; margin:10px 40px 20px 0;}
#content #boxHome ul#certificacoes li a{width:170px; height:270px; display:block; text-decoration:none; border:1px solid #c5c5c5; padding-top:8px;}
#content #boxHome ul#certificacoes li a:hover{color:#000000; border:1px solid #c5c5c5; background-color:#E5E5E5;}
/* Certificacoes */


/* Caracteristicas */
#content #boxHome ol#caracteristicas{width:440px; float:left; margin:0 0 20px 0;}
#content #boxHome ol#caracteristicas li{float:left; list-style-type:none; margin:0 0 6px 0; background:transparent url(../img/arrow.png) no-repeat left 12%; padding-left:18px;}
#content #boxHome span.titCaracteristicas{width:440px; float:left; margin:10px 0 2px 0; font-weight:bold;}
#content #boxHome span.txtCaracteristicas{width:440px; float:left; margin:2px 0 2px 0; font-weight:normal;}


/* pop-up */
#popup{
		position: absolute;
		top: 25%;
		left: 30%;
		width: 320px;
		height: 270px;
		padding: 1px;
		border: 1px solid black;
        background:#fff;
		}
#popup a {font:10px tahoma; text-decoration:none; color:#000; font-weight:bold;}
#popup a:hover {color:#fff;}
#popup h2{position:absolute; right:8px; top:3px;}