@import "reset.css";
@import "formularios.css";
@import "validationEngine.jquery.css";
#cabecalhocontainer {
background:url(../images/topbk.jpg) repeat-x;
width:auto; height:137px;
}
#cabecalho{
position: relative;
margin: 0 auto;
width: 1020px;
height:137px;
}
#bt01 {position:absolute;left:380px;top:0px;}
#bt02 {position:absolute;left:493px;top:25px;}
#bt03 {position:absolute;left:605px;top:25px;}
#bt04 {position:absolute;left:718px;top:25px;}
#bt05 {position:absolute;left:830px;top:25px;}
.cinza{
color: #ccc;
}
#menusuperior a{
font: 11px/13px Tahoma, sans-serif;
color: #ad0000;
text-decoration: none;
}
#menusuperior a:hover{
color: #ad0000;
text-decoration: underline;
}
#loginform fieldset{
margin: 0 20px 0 0;
}
#menusuperior{
padding: 0;
text-align: right;
position:absolute;
left:493px;
top:0px;
width:448px;
height:25px;
}
#sombraesq{
position:absolute;
left:0px;
top:0px;
width:40px;
height:137px;
}
#logo{
position:absolute;
left:39px;
top:0px;
width:340px;
height:137px;
}
#cornerright{
position:absolute;
left:941px;
top:0px;
}
/*
ESTRUTURA PÁGINA
*/
p{
line-height: 20px;
padding: 10px 20px 10px 20px;
font: 11px/13px Tahoma, sans-serif;
color: #666;
}
.link a{
color: #ad0000;
}
.link{
color: #ad0000;
font-weight:bold;
}
#serv4 .link, #serv5 .link, #serv6 .link{
padding: 5px 20px 10px 20px;
position: absolute;
bottom: 0;
}
strong{
color: #000;
font-weight:bold;
}
h1{
color: #ad0000;	
text-transform: uppercase;
font: 20px Segoe UI;
padding: 0 10px 10px 0;
}
h2{
color: #ad0000;	
font: 20px Segoe UI;
padding: 0 10px 0 20px;
}
h3{
font:16px/18px Segoe UI;
color:#333; 
padding: 10px 20px 10px 20px;
}
#conteudo p{
line-height: 20px;
padding: 5px 20px 10px 20px;
}
#main{
background-color: #fff;
width:auto;
padding: 40px 0 40px 0;
}
#conteudo{
position: relative;
margin: 0 auto;
width: 940px;
min-height:300px;
}
#sidebar{
position:absolute;
width:340px;
}
#texto{
padding: 0 0 0 25px;
position:relative;
width: 600px;
left: 340px;
background: url(../images/dividerbk.jpg) repeat-y top left;
}
#dividertop{
width: 16px;
height: 154px;
position:absolute;
left: 0px;
background: url(../images/dividertop.jpg) no-repeat top left;
}
#dividerbottom{
width: 16px;
height: 154px;
position:absolute;
left: 0px;
bottom: 0px;
background: url(../images/dividerbottom.jpg) no-repeat top left;
}
.col1{
left:0;
}
.col2{
left:300px;
}
.col3{
left:640px;
}
#bttopocontainer{
background: #fff;
margin-top: 15px;
width: auto;
height:28px;
}
#bttopo img{
float: right;
}
#bttopo{ 
width: 940px;
margin: 0 auto;
}
#rodapecontainer{
padding: 20px 0 0 0;
background: url(../images/footerbk.jpg) repeat-x;
width:auto;
height:310px;
}
#rodape{
color: #fff;
position:relative;
margin:0 auto;
width:940px;
height:250px;
}
#copy{
position:relative;
margin:0 auto;
width:940px;
height:250px;
}
#copycontainer{
width:auto;
height:200px;
}
#copyright1{
position:absolute;
width:320px;
height:85px;
}
#copyright2{
text-align: center;
position:absolute;
width:320px;
height:85px;
}
#copyright3{
position:absolute;
width:320px;
height:85px;

}
/*
SERVIÇOS HOME
*/
#servicos h2{
padding:0;
}
#servicos{
background:url(../images/servicosbk.jpg) repeat-x;
width:auto;
height:180px;
}
#containerServicos{
background-color:#666666;
position: relative;
margin: 0 auto;
width: 940px;
}
#buscavagas{
padding: 2px;
height: 22px;
width: 100%;
}
/*BOX ULTIMAS OPORTUNIDADES*/
#ultimasvagas{
padding: 2px;
background: #fff;
width:320px;
height: 195px;
}
#ultimasvagas .linha{
border: 1px solid #ccc;
padding: 4px;
margin: 2px;
background: url(../images/vervaga.jpg) center right no-repeat #fff;
}
.ultimasvagaslink a{
text-decoration: none;
}
.ultimasvagaslink a:hover{
background: #f1f1f1;
text-decoration: none;
}
.linha h4{
width: 200px;
padding: 0 0 0 6px;
font: bold 11px Tahoma;
}
#ultimasvagas .linha p{
width: 200px;
color: #000;
font:11px Tahoma, sans-serif;
padding: 2px 2px 1px 6px;
}

