/* 
	INFONIGHT INFORMÁTICA - http://www.infonightinformatica.com
	Site por: Bruna de Almeida 
	Atualizado: Julho, 2008
   */
   
/* 
	Cores usadas no layout                             
	                                                      
    branco fundo: #fff;                                
	azul-claro bordas: #13b9cf;                            
	cinza escuro link, visited, active: #999;                       
 	verde claro link hover: #aed16f;  
	titulos: #666;
	rodape fundo: #f4f4f4;  
 */

body {
	margin: 10px;
	border: none;
	padding: 0;
	font: 0.7em Verdana, Geneva, Helvetica, Arial, sans-serif;
	color: #ccc;
	line-height: 1.4em;
	background: #fff url(imagens/bg.jpg);
}
	
img{border:none;}

img.left{
	float:left;
	padding:5px;	
}

a:link, a:visited, a:active  {color: #999;}

a:hover {
	color: #aed16f;
	text-decoration:none;
}

h3,strong{color:#13b9cf;}

h1{
	color:#13b9cf;
	padding: 2px 0 1px 5px;
	margin: 5px 0 0 0;
	font-weight: bold;
	font-size: 14px;
}

span{color:#000;}

li{
	color:#aed16f;
	list-style:square;
}

/************************ ESTRUTURA GERAL DAS PÁGINAS *********************************************/
#tudo {
	position: relative;
	width: 750px;	
	height: inherit;
	margin:0 auto;
	border:1px solid #ccc;
	background-color:#fff;	
}

#header {
	position:relative;
	padding-bottom: 0;
	margin:10px 0 0 10px;
}

#esquerda{
	position:relative;
	width: 555px;
	float: left;
	color: #333;
	margin: 10px 0 30px 0;
	padding: 0;
	border-right:1px solid #13b9cf;
}

#contato_esquerda{
	position:relative;
	width: 555px;
	float: left;
	color: #333;
	margin: 10px 0 30px 0;
	padding: 0;
}

#esquerda img.imagem_artigo{
	margin: 5px 15px 15px 100px;
	padding:0;
	border: 1px solid #CCC;
}

#direita{
	position:relative;
	margin: 0 0 0 560px;
	padding: 0;
  	width: 160px;
}

#direita h1{
	color: #666;
	margin: 5px 0 2px 0; 
	padding-top: 6px; 
	font-size: 1.3em;
	font-weight:normal;
}

.nulo{
	clear:both;
	width: 100%;
	height: 5px;
}

.center {
	text-align: center;
}

.link{
	float:right;
	padding-top:60px;
	margin-right:10px;
}


/************** MAPA DO SITE ***********************************************************************/

#mapasite{float: right;}

#mapasite ul{margin: 7px 0 5px 0;}

#mapasite ul li{
	margin: 5px 5px 5px 0;
	padding-left:12px;
	list-style-type:none;
	display:inline;
}

#mapasite li.home{
   background: url(imagens/icon_home.gif) no-repeat left;
	padding:0 10px 10px 25px;
   height:16px;
   background-position:5px 0;
}

#mapasite li.mapa{
   background:url(imagens/icon_mapa.gif) no-repeat left;
   padding:0 10px 10px 25px;
   height:16px;
   background-position:5px 0;
}

#mapasite li.site{
   background:url(imagens/icon_cont.gif) no-repeat left;
   padding:0 10px 10px 25px;
   height:16px;
   background-position:5px 0;
}


/***************************** CONTEUDO *************************************************************/

#conteudo_meio{
	margin: 0;
	padding:0 7px 0 8px;
}	

#destaque1{
    margin:10px 0 5px 2px; 
    padding: 0 5px 0 3px; 
	width: 55%;
	float:left;
}
#destaque2{
    margin:10px 0 0 13px; 
    padding: 0 0 0 15px; 
	width: 37%;
	float: left;
	border-left: 1px solid #13b9cf;
}
#destaque1 h1, #destaque2 h1{
	border-bottom: 1px dotted #13b9cf;
	padding: 2px 0 1px 5px;
	margin: 5px 0 0 0;
	font-weight: bold;
	font-size: 1.3em;
	color: #13b9cf;
}

#destaque1 h2, #destaque2 h2 {
	border-left: 1px dotted #13b9cf;
	padding: 1px 0 2px 5px;
	margin: 0 0 5px 0;
	font: 1em Verdana, sans-serif ;
	color: #999;
}

#destaque1 h2 span, #destaque2 h2 span {
	color: #666;
}

#destaque1 img{
	margin: 5px 5px 5px 2px;
	padding:0;
	border: 0 solid #ccc;
	float:left;
}
#destaque2 img{
	padding:0;
	border: 0 solid #ccc;
}

#destaque2 p{
	margin-right:10px;
}

/**************************** 3 POSTS INFERIORES HORIZONTAIS PÁGINA INICIAL *************************/

#post1, #post2{
    margin: 20px 12px 0 4px; 
    padding: 2px; 
	width: 29%;
	float:left;
}

#post3{
    margin :20px 12px 0 4px; 
    padding : 2px; 
	float: right;
	width: 29%;
}

#post1 h1, #post2 h1, #post3 h1{
	margin :8px 0 2px 0; 
	padding : 0; 
	font-size: 13px;
	font-weight: bold;
	color: #13b9cf;
	border-bottom: 1px dotted #13b9cf;
}

#post1 p, #post2 p , #post3 p{	
	color: #333;
	margin :0; 
	padding : 0; 
}

/******************* POSTS VERTICAIS ***********************/

.postvertical1{
	position:relative;
    margin: 34px 5px 10px 15px; 
    padding: 0 0 2px 0; 
	width: 100%;
}

.postvertical2{
	position:relative;
    margin: 5px 5px 10px 15px; 
    padding: 0 0 4px 0; 
	width: 100%;
}

.postvertical1 h2, .postvertical2 h2{
	color: #13b9cf;
	margin :5px 0 2px 0; 
	padding-top : 6px; 
	font-size: 13px;
	font-weight:bold;
	border-bottom: 1px dotted #13b9cf;
}

.postvertical1 p, .postvertical2 p{	
	color: #333;
	margin: 0; 
	padding: 0; 
}

/******************* FORMULARIO CONTATO *******************************/

fieldset{
	width:500px;
	margin:10px 20px;
	padding:0 20px;
	border:1px solid #ddd;
}

fieldset legend{
	color:#666;
	padding:0 10px;
	margin:0 10px;
	font-size:0.9em;
}

#contato label{
	float:left;
	height:25px;
	width:120px;
	display:block;
	font-size:0.9em; 
}

#contato input{
	float:left;
	width:369px;
	padding:3px;
	overflow:auto;
	margin-bottom:5px;
	border:1px solid #ddd; 
}

#contato textarea{
	width:489px;
	padding:3px;
	overflow:auto;
	margin-bottom:5px;
	border:1px solid #ddd;
	font:100% "Trebuchet MS", Helvetica, sans-serif;
}

#contato input, #contato textarea{border:1px solid #aed16f;}

#contato input.bt{
	width: 60px; 
	padding: 2px;
	background-color: #FFF;
}

.fone{padding-top:8px;}
/******************* RODAPE *******************************/

#rodape {
	background-color: #f4f4f4;
	border-top: 1px solid #ccc;
	font-size: 95%;
	color: #777;
	padding: 6px 0 6px 8px;	
}
#rodape p {
	margin: 0 0;
}