@charset "utf-8";

* {
	margin: 0px;
	padding: 0px;
}

html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	background-color: #102331;
	background-image: url(../img/site/background.jpg);
	color: #093E68;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
}

/* modal */
.ui-widget-header .ui-icon,
.ui-state-hover .ui-icon {
	background: none !important;
}

.ui-widget-overlay {
	background: #000000 !important;
}

div#loading {
	height: 20px !important;
	min-height: 0px !important;
	overflow: hidden;
	display: none;
}

	div#loading img {
		display: block;
		margin: auto;
		padding-top: 3px;
	}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*
*	GENERAL STUFF
*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 

a {
	color: #102331;
}

a:hover {
	color: #000;
}

a.voltar {
	color: #fff;
	font-weight: bold;
}

a.voltar:hover {
	color: #DFAA68;
}

.bold {
	font-weight: bold;
}

.right {
	float: right;
}

.headphone {
	background-image: url(../img/site/headphone.png);
}

.star {
	background-image: url(../img/site/star.png);
}

.disc {
	background-image: url(../img/site/disc.png);
}

.house {
	background-image: url(../img/site/house.png);
}

.music {
	background-image: url(../img/site/music.png);
}

.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
}

.hidden {
	display: none;
}

h1 {
	font-weight: normal;
	font-size: 40px;
}

h3 {
	font-size: 18px;
}

.d {
	background-color: #fff;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	opacity: 0.9;
}

img {
	border: none;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*
*	TOP
*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 

div#top-bar {
	width: 100%;
	height: 20px;
	background-color: #182940;
	background-image: url(../img/site/topbar.jpg);
	background-repeat: repeat-x;
}

	div#top-bar div.center,
	div#top-shadow div.center {
		width: 990px;
		height: 100%;
		margin: auto;
	}
	
		div#top-bar div.center div.logo-top {
			width: 77px;
			height: 100%;
			background-image: url(../img/site/logo_top.png);
			background-repeat: no-repeat;
			float: right;
			padding-right: 111px;
		}

