/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/**:hover{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}*/
.icon{display: inline-block;}

.icon-phone{background: url(../images/sprite.png)no-repeat;background-position: -22px -374px;width: 21px;height: 22px;}
.icon-mapa{background: url(../images/sprite.png)no-repeat;background-position: -18px -280px;width: 27px;height: 39px;}
.icon-menu{background: url(../images/sprite.png)no-repeat;background-position: -22px -402px;width: 18px;height: 18px;}

.telefone-topo .icon-phone{margin-right: 10px;}
.telefone-topo{font-size: 1.7em;font-family: 'open_sansbold';}

/* #Page Styles
================================================== */
.wrapper{max-width: 1800px;overflow: hidden;width: 100%;margin: 0 auto;}
#header-main{overflow: hidden;}
#logo{float: left;padding-top: 25px;}
#menu-principal{float: left;padding-top: 40px;margin: 0 35px;}
#menu-principal li{display: inline-block;}
#menu-principal li a{font-family: 'open_sansbold';text-transform: uppercase;padding: 0 10px;}
#topo-itens{float: left;padding-top: 90px;margin-bottom: 20px;}
.telefone-topo{float: left;}

#banner-topo{display: block;width: 100%;position: relative;height: 554px;background: #221f20;}
#banner-topo div.bg-banner-wrapper{background: url(../images/bg_banner.png) center center no-repeat;width: 100%;height: 554px;position: absolute;top: 0;z-index: 10;}
#banner-topo img{position: absolute;top: 0;z-index: 0;}
#banner-topo .container{z-index: 15;padding-top: 90px;}
#banner-topo .button{float: right;font-size: 1.5em;}
#banner-topo .animatedParent{height: 100%;}

.bg-wrapper{background: url(../images/bg_wrapper.png) center center no-repeat;width: 100%;height: 384px;}
.banner-texto{}
.banner-texto h1{text-transform: uppercase;}
.banner-texto p{font-size: 1.5em;line-height: 110%;}

#empresa{padding-top: 80px;}
#empresa img{max-width: 100%;}
#equipamentos{background: #fff;color: #2e2c2d;}
section.box{padding: 40px 0;}
#equipamentos p{padding-left: 80px;margin-bottom: 20px;}
#equipamentos h2{color: #2e2c2d;}
#carousel-equipamentos li{width: 171px;height: 112px;float: left;margin: 0 5px;position: relative;background: #221f20;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
#carousel-equipamentos li img{width: 100%;height: 100%;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s; 
}
#carousel-equipamentos li:hover img{opacity: 0.5;}
h2.icone-titulo{line-height: 62px;margin-bottom: 30px;}
.icone-titulo span{background: url(../images/sprite.png)no-repeat;height: 62px;padding-left: 80px;display: inline-block;}
.icone-titulo.equipamentos span{background-position: 0 0;}
.icone-titulo.produtos span{background-position: 0 -69px;}
.icone-titulo.qualidade span{background-position: 0 -139px;}
.icone-titulo.contato span{background-position: 0 -209px;}

.carousel-item{position: relative;padding: 0 25px;}
a.prev, a.next{
	background: url(../images/sprite.png) 0 0 no-repeat transparent;
	width: 26px;
	height: 40px;
	display: block;
	position: absolute;
	text-indent: -9999px;
	top: 45px;
}
a.prev {background-position: 0 -330px;left: 0;}
a.next {background-position: -38px -330px;right: 0;}
a.prev.disabled{opacity: 0.5;}
a.next.disabled{opacity: 0.5;}

#lista-produtos{background: #ffca01 url(../images/produtos.jpg) center no-repeat;height: 243px;margin: 80px 0 50px 0;}

#mapa{margin-bottom: 80px;}
#mapa header p{display: inline-block;}
#mapa header i.icon-mapa{margin-right: 15px;}
#mapa iframe{width: 100%;}