/*FINAL BOX ULTIMAS OPORTUNIDADES*/
.newsinput{
margin: 2px 0 0 0;
padding: 2px;
width: 250px;
}
.servbox{
padding: 15px 20px 20px 20px;
}
.servboxcentro{	
padding: 15px 30px 0 30px;
}
.servbox p{
padding: 5px 0 5px 0;
}
.servboxcentro p{
padding: 5px 0 5px 0;
}

#serv1{
width: 300px;
height: 180px;
background: url(../images/serv12.jpg) no-repeat;
}
#serv2{
width: 340px;
height: 180px;
background: url(../images/serv2.jpg) no-repeat;
}
#serv3{
width: 300px;
height: 180px;
background: url(../images/serv32.jpg) no-repeat;
}

/*
FINAL SERVIÇOS HOME
*/


/*
BANNER HOME
*/
#banner{
background-color: #97a6ae;
width:auto;
height:260px;
}
#flash{
position: relative;
margin: 0 auto;
width: 1020px;
height:137px;
}
/*
CONTEUDO HOME
*/
#serv4 h2{
	padding: 0 0 0 20px;
}
#serv4{
width: 300px;
height: 300px;
}
#dephome h3{
margin-bottom: 0;
line-height: 18px;
font-size: 18px;
}

#dephome{
font-size: 24px;
padding: 0;
background: url(../images/aspainf.jpg) right bottom no-repeat;
color: #ad0000;
}
span.aspas{
font-size: 20px;
}
#serv5{
margin-left: 8px;
height: 300px;
}
#serv6{
width: 300px;
height: 300px;
background: url(../images/layoutSIteSolucionare001_22.jpg) left top no-repeat;
}
#serv1, #serv2, #serv3, #serv4, #serv5, #serv6, #serv7, #serv8, #serv9{
position:absolute;
top: 0;
display:inline;
}
/*CLIENTES */
#clientes{
margin-top: 5px;
}
#clientes img{

margin: 6px;
border: 1px solid #ccc;
}
/*OPORTUNIDADES */
#oportunidades{
margin: 5px;
padding: 5px;
}
#oportunidades p{
background: #f1f1f1;
padding: 2px 2px 2px 10px;
}
#boxvaga{
border: 1px solid #ccc;
margin: 0 0 10px 0;
}
#boxvaga h3{
padding: 8px 2px 2px 10px;
text-transform: uppercase;
color: #000;
}

/*
RODAPÉ
*/

#serv7{
width: 300px;
height:250px;
}
#serv8{
width: 340px;
height:250px;
background: url(../images/layoutSIteSolucionare001-21.jpg) no-repeat;
}
#serv9{
width: 300px;
height:250px;
}
#rodape h2{
padding: 0 20px 0 20px;	
}
#faleconosco{
padding: 0 10px 10px 10px;
}
#faleconosco input{
width: 270px;
padding:2px;
margin: 0 0 5px 0;
}
#cont_mensagem{
width: 270px;
padding:2px;
height: 60px;
}
 #rodape h2, #rodape p, #rodape a{
color: #fff;
}
.icone1, .icone2, .icone3{
margin: 15px 0 0 0;
}
.icone1 a{
height: 20px;
background: url(../images/twitter.png) left center no-repeat;
padding: 20px 0 20px 40px;
}
.icone2 a{
height: 20px;
background: url(../images/facebook.png) left center no-repeat;
padding: 20px 0 20px 40px;
}
.icone3 a{
height: 20px;
background: url(../images/msn.png) left center no-repeat;
padding: 20px 0 20px 40px;
}
#serv9 a{
text-decoration: none;
}
#serv9 a:hover{
text-decoration: underline;
}
#map{
padding: 10px 0 0 20px;
}
#map span{
font:normal 11px/22px Tahoma, sans-serif;
text-decoration: none;
}
#map a{
font:normal 11px/22px Tahoma, sans-serif;
text-decoration: none;

}
#map a:hover{
	text-decoration: underline;
}