/*
	*   Copyright (c) 2014.
	*   Produzido por Maykel Esser
	*
	*   @version 1.0
	*/

	/*	Fontes adicionais */

	/*	Elementos */
		body { font-family:"Open Sans", sans-serif; font-weight:300; }
		
	/*	Classes */
		.clear { clear:both; float:none; }
		*:focus { outline:0; }
		.btn-stroke { font-size:24px; color:#FFF; padding:0 35px; transition:0.3s; border:1px solid rgba(255,255,255,1); height:65px; line-height:65px; display:inline-block; margin-left:5px; margin-right:5px; }
		.btn-stroke:hover,
		.btn-stroke.ativo { text-decoration:none; color:#E21; background:#FFF; }
		.bgParallax  { position:relative; min-height:100%; background-position:50% 0; background-repeat:repeat; background-attachment:fixed; background-size:cover; }
			
	/*	Header */
		header a[rel="logo"] { padding:28px 28px 20px 28px; float:left; }
		header nav.menu-mob { display:none; }
		header nav.menu-mob.ativo { display:block; width:100%; height:100%; position:fixed; top:0; left:0; background:#333; opacity:0.9; z-index:2; }
		header nav.menu-mob.ativo ul { top:50%; left:50%; position:absolute; margin-top:-160px; margin-left:-150px; }
		header nav.menu-mob.ativo ul li { text-align:center; }
		header nav.menu-mob.ativo ul li a { font-size:36px; color:#FFF; text-decoration:none; text-transform:uppercase; line-height:80px; display:inline-block; background:url(../../img/layout/line-2px.jpg) no-repeat bottom center; }
		header nav.menu-mob.ativo ul li a:hover { color:#E21; }
		header a.menu-button { font-size:30px; line-height:60px; margin:10px 30px 0 50px; float:right; }
		header a.fechar-menu { color:#FFF; font-size:30px; position:absolute; right:46px; top:18px; }
		
		header nav.menu-int ul { list-style:none; margin:0; padding:0; margin-right:20px; }
		header nav.menu-int ul li { float:left; line-height:90px; font-size:18px; font-weight:300; margin:0 15px; text-transform:uppercase; }
		header nav.menu-int ul li a { color:#999; text-decoration:none; }
		header nav.menu-int ul li a:hover { color:#E21; }
		
		.headshrinker .headshrunk { border-bottom:5px solid #CCC; background:#FFF; height:70px; }
		.headshrinker .headshrunk a[rel=logo] { padding:35px 0; }
		.headshrinker .headshrunk a[rel=logo] img { height:35px; width:162px; padding:0; }
		.headshrinker .headshrunk nav.menu-int ul li { font-size:15px; line-height:65px; }
		.headshrinker .headshrunk nav.menu-int ul li a { color:#999; }
		.headshrinker .headshrunk nav.menu-int ul li a:hover { color:#E21; }
		.headshrinker .headshrunk nav.menu-int a.headshrinker-reveal { top:0; z-index:4; }
		.headshrinker .headshrunk .headshrinker-menu ul { padding-top:0; }

		#home header { background:url(../../img/layout/header-bg.jpg); }
		#home header form, #interno header form { float:right; }
		#home header form input[type=text] { background:#E21; border:none; font-size:18px; height:60px; line-height:60px; padding:0 22px; color:#FFF; opacity:0.2; transition:0.3s; margin-top:10px; margin-right:10px; width:255px; float:left; }
		#home header form input[type=text]:hover,
		#home header form input[type=text]:focus { opacity:1; border:1px solid #FFF; }
		#home header form .custom-select { width:255px; height:60px; line-height:60px; padding:0 22px; overflow:hidden; background:url(../../img/layout/icon-arrow-down.png) no-repeat right #E21; border:1px solid #FFF; opacity:0.2; color:#FFF; float:left; margin-top:10px; margin-right:10px; }
		#home header form .custom-select select { background:#E21; width:255px; font-size:18px; line-height:1; border:0; border-radius:0; -webkit-appearance:none; }
		#home header form .custom-select:hover,
		#home header form .custom-select select:focus { opacity:1; }
		#home header form .custom-select select option { color:#E21; }
		#home header form button { background:#e21; border:1px solid #FFF; color:#FFF; width:60px; height:60px; padding:0; line-height:60px; font-size:30px; margin-top:10px; float:left; opacity:0.2; transition:0.3s; }
		#home header form button:hover { background:#FFF; color:#E21; opacity:1; }
		#home header form input::-webkit-input-placeholder { color:#FFF; }
		#home header form input:-moz-placeholder { color:#FFF; }
		#home header form input::-moz-placeholder { color:#FFF; }
		#home header form input:-ms-input-placeholder { color:#FFF; }
		#home header a.menu-button { color:#E21; }
		
		#home header #destaque-header { padding:30px 0; position:relative; }
		#home header #destaque-header img { margin-left:-250px; }
		#home header #destaque-header h1 { color:#FFF; letter-spacing:-2px; font-family:"Open Sans", sans-serif; font-size:36px; font-weight:300; text-transform:uppercase; }
		
		#interno header a.menu-button { color:#666; }
		
	/*	Conteúdo */
		section#produtos .linha-01 { margin:20px 0; }
		section#produtos .linha-01 a { font-size:15px; color:#3C3B3D; transition:0.3s; }
		section#produtos .linha-01 a:hover { color:#E21; text-decoration:none; transition:0.3s; }
		section#produtos .linha-01 a:hover img { background:#EEE; transition:0.3s; }
		section#produtos .linha-01 a img { border:1px solid #E4E4E4; border-radius:75px; padding:45px; margin-bottom:15px; }
		
		section#produtos .linha-02 { background-image:url(../../img/layout/produtos-bg.jpg); height:100px; }
		
		section#servicos { background:#3C3B3D; padding-top:50px; }
		section#servicos .linha-01 h1 { font-size:36px; text-transform:uppercase; color:#DDD; background-image:url(../../img/layout/line-2px.jpg) no-repeat center bottom; letter-spacing:3px; padding-bottom:25px; margin-bottom:45px; }
		section#servicos .linha-01 p { font-size:15px; color:#DDD; line-height:22px; margin-bottom:50px; }
		section#servicos .linha-02 { padding-bottom:50px; text-align:center; }
		section#servicos .linha-02 a { position:relative; text-align:center; /*width:135px; height:135px;*/ display:block; transition:0.3s;/* left:50%; margin-left:-68px;*/ }
		section#servicos .linha-02 a img { z-index:1; text-align:center; margin-bottom:20px; }
		section#servicos .linha-02 a span { display:none; opacity:0; transition:0.3s; position:absolute; top:0; left:0; font-size:30px; line-height:135px; color:#FFF; z-index:2; background:rgba(158,47,42,0.9); /*border-radius:67px;*/ width:100%; height:100%; text-align:center; font-size:0px; }
		section#servicos .linha-02 a span i { font-size:40px; line-height:203px; }
		section#servicos .linha-02 a:hover span { display:block; transition:0.3s; opacity:1; }
		section#servicos .linha-02 p { color:#FFF; text-transform:uppercase; font-size:16px; font-weight:300; }
		section#servicos .linha-03 { background-image:url(../../img/layout/servicos-bg.jpg); height:100px; }
		
		section#clientes { background:#3C3B3D; padding-top:50px; padding-bottom:80px; }
		section#clientes h1 { font-size:36px; text-transform:uppercase; color:#DDD; background:url(../../img/layout/line-2px.jpg) no-repeat center bottom; letter-spacing:3px; padding-bottom:25px; margin-bottom:45px; }
		section#clientes .carousel a.left,
		section#clientes .carousel a.right { position:absolute; top:0; cursor:pointer; opacity:0.3; }
		section#clientes .carousel a.left { left:-100px; }
		section#clientes .carousel a.right { right:-100px; }
		section#clientes .carousel a:hover { opacity:1; }
		section#clientes .carousel ul { list-style:none; margin:0; padding:0; overflow:hidden; }
		section#clientes .carousel ul li { color:#DDD; font-size:18px; letter-spacing:2px; text-align:center; }
		section#clientes .carousel ul li strong { font-size:12px; color:#666; margin-top:50px; display:block; }
	
		.head-section { height:120px; background:url(../../img/layout/bg-header-interno.jpg) bottom center; margin-bottom:30px; }
		.head-section h1 { text-align:center; color:#FFF; font-weight:300; text-transform:uppercase; margin:0; padding:0; font-size:40px; line-height:120px; letter-spacing:5px; }
		.head-section .btn-stroke { margin-top:25px; }
		
		#content { margin-bottom:50px; }
		#content h2 { background:url(../../img/layout/bg-h2.png) repeat-x; line-height:19px; height:19px; text-align:center; font-size:18px; color:#666; text-transform:uppercase; letter-spacing:3px; margin-bottom:40px; }
		#content h2 span { background:#FFF; padding:0 15px; }
		#content p { line-height:25px; margin-bottom:45px; font-size:14px; }
		#content .busca-avancada { text-align:center; margin-bottom:50px; }
		#content #formBuscaAvancada input[type=text],
		#content #formBuscaAvancada select { width:17%; float:left; margin-right:10px; }
		#content #formCatalogo .btn-busca,
		#content #formBuscaAvancada .btn-busca { float:left; background:transparent; border:1px solid #000; color:#000; width:35px; height:35px; padding:0; line-height:35px; font-size:18px; opacity:0.2; transition:0.3s; }
		
		#content #formCatalogo select,
		#content #formCatalogo input[type=text] { width:25%; float:left; margin-right:10px; }
		
		#content .lista-produto { margin-bottom:50px; }
		#content .lista-produto a.produto { position:relative; display:block; background:#ececec; text-align:center; margin-bottom:20px; }
		#content .lista-produto a.produto img { position:relative; z-index:1; text-align:center; border:2px solid #CCC; }
		#content .lista-produto a.produto span.layer-cima { display:none; background:rgba(215,50,70,0.8); top:0; left:0; z-index:1; position:absolute; width:100%; height:100%; }
		#content .lista-produto a.produto span.layer-cima i { display:none; position:absolute; left:50%; top:50%; z-index:2; margin-top:-25px; margin-left:-25px; border:2px solid #FFF; border-radius:5px; color:#FFF; font-size:20px; width:50px; height:50px; line-height:50px; text-align:center; }
		#content .lista-produto a.produto span.layer-cima h2 { color:#FFF; font-size:15px; position:absolute; top:15px; text-align:center; display:block; background:none; width:100%; letter-spacing:normal; padding:15px; }
		#content .lista-produto a.produto span.layer-cima p { color:#FFF; font-size:12px; position:absolute; bottom:-20px; text-align:center; display:block; width:100%; }
		#content .lista-produto a.produto:hover span.layer-cima { display:block; }
		
		.modal-header { border-color:#CCC; margin-bottom:20px; }
		.modal-content { background:#e1e1e1; padding:20px; }
		.modal-content h1 { font-weight:300; color:#666; margin:0; margin-bottom:20px; }
		.modal-content .btn-modal { border:1px solid #CCC; font-size:18px; text-transform:uppercase; letter-spacing:1px; padding:20px; color:#888; text-decoration:none; font-weight:300; background:transparent; display:block; margin-bottom:10px; }
		.modal-content ul.lista-descricao { margin:0; padding:0; }
		.modal-content ul.lista-descricao li { margin-bottom:8px; padding-bottom:8px; border-bottom:1px solid #CCC; font-size:16px; font-weight:300; }
		.modal-content ul.lista-descricao li:last-of-type { border:none; }
		.modal-content .enviar-produto { display:none; }
		.modal-content .enviar-produto input { margin-top:5px; }
		
		.border-circle i { border:2px solid #a02537; width:40px; height:40px; display:inline-block; line-height:38px; border-radius:20px; text-align:center; padding-left:3px; color:#a02537; margin-bottom:10px; }
	
	/*	Footer */
		footer { background:url(../../img/layout/footer-bg.jpg); height:445px; padding-top:100px; padding-bottom:60px; }
		footer a:hover { text-decoration:none; }
		footer .linha-01 { margin-bottom:50px; }
		footer .linha-01 i { font-size:20px; color:#777; margin-bottom:20px; }
		footer .linha-01 p { color:#777; font-size:14px; }
		
		footer .linha-02 { text-align:center; }
		footer .linha-02 a { border:2px solid #FFF; width:40px; height:40px; transition:0.3s; display:inline-block; line-height:37px; font-size:18px; border-radius:20px; color:#FFF; text-align:center; margin:0 5px; margin-bottom:50px; }
		footer .linha-02 a:hover { color:#E21; border:2px solid #E21; transition:0.3s; }
		footer .linha-02 p { font-size:12px; color:#777; text-align:center; text-transform:uppercase; letter-spacing:2px; clear:both; float:none; }
		

	/*	Medidas para dispositivos */
	
		@media (min-width:1px) and (max-width:767px)
		{
			#home header form { display:none; }
			#home header #destaque-header img { position:relative; margin:50px; top:0; left:0; width:80%; }
			#home header #destaque-header { height:auto; }
			
			header a.menu-button { margin:10px 0 0 0; }
			#interno header { height:70px; }
			#interno header a[rel=logo] { padding:28px 0; }
			#interno header a[rel=logo] img { height:35px; width:162px; padding:0; }
			
			#destaque-header,
			section#produtos .linha-02,
			section#servicos .linha-03 { display:none; }
			
			.head-section .btn-stroke { font-size:14px; padding:5px; height:auto; line-height:20px; margin-top:40px; }
			
			section#servicos .linha-02 div a { margin-bottom:20px; position:relative; left:50%; margin-left:-150px; width:300px; }
			
			section#produtos .linha-01 div { margin-bottom:20px; }
			section#clientes .carousel a.left { left:15px; top:-110px; }
			section#clientes .carousel a.right { right:15px; top:-110px; }
			
			#content #formBuscaAvancada input[type=text],
			#content #formBuscaAvancada select { width:85%; float:none; clear:both; margin:5px 0; }

			
			footer { padding-top:30px; padding-bottom:40px; }
			
		}
	
		@media (min-width:768px) and (max-width:991px)
		{
			section#produtos .linha-02,
			section#servicos .linha-03,
			#content .busca-avancada { display:block; }
			#home header form input[type=text] { width:190px; font-size:14px; height:45px; line-height:45px; padding:0 15px; margin-top:20px; }
			#home header form .custom-select { width:190px; height:45px; line-height:45px; padding:0 15px; margin-top:20px; }
			#home header form .custom-select select { width:190px; font-size:14px; }
			#home header form button { width:45px; height:45px; line-height:45px; font-size:20px; margin-top:20px; }
			header a.menu-button { line-height:45px; margin:20px 0 0 20px; }
		}
		
		@media (min-width:992px) and (max-width:1199px)
		{
		}