/*
About this CSS code
Media type: Screen
URL: http://www.pixelarquiteturadigital.com.br
Author: AGW Internet (http://www.agw.com.br)
Country: Brazil
Comments: Portuguese (br)
Time: May 09
*/

body { font: 11px Tahoma; color: #000; }
a {	color:#e3ad09;	text-decoration: none; font-size:11px; }

body { 	background: url(../imgblog/bg_layout.jpg) top repeat-x; 	background-color: #e1a905;}

/* LAYOUT */

div#layout {
	position: absolute;
	width: 890px;
	height: auto;
	left:50%;
	margin-left: -511px;
	padding-bottom: 25px;
	padding: 0 45px;
	padding-bottom: 45px;
}

div#topo {
	position: relative;
	width: 896px;
	height: 120px;
	top: 15px;
}
div#topo .logoblog { position: absolute; left: 0; }
div#topo .logoagw { position: absolute; right: 0; top: 9px; }
div#topo .rss { display:none; position: absolute;	right: 14px; top: 69px; } 

.textoinfo {
	position: relative;
	text-align: justify;
	line-height: 140%;
	color: #3a3a3a;
	bottom: 0;
	padding: 5px;
	border-top: solid 1px #ecebe6;
}

div#topo .menu {
	position: absolute;
	width: 575px;
	height: 40px;
	left: 321px;
	bottom: 4px;
} div#topo .menu a {
	display: block;
	float: left;
	width: 99px;
	height: 29px;
	margin-right: 3px;
	padding-top: 15px;
	text-align: center;
	font-size: 14px;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
	background: url(../imgblog/menu_a_bg.png) no-repeat;
}

div#topo .menu a:hover {
	background: url(../imgblog/menu_ahover_bg.png) no-repeat;
}

div#topo .menu #busca {
	position: absolute;
	right: 0;
	width: 269px;
	height: 44px;
	background: url(../imgblog/busca_bg.png) bottom no-repeat;
} div#topo .menu #busca input.text {
	position: relative;
	top: 17px;
	left: 20px;	
	width: 190px;
	height: 20px;
	border: solid 1px #b77500;
	padding-left: 2px;
} div#topo .menu #busca input.bt {
	position: absolute;
	top: 18px;
	right: 20px;
}

div#main {
	position: relative;
	display: table;
	width: 896px;
	height: auto;
	min-height: 500px;
	margin-top: 15px;
	overflow: hidden;
}

/* COLUNA ESQUERDA */

div#esquerda {
	position: relative;
	float: left;
	width: 593px;
	height: auto;
	background: #FFFFFF;
	padding: 17px;
	background: #fff url(../imgblog/bgcanto.jpg) left top no-repeat;
}

div#esquerda .item { width: 593px; line-height: 200%; padding-bottom: 10px; }
div#esquerda .item p { margin-bottom: 5px }

div#esquerda .item .info { display:block; clear:both; width: 593px;  font-size:11px; color:#bcb6a5; border-top: solid 1px #ecebe6; }
div#esquerda .item .info .data { float:left; }
div#esquerda .item .info .comentarios { float:right; padding:0; }
div#esquerda .item .info .comentarios a { font-size: 11px; color:#bcb6a5; }

div#esquerda .item .titulo { display:block; clear:both; background:#f2f1ec; font-size: 17px; color:#b77500; padding: 5px; }

div#esquerda .item .textoinicial { display: block; }

div#esquerda .item .textocompleto { display: block; text-align:left; }
div#esquerda .item .textocompleto p { margin-bottom: 5px }

div#esquerda .item .media {
	width: 593px;
	text-align: center;
	margin-top: 15px;
} div#esquerda .item .media img {
	width: 425px;	
}

div#esquerda .topico {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: solid 2px #027062;
	color: #003932;
}

div#esquerda h1 {
	color: #003932;
	font-weight: bold;
	font-size: 16px;
}

