@import "layout_hacksie.css";
@import "layout_definicoes.css";

html, body {
	height: 100%;
	background: #FFF;
	}

* {
	margin: 0;
	padding: 0;
	}

body {
	background: url(../img/bg.jpg) no-repeat top center;
	line-height: 1.4em;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #888888;
	overflow: -moz-scrollbars-vertical;
	
	}
	
a {
	color: #008c93;
	text-decoration: none;
	font-weight:bold;
	}
	
a:hover {
	color: #447286;
	text-decoration: underline;
	font-weight: bold;
	}
	
	a.previous{
		float: left;
		color: #2e97c4;
		text-align: left;
		}
		a.next{
			float:right;
			color: #2e97c4;
			text-align:right;
		}
	
h2{
	color: #2e97c4;
	font-size: 15px;
	font-weight: bold;
	}
	
table{
	width: 100%;
	}

.nameform{
	text-align: right;
	}
	
input{
	border: solid 1px #CCCCCC;
	margin-left: 10px;
	}
	
#pagina {
	width: 778px;
	margin: 0 auto;
	min-height: 100%;
	}

.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
	}
	
	ul{
		list-style: none;
		}

/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////
CABECALHO
//////////////////////////////////////////////////////////////////////////////////////////////////////////		
*/

#cabecalho {
	height: 358px;
	width:778px;
	}
	
/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////
HOME - z
//////////////////////////////////////////////////////////////////////////////////////////////////////////		
*/

#contentA{
	text-align: justify;
	line-height: 14px;
	float: left;
	}
	#content-home{
		float: left;
		text-align: justify;		
		width: 480px;
		}		
		#content-home #homeProduto{
			width: 495px;
			overflow: hidden;
			}
			#content-home #homeProduto h1{
				background: transparent url('../img/tit-produtos.jpg') no-repeat scroll top left;
				display: block;
				height: 28px;
				text-indent: -9999em;
				padding-bottom: 20px;
				margin-top: 5px;
				}
		
	#content-home #home-curso {
		margin-bottom: 10px;
		}
		
	#content-home #home-curso h1{
		background: transparent url('../img/cursos-terinamentos.gif') no-repeat scroll top left;
		display: block;
		width: 396px;
		height: 28px;
		text-indent: -9999em;	
		margin: 15px 0 20px 0;	
		}
		#content-home #home-curso img{
			float: left;
			margin: 5px 26px 5px 5px;
			}
			
		#content-home #home-curso ul{
			float: left;
			}			
			#content-home #home-curso li{			
				width: 250px;
				margin: 11px 0;			
				}
				#content-home #home-curso li h2{
					font-size: 11px;
					}
					#content-home #home-curso li h2 a{
						color: #2e97c4;
						}
				
				#content-home #home-curso .desc-curso{
					margin-bottom: 10px;
					padding-left: 5px;
					}
					
				#content-home #home-curso .conheca-todos{
					text-align: right
					}
					#content-home #home-curso .conheca-todos a{
						color: #0d89be;
						font-size: 11px;
						text-decoration: none;
						}
						#content-home #home-curso .conheca-todos a:hover{
							text-decoration: underline;
							}

span {
	visibility: hidden;
	}
	span.view{
		visibility: visible;
		}
		
a span {
	padding-top:5px;
	display:block;
	}



#destaqueProdutos p {
	float:left;
	margin-right:8px;
	margin-bottom:8px;
	}

.destaque{
	text-align: left;
	width: 220px;
}

