/*Theme Name: Oblad Work ForceTheme URI: http://obladworkforce.com.au 
Description: Tema desenvolvido para a Oblad Work Force, localizado na Austrália.
Author: Philipe Maróstica - Agência CWS
License: Uso exclusivo da Agência CWS
Tags: yellow, blue, oblad work force, philipe maróstica, agencia cws*/

/*--- RESET CSS ---*/
* {
margin:0;
padding:0;
list-style:none;
vertical-align:baseline;
}

/*--- TIPOGRAFIA ---*/
@font-face {  
font-family: 'AvenirLTStd-Black';  
src: url('font/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'),  url('font/AvenirLTStd-Black.otf')  format('opentype'),	url('font/AvenirLTStd-Black.woff') format('woff'), url('font/AvenirLTStd-Black.ttf')  format('truetype'), url('font/AvenirLTStd-Black.svg#AvenirLTStd-Black') format('svg');  
font-weight: normal;  
font-style: normal;
}

html {
height: 100%;
}

body {	
margin: 0 0 0 0;	
padding: 0 0 0 0;	
float: left;	
width: 100%;	
height: 100%;	
background-color: #12143d;	
font-family: 'EB Garamond', serif;
}

h1{
color: #fff;
font-family: 'AvenirLTStd-Black';
text-transform: uppercase;
font-size: 25px;
}

h1 a{
color: #fff;
text-decoration: none;
}

h1 img{
margin: 0 5px 0 0;
}

a img{
border: none;
}

p {
font-size: 14px;
color: #484848;
margin: 20px 0 20px 0;
font-size: 20px;
line-height: 22px;
}

header {
width: 100%;
height: 86px;
background-color: #191a3e;
float: left;
color: #b8b8b9;
position: fixed;
z-index: 9999;
}

#box-header {
width: 700px;
margin: 20px auto;
}

.logo {
float: left;
margin: -5px 0 0 0;
}

.menu {
}

.menu ul {
margin: 15px 0px 0 0px;
float: right;
}

.menu ul li {
display: inline;
font-family: 'AvenirLTStd-Black';
text-transform: uppercase;
font-size: 13px;
}

.menu ul li a{
color: #f3ca31;
text-decoration: none;
padding: 0 10px 0 10px;
}

.menu ul li a:hover{
color: #191a3e;
text-decoration: none;
background-color: #f3ca31;
padding: 5px 10px 5px 10px;
border-radius: 3px;
}

#menu-responsivo, #botao-menu, .img-responsive {
display: none;
}

.menu-services {
display: none;
}

.search {
margin: 0 0 0 0;
float: right;
}

.search img{
margin: 0;
}

.drop-search-sup{
position: absolute;
z-index: 5;
width: 300px;
background-color: #555;
float: right;
margin: 20px 0px 0 -268px;
}

form input.search{
width: 200px;
height: 30px;
float: left;
margin: 20px 10px 20px 20px;
padding: 5px;
font-family: 'Open Sans', sans-serif;
color: #0d4146;
border: #484848 1px solid;
}

.botao {
background-color: #2f2a27;
float: right;
border: none;
color: #9a9a9a;
height: 40px;
width: 40px;
margin: 20px 15px 0 0;
cursor: pointer;
}

#conteudo {
margin: 100px auto;
width: 100%;
}

#conteudo-servicos{
width: 100%;
margin: 144px 0 0 0;
float: left;
}

#barra-categorias{
margin: 0 0 0 0;
float: left;
width: 100%;
height: 100px;
background-color: #dadada;
}

#barra-categorias ul{
margin: 23px 0 0 55px;
}

#barra-categorias ul li{
display: inline;
margin: 0 66px 0 0;
}

#barra-categorias ul li.last{
margin: 0 0 0 0;
}

#banner {
width: 100%;
float: left;
margin: -15px 0 0 0;
}

#chamada{
width: 100%;
margin: 0 auto;
z-index: 1;
position: absolute;
}

.chamada1, .chamada2, .chamada3{
width: 100%;
margin: 0 auto;
text-align: center;
position: relative;
}

.chamada2{
display: none;
margin: 200px 0 0 0;
}

.chamada3{
margin: 200px 0 0 0;
}

.metade-esq {
float: left;
width: 490px;
margin: -20px 20px 0 0;
}

.metade-esq img, .metade-dir img{
width: 489px;
height: auto;
margin: 5px 0 0 0;
}

