/*  
     Theme Name: Not-Pictured
     Theme URI: http://www.jkg.com.br/kely
     Description: Not-Pictured
     Version: 2.0
     Author: Kely K.
     Author URL: http://www.jkg.com.br/kely

	 *****************************************
	 *			TABELA DE CONTEÚDOS          *
	 *****************************************
	 *		1. Reset CSS                     *
	 *		2. Estilos padrão                *
	 *		3. Estrutura                     *
	 *		4. Barra de navegação            *
	 *		5. Principal (conteúdo)          *
	 *			5.1 destaques                *
	 *			5.2 posts                    *
	 *			5.3 outros posts             *
	 *		5. Lateral esquerda              *
	 *		5. Lateral direita               *
	 *		6. Rodapé                        *
	 *****************************************	
*/

/********************************************
			1 - RESET CSS
*********************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-family:Verdana, Geneva, sans-serif;
	border:0;
	outline:0;
	font-size:100%;
	background:none;
	margin:0;
	padding:0;
}

body { line-height:normal; }

ol, ul { list-style-type: none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after, q:before, q:after { content:none; }

:focus { outline:0; }

ins { text-decoration:none; }

del { text-decoration:line-through; }

table {
	border-collapse:collapse;
	border-spacing:0;
}

/********************************************
			2 - ESTILOS PADRÃO
*********************************************/

	body {
	background-color: #DDDDDD;
	color: #000;
	font-size: 76%; /* NÃO MEXER */
}

a:link, a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #03F;
}

a:active, a:hover { text-decoration: underline; }

h1 {
	font-size: 2.0em;
	font-weight: normal;
}

h2 {
	font-size: 1.7em;
	font-weight: normal;
}

h3 {
	font-size: 1.4em;
	font-weight: normal;
}

h4 {
	font-size: 1.2em;
	font-weight: bold;
}

h5 {
	font-size: 1.0em;
	font-weight: bold;
}

h6 {
	font-size: 0.8em;
	font-weight: bold;
}

img { border: 0; }

ol, ul, li {
	font-size: 1.0em;
	line-height: 1.8em;
}

p {
	font-size: 1.0em;
	line-height: 1.8em;
}

li > p { margin-top: 0.2em; }

pre {
	font-family: monospace;
	font-size: 1.0em;
}

strong, b {
	font-weight: bold;
	font-size: 18px;
}


.formulario {
/*	width:96%;*/
	margin:auto;
}

.formulario legend {
	font-size:12px;
	font-weight:700;
	margin:0;
	padding:0;
}

.formulario fieldset {
	border:1px solid #ccc;
	padding:0 1em 1em;
}

.formulario textarea, .formulario input[type='text'], .formulario select {
	border:1px solid #ccc;
	background-color:#fff;
}

.formulario textarea, .formulario input, formulario select, .formulario option { padding:2px; 	
}

.formulario div {
	margin-bottom:4px;
	line-height:normal;
	padding:2px;
}

.formulario button { padding:0.3em 0.5em; }

.formulario p {
	font-size:12px;
	margin:5px 5px 5px 0;
}

.formulario label {
	font-size:12px;
	text-align:left;
	padding:2px;
}


/********************************************
			3 - ESTRUTURA
*********************************************/

	#tudo {
	width: 980px;
	background-color: #FFF;
	border: 1px solid #09f;
	margin: 0 auto;
}

#topo { height: 214px; /* inclui a barra do menu */ }

#flashtopo { /* apenas o flash */
	width: 980px;
	height: 178px;
}

#menu {
	float: left;
	width: 636px;
	height: 36px;
}

#meio {
	clear: both;
	overflow: auto;
}

#conteudo {
	float: left;
	width: 630px;
}

#dados {
	width: 583px;
	margin: 0 auto;
}

#direita {
	float: right;
	width: 172px;
	height: 350px;
	background-image:url(../imagens/site-9.jpg);
	margin-right: 3px;
}

#direita .sidebar { }

#esquerda {
	float: left;
	width: 172px;
	height: 350px;
	background-image:url(../imagens/site-7.jpg);
	margin-left: 3px;
}

.sidebar { /* tanto esquerda quanto direita*/ /* padding: 3px;	*/
				}

#rodape {
	clear: both;
	text-align:center;
}

/********************************************
			4 - BARRA DE NAVEGAÇÃO
*********************************************/

#navegacao {
	width:160px; 
	margin: 40px auto 0 auto;
}

/*.menu { }

.menu li {
	line-height: normal;
	margin-bottom:1px;
}

.menu a {
	display:block;
	color:#023972;
	background:#f6f6f6;
	text-decoration:none;
	font-size: 11px;
	padding: 3px;
}

.menu a:hover { background-color:#eee; }

.menu ul li { padding-left:15px; }

.menu ul a { background-color: #eee; }

.menu ul a:hover { background-color: #f6f6f6; }


.hidden { display:none; }
*/



ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  line-height: normal;
}

ul.menu a {
	display:block;
	color:#023972;
	text-decoration:none;
	font-size: 11px;
	padding: 3px;
}

ul.menu li {
   line-height: normal;
 margin-top: 1px;
}

ul.menu li a {
background-color:#f6f6f6;
}

ul.menu li a:hover {
  background: #eee;
}

ul.menu li ul li a {
margin-left: 10px;
 padding-left:15px;
 background-color: #eee;
 }

ul.menu li ul li a:hover {
  background: #f6f6f6;
}










/********************************************
			5 - PRINCIPAL (conteúdo)
*********************************************/

/********************************************
			6 - LATERAL (esquerda)
*********************************************/



/********************************************
			7 - LATERAL (direita)
*********************************************/



/********************************************
			8 - RODAPÉ
*********************************************/

#rodape { text-align: center;
/*border-top: 2px solid #09f;*/
background-image: url(../imagens/site-11.jpg);
height: 37px;
line-height: 37px;
vertical-align: middle;
color: #03f;
font-size: 10px;
}

#rodape li {
	display: inline;	
}
#rodape a:link, #rodape a:visited { }

#rodape a:active, #rodape a:hover { }

/********************************************
			8 - OUTROS
*********************************************/

h1 {
	width:583px;
	height:35px;
	background-image: url(../imagens/titulo-h1.jpg);
	text-indent:40px;
	font-weight: bold;
	color:#ff0000;
	font-size: 13px;
	line-height: 35px;
	vertical-align: middle;
	margin: 10px auto 5px auto;
	text-transform: uppercase;
}


#dados p {
	text-align: justify;
}

#dados ol {
	list-style-type: decimal;
	margin: 15px;
}

#dados ul {
	list-style-type: disc;
	margin: 15px;
	font-size: 14px;
}

#dados li {
	text-align: justify;
}

#tudo #meio #conteudo #dados ol li ul li { font-size: 14px; }