﻿/* old bg  bg_body.gif     STANDARDS    94 */
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 62.8%;
	line-height: 1.5em;
	color: #a8a8a8;
	background: url("images/temp/3.jpg") #000000;
	background-attachment: fixed;
	background-position:center center;
	/*background-repeat:no-repeat;*/
	border-color: 000000;
	border-style: none;
}

body#start div#container {
	margin: 0 auto;
	padding: 250px 20px 0;
	background: url("images/bg_start.gif") no-repeat top center;
	text-align: center;
	width: 500px;
}

body#start h2 {
	font-size: 1.4em;
	color: #ccc;
}

body#start p {
	margin: 25px 0;
	padding: 0;
}

body#start a {
	margin: 0 10px;
	text-decoration: none;
	padding: 7px 13px;
}

body#start a:link, body#start a:visited {
	color: #fff;
	background: #d30e5a;
}

body#start a:hover, body#start a:active {
	color: #fff;
	background: #222;
}

h1 {
	display: none;
}

a:link {
	color: #d30e5a;
}

a:visited {
	color: #aa0d49;
}

a:hover {
	color: #fff;
}

a:active {
	color: #ccc;
}

p {
	line-height: 1.6em;
	font-size: 1.2em;
}

div#articles p.intro, div#read-watcher p.intro, div#read-special p.intro {
	color: #ccc;
	font-size: 1.6em;
}


/* MAIN CONTAINERS */

div#container {
	margin: 10px auto;
	padding: 0;
	width: 990px;
}

div#content {
	margin: 0;
	padding: 0;
	width: 776px;
	float: left;
}

div#columns {
	margin: 0;
	padding: 7px 0;
}

div#advertising {
	margin: 0;
	padding: 0;
	width: 200px;
	color: #000;
	float: right;
}

 div#header {
	margin: 0;
	padding: 213px 4px 4px;
	height: 45px;
	background: url("images/banner1.jpg") 4px 4px no-repeat #000;
} 


/*
div#header {
	margin: 0;
	padding: 213px 4px 4px;
	height: 35px;
	background: url("images/banner4.jpg") 4px 4px no-repeat #000;
}*/

div#left-column {
	margin: 0;
	width: 526px;
	float: left;
}

div#right-column {
	margin: 0;
	width: 243px;
	float: right;
}

div#footer {
	margin: 0;
	padding: 4px;
	clear: both;
	height: 27px;
	background: #000;
}

div.box {
	margin-bottom: 7px;
	padding: 4px;
	background: #080808;
}

div.message {
	margin: 10px 20px 20px;
	padding: 0;
	background: #222;
	color: #ccc;
	border: 1px solid #333;
}

div.message p {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}

/* HEADER ELEMENTS */

div#header ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#header li {
	margin: 0 1px 0 0;
	padding: 0;
	height: 37px;
	float: left;
	overflow: hidden;
}

div#header li.last { margin-right: 0; }

div#header li a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 10em;
}

div#header li#nav_home {
	width: 77px; 
}

div#header li#nav_clubs { 
	width: 109px; 
}
div#header li#nav_articles { 
	width: 80px; 
}
div#header li#nav_gallery { 
	width: 105px; 
}
div#header li#nav_calendar { 
	width: 105px; 
}
div#header li#nav_guestbook { 
	width: 105px; 
}
div#header li#nav_contact { 
	width: 180px;
}

div#header li#nav_home a:link, 
div#header li#nav_home a:visited { 
	background: url("images/menu_1.png") no-repeat #000; 
}
div#header li#nav_clubs a:link, 
div#header li#nav_clubs a:visited { 
	background: url("images/menu_2.png") no-repeat #000; 
}
div#header li#nav_articles a:link, 
div#header li#nav_articles a:visited { 
	background: url("images/menu_3.png") no-repeat #000; 
}
div#header li#nav_gallery a:link, 
div#header li#nav_gallery a:visited { 
	background: url("images/menu_4.png") no-repeat #000; 
}
div#header li#nav_calendar a:link, 
div#header li#nav_calendar a:visited { 
	background: url("images/menu_5.png") no-repeat #000; 
}
div#header li#nav_guestbook a:link, 
div#header li#nav_guestbook a:visited { 
	background: url("images/menu_6.png") no-repeat #000; 
}
div#header li#nav_contact a:link, 
div#header li#nav_contact a:visited { 
	background: url("images/menu_7.png") no-repeat #000; 
}

