/* GERAL */
@import url(http://fonts.googleapis.com/css?family=Coda);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300);
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
html {width:100%; height:100%;}
body { overflow-x: hidden; font-family: 'Roboto', sans-serif; font-weight: 300; background: #f6f6f6;  }

.clear-both { clear: both; }
.centralizar { display: block; max-width: 1170px; margin: 0 auto; padding: 0 15px; }
.sucesso { border-color: #9ADF8F; background: url('../images/icones/success.png') no-repeat; color: #339900; margin-left:40px; width:300px; }
.sucesso span {margin-left:20px; font: bold  13px Verdana, Geneva, sans-serif;  }
.fracasso { border-color: #DF8F8F; background: url('../images/icones/error.png') no-repeat; color: #cc0000; margin-left:40px; width:300px; }
.fracasso span {margin-left:20px; font: bold  13px Verdana, Geneva, sans-serif;  }
.botao { float: left; width: 150px; height: 60px; cursor: pointer; font: 24px/60px 'Roboto', sans-serif; font-weight: 300; color: #fff; text-align: center; text-decoration: none; background: #d4303d; text-transform: uppercase; padding: 0 15px; margin: 0 5px 0 0;}
.botao:hover { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; background-color: #adadad;}
.link { font: 16px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #987d00; text-decoration: none; } 
.link:hover {text-decoration: underline;}
h2 { float: left; width: 100%; height: 40px; margin: 95px 0 20px 0; color: #1063a3; text-transform:uppercase; }
h2 span { font: 35px/40px 'Oswald', sans-serif; border-bottom: solid 3px #d4303d; color: #424242; font-weight: 400; }
[id^=section] { float: left; width: 100%; margin-bottom: 100%; }

/* FORMULÁRIOS */
.formulario { float: left; width: 100%; }
.formulario input { float: left; width: 98%; padding: 0 1%; height: 45px; border: none; background: #ddd; font: 18px/45px 'Roboto', sans-serif; font-weight:500; color: #777; margin-bottom: 10px;  }
.formulario input#submit {float: right!important; width: 10%!important; height: 128px!important; border: none!important;  cursor: pointer!important;  font: 18px/40px 'Open Sans', sans-serif; color: #fff; text-align: center; text-decoration: none; background: #d4303d; text-transform: uppercase;}
.formulario input#submit:hover { background: #adadad; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear;}
.formulario textarea { float: left;width: 98%; padding: 10px 1%; height: 110px; border: none; background: #ddd ; font: 18px 'Roboto', sans-serif; font-weight:500; color: #777; resize: none;}
::-webkit-input-placeholder { color: #777;} :-moz-placeholder { color: #777; } ::-moz-placeholder { color: #777; }:-ms-input-placeholder { color: #777;}
.formulario .certo { background: #e9f9e6 url('../images/icones/success.png') no-repeat right center; border-color: #227b16 #87d97b #87d97b #227b16; color: #227b16;}
.formulario .errado { display: block; background: #f9e6e6 url('../images/icones/error.png') no-repeat right center; border-color: #cb0000 #d97b7b #d97b7b #cb0000; color: #cb0000; }
.notificacao { float: left; margin: 0 0 10px 0; width: 100%!important; font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; border: 1px solid; background-position: 10px center!important; }
.sucesso { border-color: #9ADF8F; background: #D5FFCE url('../images/icones/success.png') no-repeat; color: #339900; width:300px; }
.sucesso .trata-texto-msg {float: left!important; margin-left:40px!important; font: bold 12px Verdana, Geneva, sans-serif!important; color: #539B2D!important; padding: 10px 0!important;  }
.fracasso { border-color: #DF8F8F!important; background: #FFCECE url('../images/icones/error.png') no-repeat;  }
.fracasso .trata-texto-msg {float: left!important; margin-left:40px!important; font: bold 12px Verdana, Geneva, sans-serif!important; color: #B1221B!important; padding: 10px 0!important;   }

/* TOPO */
.topo { position: fixed; float: left; width: 100%; height: 71px; background: url('../images/fundo-topo.gif') repeat-x 0 0; z-index: 999; }

/* NAVEGAÇÃO PRINCIPAL*/
.topo .menu-principal { float: left; height: 20px; margin: 22px 0 0 5px; }
.topo .menu-principal li { float: left; border-right: dotted 1px #777; }
.topo .menu-principal li a { float: left; padding: 0 5px; height: 20px; font: 0.8em/20px 'Roboto', sans-serif; font-weight:300; color: #777; text-transform:uppercase; text-decoration: none; }
.topo .menu-principal li a span { float: left; }
.topo .menu-principal li a:hover { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; color: #d4303d; }
.topo .menu-principal li a.ativo { color: #d4303d; }

/* MENU MOBILE */
.topo .menu-principal .menu-mobile { display: none; height: 35px; font: 18px/16px 'Coda', cursive; font-weight:500; color: #fff; text-transform:uppercase; text-decoration: none; margin: 5px 0 0 0; position:relative; z-index: 9999;}

/* LOGO */
.topo h1 a img {position: absolute; left: 50%; width: 327px; height: 140px; margin: 0 0 15px -159px; font-size: 0px; } /* 325px / 1170 */

/* ABERTURA */
.abertura { float: left; width: 100%; min-height: 1080px; background: url('../images/bg-abertura.jpg') no-repeat; background-attachment: fixed; background-position: center; }
.logo-abertura { float:right; width: 53.675213675%; margin: 150px 20px 0 0; }
.logo-abertura img { width: 100%;}

/* CONTATOS */
.contatos {position: absolute; right:15px; height: 32px; margin-top: 16px; }
.contatos li {float: left; margin-right: 5px; }
.contatos li span { float: right; font: 22px/32px 'Roboto', sans-serif; font-weight:100; color: #777; margin-left: 5px;}

/* CONTATOS RODAPE */
.contatos-rodape { display: none; position: relative; width: 300px; left: 50%; height: 32px; margin-bottom: 15px; margin-left: -150px;}
.contatos-rodape li {float: left; margin-right: 5px; }
.contatos-rodape li span { float: right; font: 28px/32px 'Roboto', sans-serif; font-weight:100; color: #777; margin-left: 5px;}

/* CORPO */
.corpo { float: left; width: 100%; }

/* EMPRESA */
.empresa { float: left; width: 100%; margin-bottom: 20px; }

/* BLOG */
.blog {float: left; width: 100%;}
.blog li { float: left; border-bottom: dashed 1px #424242; padding: 10px 0;}
.blog li span { float: left; width: 80px; height: 80px; background: #d4303d; margin-right: 10px; }
.blog li span .dia { float: left; width: 80px; font: 30px 'Oswald', sans-serif; font-weight:400; color: #fff; text-align: center; }
.blog li span .mes { float: left; width: 80px; font: 20px 'Oswald', sans-serif; font-weight:400; color: #fff; text-align: center; }
.blog .titulo-materia-blog { font: 25px/30px 'Oswald', sans-serif; font-weight:400; color: #d4303d; text-decoration: none; }
.blog .titulo-materia-blog:hover { color: #adadad;  }
.blog li p { font-family: 'Roboto', sans-serif; font-weight: 300; margin-top: 10px; }


/* RODAPE */
.rodape { float: left; position: relative; height: 205px; width: 100%; clear:both; font-size: 62.5%; } 
.rodape .rodape-meio { float: left; width: 100%; height: 145px; background: #d4303d; }
.rodape .rodape-meio span {float:left; width: 100%; font: 32px/145px 'Oswald', sans-serif; font-weight:400; color: #fff; text-align:center;}
.rodape .baixo {float: left; width: 100%; height: 60px; background: #424242;}
.rodape .baixo .esquerda { float: left; width: 65%; height: 60px; }
.rodape .baixo .esquerda span { float: left; width: 100%; font: 18px/60px 'Roboto', sans-serif; font-weight:100; color: #fff; }
.rodape .baixo .assinatura { float: right; height: 60px; }
.rodape .baixo .assinatura p { float: left; font: 14px/60px 'Roboto', sans-serif; font-weight:100; color: #fff; text-decoration: none; }
.rodape .baixo .assinatura a { float: right; width: 96px; height: 21px; background: url('../images/logo-multiplix.png') no-repeat 0 0; margin: 20px 0 0 10px; font-size:0px;}
.rodape .baixo .assinatura a:hover { float: right; width: 96px; height: 21px; background: url('../images/logo-multiplix-houver.png') no-repeat 0 0; }


@media only screen and (min-width: 769px) and (max-width: 959px) {

    .centralizar { max-width: 929px; }
		
	/* LOGO */
	.topo h1 a img {position: absolute; right: 50%; margin-right: -133.5px; } /* 325px / 1170 */
	
	/* ABERTURA */
	.logo-abertura { float: none; width: 53.675213675%; margin: 150px auto 0 auto; }
	.logo-abertura img { width: 100%;}

	/*MENU*/
	.topo .menu-principal { display: block; width: 100%; height: 64px!important; margin: 0 -15px 0 0; border: none;} 
	.topo .menu-principal ul { display: none; }
	.topo .menu-principal li a {font-size: 0.8em; font-weight: 20px;}
	.topo .menu-principal .menu-mobile { display: block; float: left; }
	.topo .menu-principal .menu-mobile img { display: block!important; position: relative; top: 15px; left: 15px; float: left; margin: 2px 0 4px 0; background: #FFF; padding: 4px; }
	.topo .menu-principal li { width: 100%; border: none;  }
    .topo .menu-principal li a { position: relative; z-index: 999; display: block;  float: left; width: 100%!important; border-bottom: solid 1px #d6d6d4; padding: 0 5px; height: 69px; background: #c7c6c4; font: 20px/69px 'Coda', cursive; font-weight:500; color: #333; text-transform:uppercase; text-decoration: none; }
	.topo .menu-principal li a:hover { color: #F00;} 
	.topo .menu-principal li a.ativo { color: #F00;} 
	
	/*FALE CONSOCO*/
	.formulario textarea { width: 81%!important; }	
	.formulario input#submit {width: 16%!important;  }

}

@media only screen and (min-width: 481px) and (max-width: 768px) {

    .centralizar { max-width: 738px; }
	
	h2 { margin-top: 150px; }
	
	/* LOGO */
	.topo h1 a img {position: absolute; right: 50%; margin-right: -133.5px; } /* 325px / 1170 */
	
	/* ABERTURA */
	.logo-abertura { float: none; width: 70%; margin: 150px auto 0 auto; }
	.logo-abertura img { width: 100%;}
	.logo-abertura a { margin-left: -90px!important;}
	
	/*MENU*/
	.topo .menu-principal { display: block; width: 100%; height: 64px!important; margin: 0 -15px 0 0; border: none;} 
	.topo .menu-principal ul { display: none; }
	.topo .menu-principal li a {font-size: 0.8em; font-weight: 20px;}
	.topo .menu-principal .menu-mobile { display: block; float: left; }
	.topo .menu-principal .menu-mobile img { display: block!important; position: relative; top: 15px; left: 15px; float: left; margin: 2px 0 4px 0; background: #FFF; padding: 4px; }
	.topo .menu-principal li { width: 100%; border: none;  }
    .topo .menu-principal li a { position: relative; z-index: 999; display: block;  float: left; width: 100%!important; border-bottom: solid 1px #d6d6d4; padding: 0 5px; height: 69px; background: #c7c6c4; font: 20px/69px 'Coda', cursive; font-weight:500; color: #333; text-transform:uppercase; text-decoration: none; }
	.topo .menu-principal li a:hover { color: #F00;} 
	.topo .menu-principal li a.ativo { color: #F00;} 

	
	/* TELEFONE */
	.contatos .telefone {display: none; }
	
	/*FALE CONSOCO*/
	.formulario input {width: 98%!important; padding: 0 1%!important;}
	.formulario textarea { width: 71%!important; }	
	.formulario input#submit {width: 26%!important;  }
	
	/*CONTATO FORMUlÁRIO*/
	.contatos-rodape { display: block;}

	/* RODAPE */	
	.rodape .rodape-meio span {font: 20px/145px 'Oswald', sans-serif;}
	.rodape .baixo {float: left; width: 100%; height: 120px!important; background: #424242;}
	.rodape .baixo .esquerda { float: left; width: 100%!important; height: 60px; }
	.rodape .baixo .esquerda span { font: 14px/60px 'Roboto', sans-serif; text-align: center; }
	.rodape .baixo .direita { float: left; width: 100%!important; height: 60px;}
	.rodape .baixo .assinatura {float:left; position: absolute; left: 50%; width: 200px; margin-left: -97.5px; }
	.rodape .baixo .assinatura p { font: 12px/60px 'Roboto', sans-serif;  }
	
}

@media only screen and (min-width: 350px) and (max-width: 480px) {

     .centralizar { max-width: 450px; }
	 h2 { margin-top: 150px; }
	
	/* LOGO */
	.topo h1 a img {position: absolute; right: 50%; margin-right: -133.5px; } /* 325px / 1170 */
	
	/* ABERTURA */
	.logo-abertura { float: none; width: 70%; margin: 150px auto 0 auto; }
	.logo-abertura img { width: 100%;}
	.logo-abertura a { margin-left: -90px!important;}

	
	/*MENU*/
	.topo .menu-principal { display: block; width: 100%; height: 64px!important; margin: 0 -15px 0 0; border: none;} 
	.topo .menu-principal ul { display: none; }
	.topo .menu-principal li a {font-size: 0.8em; font-weight: 20px;}
	.topo .menu-principal .menu-mobile { display: block; float: left; }
	.topo .menu-principal .menu-mobile img { display: block!important; position: relative; top: 15px; left: 15px; float: left; margin: 2px 0 4px 0; background: #FFF; padding: 4px; }
	.topo .menu-principal li { width: 100%; border: none;  }
    .topo .menu-principal li a { position: relative; z-index: 999; display: block;  float: left; width: 100%!important; border-bottom: solid 1px #d6d6d4; padding: 0 5px; height: 69px; background: #c7c6c4; font: 20px/69px 'Coda', cursive; font-weight:500; color: #333; text-transform:uppercase; text-decoration: none; }
	.topo .menu-principal li a:hover { color: #F00;} 
	.topo .menu-principal li a.ativo { color: #F00;} 

	
	/* TELEFONE */
	.contatos .telefone{display: none; }
	
	/*FALE CONSOCO*/
	.formulario input {width: 98%!important; padding: 0 1%!important;}
	.formulario textarea { width: 71%!important; }	
	.formulario input#submit {width: 26%!important; }
	
	/*CONTATO FORMUlÁRIO*/
	.contatos-rodape { display: block;}
	
	/* RODAPE */	
	.rodape .rodape-meio span {font: 20px/145px 'Oswald', sans-serif;}
	.rodape .baixo {float: left; width: 100%; height: 120px!important; background: #424242;}
	.rodape .baixo .esquerda { float: left; width: 100%!important; height: 60px; }
	.rodape .baixo .esquerda span { font: 11px/60px 'Roboto', sans-serif; text-align: center; }
	.rodape .baixo .direita { float: left; width: 100%!important; height: 60px;}
	.rodape .baixo .assinatura {float:left; position: absolute; left: 50%; width: 200px; margin-left: -97.5px; }
	.rodape .baixo .assinatura p { font: 12px/60px 'Roboto', sans-serif;  }


}

@media (max-width: 349px) {
	
	.centralizar { max-width: 319px; }
	h2 { margin-top: 150px; }
	
	/* LOGO */
	.topo h1 a img {position: absolute; right: 50%; margin-right: -145px; } /* 325px / 1170 */
	
	/* ABERTURA */
	.logo-abertura { float: none; width: 80%; margin: 150px auto 0 auto; }
	.logo-abertura img { width: 100%;}
	.logo-abertura a { margin-left: -90px!important;}
	
	/*MENU*/
	.topo .menu-principal { display: block; width: 100%; height: 64px!important; margin: 0 -15px 0 0; border: none;} 
	.topo .menu-principal ul { display: none; }
	.topo .menu-principal li a {font-size: 0.8em; font-weight: 20px;}
	.topo .menu-principal .menu-mobile { display: block; float: left; }
	.topo .menu-principal .menu-mobile img { display: block!important; position: relative; top: 15px; left: 15px; float: left; margin: 2px 0 4px 0; background: #FFF; padding: 4px; }
	.topo .menu-principal li { width: 100%; border: none;  }
    .topo .menu-principal li a { position: relative; z-index: 999; display: block;  float: left; width: 100%!important; border-bottom: solid 1px #d6d6d4; padding: 0 5px; height: 69px; background: #c7c6c4; font: 20px/69px 'Coda', cursive; font-weight:500; color: #333; text-transform:uppercase; text-decoration: none; }
	.topo .menu-principal li a:hover { color: #F00;} 
	.topo .menu-principal li a.ativo { color: #F00;} 

	/* TELEFONE */
	.contatos {display: none; }
	
	/*FALE CONSOCO*/
	.formulario input {width: 98%!important; padding: 0 1%!important;}
	.formulario textarea { width: 71%!important; }	
	.formulario input#submit {width: 26%!important;  }
	
	/*CONTATO FORMUlÁRIO*/
	.contatos-rodape { display: block;}
	
	/* RODAPE */	
	.rodape .rodape-meio span {font: 20px/145px 'Oswald', sans-serif;}
	.rodape .baixo {float: left; width: 100%; height: 120px!important; background: #424242;}
	.rodape .baixo .esquerda { float: left; width: 100%!important; height: 60px; }
	.rodape .baixo .esquerda span { font: 11px/60px 'Roboto', sans-serif; text-align: center; }
	.rodape .baixo .direita { float: left; width: 100%!important; height: 60px;}
	.rodape .baixo .assinatura {float:left; position: absolute; left: 50%; width: 200px; margin-left: -97.5px; }
	.rodape .baixo .assinatura p { font: 12px/60px 'Roboto', sans-serif;  }

	

}