#footer-main{background: #000000;font-size: 0.8em;padding: 15px 0;}
a.copyright:hover{color: #86a800;}

p.obs span{text-decoration: underline;}

/* #Form contato
================================================== */

#form-contato input[type="text"],#form-contato input[type="file"],#form-contato input[type="email"]{width: 46%;float: left;}
.input-row{float: left;width: 100%;clear: left;}
.input-row.center{text-align: center;}
#form-contato input[type="text"]:first-child{margin-right: 15px;}
#form-contato textarea{width: 100%;}

/* #Menu Fixo
================================================== */
#wrp-menu-fixo{position: fixed;right: -114px;top:35%;z-index: 999;}
#wrp-menu-fixo:hover{right: 0;}
#menu-fixo{display:none;background: #ffcb00;-webkit-border-top-left-radius: 15px;-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-topleft: 15px;-moz-border-radius-bottomleft: 15px;border-top-left-radius: 15px;border-bottom-left-radius: 15px;padding: 12px;}
#menu-fixo li:last-child,#menu-fixo ul{margin-bottom: 0;}
#menu-fixo li:last-child{padding-bottom: 0;}
#menu-fixo ul{-webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */transition: width 1s;width: 145px;}
#menu-fixo li{overflow: hidden;margin-bottom: 0;padding-bottom: 10px;}
#menu-fixo li a{display: block;font-size: 13px;color: #000;}
#menu-fixo li a:hover span{padding-left: 5px;}
#menu-fixo li a span{position: relative;margin-top: 5%;display:inline-block;}
#menu-fixo li i{float: left;background: url(../images/sprite.png) 0 0 no-repeat transparent;margin-right: 10px;width: 33px;}
/*#menu-fixo li a.empresa i{background-position: -17px -16px;height: 28px;}*/
#menu-fixo li a.equipamentos i{background-position: -17px -16px;height: 28px;}
#menu-fixo li a.produtos i{background-position: -14px -84px;height: 33px;}
#menu-fixo li a.contato i{background-position: -16px -229px;height: 23px;}

/* #Menu Responsivo
================================================== */
#wrp-menu-responsivo{position: relative;min-height: 41px;}
#menu-responsivo{width: 100%;background:#ffca01;clear: both;display: none;position: absolute;z-index: 9999;}
#menu-responsivo button{background:#ffca01;margin-bottom: 0;width: 100%;text-align: center;padding: 8px 14px;}
#menu-responsivo button i{position: relative;top: 4px;margin-right: 5px;float: left;}
#menu-responsivo div{padding: 10px 6px;display: none;}
#menu-responsivo a{display: block;color: #000;padding: 5px 10px;}
#menu-responsivo.active > div{display: block;}
#menu-responsivo div a:hover{color: #4f217e;background: #fff;}

.ZoomBox img{display: block;}
.fancybox-title p{margin:0;}

/* #Media Queries
================================================== */

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

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		body{font-size: 15px;line-height: 22px;}
		#logo{width: 170px;}
		#logo img{max-width: 100%;}
		#topo-itens{font-size: 0.8em;padding-top: 60px;}
		.telefone-topo{font-size: 1.4em;}
		#banner-topo .button{font-size: 1.3em;}
		#banner-topo,#banner-topo div.bg-banner-wrapper{height: 400px;}
		#carousel-equipamentos li{width:132px;height: 92px;}
		a.prev, a.next{top: 30px;}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		body{font-size: 14px;line-height: 21px;}
		h1{font-size: 2em;line-height: 100%;}
		#logo{float: none;text-align: center;}
		#topo-itens,#banner-topo div.bg-banner-wrapper,#banner-topo .button{display: none;}
		#menu-responsivo{display: block;width: 420px;}
		.bg-wrapper{background-image: none;height: auto;padding-bottom: 40px;}
		#banner-topo{height: 178px;}
		#banner-topo .container{padding-top: 37px;}
		#empresa{padding-top: 40px;}
		#equipamentos p{padding-left: 0;}
		#img-certificado{display: table;margin: 0 auto 10px auto;}
		#lista-produtos{height: 150px;margin: 50px 0;}
		#form-contato input[type="text"], #form-contato input[type="file"]{width: 100%;float: none;}
		#carousel-equipamentos li{width: 113px;height: 79px;}
		a.prev, a.next{top: 25px;}
		#wrp-menu-fixo,.input-file{display: none;}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		body{font-size: 14px;line-height: 21px;}
		h1{font-size: 2em;line-height: 100%;}
		#logo{float: none;text-align: center;}
		#topo-itens,#banner-topo div.bg-banner-wrapper,#banner-topo .button{display: none;}
		#menu-responsivo{display: block;width: 300px;}
		.bg-wrapper{background-image: none;height: auto;padding-bottom: 40px;}
		#banner-topo{height: 178px;}
		#banner-topo .container{padding-top: 37px;}
		#empresa{padding-top: 40px;}
		#equipamentos p{padding-left: 0;}
		#img-certificado{display: table;margin: 0 auto 10px auto;}
		#lista-produtos{height: 150px;margin: 50px 0;}
		#form-contato input[type="text"], #form-contato input[type="file"]{width: 100%;float: none;}
		#carousel-equipamentos li{width:113px;height: 79px;}
		a.prev, a.next{top: 10px;}
		#wrp-menu-fixo,.input-file{display: none;}
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/

@font-face {
    font-family: 'exobold';
    src: url('../fonts/exo-bold-webfont.eot');
    src: url('../fonts/exo-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/exo-bold-webfont.woff') format('woff'),
         url('../fonts/../fonts/exo-bold-webfont.ttf') format('truetype'),
         url('../fonts/exo-bold-webfont.svg#exobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/open-sans.light-webfont.eot');
    src: url('../fonts/open-sans.light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open-sans.light-webfont.woff') format('woff'),
         url('../fonts/open-sans.light-webfont.ttf') format('truetype'),
         url('../fonts/open-sans.light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}