body{
	background-image:url(../img/backgrounds/background_01.fw.png);
	background-repeat:repeat-x;
	background-position:top;
	background-attachment:fixed;
	}
		
	/*NAV*/
	.my-navbar{
		position:fixed;
		z-index:9999;
		background-color:#FFF;
	}
	
	@media (max-width: 480px) {	
		.my-navbar{
		width:85%;
		margin:2% 7.5% 1% 7.5%;
		position:relative;
		border-radius:4px;}		
	}
	
	@media (min-width: 481px) {	
		.my-navbar{
		width:100%;
		margin:0;
		border-radius:0;}	
		
		.my-navbar ul.dropdown-menu li{width:200px;}
		
		.my-navbar ul.dropdown-menu li a{	
		height:auto;
		margin-top:-3%;
		padding:5%;
		}
	
		.my-navbar ul li a{
		padding-top:20px;
		height:60px;}
	}
	
	a.my-navbar-brand{
		display:table;
		margin:0 8% 0 2%;
	}
	
	
	a.my-navbar-brand img{
		min-width:100px;
		max-width:140px;
		padding:4%;
	}
	
	/* CONTENT + CONTAINER */
	
	section.my-content{
		width:100%;
		display:table;}
	
	section.my-content .my-container{
		display:table;
		margin-top:5%;
		border-radius:4px;
		border:solid 1px;
		border-color:#CA0000;
		background-color:#F9F9F9;}
	
	@media (max-width: 480px) {
		section.my-content .my-container{
		width:85%;
		margin:2% 7.5% 2% 7.5%;
		padding:5%;}
	}
	
	@media (min-width: 481px) {
		section.my-content .my-container{
		width:80%;
		margin:2% 10% 2% 10%;
		padding:3%;}
	}
	
	@media (min-width: 768px){
		section.my-content .my-container{padding:2%;}
	}
	
	@media (min-width: 1200px) {
		section.my-content .my-container{
		width:70%;
		margin:2% 15% 2% 15%;
		padding:2%;}
	}
	
	@media (min-width: 1px) {section.my-content .my-container{margin-top:80px;}}
	
	
	section.my-content .my-container h1{
		font-size:2em;
		margin:0;
		color:#C10000;	
	}
	
	@media (max-width: 480px) {
		section.my-content .my-container h1{text-align:center;}
	}
	
	@media (min-width: 481px) {
		section.my-content .my-container h1{font-size:1.7em;}
	}
	
	section.my-content .my-container h2{
		font-size:1.5em;
		margin:0 0 2% 0;
	}
	
	section.my-content .my-container input{
		margin:1% 0 2% 0;
	}
	
	section.my-content .my-container select{
		margin:1% 0 2% 0;
	}
	
	section.my-content .my-container textarea{
		margin:2% 0 1% 0;
	}
	
	section.my-content .my-container ul li{
		margin:0 0 1% -15%;
		list-style:none;
	}
	
/*------------------------------------- HOME -------------------------------------------*/

/* ---------- HOME --------*/

	.home-container{	
	display:table;}

	@media (max-width: 480px) {
		.home-container{
		width:85%;
		margin:2% 7.5% 0 7.5%;
		padding:5%;}
	}
	
	@media (min-width: 481px) {
		.home-container{
		width:80%;
		margin:2% 10% 0 10%;
		padding:3%;}
	}
	
	@media (min-width: 768px){
		.home-container{padding:2%;}
	}
	
	@media (min-width: 1200px) {
		.home-container{
		width:65%;
		margin:0 17.5% 0 17.5%;
		padding:2%;}
	}
	
	@media (min-width: 1200px) {
		/*.home-container .slide-show{
		width:100%;
		height:500px;
		border-radius:4px;
		border:solid 1px;
		border-color:#CA0000;
		background-color:#F9F9F9;}*/
	}
	
	.home-container2{
	width: 100%;
	background-color: #DDDDDD;
}
	
	.home-container2 .home-container .banner{
		display:table;
	}
	
		.home-container2 .home-container .banner-1{
	width: 100%;
	margin: 0 0 2% 0;
	padding: 1%;
	border-radius: 4px;
	background-color: #F9F9F9;
		}
		
			.home-container2 .home-container .banner-1 .section-a{
				width:100%;
				display:table;
				padding:2%;
				
				border-bottom:solid 1px;
				border-bottom-color:#CCC
			}
			
			.home-container2 .home-container .banner-1 .section-a img{
				width:40%;
				padding:0 3% 3% 3%; 
				float:left;
			}
			
			.home-container2 .home-container .banner-1 .section-a ul{
				width:55%;
				float:right;
				font-size:1.1em;
			}
			
			.home-container2 .home-container .banner-1 .section-a ul h2{
				margin:0 0 3% -4%;
				font-size:1.40em;
				color:#A00;
			}
			
			.home-container2 .home-container .banner-1 .section-b{
				width:100%;
				display:table;
				padding:2%;
			}
			
			.home-container2 .home-container .banner-1 .section-b img{
				width:40%;
				float:right;
			}
			
			.home-container2 .home-container .banner-1 .section-b ul{
				width:55%;
				float:left;
				font-size:1.1em;
			}
			
			.home-container2 .home-container .banner-1 .section-b ul h2{
				margin:0 0 3% -4%;
				font-size:1.40em;
				color:#A00;
			}
		
		.home-container2 .home-container .banner-3{
		width: 100%;
		float:right;}
		
		.home-container2 .home-container .banner-3 h2{
		width: 100%;
		margin: 0 0 2% 0;
		padding: 0 0 1% 0;
		color: #575757;
		font-size: 1.8em;
		border-bottom: solid 1px;
		border-bottom-color: #575757;
		}
		
		.home-container2 .home-container .banner-3 h3{
		font-size: 1.5em;}
		
		.home-container2 .home-container .banner-3 img{
		width:100%;}
		
		.home-container2 .home-container .banner-3 .port-1{
		width: 25%;
		margin-right:2%;
		float:left;}
		
		.home-container2 .home-container .banner-3 .port-2{
		width: 25%;
		float:left;}
	
	
/* HOME PHONE */

		@media (max-width: 480px) {
			
			.banner-home{
				width:85%;
				margin:2% 7.5% 2% 7.5%;
				display:table;
				
				border-radius:8px;
				border:solid 1px;
				border-color:#CA0000;
				background-image:url(../img/backgrounds/backgound_banner-home.fw.png);}
			
			.banner-layer-2{
				width:98%;
				margin:1%;
				padding:5% 5% 2% 5%;
				display:table;
				text-align:center;
				
				background-color:#FFF;}
			
			.banner-home .banner-layer-2 h1{
				margin:0 0 3% 0;
				font-size:1.4em;
				font-weight:800;}
			
			.banner-home .banner-layer-2 h2{
				font-size:1.2em;
				font-weight:800;}
			
			.banner-home .banner-layer-2 h3{
				font-size:1.25em;
				font-weight:800;}
			
			.banner-home .banner-layer-2 p{
				font-size:0.85em;
				font-weight:800;}
			
			.banner-home .banner-layer-2 h2.h-red{
				margin:0;
				color:#E80000;
				width:40%;
				float:left;
				text-align:right;}
			
			.banner-home .banner-layer-2 h2.h-gold{	
				width:55%;
				margin:0.5% 0 2% 2%;
				float:right;
				
				color:#B7B700;
				text-align:left;	}
			
			.banner-home .banner-layer-2 h3.h-red{
				color:#E80000;}
			
			.banner-home .banner-layer-2 p.p-midle{
				width:1%;
				float:left;
				margin:1.2% 1% 0 1%;}
			
			.banner-home .banner-layer-2 p.text{	
				width:100%;
				float:left;}
			
			.banner-home .banner-layer-2 p.banner-email{	
				font-size:0.95em;}
			
			.banner-home .banner-layer-2 img{
				width:80%;
				max-width:266px;}
			
			.banner-home .banner-layer-2 .banner-tel{	
				font-size:1.20em;
				font-weight:800;}
			
			.banner-home .banner-layer-2 .banner-tel bold{
				font-size:0.70em;}
			
			/*BANNER 2*/
			.banner-home .banner-layer-2 .banner-titulo{
				width:45%;
				float:left;
				text-align:left;}
			
			.banner-home .banner-2 .banner-titulo h1{
				margin:0;
				font-size:2.0em;}
				
			.banner-home .banner-2 .banner-titulo h2{
				margin:0;
				font-size:1.3em;}
				
			.banner-home .banner-2 .banner-titulo p{
				margin:0;
				font-size:1.0em;}
			
			.banner-home .banner-2 img.type-2{
				width:55%;
				margin-top:-2%;
				padding:2% 2% 0 2%;
				float:right;
				text-align:center;}
			
			.banner-home .banner-2 p.text{
				width:90%;
				margin:2% 0 2% 0;
				text-align:left;
				font-weight:800;}
		
			.banner-home .banner-2 ul{
				width:100%;
				float:left;
				margin:8% 0 0 0;
				text-align:left;
				font-size:0.7em;}
			
			.banner-home .banner-layer-2 ul li{
				margin:0 0 0 -14%;}
			
			.banner-home .banner-layer-2 img.type-3{
				width:111%;
				max-width:360px;
				min-width:110.5%;
				margin:5% 0 -2.5% -5.5%;
				border-radius:1px;}
			
			/*BANNER 3*/
			.banner-home .banner-3 .banner-titulo h1{
				margin:0;
				font-size:1.5em;}
				
			.banner-home .banner-3 .banner-titulo h2{
				margin:0;
				font-size:1.9em;}
			
			.banner-home .banner-3 p.text{
				font-weight:800;}
			
			.banner-home .banner-3 ul{
				width:100%;
				float:left;
				margin:2% 0 0 0;
				text-align:left;
				font-size:0.75em;}
		}
	
	/* EMPRESA */
	
	@media (min-width: 1200px) {.empresa{padding-top:2.1%; margin-bottom:3.5%;}}
			
	/* PRODUTOS MAQUINAS */
	
	section.produto-descricao .modelo-maquina{
		float:left;
		padding:0 2% 0 2%;
		display:table;
        border-radius: 2px;
        background-color: white;
	}
	
	@media (min-width: 550px) {
		section.produto-descricao .modelo-maquina{
		width:50%;
		text-align:center;}
		
		section.produto-descricao .modelo-maquina p{	
		height:300px;}
	}
	
	@media (min-width: 1200px) {
		section.produto-descricao .modelo-maquina{width:25%;}
        
        section.produto-descricao .img-maquina{height:220px;}
		
		section.produto-descricao .modelo-maquina p{	
		height:200px;}
	}
	
	section.produto-descricao h2{
		font-size:1.5em;
		margin:0 0 2% 0;
	}
	
	section.produto-descricao h3{
		font-size:1.25em;
		margin:6% 0 1% 0;
		text-align:center;
	}
		
	section.produto-descricao .btn{
		padding:1%;
	}
	
	section.produto-descricao .btn-info{
		padding:1%;
		float:left;
	}
	
	section.produto-descricao .btn-danger{
		padding:1%;
		float:right;
	}
	
	@media (max-width: 550px) {		
		section.produto-descricao .btn-info{width:48%;}
		section.produto-descricao .btn-danger{width:48%;}
	}
	
	@media (min-width: 550px) {		
		section.produto-descricao .btn-info{width:100%;margin-bottom:2%;}
		section.produto-descricao .btn-danger{width:100%;}
	}
	
	.modelo-maquina img{	
		float:left;}
			
	@media (max-width: 1200px) {		
	.modelo-maquina img{
		width:50%;
		padding:4%;}
	}
	
	@media (min-width: 1200px) {		
	.modelo-maquina img{
		width:100%;
		padding:8%;}
	}
	
	@media (max-width: 768px) {		
		section.produto-descricao p.obs{
		width:100%;
		margin:5% 0 0 0;
		font-size:0.9em;}
	}
	
	@media (min-width: 768px) {	
		section.produto-descricao p.obs{
		width:70%;
		margin:10% 15% 0 15%;
		font-size:1.1em;
		text-align:center;}
	}
	
	/* MEDIDAS MAQUINAS */
	
	section.maquinas-medidas h1{
		margin:0 0 2% 0;
	}
	
		section.maquinas-medidas .config-content{
		float:left;	
		width:48%;
		height:250px;
		margin:0 1% 1% 1%;}
		
		section.maquinas-medidas table{
	width: 100%;
	margin: 2% 0 2% 0;
	display: table;
	border-radius: 5px;
	border: solid 1px;
	border-color: #D8D8D8;
	background-color: #FFF;
	}
		
	section.maquinas-medidas .config-content table tr{
	height:60px;
	border-bottom:solid 1px;
	border-bottom-color:#D8D8D8;}
		
	section.maquinas-medidas .config-content table tr.last-info{
	height:auto;}
	
	section.maquinas-medidas table tr td{
		padding:2%;
	}
	
	section.maquinas-medidas table tr td.medida-cab{;
		padding:2% 2% 2% 1%;
		border-right:solid 1px;
		border-right-color:#D8D8D8;
	}
	
	section.maquinas-medidas table tr td.medida-cab{
		width:25%;
		font-weight:800;
		font-size:1.1em;
	}
	
	section.maquinas-medidas table tr.last-info{
		border-bottom-color:#D8D8D8;
	}
	
	@media (max-width: 900px){section.maquinas-medidas .config-content{width:100%;height:auto;}}

	/* ACESSORIOS */
	
	section.maquinas-acessorios .my-container h1{
		font-size:1.3em;
		margin-bottom:2%;
	}

	/* BEXIGAS */
	
	section.produtos-bexigas .my-container h1{
		font-size:1.2em;
		text-align:center;
	}
	
	section.produtos-bexigas .my-container h2{
		font-size:1.15em;
	}
	
	section.produtos-bexigas .my-container p{
		color:#757575;
	}

	section.produtos-bexigas .my-container h3{
			text-align:center;
			font-size:1.2em;
			font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
			margin:0 0 1% 0;
			padding:2%;
			display: block;
			color: #777;
			text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
			background: #ffffff;
			background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
			background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
			background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
			background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
			background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
			box-shadow: 
				0px 0px 0px 1px rgba(155,155,155,0.3), 
				1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
				0px 2px 2px rgba(0,0,0,0.1);
	}
	
	section.produtos-bexigas .my-container .medidas{
		border:solid 1px;
		border-color:#CFCFCF;
		background-color:#FFF;	
	}
	
	@media (max-width: 740px){
		section.produtos-bexigas .my-container .medidas{width:100%;}
		
		section.produtos-bexigas .imgs-bexigas img.type-1{
		width:100%;
		padding:8%;
		float:left;}
		
		section.produtos-bexigas .imgs-bexigas img.type-2{display:none;}
	}
	
	@media (min-width: 741px){
		section.produtos-bexigas .my-container .medidas{
			width:50%;
			float:left;}
			
		section.produtos-bexigas .my-container .imgs-bexigas{
			width:50%;
			float:right;}
			
		section.produtos-bexigas .my-container .imgs-bexigas img{
			width:100%;
			padding:5% 8% 5% 8%;}
			
		section.produtos-bexigas .my-container .imgs-bexigas img.type-2{
			width:100%;
			padding:5% 14% 5% 14%;}		
	}

	
	section.produtos-bexigas .my-container .medidas p{
		padding:0.1% 0 0.1% 1%;
		color:#333;	}
		
	/* MATERIAIS */	
	
	section.produtos-materiais .my-container{
		background-color:white;
	}
	
	section.produtos-materiais .material{
		width:50%;
		float:left;
		padding:2%;	
	}
	
	section.produtos-materiais .material img{
		max-width:100%;
	}
	
	/* FOOTER */
	
	footer section.my-content{
        background-color:#000;
    }
	
	footer section.my-content .my-container{
		margin-top:0;
		margin-bottom:0;
		padding:0;
		color:#FFF;
		border:none;
		background-color:transparent;}
	
	.foot-1{float:left;margin-right:3%;	}
	.foot-2{float:left;}

    .foot-2 .whatsapp img{
        float: left;
        width: 16px;
        margin:2px 5px 0 0;
        
    }
	
	@media (max-width: 480px){		
		.foot-1{
		width:100%;
		padding:0 2% 0 0;
		float:left;}
		
		.foot-2{
		width:100%;
		padding:0 0 0 2%;
		float:left;
		display:block;}
	}
	
	.bonetti{
		width:20%;
		float:right;
	}
	
	.bonetti img{
	width:60%;
	padding: 3% 5% 3% 5%;
	border-radius:4px;
	background-color: #EC3C00;
	}
	
	/* QUERIES */
	
	@media (max-width: 480px) {		
		.no-phone{display:none;}
		
		.only-phone{display:block;}
	}
	
	@media (min-width: 480px) {
		.only-phone{display:none;}
	}
	
	@media (min-width: 1200px) {
		.no-pc{display:none;}
	}
	
	.no-view{
		display:none;
	}