/* RESET http://developer.yahoo.com/yui/reset/ */

/***********************************************************************
 * FIX THIS LIne in Tripoli to render right 
 * 
 * .content hr,.content p,.content ul,.content ol,.content dl,.content pre, .content address,.content table,.content form
 * {
 * 	margin-bottom:1.6em;
 * }
***********************************************************************/

/**********************************
* Estilos genéricos de Tipografia *
**********************************/

/*
light green #50C750
* 
* Cores:
 - Vermelho #ff0000
 - Amarelo #ffff00
 - Verde #006600
 
Paleta 1:

Claro  |  Base  | Escuro
50C750, A5E41C | 006600 | 
c00000 | ff0000 | #431B01 8b0000
 | ffff00 | #F0D005
*/
a { color: #000099 }
a:visited { color: #2166a4 }
dd { margin-left: 2em; }
fieldset legend { color: #333; font-weight: bold; font-size: 1.2em }

.list-style-none li { list-style: none }
.list-style-disc li { list-style: disc }
.list-style-circle li { list-style: circle }
.list-style-square li { list-style: square }
.list-style-decimal li { list-style: decimal }
.list-style-decimal-leading-zero li { list-style: decimal-leading-zero }
.list-style-lower-roman li { list-style: lower-roman }
.list-style-upper-roman li { list-style: upper-roman }
.list-style-lower-alpha li { list-style: lower-alpha }
.list-style-upper-alpha li { list-style: upper-alpha }
.list-style-lower-greek li { list-style: lower-greek }
.list-style-lower-latin li { list-style: lower-latin }
.list-style-upper-latin li { list-style: upper-latin }
.list-style-hebrew li { list-style: hebrew }
.list-style-armenian li { list-style: armenian }
.list-style-georgian li { list-style: georgian }
.list-style-cjk-ideographic li { list-style: cjk-ideographic }
.list-style-hiragana li { list-style: hiragana }
.list-style-katakana li { list-style: katakana }
.list-style-hiragana-iroha li { list-style: hiragana-iroha }
.list-style-katakana-iroha  li { list-style: katakana-iroha  }

/* Lista de observações */
sup.obs { font-family: serif; font-style: italic; font-weight: bold}
ol.obs li { list-style: upper-roman; font-style: italic; }

p.destaque {font-weight: bold}

htm{ font-size: 12px }
body { font-size: 12px }
.content { font-size: 12px }
.ie6tablebug { width: 100%}
/****************************************************
* Dimensionando e posisionando os blocos principais *
*****************************************************/

html {
	background: #353535;
	font-family: Dejavu Sans, Sans, Tahoma, Arial;
}
body{
	padding: 0 2em 1em 2em;
}
#container {
	margin: 0 auto 0 auto;
	max-width: 960px;
}
#cabecalho {
	width: 100%;
	height: 140px;
	clear: both;
}
#menuhorizontal {
	width: 100%;
	margin-bottom: 1em;
	clear: both;
}
#menu {
	width: 15em;
	float: left;
}
#principal {
	width: auto;
	margin: 0 131px 0 15.1em;
	padding: 0 1em 0 1em;
}
#parceiros {
	width: 130px;
	float: right;
}
#rodape {
	clear: both;
}


/***********************
 * Estilos Gerais de Layout *
 ***********************/
.hidden { display: none }
.float_right { float: right }
.float_left { float: left }

.sleft { float: left }
.sright { float: right }
.scenter { margin: 0 auto }

img.sleft { padding-right: 1em; padding-bottom: 1em; }
img.sright { padding-left: 1em; padding-bottom: 1em; }

.s-fleft { float: left }
.s-fright { float: right }
.s-center { margin: 0 auto }
img.s-left { padding-right: 1em; padding-bottom: 1em; }
img.s-right { padding-left: 1em; padding-bottom: 1em; }
.s-hidden { display: none }
.s-tcenter { text-align: center }
.s-tleft { text-align: left }
.s-tright { text-align: right }
.text-align_right { text-align: right }
.s-fclear { clear: both }
br.s-fclear { height: 0px; width: 0px }
/*
"Button 1 and Button 2" defined in http://en.wikipedia.org/wiki/Web_banner
*/
.Banner.Button1 { width: 120px; height: 90px; overflow: hidden }
.Banner.Button2 { width: 120px; height: 60px;  overflow: hidden }

br.clear { clear: both; height: 1px; margin-top:-1px; }
br.fclear { clear: both;}

/*
div.content { margin: 0; padding: 0;}
*/
/* .box geralmente um div que faz parte do layout, sem semantica propriamente */
/* .container geralmente é um div que armazena elementos diversos */
.box {
	background: transparent url('images/box_header_bg.png') repeat-x scroll 0 0;
	margin: 0 0 0 0;
	width: auto;
}.box .container {
	border: 1px solid #CCC;
	border-top: none;
	padding: 1em;
}.box h3 {
	margin: 0;
	width: auto;
	background: transparent url(images/right_titles.gif) left center no-repeat;
	border: 1px solid #DADADA;
	border-bottom: none;
	padding: 0.5em 0 0.5em 30px;
	text-align: left;
	font-size: 1em;
}.hbox {

}

a.flvplayer {
	display: block;
	width: 320px;
	height: 240px;
	background: #CCC;
	text-align: center;
}a.flvplayer img.play{
	display: block;
	margin: 0 auto;
	position: relative;
	top: -80px;
	margin-top: -83px;
}

/* typo = topheader */
.topheader h1 {
	border-bottom: 0.3em solid;
}
.topheader h1 img.layout {
 font-size: 0.5em;
 float: right;
}

/***********************
 * Estilos Individuais *
 ***********************/
#container {
	background-color: white;
	border-left: .5em solid #2C2C2C;
	border-right: .5em solid #2C2C2C;
	border-bottom: .3em solid #222;
	color: #333;
}

#cabecalho {
	background: transparent url(images/header_bg.png) repeat-x scroll left top;
}#cabecalho .container {
	height: 140px;
	background: transparent url(images/header_logo_bg.jpg) no-repeat scroll left top;
}#cabecalho object {
	width: 220px;
	height: 103px;
}



#menuhorizontal {
	background: #600;
	color: #FFF;
	padding: .2em 0;
}#menuhorizontal table {
	width: 100%;
	height:100%;
}#menuhorizontal table td {
	width: 16%;
	text-align: center;
}#menuhorizontal table td.large{
	width: 20%;
	text-align: center;
}#menuhorizontal a {
	display: block;
	width: auto;
	height:100%;
	padding: .3em;
	font-weight: bold;
	background: #800;
	text-decoration: none;
	color: #FFF;
}#menuhorizontal a:hover {
	color: #FFF;
	background:#CC0000;
}

#menu ul.container {
	padding: 0.5em;
	background:#006600;
	color: white;
}#menu li {
	display: block;
	width: 100%;
}#menu a {
	display: block;
	margin: 0;
	padding: 0.3em 0.5em;
	padding-right: 0;
	_width: 100%;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	background:#005500;
	color: white;
	border-top: 1px solid #050;
	border-bottom: 1px solid #070;
}#menu li ul {
	padding-left: 1.5em;
	background:#005F00;
	border-top: 1px solid #050;
	border-bottom: 1px solid #070;
}#menu li ul li a {
	background:#005F00;
}#menu li ul li:last-child a {
	border-bottom: none;
}#menu a:hover {
	_background:#003300;
}#menu a[href]:hover {
	background:#003300;
}


#parceiros .container {
	text-align: center;
	margin: 0;
	padding: 0;
	height: auto;
	padding-bottom: 5px;
}#parceiros .Rotate {
	margin: 5px auto;
}#parceiros .Rotate img {
	display: block;
	background: #CCC;
}#parceiros .Rotate.Button2 img {
	width: 120px;
	height: 60px;
}#parceiros .Rotate.Button1 img {
	width: 120px;
	height: 90px;
}#parceiros .Banner {
	border : 1px solid #CCC;
	border-bottom : 1px solid #999;
	
}


#rodape {
overflow: hidden;
	width: 100%;
}
#rodape .content {
	border-top: 10px solid #330000;
	color: #FFF;
	text-align: center;
	background: #660000 url('images/footer-bg.jpg') repeat-x fixed 0 bottom;
	overflow: hidden;
	width: 100%;
}

#principal .topheader {
	background: transparent url('images/principal_block_bg.png') repeat-x scroll 0 0;
	margin: 0;
	padding: 0 1em;
	border-top: 1px solid #CCC;
	border-bottom: none;
}


/*
#principal .content {
	margin: 0 1em;
	padding: 1em;
	border-top: 1px solid #CCC;
	border-bottom: none;
	background: transparent url('images/principal_block_bg.png') repeat-x scroll 0 0;
}
*/


/**********************************
 * Estilos de páginas individuais *
 **********************************/


#principal form.contato label {
	display: inline-block;
	font-weight: bold;
	text-align: right;
	padding-right: 1em;
	vertical-align: top;
	min-width: 8em;
}#principal form.contato input[type=text] {
	width: 25em;
}#principal form.contato textarea{
	width: 25em;
	height: 15em;
}#principal form.contato .submit {
	text-align: right;
} 


#principal.institucional-regimento_interno ol {
	list-style: upper-roman;
	padding-left: 2em;
	margin-top: .5em;
}#principal.institucional-regimento_interno p ol {
	list-style: upper-roman;
	padding-left: 2em;
	margin-top: .5em;
}#principal.institucional-regimento_interno h2,
#principal.institucional-regimento_interno h3,
#principal.institucional-regimento_interno h4 {
	text-align: center;
}


