/* CSS Tecnodata Educacional */

* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}

body { /*propiedade para contruir o fundo do site */
	background:url('imagens/bg.jpg') repeat-x;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}


/* ################## ESQUELETO DO SITE ################################################# */

#container{ /*Div que centraliza o site */
	margin:auto;
	width:814px;
}

#geral{ /* Div que abrange o site e a tarja colorida na direita */
	width:814px;
	background:url('imagens/bg-content.jpg') repeat-y;
	margin-top:12px;
	float:left;
}

#content-left{ /* nessa div funciona o site */
	float:left;
	background:url('imagens/bg-top.jpg') no-repeat;
	width:814px;
	/*height:438px;*/
}

/*#content-right{ /* div da barra colorida na direita
	width:17px;
	height:1900px;
	background: url('imagens/tg-right.jpg') no-repeat;
	float:right;
	display:table;
	margin-top:1px;
}*/

#sidebar-left{ /* div da logomarca e do menu da esquerda */
	width:190px;
	float:left;
}

#sidebar-right{ /* div do menu superior, busca, banners e conteudo */
	width:612px;
	float:right;
}

/* ################## FIM DO ESQUELETO DO SITE ################################################# */





/* ################## COLUNA ESQUERDA ########################################################### */

#logo a{ /* div da logomarca link para home*/
	margin:29px 0 0 29px;
	width:136px;
	height:89px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

#left-menu{ /* div que abrange o menu esquerdo */
	margin:40px 0 0 19px;
	width:157px;
}

#left-menu-top{ /*canto arredondado de cima no menu esquerdo */
	background:url('imagens/left-menu-top.jpg') no-repeat;
	width:157px;
	height:20px;
}

#left-menu-mid{ /* configuração do fundo do menu esquerdo */
	background:#7C7D7F;
	width:157px;
}

#left-menu-bottom{ /*canto arredondado de baixo no menu esquerdo */
	background:url('imagens/left-menu-bottom.jpg') no-repeat;
	width:157px;
	height:20px;
}


#left-menu h3{ /* configuração do H3 do menu esquerdo */
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding-left:6px;
}

#left-menu h3 a{ /* configuração do link do H3 */
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#FFF;
}

#left-menu h3 a:hover{ /* configuração do link hover do H3 */
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#F5D81B;
}

#left-menu ul li{ /* configuração de Lista do menu esquerdo */
	padding-left:3px;
	padding-top:6px;
}

#left-menu ul li a{ /* configuração de links de menu */
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color:#D2D2D5;
	height:12px;
	width:140px;
	padding-left:5px;
	display:block;
}

#left-menu ul li a:hover{
	color:#F5D81B;
	font-weight:bold;
}


/* ################## FIM DA COLUNA ESQUERDA ################################################# */





/* ################## COLUNA DIREITA CONTEUDO ################################################# */

#content-top{
	width:612px;
	height:78px;
}

#busca{
	float:right;
	width:175px;
	margin:44px 25px 0 0;
	_margin:45px 12px 0 0;
	/*border:1px solid #F00;*/
}

#top-menu{ /* div do menu superior */
	background:url('imagens/top-menu2.jpg') no-repeat;
	width:350px;
	height:24px;
	margin:44px 0 0 35px;
	_margin:42px 0 0 20px;
	float:left;
}

#top-menu ul{ /* configuração da lista de links do menu superior */
	width:350px;
	height:24px;
	padding:6px 11px;;
}

#top-menu li{ /* configuração para menu em linha */
	display:inline;
}

#top-menu ul li a{ /* config dos links do menu superior */
	color:#231F20;
	font-weight:bold;
	padding:0 4px;
}

#top-menu ul li a:hover{
	color:#038A3B;
	font-weight:normal;
}

#banner{ /* div dos banners em flash */
	width:582px;
	height:250px;
	margin-top:8px;
}

#conteudo{ /* div do conteudo do site */
	width:570px;
	margin-top:97px;
}

#conteudo h1{ /* config dos títulos do conteudo sem imagem */
	font: 15px Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.h1-tecno-educacional{ /* classe para H1 Educacional */
	background:url('imagens/h1-tecno-educacional.jpg') no-repeat;
	width:210px;
	height:30px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

.h1-tecno-transito{ /* classe para H1 Trânsito */
	background:url('imagens/h1-tecno-transito.jpg') no-repeat;
	width:210px;
	height:30px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

.h1-tecno-empresas{ /* classe para H1 Empresas */
	background:url('imagens/h1-tecno-empresas.jpg') no-repeat;
	width:210px;
	height:30px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

.h1-tecno-saude{ /* classe para H1 Saúde */
	background:url('imagens/h1-tecno-saude.jpg') no-repeat;
	width:210px;
	height:30px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

.conteudo-left{ /*div para conteudo esquerdo*/
	float:left;
	width:210px;
}

.conteudo-left p{ /* config de texto simples na div conteudo esquerdo */
	text-align:justify;
	padding-left:3px;
}

.conteudo-right{ /* div para conteudo na direita */
	float:right;
	width:210px;
	margin-right:55px;
}

.conteudo-right p{ /* config de texto simples na div conteudo direita */
	text-align:justify;
	padding-left:3px;
}

#conteudo h2{ /* config do H2 no Conteudo do Site */
	color:#40af7d;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:5px;
}

#conteudo p{ 
	padding-left:5px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

.alerta{
font: 10px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#F00;
}

.h2{ /* config do H2 no Conteudo do Site */
	color:#40af7d;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.linkcont{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#2072A4;
	font-weight:bold;
}

a.linkcont:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#069A4C;
}

/* ################## FIM DE COLUNA DIREITA CONTEUDO ################################################# */



/* ################## ADMINISTRACAO ################################################# */

#geral2{ /* Div que abrange o site admin */
	width:814px;
	background:url('imagens/bg-content.jpg') repeat-y;
	margin-top:12px;
	float:left;
	height:914px;
}

#geral3{ /* Div que abrange a busca do site */
	width:814px;
	background:url('imagens/bg-content.jpg') repeat-y;
	margin-top:12px;
	float:left;
}

#content-left2{ /* nessa div funciona o site */
	float:left;
	background:url('imagens/bg-top2.jpg') no-repeat;
	width:808px;
}