div#top {
	width: 100%;
	height: 257px;
	background-color: #182940;
}

	div#top div.background {
		width: 100%;
		height: 100%;
		float: left;
		overflow:hidden;
	}
	
		div#top div.background div.left {
			width: 49%;
			height: 100%;
			background-image: url(../img/site/top_left.jpg);
			background-repeat: repeat-x;
			background-position: top;
			float: left;
		}
		
		div#top div.background div.right {
			width: 49%;
			height: 100%;
			float: right;
			background-image: url(../img/site/top_right.jpg);
			background-repeat: repeat-x;
			background-position: top;
		}
	
	div#top div.center {
		width: 100%;
		height: 100%;
		margin-top: -257px;
		float: left;
		overflow: hidden;
	}
	
		div#top div.center div.content {
			width: 990px;
			height: 100%;
			margin: auto;
		}
		
			div#top div.center div.content div.left {
				width: 720px;
				height: 100%;
				float: left;
				overflow: hidden;
			}
			
				/*------------ MENU ---------------------------------------*/
			
				div#top div.center div.content div.left div#menu {
					width: 100%;
					height: 196px;
					background-color: #182940;
					background-image: url(../img/site/menu_back.jpg);
					background-repeat: no-repeat;
					overflow: hidden;
				}
				
					div#top div.center div.content div.left div#menu div.block {
						float: left;
						width: 140px;
						height: 100%;
						margin-left: 6px;
					}
					
					div#top div.center div.content div.left div#menu div.block.first {
						margin-left: 0px;
						width: 130px;
					}
					
						div#top div.center div.content div.left div#menu div.block div.link {
							float: left;
							width: 100%;
							overflow: hidden;
						}
						
							div#top div.center div.content div.left div#menu div.block div.link div.effect {
								float: left;
								width: 100%;
								height: 100%;
								position: relative;
								z-index: 0;
								overflow: hidden;
							}
							
								div#top div.center div.content div.left div#menu div.block div.link div.effect div.img {
									margin: auto;
									width: 100%;
									height: 100%;
									background-repeat: no-repeat;
									display: none;
								}
						
							div#top div.center div.content div.left div#menu div.block div.link a {
								display: block;
								float: left;
								width: 100%;
								height: 100%;
								text-align: center;
								text-decoration: none;
								color: #eee;
								font-family: "Trebuchet MS", sans-serif;
								outline: none;
								position: relative;
								z-index: 100;
							}
							
								div#top div.center div.content div.left div#menu div.block div.link a span {
									display: block;
								}
								
								div#top div.center div.content div.left div#menu div.block div.link a span.title {
									font-size: 17px;
									padding-top: 22px;
									color: #FABC72;
									line-height: 18px;
								}
								
								div#top div.center div.content div.left div#menu div.block div.link a span.sub {
									font-size: 8px;
									padding-top: 3px;
									letter-spacing: 0.1em;
									word-spacing: 0.2em;
									line-height: 12px;
									font-family: Helvetica, sans-serif;
								}
								
								div#top div.center div.content div.left div#menu div.block div.link a:hover span.title {
									text-decoration: underline;
									color: #A8CE9C;
								}
								
								div#top div.center div.content div.left div#menu div.block div.link.som a span.title {
									letter-spacing: -0.05em;
								}
							
						/* -- posicionamentos -- */
						
						div#top div.center div.content div.left div#menu div.block div.link.small {
							height: 80px;
						}
						
							div#top div.center div.content div.left div#menu div.block div.link.small a {
								margin-top: -80px;
							}
						
						div#top div.center div.content div.left div#menu div.block div.link.big {
							height: 110px;
						}
						
							div#top div.center div.content div.left div#menu div.block div.link.big a {
								margin-top: -110px;
							}
							
								div#top div.center div.content div.left div#menu div.block div.link.big a span.title {
									padding-top: 35px;
								}
								
								div#top div.center div.content div.left div#menu div.block div.link.base.big a span.title {
									padding-top: 25px;
								}
						
						div#top div.center div.content div.left div#menu div.block div.link.top {
							margin-bottom: 6px;
						}
						
							div#top div.center div.content div.left div#menu div.block div.link.top a:hover span.title {
								color: #86A0D3;
							}
							
						/* -- imagens -- */
						
						div#top div.center div.content div.left div#menu div.block div.link.top.small div.img {
							background-image: url(../img/site/menu_top_selected.png);
							background-position: 5px -50px;
						}
						
						div#top div.center div.content div.left div#menu div.block div.link.top.big div.img {
							background-image: url(../img/site/menu_top_selected.png);
							background-position: 5px -20px;
						}
												
						div#top div.center div.content div.left div#menu div.block div.link.base.small div.img {
							background-image: url(../img/site/menu_bottom_small_selected.png);
							background-position: 5px 4px;
						}
						
						div#top div.center div.content div.left div#menu div.block div.link.base.big div.img {
							background-image: url(../img/site/menu_bottom_big_selected.png);
							background-position: 5px 5px;
						}
						
						div#top div.center div.content div.left div#menu div.block div.link.base.big div.img.new {
							background-image: url(../img/site/menu_bottom_big_center_selected.png);
						}
						
						div#top div.center div.content div.left div#menu div.block div.link.top div.img.new {
							background-image: url(../img/site/menu_top_center_selected.png);
						}
						
						/* --- links de A CASA --- */
						
						div#top div.center div.content div.left div#menu div.block div.link.casa ul {
							display: none;
							float: left;
							position: relative;
							z-index: 100;
							margin-top: -80px;
							list-style-type: none;
							width: 100%;
							padding-top: 6px;
						}
						
							div#top div.center div.content div.left div#menu div.block div.link.casa ul li {
								text-align: center;
								float: left;
								width: 100%;
							}
						
							div#top div.center div.content div.left div#menu div.block div.link.casa ul a {
								position: static;
								margin: 0px;
								width: auto;
								height: auto;
								font-size: 10px;
								letter-spacing: 0.05em;
								line-height: 15px;
								height: 17px;
								color: #FABC72;
								width: 100%;
							}
							
							div#top div.center div.content div.left div#menu div.block div.link.casa ul a:hover {
								color: #fff;
								text-decoration: underline;
							}
						
				div#top div.center div.content div.left div.bottom {
					width: 100%;
					height: 61px;
					background-image: url(../img/site/top_bottom.jpg);
					background-repeat: no-repeat;
					background-position: right;
				}
				
					/*--------- player ---------------------------------------*/
					
					div#top div.center div.content div.left div.bottom div#player-container {
						width: 113px;
						height: 32px;
						padding-left: 38px;
						overflow: hidden;
						float: right;
						margin: 30px 66px 0px 0px;
						background-image: url(../img/site/player_back.png);
						background-repeat: no-repeat;
						color: #fff;
					}
					
						div#top div.center div.content div.left div.bottom div#player-container div {
							float: left;
							height: 20px;
							margin-top: 7px;
						}
						
						div#top div.center div.content div.left div.bottom div#player-container div#play {
							line-height: 20px;
							padding: 0px 3px;
							width: 50px;
							font-size: 11px;
							cursor: pointer;
						}
						
							div#top div.center div.content div.left div.bottom div#player-container div#play p {
								float: left;
							}
							
							div#top div.center div.content div.left div.bottom div#player-container div#play div.botao {
								float: left;
								width: 11px;
								height: 12px;
								background-repeat: no-repeat;
								background-image: url(../img/site/player_play.png);
								margin: 4px 0px 0px 8px;
							}
							
							div#top div.center div.content div.left div.bottom div#player-container div#play div.playing {
								background-image: url(../img/site/player_pause.png);
							}
						
						div#top div.center div.content div.left div.bottom div#player-container div#next {
							width: 20px;
							background-image: url(../img/site/player_next.png);
							background-repeat: no-repeat;
							cursor: pointer;
						}
						
						div#top div.center div.content div.left div.bottom div#player-container div#next:hover {
							background-position: bottom;
						}
						
						div#top div.center div.content div.left div.bottom div#player-container div#wave {
							padding: 5px 0px 0px 5px;
							height: 15px;
						}
						
							div#top div.center div.content div.left div.bottom div#player-container div#wave img#started {
								display: none;
							}
					
					/*------- tooltip ----------*/
					
					#tooltip.mp3player {
						background-color: #eee;
						opacity: 0.8;
						padding: 10px;
						-moz-border-radius: 6px;
						-webkit-border-radius: 6px;
						background-image: url(../img/site/blog_comments_center.png);
						background-position: -20px top;
						border: 2px dashed #FABC72;
					}
					
						#tooltip.mp3player h3 {
							font-size: 14px;
							font-weight: bold;
							color: #99ff55;
							padding-left: 25px;
							background-image: url(../img/site/music.png);
							background-repeat: no-repeat;
						}
						
						#tooltip.mp3player p {
							color: #fff;
							text-indent: 25px;
							line-height: 18px;
						}
					
					/*--------------------------*/
			
			div#top div.center div.content div.right {
				width: 270px;
				height: 100%;
				float: right;
				overflow: hidden;
			}
			
				div#top div.center div.content div.right a {
					display: block;
					width: 100%;
					height: 100%;
					background-image: url(../img/site/logo.jpg);
					background-repeat: no-repeat;
					background-position: right;
				}
			