#sidebar-home{ 
	float: right;
	text-align: justify;	
	}
	#sidebar-home #home-destaques{
		margin-left: 25px;	
		margin-top: 52px;	
		width: 255px;	
		}	
		#sidebar-home #home-destaques h1{
			background: transparent url(../img/destaques.gif) no-repeat scroll top left;
			display: block;
			height: 28px;
			padding-bottom: 10px;
			}	
		
		#sidebar-home #home-destaques h2{
			margin-bottom: 4px;
			width: 200px;
			}
			#sidebar-home #home-destaques h2 a{
				color: #0d89be;
				font-size: 11px;
				font-weight: bold;
				text-decoration: none;				
				}
				
				#sidebar-home #home-destaques ul li{
					margin-bottom: 10px;	
					}
		
			#sidebar-home #home-destaques .texto{
				margin-top: 10px;
				width: 200px;
				}
				#sidebar-home #home-destaques .ver-todos {
					text-align: right;
					margin-right: 55px;
					}
					
				#sidebar-home #home-destaques .ver-todos a, #sidebar-home #home-destaques a.ver-mais{
					color: #0d89be;
					font-size: 11px;
					font-weight: bold;
					text-decoration: none;
					}					
				
				#noticias-int h2, #cursos-int h2{
					margin: 5px 0;	
					}
						
				#noticias-int h2, #noticias-int h2 a, #cursos-int h2, #cursos-int h2 a{
					color: #0d89be;
					font-size: 11px;
					font-weight: bold;
					text-decoration: none;
					}	
					#noticias-int img{
						margin: 10px 0;
						border: none;
						}
			
			
		#sidebar-home #home-destaques a, #homeClientes-projetos a, #homeCursos a, #homeNoticias a{
			font-weight: normal;
			color: #888;
			text-decoration: none;
			cursor: pointer;
			}
	
	
	
#homeNoticias{
	width: 180px;
	padding-top: 20px;
	float: left;
	}

#homeNoticias p{
	margin-bottom:0px;
	}

#homeNoticias h1{
	background:transparent url(../img/tit-noticias.jpg) no-repeat scroll top left;
	display:block;
	height:28px;
	text-indent:-9999em;
	}
	
#divisor{
	background:transparent url(../img/filete-vertical.jpg) no-repeat scroll top left;
	height:274px;
	width:1px;
	float:left;
	margin: 10px 20px 0px 20px;
	}
	
#homeCursos{
	width:250px;
	height:250px;
	padding-top:20px;
	/*background:transparent url(../img/camera.jpg) no-repeat  top left;*/
	float:left;
	}

#homeCursos h1{
	background:transparent url(../img/tit-cursos.jpg) no-repeat scroll top left;
	display:block;
	height:56px;
	}
	
#homeCursos .texto_cursos{
	margin-top:10px;
	}
		
#homeNoticias .texto, #homeCursos .texto, #cursos-int .texto, #representacoes-int .texto, #noticias-int .texto {
	width:180px;
	padding-top:5px;
	color:#2e97c4;
	font-weight:bold;
	}
	
#homeNoticias .texto, #homeCursos .texto, #cursos-int .texto, #novos-produtos-int .texto, #noticias-int .texto {
	width:180px;
	padding-top:5px;
	color:#2e97c4;
	font-weight:bold;
	}	

#homeClientes-projetos{
	width:234px;
	padding-top:20px;
	float:left;
	}
#homeClientes-projetos h1{
	background:transparent url(../img/tit-clientes.jpg) no-repeat scroll top left;
	display:block;
	height:28px;
	}
	

#divisor-rodape{
	background:transparent url(../img/filete-horizontal.jpg) no-repeat top;
	height:5px;
	clear:both;
	}

#logotipos {
	background: #FFF;
	width: 778px;
	margin: 0 auto;
	text-align: center;
	display:table;
	}

#logotipos p{
	text-align:left;
	}

#logotipos p img{
	margin:20px;
	}
	
#endereco_home{
	margin-left:100px;
	margin-top:20px;
	margin-bottom:5px;
	}	
	
	
	
/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////
INTERNAS -z
//////////////////////////////////////////////////////////////////////////////////////////////////////////		
*/

#blocoEsquerda{
	width:235px;
	display:table;
	text-align:left;
	float:left;
	}
	
#blocoEsquerda p{
	text-align:left;
	width:170px;
	}
	
#blocoDireita{
	width:515px;
	display:table;
	text-align:left;
	float:left;
	padding-left:10px;
	margin-bottom:10px;
	}
	
	
.linkemail a{
	color:#008c93;
	text-decoration: none;
	font-weight:normal;
	}

