﻿@media screen {
	/** CSS de formatação da estrutura do site *****************************/
	BODY {
		height:100%;
		margin:5px 0px 0px 0px;
		background-color:#d2d2d2;
		font-family:Verdana;
		font-size:10px;
		color:#666666
	}
	
	img{
		border:0px;
	}
	
	INPUT {
		font-size:9px;
		width:80px
	}
	
	HR {
		display:none
	}
	
	/* Identificadores comuns entre a home e as páginas internas */
	#geral {
	width: 750px;
	height: 100%;
	position: relative;
	background: url("../img/back-topo-p.jpg") #d2d2d2 no-repeat top;
	margin-right: auto;
	margin-left: auto;
}
	
	/* cabeçalho */
	#cabecalho {
		width:705px;
		height:40px;
		position:relative;
		left:22px;
		top:15px;
		background-color:#efefef;
	}
	
	#cabecalho li {
		display:block;
		float:left;
		margin:0px 10px 0px 0px
	}
	
	#cabecalho li a {
		width:auto;
		float:left;
		background:url("../img/seta-menu.gif") no-repeat left center;
		margin:0px 3px;
		padding:0px 0px 0px 7px
	}
	
	#cabecalho ul {
		padding:0px;
		margin:0px 0px 0px 80px
	}
	
	/* form login */
	#formLogin {
		line-height:40px;
		margin:0px;
	}
			
	#formLogin fieldset {
		width:400px;
		height:40px;
		position:relative;
		top:0px;
		left:10px;
		border:0px;
		padding:0px;
		margin:0px;
		float:left;
	}
	
	#formLogin fieldset legend {
		display:none
	}
	
	#formLogin fieldset .inputLogin {
		width:80px;
		height:12px;
		position:relative;
		top:8px;
		float:left;
		margin:2px;
	}
	
	#formLogin fieldset .logar {
		width:50px;
		position:relative;
		top:10px;
		float:left;
		margin:0px 5px 0px 0px;
	}
	
	#menuCabecalho {
		float:right;
		width:270px;
	}
	
	/* Class usados para os link do meu topo*/
	.LinkP:link, .LinkP:visited {
		color:#666666;
		text-decoration:none;
	}
	.LinkP:hover { 
		color:#1F76E3;
		text-decoration:none;
	}
	
	/* Bottom  */
	#bottom {
		position:relative;
		top:0px;
		width:100%;
		height:60px;
		background:url("../img/back-rodape-p.jpg") #d2d2d2 bottom no-repeat;		
	}
	
	#bottom address {
		width:705px;
		line-height:40px;
		text-align:center;
		position:relative;
		left:22px;
		top:5px;
		background-color:#efefef
	}
	
	/** CSS de formatação do conteúdo do site *****************************/
	a:link, a:visited {text-decoration:none; color:#282C51;}
	a:hover {text-decoration:none; color:#2075e0;}
	
	/** CSS da página inicial (home.htm) **********************************/
	#topo {
		width:100%;
		height:306px;
		position:relative;
		top:0px;
		margin:15px 0px 0px 0px;
		background:url("../img/back-site.jpg") #d2d2d2 repeat-y;
	}
	
	#menuTopo {
		width:236px;
		height:306px;
		position:relative;
		top:0px;
		left:22px;
		float:left
	}
	
	#menuTopo h1 {
		width:236px;
		height:100px;
		position:relative;
		top:0px;
		left:0px;
		margin:0px;
		padding:0px;
		background:url("../img/home-logodevgoias.gif") no-repeat top left;
	}
	
	#menuTopo h1 a {
		width:236px;
		height:100px;
		text-indent:-1999px;
		overflow:hidden;
		display:block
	}
	
	#menuTopo ul {
		width:198px;
		position:relative;
		top:10px;
		left:16px;
		margin:0px;
		padding:0px;
	}
	
	#menuTopo ul li {
		width:198px;
		height:29px;
		position:relative;
		top:0px;
		left:0px;
		margin:0px;
		padding:0px;
		list-style-type:none;
	}
	
	#menuTopo ul li a {
		width:198px;
		height:29px;
		text-indent:-1999px;
		overflow:hidden;
		display:block
	}
	
	/*
		Carrega as imagens de over do menu.
	*/
	.preloadedImages {
		background-image: url(../img/menu-1over.gif);
		background-image: url(../img/menu-2over.gif);
		background-image: url(../img/menu-3over.gif);
		background-image: url(../img/menu-4over.gif);
		background-image: url(../img/menu-5over.gif);
		background-image: url(../img/menu-6over.gif);
	}
	
	#menuTopo ul .grupo {
		background:url("../img/menu-1.gif") no-repeat center left;
	}
	
	#menuTopo ul .grupo:hover {
		background:url("../img/menu-1over.gif") no-repeat center left;
	}
	
	#menuTopo ul .artigos {
		background:url("../img/menu-2.gif") no-repeat center left;
	}
	
	#menuTopo ul .artigos:hover {
		background:url("../img/menu-2over.gif") no-repeat center left;
	}
	
	#menuTopo ul .noticias {
		background:url("../img/menu-3.gif") no-repeat center left;
	}
	
	#menuTopo ul .noticias:hover {
		background:url("../img/menu-3over.gif") no-repeat center left;
	}
	
	#menuTopo ul .reunioes {
		background:url("../img/menu-4.gif") no-repeat center left;
	}
	
	#menuTopo ul .reunioes:hover {
		background:url("../img/menu-4over.gif") no-repeat center left;
	}
	
	#menuTopo ul .album {
		background:url("../img/menu-5.gif") no-repeat center left;
	}
	
	#menuTopo ul .album:hover {
		background:url("../img/menu-5over.gif") no-repeat center left;
	}
	
	#menuTopo ul .forum {
		background:url("../img/menu-6.gif") no-repeat center left;
	}
	
	#menuTopo ul .forum:hover {
		background:url("../img/menu-6over.gif") no-repeat center left;
	}
	
	#destaquePrincipal {
		width:482px;
		height:306px;
		position:relative;
		top:0px;
		left:22px;
		float:left;
		background:url("../img/back-destaque.jpg") #fff no-repeat right;		
	}
	
	#destaquePrincipal div {
		position:relative;
		width:450px;
		height:282px;		
		top:8px;
		left:8px;
	}
	
	#destaquePrincipal p {
		display:none
	}
	
	#destaquePrincipal h2 {
		display:none
	}
				
	#meio {
		position:relative;
		top:0px;
		width:100%;
		clear:left;
		background:url("../img/back-site.jpg") #d2d2d2 repeat-y;
	}
	
	#conteudo {
		width:718px;
		height:auto;
		position:relative;
		top:0px;
		left:20px;
		background:url("../img/back-conteudo.jpg") #fff repeat-y;
	}
	
	#conteudoSuperior {
		width:718px;
		height:12px;
		background:url("../img/back-conteudo-t.jpg") #fff no-repeat bottom;
	}
	
	#conteudoInferior {
		width:718px;
		height:14px;
		clear:both;
		background:url("../img/back-conteudo-b.jpg") #fff no-repeat;
	}
	
	#colDireita {
		width:444px;
		height:auto;
		float:right;
		position:relative;
		right:18px
	}
	
	#colDireita #bem-vindo h2 {
		font-size:18px;
		font-family:Tahoma;
		font-weight:normal;
		color:#666666;
		line-height:30px;
		text-indent:10px;
		margin:0px 0px 10px 0px;
		padding:0px;
		background-color:#efefef
	}
	
	#colDireita #bem-vindo .rss {
		background:url("../img/rss.gif") no-repeat center left;
		padding:3px;
		padding-left:40px;
	}
	
	#colDireita #destaque-artigos {
		width:222px;
		float:left;
		position:relative;
		top:0px;
		left:0px;	
	}
	
	#colDireita #destaque-artigos h3 {
		font-size:14px;
		font-family:Tahoma;
		font-weight:normal;
		color:#666666;
		line-height:30px;
		text-indent:10px;
		margin:5px 0px 10px 0px;
		padding:0px;
		background:url("../img/home-mainsep.gif") #efefef no-repeat center right;
	}
	
	#colDireita #destaque-artigos p{
		width:202px;
		left:0px;
		position:relative;
		top:0px;
		margin:0px 10px;		
	}
	
	#colDireita #destaque-dicas {
		width:222px;
		float:left;
		position:relative;
		top:0px;
		left:0px;
	}
	
	#colDireita #destaque-dicas h3 {
		font-size:14px;
		font-family:Tahoma;
		font-weight:normal;
		color:#666666;
		line-height:30px;
		text-indent:10px;
		margin:5px 0px 10px 0px;
		padding:0px;
		background-color:#efefef;	
	}
	
	#colDireita #destaque-dicas p {
		width:202px;
		position:relative;
		left:0px;
		top:0px;
		margin:0px 10px;
	}
	
	#colDireita #destaque-noticias {
		clear:left;
		margin:0px;
		padding:0px;
	}
	
	#colDireita #destaque-noticias h3 {
		font-size:14px;
		font-family:Tahoma;
		font-weight:normal;
		color:#666666;
		line-height:30px;
		text-indent:10px;
		margin:5px 0px 10px 0px;
		padding:0px;
		background-color:#efefef
	}
	
	
	#colDireita #destaque-noticias p{
		width:420px;
		position:relative;
		left:0px;
		top:0px;
		margin:0px 10px;
	}
		
	/* Banners de parceiros na Home */
	#colDireita #parceiros {
		display:inline-block;
	}
	#colDireita #parceiros h3 {
		font-size:14px;
		font-family:Tahoma;
		font-weight:normal;
		color:#666666;
		line-height:30px;
		text-indent:10px;
		margin:5px 0px 10px 0px;
		padding:0px;
		background-color:#efefef;
	}
	
	#colDireita #parceiros ul {
		position:relative;
		left:0px;
		top:0px;
		margin:0px;
		padding:0px;
	}
	
	#colDireita #parceiros ul li {
		width:140px;
		height:40px;
		position:relative;
		top:0px;
		left:0px;
		margin:3px;
		padding:0px;
		display:block;
		float:left;
		list-style-type:none;
	}
	
	#colDireita #parceiros ul li a {
		width:140px;
		height:40px;
		text-indent:-1999px;
		overflow:hidden;
		display:block;
	}
	
	#colDireita #parceiros ul .hosting{
		background:url("../img/banner-zocka.gif") no-repeat center left;
	}
	#colDireita #parceiros ul .oreilly{
		background:url("../img/banner-oreilly.gif") no-repeat center left;
	}
	#colDireita #parceiros ul .inetabr{
		background:url("../img/banner-inetabr.gif") no-repeat center left;
	}
	#colDireita #parceiros ul .sharpgames{
		background:url("../img/banner-sharpgames.gif") no-repeat center left;
	}
	#colDireita #parceiros ul .netmagazine{
		background:url("../img/banner-revistanet.gif") no-repeat center left;
	}
	#colDireita #parceiros ul .comtec{
		background:url("../img/banner-comtec.gif") no-repeat center left;
	}
	#colDireita #parceiros ul .microsoft{
		background:url("../img/banner-microsoft.gif") no-repeat center left;
	}
	#colDireita #parceiros ul .sectec{
		background:url("../img/banner-sectec.gif") no-repeat center left;
	}
	#colDireita #parceiros ul .ugss{
		background:url("../img/banner_ugss.jpg") no-repeat center left;
	}
	
	
	/* ---------------- */
	
	#colDireita #comunidades h3 {
		font-size:14px;
		font-family:Tahoma;
		font-weight:normal;
		color:#666666;
		line-height:30px;
		text-indent:10px;
		margin:5px 0px 10px 0px;
		padding:0px;
		background-color:#efefef;
	}
	
	#colDireita #comunidades ul {
		position:relative;
		left:0px;
		top:0px;
		margin:0px;
		padding:0px;
	}
	
	#colDireita #comunidades ul li {
		width:140px;
		height:40px;
		position:relative;
		top:0px;
		left:0px;
		margin:3px;
		padding:0px;
		display:block;
		float:left;
		list-style-type:none;
	}
	
	#colDireita #comunidades ul li a {
		width:140px;
		height:40px;
		text-indent:-1999px;
		overflow:hidden;
		display:block;
	}
	
	#colDireita #comunidades ul .facebook{
		background:url("../img/banner_facebook.gif") no-repeat center left;
	}
	#colDireita #comunidades ul .linkedin{
		background:url("../img/banner_linkedin.gif") no-repeat center left;
	}
	#colDireita #comunidades ul .msnbot{
		background:url("../img/banner_msnbot.gif") no-repeat center left;
	}
	/* -------------- */
	#colDireita #rssMSDN h3 {
		font-size:14px;
		font-family:Tahoma;
		font-weight:normal;
		color:#666666;
		line-height:30px;
		text-indent:10px;
		margin:5px 0px 10px 0px;
		padding:0px;
		background-color:#efefef;
	}
	/* -------------- */
	#colEsquerda {
		width:220px;
		height:auto;
		float:left;
		position:relative;
		left:11px
	}
	
	#colEsquerda h3 {
		font-size:14px;
		font-family:Tahoma;
		font-weight:normal;
		color:#666666;
		line-height:30px;
		text-indent:10px;
		margin:0px 0px 10px 0px;
		padding:0px;
		background-color:#efefef;
	}
		
	#destaque-celulas-ico {
		width:156px;
		height:70px;
		position:relative;
		left:50%;
		margin:0px 0px 0px -78px;
		padding:0px;
		background:url("../img/logo-celulas.gif") no-repeat center;
	}
	
	#destaque-iniciante p {
		position:relative;
		top:0px;
		bottom:10px;
		margin:0px 0px 10px 0px;
		padding:0px
	}
	
	#destaque-iniciante-ico {
		width:60px;
		height:60px;
		margin:5px;
		padding:0px;
		float:left;
		background:url("../img/logo-infoiniciante.gif") no-repeat center;
	}
	
	#destaque-mobile p {
		position:relative;
		top:0px;
		bottom:10px;
		margin:0px 0px 10px 0px;
		padding:0px
	}
	
	#destaque-mobile-ico {
		width:60px;
		height:60px;
		margin:5px;
		padding:0px;
		float:left;
		background:url("../img/logo_winmobile.gif") no-repeat center;
	}
	
	#destaque-enquete {
		
	}
	
	#destaque-enquete label {
		position:relative;
		top:2px;
		font-size:9px;
		line-height:20px;
		cursor:hand;
	}
	
	#destaque-enquete input {
		margin:0px;
		padding:0px;
		width:20px;
		vertical-align:middle;
		cursor:hand;
	}
	
	#destaque-enquete .votar {
		width:50px;
		float:right;
		position:relative;
		top:0px;
		right:15px;
	}
	
	#destaque-enquete fieldset {
		border:0px;
		padding:0px;
	}
	
	#destaque-enquete fieldset legend {
		display:none
	}
}

