/*
Project: Hotel e Churrascaria NELSO
Author: Alexandre Rodrigues >> www.VIETRA.com.br
Date: 21/09/2009
Version: 1.0

/*--- Table of Contents ---

0 - CSS Reset
1 - Common
2 - Layout
3 - Content
4 - Footer 

--------------------------*/

/*--- 0 CSS Reset ---*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}:focus{outline:0;}body{}ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption, th, td{text-align:left;font-weight:normal;}blockquote:before, blockquote:after, q:before, q:after{content:"";}blockquote, q{quotes:"" "";}.left{float:left}.right{float:right;margin-right:0!important;}.clearfix:after{
content:".";display:block;height:0;clear:both;visibility:hidden;}/* Hides from IE-max \*/* html .clearfix{height:1%;}.clearfix{display:block;}/* End hide from IE-mac */

/*--- 1 COMMON ---*/
html{background:#fff url(../images/background.png) 0 0 repeat-x;}
body{
	background:url(../images/background-body.jpg) center 31px no-repeat;
	font:normal 13px Verdana, Geneva, sans-serif;
	height:100%;
}
h1,h2,h3{font:normal 20px Tahoma, Geneva, sans-serif;}
a{
	text-decoration:none;
	color:#fff;
	cursor:pointer;
}
a:hover{text-decoration:underline;}
p{
	line-height:130%;
	padding:5px;
	text-align:justify;
}
input,
textarea{
	border:1px solid #ccc;
	padding:5px;
	background:#fff;
	cursor:pointer;
}
/*--- 2 LAYOUT ---*/
#base_login{
	width:300px;
	height:100%;
	margin:0 auto;
	text-align:center;
}
#base_login h2{margin:3px 0 80px 0; color:#fff;}
#base_login p{
	text-align:center;
	padding:5px 0;
}
#base_login input{
	width:290px;
	padding:5px; margin:0;
}
#base_login input.entrada{
	width:150px;
	background:#5B8883;
	color:#fff;
}
#base_login input.entrada:hover{
	background:#fff;
	color:#5B8883;
}
.endlogin{margin-top:60px;}
#geral{ width:900px; margin:0 auto;}
#nav{
	background:#5B8883;
	height:30px;
}
#nav li{display:inline; float:left;}
#nav li a{
	display:block;
	padding:7px 20px 7px 20px;
	margin-left:20px;
}
#nav li.usuario a{background:url(../images/icons-nav.gif) 0 -36px no-repeat;}
#nav li.configuracao a{background:url(../images/icons-nav.gif) 0 -78px no-repeat;}
#nav li.site a{background:url(../images/icons-nav.gif) 0 7px no-repeat;}
#nav li.sair a{background:url(../images/icons-nav.gif) 0 -122px no-repeat;}
#topo h1{
	width:396px;
	height:119px;
	float:left;
	margin:13px 0 0 20px;
}
#topo h2{
	float:right;
	width:396px;
	height:119px;
}
/*--- 3 CONTENT ---*/
/* private */
.erro{
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px;
	color:#D8000C;
	background:#FFBABA;
}
#conteudo{clear:both;}
#conteudo h2,
#conteudo h3{
	padding:25px 0 10px 0;
}
#conteudo h2.interno{padding:5px 10px;}
#iniciar,
#perguntasabertas{
	background:url(../images/divisoria.gif) 0 0 repeat-x;
	margin:0 0;
}
#iniciar{
	display:table;
	width:100%;
	margin-top:10px;
	padding:4px 0 3px 0;
}
#iniciar ul li{
	display:inline;
	float:left;
	padding:7px 0;
}
#iniciar li.nova{padding:0;}
#iniciar li.nova a{
	font:normal 20px Tahoma, Geneva, sans-serif;
	display:block;
	padding:15px 20px;
	background:#5B8883;
}
#iniciar li.consultores{
	margin:0; padding:0;
	width:280px;
	margin-left:340px;
}
#iniciar li.consultores img{
	border:1px solid #d7bf9f;
	padding-left:3px;
	background:#f1eae1;
}
table{
	width:100%;
	border-collapse:separate;
	border-spacing:0 1px;
}
talbe tr{margin-bottom:1px;}
table td{
	background:#fff;
	border-bottom:1px solid #5B8883;
	color:#132927;
	padding:2px;
}
table td a{
	color:#132927;
	display:block;
	padding:4px;
}
table td a:hover{text-decoration:underline;}
table td.data{
	font-style:italic;
	width:60px;
	text-align:center;
	font-size:11px;
	color:#666;
}
table td.cliente{width:130px;}
table td.consultor{width:130px;}
table td.status{
	width:130px;
	background:#62958F url(../images/info-background.gif) 0 bottom repeat-x;
	color:#fff;
	vertical-align:middle;
	border-left:2px solid #132927;
}
talbe.status,
table td.status a{
	display:block;
	color:#fff;
}
table td.status a img{margin:0 5px -3px 0;}
table tr.aguardando td{
	background:#fff1f1;
	border-left-color:#900;
}
table tr.aguardando td.status{
	color:#fff;
	background:#62958F url(../images/info-background.gif) 0 bottom repeat-x;
}
table td.respondida{border-left-color:#0F0;}
table.resposta td.status{width:200px;}
table.resposta td ul li{padding:3px;}
table.resposta td ul li a{color:#fff;}
table td textarea.fulltext{width:100%; border:none;}
#filtro{
	height:40px;
	border-bottom:1px solid;
}
#filtro label{
	margin-right:5px;
	padding:5px;
	cursor:pointer;
}
#filtro .quem{
	float:left;
	text-align:center;
}
#filtro input.conteudo{width:190px;}
#filtro input.quando{width:70px;}
#filtro .buscar{float:right;}
#filtro .buscar input{
	background:#5B8883;
	color:#fff;
	height:40px;
	width:135px;
	border:none;
	border-left:2px solid #132927;
}
textarea#descricao{width:99%; margin-bottom:10px;}
#pergunta{
	width:550px;
	float:left;
	margin-bottom:5px;
}
.perguntaedicao{
	float:left;
	padding:3px 0 3px 5px;
	width:330px;
}
.perguntaedicao a{
	float:left;
	color:#000;
}
#perguntaHide{display:none;}
.enviar, .cancelar,
.enviar a, .cancelar a{
	color:#fff !important;
	background:#5B8883;
}
.cancelar{background:#900;}
.enviar:hover, .cancelar:hover{text-decoration:underline;}
#inseriusuario{
	background:#5B8883;
	padding:10px;
	text-align:center;
	margin-bottom:15px;
}
#inseriusuario a{display:block;}
table.usuarios td{padding-left:5px;}
table.usuarios td.status{width:200px;}
table.usuarios td.acao a{float:left;}
/*--- 4 FOOTER ---*/
#rodape{
	margin:25px 0 5px 0;
	color:#fff;
	background:#5b8883;
	padding:8px;
}
#rodape img.detalhe{
	margin:0 10px 2px 5px;
}
#rodape span.vietra img{
	float:right;
	margin-top:-2px;
}
