@charset "utf-8";
/* CSS Document */

/* ----------------------------------------------
[Theme info]
	Template Name: 		BrTecno
	Version: 			1.0
	Author: 			Henry Fróes
	Author email:	 	henryfroes@msn.com
	Date of creation:	Jun, 2009

[Page Structure]
	body
		wrap / div#wrap
			main content / div#content
			side content / div#sidebar
			footer / div#footer
 ------------------------------------------------ */


/* ----------------------------------------------
				RESETANDO O CSS
-------------------------------------------------*/
*{
	margin:0;
	padding:0;
	border:none;
}

/* ----------------------------------------------
				STYLE
-------------------------------------------------*/
body {
	background:#fff;
	text-align:center;
	font:normal 14px Lucida Grande, Tahoma, Geneva, sans-serif;
	color:#444444;
}

/* ----------------------------------------------
				CLASS
-------------------------------------------------*/
.floatleft {
	float:left
}
.floatright {
	float:right;
}
.clear {
	clear:both;
	display:block;
}
.spacer {
	display:block;
	clear:both;
	height:15px;
}
/* ----------------------------------------------
				IMAGENS
-------------------------------------------------*/
img {
	margin-bottom:20px;
}
.img_no_border {
	margin:0;
}

/* ----------------------------------------------
				FONTS
-------------------------------------------------*/
p {
	font:normal 12px Lucida Grande, Tahoma, Geneva, sans-serif;
	color:#000;
	margin-bottom:20px;
}
	p span {
		color:81a8c3;
	}
h1{
	font:normal 60px Lucida Grande, Arial, Helvetica, sans-serif;
	color:#fff;
}
h2 {
	font:normal 23px Lucida Grande, Tahoma, Geneva, sans-serif;
	color:#444444;
	margin-bottom:23px;
}
h3 {
	font: normal 18px Lucida Grande, Tahoma, Geneva, sans-serif;
	color:#444444;
	margin-bottom:20px;
}
h4 {
	font:normal 18px Lucida Grande, Tahoma, Geneva, sans-serif;
	color:#9d9d9d;
	text-align:right;
	padding-left:100px;
}
	h4 span {
		color:#81a8c3;
	}
h5 {
	font:normal 30px Lucida Grande, Impact;
	color:#616161;
}

hr {
	border-top:1px #ddd solid;
	margin:0 30px;
}
.hr_side {
	margin:10px 0 0;
}

/* ----------------------------------------------
				LINKS
-------------------------------------------------*/

a:link, a:visited {
	text-decoration:none;
	color:#3399cc;
}
	a:hover {
		text-decoration:underline;
		color:#3399cc;
	}
h3 a:link, h3 a:hover {
	text-decoration:none;
}
/* ----------------------------------------------
				PAGE ESTRUCTURE
-------------------------------------------------*/
	#wrap {
		margin:0 auto;
		width:960px;
		text-align:left;
	}
		/* ----------------------------------------------
						WRAP / TOP
		-------------------------------------------------*/
		#top {
			background:#fff url(../images/bg_top.png) no-repeat;
			position:relative;
			height:130px;
			margin-bottom:5px;
		}
				/* ----------------------------------------------
								WRAP / TOP / LOGO
				-------------------------------------------------*/
				h1 a {
					display:block;
					text-decoration:none;
					position:absolute;
					left:40px;
					top:28px;
				}
					h1 a:hover {
						text-decoration:none;
					}
				/* ----------------------------------------------
								WRAP / TOP / MENU
				-------------------------------------------------*/
				.menu_top {
					list-style:none;
					position:absolute;
					top:65px;
					left: 285px;
				}
					.menu_top li {
						/*display:inline-block;*/
						float:left;
						padding-left:5px;
					}
					.menu_top a {
						font:bold 13px Tahoma, Geneva, sans-serif;
						color:#ffffff;
						text-decoration:none;
						padding:10px;
						display:block;
					}
						.menu_top a:hover {
							color:#4b4b4b;
							text-decoration:none;
						}
						.menu_top .active {
							color:#4b4b4b;
						}
					.menu_top_border {
						border-left:1px #ddd solid;
						margin:10px;
					}
					.icon_home {
						margin-bottom:-25px;
					}
		/* ----------------------------------------------
						WRAP / PAGINAS
		-------------------------------------------------*/
		#paginas {
			background:#f8f8f8;
			margin-bottom:20px;
			padding-bottom:0px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border-radius:5px;

		}
			#conteudo {
				width:580px;
				padding:20px 30px;
				float:left;
			}
				.coisa {
					border-bottom:1px #ddd solid;
					padding-bottom:15px;
				}
					.coisa a{
						color:#959595;
					}


		/* ----------------------------------------------
						WRAP / PAGINAS / BARRA
		-------------------------------------------------*/
			#barra {
				background:#fff;
				width:250px;
				padding:20px;
				float:right;
				margin:30px 30px 30px 0;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				border-radius:5px;
			}
			
				/* ----------------------------------------------
								WRAP / PAGINAS / BARRA / MENU
				-------------------------------------------------*/
				.espaco_menu_side {
					margin-top:33px;
				}
				.menu_side li {
					list-style:none;
					font:normal 13px Tahoma, Geneva, sans-serif;
					border-bottom:1px #ddd solid;
					padding: 1px 0;
				}
				.menu_side_primeiro {
					border-top:1px #ddd solid;
				}
				.menu_side a{
					background:#fff url(../images/seta_1_menuside.png) no-repeat;
					background-position:230px 13px;
					padding:10px 10px;
					color:#444;
					display:block;
				}
				.menu_side a:hover {
					background:#3399cc url(../images/seta_2_menuside.png) no-repeat;
					background-position:230px 11px;
					color:#fff;
					display:block;
					padding:10px 10px;

				}
				
				#barra .ativo {
					background:#3399cc url(../images/seta_2_menuside.png) no-repeat;
					background-position:230px 11px;
					color:#fff;
					display:block;
				}




