/* CSS Document */
/* criado por: razz.com+web+design */
/* site: Balaio de Gato */

/* ------------------------- Tags da estrutura da pagina ------------------------- */

html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}
.bg_top {
	background: url(../images/bg_top.jpg) repeat-x top left;
}
.bg_top2 {
	background: url(../images/bg_top2.jpg) repeat-x top left;
}
#flashcontent, #flashcontent1, #flashcontent2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00000;
	margin: 0px;
	padding: 0px;
}
.centralizer {
	margin: 0 auto;
	padding: 0px;
	width: 966px;
	display: table;
	background: url(../images/bg_holder.gif) repeat-x top left;
}
.wrapper {
	margin: 0 auto;
	padding: 28px 15px 15px 15px;
	width: 936px;
	w\idth: 936px;  /* R + L */
	text-align: left;
	background: url(../images/bgbottom.gif) repeat-x top left;
}
.outer1 {
	margin-left: 440px;  /* L */
}
.outer0 {
	position: relative;
	margin-left: -440px; /* (-) L */
	/*word-wrap: break-word;*/
}
.holder {
	background: url(../images/bg_holder.gif) repeat-x top left;
}

/* ------------------------- DIVs da estrutura ------------------------- */

/* Top */

.holder_top {
	background: url(../images/bg_top.jpg) repeat-x top left
}
#top {
	width: 936px;
	margin: 0 auto;
	height: 125px;
	clear: both;
	padding: 0px 15px 0px 15px;
	background: url(../images/bgtop.jpg) no-repeat top left;
}
.topleft {
	margin: 12px 0 0 0;
	padding: 0px;
	float: left;
	width: 130px;
}
.topright {
	text-align: right;
	margin: 95px 0 0 0;
	padding: 0px;
	float: right;
	width: 600px;
	height: 30px;
	font-size: 90%;
}
.topright1 {
	text-align: right; 
	margin: 0px; 
	padding: 10px 15px 0px 0px; 
	float: right; 
	width: 585px; 
	height: 67px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color:#ffffff;
}
.topright2 {
	text-align: right; 
	margin: 18px 0 0 0; 
	padding: 0px; 
	float: right; 
	width: 600px; 
	height: 30px; 
	font-size: 90%;
}
#menu {
	list-style: none;
	margin: 0px;
	padding: 0px;
	clear: both;
	float: right;
	line-height: 0px;
}
#menu li{
	margin-left:8px;
	float:left;
}
#menu li a{
	height: 30px;
	display: block;
	float: left;
	text-decoration: none;
	text-indent: -900em;
}
#menu #menu-sobre a {
	width: 85px;
	background: url(../images/menu01.gif) no-repeat left top;
}
#menu #menu-sobre a:hover {
	background: url(../images/menu01over.gif) no-repeat left bottom;
}
#menu #menu-sobre .selected {
	background: url(../images/menu01over.gif) no-repeat left bottom;
}
#menu #menu-loja a {
	width: 52px;
	background: url(../images/menu02.gif) no-repeat left top;
}
#menu #menu-loja a:hover {
	background: url(../images/menu02over.gif) no-repeat left bottom;
}
#menu #menu-loja .selected {
	background: url(../images/menu02over.gif) no-repeat left bottom;
}
#menu #menu-cantina a {
	width: 76px;
	background: url(../images/menu03.gif) no-repeat left top;
}
#menu #menu-cantina a:hover{
	background: url(../images/menu03over.gif) no-repeat left bottom;
}
#menu #menu-cantina .selected{
	background: url(../images/menu03over.gif) no-repeat left bottom;
}
#menu #menu-produtos a {
	width: 90px;
	background: url(../images/menu04.gif) no-repeat left top;
}
#menu #menu-produtos a:hover {
	background: url(../images/menu04over.gif) no-repeat left bottom;
}
#menu #menu-produtos .selected {
	background: url(../images/menu04over.gif) no-repeat left bottom;
}
#menu #menu-eventos a {
	width: 114px;
	background: url(../images/menu05.gif) no-repeat left top;
}
#menu #menu-eventos a:hover{
	background: url(../images/menu05over.gif) no-repeat left bottom;
}
#menu #menu-eventos .selected{
	background: url(../images/menu05over.gif) no-repeat left bottom;
}
#menu #menu-contato a {
	width: 81px;
	background: url(../images/menu06.gif) no-repeat left top;
}
#menu #menu-contato a:hover {
	background: url(../images/menu06over.gif) no-repeat left bottom;
}
#menu #menu-contato .selected {
	background: url(../images/menu06over.gif) no-repeat left bottom;
}
.holder_flash {
	background: url(../images/bg_holder_flash.gif) no-repeat center;
}
.flasharea {
	margin: 0 auto;
	height: 300px;
	width: 966px;
}

/* Content: left */

.left {
	float: left;
	width: 630px;  /* L */
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.inleftpadding {
	padding: 30px 30px 15px 30px
}
.left h1 {
	font-size: 1.2em;
	color: #ec008c;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #cccccc;
}
.left h2 {
	font-size: 0.8em;
	color: #ec008c;
	margin: 0 0 5px 0;
}
.left h3 {
	padding-left: 48px;
	color: #6d6c6c;
	font-size: .9em;
	width: 480px;
	line-height: 1.6em;
}
.left p {
	font-size: 0.8em; 
	color: #4d4d4d; 
	line-height: 1.7em;
}
div.holdernewspic {
	width: 130px; 
	float: left; 
	padding-right: 15px; 
}
div.holdernewscontent {
	width: 410px; 
	float: right; 
}
div.holdernewscontent2 {
	width: 155px; 
	float: right; 
}

/* Content: right */

.right {
	float: right;
	width: 330px;  /* R */
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.inrightpadding {
	padding: 30px 30px 15px 0px
}
.right h1 {
	font-size: 1.1em;
	color: #ec008c;
	font-weight: normal;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #ec008c;
}
.right h2 {
	font-size: 0.88em;
	color: #ec008c;
	font-weight: normal;
	margin: 0 0 5px 0;
	padding: 5px 15px 5px 0;
	text-align: right;
	border-top: 1px solid #FFFFFF;
	background-image: url(../images/bgrighth2.gif);
	background-repeat: repeat-x;
	background-position: top left;
}
.right h3 {
	font-size: 0.8em;
	color: #ec008c;
	margin: 0 0 5px 0;
}
.right p {
	font-size: 0.8em; 
	color: #4d4d4d; 
	line-height: 1.7em;
}
.destaque {
	width: 300px;
	height: 130px;
	margin-top: 10px;
	background-repeat: no-repeat;
	background-position: center;
}
.destaque a {
	height: 120px;
	display: block;
}
.destaque a:link, .destaque a:visited {
	border: 5px solid #fabfe2;
}
.destaque a:active, .destaque a:hover {
	border: 5px solid #ec008c;
}

/* Address */

.base {
	clear: both;
	background: url(../images/bgbottom.gif) repeat-x top left;
}
.basenewsprodutos {
	width: 280px;
	margin-right: 48px;
}
.baseaddress {
	width: 280px;
}
.base p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.5em;
	color: #505050;
	margin-left: 10px;
}
.base h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #ec008c;
	font-weight: bold;
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #ffffff;
}

/* Copyright */

.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #cccccc;
	text-align: right;
	clear: both;
	padding: 8px 10px 8px 10px;
	margin-bottom:10px
}

/* ------------------------- Títulos ------------------------- */
.to-right {
	float: right;
}
.to-left {
	float: left;
}
.clear {
	clear: both;
}
.block {
	display: block
}
.zero {
	margin: 0;
	padding: 0;
}
div.spacer {
	height: 25px
}
.textbold {
	font-weight: bold
}
.textpink {
	color: #ec008c !important;
}
.textlink {
	font-size:1.0em
}
.recuoleft {
	padding-left: 15px;
}
.recuoleftextra {
	margin-left: 16px;
}
.alignright {
	text-align: right;
}
.aligncenter {
	text-align: center;
}
p {
	margin: 0 0 10px 0;
}
p.borderbottom {
	padding-bottom: 5px;
	border-bottom: 1px dotted #cccccc;
}
.dataeventonoticia {
	color: #8b8b8b; 
	font-size: 0.75em; 
	margin-bottom: 10px;
}

/* ------------------------- Links ------------------------- */