.metade-dir {
float: right;
width: 490px;
margin: -20px 0px 0 0;
}

.fb-like-box {
margin: 5px 0 0 0;
background-color: #fff;
width: 100%;
}

#fb-root {  
display: none;
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {  
width: 100% !important;
}

footer {
}

#box-footer {

}

#box-footer p{
color: #fff;
}

#blocos {
float: left;
margin: 170px 0 0 -260px;
}

#blocos p{
color: #808080;
width: 220px;
padding: 10px 0 10px 0;
margin: 0px 0 10px 0;
text-align: center;
}

#endereco {
width: 490px;
float: right;
text-align: left;
}

#endereco iframe{
margin: 14px 0 0 0;
}

#endereco img{
margin: 2px 5px 0 0;
}

#sidebar {
width: 39%;
float: left;
margin: 20px 0 0 1%;
}

#sidebar li.pis-li {
width: 100%;
height: 67px;
margin: 0 0 0 0;
float: left;
border-bottom: 1px solid #474875;
padding: 0px 0 37px 0;
}

#sidebar p.pis-thumbnail{
width: 29%;
height: 64px;float: left;
}

#sidebar p.pis-thumbnail img{
width: 113px;
height: 56px;
}

#sidebar p.pis-title{
width: 70%;
height: 63px;
font-family: 'AvenirLTStd-Black';
font-size: 0.90vw;
text-decoration: none;
color: #fff;
text-transform: uppercase;
border: 1px solid #fff;
border-right: none;
float: right;
background-image: url("images/bg-li-service.jpg");
background-repeat: no-repeat;
background-position: 100% -2px;
}

#sidebar p.pis-title:hover{
background-color:#f3ca31;
background-image: url("images/bg-li-service-hover.jpg");
background-repeat: no-repeat;
background-position: 100% -2px;color: #12143d;
}

#sidebar ul.pis-ul li.current-post p.pis-title a{
background-color:#f3ca31;
background-image: url("images/bg-li-service-hover.jpg");
background-repeat: no-repeat;
background-position: 100% -2px;
color: #12143d;
padding: 20px 0px 21px 5px;
border: none;width: 99%;
}

#sidebar p.pis-title a {
color: #fff;
text-decoration: none;
width: 100%;
float: left;
padding: 20px 0px 20px 10px;
}

#sidebar p.pis-title a:hover {
color: #12143d;text-decoration: none;
}

#sidebar li p.pis-excerpt a{
background: none;
border: none;
}

#sidebar li p.pis-excerpt a img{
height: 62px;
width: auto;
}

#vitrine {
width: 780px;
float: right;
margin: 20px 0 0 0;
}

#tit-top {
background-color: #f3ca31;
height: 160px ;
width: 100%;
margin: -14px 0 0 0;
text-align: center;
position: fixed;
z-index: 5;
float: left;
margin: -16px 0 0px 0;
}

.tit-top-box {
float: left;
margin: 62px auto;
width: 100%;
text-align: center;
}

span.tit-top-h1{
font-size: 30px;
color: #191a3e;
padding: 15px;
text-transform: uppercase;
margin: 40px 0 0 0px;
font-family: 'AvenirLTStd-Black';
border: 5px solid #191a3e;
}

.texto-pagina-full, .texto-contact-full, .texto-home-full{
min-height: 800px;
margin: -1px 0 0 0;
padding: 0;
background-image: url('images/bg-about.jpg');
background-attachment:fixed;
background-repeat: no-repeat;
background-size: 100% auto;
float: left;}

.texto-contact-full {
background-image: url('images/bg-contact.jpg');
background-position: 0 150px;
}

.texto-home-full{
background-image: url('images/bg-home.jpg');
background-position: 0 0;
}

#texto-pagina{
float: right;
padding: 5%;
width: 40%;
background: rgba(25, 26, 62, .85);
margin: -1px 0 0 0;
}

#texto-pagina p{
color:#fff;
text-align: justify;
}

#texto-post-full{
width: 50%;
float: left;
margin: 30px 0 0 0;
padding: 0 5%;
}

#texto-post-full p{
color: #fff;
text-align: justify;
line-height: 25px;
}

#texto-post{
float: right;
padding: 5%;
width: 65%;
margin: 0px 0 0 0;
background-color: #000;
}

#vitrine-box{
width: 245px;
margin: 0 0 0 0;
float: left;
margin: 15px 15px 0 0px;
height: 184px;
}

