/***************************************
  @desenvolvido por ZONAInternet.com
  @responsavel - Filipe Bessa
  @00/00/0000
  @Folha de Estilo principal
****************************************/

/* cores
cinza: #4c4c4c
cinza claro: #a6a3a3
verde: #032e23
verde claro: #3a5c53
*/

/***************************************
FONTES
***************************************/
@font-face {
    font-family: "din";
    src: url("../fontes/din.otf");
}
@font-face {
    font-family: "eurostile";
    src: url("../fontes/eurostile.otf");
}

/***************************************
CSS RESET
****************************************/
* { margin:0; padding: 0; border: 0; list-style: none; outline: none; }

/***************************************
ESTILOS GEAIS
****************************************/
html {}
body { font-family: "din", arial; font-size: 15px; line-height: 22px; background: #032e23; font-weight: normal; color: #fff; }

/*textos*/
p {}
strong {}

/**************************************************************
todos titulos
**************************************************************/
h1 a { background: url('../imgs/sprite.png'); width: 143px; height: 84px; text-indent: -999px; float: left; }
h2 { font-size: 16px; font-family: "eurostile"; font-weight: normal; padding: 20px 0; text-transform: uppercase; }
h3 {}
h4 {}
h4 {}
h5 {}
h6 {}

/**************************************************************
links gerais
**************************************************************/
a {}
a:hover {}

/***************************************
ESTILOS REAPROVEITÁVEIS
****************************************/
.float-left { float: left; }
.float-right { float: right; }
.float-clear { clear: both; }

.txt-left { text-align: left; }
.txt-right { text-align: right; }
.txt-center { text-align: center; }

.relative { position: relative; }
.absolute { position: absolute; }

.inline { display: inline; }
.block { display: block; }
.inline-block { display: inline-block;  }

/*paddings*/
.pd-all-default { padding: 10px; }
.pd-top-default { padding-top: 10px; }
.pd-right-default { padding-right: 10px; }
.pd-bottom-default { padding-bottom: 10px; }
.pd-left-default { padding-left: 10px; }

/*margins*/
.mg-all-default { margin: 10px; }
.mg-top-default { margin-top: 10px; }
.mg-right-default { margin-right: 10px; }
.mg-bottom-default { margin-bottom: 10px; }
.mg-left-default { margin-left: 10px; }
.mg-auto-default { margin:auto; }

.mg-right-5px { margin-right: 5px; }

/***************************************
GLOBAL - estilos específicos
****************************************/
/* cores */
.branco { color: #fff; }
.verde { color: #032e23 ; }

/* Estrutura */
.controle { width: 940px; margin: auto; }
.content { background: #fff; color: #4c4c4c; padding-bottom: 20px; margin-bottom: 20px; }

.box { width: 300px; height: 210px; position: relative; border: 2px solid #032e23; float: left; margin:0 4px 5px 4px; }
.box:hover {border: 2px solid #fff;}
.box img { width: 300px; height: 210px; }
.box .txt-box { position: absolute; background: url('../imgs/bg-box.png'); bottom: 0; left: 0; width: 90%; color: #4c4c4c; padding: 15px; }
.box .txt-box a, .box .txt-box a:hover { text-decoration: none; color: #4c4c4c; }
.box .txt-box p { line-height: 18px; }
.box .txt-box .tit-box { font-size: 15px; font-weight: bold; }
.box .txt-box .cat-box { font-size: 14px; font-style: italic; }

/***************************************
Topo
****************************************/
.topo { padding: 20px 0; margin-bottom: 20px; border-bottom: 1px solid #3a5c53; }
.busca { margin-top: 50px; float: right; }
.busca input[type="text"] { float: left; border-radius: 11px 0px 0px 11px; padding: 4px 0 4px 11px; }
.busca input[type="submit"] { background: url('../imgs/sprite.png') -99px -99px no-repeat white; width: 25px; border-radius: 0px 11px 11px 0px; height: 24px; cursor: pointer; float: left; }

/***************************************
footer
****************************************/
.footer { margin-top: 30px; border-top:#3a5c53 solid 1px; }
.footer .box-footer { border-bottom: #3a5c53 solid 1px; padding: 10px 0; font-size: 14px; }
.footer .box-footer:last-child { border-bottom: none; }
.footer .box-footer a { color: #fff; text-decoration: none;}
.footer .box-footer a:hover { text-decoration: underline; }

.mapa { float: left; font-family: "eurostile"; text-transform: uppercase; margin-top: 7px; }
.mapa ul {}
.mapa ul li {float: left; margin-right: 10px;}
.mapa ul li:last-child {margin-right: 0;}
.mapa ul li a {color: #fff; text-decoration: none;}
.mapa ul li a:hover{color: #a6a3a3;}

.midias {}
.midias a { text-indent: -9999px; float: left; background-image: url('../imgs/sprite.png'); background-color: #fff; border-radius: 15px; width: 29px; height: 29px; margin-right: 10px; }
.midias a:last-child { margin-right: 0; }
.midias a.facebook { background-position: -9px -139px; }
.midias a.facebook:hover { background-position: -9px -104px; }
.midias a.vime { background-position: -42px -137px; }
.midias a.vime:hover { background-position: -42px -102px; }

/***************************************
Home
****************************************/
.menu { float: left; font-family: "eurostile"; text-transform: uppercase; margin:54px 0 0 65px; }
.menu ul {}
.menu ul li {float: left; margin-right: 15px;}
.menu ul li:last-child {margin-right: 0;}
.menu ul li a {color: #fff; text-decoration: none;}
.menu ul li a:hover{color: #a6a3a3;}

.destaque { margin-bottom: 20px; margin-top: 20px; }
.destaque iframe { width: 100%; height: 650px; }

/***************************************
Portfólio
****************************************/
.filtro {}
.filtro a { background: #3a5c53; text-decoration: none; color: #fff; padding: 5px 12px; border-radius: 15px; }
.filtro a:hover, .filtro a.ativo { background: #a6a3a3; }

.pag { text-align: right; margin-top: 20px; }
.pag input { padding: 5px; border-radius: 5px; width: 30px; }
.pag p { display: inline-block; }
.pag a.pag-prev, .pag a.pag-prox { background-color: #fff; width: 24px; height: 24px; border-radius: 12px; display: inline-block; margin: 0 5px -7px 5px; text-indent: 9999px; overflow: hidden; }
.pag a.pag-prev { background-image: url('../imgs/sprite.png'); background-position: -77px -120px; }
.pag a.pag-prox { background-image: url('../imgs/sprite.png'); background-position: -75px -98px; }
.pag a { color: #fff; margin: 0 1px; }
.pag a:hover {}

/* interna */
.img-port { width: 620px; float: left; }
.img-port img { width: 100%; }
.txt-port { width: 300px; float: right; }
.txt-port a { color: #3a5c53; }
.txt-port p { margin-bottom: 10px; }
.txt-port .tit-port { text-transform: uppercase; }

/***************************************
contato
****************************************/
#contato { width: 300px; }
#contato .linha-form { margin-bottom: 20px; }
#contato .linha-form label { display: block; text-transform: uppercase; }
#contato .linha-form input[type="text"], #contato .linha-form textarea { width: 90%; border-radius: 15px; padding: 5px 10px; }
#contato input[type="submit"] { padding: 10px 0; width: 100%; border-radius: 15px; color: #3a5c53; text-transform: uppercase; }
#contato input[type="submit"]:hover { background: #efefef;}
.erro { color: #a6a3a3; display: none; }

/***************************************
404
****************************************/
.img-404 { background: url('../imgs/sprite.png') -161px 20px no-repeat; width: 176px; height: 199px; float: left; }
.txt-404 { text-transform: uppercase; float: left; font-weight: bold; font-size: 45px; padding-top: 100px; margin-left: 40px;}

/***************************************
Slideshow
****************************************/
#container { width:100%; position:relative; z-index:0; }
#slides { z-index:100; position: relative; }
.slides_container {
   
    overflow:hidden;
    position:relative;
    display:none;
}
.slides_control {
    background: url('../img/loading.gif') center center no-repeat #efefef;
}
.slides_control img {
    width: 940px; height: 415px;
}
.slides_container img {
    display:block;
}
#slides .next, #slides .prev {
    position:absolute;
    top:48%;
    display:block;
    z-index:101;
}

#slides .next {
    right:10px;
}
#slides .prev {
    left:10px;
}