/************************************************
****     Escrito por O Pequeno Escritor.     ****
****               19/10/2016                ****
************************************************/

@charset "UTF-8";

/*** keyframes ***/
@keyframes pulse-whatsapp {
    from { box-shadow: 0 0 0 0px rgba(40,135,106,1); }
    to { box-shadow: 0 0 0 12px rgba(40,135,106,0); }
}

@-webkit-keyframes pulse-whatsapp {
    from { box-shadow: 0 0 0 0px rgba(40,135,106,1); }
    to { box-shadow: 0 0 0 12px rgba(40,135,106,0); }
}
@keyframes pulse-telefone {
    from { box-shadow: 0 0 0 0px rgba(255,0,0,1); }
    to { box-shadow: 0 0 0 12px rgba(40,135,106,0); }
}

@-webkit-keyframes pulse-telefone {
    from { box-shadow: 0 0 0 0px rgba(255,0,0,1); }
    to { box-shadow: 0 0 0 12px rgba(40,135,106,0); }
}
/*** keyframes ***/

/* animações */
@keyframes menudown {
    from { margin-top: -25px; opacity: 0; }
    to { margin-top: 0px; }
}
/* animações */

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

.primary_color { color: #0084B4; }
.secundary_color { color: #A2A2A2; }

.bg_primary { background: #0084B4; }
.bg_secundary { background: #F3F3F3; }

.destaque_info { width: 100%; margin: 0px; padding: 25px 0px; background: #006A93; color: #F3F3F3; border-top: solid 2.5px #0084B4; }

.img_aling {  width: 30%; border-radius: 10px; margin: 10px 10px 10px 0px; float: left; }

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

h1 { font-size: 35px; font-weight: 100; margin: 10px 0px; text-decoration: underline; }
h2 { font-size: 30px; font-weight: 100; margin: 10px 0px; }
h3 { font-size: 19px; font-weight: 100; margin: 10px 0px; }

a { color: #666666; text-decoration: none; }
a:hover { color: #0084B4; text-decoration: none; }

p { color: #6E6E6E; margin: 10px; font-size: 15.5px; text-align: justify; }

body { background: #E5E5E5; }

section { width: 90%; margin: 50px auto; display: table; }

#up { position: fixed; width: 45px; height: 45px; right: 85px; bottom: 15px; box-shadow: 3px 3px 3px #333; } .up img { width: 100%; }
#up img:hover { opacity: .7; cursor: pointer; }

.separador { width: 100%; display: table; }

/* header */
#topo {width:100%; height:70px; float:left; display:table; top:0px; background-color:#ffffff;}
#logo { width:30%; max-width:300px; height:70px; margin:5px; color: #FFFFFF; display: table; float:left;}
#fone { width:35%; max-width:350px; margin: 30px; color: #000000; display: table; float: right;}
#clientes {width:170px; height:100px; float:left; display:table; margin:5px;}
/* Whatsapp */
.whatsapp { position: fixed; width: 50px; height: 50px; right: 15px; bottom: 15px; border-radius: 100px; background: #33CC33; animation: pulse-whatsapp 1.5s; animation-iteration-count: infinite; z-index: 300; }
.whatsapp img { width: 50%; height: 50%; margin: 25%; }
.whatsapp:hover { background: #5AFF5A; }

.bt_whatsapp { display: inline-block; font-size: 32px; margin: 25px; padding: 10px 25px; border-radius: 30px; background: #33CC33; color: #FFFFFF; font-weight: 600; }
.bt_whatsapp:hover { z-index: 300; background: #5AFF5A; color: #FFFFFF; }
.bt_whatsapp img { width: 25px; margin: 0 5px; }
/* Whatsapp */

/* Telefone */
.telefone { position: fixed; width: 50px; height: 50px; left: 15px; bottom: 15px; border-radius: 100px; background: #ff0000; animation: pulse-telefone 1.5s; animation-iteration-count: infinite; z-index: 300; }
.telefone img { width: 50%; height: 50%; margin: 25%; }
.telefone:hover { background: #ff7474; }

.bt_telefone { display: inline-block; font-size: 32px; margin: 25px; padding: 10px 25px; border-radius: 30px; background: #ff0000; color: #FFFFFF; font-weight: 600; }
.bt_telefone:hover { z-index: 300; background: #ff7474; color: #FFFFFF; }
.bt_telefone img { width: 25px; margin: 0 5px; }
/* Telefone */

/*** Header ***/
header { position: relative; width: 100%; height: auto; display: table; z-index: 100; background: #FFF; }

header .top_info { position: relative; width: 100%; background: #50AE32; display: inline-block; }
header .top_info p { text-align: center; font-size: 18px; margin: 0; padding: 0; }
header .top_info p a { color: #FFFFFF; padding: 0 10px; display: inline-block; }
header .top_info p a img { width: 25px; padding: 5px 5px; display: inline-block; float: left; }
header .top_info p a b { padding: 8.5px 5px; display: inline-block; float: right; }

header .header { width: 90%; padding: 0 5%; }

header .header .logo { width: 25%; float: left; display: inline-block; }
header .header .logo img { width: 100%; margin: 20px 0; }

header .header .menu { width: 75%; float: right; margin: 45px auto; display: inline-block; } 
header .header .menu #menu { z-index: 9000; }
header .header .menu #menu ul { width: auto; margin: 0px; float: right; list-style: none; display: table; }
header .header .menu #menu ul li { position: relative; float: left; display: table; }
header .header .menu #menu ul li a { 
    font-size: 16px; font-weight: bolder; margin: 6px 2.5px; padding: 10px 10px; border-radius: 12px; display: block; 
    background: none; color:#50AE32;
} 
header .header .menu #menu ul li:hover a { background: #50AE32; color: #FFFFFF; }
header .header .menu #menu ul li .ativo { background: #50AE32; color:#fff; }

header .header .menu #menu ul li ul { position: absolute; width: auto; display: none; background: rgba(0,0,0,.6); border-radius: 12px; z-index: 5000; }
header .header .menu #menu ul li ul li { float: none; display: table; }
header .header .menu #menu ul li ul li a { font-size: 12px; font-weight: 100; width: 220px; margin: 1px 2px; padding: 10px 10px; display: block; }
header .header .menu #menu ul li:hover ul li:hover a { background: #50AE32; color: #FFFFFF; }
header .header .menu #menu ul li:hover ul li a { background: none; }
header .header .menu #menu ul li:hover ul { display: table; animation: drop .5s; }

header .header .menu-mobile { display: none; margin: 0px 60px; float: right; }

header .slider { width: 90%; margin: 50px 5%; text-align: center; display: inline-block; }
header .slider h1 { font-size: 38px; color: #F07F1B; }
header .slider p { font-size: 25px; color: #F07F1B; } 
/*** Header ***/

.slider { position: relative; width: 100%; max-width: 1360px; margin: 0px auto; background: #FFFFFF; }
.slider img { width: 100%; }

.whats { width: 30.333%; margin: 1.5%; float: left; display: none; }
.bt_whatsapp { display: table; margin: 15px auto; padding: 10px; border-radius: 10px; display: none; position: relative; }

.whats2 { width: 18%; margin: 0.1%; float: left; display: table; }
.bt_whatsapp2 { display: table; margin: 15px auto; padding: 10px; border-radius: 10px; display: table; position: relative; }

/* center */
center { width: 100%; max-width: 1360px; margin: 0px auto; background: #FFFFFF; display: table; }
center .destaque { width: 25%; float: left; }
center .destaque img { width: 80%; margin: 10%; border-radius: 100%; }
center .destaque img:hover { opacity: .7; box-shadow: 3px 3px 3px #000; }
center .destaque h4 { text-align: center; }

center .destaque-n { width: 25%; margin: 27px 0px; float: left; text-align: center; }
center .destaque-n a { width: 90%; margin: 5px auto; display: table; color: #000000; background: #FFFFFF; border-radius: 5px; padding: 5px; border: 1px solid #06B3F1; }
center .destaque-n a:hover { color: #06B3F1; background: #F7F6F3; }
center .destaque-n a img { width: 50%; border-radius: 5px; } 
center .destaque-n a h3 { width: 100%; margin: 25px 0px; font-size: 21px; text-align: center; }

center .destaque-x { width: 100%; margin: 27px 0px; float: left; text-align: center; }
center .destaque-x a img { width: 25%; border-radius: 5px; float: left; } 
center .destaque-x h2 { width: 100%; margin: 25px 0px; font-size: 26px; text-align: center; }
center .destaque-x p { width: 65%; margin: 27px 5px; font-size: 21px; float: left; text-align: left; }

center .galeria img { width: 9%; margin: .5%; display: table; border-radius: 5px; float: left; }
/* center */

/* footer */
footer { width: 100%; max-width: 1360px; margin: 0px auto; background:#34495E center; background-size: 100%; color: #FFFFFF; display: table; }
footer section { width: 90%; display: table; margin: 50px auto; }
footer section p { color: #FFFFFF; }
footer section a { color: #FFFFFF; }
footer section a:hover { color: #0084B4; background: #FFFFFF; }
footer .bg-secundary { background: #34495E; }
footer .menu { width: 100%; margin: auto; }
footer .menu nav ul { list-style: none; display: block; }
footer .menu nav ul li { float: left; display: table; }
footer .menu nav ul li a { color: #FFFFFF; padding: 20px 10px; font-size: 13px; display: block; }
footer .menu nav ul li a:hover { color: #0084B4; background: #FFFFFF; }
footer .left, footer .right { width: 50%; float: left; }
footer .right p { text-align: right; }
/* footer */

/* social */
.social { position: fixed; width: 50px; height: 150px; top: 200px; left: -5px; z-index: 100; }
.social .icon { width: 45px; margin: 2.5px; background: #0084B4; float: left; box-shadow:#000 3px 3px 3px; border-radius:5px; }
.social .icon:hover { background: #93E1FF; }
/* social */

/* responsive */
@media only screen and (max-width: 1000px){
    h1 { font-size: 35px; }
    h2 { font-size: 20px; }
    h3 { font-size: 14px; }
	
	.whats2 { display: none; }
	.bt_whatsapp2 { display: none; }
	
    /*** header ***/
    header .header .logo { width: 100%; }
    header .header .logo img { width: 100%; margin: 20px 0; }

    header .header .menu { width: 100%; } 
    header .header .menu #menu { display: none; }

    header .header .menu #menu { margin: 0px auto; }
    header .header .menu #menu { position: fixed; width: 30%; height: 100%; padding: 0 10%; top: 0; left: 0; background: rgba(0,0,0,.7); display: none; }
    header .header .menu #menu ul { width: auto; float: left; margin: 0px auto; }
    header .header .menu #menu ul li { float: none; }
    header .header .menu #menu ul li a { padding: 30px; margin: 0px; display: block; color: #FFFFFF; }
    header .header .menu #menu ul li a:hover { background: #F07F1B; color: #FFFFFF; }
    header .header .menu #menu ul li:hover ul { animation: none; }

    header .header .menu .menu-mobile { display: block; }
    /*** header ***/
    
    .slider { position: relative; }
    
    center { width: 100%; margin: 0px auto; }
    
    .social { display: none; }
}

@media only screen and (max-width: 700px){
    .img_aling { width: 99%; }
    
    center .destaque { width: 100%; float: left; }
	center .destaque-n { width: 100%; margin: 27px 0px; float: left; text-align:center; }
	center .destaque-x a img { width: 100%; border-radius: 5px; float: left; }
	center .destaque-x p { width: 100%; }
    center .galeria img { width: 99%; margin: .5%; display: table; float: left; }
	 
    footer p { text-align: center; }
    footer section { margin: 10px auto; }
    footer .left, footer .right { width: 100%; float: none; }
    footer .right p { text-align: center; }
    footer .menu { width: auto; margin: auto; display: table; }
    footer .menu ul { width: auto; float: none; display: block; }
}
/* responsive */