@charset "utf-8";
/* CSS Document */
section,
article,
header,
aside,
footer,
nav,
conteudo,
hgroup {
    display:block;
    float:left;
}

body{
    width:980px;
    margin:0px auto;
    
    font: 12px Tahoma, Arial, Helvetica, sans-serif;
    color: #666666;
    background: #000100 url(images/bg.jpg);
}

header{
    width:980px;
    height:391px;
    margin-bottom: 17px;

    -webkit-box-shadow:0px 0px 15px #333333;
    box-shadow:0px 0px 15px  #333333;
}


a {
  color: #000100;
  text-decoration: none;
}

a:visited {
  color: #000100;
}

a:hover {
  color: #666666;
}



#buttons
{
    width: 980px;
    height: 30px;
    margin: 0 auto;
}

#buttons ul {
    float:right;
    padding-right: 30px;
    margin: 0px;      
}

#buttons li {
    display: inline;		
}

#buttons a {
    display: block;
    float: left;
    width: 125px;
    height: 29px;
    background: url(images/menu.png) no-repeat;
    text-align: center;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    font-size: 14px;
    padding-top: 10px;
    margin-right: 2px;
}

#buttons a:hover {
    width: 125px;
    height: 29px;
    background: url(images/menuhover.png) no-repeat;
}



nav{
    width:980px;
    height:30px;
    position: relative;
}


/*conteudo{
    border-top-left-radius: 7px; 
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px; 
    border-bottom-right-radius: 7px;
    

}*/

section{
    width:980px;
    min-height:500px;
    background-color:white;
/*    border-right: #999 1px solid;*/
    margin-bottom: 17px;
    -webkit-box-shadow:0px 1px 15px #333333;
    box-shadow:0px 1px 15px  #333333;

    border-top-left-radius: 7px;  
    border-bottom-left-radius: 7px; 
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}
hgroup{
    padding-left:20px;
    padding-top:20px;
}
/*aside{
    width:250px;
    min-height:500px;
    background-color:white;

    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}*/
article{
    margin:20px;
    width:560px;
    min-height:200px;
    background-color:#333;
}
footer{
    width:980px;
    height:70px;
    background:white url(images/logo.png) no-repeat 3% 40%;
    
    -webkit-box-shadow:0px 1px 15px #333333;
    box-shadow:0px 1px 15px  #333333;
    
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

#footerCol1{
    margin-left: 20%;
    margin-top: 10px;
    float: left;
}
#footerCol2{
    margin-left: 5%;
    margin-top: 10px;
    float: left;
}
#footerCol3{
    margin-left: 5%;
    margin-top: 10px;
    float: left;
}
#credits{
    margin-top: 20px;
    margin-right: 8px;
    float: right;
}


#social{
    float: right;
    margin-right: 10px;
}

img{
    border:0;
}

#content_left{
    float:left;
    margin-top: 32px;
    margin-left: 7%;
}
#content_right{
    float:left;
    margin-top: 32px;
    margin-left: 7%;
}
#content_bottom{
    float:inherit;
    margin-top: 13px;
    margin-left: 15%;
    font-size: 130.01%;
}

.campo{
    margin-left:160px;
    text-align: left;
}

.campo input{
    border-radius: 4px;
    background-color: ghostwhite;
}

.campo textarea{
    border-radius: 4px;
    background-color: ghostwhite;
}

.rotulo{
    float: left;
    width:75px;
    margin-left:70px;
}

.pesq{
    float:left;
}

#empresa, #join_job, #atendimento, #vendas{
    float:left;
}

#empresa{
    font-size: 140.01%;
    width: 400px;
    height: 160px;
    margin-left: 80px;
}

#join_job{
    font-size: 140.01%;
    width: 400px;
    height: 90px;
    margin-left: 80px;
}
#atendimento{
    width: 240px;
    height: 60px;
    margin-left: 40px;
    margin-top: 40px;    
}
#vendas{
    width: 240px;
    height: 60px;
    margin-top: 40px;
}

#form_contact{
    float: left;
}


