/* 
' CSS by Sysfox Internet '
' http://www.sysfox.com.br/ ' 
' Autor: Lucas Raffael '
*/
/* ============================ */

#exiberetorno{
margin-left:10px;
margin-top:10px;
position:absolute;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#F00;
width:300px;
z-index:30;
}


* {
	margin: 0;
	padding: 0; }

a {
	text-decoration: none;
	border: none; }

	a img { border: none; }

ul { list-style: none; }

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; }

h1 {
	font-family: segoe ui;
	font-size: 18px; }

.verde { color: #0262af; }

* {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	text-decoratin: none;
	color: #333; }

input, select {
	color: #666;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px; }

/* ============ BODY =============== */
body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	background-position: top center;
	background:#fff;
	background-position: center top; }

.container {
	width: 946px;
	margin: 0px auto;
	text-align: center; }

/* --------------------------------------------------------- */
.topo {
	float: left;
	position: relative;
	background:#fff url(../img/bg.jpg) repeat-x;
	width: 100%; }
/* --------------------------------------------------------- */

#slideshow{ 
	width:100%;
	height:441px;
	overflow : hidden;
	text-align:center;
	float:left;
	position:relative;
	margin-top:-442px;
	z-index:0;
} 

.slide a{
	margin:0px auto;
	float:left;
	width:946px;
}

.slide img { 
	border : none; 
	display : block;
	width:946px;
	height:441px;
} 




/* --------------------------------------------------------- */
.corpo {
	float: left;
	position: relative;
	width: 100%;
	background:url(../img/sombra-b-topo.png) no-repeat;
	background-position:center top;
	margin-top:1px;
	padding-top:40px;
	min-height: 300px; }

.esq {
	float: left;
	position: relative;
	width: 470px; }

.dir {
	float: right;
	position: relative;
	width: 470px; }

/* --------------------------------------------------------- */
.padrao {
	float: left;
	position: relative;
	width: 100%; }

h1.padrao {
	font-weight: normal;
	text-align: left;
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	color:#eb8f46;
	font-size:18px;
	padding: 5px 0px 5px 0px; }

.cke {
	float: left;
	position: relative;
	width: 100%;
	text-align: left;
	text-align: justify;
	margin:10px 0;
	margin-bottom:40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; }
		
.foto-cke{
	float:left;
	position:relative;
	margin:0px 10px 10px 0px;
}

a.foto-cke{float:left;
position:relative;
background:url(../img/lupa.png) no-repeat;

padding:1px; }

 a:hover.foto-cke{
	border:1px solid #fff;
	padding:0;
	background:#fff;
	position:relative;
}


/* --------------------------------------------------------- */
.rodape {
	float: left;
	position: relative;
	width: 100%;
	background:url(../img/bg.jpg) repeat-x;
	-moz-box-shadow:inset 0 0 10px #000000;
   -webkit-box-shadow:inset 0 0 10px #000000;
   box-shadow:inset 0 0 15px #666;
   bottom:0;
	margin-top: 20px; }

#rodape-centro {
	margin: 0px auto;
	width: 946px;}

/* --------------------------------------------------------- */
.voltar {
	float: right;
	position: relative;
	width: 100px;
	margin-top: -35px; }

	.voltar a.btn {
		padding: 1px 8px;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 9px;
		text-transform: uppercase;
		float: right; }

