* { margin: 0px; padding: 0px; }

body { background: #FFFF00; font-family: Ariral, Calibri; }

header,center,footer { width: 97%; max-width: 1300px; margin: 0px auto; display: table; }

h1 { font-size: 42px; margin: 15px 0px; }
h2 { font-size: 25px; margin: 15px 0px; }
h3 { font-size: 20px; margin: 15px 0px; }
h4 { font-size: 15px; margin: 15px 0px; }

p { margin: 10px 0px; }

#bannerheader { width: 100%; height: auto; }
#bannerheader img { width: 100%; }
#caoheader { position: absolute; width: 447px; height: 234px; top: 15px; left: 50%; margin-left: 150px; z-index: 10000; }

#menu { width: 100%; height: 50px; background: linear-gradient(to top, #CCC, #FFF); }
/*.menu * { transition: all .5s; }
.menu ul { list-style: none; }
.menu ul li { float: left; display: table; }
.menu ul li a { text-decoration: none; color: #000000; font-size: 20px; padding: 10px; display: block; }
.menu ul li a:hover {}*/

.menu { 
    margin: 15px;
    float: left; 
    display: table; 
}
.menu ul { list-style: none; display: block; }
.menu ul li { float: left; }
.menu ul li a {
    padding: 10px;
    font-size: 14px;
    color: #FF9600;
	background-color:#000;
	border-radius:10px;
    
    text-decoration: none;
}
.menu ul li a:hover {
    color: #F3F3F3;
    background: #FF9600;
}
.menu ul li ul {
    position: absolute;
    width: 200px;
    z-index: 1000;
    background: #CCCCCC;
    display: none;
    
    margin-top: 8px;
}
.menu ul li:hover ul {
    display: block;
    -webkit-animation: down .5s;
    -moz-animation: down .5s;
    animation: down .5s;
}
.menu ul li ul li { float: inherit; }
.menu ul li ul li a {
    width: 100%;
    padding: 10px 5px;
    display: inherit;
}

center { background: #FFFFFF; width: 95%; max-width: 1300px; padding: 1%; margin: 0px auto; display: table; }

section { margin: 50px auto; display: table; }

#destaque { width: 33.333%; float: left; display: block; }
#destaque a { color: #333; text-decoration: none; }
#destaque img { width: 80%; margin: 10px auto; border-radius: 30px; }

#galeria-cont { width: 18%; height: auto; margin: 1%; float: left; }
#galeria-cont img { width: 100%; }

footer { background: #333; color: #FFF; }


/* Whatsapp */
.whatsapp { 
    position: fixed; width: 76px; height: 76px; margin: 0; padding: 0px; 
    right: 30px; bottom: 110px; display: table; z-index: 10000;
    box-shadow: 0 0 0 0px rgba(40,135,106,1); background: #fff; border-radius: 100%;
    animation: pulse 1s; animation-iteration-count: infinite;
}
.whatsapp img { width: 60%; padding: 20%; z-index: 100; }
/* Whatsapp */
/* Keyframe Whatsapp*/