div#header li#nav_home a:hover, 
div#header li#nav_home a:active, 
div#container div#header li#nav_home.active a	{ 
	background: url("images/menu_1.png") 0 37px #000; 
}

div#header li#nav_clubs a:hover, 
div#header li#nav_clubs a:active, 
div#container div#header li#nav_clubs.active a { 
	background: url("images/menu_2.png") 0 37px #000; 
}

div#header li#nav_articles a:hover,
div#header li#nav_articles a:active,
div#container div#header li#nav_articles.active a	{ 
	background: url("images/menu_3.png") 0 37px #000; 
}

div#header li#nav_gallery a:hover,
div#header li#nav_gallery a:active, 
div#container div#header li#nav_gallery.active a { 
	background: url("images/menu_4.png") 0 37px #000; 
}

div#header li#nav_calendar a:hover, 
div#header li#nav_calendar a:active, 
div#container div#header li#nav_calendar.active a	{ 
	background: url("images/menu_5.png") 0 37px #000; 
}

div#header li#nav_guestbook a:hover, 
div#header li#nav_guestbook a:active, 
div#container div#header li#nav_guestbook.active a { 
	background: url("images/menu_6.png") 0 37px #000; 
}

div#header li#nav_contact a:hover, 
div#header li#nav_contact a:active, 
div#container div#header li#nav_contact.active a { 
	background: url("images/menu_7.png") 0 37px #000; 
}

/* MAIN CONTENT */

div#left-column h2 {
	margin: 0 0 4px 0;
	padding: 0;
	height: 32px;
	overflow: hidden;
	line-height: 10em;
}

div#top-clicks h2 {
	background: url("images/novedades.png") no-repeat;
}

div#top-clicks img {
}

ul#click-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#click-list li {
	margin: 0;
	padding: 0;
	float: left;
	font-size: 1.1em;
	border-top: 2px solid #010101;
}

ul#click-list a {
	padding: 6px 8px;
	display: block;
}

ul#click-list a:link { 
	color: #fff; 
	background: #101010; 
	text-decoration: none; 
	font-weight: bold; 
}

ul#click-list a:visited { 
	color: #aaa; 
}

ul#click-list a:hover, ul#click-list a:active { 
	color: #fff; 
	background: #d30e5a; 
	text-decoration: underline; 
}

ul#click-list li.active {
	color: #fff; 
	background: #d30e5a; 
}

ul#click-list li.active a:link, ul#click-list li.active a:visited { 
	color: #fff;
	background: #d30e5a; 
}
ul#click-list li.active a:hover, ul#click-list li.active a:active { 
	color: #444;
	background: #fff 
}

div#thumb-container img {
	border: none;
}

div#gallery-image h2 {
	background: url("images/masnovedades.png") no-repeat;
}

div#gallery-image img {
}

div#gallery-image p.image-text {
	margin: 0;
	padding: 5px 5px 0px;
	font-size: 1.4em;
	color: #fff;
}

div#gallery-thumbs h2 {
	background: url("images/masnovedades.png") no-repeat;	
}

div#gallery-thumbs .thumb {
	margin: 0 2px 5px 0;
	width: 170px;
	float: left;
}



div#gallery-thumbs div.thumb p {
	margin: 0;
	padding: 3px;
}

div#gallery-thumbs div#thumb-container div.last {
	margin-right: 0;
}

div#club-list img {
	margin: 0;
	padding: 0;
	border: none;
	float: left;
	margin-right: 4px;
}

div#club-list img.last {
	margin: 0;
}

div#articles h2 {
	background: url("images/opelperformanceclub.png") no-repeat;
}

div#articles div {
	padding: 0 6px 0 10px;
}

div#articles div.article, div#read-watcher div.article, div#read-special div.article {
	margin: 0 15px 0 10px;
}

div#articles blockquote {
	margin: 0;
	padding: 0;
	font-size: 2em;
	font-weight: none;
	font-style: italic;
	line-height: 1.5em;
}

div#watcher h2 {
	background: url("images/title_watcher.gif") no-repeat #000;
}

div#watcher h3 {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	color: #fff;
}