.btn {
	display: inline-block;
	background-color: #e6e6e6;
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(0.25, #ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
	background-image: -moz-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
	background-image: -ms-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
	background-image: -o-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
	background-image: linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
	padding: 4px 14px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	color: #333;
	font-size: 13px;
	line-height: 18px;
	border: 1px solid #ccc;
	border-bottom-color: #bbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	cursor: pointer; }

	.btn:hover {
		background-position: 0 -15px;
		color: #333;
		text-decoration: none; }

/* --------------------------------------------------------- */
.galeria {
	float: left;
	position: relative;
	width: 100%; }

.galeria {
	float: left;
	position: relative;
	width: 100%;
	padding-top: 10px; }

	.galeria li {
		float: left;
		position: relative; }

		.galeria li.clear {
			float: left;
			position: relative;
			clear: both;
			height: 5px;
			width: 100%; }

		.galeria li a {
			position: relative;
			float: left;
			width: 155px;
			padding-bottom: 25px;
			padding-top: 15px; }

			.galeria li a.dir { float: right; }
			
.galeria a:hover .lightbox_image{
position: absolute;
z-index: 1;
top:0;
left:0;
background:#fff url(../img/lupa.png) no-repeat;
margin:0px auto;
float:none;
text-align:center;
background-position:center center;
	opacity:0.45;
	-moz-opacity: 0.45;
	filter: alpha(opacity=45);
	width:100%;
	margin:14px 11px 11px 11px;
}

/* --------------------------------------------------------- */
.pagination {
	height: 36px;
	margin: 18px 0;
	-moz-user-select: -moz-none;
	background:#fff;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	float: left;
	margin-top: 5px;
	float: left; }

	.pagination ul {
		float: left;
		margin: 0;
		border: 1px solid #ddd;
		border: 1px solid rgba(0, 0, 0, 0.15);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }

		.pagination ul li { display: inline; }

			.pagination ul li a {
				float: left;
				padding: 0 14px;
				line-height: 34px;
				border-right: 1px solid;
				border-right-color: #ddd;
				text-decoration: none; /* IE6-7 */ }

				.pagination ul li a:hover, .pagination ul li.active a { background-color: #c7eefe; background: -moz-linear-gradient(top, #ffffff 0%, #F2F2F2 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#F2F2F2)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F2F2F2',GradientType=0 ); /* ie */
}

			.pagination ul li.disabled a, .pagination ul li.disabled a:hover {
				background-color: transparent;
				color: #bfbfbf; }

			.pagination ul li.next a { border: 0; }

/* --------------------------------------------------------- */
#contato {
	float: left;
	position: relative;
	width: 49%;
	padding-bottom: 10px;
	margin-bottom:40px;
	text-align: left; }

	#contato fieldset label input.user {
		background: url(../img/user.png) no-repeat;
		background-position: 5% 50%;
		padding-left: 30px; }

	#contato fieldset label input.email {
		background: url(../img/email.png) no-repeat;
		background-position: 5% 50%;
		padding-left: 30px; }

	#contato fieldset label input.tel {
		background: url(../img/tel.png) no-repeat;
		background-position: 5% 50%;
		padding-left: 30px; }

	#contato fieldset {
		float: left;
		position: relative;
		width: 100%;
		font-family: Tahoma, Geneva, sans-serif;
		margin-top: 10px; }

		#contato fieldset label {
			float: left;
			position: relative;
			width: 50%;
			padding-bottom: 10px;
			color: #333;
			font-weight: bold;
			text-shadow: 0 1px 0 #fff; }

			#contato fieldset label input {
				float: left;
				position: relative;
				width: 78%;
				padding: 10px;
				background: #f6f6f6;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
				background-position: center top;
				padding: 12px 10px 12px 12px;
				border: 1px solid #ccc;
				-webkit-transition: all 0.3s linear;
				-moz-transition: all 0.3s linear;
				-o-transition: all 0.3s linear;
				transition: all 0.3s linear;
				-moz-box-shadow: inset 0 0 5px #d5d5d5;
				-webkit-box-shadow: inset 0 0 5px #d5d5d5;
				box-shadow: inset 0 0 5px #d5d5d5;
				color: #666; }

				#contato fieldset label input:focus {
					border: 1px solid #ccc;
					color: #333; }

			#contato fieldset label select {
				float: left;
				position: relative;
				width: 96%;
				padding: 10px 5px 10px 10px;
				background: #fff;
				-moz-box-shadow: inset 0 0 5px #d5d5d5;
				-webkit-box-shadow: inset 0 0 5px #d5d5d5;
				box-shadow: inset 0 0 5px #d5d5d5;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
				background-position: center top;
				border: 1px solid #ccc;
				-webkit-transition: all 0.3s linear;
				-moz-transition: all 0.3s linear;
				-o-transition: all 0.3s linear;
				transition: all 0.3s linear;
				color: #666;
				cursor: pointer; }

				#contato fieldset label select:focus {
					border: 1px solid #ccc;
					color: #333;
					cursor: pointer; }

			#contato fieldset label textarea {
				float: left;
				position: relative;
				width: 93%;
				padding: 10px;
				background: #fefefe;
				-moz-box-shadow: inset 0 0 5px #d5d5d5;
				-webkit-box-shadow: inset 0 0 5px #d5d5d5;
				box-shadow: inset 0 0 5px #d5d5d5;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
				padding: 12px 10px 12px 10px;
				min-height: 110px;
				margin-right: 0px;
				overflow: hidden;
				color: #666;
				border: 1px solid #ccc;
				-webkit-transition: all 0.3s linear;
				-moz-transition: all 0.3s linear;
				-o-transition: all 0.3s linear;
				transition: all 0.3s linear; }

				#contato fieldset label textarea:focus {
					border: 1px solid #ccc;
					color: #333;
					-webkit-transition: all 0.3s linear;
					-moz-transition: all 0.3s linear;
					-o-transition: all 0.3s linear;
					transition: all 0.3s linear; }

		#contato fieldset input.enviar-bt {
			float: right;
			position: relative;
			cursor: pointer;
			font-family: Tahoma, Geneva, sans-serif;
			margin-right: 13px;
			margin-top: -10px;
			margin-top: 5px; }

		#contato fieldset input.limpar-bt {
			float: right;
			position: relative;
			cursor: pointer;
			font-family: Tahoma, Geneva, sans-serif;
			margin-right: 10px;
			margin-top: 5px; }

/* --------------------------------------------------------- */
#mapa {
	float: right;
	position: relative;
	width: 440px;
	text-align: left;}

#bloco-mapa {
	float: left;
	position: relative;
	background: url(../img/bg-mapa.png) no-repeat;
	background-position: left top;
	width: 435px;
	padding-top: 10px;
	text-align: right;
	margin-bottom: 40px;
	height:213px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border:1px solid #ccc;
	padding:1px;
	margin-top:10px;
	border-radius: 4px; }

#bloco-mapa img{
	float:left;
	position:relative;
}

	#bloco-mapa a {
		float: left;
		position: relative;
		margin-top: 0;
		text-align: right; }

#bloco-mapa frame{
	border:1px solid red;
	width:300px;
}

#mapa p {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	float: left;
	position: relative;
	margin-top: -28px;
	text-shadow: 0 1px 0 #fff; }

#mapa a.btn {
	float: right;
	margin-right: 30px;
	padding: 0 10px 0 10px;
	font-size: 10px; }

/* --------------------------------------------------------- */
#pop {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -150px;
	margin-top: -100px;
	padding: 10px;
	width: 300px;
	height: 200px;
	border: 1px solid #d0d0d0;
	z-index: 99999999999999;
	background: #fff; }




/* 
' CSS by Sysfox Soluções Tecnológicas - Desenvolvimento Web '
' http://www.sysfox.com.br/ ' 
' Autor: Lucas Raffael '
' Projeto: Modelo Padrão '
*/

/* ============================ */



.cor1{
	color:red; !important;
}

.cor2{
	color:blue; !important;
}

.bg1{
	background:red; !important;
}

.bg2{
	background:blue; !important;
}


.logo{
	float:left;
	position:relative;
	font-size:28px;
	font-weight:normal;
	padding:10px;
	font-family:Myriad Pro Cond;
	z-index:1;
}

