*{
    margin:0px;
    padding: 0px;
}


html,body {
    width:1024px;
    margin:0px auto; 
    display:block;

}

body {
  font-family:"Tahoma",sans-serif;
  color:#000;
  background-color:#f1f1f1;
  font-size:15px;
  padding-bottom:50px;
}

h1 {
  font-size:40px;
  letter-spacing:-.03em;
  color:#963131;
}

p {
  margin-bottom:15px
}

a {
  color:#55acee
}

a:hover {
  color:#000;
  text-decoration:none
}

nav {
  height:141px;
  background:#fff;
  border-bottom:1px solid #ccc;
  width:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:10;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  transition:all .3s
}

nav .wrapper {
  width:960px;
  margin:0 auto
}

nav h1 {
  margin:0;
  padding:0;
  line-height:36px;
  font-size:36px;
  margin-left:10px
}

.logo {
  float:left;
  width:400px;
  height:100px;
  border-radius:40px;
  padding-left:40px;
  width: 40%;
}
.nav-login {
    margin-left: 40%;
    width: 20%;
    float: left;
}

.nav-top {
  height:70px;
  padding-top:10px;
  margin-top:0;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  transition:all .3s
}

.nav-top .logo {
  margin-top:-2px;
}

.nav-top .navbar-toggle {
  margin-top:-2px;
  margin-right:0
}

.nav-top .navbar-toggle .fa {
  color:#888;
  font-size:28px
}

.navbar-collapse {
  padding:0
}

.navbar-collapse.in {
  overflow:visible
}

.main-nav {
  width:100%;
  box-shadow:inset 0 1px #e2e2e2;
  background-color: #271f21;
}

.main-nav .container {
  position:relative
  
}

.main-nav .minilogo {
  background:#fff;
  width:150px;
  height:50px;
  position:relative;
  position:absolute;
  top:5px;
  left:-100%;
  border-radius:40px;
  padding-left:20px;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  transition:all .3s
}

.main-nav .minilogo h1 {
  font-size:14px
}
.main-nav .minilogo img {
  width: 75px;
  }

.main-nav ul.nav {
  list-style-type:none;
  background-color:#fff;
  -webkit-transition:padding .3s;
  -moz-transition:padding .3s;
  transition:padding .3s
}

.main-nav ul.nav > li {
  vertical-align:top
}

.main-nav ul.nav > li > a {
  font-family: tahoma,helvetia;
    border-top:2px solid #000;
  height:50px;
  line-height:45px;
  font-size:16px;
  background-color:#271f21;
  padding:0;
  color:#efefb3;
  margin:0
}
.main-nav ul.nav > li > a:hover {
  background-color:#e2e2ae;
  color:#000;
  font-weight:600;
}
.main-nav ul.nav > li > a.active,.main-nav ul.nav > li > a:hover {
  border-width:5px;
  line-height:39px
}

/* CORES DO MENU - ACIMA DOS LINKS DO MENU  */

.main-nav ul.nav > li:nth-child(1) > a {
  border-color:#55acee
}

.main-nav ul.nav > li:nth-child(2) > a {
  border-color:#fc5e6a
}

.main-nav ul.nav > li:nth-child(3) > a {
  border-color:#b9de7f
}

.main-nav ul.nav > li:nth-child(4) > a {
  border-color:#4e4e93
}

.main-nav ul.nav > li:nth-child(5) > a {
  border-color:#fe9e69
}

.main-nav ul.nav > li:nth-child(6) > a {
  border-color:#5fd5c0
}

.main-nav ul.nav > li:nth-child(7) > a {
  border-color:#bf8dc8
}
/* TÉRMINO DAS CORES DOS LINKS DO ITENS DO MENU */


#home {
  height:100%;
  width:100%;
}