div#watcher div {
	padding: 0 0 0 10px;
	color: #ccc;
}

div#watcher img {
	float: right;
}

div#read-watcher h2 {
	background: url("images/title_watcher.gif") no-repeat #000;
}

div#read-watcher div {
	padding: 5px 7px;
}

div#read-watcher div img {
	margin-left: 10px;
	float: right;
}

div#read-watcher h3 {
	margin: 0;
	padding: 5px 5px 0;
	font-size: 1.6em;
	color: #fff;
}

div#read-watcher h4, div#read-special h4, div#articles h4 {
	margin: 0;
	padding: 5px 0;
	color: #bbb;
	font-size: 1.2em;
}

div#read-watcher div p {
	line-height: 1.6em;
}


div#special h2 {
	background: url("images/title_special.gif") no-repeat #000;	
}

div#special h3 {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	color: #fff;
}

div#special div {
	padding: 0 6px 0 10px;
	color: #ccc;
}

div#special img {
	float: right;
}

div#read-special h2 {
	background: url("images/title_special.gif") no-repeat #000;
}

div#read-special div {
	padding: 5px 7px;
}

div#read-special div img {
	float: right;
}

div#read-special h3 {
	margin: 0;
	padding: 5px 5px 0;
	font-size: 1.6em;
	color: #fff;
}

div#read-special div p {
	line-height: 1.6em;
}

div#playlist h2 {
	background: url("images/title_playlist.gif") no-repeat #000;	
}

div#playlist h3 {
	color: #fff;
}

div#playlist div {
	margin: 0 10px;
	padding: 0;
}

div#playlist p {
	padding: 0;
	font-size: 1.2em;
}

div#playlist p.intro {
	font-weight: bold;
	color: #fff;
}

div#playlist ul {
	margin: 0 0 0 15px;
	padding: 0;
	list-style: decimal;
}

div#playlist li {
	margin: 3px 0;
	font-size: 1.2em;
}

div#clubs h2 {
	background: url("images/title_clubs.gif") no-repeat #000;
}

div#clubs h3 {
	margin: 25px 10px 0;
	padding: 0;
	font-size: 1.4em;
	color: #fff;
	line-height: 12em;
	overflow: hidden;
}

div#clubs h3#club_of {
	height: 29px;
	background: url("images/seperator_friday.gif") no-repeat #000;
}

div#clubs h3#club_nc {
	height: 38px;
	background: url("images/seperator_nightclub.gif") no-repeat #000;
}

div#clubs h3#club_27 {
	height: 38px;
	background: url("images/seperator_27.gif") no-repeat #000;
}

div#clubs p {
	margin: 5px 40px 25px;
	color: #ccc;
}

div#calendar {
	padding-bottom: 20px;
}

div#calendar h2 {
	background: url("images/title_calendar.gif") no-repeat #000;
}

div#calendar h4.message {
	margin: 20px 15px 0;
	font-size: 1.6em;
	color: #fff;
}

div#calendar p.list-options {
	margin: 0;
	padding: 10px 0 5px;
	text-align: right;
	color: #bbb;
	font-size: 1.1em;
	border-bottom: 1px solid #222;
}

div#guestbook p.paging {

	color: #ccc;
	font-size: 1.2em;
	text-align: left;
}

div#guestbook p.paging em {
	font-style: normal;
	color: #666;
}

div#articles div {
	padding: 15px;
}

div#articles div.quote {
	padding: 10px;
}

div#articles h3, div#read-watcher h3, div#read-special h3 {
	margin: 0;
	padding: 5px 5px 0;
	font-size: 3em;
	line-height: 1.2em;
	color: #fff;
}

div#articles h4 {
	margin: 0;
	padding: 5px;
	color: #bbb;
	font-size: 1.2em;
}

div#articles div p {
	font-weight: normal;
	line-height: 1.6em;
}

div#contact h2 {
	background: url("images/title_contact.gif") no-repeat #000;
}

div#contact div {
	padding: 15px;
}

div#contact h3 {
	font-size: 1.4em;
}

div#contact ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#contact li {
	padding: 3px;
	font-size: 1.2em;
	color: #eee;
}

li.space {
	margin-top: 10px;
}


