body { height: 100%; margin: 0; padding: 0; font-family: 'Quicksand', sans-serif; background:#EEEEEE; overflow-x:hidden; } html { height:100%; text-rendering: optimizeLegibility; } a img { border: none; } ul {list-style:none; } #geral { width: 100%; float:left; position:relative; } .geral { margin-top: 50px; } .conteiner { max-width: 1180px; margin: 0 auto; padding: 0px 10px 0px 10px; } #top { width: 100%; float:left; position:relative; padding: 0px 0px 0px 0px; font-weight:400; color: #111; } #top .contatos { font-size: 14px; padding: 15px 0px 0px 0px; float:right; display:block; } #top .contatos i { margin: 0px 3px 0px 8px; } #sociais { width:150px; float:right; display:block; font-size: 13px; } #sociais ul { width: 100%; float:left; position:relative; padding:0px; margin:0px; list-style:none; } #sociais li { width: 50px; height:50px; float:left; position:relative; padding:0px; margin: 0px;} #sociais li a {width: 50px; height:38px; float:left; position:relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; color: #111; text-decoration: none; text-align:center; padding: 12px 0px 0px 0px; } #sociais li a:hover { color:#111;} #sociais li span { display:none; } #menu { width: 100%; height: 100px; float:left; position:relative; background: #A9ABAE; padding: 10px 0px 10px 0px; z-index: 9999; -webkit-box-shadow: 0 3px 0 3px rgba(0,0,0,0.3); box-shadow: 0 3px 0 3px rgba(0,0,0,0.3); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #menu.fixar { height: 50px; position:fixed; top: 0px; left: 0px; } #menu ul { float:right; position:relative; padding: 0px 0px 0px 0px; margin: 0px; } #menu ul li { width: 130px; float:left; position:relative; font-weight: 700; font-size:14px; text-align:center;} #menu ul li a { padding: 42px 0px 42px 0px; float:left; position:relative; color: #111; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #menu ul li a:hover { color: #EBC238; text-decoration: none; } #menu.fixar ul li a { padding: 12px 0px 12px 0px } #menu #logo { float:left; position:relative; } #menu #logo img { width: auto; height: 100px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #menu.fixar #logo { float:left; position:relative; } #menu.fixar #logo img { width: auto; height: 50px; } #slider { width: 100%; float:left; position:relative; } .secoes { width: 100%; float:left; position:relative; } .secoes h1 { width: 100%; float:left; position:relative; text-align:center; padding: 10px 0px 10px 0px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; color: #111; font-size: 22px; margin: 90px 0px 60px 0px; } .secoes h2 {color: #111; font-size: 28px; padding: 0px ; margin: 0px 0px 20px 0px;} .secoes p { color: #333; font-size: 14px; } .secoes ul { padding: 0px; margin: 0px;} .box1 { width: 450px; float:left; padding: 30px 0px 0px 0px; } .box1 img { width: 100%; height: auto;} .box1-2 { width: 300px; float:left; padding: 30px 0px 0px 0px;} .box1-2 .img { width: 100%; float:left; position:relative; text-align:center; } .box1-2 .txt { width: 100%; float:left; position:relative; font-size: 14px; padding: 5px 0px 0px 0px; } .box1-2 .sobreposto { position: absolute; bottom: 20px; left: 0px; padding: 5px; font-size: 20px; color: #FFF; background: #111; z-index: 8888; font-weight:700;} .box1-3 { width: 460px; overflow:hidden; float:left; position:relative; border: 1px solid #CCC; margin: 0px 0px 60px 90px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .box1-3 a { color: #111; text-decoration: none; } .box1-3 a:hover { color: #111; text-decoration: underline; } .box1-3 .img { width: 100%; float:left; position:relative; text-align:center; background: #A9ABAE; } .box1-3 .img img { width: 100%; height: auto; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .box1-3 .img img:hover { opacity: 0.3;} .box1-3 .titulo { width: 96%; min-height: 85px; float:left; position:relative; font-size: 22px; padding: 2%; font-weight:700; } .box1-3 .txt { width: 96%; float:left; position:relative; font-size: 14px; padding: 2%; } .margin { padding: 30px 60px 0px 60px;} .maior { width: 450px; } .button { width: 185px; display: block; margin: 0 auto;} .button a { cursor: pointer; width: 200px height: 20px; text-align: center; color: white; background: #A9ABAE; border-radius: 2px; padding: 10px 15px 10px 15px; font-size: 14px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-weight:700; text-decoration: none; } .button a:hover { text-decoration: none; color: white; background: #111; } #footer { width: 100%; float: left; position:relative; background: #111; color: #FFF; padding: 0px 0px 30px 0px; } #footer .contatos {max-width: 940px; font-size: 14px; display:block; margin: 0 auto; } #footer .contatos i { margin: 0px 3px 0px 0px; } #footer .contatos span { width:185px; float: left; margin: 0px 0px 0px 50px;} #footer .contatos div { width:185px; float: left; margin: 0px 0px 0px 50px; } #formulario { width: 100%; float:left; position:relative; } #formulario #right { width: 49%; float:left; position:relative; padding: 60px 1% 60px 0px;} #formulario #left { width: 49%; float:left; position:relative; padding: 60px 0px 60px 1%;} #formulario .campo, .textarea { width: 96%; float:left; margin: 15px 0px 15px 0px; padding: 7px 1% 7px 1%; border: none; font-family: "Quicksand", Arial, Helvetica, sans-serif; font-size:14px;} #formulario label {width: 100%; float:left; position:relative; font-size:14px;} #formulario .enviar { float:right; border:none; background: #EBC238; margin-right: 10px; padding: 7px; cursor: pointer; font-weight:700; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; color: #333;} #formulario .enviar:hover { background: #FFF;} #grid { width: 100%; margin: 30px 0px 0px 0px; } #projeto { width:100%; float:left; position: relative; margin-top: -50px;} #conteinerprojeto{ width:100%; float:left; position: relative; } #foto-container { width: 50%; position:relative; float:left; padding: 0px 0px 0px 0px; } #foto-container img { width: 100%; height: auto; } #sobre2 { width: 48%; float:left; position: relative; padding: 0px 0px 0px 2%;} #sobre2 span { width: 100%; float:left; position: relative; padding: 0px 0px 15px 0px; } #sobre2 .data { font-size: 14px; font-weight : 400; } #sobre2 .data2 { font-size: 18px; font-weight : 700; color: #111;} #sobre2 .titulo { font-size: 32px; font-weight : 700; color: #111; margin-top: -10px; } #sobre3 { width: 100%; float:left; position: relative; padding: 0px 0px 0px 0px;} #sobre3 span { width: 100%; float:left; position: relative; padding: 0px 0px 15px 0px; } #sobre3 .data { font-size: 14px; font-weight : 400; } #sobre3 .data2 { font-size: 18px; font-weight : 700; color: #111;} #sobre3 .titulo { font-size: 32px; font-weight : 700; color: #111; } .interatividade { width: 100%; position:relative; float:left; margin: 0px; } .interatividade .urlmeta { margin:0px 0px 20px 0px; width:98%; position:relative; float:left; border: 1px solid #CCC; background:#FFF; font-size: 11px; color: #666; padding: 7px 1% 7px 1%;} .interatividade ul { float:left; position:relative; padding:0px; margin:0px; list-style:none; cursor: pointer; margin-left: -15px;} .interatividade li { width: 50px; height:50px; float:left; position:relative; padding:0px; margin: 0px;} .interatividade li a {width: 50px; height:50px; float:left; position:relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; color:#A9ABAE; text-decoration: none; text-align:center; padding: 0px 0px 0px 0px; } .interatividade li a:hover { color:#111;} .interatividade li span { display:none; } #fotos { width: 100%; position:relative; float:left; margin-top: 10px;} .noticia { width: 100%; position:relative; float:left;} .noticia .datanoticia {width: 100%; position:relative; float:left; color: #111; font-size:12px;} .noticia .titulo { width: 100%; float:left; position:relative; padding: 10px 0px 10px 0px; color: #111; font-size: 32px; font-weight:700; } .noticia .imagem_noticia { width: 360px; display: block; float:right; margin-left: 15px; margin-bottom: 10px; text-align:left; } .noticia .textonoticia { width: 100%; position:relative; float:left; font-size:14px; color:#111; font-weight:400; text-align:justify; padding: 10px 0px 10px 0px; } .noticia .textonoticia a{ color:#111; text-decoration:none; } .noticia .textonoticia a:hover{ color: #111; text-decoration:underline;} #paginacao {width:100%; position:relative; float:left; text-align:center; margin: 30px 0px 0px 0px; text-transform: uppercase;} .paginacao { color:#111; text-decoration:none; display: inline-block; background-color:#A9ABAE; font-size:14px; text-decoration:none; padding: 7px; margin: 0px 2px 4px 2px; font-weight : 700; text-align:center;} .paginacao a { color:#111; text-decoration:none; } .paginacao a:hover { color: #111; text-decoration:underline; } .paginacao2{ color:#FFF; text-decoration:none; display: inline-block; background-color:#111; font-size:14px; text-decoration:none; padding: 7px; margin: 0px 2px 4px 2px; font-weight : 700;} @media screen and (max-width: 1024px) { .box1 { width: 344px; } .box1-3 { margin: 0px 0px 60px 25px; } .margin { padding: 30px 21px 0px 21px;} } @media screen and (max-width: 980px) { .box1 { width: 300px; } .box1-3 { width: 440px; } } @media screen and (max-width: 812px) { .secoes p { padding: 0px 0px 30px 0px; } #menu ul li { width: 99px; } .box1 { width: 480px; margin: 0 auto; display:block; float:none; } .box1-3 { width: 350px; } .margin { padding: 30px 60px 0px 60px;} #footer .contatos div { width:100%; text-align:center; margin: 20px 0px 20px 0px;} } @media screen and (max-width: 768px) { #menu ul li { width: 96px; } #top .contatos { max-width: 460px; float:none; display:block; margin: 0 auto; clear:both;} #top span {float:left; position:relative; margin: 0px 0px 20px 0px; } #sociais { float:none; margin: 0 auto; } .box1-3 { width: 330px; } .margin { padding: 30px 50px 0px 50px;} } @media screen and (max-width: 667px) { #menu ul { display: none;} #menu #logo { width: 100%; text-align:center; } .box1-3 { width: 286px; margin: 0px 0px 60px 15px; } .margin { padding: 30px 20px 0px 0px;} #footer .contatos span { margin: 0px 0px 0px 20px; } .noticia .imagem_noticia { width: 260px; } } @media screen and (max-width: 568px) { #foto-container { width: 100%; padding: 0px;} #sobre2 { width: 100%; padding: 0px;} .box1 { width:99%; } .box1-2 { margin: 0 auto; display:block; float:none; } .box1-3 { width: 100%; margin: 0px 0px 60px 0px; } .margin { padding: 30px 0px 0px 0px;} .box1-2 .txt { padding: 5px 0px 30px 0px; } #footer .contatos span { margin: 0px 0px 20px 60px; } #formulario #right { width: 100%; padding: 30px 0px 0px 0px;} #formulario #left { width: 100%; padding: 0px 0px 30px 0px; } .noticia .imagem_noticia { width: 100%; } #sobre2 .titulo { margin-top: 0px; } } @media screen and (max-width: 360px) { #footer .contatos span { width: 100%; text-align:center; margin: 0px 0px 20px 0px; } } @media screen and (max-width: 320px) { }