/* Powered by | BRANDE DO BRASIL - Serviços de Internet
   Site: WWW.BRANE.COM.BR
   Tel: +55 11 - 3361-2162
*/


body  { color: #000; margin:0px; padding:0px; background:#E6E7E9 url('/img-layout/img-background-content.jpg') repeat-x; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:18px; }
h1    { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #230759; line-height: 22px}
.wit    {font-family: Century Gothic; font-size:31px;  font-weight: normal; color:#ffffff; padding-left: 11px; padding-top: 5px; line-height: 28px; margin: 0px;}
h2    { font:18px Arial, Helvetica, sans-serif; color:#230759; line-height: 22px;}
p, li, td {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px}
td {font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial}

A {text-decoration:underline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px;color: #003366  }
A:visited {text-decoration:underline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px;color: #003366 }
A:hover {text-decoration:underline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px;color: #003366 }

img   { border:0px; }
.intro { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 18px}
.kop {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #230759; line-height: 22px}
.kop2 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: lighter; color: #230759; line-height: 22px}
.kop3 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #230759; line-height: 18px;}

.kop3a {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 18pt; font-weight: normal; color: #003366}
.kop4, .kop4 a, kop4 a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #230759; line-height: 18px; padding-top: 0px; margin: 0px;}
kop4 a:hover {font-size: 16px; font-weight: bold; color: #230759;}
.kop5 {float: left; margin-top: 0px; margin-bottom: 20px;}

.kop4 {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #003366; line-height: 13px}
.subKop {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #230759; line-height: 18px; font-weight: bold;}
.foto
{
   border: 1px solid black;
}
.separator { font-family: Verdana, Arial; font-size: 9px; line-height: 22px; color: #AAAAAA}
.copy {   font-weight: normal;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 15px; color: #666666}
.humanacademy {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 16px; font-weight: bold; color: #000000}
.bodystreep {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #003366}
.subtekst {
	font-family: arial;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

/* Home Page */

#main {position: relative; float: left; width: 100%; height: 100%; background: #ffffff; font:10px futura; }


.double-block-white {position: relative; float: left; width: 48%; height: 33%; background: #ffffff; border: 0px solid #ffffff; margin: 0px; padding: 0px;}
.block-white, .block-commotional, .block-personallab, .block-worklab, .block-coaching, .block-winwork, .block-locations {position: relative; float: left; width: 24%; height: 33%; border: 0px solid #ffffff; margin: 0px; padding: 0px;}

.block-container {width: 100%; height: 100%; border: 0px; padding: 0px;}
.block-white {background: #ffffff; }
.block-commotional {background: #F93D2A; }
.block-personallab {background: #FF8913; }
.block-worklab {background: #91C918; }
.block-coaching {background: #FFE600; }
.block-winwork {background: #7E97CD; }
.block-locations {background: #C1BB9D; }
.block-container a, .block-container a:hover, .block-container a:visited {width: 100%; height: 100%; padding: 0px; display: block; }

.news {background-image: url('img-layout/news.jpg'); background-repeat: no-repeat; width: 95%; height: 95%: display: block; border: 3px solid #ffffff;}
.news:hover {background-image: url('img-layout/news-red.jpg'); background-repeat: no-repeat; display: block;}



.double {float: left; width: 48%; height: 32%; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; padding-right: 4px;}
.single {float: left; width: 24%; height: 32%; padding: 2px;}





/* Template */
#border-main, #border-top, #border-content, #border-lateral, #content, #border-footer  { width:768px; height:auto; position:relative; float:left;}
#content {padding-right: 20px;}
#border-main    { background:url('/img-layout/img-background-fundo-site.jpg') repeat-y;}
#border-top     { background:#FFF; }
#content       { width:514px; padding:20px; z-index: 0; }
#border-lateral  { width:200px; height:200px; background:#E6E7E9; border-bottom: 5px solid #ffffff;}
#border-footer   {
	width:514px;
	height:70px;
	margin-top:35px;
	font:10px Verdana;
	color:#666;
}	
#border-footer a, #border-footer a:hover, #border-footer a:visited {color: #bbb; font-weight: bold;}


#content ol, #content ul {padding-left: 16px;}



.logo, .space { height:auto; position:relative; float:left;}
.space { width:7px;}
.logo  { width:534px; height:216px; }
/* Fim */



/* Menu First Group */
#menu	         { width:104px; height:auto; padding-top:24px;text-align:left; position:relative; float:left; }
#menu ul         { list-style-type:none; margin:0; padding:0; z-index:200;}
#menu li         { position:relative; float:left; z-index:200; } /*float:left;  correção de bug I.6**/
#menu li a       { width:100px; line-height:15px; font:12px Arial; color:#000; text-decoration:none; display:block; }
#menu li a:hover { text-decoration:underline; }
/* Styling for Expand */


/* Otultando os Subs menus */
#menu ul ul { top:-1px; /* Posição do menu */ display:none; position:absolute; z-index:500; z-index:200; }


/* Segundo grupo */
#sub-menu                { white-space:nowrap; text-align:left; left:100px; top:0px; position:relative; float:left; border: 1px solid #000000; /* Posição do menu */ z-index:300; }
#sub-menu li.sub         { background:#FFF; /* Removendo border lateral */ }
#sub-menu li.sub a       { width:94px; padding-left:6px; color:#333; text-decoration:none; display:block; }
#sub-menu li.sub a:hover { text-decoration:underline; }

/* Fim formatação do menu */


/*#sub-sub-menu ul ul{
position:absolute;
z-index:500;
top:50px;
display:none;
}

#sub-menu ul ul ul{
top:0;
left:100%;
}
*/
/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */


div#menu li:hover{
cursor:default;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}
/* End of non-anchor hover selectors */

#menu-2, #menu-3 {float: left; width: 120px; padding-top:24px;text-align:left; padding-left: 5px;}
#menu-2 a {color: #ff0000; text-decoration: none;}
#menu-3 a {color: #000000; font-weight: normal; text-decoration: none;}
#menu-2 a:hover {color: #ff0000; text-decoration: underline;}
#menu-3 a:hover {color: #000000; text-decoration: underline;}
#menu-2 ul, #menu-3 ul {list-style-type:none; margin:0; padding:0;}
#menu-2 li, #menu-3 li {line-height: 15px;}



/* end of menu */

.break {float: left; width: 100%;}
#wit {position: relative; float: left; background:#FFF; width: 480px; }
#wit h1 { font:34px futura; font-weight: 500; color:#ffffff; padding-left: 11px; padding-top: 5px; letter-spacing: -1px;}

.wit-naam, .wit-naam a, .wit-naam a:hover, .wit-naam a:visited {float: left; width: 160px; line-height: 25px; background: #ffffff; padding-left: 3px; margin: 0px;}

.wit-naam_new, .wit-naam a, .wit-naam a:hover, .wit-naam a:visited {float: left; width: 160px; line-height: 25px; background: #ffffff; padding-left: 3px; margin: 0px;}

.grijs-naam, .grijs-naam a, .grijs-naam a:hover, .grijs-naam a:visited {float: left; width: 160px; line-height: 25px; background: #F5F5F5; padding-left: 3px; margin: 0px;}
.grijs-naam_new {float: left; width: 350px; line-height: 25px; background: #F5F5F5; margin: 0px;}

.wit-naam a, .wit-naam a:hover, .wit-naam a:visited, .grijs-naam a, .grijs-naam a:hover, .grijs-naam a:visited {color: #000000; font-weight: bold;}

.wit-beschrijving {float: left; width: 350px; line-height: 25px; background: #ffffff; margin: 0px;}
.wit-beschrijving_new, .wit-naam a, .wit-naam a:hover, .wit-naam a:visited {float: left; width: 160px; line-height: 25px; background: #ffffff; padding-left: 3px; margin: 0px;}



.grijs-beschrijving {float: left; width: 350px; line-height: 25px; background: #F5F5F5; margin: 0px;}
.grijs-beschrijving_new, .grijs-naam a, .grijs-naam a:hover, .grijs-naam a:visited {float: left; width: 160px; line-height: 25px; background: #F5F5F5; padding-left: 3px; margin: 0px;}

.organisaties {width: 240px; line-height: 22px; background: #ffffff; padding-left: 3px; font-weight: bold; margin: 0px;}
.list {line-height: 18px; margin: 0px;}
.half, .wie-half {float: left; width: 46%; padding: 5px; padding-right: 10px;}
.half a {text-decoration: none;}
.half a:hover {text-decoration: underline;}
.half li {margin-left: 15px; padding: 0px;}



.wie-half {padding: 0px; margin-right: 10px; margin-bottom: 10px; height: 50px;}
.wie-half:hover {padding: 0px; background: #f2f2f2; height: 50px;}
.wie-half img {margin-right: 10px;}

.grijs-block {float: left; width: 100%; background: #F5F5F5; margin-bottom: 20px; padding: 2px;}

.adressen {float: left; width: 240px; line-height: 20px; background: #ffffff; padding: 0px; padding-left: 3px; margin: 0px;}

.pop div {position: relative; display: none; z-index: 1000;}
.pop:hover div {position: absolute; left: 545px; width: 338px; height: 202px; display: block; background: #ffffff; margin: 5px; padding: 5px 0px 0px 5px;}

.third-wit, .third-grijs {float: left; width: 33%; padding-left: 3px;}
.third-wit {background: #fff;}
.third-grijs {background: #F5F5F5;}
.2third-grijs, .2third-grijs li {float: right; width: 66%; padding-left: 3px; background: #F5F5F5;}

.black {color: #000000; font-weight: bold;}