body, div, dl, dt, dd, ul, ol, li, nav, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, a {
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    border-style: solid;
    border-color: transparent;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
     transform-origin: left top;
    background-repeat: no-repeat;
}
@font-face{
font-family:'site';src:url('../fonts/fontawesome-webfont.ttf');
}
#slideshow { 
   
    position: relative; 
    position: relative; 
    width: 240px; 
    height: 240px; 
    padding: 10px; 
   
}

#CarregaItens {
float:left;
width:300px;
top:40px;	
	
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 0px; 
    right: 10px; 
    bottom: 10px; 
}
.slider_section{}
.slider_content .btn_group a{
    margin: 0 10px 0 0;
}
.slider_content .fs_btn:hover{
    color: #fff;
}
.slider_item{
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    height: 570px;
}
.main_slider .owl-nav{}
.main_slider .owl-nav div{
    color: #fff;
    width: 60px;
    height: 100px;
    font-size: 30px;
    text-align: center;
    line-height: 100px;
    position: absolute;
    left: 0;
    top: calc(50% - 60px);
    opacity: 0.5;
    transition: all 0.5s ease-in-out;
}
.main_slider .owl-nav div:hover{
    opacity: 1;
    transition: all 0.5s ease-in-out;
}
.main_slider .owl-nav div.owl-next{
    left: auto;
    right: 0;
}
.main_slider .owl-dots {
    width: 100%;
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 25px;
}
.main_slider .owl-dots div{
    background-color: rgba(255,255,255,0.4);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 3px;
    transition: all 0.5s ease-in-out;
}
.main_slider .owl-dots div.active{
    background-color: rgba(255,255,255,1);
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    transition: all 0.5s ease-in-out;
} 


.NoWrap {
    white-space: nowrap;
    word-wrap: normal;
}

.grpelem, .accordion_wrapper {
    display: inline;
    float: left;
}
.clearfix:after {
    content: "\0020";
    visibility: hidden;
    display: block;
    height: 0px;
    clear: both;
}

p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
#Cabecalho {
	background-color: #000F74;
	height:120px;
}
#ContainerMenu {
	position:relative;
	margin:auto;
	width:1000px;
	
	
}
#Logo {
	position:relative;
    top:40px;
	width:200px;
	height:80px;	
}
#Menu {	
	position:relative;
	top:-40px;
    left:250px;	
	width:700px;
	}
#Menu ul {width: 100%; float: left; display: inline; position: relative; }

#Menu li a { display: inline;
        padding: 0 10px;
        color: #fff;
		font-family:verdana;
        font-size: 16px;
        line-height: 30px;
        text-decoration: none;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
}
#Menu li a:hover {
        color: #333;
}

#Menu_r {
	
float:right;	
}

#Slider {
	position:relative;
	top:0px;
	height:600px;
}
.Slider
{
	background-image: url('../img/slider-1.jpg');
    background-repeat: no-repeat;
    background-size:100%;
    bottom: 0;
    color: black;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    background-size: cover;
}

#Texto {
	position:relative;
	width:200px;
	height:100%;
	line-height:35px;
	background: rgba(0, 0, 0, 0.5);
}

#Corpo {
	padding:15px;
	font-family:verdana;
	color:#fff;
}
#Corpo h1 {
	font-size:30px;
}

#Empresa {
	background-color: #ddd;
	height:auto;	
}

#Container_Empresa {
	position:relative;	
	margin:auto;
	width:1000px;	
}

#Texto_Empresa {
	float:left;
	width:400px;
	line-height:30px;
	font-size:13px;
	font-family:verdana;
	padding:15px;
}
#Texto_Empresa h1 {	
	font-size:25px;
	font-weight:bold;
}

#fotos_empresa {
	float:left;
	width:400px;
	margin-left:70px;
	line-height:30px;
	font-size:13px;
	font-family:verdana;
	padding:15px;

}

#fotos_empresa h1 {	
	font-size:25px;
	font-weight:bold;
	
}


#fotos_empresa .galeria {
width:100px;	
line-height:0px;
}

#imagem_empresa {
	position:relative;
    margin:auto;
}
#imagem_empresa img {

    max-width: 100%;
    height: auto;
}

#ProdutosEServicos {
	position:relative;
	background-color: #dedede;
	height:700px;
}


#ProdutosEServicos h1 {	
	font-size:25px;
	font-weight:bold;
	font-family:verdana;
	line-height:30px;
	padding:15px;
}

#ContainerPS {
	position:relative;
	margin:auto;
	top:100px;
	width:1000px;	
	height:600px;
}

#ContainerPS h1 {
	font-family:Verdana;
	font-weight:bold;
}

#ItensPS {
	float:left;
	top:40px;
	width:500px;
}


