/*****************************
* Desenvolvido por PortalG2  *
*         28/01/2019        *
*****************************/

/* reset */
* { padding: 0px; margin: 0px; font-family: Arial; transition: color .5s, background .5s, box-shadow .5s; }

h1 { font-size: 40px; font-weight: 100; margin: 10px 0px; }
h2 { font-size: 30px; font-weight: 100; margin: 10px 0px; }
h3 { font-size: 17px; font-weight: 100; margin: 10px 0px; }
h4 { font-size: 16px; font-weight: 600; margin: 10px 0px; }

a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; color:  #09C; }

p { text-align: justify; margin: 10px 0px; }

li { margin-left: 20px; }

section { width: 95%; height: auto; margin: 70px auto; display: table; }

.primary-color { color: #333; }
.secondary-color { color: #333; }
.tertiary-color { color: #999 }

.img-aling-text { width:15%; float: left; margin-right: 10px; border-radius: 25px; }
.empresa-index { width:23%; float: left; margin-right: 10px; border-radius: 25px; }

.justify { text-align: justify; }
.center { text-align: center; }
/*** Corpo do Site ***/
body { background: url(../_img/bg.jpg); }

/* header */
header { width: 100%; max-width: 1360px; height: auto; margin: 0px auto; }
header .header { width: 95%; height: auto; margin: 0px auto; display: table; }
header .header .logo { width: 18%; float: left; margin-top:11px; }

header .header .logo img { width: 90%; }
header .header .right { width: 75%; float: right; }
header .header .right h3 { font-size:21px; text-align: right; margin: 30px 30px; }
header #menu { width: 100%; height: 50px; text-align: center; background: #007000; }
header #menu #bt-menu { display: none; margin: 0px auto; }
header #menu .menu { width: auto; margin: 0px auto; display: table; }
header #menu .menu ul { list-style: none; }
header #menu .menu ul li { margin: 0px; float: left; display: table; }
header #menu .menu ul li .ativo {  background: #fff; color:#000; margin: 5px auto; padding: 9px 12px; }
header #menu .menu ul li a {  color: #fff; padding: 9px 12px; display: block; border-radius: 10px; margin:5px; }
header #menu .menu ul li a:hover { color: #30B573; background: #F3F3F3; }


#fullMenu { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(0,0,0,.5); z-index: 10000; }
#fullMenu nav { background: #0093DD; }
#fullMenu nav ul { list-style: none; }
#fullMenu nav ul li { width: 100%; margin: 0px; display: table; }
#fullMenu nav ul li .ativo { text-decoration: underline; }
#fullMenu nav ul li a { display: block; padding: 10px; font-family: 32px; color: #FFFFFF; }
#fullMenu nav ul li a:hover { color: #30B573; background: #FFFFFF; }
#fullMenu .exit { position: absolute; width: 45px; height: 45px; top: 10px; right: 10px; }

/* center */
center { width: 100%; max-width: 1360px; height: auto; margin: 0px auto; }
center #slider { width: 100%; height: auto; display: table; }
center #banner { width: 100%; height: auto; display: table; } center #banner img { width: 100%; }
center #destaque { width: 20%; float: left; text-align: center; }
center #destaque img { width: 80%; border-radius: 15px; margin: 10px auto; }
center #destaque:hover img { box-shadow: 3px 3px 3px #222; }
center #destaque a { color: #000; }
center #destaque:hover a { color: #007000; }
center #contato .left { width: 30%; float: left; text-align: right; }
center #contato .left img { margin: 10px 20px; }
center #contato .right { width: 70%; float: right; }
center #contato .right label { width: 20%; height: 40px; margin: 3px 0px; float: left; display: block; }
center #contato .right input { width: 60%; height: 40px; margin: 3px 0px; }
center #contato .right select { width: 60%; height: 40px; margin: 3px 0px; }
center #contato .right textarea { width: 60%; height: 150px; margin: 3px 0px; }
center #contato .right #bt { width: 20%; }
#servi{ width:33%; height:250px; margin:33px 10px; float:left; display:block; background-color:#E9F2FE; border-radius:10px; }
#links{ width:31%; height: auto; margin:33px 10px; float:left; display: table; background-color: rgba(0,112,0,.1); border-radius:10px; }
/* footer */
footer { width: 100%; height: auto; color: #FFFFFF; background: #007000; border-top: solid 30px #000000; display: table; }
footer section { margin: 30px 0px 30px auto; }
footer section p { text-align: center; }
footer section p a { color: #FFFFFF; }


/* responsive */
@media only screen and (max-width: 760px){
    header .header .logo { width: 100%; float: none; }
    header .header .logo img { width: 100%; }
    header .header .right { width: 100%; float: none; }
    header .header .right h3 { text-align: center; font-size: 15px; }
    header #menu #bt-menu { display: block; }
    header #menu .menu ul { display: none; }
    #links{ width:95%; height:550px; margin:33px 5px; text-align:left; }
	
    center #destaque { width: 100%; float: none; }
    center .titulo { text-align: center; }
    center #contato .left { display: none; }
    center #contato .right { width: 100%; }
    center #contato .right label { width: 50%; height: 40px; margin: 3px 0px; float: left; display: block; }
    center #contato .right input { width: 50%; height: 40px; margin: 3px 0px; }
    center #contato .right select { width: 50%; height: 40px; margin: 3px 0px; }
    center #contato .right textarea { width: 50%; height: 150px; margin: 3px 0px; }
    center #contato .right #bt { width: 49%; }
}