div.happening {
	margin: 0;
	padding: 15px 15px 5px;
	clear: both;
	border-bottom: 1px solid #222;
}

div#calendar div.alt {
	background: url("images/pattern.gif") repeat;
}

div.text {
	margin-left: 15px;
	padding: 1px 0;
	float: left;
}

div.text h3 {
	margin: 0;
	padding: 0 0 3px;
	font-size: 1.4em;
	color: #d30e5a;
}

div.text h3 em {
	font-style: normal;
	color: #888;
	font-size: .8em;
	font-weight: none;
}

div.text h4 {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}

div.text p {
	margin: 2px 0 10px;
}

div.date {
	margin: 0;
	padding: 0;
	float: left;
	width: 44px;
}

div.date img {
	margin: 0;
	padding: 0;
	border: 0;
}

div.club {
	margin: 10px 15px 0;
	float: right;
}

p.other {
	clear: both;
}

div.banner {
	margin-bottom: 15px;
}

div#playlist div#playlist-form {
	margin: 0;
	padding: 10px;
	background: url("images/pattern.gif") repeat;
	border: 1px solid #222;
}

div#playlist label {
	color: #d30e5a;
	font-size: .9em;
	font-weight: bold;
}

div#playlist label em {
	font-style: normal;
	color: #fff;
}

div#playlist h3.accepted {
	color: #0c9;
}

div#playlist div#playlist-form form {
	margin: 0;
	padding: 0;
}

div#playlist div#playlist-inputs, div#playlist div#playlist-inputs label {
	margin: 0;
	padding: 0;
}

div#playlist div#playlist-inputs p {
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
}

div#playlist div#playlist-inputs p.last {
	margin-right: 0;
}

div#playlist div#playlist-inputs input#artist, div#playlist div#playlist-inputs input#song {
	width: 220px;
	font-size: 1.2em;
}

div#playlist div#playlist-form input#send {
	margin: 5px 0;
}

div#playlist ul#songs {
	margin: 0;
	padding-bottom: 20px;
	list-style: none;
}
div#playlist ul#songs li {
	padding: 3px 3px 3px 14px;
	background: url("images/icon_playlist.gif") no-repeat 0 50% transparent;
}

div#playlist ul#songs li.voted {
	color: #fff;
}



/* RIGHT COLUMN */

div#right-column h2 {
	margin: 0 0 4px 0;
	padding: 0;
	height: 32px;
	overflow: hidden;
	line-height: 10em;
}

div#offer-box {
	margin: 0;
	padding-bottom: 40px;
	background: url("images/bg_offers.gif") no-repeat 0 -4px #080808;
	text-align: center;
	min-height: 150px;
}


div#offers h2 {
	background: url("images/title_s_offer.gif") no-repeat #000;
}

div#offer1 {
	padding-top: 40px;
}

div#offer1 {
	padding: 15px 15px 0;
}

div#offer2 {
	padding: 15px;
}

div#offer1 h3, div#offer2 h3 {
	margin: 0;
	padding: 0;
	font-size: 1.6em;
	line-height: 1.6em;
	font-style: italic;
	color: #fff;
}

div#offer1 h4, div#offer2 h4 {
	margin: 0;
	padding: 0;
	color: #ff9000;
}

div#gallery-dates h2 {
	background: url("images/title_s_gallerydates.gif") no-repeat #000;
}

div#gallery-dates h3 {
	margin: 0 10px;
	padding: 3px 0;
	font-size: 1.2em;
	text-transform: uppercase;
	color: #d30e5a;
}

div#gallery-dates ul {
	margin: 0 0 15px;
	padding: 0 5px 10px;
	list-style: none;
	border-bottom: 1px solid #222;
}

div#gallery-dates ul.last {
	border-bottom: none;
	padding-bottom: 0;
}

div#gallery-dates li {
	margin: 2px 0;
	font-size: 1.1em;
	color: #ccc;
}

div#gallery-dates li.active a {
	color: #fff;
	font-weight: bold;
	background: #333;
}

div#gallery-dates li a {
	display: block;
	height: 100%;
	padding: 3px;
	color: #ccc;
	text-decoration: none;
}

div#gallery-dates li a:hover, div#gallery-dates li a:active {
	background: #444;
	color: #fff;
}

div#events h2 {
	background: url("images/eventos.png") no-repeat;
}

