@charset "utf-8";
/* CSS Document */

/* ========= Geral ========= */
body{
	background: #fff url(layout/bgsite.jpg) repeat-x center top;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* ========= Box ========= */
#areasite {
	background: #FDC800 url(layout/bgareasite.jpg) repeat-x left top;
	zbackground: #9CC;
	width: 1000px;
	padding: 0px;
	margin:	0 auto;
	text-align: left;
	zborder: 1px solid #FFC;
	min-height: 600px;
}

#topo{
	zbackground: #F60;
	zborder: 1px solid #ff0;
	width: 980px;
	zmin-height: 180px;
	padding: 10px 10px 0 10px;
}

#banner{
	width: 980px;
	padding: 10px 10px 0 10px;
}

#areaconteudo{
	zbackground: #9C6;
	padding: 10px;
}

#navegacao{
	zbackground: #f00;
	zborder: 1px solid #ff0;
	width: 180px;
	zmin-height: 600px;
	float: left;
	margin: 0 0 0 0;
}

#conteudo{
	zbackground: #0f0;
	border: 1px solid #fff;
	width: 498px;
	zmin-height: 600px;
	float: left;
	margin: 0 0 0 10px
}

#internoconteudo{
	background: #900;
	margin: 10px;
	padding: 10px;
	color:#FFF;
}


#suporte{
	zbackground: #00f;
	zborder: 1px solid #0ff;
	width: 280px;
	zmin-height: 600px;
	float: left;
	margin: 0 0 0 10px
}

.box{
	background: #FFF url(layout/bgbox.jpg) repeat-x left top;
	padding: 5px;
	margin: 10px 0 0 0;
	border: 1px solid #FDC800;
}

.boximagem{
	zbackground: #C00;
	margin: 5px 0 0 0;
}

.boximagem h2{
	background: #C00;
	padding: 3px 5px;
	color: #FFF;
}

.boximagem p{
	zpadding: 3px 5px;
	color: #666;
	font-size: 10px;
}

.boxformmini{
	zborder: 1px solid #0f0;
	zbackground: #F00;  
	padding: 0 30px;
	_padding: 0 26px;
	margin: 5px 0 0 0;
	text-align: left;
}

.boxvideo{
	zbackground: #09F;
	width: 224px;
	float: left;
	margin: 0 0 10px 10px;
}

.esquerda{
	margin-left: 0;
}

#rodape{
	zborder: 1px solid #f0f;
	width: 980px; 
	padding: 8px 10px;
	background:url(layout/bgmenu.jpg) repeat 0 0;
	color:#FFF;
	letter-spacing: 1px;
	font-family:Tahoma;
	font-size:11px;
	
}
#rodape a{
	color:#FFF;
}

#rss{
	position: absolute;
	margin: 10px 0 0 810px;
	font-size:11px;
	color:#FFF;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	line-height:17px;
}

/* ========= Imgs ========= */
.miniatura{
	margin: 3px 0; 
}

.imgleft{
	margin: 0 3px 0 0;
}

/* ========= Typo ========= */

h2{
	color: #BB3700;
	text-transform: uppercase;
	zfont-weight:normal;
	margin:2px 0 3px 0;
}

#internoconteudo h2 {
	color:#FDC800;	
}

h3{
	zcolor:#F60;
	font-weight:bold;
	font-size:12px;
	margin:2px 0 3px 0;
	color:#FFF;
}

#suporte h5{
	font-weight:bold;
	font-size:12px;
	margin:2px 0 3px 0;
	color:#333;
}

hr {
	border:1px solid #FDC800;
	margin:20px 0 20px 0;
}

.color{
	border: 1px solid #FF0;
}

.subtitulo{
	color: #333;	
	font-weight:bold;
	font-size: 12px;
	margin:2px 0 3px 0;
	font-family:Tahoma;
	letter-spacing:1px;
}

#internoconteudo .subtitulo{
	color:#FFF		
}

#internoconteudo p{
	color:#FFF		
}

.subtitulointerno{
	color: #C00;
	text-transform: uppercase;
}

html h4{
	color: #c00;
	font-size: 14px;
}

