/*
==========================================================================
================================= 1024px =================================
==========================================================================
*/
/*
@media only screen and (max-width : 1024px){
	.root {
		margin: 0 auto;
	}

	#chamada-principal {
		width: 96%;
		padding: 2%;
	}
	
	.noticias-home {
		width: 96%;
		max-width: 100%;
		padding: 2%;
	}

	#conteudo #campanhas ul li {
		width: 45%;
	}
	#conteudo #campanhas ul li figure img {
		width: 80%;
		height: auto;
		margin: 0 10%;
	}
	#conteudo #campanhas.com-noticia ul li .noticias-home ul#noticias li {
		width: 95%;
	}

}


/*
==========================================================================
================================= 900px ==================================
==========================================================================
*/
/*
@media only screen and (max-width : 900px){
	#topo .a,
	#topo .b,
	#topo .c,
	.menu-principal,
	.menu-principal ul {
		width: 100%!important;
		
	}
	.menu-principal ul {
		text-align: center;
	}
	.menu-principal ul li{
		display: inline-block;
		float: none;
	}
	.menu-principal ul li a {
		padding: 20px 15px;
	}
}



/*
==========================================================================
================================= 780px ==================================
==========================================================================
*/

@media only screen and (max-width : 780px){

	.root {
		width: 100%;
	}
	
	
	
	.logo {
		background: url("http://www.mettmann.8box.com.br/source/m/mettmann.com.br/images/logo.png") no-repeat scroll center center transparent;
		display: block;
		float: left;
		height: 106px;
		margin: 0 0 15px;
		min-width: 240px;
		text-indent: -9999px;
		width: 100%;
	}
	
	.menu-principal {
		padding: 0;
		width: 100%;
		background:#0392E0;
	}

	.menu-principal ul,
	.menu-principal ul li {
		width: 100%;
	}

	.menu-principal ul li a {
		width: 92%!important;
		padding: 4%!important;
		height: auto;
		border-bottom: 1px solid #CCC;
		color:#fff;
	}
	
	
	
	.menu-principal ul li:hover,
	#menu-principal ul li:hover,
	.menu-principal ul li a:hover,
	#menu-principal ul li a:hover {
		background: #46AEE8;
		color: #FFF;
	}
	

	#conteudo #campanhas ul li {
		width: 90%;
	}
	#conteudo #campanhas.com-noticia ul li .noticias-home {
		border-top: 10px solid #444;
		margin-top: 30px;
		padding-top: 30px;
	}
	#conteudo #campanhas.com-noticia ul li .noticias-home ul#noticias li {
		width: 90%;
	}
	#conteudo #campanhas ul li {
		text-align: center!important;
	}

	#conteudo {
		padding-bottom: 300px;
	}

	#rodape	 {
		height: 300px
	}
	#rodape .box {
		height: 250px;
	}
	#rodape .dados-empresa,
	#rodape .newsletter {
		padding: 2%;
		width: 96%;
	}
	
	
	#menu-lateral.a {
		width: 100%;
		float: left;

	}
	#menu-lateral.a ul {
		width: 100%;
	}
	#menu-lateral.a ul li,
	#menu-lateral.a ul li a {
		max-width: 100%;
		text-align: center;
	}
	
	/*menu de categorias*/
	#menu-lateral.a a.nav-toggle {
		  border-bottom: 1px solid #CCC;
		  font-size: 20px;
		  color: #FFF;
		  background-color:#0392E0;
	  
	}
	
	#pagina-padrao.b {
		width: 90%;
		padding: 5%;
	}
	
	.galeria-horizontal.b figure figcaption{
		position: relative;
		float: left;
		border-bottom: 1px solid #F4F4F4;
		margin-bottom: 10px;
	}
	.galeria-horizontal a.imagem-left {
		left: 0;
	}
	.galeria-horizontal a.imagem-right {
		right: 0;
	}

	.owl-carousel {
		float: left;
		display: none!important;
	}

	.contato {
		
	}
	.contato .box .a,
	.contato .box .b,
	.contato .box .c {
		width: 96%!important;
		float: left;
		padding: 2%;
	}
	.contato .box .a .contatos h3 {
		display: block;
		width: 100%;
		float: left;
	}
	.contato .box .a .contatos ul li {
		float: left;
		margin-bottom: 20px;
		margin-right: 20px;
		padding-right: 20px;
	}
	.contato .box .a .contatos ul li:first-child {
		margin-right: 0;
		border-right: 0;
		padding-right: 0;
	}
	.contato .box .b form {
		border: 0!important;
	}
	.contato .box .b form input {
		padding: 2%;
		width: 96%;
	}
	.contato .box .b form input.botao1 {
		width: 41%!important;
		padding: 2%;
	}
	.contato .box .c .mapa iframe {
		height: 200px!important;
	}

	#conteudo.institucional.contato .box .b form,
	#conteudo.institucional.contato .box .c .mapa {
		padding: 0;
		border: 0;
	}

}


/*
==========================================================================
================================= 490px ==================================
==========================================================================
*/

@media only screen and (max-width : 490px){
	#topo .contatos-social {
		width:auto;
		float: right;
		margin-top: -30px;
		font-size: 14px;
		color:#FFF;
	}
	
	
	.root {
		width: 100%;
	}
	
	
	
	.logo {
		background: url("http://www.mettmann.8box.com.br/source/m/mettmann.com.br/images/logo.png") no-repeat scroll center center transparent;
		display: block;
		float: left;
		height: 106px;
		margin: 0 0 15px;
		min-width: 240px;
		text-indent: -9999px;
		width: 100%;
	}
	
	.menu-principal {
		padding: 0;
		width: 100%;
		background:#0392E0;
	}

	.menu-principal ul,
	.menu-principal ul li {
		width: 100%;
	}

	.menu-principal ul li a {
		width: 92%!important;
		padding: 4%!important;
		height: auto;
		border-bottom: 1px solid #CCC;
		color:#fff;
	}
	
	
	
	.menu-principal ul li:hover,
	#menu-principal ul li:hover,
	.menu-principal ul li a:hover,
	#menu-principal ul li a:hover {
		background: #46AEE8;
		color: #FFF;
	}
	
	#pagina-padrao figure img {
		width: 100%;
	}
	#barra-social .box ul {
		
	}
	.newsletter input#optin.left{
		width: 240px!important;
	}
	.newsletter input.botao1 {
		
	}

	a.powered {
		right: 10px;
		left: auto;
	}
}