div#events h3 {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	text-transform: uppercase;
	color: #d30e5a;
}

div#events ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#events li {
	margin: 0;
	padding: 2px 0;
	color: #ccc;
	font-size: 1.2em;
}

div#events div.event {
	margin: 0 -4px;
	padding: 10px 15px;
	border-bottom: 1px solid #353535;
}

div#events img.thumb {
	float: right;
}

div#events div.nc27 { background: url("images/bg_27.gif") no-repeat #080808; }
div#events div.friday { background: url("images/bg_friday.gif") no-repeat #080808; }
div#events div.nc { background: url("images/bg_nightclub.gif") no-repeat #080808; }
div#events div.last { border-bottom: none; }


div#drinks h2 {
	background: url("images/noticias.png") no-repeat;
}

div#drinks h3 {
	margin: 0;
	padding: 0 0 15px;
	font-size: 2.2em;
	color: #d30e5a;
}

div#drinks h4 {
	margin: 0;
	padding: 5px 0;
	font-size: 1.1em;
	text-transform: uppercase;
	color: #fff;
}

div#drinks {
	padding-bottom: 4px;
	background: url("images/bg_drinks.gif") no-repeat bottom #000;
	min-height: 220px;
}

div#drinks div {
	padding: 0 15px;
	color: #ccc;
}

div#drinks ul {
	margin: 0 15px;
	padding: 5px 0 10px;
	list-style: decimal;
}

div#drinks li {
	margin: 4px 0;
	color: #ccc;
	font-size: 1.2em;
}


div#guestbook div.entry {
	margin: 0 -4px;
	padding: 10px 15px;
	border-bottom: 1px solid #353535;
}

div#guestbook h2 {
	background: url("images/socios.png") no-repeat;
}

div#guestbook h3 {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}

div#guestbook h3.author {
	color: #fff;
}

div#guestbook h3.author em {
	color: #555;
}

div#guestbook h3 em {
	font-style: normal;
	font-weight: normal;
}

div#guestbook div.entry p {
	margin: 0;
	padding: 0;
	line-height: 1.6em;
}

div#content div#right-column div#guestbook div.entry a:link, div#content div#right-column div#guestbook div.entry a:visited {
	text-decoration: none;
	color: #ccc;
}

div#content div#right-column div#guestbook div.entry a:hover, div#content div#right-column div#guestbook div.entry a:active {
	text-decoration: underline;
	color: #d30e5a;
}

div#guestbook p {
	margin: 0;
	padding: 5px 10px;
}

div#write-guest h2 {
	background: url("images/title_s_writeguest.gif") no-repeat #000;
}

div#write-guest p {
	margin: 6px 0;
}

div#write-guest form {
	margin: 0;
	padding: 0 15px 10px;
}

div#write-guest input#author, div#write-guest input#email  {
	margin: 0;
	width: 200px;
	font-size: 1.1em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #111;
}

div#write-guest input#send {
	margin: 0;
	padding: 0;
	border: none;
}

div#write-guest label {
	font-size: 1.1em;
	color: #ccc;
	font-weight: bold;
}

div#write-guest textarea {
	width: 200px;
	font-size: 1.1em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #111;
}

div#write-guest label em {
	color: #555;
	font-style: normal;
	font-weight: normal;
}

div#articles-list h2 {
	background: url("images/title_s_morearticles.gif") no-repeat #000;
}

div#articles-list ul {
	margin: 0;
	padding: 0 5px 10px;
	list-style: none;
}

div#articles-list ul.last {
	border-bottom: none;
	padding-bottom: 0;
}

div#articles-list li {
	margin: 2px 0;
	font-size: 1.1em;
	color: #ccc;
}

div#articles-list li.active a {
	color: #fff;
	font-weight: bold;
	background: #333;
}

div#articles-list li a {
	display: block;
	height: 100%;
	padding: 3px;
	color: #ccc;
	text-decoration: none;
}

div#articles-list li a:hover, div#articles-list li a:active {
	background: #444;
	color: #fff;
}

/* FOOTER */

div#footer p {
	margin: 0;
	padding: 6px 10px;
	font-size: 1.1em;
	text-align: center;
	background: url("images/bg_footer.gif") repeat-x #000;
}

/* CLEAR FLOATS */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }
