@charset "utf-8";

/*------------- [ BLOCK PICTURES ] -------------*/

.block-pic { float: left; width: 420px; margin: 0 auto; }
.block-pic-legend { float: left; width: 240px; }


/*------------- [ BLOCK MENU NAV ] -------------*/

.nav { margin: 20px 0; padding-bottom: 4px; border-bottom: 1px dotted #ccc; }
.nav ul { padding: 0; margin: 0; }
	.nav li { display: inline; padding: 0 15px 0 0; margin: 0; font-size: 14px; list-style: none; }
		.nav span { padding-left: 15px; }
		.nav li a { color: #4B5F7E; }
		.nav li a:hover { text-decoration: underline; }


/*------------- [ FLASH BANNER ] -------------*/

#banner, #banner-border { position: relative; margin: 0px 0px 0px -6px; }
#banner { width: 768px; }


/*------------- [ NEWS BAR ] -------------*/

#bar { position: relative; margin: 10px 0px 0px 0px; background: #D5DBDE; }
	#bar .border-topleft { width: 3px; height: 3px; position: absolute; top: 0px; left: 0px; background: url(../images/content-bar-border-topleft.png) no-repeat; }
	#bar .border-topright { width: 3px; height: 3px; position: absolute; top: 0px; right: 0px; background: url(../images/content-bar-border-topright.png) no-repeat; }
	#bar .border-bottomleft { width: 3px; height: 3px; position: absolute; bottom: 0px; left: 0px; background: url(../images/content-bar-border-bottomleft.png) no-repeat bottom; }
	#bar .border-bottomright { width: 3px; height: 3px; position: absolute; bottom: 0px; right: 0px; background: url(../images/content-bar-border-bottomright.png) no-repeat bottom; }

	#bar span { display: block; padding: 4px 10px 4px 10px; color: #333333; font-size: 14px; font-weight: bold; }
		#bar span a { color: #617278; font-size: 12px; font-weight: normal; }


/*------------- [ CONTENT HEADERS ] -------------*/

.content .header-middle { margin: 4px 0px 0px 0px; }
.content .header-top { width: 660px; position: relative; margin: 0px -51px 0px -51px; }


/*------------- [ CONTENT MISC ] -------------*/

.content .centerdiv { width: 450px; margin: 0 auto; }
.content .box .highlighted { color: #ff0000; }
.content .disclaimer { font-size: 10px; }
.content .principal { background: #f1f2f3; border: 3px solid #ccc; margin-top: 20px; padding: 0px 30px 15px; }
.content .map { width: 500px; height: 300px; border: 3px solid #fff; }


/*------------- [ CONTENT BOX ] -------------*/

.content .box { width: 212px; float: left; position: relative; margin: 15px 0px 10px 0px; background: #D5DBDE url(../images/content-box-description-bg.png) bottom repeat-x; }
.content .box.hover { background: #D5DBDE; }
.content .box.click { cursor: pointer; }
.content .box.middle { margin-left: 12px; margin-right: 12px; }
	.content .box .border-topleft { width: 7px; height: 29px; position: absolute; top: 0px; left: -1px; background: url(../images/content-box-border-topleft.png) no-repeat; }
	.content .box .border-topright { width: 9px; height: 29px; position: absolute; top: 0px; right: -1px; background: url(../images/content-box-border-topright.png) no-repeat; }
	.content .box .border-bottomleft { width: 10px; height: 13px; position: absolute; bottom: 0px; left: 0px; background: url(../images/content-box-border-bottomleft.png) no-repeat bottom; }
	.content .box.hover .border-bottomleft { background-image: url(../images/content-box-border-bottomleft-hover.png); }
	.content .box .border-bottomright { width: 10px; height: 13px; position: absolute; bottom: 0px; right: 0px; background: url(../images/content-box-border-bottomright.png) no-repeat bottom; }
	.content .box.hover .border-bottomright { background-image: url(../images/content-box-border-bottomright-hover.png); }

	.content .box h1 { height: 21px; margin: 0px 0px 0px 0px; padding: 8px 0px 0px 12px; background: url(../images/content-box-title-bg.png) repeat-x; color: #FFFFFF; font-size: 12px; font-weight: bold; }
		.content .box h1 a { color: #FFFFFF; font-size: 14px; }

	.content .box img { float: left; margin: 15px; border: solid #FFFFFF; border-width: 3px 3px 8px 3px; }
	.content .box .block { display: inline; float: none; }

	.content .box p { margin: 15px 15px 15px 0px; color: #333; font-size: 12px; line-height: 14px; font-weight: bold; font-style: italic; }

.content .list { width: 130px !important; }


/*------------- [ CONTENT BOX HOME ] -------------*/

.content .boxhome { width: 250px; min-height: 250px; height: auto !important; height: 250px; float: left; position: relative; margin: 15px 0px 10px 0px; background: #BAC4C9 url(../images/content-boxhome-description-bg.png) repeat-x bottom; }
.content .boxhome.middle { margin-left: 6px; margin-right: 6px; }
	.content .boxhome .border-topleft { width: 10px; height: 29px; position: absolute; top: 0px; left: -1px; background: url(../images/content-boxhome-border-topleft.png) no-repeat; }
	.content .remarked .border-topleft { background-image: url(../images/content-boxhome-remarked-border-topleft.png); }

	.content .boxhome .border-topright { width: 9px; height: 29px; position: absolute; top: 0px; right: -1px; background: url(../images/content-boxhome-border-topright.png) no-repeat; }
	.content .remarked .border-topright { background-image: url(../images/content-boxhome-remarked-border-topright.png); }

	.content .boxhome h1 { height: 21px; margin: 0px 0px 0px 0px; padding: 8px 0px 0px 12px; background: url(../images/content-boxhome-title-bg.png) repeat-x; color: #FFFFFF; font-size: 12px; font-weight: bold; }
	.content .remarked h1 { background-image: url(../images/content-boxhome-remarked-title-bg.png); }
		.content .boxhome h1 a { color: #FFFFFF; font-size: 14px; }

	.content .boxhome img { float: left; margin: 15px; border: solid #FFFFFF; border-width: 3px 3px 8px 3px; }

	.content .boxhome p { margin: 10px 10px 10px 10px; color: #FFFFFF; font-size: 12px; line-height: 14px; }
		.content .boxhome p a { color: #FFFFFF; font-size: 12px; }


/*------------- [ ADMINISTRATION: MENU ] -------------*/

.content .admin-menu { width: 400px; margin: 0 auto; }
	.content .admin-menu a { float: left; margin: 10px 20px 10px 0px; }
		.content .admin-menu a img { float: left; }
		.content .admin-menu a span { float: left; margin: 14px 0px 0px 4px; font-size: 14px; cursor: pointer; width: 300px; }


/*------------- [ LISTING: NEWS ] -------------*/

.content .listing.news .description { width: 452px; }


/*------------- [ LISTING: BLOCKS ] -------------*/

.content .listing.blocks { padding: 2px; }


/*------------- [ LISTING: SPACES ] -------------*/

.content .listing.spaces .remarked { background: #F5F5E9; }
	.content .listing.spaces .description { width: 482px; }


/*------------- [ LISTING: EVENTS ] -------------*/

.content .listing.events .description { width: 482px; }


/*------------- [ LISTING: USERS ] -------------*/

.content .listing.users .description { width: 640px; }


/*------------- [ LISTING: REGISTERS ] -------------*/

.content .listing.registers { padding: 10px 10px 10px 10px; }
.content .listing.registers.new { background: #FFFFCC; }
	.content .listing.registers .description { width: 640px; }
		.content .listing.registers .description ul { margin: 0px 0px 0px 0px; }
			.content .listing.registers .description ul li { width: 280px; float: left; }


/*------------- [ EVENTS: DETAIL ] -------------*/

.detail { width: 376px; float: left; margin: 0px 0px 0px 20px; }

.exploreimages { width: 264px; float: left; }
	.exploreimages .images a { display: block; padding: 1px 1px 1px 1px; }
		.exploreimages .images a img, .exploreimages .notavailable { border: 1px solid #888888; padding: 1px 1px 1px 1px; }

	.exploreimages .thumbs a { float: left; margin: 1px 1px 1px 1px; }
		.exploreimages .thumbs a img { border: 1px solid #BBBBBB; padding: 1px 1px 1px 1px; }
		.exploreimages .thumbs a.selected img { border: 1px solid #888888; }


/*------------- [ GALLERY: LISTING ] -------------*/

.gallery { float: left;	display: inline; margin: 0px 3px 4px 3px; background: #E2E2E2; }
	.gallery a { display: block; }
	.gallery img { display: block; border: 1px solid #BBBBBB; padding: 4px 4px 4px 4px; background: #F2F2F2; }

	.gallery div { text-align: center; }
		.gallery div a { display: inline; }
		.gallery div img { display: inline; margin: 3px 0px 0px 0px; border: none; padding: 0px 0px 0px 0px; background: transparent; }


/*------------- [ GALLERY: CONTAINER ] -------------*/

.gallery-container { margin: 20px 0px 10px 0px; }