@media handheld {
	body {
		margin:0px;
		padding:0px;
		background-color:#fff;
		font-family:Verdana;
		font-size:9px;
		color:#666666
	}
	
	hr {
		display:none;
	}
	
	a:link, a:visited {
		text-decoration:none;
		color:#2075e0;
	}
	
	a:hover {
		text-decoration:none;
		color:#cf5527;
	}

	h2 {
		font-size:14px;
		font-family:Tahoma;
		font-weight:bold;
		color:#666666;
		line-height:30px;
		text-indent:10px;
		margin:0px 0px 10px 0px;
		padding:0px;
		background-color:#efefef;
		margin:5px;
	}
	
	h3 {
		font-size:12px;
		font-family:Tahoma;
		font-weight:normal;
		color:#666666;
		line-height:30px;
		text-indent:10px;
		margin:0px 0px 10px 0px;
		padding:0px;
		background-color:#efefef;
		margin:5px;
	}
	
	p {
		width:95%;
		position:relative;
		top:0px;
		left:10px;
	}

	/* cabeçalho */
	#cabecalho {
		width:100%;
		height:auto;
		position:relative;
		left:0px;
		top:0px;
	}
	
	#cabecalho li {
		display:block;
		float:left;
		margin:0px 10px 0px 0px
	}
	
	#cabecalho li a {
		width:auto;
		float:left;
		background:url("../img/seta-menu.gif") no-repeat left center;
		margin:0px 3px;
		padding:0px 0px 0px 7px
	}
	
	#cabecalho ul {
		padding:0px;
		margin:0px 0px 0px 80px
	}	
	
	/* form login */
	#formLogin {
		line-height:40px;
		margin:0px;
	}
			
	#formLogin fieldset {
		width:100%;
		height:auto;
		position:relative;
		top:0px;
		left:0px;
		border:0px;
		padding:0px;
		margin:0px;
		background-color:#efefef;
	}
	
	#formLogin fieldset a {

	}
		
	#formLogin fieldset legend {
		display:none
	}
	
	#formLogin fieldset .inputLogin {
		width:40px;
		height:12px;
		position:relative;
		top:8px;
		float:left;
		margin:2px;
		font-size:9px;
	}
	
	#formLogin fieldset .logar {
		width:40px;
		position:relative;
		top:10px;
		float:left;
		margin:0px 5px 0px 0px;
		font-size:9px;
	}

	#menuCabecalho {
		width:100%;
		height:40px;
		position:relative;
		top:0px;
		left:0px;
	}
	
	#menuCabecalho ul {
		width:190px;
		height:40px;
		margin:0px;
		padding:0px;
		position:relative;
		top:0px;
		left:50%;
		margin:0px 0px 0px -95px;
	}

	#topo {

	}

	#menuTopo {

	}
	
	#menuTopo h1 {
		width:236px;
		height:100px;
		position:relative;
		top:0px;
		left:50%;
		margin:0px 0px 0px -118px;
		padding:0px;
		background:url("../img/home-logodevgoias.gif") no-repeat top left;
	}
	
	#menuTopo h1 a {
		width:236px;
		height:100px;
		text-indent:-1999px;
		overflow:hidden;
		display:block;
	}
	
	#menuTopo ul {
		padding:0px;
		text-align:center;
	}
	
	#menuTopo ul li {
		font-size:11px;
		font-weight:bold;
		line-height:16px;
		list-style-type:none;
	}
	
	#bem-vindo a {
		margin:0px 0px 0px 10px;
	}
	
	#bem-vindo p a {
		margin:0px;
	}

	#destaque-artigos a {
		margin:0px 0px 0px 10px;
	}

	#destaque-dicas a {
		margin:0px 0px 0px 10px;
	}
}

@media print {

}