div#top-shadow {
	width: 100%;
	height: 24px;
	background-image: url(../img/site/top_shadow.jpg);
	background-repeat: repeat-x;
	background-color: #182940;
}

	div#top-shadow div.center div.logo-bottom {
		width: 155px;
		height: 100%;
		background-image: url(../img/site/logo_bottom.png);
		background-repeat: no-repeat;
		float: right;
	}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*
*	MIDDLE
*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 

div#middle {
	width: 100%;
	min-height: 500px;
	background-color: #182940;
	background-image: url(../img/site/back.jpg);
	padding-bottom: 20px;
}

	div#middle div.content {
		width: 990px;
		height: auto !important;
		height: 500px;
		min-height: 500px;
		margin: auto;
		padding: 10px;
	}
	
		div#middle a.h1 {
			display: block;
			background-repeat: no-repeat;
		}
		
		div.content-blue {
			width: 976px;
			color: #fff;
		}
		
			div.content-blue div.top {
				width: 100%;
				height: 20px;
				background-image: url(../img/site/content_blue_top.png);
				background-repeat: no-repeat;
			}
			
			div.content-blue div.center {
				width: 948px;
				padding: 0px 15px 0px 13px;
				background-image: url(../img/site/content_blue_center.png);
				background-repeat: repeat-y;
			}
			
			div.content-blue div.fixed {
				height: 600px;
			}
			
				div.content-blue div.center h1 {
					text-align: right;
					width: 270px;
					color: #FABC72;
				}
				
				div.content-blue div.center h3 {
					text-align: right;
					width: 270px;
					margin-bottom: 20px;
					font-weight: normal;
				}
				
			div.content-blue div.bottom {
				width: 100%;
				height: 26px;
				background-image: url(../img/site/content_blue_bottom.png);
				background-repeat: no-repeat;
			}
		
		div.content-blue.small {
			width: 689px;
			margin: auto;
		}
		
			div.content-blue.small div.top {
				height: 18px;
				background-image: url(../img/site/content_small_blue_top.png);
			}
			
			div.content-blue.small div.center {
				width: 661px;
				background-image: url(../img/site/content_small_blue_center.png);
			}
			
			div.content-blue.small div.bottom {
				height: 23px;
				background-image: url(../img/site/content_small_blue_bottom.png);
			}
			
div#middle div.missing-page {
	width: 566px;
	height: 531px;
	background-image: url(../img/site/missing.png);
	background-repeat: no-repeat;
	margin: auto;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * 
 * - Pagination DIVs
 * 
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