.menu{
	float:left;
	position:relative;
	width:243px;
	height:296px;
	z-index:1;
	clear:both;
	background: url(../img/bg-menu.png) no-repeat;
	margin:10px 0 0 0;
}

.menu ul{
	float:left;
	position:relative;
	-webkit-border-radius: 4px;  
	-moz-border-radius: 4px;  
	border-radius: 4px;
	margin-top:5px;
}

.menu ul li{
	float:left;
	position:relative;
	width:100%;
	background:url(../img/separador-menu.png) no-repeat;
	background-position:center bottom;
}

.menu ul li a{
	float:left;
	position:relative;
	padding:8px 0px 9px 15px;
	color:#fff;
	font-family:'Segoe UI', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:14px;
	text-shadow:3px 3px 2px #e57a3c;
	font-weight:bold;
	margin:0px 5px;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
		opacity:0.85;
	-moz-opacity: 0.85;
	filter: alpha(opacity=85);

}

.menu ul li a:hover{
	opacity:1.00;
	-moz-opacity: 1.00;
	filter: alpha(opacity=100);

	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
}

.menu ul li form{
	display:none;
}

.menu ul li:hover form{
	display:block;
	position:absolute;
	background:red;
	float:left;
	margin-top:34px;
	width:100px;
	z-index:999;
	margin-left:-30px;
-webkit-box-shadow: 1px 1px 3px #292929;  
-moz-box-shadow: 1px 1px 3px #292929;  
box-shadow: 1px 1px 3px #292929;  

}


.menu ul li:hover form label{
	float:left;
	position:relative;
	width:100%;
	text-align:left;
	padding:5px 0;
}

.menu ul li:hover form label input{
	float:left;
	position:relative;
	width:90px;
	margin-left:5px;
	-webkit-border-radius: 0px;  
	-moz-border-radius: 0px;  
	border-radius: 0px;  
	margin-top:5px;
	padding:3px 0;
}




















#empresahome{
	float:left;
	position:relative;
	width:505px;
}

#empresahome img{
	float:left;
	position:relative;
}

#empresahome p{
	float:left;
	position:relative;
	width:100%;
	text-align:justify;
	margin-top:5px;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-size:12px;
}

a.mais{
	float:right;
	position:relative;
	width:16px;
	height:16px;
	background:url(../img/mais.png) no-repeat;
	background-position:top;
}

a:hover.mais{
	background-position:bottom;
}

#produtoshome{
	float:right;
	position:relative;
	width:405px;
}

#produtoshome ul{
	float:left;
	position:relative;
	width:412px;
	margin-top:8px;
}

#produtoshome ul li{
	float:left;
	position:relative;
}

#produtoshome ul li a{
	float:left;
	position:relative;
	border:1px solid orange;
	margin-right:8px;
}

#produtoshome ul li a:hover{
	border:1px solid #ff7100;
}








#parceiroshome{
	float:left;
	position:relative;
	width:100%;
	margin-top:20px;
}

#parceiroshome p{
	float:left;
	position:relative;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#979797;
}


.infiniteCarousel {
width:100%;
height:100px;
position: relative;
margin-top:10px;
float:left;
}

.infiniteCarousel .wrapper {
width:883px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
overflow: auto;
height:75px;
float:left;
position: relative;
z-index:100;
margin-left:30px;
}

.infiniteCarousel .wrapper ul {
width: 9999px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position: absolute;
top: 0;
margin-top:10px;
}

.infiniteCarousel ul li {
display:block;
float:left;
_padding-right:8px;
width:134px;
height:100px;
padding-right:8px;

padding-left:8px;
}

.infiniteCarousel ul li a{
display:block;  
width:134px;
height:100px;
text-align:left;
float:left;
}

.infiniteCarousel ul li a img{
width:117px;
height:52px;
float:left;
}

.infiniteCarousel .arrow {
display: block;
	width:14px;
	height:16px;
text-indent: -999px;
position: absolute;
top: 30px;
cursor: pointer;
color:#fff;
}