#vitrine-produto{
width: 245px;
margin: 0 0 0 0;
float: left;
margin: 15px 15px 0 0px;
height: 184px;
background-color: #fff;
text-align: center;
vertical-align: middle;
display: block;
}

#vitrine-produto img{
max-width: 245px;
max-height: 184px;
width: auto;
height: auto;
text-align: center;
vertical-align: middle;
}

#vitrine-box h2,
.metade-esq h2 {
    background-color: #2d2926;
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    padding: 5px 0 5px 4%;
    width: 96%;
    margin: -30px 0 0 0;
    position: relative;
    z-index: 2;
    opacity: 0.90;
    -moz-opacity: 0.90;
    filter: alpha(opacity=90);
    float: left;
}
#vitrine-box h2 a,
.metade-esq h2 a {
    color: #fff;
    text-decoration: none;
}
#vitrine-search {
    width: 100%;
    float: left;
    border-bottom: 1px dotted #2d2926;
    height: 110px;
    margin: 10px 0 10px 0;
}
#vitrine-search img {
    float: left;
    width: 100px;
    height: auto;
    margin: 0 20px 10px 0;
}
#vitrine-search h2 {
    font-size: 16px;
    margin: 5px 0px 0 0px;
    float: left;
}
#vitrine-search h2 a {
    text-decoration: none;
    color: #fff;
    font-weight: 300;
    background-color: #2d2926;
    padding: 5px;
}
#conteudo-post {
    margin: 10px 0 0 0;
    width: 49%;
    float: left;
}
#conteudo-post img {
    cursor: pointer;
    width: 100%;
    height: auto;
    float: left;
}
span.post-meta-key {
    margin: -5px 400px 10px 0;
    float: left;
    width: 100%;
    color: #2d2926;
    border-bottom: 1px solid #af241d;
    background: none;
    font-weight: 300;
    font-size: 25px;
    padding: 0 0px 0 0px;
}
ul.post-meta li {
    margin: 0 0 30px 0;
    font-size: 14px;
    line-height: 25px;
}
#descricao {
    width: 49%;
    float: right;
    margin: 10px 0 0 0;
}
.formulario-contato {
    width: 100%;
    float: left;
    margin: 0px 0 0 0;
}
.form-left {
    width: 49%;
    float: left;
    margin: 0px 0% 0 0;
}
.form-right {
    width: 49%;
    float: right;
    margin: 0px 0 0 0;
}
.formulario-contato p {
    margin: 0 0 10px 0;
    width: 100%;
    font-family: AvenirLTStd-Black;
    text-transform: uppercase;
    font-size: 15px;
    float: left;
}
.formulario-contato input {
    float: left;
    width: 96%;
    padding: 0 2% 0 2%;
    height: 40px;
    border: none;
    background-color: #fff;
    margin: 0 0 0 0;
}
.formulario-contato textarea {
    float: left;
    height: 140px;
    border: none;
    background-color: #fff;
    padding: 0 2% 0 2%;
    margin: 0;
    width: 96%;
}
.white-line {
    float: left;
    width: 70%;
    height: 44px;
    margin: -10px 0 0 0;
    background-color: #fff;
}
.formulario-contato input[type=submit] {
    width: 25%;
    float: right;
    height: 32px;
    background: none;
    border: 4px solid #fff;
    color: #fff;
    margin: -32px 0 0 0;
    padding: 0;
    cursor: pointer;
    font-family: AvenirLTStd-Black;
}
.obrigatorio p {
    font-size: 12px;
    color: #555;
    float: left;
}
.formulario-contato input[type=radio] {
    height: 15px;
    width: 15px;
    float: none;
}
.formulario-contato input[type=checkbox] {
    height: 15px;
    width: 15px;
    float: left;
}
/*--- RESPONSIVE TABLETS ---*/

