/* CSS Document - páginas internas */



body {
	background-color: #eae6e4;
	font-family:Tahoma, "Trebuchet MS", Arial;
	font-size: 11px;
	color: #666666;
	background-image:url(imagens/fundo.gif);
	background-repeat: repeat;
	background-position: left top;
	margin: 0px;	
	}
	
a {
	text-decoration: none;
	color: #0056d6;
}

.wraphome { /* Div para centralizar o site (50% da tela - (tamanho do site/2) */
	position:absolute; /* o objeto passa a ser flutuante */
	width:760px;
	height:470px;
	top:50%; /* Eixo top em 50% da tela */
	left:50%; /* Eixo left em 50% da tela */
	margin: -225px 0px 0px -380px; /* Cima, direita, baixo, esquerda (começa em cima e percorre em sentido horário) */
	background:url('imagens/bg_home.jpg') no-repeat bottom center #fff;
	}


.wraphomesite { /* Div para centralizar o site (50% da tela - (tamanho do site/2) */
	position:absolute; /* o objeto passa a ser flutuante */
	width:760px;
	/*height:470px;*/
	top:40%; /* Eixo top em 50% da tela */
	left:50%; /* Eixo left em 50% da tela */
	margin: -225px 0px 0px -380px; /* Cima, direita, baixo, esquerda (começa em cima e percorre em sentido horário) */
	/*background:url('imagens/bg_home.jpg') no-repeat bottom center #fff;*/
	background: #FFFFFF;
	}

.wrap { /* Esta Div envolve a div testeira, meio e rodapé */ 
 /* Div para centralizar o site (50% da tela - (tamanho do site/2) */
 
	position:absolute; /* o objeto passa a ser flutuante */
	width:900px;
	background-color: #fff; /* branco */
	/* top:50%; /* Eixo top em 50% da tela */
	left:50%; /* Eixo left em 50% da tela */
	margin: 0px 0px 0px -450px; /* Cima, direita, baixo, esquerda (começa em cima e percorre em sentido horário) */
  	height:auto !important;
	}
	
.testeirahome {
	width:750px;
	height:14px;
	text-align:right;
	float:left;
	padding-right:10px;
	padding-top:10px;
	background-color:#fff; /* branco */
	}

.testeira { /* para pagina da Empresa */
	width:760px;
	height:80px;
	text-align:left;
	}


.topoalto {	 /* Logo da Tecnoquipo*/
	}

.topobaixo { /* Mapa do Site | Contato */
	float:left;
	padding-left:10px;
	}

.topo {
	/*height:120px;*/
	float:left;
	margin-top:2px;
	background-color: #fff; /* branco */
	}
	
.topoesq {
	width:237px;
	/*height:120px;*/
	float:left;
	}
	
.topodir {
	width:513px;
	/*height:120px;*/
	float: right;
	/*text-align:right;*/
	}

.logintopo {
	width:720px;
	height:20px;
	float: right;
	text-align:right;
	margin-right:10px;
}	
	
.meio { }

.colunaesq { /* Coluna que engloba os menus 1, 2, 3 e 4 */
	width:127.5px;
	float:left;
	background-color: #fff;
	text-align: center;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 5px;	
	}	

.active {
	color: #CC0000;
	text-decoration: underline;
	padding-left: 10px;
}	

.colunadir { /* coluna que engloba o banner, o menu azul e o conteúdo */
	width:600px;
	float:left;

}

.rodape {
	height:20px;
	text-align:center;
	color: #6e7fac; /* azul */
	padding-top:15px;
	}	

.hackfloat {
	clear: both;
	height: 0px;
	overflow: hidden;
}

/* Engloba o MENU REDUNDANTE e DESENVOLVIMENTO */

