/* RESET */
* {margin: 0; padding: 0; font-size: 100%; font-family: 'Open Sans', sans-serif; font-weight: normal;
box-sizing: border-box; border: none; outline: none;}
img {max-width: 100%;}
ul {list-style: none;}
a {text-decoration: none;}
h2 {font-size: 1.5em; color: #333;}
p {font-size: 1em; color: #777;}

/* CABECALHO */
.cabecalho {width: 100%; background-color: #1abc9c; padding: 30px;}
.logo {width: 163px; height: 100px; margin-left: auto; margin-right: auto; display: block;}

/* MENU */
.menu {width: 100%; background-color: #16a085; float: left; padding: 20px 10%;}
.menu li {float: left;}
.menu li a {color: #fff; margin-right: 25px; font-weight: bold;}
.menu li a:hover {transition: all 0.4s ease-in; color: #ecf0f1;}

/* IP */
.ip {float: right; color: #fff; font-weight: bold;}
.ip:hover {transition: all 0.4s ease-in; cursor: pointer; color: #ecf0f1;}

/* PRINCIPAL */
article {width: 100%; float: left; padding: 60px 15%; background-color: #f5f5f5;}
article i {width: 100%; padding: 25px 15px; text-align: center; color: #333; border-bottom: solid 5px #34495e;}
article h2 {font-weight: bold; text-align: center; padding: 10px;}
article p {padding: 0 10px 10px 10px; color: #333;}
.servidor, .loja, .plataforma {width: 28%; margin-right: 50px; float: left; border-radius: .25em;
box-shadow: 0 0 3px 0 rgba(56, 67, 84, 0.61); background-color: #fff;}

/* NEWSLETTER */
.newsletter {float: left; position: relative; width: 100%; background-color: #0C1C26;}
.newsletter h2 {color: #fff; font-weight: bold; font-size: 1.3em; text-align: center; padding: 10px;}
.newsletter p {color: #fff; font-size: 1em; padding: 0 5% 5% 10%; text-align: justify;}
.sobre, .vago{float: left; width: 30%; border-right: dashed 1px #f5f5f5 !important;;}
.contato {float: left; width: 30%;}
.contato a {color: #fff}
.btn-facebook:hover {transition: all 0.4s ease-in; color:#3B5998;}
.btn-twitter:hover {transition: all 0.4s ease-in; color:#54A4D6;}
.btn-youtube:hover {transition: all 0.4s ease-in; color:#D71E17;}

/* RODAPE */
.rodape {float: left; position: relative; width: 100%; background-color: #16a085; padding: 10px;}
.rodape p {color: #0C1C26; text-align: center; font-weight: 600;}