@media (max-width: 999px) {
    .logo {
        margin: 0 0 0 20px;
    }
    .menu {
        display: none;
    }
    #menu-responsivo {
        position: fixed;
        margin: 5px 0 0 92%;
        display: block;
        z-index: 3;
        float: right;
    }
    #menu-responsivo img {
        margin: 0px 0 0 0px;
    }
    #menu-responsivo li.sub ul {
        display: none;
    }
    #menu-responsivo ul li a {
        display: block;
        text-decoration: none;
        text-transform: uppercase;
        border-bottom: dotted 1px #ccc;
        font-size: 16px;
        padding: 10px;
        color: #f3ca32;
        margin: 0 0 0 0;
        font-family: 'AvenirLTStd-Black';
    }
    #menu-responsivo ul li a:hover {
        color: #12143d;
        background-color: #f3ca32;
    }
    #menu-responsivo li.sub {
        color: white;
        position: relative;
        text-align: center;
        list-style-type: none;
    }
    #menu-responsivo li.sub:hover > ul {
        display: block;
        position: absolute;
        margin: -5px 0 0 -185px;
        background-color: #12143d;
        z-index: 6;
        width: 200px;
        padding: 15px 10px 15px 10px;
        list-style-type: none;
        border: 1px solid #555;
    }
    #menu-responsivo li {
        margin: 0 0 0 0;
        width: 100%;
        text-align: center;
        float: right;
    }
    #box-header {
        width: 100%;
    }
    #conteudo {
        width: 100%;
    }
    #sidebar {
        display: none;
    }
    #texto-post-full {
        width: 90%;
        padding: 5%;
    }
    #botao-menu {
        margin: 20px 0 0 0;
        cursor: pointer;
        width: 100%;
        float: left;
        font-size: 20px;
        font-family: 'AvenirLTStd-Black';
        display: block;
    }
    #botao-menu p {
        background-color: #f3ca32;
        font-size: 20px;
        color: #12143d;
        text-align: center;
        margin: 0 0 0 0;
        padding: 20px 0 20px 0;
        margin: 0 auto;
        width: 300px;
    }
    #botao-menu p img {
        margin: 0 0 0 -10px;
        padding: 0 10px 0 0;
        float: right;
    }
    .menu-services {
        width: 300px;
        margin: 5px auto;
        text-align: center;
    }
    .menu-services ul {
        width: 100%;
        float: left;
        background-color: #191c55;
    }
    .menu-services ul li {
        padding: 10px 10px;
        width: 280px;
        border-bottom: 1px solid #0a0b21;
        border-top: 1px solid #202473;
        font-size: 15px;
        float: left;
    }
    .menu-services ul li img {
        display: none;
    }
    .menu-services ul li a {
        color: #f3ca32;
        text-decoration: none;
        margin: 10px 0 10px 0;
        padding: 10px 10px 10px 0;
        width: 100%;
        float: left;
        font-family: 'AvenirLTStd-Black';
        font-size: 12px;
    }
    .menu-services ul li a:hover {
        color: #fff;
    }
    .texto-pagina-full,
    .texto-contact-full,
    .texto-home-full {
        background: none;
    }
    .img-responsive {
        float: left;
        margin: 0 0 0 0;
        display: block;
    }
    .img-responsive img {
        width: 100%;
        height: auto;
    }
    #texto-pagina {
        width: 90%;
        padding: 5%;
        background: none;
    }
    footer {
        height: auto;
    }
    #box-footer {
        width: 100%
    }
    #endereco {
        float: left;
        width: 100%;
        margin: 20px 0 0 20px;
        padding: 0 0 20px 0;
    }
    #endereco iframe {
        display: none;
    }
    #endereco p {
        width: 100%;
        font-size: 0.7em;
    }
    #blocos {
        margin: 20px 0 0 20px;
    }
    #vitrine {
        width: 100%;
    }
    #conteudo-post {
        width: 100%;
    }
    #descricao {
        width: 100%;
    }
    #endereco-contato {
        width: 100%;
    }
    .formulario-contato {
        width: 100%;
    }
}
@media (max-width: 600px) {
	.chamada1 img, .chamada2 img, .chamada3 img{
	width: 90%;
	}	
    .logo img {
        width: 80%;
        height: auto;
    }
    #menu-responsivo {
        position: fixed;
        margin: 5px 0 0 85%;
        display: block;
        z-index: 3;
        float: right;
    }
	
	#tit-top {
	height: 85px ;
	}

	.tit-top-box {
	margin: 31px auto;
	width: 100%;
	text-align: center;
	}

	span.tit-top-h1{
	font-size: 20px;
	padding: 7px;
	margin: 20px 0 0 0px;
	font-family: 'AvenirLTStd-Black';
	border: 3px solid #191a3e;
	}
	
	.img-responsive {
        float: left;
        margin: -74px 0 0 0;
        display: block;
    }
	
	.form-left, .form-right {
	width: 100%;
	float: left;
	}
	
	
}