#MenuEspecial1:hover {
	background:#003366;
	cursor:pointer;
}
#MenuEspecial2:hover {
	background:#003366;
	cursor:pointer;
}
#MenuEspecial3:hover {
	background:#003366;
	cursor:pointer;
}
#MenuEspecial4:hover {
	background:#003366;
	cursor:pointer;
}



 .modelo1 {
	position:relative;
	color:#fff;
	font-family:verdana;
	margin-top:10px;
	padding:15px;
    background-color: #ED1C24;
    border-radius: 0px 0px 19px 0px;
    border-color: transparent;
    min-height: 0px;
	border-width: 0px;
    width: 243px;
	height:30px;
    margin: 0px;
}

#Clientes {
	background-color: #fff;
	height:600px;
}

#Clientes h1 {	
	font-size:25px;
	font-weight:bold;
	font-family:verdana;
	line-height:30px;
	padding:15px;
}

#ContainerCli {
	position:relative;
	margin:auto;
	top:100px;
	width:1000px;	
}

#ContainerCli h1 {	
	font-size:25px;
	font-weight:bold;
	font-family:verdana;
	line-height:30px;
	padding:15px;
}

#ContainerCli p {
	font-family:verdana;
	font-size:13px;
	line-height:25px;
}
#ContainerCli .galeria {
width:200px;	
line-height:0px;
}

#MeioAmbiente {
	position:relative;
	top:0px;
	height:600px;
}
.MeioAmbiente
{
	background-image: url('../img/meio-ambiente.jpg');
    background-repeat: no-repeat;
    background-size:100%;
    bottom: 0;
    color: #fff;
	font-family:verdana;
	font-size:14px;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;  
    top: 0;
    background-size: cover;
}

#ContainerMeioAmbiente {
	 position:relative;
	 top:140px;
	 padding:20px;
	 left:550px;
	 width:700px;
	 height:200px;
	 background: rgba(19, 94, 9, 0.5);
}
#Contato {
	position:relative;
	top:0px;
	height:800px;
	
}
#mapa {
	float:left;
	width:550px;
	top:0px;
	height:400px;
	
}
.Contato
{
	background-image: url('../img/contato.jpg');
    background-repeat: no-repeat;
    background-size:100%;
    bottom: 0;
    color: #fff;
	font-family:verdana;
	font-size:14px;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;  
    top: 0;
    background-size: cover;
}

#ContatoContainer {
	position:relative;
	top:100px;	
	margin:auto;
	width:1000px;
	
	
}

#Formulario {
float:left;
width:400px;
}

