/*  project: city nightlife (OWD's contest entry)
	author: luka cvrk (www.solucija.com)    	*/

body { background: #515151 url(bg.gif) repeat-x; margin: 0; padding: 0; color: #999999; font: 0.8em "Trebuchet MS", Arial, Sans-Serif; text-align: center; }
h1 { font: bold 1.7em Arial, Sans-serif; letter-spacing: -1px; color: #04B9FF; background: inherit; padding: 0; margin: 20px 0; }
h2 { font: bold 1.6em Arial,Sans-Serif; letter-spacing: -1px; color: #FF1604; margin: 0; padding: 0; }
h3 { font: bold 1.6em Arial,Sans-Serif; letter-spacing: -1px; margin: 0; padding: 0; }
p {	line-height:1.8em; }
a { text-decoration: none; color: #04B9FF; background: inherit; }
a:hover{ color: #999999; background: inherit; }

.content {
	width:865px;       /*era 785  +80*/
	margin: 0 auto;
	padding: 0px;
	text-align:left;
}

.left {
	float: left;
}
	.left_content {
		float: left;
		width: 640px;            /*era 560  +80*/
		background-color: #393939;
		color: #d2d2d2;
		text-align: justify;
		margin: 0 3px 10px 0;
		padding: 10px;
	}
	.left_content img{
		float: left;
		color: #303030;
		/*border: 1px solid #f5f5f5;*/
		background-color: #FFFFFF;
		margin: 3px 10px 7px 0;
	}

.right {
	float:right;
	width: 192px;
	margin: 0 0 20px 0;
	line-height:1.3em;
	font-size:1.0em;
}
	.uppermenu {
		padding: 10px;
		margin: 0 0 3px 0;
		background: #FFD06B url(yellowcorner.gif) no-repeat top right;
		line-height:1.3em;
		color: #5A410A;
		font-size:1.0em;
	}
	.uppermenu ul, .uppermenu li {
		list-style: none;
		margin: 0;
		padding: 0 0 5px 0;
	}
	.uppermenu a { color: #008DC9; background: #FFD06B; font: bold 1.2em Arial, Sans-Serif; }
	.uppermenu a:hover { color: #FFF; background: #FFD06B; }
	.lowermenu {
		padding: 10px;
		height: 90px;
		background: #AFAFAF url(greycorner.gif) no-repeat bottom left;
		line-height: 1.3em;
		color: #5A410A;
		font-size:1.0em;
	}
	.box {
		float: left;
		width: 85px;
		height: 55px;
		padding: 15px 0;
		text-align: center;
		color: #018EC5;
		background: #AFAFAF url(smallbox.gif) no-repeat;
	}
	.box p { margin: 0;	}

.bottom {
	clear: both;
	height: 258px;
	background: #515151 url(bigbg.gif) no-repeat bottom left;
	color: #FFF;
	padding: 0 8px 0px 7px;
	margin: 0 0 20px 0;
}

.sales { 
	clear: both; 
	float: left; 
	width: 365px;      /*364 +40 = 404 */
	color: #FFD1CE; 
	background: #C40F01 url(redbg.gif) repeat-x;
	padding: 10px;
	height: 230px;
}
	.sales a { color: #FFF; background: inherit; }
	.leftlist {
		padding: 5px;
		margin: 1px;
		border-bottom: 1px dotted #FFF;
	}
	.leftlist:hover { color: #FFF; background: #A20B00;	}

.news {
	background: #008EC5 url(bluebg.gif) repeat-x;
	width: 365px;      /*364 +40 = 404*/ 
	float: left;
	height: 230px;
	padding: 10px;
	margin: 0 0 10px 0;
	color: #C7EFFF;
}
	.news a { color: #FFF; background: inherit; }
	
.rightlist {
	padding: 5px;
	margin: 1px;
	border-bottom: 1px dotted #FFF;
}
	.rightlist:hover { color: #FFF; background: #0183B6; }

.footer{
	clear: both;
	padding: 65px 0 15px 0;
	font-size: 0.9em;
	color: #999;
	background: #333 url(footerbg.gif) repeat-x;
}
	.footer a { color: #04B9FF; background: inherit; }
	.footer a:hover { color:#FF1604; background: inherit; }
    
    /* SNEWS */
fieldset { border: 1px solid #ccc; padding: 10px 8px; margin: 0 0 8px 0; background: #515151; color: #FFF; }
input { padding: 3px; margin: 0; }
textarea { width: 97%; height: 20em; padding: 3px;}
.comment { background: #515151; color: #f5f5f5; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #666666; }
.commentsbox { background: #AFAFAF; color: #5A410A; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc; }


 /* TABELA de FRAMES */
#frames {
	width: 400px;
	padding: 0;
	margin: 0;
}

th {
	font: bold 17px Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	text-align: left;
	padding: 6px 6px 6px 12px;
}

th.titl {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
	color: #04B9FF;
}

th.legend {
   font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	background: none;
	text-align: right;
	color: #C1DAD7;
}

th.fram {
	border-top: 0;
	background: none;
}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #B5B5B5;
	padding: 6px 6px 6px 12px;
	font: bold 17px Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	text-align: right;
}

td.sale {
	background: white;
}

td.reserved {
	background: #E6E6FA;
}

td.bloc {
	background: #FFD5C6;
}

td.sold {
	background: none;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #C1DAD7;
	text-align: center;
}