#pic_left{
    text-align: center;
    float: left;
    margin-left: 20%;
    margin-top:20px;
}

#pic_right{
    text-align: center;
    float: left;
    margin-left: 20%;
    margin-top:20px;
}

.validation-advice{
    width: 250px;
}

#empresa_institucional{
  margin-left: 8%;
  margin-bottom: 15px;
    
 -moz-border-bottom-left-radius:4px; 
 -moz-border-bottom-right-radius:4px; 
 -moz-border-top-left-radius:4px; 
 -moz-border-top-right-radius:4px; 
 
 -webkit-border-top-left-radius:4px; 
 -webkit-border-top-right-radius:4px; 
 -webkit-border-bottom-left-radius:4px; 
 -webkit-border-bottom-right-radius:4px; 
 
 border-bottom-left-radius:4px; 
 border-bottom-right-radius:4px;
 border-top-left-radius:4px; 
 border-top-right-radius:4px;
    -moz-box-shadow:0px 1px 15px #333333; 
    -webkit-box-shadow:0px 1px 15px #333333;
    box-shadow:0px 1px 15px  #333333;
}

/* base nav styles */
/*nav { display:block; border:1px solid #222; position:relative; background-color:#6a6a6a; font:16px Tahoma, Sans-serif; }*/
nav ul { padding:0; margin:0; top: 31px; }
nav li { position:relative; float:left; list-style-type:none; }
/*nav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }*/
nav li a { display:block; border-left:none; border-right:none; text-decoration:none; }
nav li a:focus { outline:none; text-decoration:none;}
nav ul ul { display:none; width:95px; position:absolute; left:0; background:#6a6a6a; 
 -moz-border-bottom-left-radius:4px; 
 -moz-border-bottom-right-radius:4px; 
 
 -webkit-border-bottom-left-radius:4px; 
 -webkit-border-bottom-right-radius:4px; 
 
 border-bottom-left-radius:4px; 
 border-bottom-right-radius:4px;
 
 background-color:rgba(0,0,0,0.8); 
 -moz-box-shadow:2px 2px 2px rgba(0,0,0,.8); 
 -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.8); 
 box-shadow:2px 2px 2px rgba(0,0,0,.8); 
}

nav ul ul a:hover { background-color:rgba(85,85,85,.9); color: black; }

/* CSS3 */
.borderradius nav {}
.borderradius nav ul ul { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; }
.boxshadow.rgba nav ul ul { }
.rgba nav ul ul a:hover { background-color: #84e7fa; }





/*modal inicio*/
#mask {
    position:absolute;
    left:0;
    top:0;
    z-index:9000;
    background-color:#000;
    display:none;
}

#boxes .window {
    position:absolute;
    left:0;
    top:0;
    width:440px;
    height:200px;
    display:none;
    z-index:9999;
    padding:20px;
}

#boxes #dialog {
    width:500px; 
    height:330px;
    padding:10px;
    font-size:20px;
/*    background-color:#ffffff; */
}

#boxes #dialog2 {
    width:500px; 
    height:330px;
    padding:10px;
    font-size:20px;
}

#boxes #dialog1 {
    width:375px; 
    height:203px;
}

#dialog1 .d-header {
    background:url(login-header.png) no-repeat 0 0 transparent; 
    width:375px; 
    height:150px;
}

#dialog1 .d-header input {
    position:relative;
    top:60px;
    left:100px;
    border:3px solid #cccccc;
    height:22px;
    width:200px;
    font-size:15px;
    padding:5px;
    margin-top:4px;
}

#dialog1 .d-blank {
    float:left;
    background:url(login-blank.png) no-repeat 0 0 transparent; 
    width:267px; 
    height:53px;
}

#dialog1 .d-login {
    float:left;
    width:108px; 
    height:53px;
}

/*
#boxes #dialog2 {
    background:url(notice.png) no-repeat 0 0 transparent; 
    width:326px; 
    height:229px;
    padding:50px 0 20px 25px;
}
*/

.close{display:block; text-align:right;}

/*modal fim*/