div#esquerda .comentariosinterna {
	padding-bottom: 15px;
	border-bottom: solid 1px #E1E3CC;
	line-height: 160%;
}

div#esquerda .dados {
	clear: both;
	height: 20px;
	font-weight: bold;
	display: block;
	border-bottom: solid 2px #eab512;
	color: #eab512;
	margin-top: 10px;
}

div#esquerda .comentario {
	padding: 4px;
	clear: both;
}

div#esquerda .info {
	font-size: 11px;
}

div#esquerda a {
	font-size: 12px;
}

div#esquerda .linkcomentarios {
	background: #4EC2BA;
	padding: 5px;
	padding-right: 10px;
	width: 582px;
	margin-top: 5px;
	color: #FFFFFF;
	text-align: right;
}

div#esquerda .linkcomentarios a {
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
} div#esquerda .linkcomentarios a:hover {
	color: #3E6E61;
}

#paginacao {
	text-align: center;
	color: #FFF;
	font-weight: bold;
	background: #eab512;
	padding: 6px;
} #paginacao a {
	font-weight: normal;
	color: #FFF;
}

/* COLUNA DIREITA */

div#direita {
	float: right;
	width: 255px;
	padding: 17px 7px;
	background: url(../imgblog/direita_bg.jpg) bottom no-repeat;
	background-color: #FFF;
} 

div#direita #conteudo {
	background: #f9f8f3;
	padding: 20px;
} div#direita #conteudo div {
	margin-bottom: 20px;	
}

div#direita .topico {
	color: #b77500;
	font-size: 18px;
	text-align: left;
	text-transform: uppercase;
	border-bottom: solid 1px #b77500;
	margin-bottom: 10px;
	padding-bottom: 2px;
}

div#direita .item a {
	display: block;
	color: #006F60;
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
} div#direita .item a:hover {
	text-decoration: underline;
} div#direita .item a.nobg {
	background: none;
	padding: 0;
}

div#direita .banner {
	text-align: center;
	margin-top: 15px;
	text-align: center;
} 

/* FORMULÁRIO DE COMENTÁRIO */
.formcomentario {
	position: relative;
	width: 360px;
} .formcomentario label { 
	display: block;
} .formcomentario p { 
	margin-bottom: 4px;
} .formcomentario input,
  div#esquerda .formcomentario select, 
  .formcomentario textarea {
	width: 350px;
	height: 19px;
	border: solid 1px #b77500;
	padding-left: 3px;
	padding-top: 2px;
	font-size: 12px;
	font-family: Tahoma;
} .formcomentario select {
	height: 25px;
} .formcomentario textarea {
	height: 100px;
} .formcomentario .botao {	
	width: 355px;
	margin-top: 10px;
} .formcomentario .botao input {
	width: 356px;
	background: #eab512;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 0;
	margin: 0;
	cursor: pointer;
} .formcomentario .botao input:hover {
	background: #b77500;
}

/* FORMULÁRIO */

form#faleconosco {}
form#faleconosco label {
	display: block;	
	margin: 8px 0;
	color: #b77500;
	font-weight: bold;
} form#faleconosco input,
  form#faleconosco textarea {
	width: 99%;
	padding: 2px;
	outline: none;
	border: solid 1px #eab512;
	color: #000;
	font-weight: normal;
	margin-top: 2px;
} form#faleconosco textarea {
	height: 200px;
} form#faleconosco .areabotao {
	clear: both;
	position: relative;
	text-align: right;
	padding: 0;
	padding-right: 12px;
} form#faleconosco .areabotao input {
	width: 60px;
	height: 29px;
	cursor: pointer;
	border: none;
}

.sucessoEmail {
	padding: 10px;
	text-align: center;
	margin-top: 10px;
	border: solid 1px #eab512;
	color: #b77500;
}



/* CLASSES */

.none { display: none }
.left {	float: left; }
.right { float: right }