#principal.informativos .list {
	width: 100%;
}
#principal.informativos .item {
	width: 48%;
	padding: 1%;
	float: left;
	text-align: center;
}
#principal.informativos .list .item h4 {
	background: transparent url('images/principal_block_bg.png') repeat-x scroll left top;
	padding: 0.5em;
	margin: 0;
}
#principal.informativos .list .item p {
	border: 1px solid #F6F6F6;
	padding: 0.5em;
	margin: 0;
}

#principal .imagerow {
	text-align: center;
	text-align: justify;
}
#principal .imagerow .description {
	display: inline-block;
	_display: inline;
	vertical-align: top;
	text-align: left;
	width: 376px;
	_width: 380px;
	margin: 6px;
}
#principal .imagerow img {
	margin: 0;
	padding: 2px;
	border: 1px solid #CCC;
}
#principal .imagerow a {
	display: inline-block;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 180px;
	height: 135px;
	margin: 2px;
}
#principal .imagerow span.lastline {
	display: inline-block;
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0;
}



#principal ul.imagegallery {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	display: block;
}#principal ul.imagegallery-center {
	text-align: center;
}#principal ul.imagegallery li {
	list-style: none;
	padding: 5px;
	margin: 0;
	width: 180px;
	vertical-align: top;
	display: inline-block;
	text-align: center;
}#principal ul.imagegallery a {
	padding: 0;
	margin: 0;
}#principal ul.imagegallery img {
	padding: 0;
	margin: 0;
}



#principal.estrutura-parque_aquatico h1 {
/*
	border: none;
*/
}
#principal.estrutura-parque_aquatico .content {
/*
	background: transparent url('images/parque_aquatico_bg_bottom.png') repeat-x scroll left bottom;
	color: #003380;
*/
}
#principal.estrutura-parque_aquatico .topheader {
/*
	background: transparent url('images/parque_aquatico_bg_top.png') repeat-x scroll left top;
	background: transparent url('images/parque_aquatico_bg_top_grad.png') repeat-x scroll left top;
	border-bottom: 0.5em solid #003380;
	border-top-color: color: #003380;
	border-top-color: color: #003380;
*/
}
#principal.estrutura-parque_aquatico li {
	list-style: circle inside url('images/list-mark-pen-darkblue.png');
	font-weight: bold;
	font-style: italic;
	font-size: 1.2em;
	width: auto;
}

div.horarios table {
	border-collapse: collapse;
	margin-left: 0; 
	margin-right: 0; 
	width: 100%;
	border-bottom: 1px solid #CCC;
	background: #030;
	border: 1px solid #CCC;
}div.horarios th, div.horarios td {
	padding: .1em;
	padding: .2em 0;
}div.horarios thead th {
	text-align: center;
	background: #888;
	color: #FFF;
	border-right: 1px solid #CCC;
}div.horarios tbody th {
	border-top: 1px solid #999;
	background: #CCC;
}div.horarios tbody td {
	text-align: center;
	background: #EFEFEF;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin: .1em 0;
}div.horarios sup.obs {
 color: red;
}div.horarios h4 {
	background: #666;
	color: #FFF;
	text-align: center;
	padding: .3em;
}div.horarios .box {
	margin-bottom: 1em;
}




#principal.esportes-academia h1 {
	float: left;
	border: none;
	margin: 0 1em 0.5em 0;
}
#principal.esportes-academia .content {
	padding: 2em;
	border-bottom: .3em solid;
}
#principal.esportes-academia .slogan {
	text-align: right;
	font-style: italic;
	font-weight: 600;
	margin-top: 3em;
}#principal.esportes-academia .hbox {
	width: 100%;
	height: auto;
	overflow: hidden;
}



#principal.fotos-index .list  div.item {
	background: transparent url('images/principal_block_bg.png') repeat-x scroll 0 0;
	margin: 0 0 1em 0;
	padding: 0.5em;
	border: 1px solid #CCC;
	height: 100%;
	overflow: hidden;
	vertical-align: middle;
}#principal.fotos-index div.item a {
	text-decoration: none;
}#principal.fotos-index img {
	float: left;
	margin-right: 0.5em;
}#principal.fotos-index div.item a {
	text-decoration: none;
}