/* ----------------------------------------------
				FOOT
-------------------------------------------------*/
#rodape {
	background:#101319;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#rodape p {
	margin-top:5px;
	color:#888;
	padding: 0 15px;
	line-height:38px;
}




/* ----------------------------------------------
				PAGINAS - CONTATO
-------------------------------------------------*/
label {
	font:bold 11px Lucida Grande, Tahoma, Geneva, sans-serif;
	color:#444;
	}
input {
	border:1px #c0c0c0 solid;
	background:#f1f1f1;
	padding:6px 5px;
	margin:7px 0 24px;
	width:349px;
}
select {
	border:1px #c0c0c0 solid;
	background:#f1f1f1;
	padding:6px 5px;
	margin:7px 0 24px;
	width:360px;	
}
	#ddd_fixo {
		width:55px;
		margin-right:15px;
	}
	#ddd_cel {
		width:55px;
		margin-right:15px;
	}
	#tel {
		width:261px;
	}
	#cel {
		width:261px;
	}
	#enviar {
		width:109px;
		background:#1e2229;
		color:#fff;
		border:0;
	}
textarea {
	border:1px #c0c0c0 solid;
	background:#f1f1f1;
	padding:6px 5px;
	margin:7px 0 24px;
	width:568px;
	height:140px;
}

#form_contato .error, #form_franquia .error {
	border-color:#f00;
}
#form_contato.valid, #form_franquia .valid {
	border-color:#060;
}
		/* ----------------------------------------------
						PAGINAS - CONTATO - BARRA
		-------------------------------------------------*/
		#icon_contato {
			list-style:none;
			font:bold 11px Lucida Grande, Tahoma, Geneva, sans-serif;
			color:#959595
		}
		#icon_contato img {
			margin-right:25px;
		}
		#icon_contato li {
			margin-bottom:25px;
		}
		#social li {
			list-style:none;
			float:left;
			margin-right:28px;
		}
		#social img {
			margin:0;
		}
/* ----------------------------------------------
				CLIENTES
-------------------------------------------------*/

		.clientes p{
			font:normal 11px Lucida Grande, Tahoma, Geneva, sans-serif;
			color:#959595;
			padding-left:20px;
			float:left;
		}
		.clientes span {
			color:#6a6a6a;
			text-align:right;
		}
		.clientes hr {
			margin-bottom:20px;
			clear:both;
		}
		.clientes img {
			float:right;
		}


/* ----------------------------------------------
				PAGINAS - PRODUTOS
-------------------------------------------------*/
.produto_esq {
	width:280px;
	float:left;
	margin-bottom:50px;
}

.produto_dir {
	width:280px;
	float:right;
	margin-bottom:50px;
}

.listas {
	font:normal 12px Lucida Grande, Tahoma, Geneva, sans-serif;
	color:#959595;
	margin-left:15px;
	margin-bottom:20px;
}
.nota {
	font:italic 11px Lucida Grande, Tahoma, Geneva, sans-serif;
}

	/* ----------------------------------------------
					PAGINAS - PRODUTOS(interna) - BARRA
	-------------------------------------------------*/
	.depoimento {
		background:url(../images/aspas.png) no-repeat;
	}
		.depoimento p{
			font:normal 11px Lucida Grande, Tahoma, Geneva, sans-serif;
			color:#959595;
			padding-left:20px;
		}
		.depoimento span {
			color:#6a6a6a;
			text-align:right;
		}
		.depoimento hr {
			margin-bottom:20px;
		}


/* ----------------------------------------------
				HOME
-------------------------------------------------*/
.colunas {
	width:220px;
	float:left;
	margin:20px 18px 20px 0;
}
	.coluna1 {
		margin-left:10px;
	}
	.coluna4 {
		margin-right:0;
	}
	.img_home {
		margin:10px 0;
	}
	.colunas ul {
		margin-top:10px;
	}
	.social_coluna4 li {
		margin-right:23px;
		list-style:none;
		float:left;
	}
	.img_col_4 {
		margin-top:73px;
	}
	
/* ----------------------------------------------
				slider
-------------------------------------------------*/
#topslider {
	width:960px;
	margin:0 auto;
	position:relative;
	}
				#featured{
					width:940px;
					height:664px;
					padding: 10px 10px 0;
					background:url(../images/bgslider.jpg) 0 0 no-repeat;
					position:relative;
					overflow:hidden;
					}
						#slides {
							display:block;
							clear:both;
							width:940px;
							height: 380px;

						}
						.featured_item{
							width:940px;
							height: 380px;
							overflow:hidden;
							margin:0 auto;
							position:relative;
							display:none;
						}
						
						#topslider .current{
							display:block;
						}
														
						
				
					#featured_bottom{
						position:absolute;
						z-index:20;
						top:410px;
						left:10px;
						width:940px;
						z-index:30;
					}						
							.preview_images a {
								width:150px;
								height:93px;
								float:left;
								margin:8px 8px 0 0;
								cursor:pointer;
							}
							.preview_images a img {
								width:143px;
								border:3px solid #fff;
								-moz-border-radius:6px;
								-webkit-border-radius:6px;
								border-raius:6px;
							}
							.preview_images a img:hover {
								border:3px solid #ccc;
							}
								
							
							#p_descricao1, #p_descricao2 {
								position:absolute;
								left:2px;
							}
							#p_descricao1 {
								top:-10px;
							}
							#p_descricao2 {
								top:108px;
							}
							
.canto {

   position: fixed;
   bottom: 0;
   right: 0;
}