#home p {
  font-size:15px;
  color:#fff;
  text-align:center;
  position:relative;
  margin:6px;
  padding: 5px 0;
  
}
#home h1 {
  font-size:30px;
  color:#F7F733;
  text-align:center;
  position:relative;
  margin:10px;
  text-shadow: 2px 2px 2px #5E5E57;
}
#home h2 {
  font-size:20px;
  color:#fff;
  text-align:center;
  position:relative;
  padding: 0px;
  text-shadow: 1px 1px 1px #F7F733;
}
#home p.bottom {
  top:100%;
}

.div_home {
  display: flex;  
  margin-top: 130px;
  height: 480px;
}

.div_home_lateral {
    margin-top: 35px;
    width: 30%;
    height: 444;
    background-color: #515143;
    float: left;
    border:  solid 1px #ccc;
}

.div_promocoes {
  width: 70%;
  background-color: #515143;  
  min-height: 300px;
  float: left;
  margin-top: 35px;
  border:  solid 1px #8684BC;
}

.div_empresas {
  background-color: #fff;
  padding-top:  50px;
  min-height: 650px;
  padding-left: 10px;
  padding-right: 10px;
}

.div_servicos {
  padding-top:  50px;
  background-color: #fff; 
  min-height: 650px;
  padding-left: 10px;
  padding-right: 10px;
}

.div_localizar {
  padding-top:  50px;
  background-color: #fff; 
  min-height: 400px;
}

.div_contratar {
  padding-top:  50px;
  background-color: rgba(230, 179, 39, 0.83); 
  min-height: 300px;
    padding: 10px;
    color:#fff;
}
nav.small {
  height:51px
}

nav.small .nav-top {
  margin-top:-90px
}

nav.small .main-nav {
  box-shadow:none
}

nav.small ul.nav {
  padding-left:150px
}

nav.small .minilogo {
  left:0
}

@media (max-width: 992px) {
  nav.small .minilogo {
    left:10px
  }
}

@media (max-width: 767px) {
  nav {
    height:81px!important
  }

  nav .nav-top {
    padding-top:20px;
    height:80px
  }

  .main-nav .container {
    padding:0
  }

  .main-nav .container ul.nav {
    border-bottom:1px solid #ccc
  }

  nav.small .nav-top {
    margin-top:0
  }

  nav.small ul.nav {
    padding-left:0
  }

  nav.small .minilogo {
    display:none
  }
}


/* jssor slider arrow navigator skin 05 css */
/*
.jssora05l              (normal)
.jssora05r              (normal)
.jssora05l:hover        (normal mouseover)
.jssora05r:hover        (normal mouseover)
.jssora05ldn            (mousedown)
.jssora05rdn            (mousedown)
*/
.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
{
position: absolute;
cursor: pointer;
display: block;
background: url(imagens/a17.png) no-repeat;
overflow:hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05ldn { background-position: -250px -40px; }
.jssora05rdn { background-position: -310px -40px; }

            /* jssor slider thumbnail navigator skin 02 css */
/*
.jssort02 .p            (normal)
.jssort02 .p:hover      (normal mouseover)
.jssort02 .pav          (active)
.jssort02 .pav:hover    (active mouseover)
.jssort02 .pdn          (mousedown)
*/
.jssort02 .w
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.jssort02 .c
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 95px;
    height: 62px;
    border: #ccc 2px solid;
}
.jssort02 .p:hover .c, .jssort02 .pav:hover .c, .jssort02 .pav .c 
{
        background: url(imagens/t01.png) center center;
        border-width: 0px;
    top: 2px;
    left: 2px;
    width: 95px;
    height: 62px;
}
.jssort02 .p:hover .c, .jssort02 .pav:hover .c
{
    top: 0px;
    left: 0px;
    width: 97px;
    height: 64px;
    border: #ccc 1px solid;
}


/* Footer */

#footer {
	width:100%;
    position: absolute;
    margin: 50px 0 0;
    left: 0;
	height: 70px;
	background-color: #393636;
	text-align: center;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
    color:#fff;
    padding: 20px;
}