.form-container {
   border: 1px solid #ffffff;
   background: #bdbdbd;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#bdbdbd));
   background: -webkit-linear-gradient(top, #ffffff, #bdbdbd);
   background: -moz-linear-gradient(top, #ffffff, #bdbdbd);
   background: -ms-linear-gradient(top, #ffffff, #bdbdbd);
   background: -o-linear-gradient(top, #ffffff, #bdbdbd);
   background-image: -ms-linear-gradient(top, #ffffff 0%, #bdbdbd 100%);
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   font-family: 'Helvetica Neue',Helvetica,sans-serif;
   text-decoration: none;
   vertical-align: middle;
   min-width:300px;
   padding:20px;
   width:300px;
   }
.form-field {
   border: 1px solid #969696;
   background: #b5b5b5;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   color: #0437ba;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   padding:8px;
   margin-bottom:20px;
   width:280px;
   }
.form-field:focus {
   background: #fff;
   color: #001370;
   }
.form-container h2 {
   text-shadow: #fdf2e4 0 1px 0;
   font-size:18px;
   margin: 0 0 10px 0;
   font-weight:bold;
   text-align:center;
    }
.form-title {
   margin-bottom:10px;
   color: #5c5c5c;
   text-shadow: #fdf2e4 0 1px 0;
   }
.submit-container {
   margin:8px 0;
   text-align:right;
   }
.submit-button {
   border: 1px solid #e35b5b;
   background: #f0b8c2;
   background: -webkit-gradient(linear, left top, left bottom, from(#e60000), to(#f0b8c2));
   background: -webkit-linear-gradient(top, #e60000, #f0b8c2);
   background: -moz-linear-gradient(top, #e60000, #f0b8c2);
   background: -ms-linear-gradient(top, #e60000, #f0b8c2);
   background: -o-linear-gradient(top, #e60000, #f0b8c2);
   background-image: -ms-linear-gradient(top, #e60000 0%, #f0b8c2 100%);
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #bf6d6d 0 1px 0;
   color: #ffffff;
   font-family: helvetica, serif;
   padding: 8.5px 18px;
   font-size: 14px;
   text-decoration: none;
   vertical-align: middle;
   }
.submit-button:hover {
   border: 1px solid #8282ff;
   text-shadow: #000dff 0 1px 0;
   background: #090980;
   background: -webkit-gradient(linear, left top, left bottom, from(#4062eb), to(#090980));
   background: -webkit-linear-gradient(top, #4062eb, #090980);
   background: -moz-linear-gradient(top, #4062eb, #090980);
   background: -ms-linear-gradient(top, #4062eb, #090980);
   background: -o-linear-gradient(top, #4062eb, #090980);
   background-image: -ms-linear-gradient(top, #4062eb 0%, #090980 100%);
   color: #ffffff;
   }
.submit-button:active {
   text-shadow: #31540c 0 1px 0;
   border: 1px solid #447314;
   background: #8dc059;
   background: -webkit-gradient(linear, left top, left bottom, from(#6aa436), to(#090980));
   background: -webkit-linear-gradient(top, #6aa436, #8dc059);
   background: -moz-linear-gradient(top, #6aa436, #8dc059);
   background: -ms-linear-gradient(top, #6aa436, #8dc059);
   background: -o-linear-gradient(top, #6aa436, #8dc059);
   background-image: -ms-linear-gradient(top, #6aa436 0%, #8dc059 100%);
   color: #fff;
   }
#dadoscontato {
	float:left;
	width:550px;
}
#Rodape {
	background-color: #000F74;
	height:120px;
		
}

#ContainerRodape {
	position:relative;
	margin:auto;
	top:0;
	width:1000px;
    height:auto;	
	}
	
#logorodape	{
	float:left;
    top:40px;
	width:200px;
	height:80px;	
}

#logorodape img	{
	padding:20px;
	width:90px;
	
}

#enderecorodape {
	float:left;
	color:#fff;
	padding:20px;
	font-family:verdana;
	font-size: 11px;
	
}
#codigoj {
	float:left;
	color:#89DCED;
	padding:20px;
	font-family:verdana;
	font-size: 12px;
	
}

#codigoj a:link{
color:#fff;	
text-decoration:none;
}
#codigoj a:hover{
color:#31C0DF;	
text-decoration:underline;
}
#codigoj a:link{
color:#31C0DF;	
}

#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #ED1C24;
    color: #fff;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top:hover {
    background: #001B7A;
}
#back-to-top.show {
    opacity: 1;
}
#content {
    height: 2000px;
}

 #menunav2 { position:relative;display:none;}
 #menunavlink { display:none;}

  /* lists */
      .list-full, .list-full li,
      .list-auto, .list-auto li { width: 100%; float: left; display: block; position: relative; }
      .list-auto, .list-auto li { width: auto; }

      /* floats */
      .float-l { float: left; }
      .float-r { float: right; }

      
@media screen and (max-width: 600px) {
	
	 .slider_item{
        height: 300px;
    }
	#ContainerMenu {
	position:relative;
	margin:auto;
	width:300px;
	}
  #Menu {
	  position:absolute;
	  left:0px;
	  top:120px;
	  left:155px;
      width:auto;
  }  
  #menunav{display: none;}
  #menunavlink {
	  display:block;
	  position:relative;
      left:285px;	  
	  width:40px;
	  height:40px;
  }
  #menunav2 {
	 position:relative;
	 width:180px;   
     height:200px;		 
	 background:#ED1C24;
	 z-index:8000;
  }
  
  #Container_Empresa {
	position:relative;	
	margin:auto;
	width:auto;	
}
#Texto_Empresa {
	position:relative;
	width:auto;
	padding:15px;
	line-height:30px;
	font-size:15px;
	font-family:verdana;
}

#fotos_empresa {
	position:relative;
	margin-left:0px;
	width:350px;
}
#ProdutosEServicos {
	height:1000px;
	}

#ContainerPS {
	position:relative;
	margin:auto;
	top:120px;
	width:auto;
    height:1000px;	
	}

#ItensPS {
	float:left;
	top:40px;
	width:auto;
}
#ContainerCli {
	position:relative;
	margin:auto;
	top:100px;
	width:auto;	
	height:900px;
}
#ContainerMeioAmbiente {
	 position:relative;
	 top:30px;
	 padding:20px;
	 left:20px;
	 width:280px;
	 height:420px;
	 background: rgba(19, 94, 9, 0.5);
}

#ContatoContainer {
	position:relative;
	top:100px;	
	margin:auto;
	width:auto;
	height:1000px;
	
	
}

#Formulario {
position:relative;
left:10px;
width:265px;
}

#ContainerRodape {
	position:relative;
	margin:auto;
	top:0;
	width:auto;
    height:auto;	
	}
	#logorodape	{
	float:left;
    top:40px;
	width:120px;
	height:80px;	
}
	#enderecorodape {
	width:150px;
	
}
#dadoscontato {
	width:300px;
	
}

#mapa {
	float:left;
	left:15px;
	width:350px;
	top:0px;
	height:300px;
	
}
#ContainerCli .galeria {
width:140px;	
line-height:0px;
}

#Clientes {
	background-color: #fff;
	height:900px;
}
}