#index_horarios {
	
}#index_horarios .content {
	margin: .8em;
	font-size: 0.8em;
}#index_horarios .container {
	padding: 0;
	margin: 0;
}#index_horarios table {
	border-collapse: collapse;
	width: auto;
	border-bottom: 1px solid #CCC;
	background: #030;
	border: 1px solid #CCC;
}#index_horarios th, #index_horarios td {
	margin: 0;
	padding: .1em 0 .1em .1em;
}#index_horarios thead th {
	text-align: center;
	width: 20%;
	background: #666;
	color: #FFF;
	border-right: 1px solid #CCC;
}#index_horarios tbody th {
	border-top: 1px solid #999;
	background: #CCC;
}#index_horarios tbody td {
	text-align: center;
	background: #EFEFEF;
	border-right: 1px solid #CCC;
}#index_horarios sup.obs {
 color: red;
}

#principal .main-side-left {
	width: 320px;
	margin-right: -320px;
	float: left;
	text-align: center;
}
#principal .main-side-left div.box {
	text-align: center;
	margin-bottom: 10px;
}
#principal .main-side-left div.box .container {
	padding: 0;
}
#principal .main-side-left div.box ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
#principal .main-side-left div.box li {
	display: inline-block;
	margin: 0;
	padding: 0;
	text-align: center;
}
#principal .main-side-left div.box a {
	display: inline-block;
	font-weight: bold;
	text-decoration: none;
}
#principal .main-side-left div.box.imgbox a {
	background-color: #666;
	color: #FFF;
	font-size: 0.8em;
}
#principal .main-side-left div.box.informativo a {
	display: inline;
}

#principal .main-side-right {
	width: auto;
	margin: 0 0 0 330px;
}



#principal .eventos {
	text-align: center;
	text-align: justify;
	width: auto;
}
#principal .eventos a {
	display: inline-block;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 130px;
	height: 130px;
	margin: 2px;
}



#principal div.cadastroDeEmail div.content {
	text-align: center;
	background-color: red;
	font-size: 1.2em;
	font-weight: bold;
}
#principal div.cadastroDeEmail a {
	color: #FFF;
	text-decoration: none;
}


#principal .hbox {
	overflow: hidden;
}
#principal .box50pcLeft {
	width: 308px;
	text-align: left;
	overflow: hidden;
}
#principal .box50pcRight {
	width: 308px;
	float: right;
	text-align: left;
	overflow: hidden;
}
#principal .box50pcLeft p , #principal .box50pcRight p {
	margin-bottom: 0;
}


/**********************************************************************
* notícias
**********************************************************************/
#principal .main-side-left div.box-noticias {
	text-align: left;
}
#principal div.box-noticias .container {
	border: 1px solid #CCC;
}

#principal div.box-noticias h4 {
	padding: 0.4em;
	margin: 0.4em;
	font-size: 1em;
	border-bottom: 1px solid #efefef;
	background: #ffd9d6;
	background: #d6fcff;
	background: #efefef;
}

/**********************************************************************
* parceiros
**********************************************************************/
#principal.parceiros .box .Partner {
	margin: 0.5em 0 0 0;
	border: 1px solid #CCC;
	background: #efefef;
}
#principal.parceiros .box .Partner h4 {
	margin: 0;
	padding: 1ex 10px;
	vertical-align: top;
	background: #DDD;
	border-bottom: 1px solid #CECECE;
	font-size: 1em;
	color: #000;
}
#principal.parceiros .box .Partner p {
	margin: 1ex 10px;
}


/**********************************************************************
* flash content
**********************************************************************/
/*
.flashvideo {
	width: 380px;
	height: 310px;
	margin: 0;
	padding: 5px;
	float: left;
	text-align: center;
}

.flashvideo {
	display: inline-block;
	_display: inline;
	padding: 0;
	margin: 0;
	width: 320px;
	height: 240px;
}


.flashvideo .alternative_content {
	width: 380px;
	height: 240px;
	display: block;
	visibility: visible;
}

* html .flashvideo {
	display: inline;
}
*/
/**********************************************************************
* colorbox -> inline auto show and hide
**********************************************************************/
#cboxLoadedContent div.hidden {
	display: block;
}


/**********************************************************************
* simplemodal
**********************************************************************/
#simplemodal-overlay {
	background-color:#000;
	cursor:pointer;
}

#simplemodal-container {
	background-color:#CCC;
	border:8px solid #444;
	padding:12px;
}
/*
#simplemodal-container a.modalCloseImg {
	background:url('simplemodal/x.png') no-repeat right;
	cursor:pointer;
	display:inline;
	z-index:3200;
	position:absolute;
	width: 24px;
	height:24px;
	margin-bottom: -25px;
	top:-20px;
	right:-20px;
}
#simplemodal-data {
	width: 100%;
	height: 100%;
	overflow: auto;
}
#basic-modal-content {
	display:none;
	width: 100%;
	height: 100%;
	overflow: auto;
}

/*


#simplemodal-data {
	width: 100%;
	height: 100%;
	overflow: auto;
}

#simplemodal-img {
	width: 100%;
	height: 100%;
}
#simplemodal-img td {
	vertical-align: middle;
	text-align: center;
}

*/