/*|||||||||||||||||||||||||||||||||||||||||||||||
GLOBAL STYLE
||||||||||||||||||||||||||||||||||||||||||||||||*/
body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
summary, hgroup {
  margin: 0;
  padding: 0;
  border: 0;
}
body {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	color: #525252;
	font-family: 'Muli', sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: 1.4;
	font-weight: normal;
	font-variant: normal;
	background-color: #FFF;
}
p{
	color: 	color: #525252;
}
.left{
	float: left;
}
.right{
	float: right;
}
.clear{
	clear: both;
}
.clear1{
	clear: both;
	margin-bottom: 1em;
}
.clear2{
	clear: both;
	margin-bottom: 2em;
}
.margintop1{
    margin-top: 1em;
}
.margintop2{
    margin-top: 2em;
}
.margintop3{
    margin-top: 3em;
}
.margintop4{
    margin-top: 4em;
}
.marginbottom1{
    margin-bottom: 1em;
}
.marginbottom2{
	margin-bottom: 2em;
}
.padding1{
	padding: 1em;
}
.padding2{
	padding: 2em;
}
.padding3{
	padding: 3em;
}
.padding4{
	padding: 4em;
}
.padleft-10{
	padding-left: 10px;
}
hr{
	height: 1px;
	background-color: #ccc;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: auto;
	margin-left: auto;
	width: 90%;
}
h1{
}
h2{
}
h3{
}
iframe{
	border: none;
}
.fade a{
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
}
.bg-cinza{
	background-color: #C1C1C1;
}
.bg-chumbo{
	background-color: #CCC;
}
.bg-azul{
	background-color: #2daae2;
}
.bg-azulescuro{
	background-color: #0072A6;
}
.txt-preto{
	color: #000000;
}
.txt-branco{
	color: #FFFFFF;
}
.txt-azul{
	color: #0087a0;
}
.bold{
	font-weight: bold;
}
a{
	color: #999;
	text-decoration: none;
}
a:hover{
	color: #666;
}
.azul a{
	color: #2364ad;
	text-decoration: none;
}
.azul a:hover{
	color: #FFF;
	text-decoration: none;
}
.font1{
	font-size: 1em;
}
.font1-5{
	font-size: 1.5em;
}
.font2{
	font-size: 2em;
}
.font3{
	font-size: 3em;
}
.font4{
	font-size: 4em;
}
.image-link {
	background-repeat: no-repeat;
	background-position: left top;
}
.image-link a {
    cursor: pointer;
    display: block;
    float: none;
    height: 100% !important;
    overflow-x: hidden;
    overflow-y: hidden;
    text-indent: -9999px;
}
.bg-sizecover{
   background-size: cover; /*Css padrão*/
  -webkit-background-size: cover; /*Css safari e chrome*/
  -moz-background-size: cover; /*Css firefox*/
  -ms-background-size: cover; /*Css IE não use mer#^@%#*/
  -o-background-size: cover; /*Css Opera*/
}
/*topo*/
.topo{
	height: 90px;
	position: fixed;
	z-index: 3000;
	background-color: #FFF;
}
/*logo*/
#logo{
	background-image: url(../files/logo.png);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	z-index: 3000;
}
.logo{
	height: 160px;
	width: 202px;
}
.conteudo{
	padding-top: 110px;
}
.minibox{
	height: 400px;
	padding-top: 200px;
}
/*slideshow*/
.slideshow{
	padding-top: 90px;
}
/*conteudo bg*/
.hotbox, .hotbox-content, .hotbox-footer{
	border: none !important;
	background-color: transparent !important;	
}
.hotbox-footer{
	color: #FFF !important;		
}
/*footer*/
footer {
	height: 300px;
	width: 100%;
	margin-top: 5px;
/*	background-image: url(../files/footer.jpg);
	background-repeat: no-repeat;*/
}
/*Contatos Footer*/
.contatos-footer{
	font-size: 16px;
	margin-top: 40px;
}
.contatos-footer p{
	color: #fff;
	line-height: 30px;
	font-weight: bold;
}
.contatos-footer a{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
.contatos-footer a:hover{
	color: #71C9D7;
}
/*ZXdesign*/
#zx {
	width: 71px;
	height: 15px;
	float: right;
	margin-top: 20px;
	margin-right: 50px;
}
a.zx {
	display: block;
	width: 71px;
	height: 15px;
	text-decoration: none;
	background-image: url(../files/zx.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
a:hover.zx {
	background-position: -72px 0;
}
/*form contato*/
.hotcontrol-group{
	margin: 5px;
}
.hotcontrol-group input[type="text"]{
	background-color: #2daae2;
	border: none;
	box-shadow: none;
	width: 80%;
}
.hotcontrol-group textarea{
	background-color: #2daae2;
	border: none;
	box-shadow: none;
	height: 150px;
	width: 80%;
}
.hotform input[type="text"]{
	color: #FFF;
}
.hotform textarea{
	color: #FFF;
}
/*Text Animation*/
.animate-reveal {
  opacity: 0;
  -webkit-animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
     -moz-animation: reveal 1s ease-in 1 normal forwards;
       -o-animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
          animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
}

.animate-first {
  -webkit-animation-delay: 0;
     -moz-animation-delay: 0;
       -o-animation-delay: 0;
          animation-delay: 0;
}

.animate-second {
  -webkit-animation-delay: 800ms;
     -moz-animation-delay: 800ms;
       -o-animation-delay: 800ms;
          animation-delay: 800ms;
}

.animate-third {
  -webkit-animation-delay: 1500ms;
     -moz-animation-delay: 1500ms;
       -o-animation-delay: 1500ms;
          animation-delay: 1500ms;
}
.animate-for {
  -webkit-animation-delay: 2300ms;
     -moz-animation-delay: 2300ms;
       -o-animation-delay: 2300ms;
          animation-delay: 2300ms;
}

@-webkit-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@-moz-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@-o-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
/*topo*/
.topo{
	position: absolute;
	z-index: 3000;
	background-color: #FFF;
}
/*logo*/
#logo{
	background-image: url(../files/logo.png);
	background-repeat: no-repeat;
	position: static;
	float: none !important;   
    margin-right: auto !important;
    margin-left: auto !important;
	margin-top:  0px !important;
}
.logo{
}
/*social icons*/
 #social-icons{
	margin-top: 10px;
	padding-left: 0px;
}
    a.facebook, a.youtube, a.flickr, a.twitter{
	width: 25px;
	height: 25px;
	margin-left: 5px;
}
    a:hover.facebook, a:hover.twitter, a:hover.flickr, a:hover.youtube {
	background-position: -26px 0;
}
/*conteudo*/
.conteudo{
	padding-top: 250px;
}
/*slideshow*/
.slideshow{
	padding-top: 243px;
}
/*footer*/
.footer{
	padding: 0px;
	height: 300px;
	bottom: 0px;
}
/*Contatos Footer*/
#contatos-footer{
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #000;
	padding-left: 10px;
	font-size: 11px;
}
#contatos-footer p{
	color: #ccc;
	line-height: 40px;
}
#contatos-footer a{
	color: #ccc;
	text-decoration: none;
}
#contatos-footer a:hover{
	color: #000;
}
	}