.infiniteCarousel .forward {
	background:url(../img/seta-dir.jpg) no-repeat;
	height:16px;
	margin-top:0;
	right:1px;
	width:30px
	z-index:999;
}

.infiniteCarousel .back {
	background:none;
	background:url(../img/seta-esq.jpg) no-repeat;
	height:16px;
	margin-top:0;
	left: 0;
}


.rodape p{
	float:left;
	position:relative;
	color:#fff;
	font-family:"Segoe UI",Arial, Helvetica, sans-serif;
	text-shadow:1px 1px 2px #9a663b;
	font-weight:bold;
	font-size:14px;
	margin:10px 0;
	text-align:left;
}

a.sysfox{
	clear:both;
	position:relative;
	margin:10px 0;
}

#erro span{
	color:#999;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
}


#tel{
	float:right;
	position:relative;
	z-index:1;
	padding-top:05px;
	text-shadow:3px 1px 4px #a06131;
	text-align:right;
	background:url(../img/bg-tel.png) no-repeat;
	background-position:top left;
	width:521px;
}

#tel h1{
	float:left;
	position:relative;
	width:100%;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
}

#tel h1 span{
	font-size:27px;
	color:#fff;
	font-weight:bold;
	float:right;
}

#tel h1 span b{
	font-size:15px;
	color:#fff;
}

#sociais{
	float:right;
	position:relative;
	width:118px;
	margin-top:10px;
}

#sociais ul{
	float:left;
	position:relative;
	width:100%;
}

#sociais ul li{
	float:left;
	position:relative;
	margin-left:2px;
}

#sysfox{
	float:left;
	position:relative;
	width:100%;
	margin:10px 0;
}

#produtos{
	float:left;
	position:relative;
	width:100%;
	text-align:left;
	margin-bottom:40px;
}

#produtos h2{
	float:left;
	position:relative;
	width:100%;
	margin-top:5px;
	margin-bottom:15px;
	font-weight:normal;
	letter-spacing:-1px;
	text-transform:uppercase;
	border-bottom:4px solid #eb8f46;
	-webkit-border-radius: 4px;  
	-moz-border-radius: 4px;  
	border-radius: 4px;  

}

#produtos ul{
	float:left;
	position:relative;
	width:100%;
	margin-bottom:15px;
	background:#fafafa;
	padding-top:15px;
	margin-top:-17px;
	padding-bottom:5px;
	-webkit-border-radius: 4px;  
	-moz-border-radius: 4px;  
	border-radius: 4px;  
	-moz-box-shadow:inset 0 0 10px #000000;
   -webkit-box-shadow:inset 0 0 10px #000000;
   box-shadow:inset 0 0 10px #ccc;
	z-index:1;
}

#produtos ul li{
	float:left;
	position:relative;
	width:45%;
	margin-left:15px;
}

#produtos ul li.clear{
	float:left;
	position:relative;
	width:100%;
	clear:both;
	height:10px;
}

#produtos ul li.dir{
	float:right;
	position:relative;
	width:45%;
	margin-right:15px;
}

#produtos ul li #fotoprod{
	float:left;
	position:relative;
	width:156px;
	height:111px;
	
}

#fotoprod img{
		-webkit-border-radius: 4px;  
	-moz-border-radius: 4px;  
	border-radius: 4px;  
	float:left;
	position:relative;	
}

#produtos ul li #descprod{
	float:right;
	position:relative;
	width:250px;
	height:10px;
}

#produtos ul li #descprod h1{
	float:left;
	position:relative;
	width:100%;
	font-weight:100;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	color:#eb8f46;
	font-size:14px;
	padding: 0px 0px 0px 0px; }



#produtos ul li #descprod p{
	float:left;
	position:relative;
	width:100%;
	text-align:justify;
	font-size:12px;
	color:#979797;
}