a:link {
	color: #ec008c;
	text-decoration: none;
}
a:active {
	color: #ec008c;
	text-decoration: none;
}
a:visited {
	color: #ec008c;
	text-decoration: none;
}
a:hover {
	color: #ec008c;
	text-decoration: underline;
}
a.evento:link {
	color: #ec008c;
	text-decoration: none;
}
a.evento:active {
	color: #ec008c;
	text-decoration: none;
}
a.evento:visited {
	color: #ec008c;
	text-decoration: none;
}
a.evento:hover {
	color: #ffffff;
	background-color: #ec008c;
	text-decoration: none;
}
a.cinza:link {
	color: #686868;
	text-decoration: none;
}
a.cinza:active {
	color: #686868;
	text-decoration: none;
}
a.cinza:visited {
	color: #686868;
	text-decoration: none;
}
a.cinza:hover {
	color: #686868;
	text-decoration: underline;
}
a.graytopurple:link {
	color: #505050;
	text-decoration: none;
}
a.graytopurple:active {
	color: #505050;
	text-decoration: none;
}
a.graytopurple:visited {
	color: #505050;
	text-decoration: none;
}
a.graytopurple:hover {
	color: #ec008c;
	text-decoration: none;
}
a.home:link {
	color: #000066;
	text-decoration: none;
}
a.home:active {
	color: #000066;
	text-decoration: none;
}
a.home:visited {
	color: #000066;
	text-decoration: none;
}
a.home:hover {
	color: #999999;
	text-decoration: none;
}
a.whitetoblack:link {
	color: #ffffff;
	text-decoration: none;
}
a.whitetoblack:active {
	color: #ffffff;
	text-decoration: none;
}
a.whitetoblack:visited {
	color: #ffffff;
	text-decoration: none;
}
a.whitetoblack:hover {
	color: #000000;
	text-decoration: none;
}
a.razz:link {
	color: #cccccc;
	text-decoration: none;
}
a.razz:active {
	color: #cccccc;
	text-decoration: none;
}
a.razz:visited {
	color: #cccccc;
	text-decoration: none;
}
a.razz:hover {
	color: #999999;
	text-decoration: none;
}

/* ------------------------- Forms ------------------------- */

input.busca {
	float:right; 
	width: 195px; 
	border: 1px solid #cccccc; 
	background-color: #FFFFFF; 
	color: #505050; 
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif
}
select.busca {
	float:right; 
	width: 197px; 
	border: 1px solid #cccccc; 
	background-color: #FFFFFF; 
	color: #505050; 
	font-size: 11px; 
	font-family:Verdana, Arial, Helvetica, sans-serif
}
input.buscabot {
	border: 0; 
	color: #FFFFFF; 
	background-color: #ec008c; 
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	width: 100px
}

.newsletterfields {
	width: 179px; 
	border: 1px solid #ec008c; 
	background-color: #FFFFFF; 
	color: #505050; 
	font-size: 11px; 
	font-family:Verdana, Arial, Helvetica, sans-serif
}
.newsletterbot {
	border: 0; 
	color: #FFFFFF; 
	background-color: #ec008c; 
	font-size: 11px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 30px
}
.contatofields {
	width: 270px; 
	border: 1px solid #cccccc; 
	background-color: #FFFFFF; 
	color: #505050; 
	font-size: 11px; 
	font-family:Verdana, Arial, Helvetica, sans-serif
}
.contatobot {
	border: 0; 
	color: #FFFFFF; 
	background-color: #505050; 
	font-size: 11px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 90px
}
.next, .prev {
	background-color:#EC008C; 
	border:0; 
	color:#FFFFFF;
	font-size: 11px;
	width: 30px
}
.feed4
{
	color: #757575;
	background-color: #e5e5e5;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 70px;
	border : 0px none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.feed5
{
	color: #757575;
	background-color: #e5e5e5;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 480px;
	border: 0px none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

/* ------------------------------- Borda da Tabela --------------------------------- */

table.bordasimples {
	border-collapse: collapse;
}
table.bordasimples tr td {
	border: 1px solid #CCCCCC;
	text-indent:7px;
}
table#alter tr td {
	background-color: #ffffff;
	text-indent:7px;
} 
table#alter tr.dif td {
	background-color: #f2f2f2;
	text-indent:7px;
}
table#alter1 tr td {
	background-color: #ffffff;
	text-indent:7px;
} 
table#alter1 tr.dif td {
	background-color: #f2f2f2;
	text-indent:7px;
}
table#alter2 tr td {
	background-color: #ffffff;
	text-indent: 0px;
	text-align: center
} 
table#alter2 tr.dif td {
	background-color: #f2f2f2;
	text-indent: 0px;
	text-align: center
}
table#alter2 tr.dif2 td {
	background-color: #000066;
	text-indent: 0px;
	text-align: center;
	color: #FFFFFF
}