/*
Theme Name: Template 2015 GDF
Description: Template WORDPRESS do novo LAYOUT dos portais GDF
Author: Coordenação de Tecnologia da Informação / Diretoria de Desenvolvimento - Casa Civil
Version: 1.0
*/

/*FONTES*/

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


/** CSS RESET */
html, body, div, span, applet, object, iframe, p, blockquote, pre, abbr, acronym, address, big, code,del, dfn, img, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
body { line-height:1; font-size: 18px; color:#515151;}
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after { content:"";}
blockquote, q { quotes:"" ""; }

body{font-family: "Trebuchet MS", Arial, sans-serif; font-size: 15.5px; background: url(../images/bg.png) no-repeat top center; background-attachment: fixed;}

.aling-left{float:left; margin:0px 20px 20px 0px;}
a{color:#333;}
a:hover{opacity: 0.6; text-decoration: none;}
.destaque a:hover{opacity: 1;}

h2{font-family: 'Gotham-Book'; font-size: 30px; padding-top: 30px; color: #ffcb00; margin-bottom: 25px; line-height: 1.3em;}
h3{font-family: 'GothamBold'; font-size: 17px; color: #009540; margin-top: 10px; line-height: 1em; margin-bottom: 35px;}
.destaque img,section img{width: 100%;}

canvas{width: 100% !important;}

/* ====  TOPO DO HOTSITE ==== */

.navbar-collapse{margin:0; padding:0;}
.navbar-default{background:#515151;}
a, a:hover, a:focus {color:#515151;}
.navbar-default .navbar-nav > li > a{color:#ccc; transition:linear 0.3s all}
.navbar-default .navbar-nav > li > a:focus{color:#ccc;}
.navbar-default .navbar-nav > li > a:active{color:#ccc;}
.navbar-default .navbar-nav > li > a:hover{color:#fff;}


#topo-site{}
#topo-site #barra-superior .navbar {min-height: 30px;}
#topo-site #barra-superior .navbar .separador {margin-top: 7px;}
#topo-site #barra-superior .navbar-nav > li > a{padding-top: 4px; padding-bottom: 0px;}
#topo-site #barra-superior .navbar-collapse ul li a{font-size: 12px; font-family: 'Montserrat'; padding-right:30px;}
#topo-site #barra-superior .navbar-collapse ul li:nth-child(6) a{padding-left:30px;}
#topo-site #barra-superior .navbar-collapse ul li a:hover{text-decoration-line: underline; }
#topo-site #barra-superior .navbar-collapse ul li:first-child a {padding-left: 30px;}
#topo-site #barra-superior .navbar-default{border-radius:0; color:#ccc; border: none;}

/* ============== */

#topo-site #barra-superior-2{margin:30px 0px; display: table; width: 100%;}
#topo-site #barra-superior-2 .logo{width: 18%; float: left; height: 70px; text-align: right;}
#topo-site #barra-superior-2 .seta{float: right; height: 70px; background: url(../images/seta-topo.png) no-repeat right; padding:20px 20px 0px 20px; width: 347px; position: relative; z-index: 999;}

#topo-site #barra-superior-2 #icones{float: left; margin-left: 20px;}
#topo-site #barra-superior-2 #icones a{color:white; background:url(../images/bgico.jpg); width: 31px; height: 31px; line-height: 37px; border-radius: 50%; text-align: center; margin-left: 15px; display: block; float: right; font-size: 18px;}
#topo-site #barra-superior-2 #icones a:hover {opacity: 0.6;}
#topo-site #barra-superior-2 #icones .img-fale-governo {background: transparent; margin-left: 10px; margin-right: 45px; display: block; float: right; border-radius: 0px;}
#topo-site #barra-superior-2 #icones .img-fale-governo:hover {background: transparent;}

.center{text-align: center;}


/*
img{width:100%; height:auto; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
*/

section {padding-bottom: 0px;}

section img{width:100%; height:auto;}

.destaque{position: relative; z-index: 99; margin-top: -65px; width: 100%;}
.destaque .hit{position: absolute; z-index: 999; width: 100%}
.cont2{background:url(../images/bgt2.jpg) no-repeat center top; height: auto; min-height: 431px; color: #009540; position: relative; margin-top:-130px; text-align: center; line-height: 1.6em; padding-top: 251px; padding-bottom: 50px;}

section .conteudo{width: 100%; display: table; padding: 0px 0px 120px 0px; overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;}
section .conteudo .image{width: 49%;}
section .conteudo .texto{width: 49%;}
section .conteudo .left{float: left;}
section .conteudo .right{float: right;}
section .conteudo .texto{padding: 0% 15% 0% 2%;}

/*section .conteudo.outro{background: url(../images/bgt2.png) no-repeat center top;}*/
section .conteudo.outro{margin-top: 0px;}
section .conteudo.primeiro{margin-top: -70px;}
section .conteudo.outro .ttimage{width: 49%;}
section .conteudo.outro .ptexto{padding: 0% 2% 0% 30%;}
section .conteudo.outro .ptexto p{padding-bottom: 30px; line-height: 1.65em; font-size: 18px;}

section .conteudo.outro .image{width: 49%; padding-right: 15%;}
section .conteudo.outro.ultimo .image{padding-right: 12%;}
section .conteudo.outro .texto{width: 49%;}
section .conteudo.outro .texto{padding: 0% 2% 0% 15%;}
section .conteudo.outro .image .tt{color: #fff; padding: 35px 15px 15px; background: #0a9145; font-size: 13px; line-height: 1.2em;}
section .conteudo.outro .image .tt a{color: #fff;}
section .conteudo.outro .texto h2{padding-top: 20px; }

section .conteudo .texto ul{margin-left: 10px;}
section .conteudo .texto ul li{padding: 10px 0px 10px 30px; background: url(../images/seta.png) no-repeat center left; list-style: none;}

section .conteudo .texto p{padding-bottom: 30px; line-height: 1.6em; font-size: 18px; width: 80%;}
section .conteudo .texto h2{width: 90%;}
section .conteudo .texto span{background: #ffcb00; padding: 7px 14px 9px 14px; border-radius: 20px; font-style: italic;}

section .conteudo.outro #l1 .ptexto{padding-top: 0px;}
/*
section .conteudo.outro #l3 .ptexto{margin-top: -15%}
*/
section .conteudo.um{
	position: relative;
	z-index: 9;
	margin-top: -90px;
	padding-top: 80px;
}
section .conteudo.um .titulo{position: relative; z-index: 999;}
section .conteudo.um .slider1{position: relative; z-index: 9; margin-top: -80px;}

section .conteudo .titulo{position: relative; z-index: 999;}
section .conteudo .slider1{position: relative; z-index: 9; margin-top: -114px; padding: 0 0% 0 7%;}
section .conteudo .slider2{position: relative; z-index: 9; margin-top: -152px; padding: 0 0% 0 0%;}
section .conteudo .slider2 img{width: 100%; height: auto;}
section .conteudo .slider3{position: relative; z-index: 9; margin-top: -8%; padding: 0 0% 0 0%;}
section .conteudo .slider3 img{width: 100%; height: auto;}

.video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.copas{position: absolute; width: 50%;}


/*FOOTER*/
	footer{ font-family: 'Raleway', sans-serif;}
	footer p{padding:5px 0px;}
    .box-rodape {width: 64%; padding: 10px 0px 0px; float: left; box-sizing: border-box; display: block; position: relative;}
    .box-rodape a{letter-spacing: -0.5px; color: #00a451;}
    .box-rodape a:hover{color: #555;}
    .box-assinatura {width: 36%; float: right; margin-top: 12px;}


.mob{display: none;}
/*
#l1, #l2, #l3, #r1, #r2, #r3{opacity: 0;}
*/
.ultimo{margin-top: 10px;}


.op2{display: none;}


@media screen and (max-width: 1366px) {
	section .conteudo.outro #l1 .ptexto {padding-top: 0px; margin-top: -15px;}
	section .conteudo.outro .ptexto p{padding-bottom: 10px; line-height: 1.6em; font-size: 17px;}
	h2{font-size: 26px;}
	.op1{display: none;}
	.op2{display: block;}
	section .conteudo .texto h2{margin-top: 0px; margin-bottom: 15px;}
	section .conteudo .texto p{line-height: 1.6em; font-size: 17px;}

}

@media screen and (max-width: 1440px) {

	/*section .conteudo.outro .image .tt{padding: 25px 15px 15px;}*/
	section .conteudo.outro .image {padding-right: 5%;}
	section .conteudo .texto p {width: 95%;}
	section .conteudo.outro.ultimo .image {padding-right: 0%;}
	section .conteudo .slider2 {margin-top: -17%;}
section .conteudo{width: 100%; display: table; padding: 0px 0px 60px 0px;}

}
@media screen and (max-width: 1280px) {

	section .conteudo.outro .image .tt{padding: 30px 15px 15px;}

	section .conteudo.outro .image {padding-right: 0%;}
	section .conteudo .texto {margin-top: -5%; padding: 0% 12% 0% 2%;}
	section .conteudo.outro #l3 .ptexto {padding: 0% 2% 0% 12%;}
	section .conteudo.outro.ultimo .image {padding-top: 2%;}
	section .conteudo.primeiro {margin-top: -40px;}

}

@media screen and (max-width: 1200px) {
	#topo-site #barra-superior .navbar-collapse ul li a {padding-right: 20px;}

	.destaque{margin-top: -10px;}
}

@media screen and (max-width: 990px) {
	#topo-site #barra-superior-2{margin-top: 0px;}
	#topo-site #barra-superior-2 #icones{float: left; border-left: none; margin-left: 0px; margin-top: 10px;}
	#topo-site #barra-superior-2 .seta{float: right; height: 70px; background: url(../images/seta-topo.png) no-repeat right; padding:10px 20px 0px 30px; width: 347px;}

	h2{padding-top: 40px;}

	section .conteudo.um{margin-top: -70px;}
}


@media screen and (max-width: 990px) {
section .conteudo.outro .ttimage {
    width: 100%; padding-right: 5%;
}
section .conteudo.outro .ptexto {
    padding: 0% 2% 0% 10%;
}
	.copas{display: none;}
	h1 .separador{display: none;}
	h1 .block{display: block;}

	.parallax-mirror{display: none;}

	section .conteudo{width: 100%; display: table; padding: 10px 0px;}
	section .conteudo .image{width: 100%;}
	section .conteudo .texto{width: 100%; margin-bottom: 30px; display: table;}
	section .conteudo .texto{padding: 4% 5% 0% 5%;}


	section .conteudo.outro .image{width: 100%;}
	section .conteudo.outro .texto{width: 100%;}
	section .conteudo.outro .texto{padding: 0% 5% 0% 5%;}


	h2{font-family: 'Gotham-Book'; font-size: 40px; padding-top: 30px; color: #ffcb00; margin-bottom: 0px;}
	h3{font-family: 'GothamBold'; font-size: 17px; color: #009540; margin-top: 0px; line-height: 1em; margin-bottom: 15px;}

	.box-assinatura{width: 100%;}

	section .conteudo.outro .image {padding-right: 7%;}
	section .conteudo.primeiro{padding-bottom: 40px;}
section .conteudo .image, section .conteudo.outro.ultimo .image {padding: 0% 3% 3%;}
}

@media screen and (max-width: 770px) {

	h2{font-size: 30px;}
	body{word-wrap: break-word;}

	#topo-site #barra-superior-2 .seta{float: right; height: 70px; background: none; background-color: #009540; padding:10px 20px; width: 100%;}

	#topo-site .container{width: 100%;}
	.area-banner-top-internas .area-menu-superior .area-busca-menu{min-width:1020px}
	.navbar-toggle{margin-right:0; margin-top:0; margin-bottom:0; width:60px; height:40px; text-align:center; background:#FFCC29; color:white; padding: 10px 19px; border-radius:0; border:none;}
	.navbar-default{background: none; box-shadow: none; border:none;}
	.navbar{margin-bottom:0;}

	#navbar-collapse-1{background:#00a451; padding-bottom: 20px; }
	#topo-site #barra-superior .navbar-collapse ul li a {color: #fff; font-size: 16px; padding-left: 30px; margin: 10px 0px;}
	.libt{padding: 12px 0px 0px 10px;}

	#topo-site #barra-superior .navbar .separador{display: none;}

	.mob{display: block;}
	.desk{display: none;}

	.destaque{margin-top: -5px;}

	section .conteudo.um{margin-top: -50px;}

	section {padding-bottom: 10px;}
	
}

@media screen and (max-width: 480px) {
	#topo-site #barra-superior-2 #icones a{color:white; background:url(../images/bgico.jpg); width: 27px; height: 27px; line-height: 30px; border-radius: 50%; text-align: center; margin-left: 10px; display: block; float: right; font-size: 15px;}

}