.rodape2 {
	height:20px;
	background-color: #6e7fac; /* azul */
	color: #FFFFFF;
	background-image: url(imagens/bg_menu.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top:5px;
}

/* Menu redundante */
.redundante {
	width:550px;
	float:left;
	padding-left:10px;	
}

.redundante a{
	color: #FFFFFF;
	text-decoration:none;
}

.redundante a:hover{
	color: #FFFFFF;
	text-decoration:underline;
}

/* Desenvolvido por 3R Studio */
.desenvolvimento {
	width:190px;
	float: right;
	padding-right:10px;	
	text-align:right;
	}	

.desenvolvimento a {
	color: #ffffff; 
	text-decoration:none;
	}	

.desenvolvimento a:hover {
	color: #FFFFFF;
	text-decoration:underline;
	}	


/* RODATETO com home, mapa do site e contato */

.rodateto {
	height:10px;
	background-color: #6e7fac; /* azul */
	color: #FFFFFF;
	background-image: url(imagens/bg_menu.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding:5px 10px 5px 0px;
	text-align:right;
	}

.rodateto a{
	color:#FFFFFF;
	text-decoration:none;
	}

.rodateto a:hover{
	text-decoration:underline;
	}
.menu {
	width:900px;
	padding:10px;
	background-color:#e9e9e9;
}
	
/*------------------ Portais --------------------------*/

.ContentPaneHome {
	padding:120px 20px 20px 20px;
}

.ContentPane {
	padding:20px;
}

/*=========== [MENU] =========*/

.MenuVertical_MenuContainer {
	background-color: Transparent; 
}

.MenuVertical_MenuItem {
	cursor: pointer;
	font-size: 11px;
	margin:5px;
}

.MenuVertical_MenuItemHover {
	border: #333333 0px solid; 
	cursor: pointer; 
	color: #202973;
	font-size: 11px;
    }
	 
.RootMenuItem {
	color: #1b3981;
	}

.RootMenuItemHover {
	color: #fff;
	font-size:11px;
	}

.RootMenuItemActive {
	color: #1b3981;
	}

.MenuVertical_SubMenuContainer {
	z-index: 1000;
	position:absolute;
	margin-top:3px;
	background-color: #fff;
	border-left:#bdc4d7 1px solid;
	border-right:#bdc4d7 1px solid;
	border-top:#bdc4d7 1px solid;
	border-bottom:#bdc4d7 1px solid;
	cursor: pointer; 
	cursor: hand;
	left:5px;
}

.MenuVertical_SubMenuItemActive {
	cursor: pointer; 
	cursor: hand;
	color: #667A95;
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	font-weight: normal;
	font-style: normal; 
	letter-spacing: 0px;
	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
	background-color: #efefef; 
}

.MenuVertical_MenuBreak {
	height: 1px;
	font-size: 1px;
}

.MenuVertical_MenuIcon {
	background-color:transparent;
	border-left: #E8E8E8 0px solid;
	border-right: #333333 0px solid;
	border-bottom: #E8E8E8 1px solid;
	border-top: #FFFFFF 0px solid;
	cursor: pointer;
	cursor: hand;
	text-align: center;
	width: 0px;
	padding: 2px;
	display:none; 
}

.BreadCrumbClass {
	color:#c58f17;
	height:14px;
	text-align:left;
	margin-left: auto; 
	margin-right: auto;
	width:962px;
	padding:5px 0;
	font-size:16px;
	font-weight:bold;
}

/*---------------------------*/


.ContentPaneHomeSite {
	/*padding:60px 20px 20px 20px;*/
}

.ContentPane {
	padding:20px;
}



#colunas {
	width:760px;
	height: 470px;
	_height: 0px;
	background-color:#ffffff;
	padding:0px;
	margin:0px;
	}	
	

#coluna1 {
	width:177.5px;
	/*height:257px;*/
	float:left;
	background-color:#fff;
	text-align: center;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	}	
	

