/* 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*/ @import url(https://fonts.googleapis.com/css?family=Montserrat); @import url(https://fonts.googleapis.com/css?family=Titillium+Web:300); @import url(https://fonts.googleapis.com/css?family=Raleway); /** 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: 14px; 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: 'Antenna-Regular',sans-serif;} .aling-left{float:left; margin:0px 20px 20px 0px;} a{color:#333;} a:hover{text-decoration:none; color:#000;} h2, h3{font-family: 'Antenna-Bold',sans-serif;} 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-top:20px;} #topo-site #barra-superior-2 h3, h1{font-size: 30px; font-family: 'Titillium Web', sans-serif; margin: 0; color: #515151;} #topo-site #barra-superior-2 #ancoras{font-family: 'Montserrat'; font-size: 12px;} #topo-site #barra-superior-2 #icones {margin-top:20px;} #topo-site #barra-superior-2 #icones a{color:white; background:#00A451; width: 38px; height: 38px; line-height: 40px; border-radius: 50%; text-align: center; margin-left: 15px; display: block; float: right; font-size: 21px;} #topo-site #barra-superior-2 #icones a:hover {text-decoration: none; background: #008e4b;} #topo-site #barra-superior-2 #icones .img-fale-governo {width:94px; height: 34px; background: transparent; margin-left: 15px; margin-right: 20px; display: block; float: right; border-radius: 0px;} #topo-site #barra-superior-2 #icones .img-fale-governo:hover {background: transparent;} #topo-site #barra-superior-2 .titulo-portal a:hover { text-decoration: none;} #topo-site #barra-superior-2 .titulo-portal h1{margin-top:31px;} #topo-site #barra-superior-2 .container{/*border-bottom: 2px solid #00a451;*/ padding-bottom: 50px;} @font-face { font-family: 'Antenna-Bold'; src: url('../fonts/Antenna-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Antenna-Bold.otf') format('opentype'), url('../fonts/Antenna-Bold.woff') format('woff'), url('../fonts/Antenna-Bold.ttf') format('truetype'), url('../fonts/Antenna-Bold.svg#Antenna-Bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Antenna-Regular'; src: url('../fonts/Antenna-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/Antenna-ExtraLight.otf') format('opentype'), url('../fonts/Antenna-ExtraLight.woff') format('woff'), url('../fonts/Antenna-ExtraLight.ttf') format('truetype'), url('../fonts/Antenna-ExtraLight.svg#Antenna-Regular') format('svg'); font-weight: normal; font-style: normal; } /* img{width:100%; height:auto; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} */ .destaque{background: #009543; width: 100%; display: table; padding-bottom: 25px; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; } .destaque .seta {margin-left: -26px;} .destaque .seta img{width: 100%;} .destaque .cont{padding: 25px 0 0 0px; color: #fff; font-size: 15px; line-height: 2.5em; text-transform: uppercase;} .destaque h2{line-height: 1.5em; font-size: 39px; border-bottom: 1px solid #fff; padding-bottom: 14px; margin-bottom: 20px;} .destaque .cont span{color: #ffc928;} .aterro{background: #eeeeee; color: #1d1d1b; font-size: 17px; width: 100%; display: table; padding: 30px 0px 40px; line-height: 1.5em;} .aterro h3{color: #008e4d; font-size: 18px;} .video { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .depoimentos{background: #009543; width: 100%; display: table; padding-bottom: 50px; margin-top: -2px; padding-top: 60px; margin-bottom: 70px; color: #fff; font-size: 16.5px; line-height:1.8em; -webkit-border-bottom-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; } .depoimento .aspacima{height: 75px; background: url(../images/aspacima.png) center;} .depoimento .aspabaixo{height: 75px; background: url(../images/aspabaixo.png) center;} .depoimento .cont{padding: 10px 40px;} .depoimentos .pessoa .foto{width: 48%; float: left; } .depoimentos .pessoa .cont{line-height: 1.2em; font-size: 14px; float: left; margin-left: 5%; width: 45%; padding-top: 16%;} .depoimentos .pessoa .cont .nome{font-family: 'Antenna-Bold';} .depoimentos .mapa .cont{padding-left: 20%; padding-right: 20%;} .depoimentos .mapa .cont h3{font-size: 20px;} /*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;} @media screen and (max-width: 1300px) { } @media screen and (max-width: 1200px) { #topo-site #barra-superior .navbar-collapse ul li a {padding-right: 20px;} } @media screen and (max-width: 990px) { #topo-site .container{width: 95%;} #topo-site #barra-superior .navbar-collapse ul li a {font-size: 11px; padding-right: 6px;} .box-rodape{width: 100%; text-align: center;} .box-assinatura {width: 100%; text-align: center;} .destaque .seta {margin-left: -57px;} .destaque{padding: 5%;} .destaque h2{font-size: 24px;} .destaque .cont {padding: 0; line-height: 1.7em; font-size: 13.5px;} .destaque .cont p{padding-bottom: 20px;} } @media screen and (max-width: 857px) { h1 .separador{display: none;} h1 .block{display: block;} } /* Landscape phones XS ------------------------- */ @media (max-width: 767px) { #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;} #topo-site #barra-superior-2{margin-top: 0px;} #topo-site #barra-superior-2 .text-right{padding-top: 25px;} #topo-site #barra-superior-2 #icones a{margin-left: 10px;} #topo-site #barra-superior-2 #icones .img-fale-governo {margin-left: 0px; margin-right: 10px;} #topo-site #barra-superior-2 .titulo-portal h1{margin-top:14px;} #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;} .depoimentos{font-size: 13.5px;} .depoimentos .pessoa .cont {padding-top: 5%;} .depoimentos .mapa{padding-top: 50px;} .depoimentos .mapa .cont h3 {font-size: 18px; line-height: 1.2em; text-align:center;} } @media screen and (max-width: 480px) { }