/* estilo.css */

/* FONTE */
@import url(http://fonts.googleapis.com/css?family=Istok+Web:400,700,400italic,700italic);

/*** /FONTE ***/

/*
YUI 3.4.1 (build 4118)
Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}
    
body {  
    font-family: 'Istok Web', sans-serif;    
    font-size: 14px;
    background: #322e33 url(i/fundoBodyV.jpg) left 40px repeat-x;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    color: #fff;
}

a {
	color: #e95644;
	text-decoration: none;
	border-radius: 3px;
	display: inline-block;
	padding: 1px 3px;
}

a:hover {
	color: #fff;
	border-color: #e95644;
	background: #e95644;
    background: rgba(233,86,68,0.5);
}

h1 {
    font-weight: normal;
    font-size: 4em;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

h2 {
    font-weight: normal;
    font-size: 3em;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

h3 {
    font-weight: normal;
    font-size: 1.5em;
}

h4 {
    font-weight: normal;
    font-size: 1.2em;
}

p {
    margin-bottom: 8px;
}

a.ctt {
	color: #fff;
	display: block;
	padding: 10px;
	border: 1px solid #fff;
	border-radius: 4px;
	float: right;
	font-size: 1.5em;
	margin-right: 40px;
	text-decoration: none;
	
}

a.ctt:hover {
	color: #000;
	border-color: #000;
	background: transparent;
}

strong {
    font-weight: bold;
}

#cabecalho {
    height: 40px;
    width: 100%;
    background: #000;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

nav {
    position: relative;
}

#cabecalho a {
    line-height: 40px;
    padding: 0px 10px;
    border-radius: 0px;
}

nav a {

    color: #fff;
}

#lnkVolta {
    background: #000;
}

#logo {
    height: 234px;
    width: 200px;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 0px;
    background: transparent url(i/logoFlat4.png) left top no-repeat;
}

#wrapper-geral {
    margin: 0 auto;
}
.wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    overflow-y: hidden;
}
.inner {
    width: calc(100% - 4rem);
    padding-left: 2rem;
    padding-right: 2rem;
}


#wrapperTopo {
    background: #322e33;
}

#topo {
    padding-top: 190px; 
    padding-bottom: 15px;
	color: #fff;
    background: #322e33 url(i/fundoTopo3.jpg) center bottom no-repeat;
    background: #39343a;
}

#topo p {
    line-height: 1.3em;
}

p.p1 {
    font-weight: bold;
    font-style: italic;
    font-size: 24px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #534e53;
}

p.p1 span {
    color: #16a9bb;
}

#col1 {
}

#col2 {
}

#col1 p {
}

#consulte {
    background: #e95644;
    background: rgba(233,86,68,0.5);
    color: #fff;
    padding: 10px;
    margin-top: 5px;
}

#consulte:hover {
    background: rgba(233,86,68,1);
}

#wGaleria {
    background: #232124;
}

#galeria {
	position: relative;
    color: #fff;
    background: #262528;
    padding-top: 20px;
}

#galeria h2 {
    position: relative;
    margin-bottom: 15px;
    z-index: 101;
    color: #fff;
}

.imgInfo {
    font-size: 1.2em;
    margin: 0 2rem 20px 2rem;
}

.imgInfo span {
    background: #000;
    padding: 0px 7px;
    border-radius: 5px;
}

#bxWrapper {
    width: calc(100% + 4rem);
    margin: 0 -2rem;
}

#bxWrapper li {
    position: relative;
}

.col25 {
    float: left;
    width: 23%;
    margin: 0 1%;
}

.col50 {
    float: left;
    width: 48%;
    margin: 0 1%;
}

.col33 {
    float: left;
    width: 31%;
    margin: 0 1%;
}

.bx-wrapper .bx-controls-direction a {
    transform: scale(.5);
}

.bxslider li div.wImg {
    overflow: hidden;
    background: #000 url(i/fundoQuad.jpg) center top repeat-y;
}

.bxslider li div.wImg img {
    width: 100%;
}

#wContato {
    background: #322e33;
}

#contato {
    position: relative;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #39343a;
}

#contato h2 {
    margin-bottom: 15px;
}

#mandador {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    border: 0;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.5);
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease-out;
}

#mandador.show {
    opacity: 1;
    pointer-events: all;
}

input,textarea, button {
    box-sizing: border-box;
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    font-size: 1.2em;
    background: #fff; 
    font-size: 14px;
    width: 100%;
}

textarea {
    height: 200px;
}

.inputE {
    width: 100%;
}

.inputB {
    background: #16a9bb;
    color: #fff;
    padding: 10px 15px;
    border: none;
}

a.lnkTopo {
    display: block;
    width: 40px;
    height: 40px;
    position: fixed;
    left: 50%;
    margin-left: -20px;
    bottom: -50px;
    background: transparent url(i/lnkTopo.png) 0 0 no-repeat;
    transition: bottom .3s ease-out;
}

a.lnkTopo:hover {
    background: transparent url(i/lnkTopo.png) 0 -40px no-repeat;
}

a.lnkTopo.show {
    bottom: 5px;
}

/*** ***/

.l {
    clear: both;
    height: 0px;
}