#coluna2 {
	width:177.5px;
	/*height:257px;*/
	float:left;
	background-color:#fff;
	text-align: center;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;	
	}	
	

 #coluna3 {
	width:177.5px;
	/*height:257px;*/
	float:left;
	background-color:#fff;
	text-align: center;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;	
	}	
	

 #coluna4 {
	width:177.5px;
	/*height:257px;*/
	float:left;
	background-color:#fff;
	text-align: center;
	padding-top: 10px;
	padding-right: 9px;
	padding-bottom:10px;
	padding-left: 5px;
	}
	
#menu1, #menu2, #menu3, #menu4 {
	text-align:left;
	padding: 0px;
	margin:0px;
	color:#000066; /* azul: cor da letra do botão */
	background-color: #E9E9E9; /* cinza claro */
	_height:168px;
	border: solid 1px #DADFEA;
	}
	
	
#menu1 ul, #menu2 ul, #menu3 ul, #menu4 ul {
	margin:0px;	
	padding:0px;
}


#menu1 li, #menu2 li, #menu3 li, #menu4 li {
	margin:0px;
	list-style-image: none;
	list-style-type: none;
	background-color:#E9E9E9; /* cinza - cor de fundo do botão */
	border-top: 1px solid #FFFFFF;
	height: 25px;
}

#menu1 li a, #menu2 li a, #menu3 li a, #menu4 li a {
	padding: 5px 0px 5px 10px;
	text-decoration: none;
	color: #666666;
	display: block;	
}


#menu1 li a:hover, #menu2 li a:hover, #menu3 li a:hover, #menu4 li a:hover {
	color: #ffffff;
	background-color:#7FAAD0;
	display: block;
	}
	
#menu1 {
	width:175px;
	*width:177px;	
}	 
	
#menu2 {
	width:175px;
	*width:177px;		
}	 
	
#menu3 {
	width:175px;
	*width:177px;		
}	

#menu4 {
	width:175px;
	*width:177px;		
}				


/* ----------- internas ----------- */

.wrapinternasite { /* Esta Div envolve a div testeira, meio e rodapé */ 
 /* Div para centralizar o site (50% da tela - (tamanho do site/2) */
	position:absolute; /* o objeto passa a ser flutuante */
	width:762px;
	background-color: #fff; /* branco */
	/* top:50%; /* Eixo top em 50% da tela */
	left:50%; /* Eixo left em 50% da tela*/
	/*margin:0 auto;*/
	margin:0px 0px 0px -381px; /* Cima, direita, baixo, esquerda (começa em cima e percorre em sentido horário) */
  	height:auto !important;
	}

.menuinternasite {
	/*width:762px;*/
	padding:10px;
	background-color:#e9e9e9;
}		

.LeftPaneinterna {
	width:127.5px;
	float:left;
	background-color: #fff;
	text-align: center;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 5px;	
}

.ContentPaneinterna {
	width:600px;
	float:left;
}



#menuinterna1, #menuinterna2, #menuinterna3, #menuinterna4 { 

	}
	
	
	
#menuinterna1 ul, #menuinterna2 ul, #menuinterna3 ul, #menuinterna4 ul {
	margin:0px;	
	padding:0px;

}


#menuinterna1 li, #menuinterna2 li, #menuinterna3 li, #menuinterna4 li {
	margin:0px;
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
	background-color:#E9E9E9; /* cinza - cor de fundo do botão */
	border: 1px solid #FFFFFF;
}

#menuinterna1 li a, #menuinterna2 li a, #menuinterna3 li a, #menuinterna4 li a {
	text-decoration: none;
	color: #666666;
	display: block;	
	padding: 5px 8px 5px 8px;	
}


#menuinterna1 li a:hover, #menuinterna2 li a:hover, #menuinterna3 li a:hover, #menuinterna4 li a:hover {
	color: #ffffff;
	background-color:#7FAAD0;
	display: block;
} 

.rodape3 {
	height:20px;
	background-color: #6e7fac; /* azul */
	color: #FFFFFF;
	background-image: url(imagens/bg_menu.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top:5px;
	float:left;
}

.titulo { /* titulo das paginas internas */
	font-size: 14px;
	color:#880007;
	padding-top:10px;
	}