/* ------------------------------
para comentar linhas uso isso aqui
------------------------------ */
  /*
	esquema basico de css
	seletor{propriedade:valor;}
	exemplo:  body { background-color: #fff;}
	o seletor pode ser uma  taga html  exemplo body
	a propriedade por   exemplo a cor de fundo
	o valor pode ser a cor
	=====================================================================
	se eu quiser que todos os cabecalhos h1 venha em vermelho  lindo isso!!
	h1 {color: #ff0000;	}
	se eu quiser uma cor de fundo tal e ma letra vermelha no h1   mau gosto mas serve de exemplo hihihi
	h1 { color: #990000; background-color: #26d93d;	}  eu tenho duas propriedades
   
	h1 {
	    color: #990000; 
		background-color: #26d93d;
    	}  eu tenho duas propriedades
	h1 {
	    font-family: arial, verdana, sans-serif; 
		font-style: italic;  // ou oblique
	    color: #990000; 
		font-weight: bold;//para negritar
		background-color: #26d93d;
    	}  eu tenho 3 propriedades
		//se eu quero a fonte "Times New Roman", devo inofrma-la entre aspas pois tem caracteres em branco no nome 
		
		
		================================
se eu quero uma imagem  ver http://pt-br.html.net/tutorials/css/lesson3.php

	body {
		background-color: #FFCC66;
		background-image: url("butterfly.gif");
		background-repeat: no-repeat;  //para sair uma unica vez   poderia trocar para repeat-x  repeat-y
        background-attachment: fixed; //a magem fica fixa na tela e o texto rola  podeia trocaro valor para scroll;
		background-position: right bottom;  //posicao embaixo a direita poderia ser 50%  50%  
    	}
	pode ser que eu ache por ai algum codigo css usando compilacao backgroung que reune varios valores. mas cuidar que devem estar na ordem certa
    exemplo do que tem acima:	background: #FFCC66 url("butterfly.gif") no-repeat fixed right bottom;

	



	
	
	
	
	
	
	
	
	
	*/

/* ------------------------------
global styles
.------------------------------ */

body {
margin: 0;
padding: 0;
font: 85% arial, hevetica, sans-serif;
text-align: center;
color:#333;  /* #333;* é a letra preta no corpo do site/
/* ------------------------------
esta linha reproduzia um monte de figurinhas que formavam uma tela de fundo    cor #f69600 é amarelo ovo meio alaranjado            cor #dededd; é um gelo bem legal     VERDE SIMPATICO = #2E8B57           QUASE PERFEITO  #131B13           #131C12;  cor verde ESCURAO
background-color: #131C12;  cor verde
background: #ddd url(images/img_39.png) repeat 0 0;
#131C12;  cor verde ESCURAO
#122310;  cor verde folha escuro
background-color: #131C12;  cor verde     #1A2711   #122310;     #1C2112;   #1F2513;  
"#d3e7c9" é verde bonito

------------------------------ */
background-color: #fff;  

}

a:link { color: #391c9f; }
a:visited { color: #a9abaf; }
a:focus { color: #000; }
a:hover { color: #7d8206; }
a:active { color: red; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 .5em; }
h2 {
color: #B52C07;
font: 140% georgia, times, "times new roman", serif;
}
h2 a { text-decoration: none; }
h3 {
color: #dcdcdc;
font: 110% georgia, times, "times new roman", serif;
}

/* ------------------------------
container styles
------------------------------ */
#containerx {
margin: 1em auto;
width: 800px;
text-align: left;
/*
background: #131C12;
esta cor é um verde meio escuro demais
*/
background: #b1d8d1;
border: 1px solid #fefff7;
}
 
/* ------------------------------
header styles
width: 10%;
position: relative;
background: url(/Projeto28php/telainicial/imagens/brasil01.gif) no-repeat 0 0;


------------------------------ */
#header {
height: 70px;
width: 100%;
position: relative;
background: url(/menuenxuto2012/images/imagemintegralenxuto.jpg) no-repeat 0 0;
border-bottom: 1px solid #fff;
}

#header h1 {
position: absolute;
left: -500em;
}

#skipmenu {
position: absolute;
left: 0;
top: 5px;
width: 645px;
text-align: right;
}


#skipmenu a {
color: #fff;
text-decoration: none;
}

/* ------------------------------
mainnav styles
------------------------------ */
#mainnav {
background: #dcdcdc;
color: #fff;
padding: 15px 0;
margin-bottom: 22px;
}
#mainnav ul {
margin: 0 0 0 20px;
list-style-type: none;
border-left: 1px solid #333efd;
}
#mainnav li {
display: inline;
padding: 0 10px;
border-right: 1px solid #3f4449;
}
#mainnav li a {
text-decoration: none;
color: #fff;
}
#mainnav li a:hover {
text-decoration: none;
color: #fff;
background-color: #fff;
}


/* ------------------------------
.menu styles
------------------------------ */
#menu {
float: right;
width: 165px;
border-left: 1px solid #fff;
padding-left: 15px;
height: 36px; 
background: url('teste.png') repeat-x;
}

#menu ul {
margin: 1em 0;
padding: 0;
}

#menu ul li {
margin: 0 0 1em;
padding: 0;
list-style-type: none;
}
 

/* ------------------------------
contents styles
------------------------------ */
#contents {
float: left;
width: 530px;/*   este 530 empurra a figura para direita se aumentar este numero  */
margin: 0 0 0 20px;
}

#contents p { line-height: 100%; } /*    este numero era 160 e dava uma distribuição mais espacada ai coloquei 100 ele adensou as letras do texto principal  */
.blogentry { border-bottom: 1px solid #fff; }
.blogentry ul {
text-align: right;
margin: 1em 0;
padding: 0;
font-size: 95%;
}

.blogentry li {
list-style-type: none;
display: inline;
margin: 0;
padding: 0 0 0 7px;
}
.imagefloat {
float: right;
padding: 2px;
/* border: 1px solid #9FA41D; */
border: 1px solid #333;
margin: 0 0 10px 10px;
}

/* ------------------------------
footer styles
------------------------------ */
#footer {
clear: both;
color: #890cd3;
text-align: left;
font-size: 90%;
background: #dcdcdc;
padding: 5px;
}