@import url(base.css);

body {
	border-color: #143A85;
	font-size: 11px;
}

body.terceirizacao {
	border-color: #72C2A9;
}

body.distribuidora {
	border-color: #143A85;
}

body.recrutamento {
	border-color: #E67817;
}

li a, li div, div#grupo {
	position: absolute;
	top: 50%;
}

h1 {
	width: 243px;
	height: 140px;
	
	margin: -70px 0 0 -173px;
}

#menurapido a {
	width: 16px;
	height: 16px;
	display: block;
	padding: 0 10px;
	margin-top: 5px;
	float: right;
	text-indent: -9999px;
	overflow: hidden;
}

#menurapido li {display: inline;}

#menurapido .login a {
	background: transparent url(../images/password.png) no-repeat center center;
	position: static;
}

li div, div#grupo {
	width: 240px;
	height: 145px;
	
	padding: 20px;
	
	margin-top: -87px;
	
	display: none;
}

li div img {
	position: absolute;
}

div#borda {
	background-color: #143A85;
	
	width: 5px;
	height: 100%;
	
	padding: 0;
	margin: 0;
	
	position: absolute;
	left: -8px;
	top: 0;
	
	display: block;
}

h2, h3 {
	background-repeat: no-repeat;
	background-position: left top;
	
	padding-left: 20px;
	
	min-height: 18px;
}

h2 {
	background-image: url(../images/qg.png);
}

p {
	margin-top: 15px;
}

li:hover div {
	display: block;
}

li {
	width: 140px;
	height: 140px;
	
	margin-left: -140px;
}

li:hover {
	margin: 0;
}

li a {
	width: 140px;
	height: 140px;
	
	left: 50%;
	
	text-indent: -99999px;
	overflow: hidden;
	
	display: block;
}

li#terceirizacao a {
	background-color: #72C2A9;
	
	margin: -210px 0 0 -70px;
}

li#distribuidora a {
	background-color: #143A85;
	
	margin: -70px 0 0 70px;
}

li#recrutamento a {
	background-color: #E67817;
	
	margin: 70px 0 0 -70px;
}

li#terceirizacao div, div#grupo {
	background-color: #CDE7DC;
}

div#grupo {
	border-top: 5px solid #465598;
}

li#terceirizacao h3 {
	background-image: url(../images/qv.png);
}

li#distribuidora div {
	background-color: #465598;
	
	color: #FFF;
}

li#distribuidora h3 {
	background-image: url(../images/qa.png);
}

li#recrutamento div {
	background-color: #F6CAA3;
}

li#recrutamento h3 {
	background-image: url(../images/ql.png);
}

li#terceirizacao img, li#distribuidora img {
	left: 0;
}

li#terceirizacao img {
	top: -191px;
}

li#distribuidora img {
	top: -130px;
}

li#recrutamento img {
	top: -191px;
	right: 0;
}