div.pagination {
	width: 610px;
	height: 52px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(../img/site/pagination.png);
	background-repeat: no-repeat;
	color: #FABC72;
}

	div.pagination div {
		width: 90px;
		float: left;
	}
	
		div.pagination div div {
			width: auto;
		}
	
	div.pagination div.center {
		width: 410px;
		margin-top: 15px;
	}
	
	div.pagination div.right {
		float: right;
	}

	div.pagination p {
		text-align: center;
	}
	
	div.pagination a {
		display: block;
		float: left;
		text-decoration: none;
	}
	
	div.pagination a:hover {
		text-decoration: underline;
		color: #FABC72;
	}
		
	div.pagination .left-enabled {
		padding-left: 20px;
		background-repeat: no-repeat;
		background-position: center left;
		color: #FABC72;
		background-image: url(../img/site/arrow_left_enabled.png);
		margin-left: 15px;
		margin-top: 15px;
	}
	
	div.pagination .left-disabled {
		padding-left: 20px;
		background-repeat: no-repeat;
		background-position: center left;
		color: #999999;
		background-image: url(../img/site/arrow_left_disabled.png);
		margin-left: 15px;
		margin-top: 15px;
	}
	
	div.pagination .right-enabled {
		padding-right: 20px;
		background-repeat: no-repeat;
		background-position: center right;
		color: #FABC72;
		background-image: url(../img/site/arrow_right_enabled.png);
		float: right;
		margin-right: 15px;
		margin-top: 15px;
		text-align: right;
	}
	
	div.pagination .right-disabled {
		padding-right: 20px;
		background-repeat: no-repeat;
		background-position: center right;
		color: #999999;
		background-image: url(../img/site/arrow_right_disabled.png);
		float: right;
		margin-right: 15px;
		margin-top: 15px;
		text-align: right;
	}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*
*	FOOTER
*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 

div#footer {
	width: 100%;
	height: 304px;
	background-image: url(../img/site/footer_back.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	margin-top: -20px;
}

	div#footer div.top {
		width: 100%;
		height: 152px;
		background-image: url(../img/site/footer_top.png);
		background-repeat: repeat-x;
	}
		
	div#footer div.content {
		width: 990px;
		height: 304px;
		margin: auto;
		margin-top: -152px;
		color: #DFAA68;
	}
	
		div#footer div.content table {
			width: 590px;
			float: left;
			padding-left: 30px;
			margin-top: 70px;
			margin-bottom: 25px;
		}
		
			div#footer div.content table td {
				vertical-align: top;
				width: 33.3%;
			}
			
			div#footer div.content table tr {
				height: 35px;
			}
		
				div#footer div.content table tr th {
					text-align: left;
					height: 45px;
				}
				
					div#footer div.content table tr th h2 {
						font-size: 18px;
						font-weight: normal;
						padding-left: 25px;
						background-repeat: no-repeat;
					}
				
				div#footer div.content table tr td a {
					color: #FFFFFF;
					text-decoration: none;
				}
				
				div#footer div.content table tr td a:hover {
					text-decoration: underline;
				}
				
				div#footer div.content table tr td ul {
					list-style-image: url(../img/site/arrow.png);
					list-style-position: inside;
					padding-left: 10px;
					line-height: 20px;
				}
				
		div#footer div.content div.info {
			float: left;
			width: 360px;
			height: 170px;
			padding-top: 20px;
			margin-top: 70px;
		}
		
			div#footer div.content div.info p {
				font-size: 11px;
				font-weight: bold;
				color: #fff;
				text-align: right;
				line-height: 18px;
			}
			
				div#footer div.content div.info p img {
					margin-left: 5px;
				}
				
			div#footer div.content div.info p.cartoes {
				padding: 10px 0px 14px 0px;
			}
				
		div#footer div.content p {
			text-align: center;
			float: left;
			width: 100%;
		}
		
			div#footer div.content p a {
				color: #DFAA68;
			}
			
			div#footer div.content p a:hover {
				color: #fff;
			}
			
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * 
 * - CAKE SQL TABLE
 * 
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

table.cake-sql-log {
	background: #f4f4f4;
	border:1px solid #ccc;
	border-right:0;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
}

table.cake-sql-log th {
	background: #f2f2f2;
	border:1px solid #bbb;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	text-align: center;
}

table.cake-sql-log th a {
	background:#f2f2f2;
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}

table.cake-sql-log th a:hover {
	background: #ccc;
	color: #333;
	text-decoration: none;
}

table.cake-sql-log tr td {
	background: #fff;
	border-right: 1px solid #ccc;
	/*padding: 4px;*/
	text-align: center;
	vertical-align: top;
	padding: 4px 8px;
	text-align: left;
}

table.cake-sql-log tr.altrow td {
	background: #f4f4f4;
}

table.cake-sql-log td.actions {
	text-align: center;
	white-space: nowrap;
}

table.cake-sql-log td.actions a {
	margin: 0px 6px;
}