html li, html p{
	color: #333;
	font-size: 12px;
	zfont-weight: bolder;
	letter-spacing: 1px;
	line-height:15px;
	font-family:Tahoma;
}

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

#internoconteudo a{
	color:#FDC800;
}

.resumocat{
	color: #FFF;
	zfont-weight:bold;
	font-size: 13px;
	zmargin:2px 0 3px 0;
}

.more{
	font-size: 10px;
	color: #BB3700;
	float: right;
	text-decoration: none;
}

.submit{
	float: right;
	zborder: 1px solid #0f0;
	zbackground: #c00;
	color: #c00;
	zfont-weight: bolder;
	padding: 0 15px 0 0;
	background: url(layout/seta.gif) no-repeat right 4px;
}

.externoparagrafo{
	text-align: justify;
	color:#FFF;
}

.externoparagrafo p{
	margin: 0 0 10px 0;
	zcolor: #666;
	zfont-size: 13px;
	zfont-weight: bolder;
	zletter-spacing: 0.5px;
	color:#FFF;
}

.externoparagrafo img{
	margin: 0 3px 0 0;
}

.listaconteudo{
	zlist-style: url(layout/drops.jpg) inside;
	zlist-style: inside;	
}

.listaconteudo li{
	zcolor: #C00;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #DDD;
	padding: 0 0 5px 0;
}

.listaenquete{
	list-style: none;
}

.listaenquete li{
	zcolor: #C00;
	margin: 5px 0 0 0;
	cursor: pointer;
	zbackground: #f0f;
}

.listaenquete li img{
	margin: 0 5px 0 0;
}

.listasimples{
	margin: 10px  0 0 0;
}

.listasimples li{
	margin: 3px  0 0 0;
}

.listasimples li img{
	margin: 0 5px 0 0;
}

#paginacao a{
	font-weight: bolder;
	font-size: 12px;
	zbackground: #FFF;
	padding: 0 7px;
	color: #999;
}

#paginacao a:hover{
	color: #FFF;
}

#paginacao #pagina{
	color: #FFF;
}

#mapademesas{
	border: 1px solid #FFF;
	margin: 0 0 0 70px;
}

#mapademesas td{
	zfont-weight: bolder;
	color: #c00;
	background: #FFF;
	text-align: center;
	border: 1px solid #333;
	padding: 5px;
}

#mapademesas{
}

.data{
	margin: 0;
	padding: 0;
	font-size: 9px;
}


/* ========= Formulários ========= */
input, textarea {
	zborder-left: 2px solid #333;
	zborder-top: 2px solid #333;
	zborder-right: 2px solid #ddd;
	zborder-bottom: 2px solid #ddd;
	background: #fadb88;
	border: 1px solid #ffedaf;
	color:#666;
}

.tit_campo{
	font-size: 10px;
	display: block;
	margin: -1px 0 10px 0;
	color: #C00;	
}
#internoconteudo .tit_campo {
	color: #FFF;	
}


html label{
	float: left;
	display: block;
	width: 100px;
	zborder: 1px solid #0f0;
	margin: 0 0 0 25px;
	_margin: 0 0 0 10px;
	ztext-align: right;
	padding: 3px 0 0 0;
}

form ul li{
	margin: 0 0 10px 0;
}

/* ========= Menu ========= */
#menu{
	zborder: 1px solid #ff0;	
	font-size: 16px;
	zmargin: 0 0 0 10px;
}

#menu ul {
	margin: 0;
	padding: 0;
	border: 0;
}

#menu ul li {
	margin: 0 0 0 0;
}

#menu ul li a{
	background:url(layout/bgmenu.jpg) repeat 0 0;
	display: block;
	text-decoration: none;
	padding: 5px;
	color: #fff;
	margin: 0 0 3px 0;
	_margin: 0;
	_height: 16px;
	font-weight:bold;
	font-family:"Trebuchet MS";		
}

/* ========= Default ========= */
.first{
	margin: 0;
}

.last{
	margin-right: 10px;
}

.clear{
	clear: both;	
}

.left{
	float:left;
}

.right{
	float:right
}

.liquid{
	width: auto;
	height: auto;
}

.hide{
	display: none;
}