.linkemail a:hover{
	color:#008c93;
	text-decoration: underline;
	font-weight:normal;
	}
	
#quem-somos  p{
	margin-bottom:10px;
	}

#quem-somos h1{
	text-align:left;
	background:transparent url(../img/tit-quem-somos-int.gif) no-repeat scroll top left;
	display:block;
	height:30px;
	text-indent:-9999em;
	}
	
#clientes-projeto  p{
	margin-bottom:10px;
	}

#clientes-projeto  h1{
	text-align:left;
	background:transparent url(../img/tit-clientes-projetos-int.gif) no-repeat scroll top left;
	display:block;
	height:30px;
	text-indent:-9999em;
	}
	
#fale-conosco  p{
	margin-bottom:10px;
	}

#fale-conosco  h1{
	text-align:left;
	background:transparent url(../img/tit-fale-conosco-int.gif) no-repeat scroll top left;
	display:block;
	height:30px;
	text-indent:-9999em;
	}
#nossos-servicos  p{
	margin-bottom:10px;
	}

#nossos-servicos  h1{
	text-align:left;
	background:transparent url(../img/tit-nossos-servicos.jpg) no-repeat scroll top left;
	display:block;
	height:30px;
	text-indent:-9999em;
	}

#cursos-int  p{
	margin-bottom:10px;
	}

#cursos-int h1{
	text-align:left;
	background:transparent url(../img/tit-cursos-int.gif) no-repeat scroll top left;
	display:block;
	height:30px;
	text-indent:-9999em;
	}
#produtos-int{
	text-align:left;}

#produtos-int  p{
	margin-bottom:10px;
	}

#produtos-int h1{
	text-align:left;
	background:transparent url(../img/tit-produtos-int.gif) no-repeat scroll top left;
	display:block;
	height:30px;
	width:250px;
	/*text-indent:-9999em;*/
	}

#produtos{ float:left;text-align:left; }

#produtos p{}

#noticias-int  p{
	margin-bottom:10px;
	}

#noticias-int h1{
	text-align:left;
	background:transparent url(../img/tit-noticias-int.gif) no-repeat scroll top left;
	display:block;
	height:30px;
	text-indent:-9999em;
	}
	
#representacoes-int  p{
	margin-bottom:10px;
	text-align:justify;
	}

#representacoes-int p img{
	float:left;
	margin:0px 10px 10px 0px;
	}

#representacoes-int h1{
	text-align:left;
	background:transparent url(../img/tit-representacoes-int.gif) no-repeat scroll top left;
	display:block;
	height:40px;
	width:300px;
	}


#novos-produtos-int  p{
	margin-bottom:10px;
	text-align:justify;
	}

#novos-produtos-int p img{
	float:left;
	margin:0px 10px 10px 0px;
	}

#novos-produtos-int h1{
	text-align:left;
	background:transparent url(../img/tit-novos-produtos-int.gif) no-repeat scroll top left;
	display:block;
	height:40px;
	width:300px;
	}
/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////
MIOLO
//////////////////////////////////////////////////////////////////////////////////////////////////////////		
*/

#contentMiolo {
	text-align: left;
	padding-bottom: 140px;
	}

#conteudo {

	}
	
#content-interna{
padding-left:10px;}

/*

//////////////////////////////////////////////////////////////////////////////////////////////////////////
RODAPE
//////////////////////////////////////////////////////////////////////////////////////////////////////////		
*/

#rodape {
	height:128px; 
	background-color:#009933; 
	width:100%; 
	background:url(../img/bg-rodape.jpg) repeat;
	color:#FFFFFF;
	font-size:10px;
	text-align: center;
	}

#rodape ul{
	padding-top:10px;
	}

#rodape ul li{
	margin:5px;
	display:inline;
	list-style:none;
	letter-spacing:1px;
	}

#rodape ul li a{
	text-decoration:none;
	color:#FFFFFF;
	}

#rodape ul li a:hover{
	text-decoration:underline;
	color:#FFFFFF;
	}

#nonFooter {
	position: relative;
	min-height: 100%;
	}

.tabs-hide {
	display: none;
}