﻿.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: #D8D8D8;
 }

.img-top{
/*	border:2px solid yellow;*/
    padding-top:15%;
/*    background:#fff;*/
   background-image: url("../../imagens/matriz.png");
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment:fixed;
 /*  background-position: 40% 40%;*/

}

.botoes-empresas{
/*	border:2px solid red;*/

}
.fade{
    background-color:rgba(36, 36, 36, 0.7);
}
#logos{
	padding: 13%;
/*    border:2px solid green;*/
    background-color:rgba(255, 255, 255, 0.5);


}
.btn-media{
		padding: 0% 0% 0% 0%;
/*		border:2px solid blue;*/
}

.sisfer{
	color:#fff;
	font-family:Verdana;

    -webkit-text-stroke-width: px; /* largura da borda */
    -webkit-text-stroke-color: #000; /* cor da borda */
}
.nabbar-button{
	margin: 3px;
}

.f{
  padding: 10px;
}

#footer-infos{
	background:#6E6E6E;
	padding-top:40px;
	color:#fff;
}
#footer-creditbar{
	background:#848484;
}



#fertigran{
	padding-top: 10%;

}

#fertipar{
	width: 100%;

}

#sudeste{
	width: 90%;


}
#matogrosso{

}
#Piratini{
	padding-top: 15%;
}
#Fertine{
	width:85%;
	padding-top: 10%;
}
#Master{
	padding-top: 15%;
}
#Bandeirantes{
	width:100%;
}
#nordeste{
	width:100%;
}





.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;

}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}

@media only screen and (max-width: 4000px) and (min-width: 1800px){
		.img-top{

          padding-top:10%;

		}




}

@media only screen and (max-width: 1380px) and (min-width: 768px){
  .img-top{

    padding-top: 10%;

  }



}

@media only screen and (max-width: 767px) and (min-width: 577px){
		.img-top{


		   /*background-image: url("../../imagens/Imagem1.jpg");*/
		   height:1520px;
		   background-size: cover;
		   background-attachment:fixed;

		}
		.btn-media{

		}
		.sisfer{
			color:#151515;
		}

		.botoes-empresas{
			padding:0px 0px 0px 0px;
		}

			#fertigran{
				padding-top: 10%;
			}
			#fertipar{
				width: 100%;

			}
			#sudeste{
				width: 90%;


			}
			#matogrosso{

			}
			#Piratini{
				padding-top: 15%;
			}
			#Fertine{
				width:85%;
				padding-top: 10%;
			}
			#Master{
				padding-top: 15%;
			}
			#Bandeirantes{
				width:90%;
			}
			#Nordeste{
				width:100%;
			}



}


@media (max-width: 570px) {

		.img-top{

			padding-top: 25%;

		}

		.btn-media{

		}
		.sisfer{

		}

		.botoes-empresas{

		}

		#logos{
			padding: 10% 20%;

		}

		#fertigran{
			width:100%;
		}
		#fertipar{

			width:100%;
		}
		#sudeste{

			width:100%;

		}
		#matogrosso{
			width:100%;
		}
		#Piratini{
			padding-top: -10%;
			width:100%;
		}
		#Fertine{
			width:100%;

		}
		#Master{
			width:100%;
		}
		#Bandeirantes{
			width:100%;
		}
		#Nordeste{
			width:100%;
		}

}
