/* ----------------------------------------------------------------------------------------------------------

    LT WebDevelopment (www.lukastomek.cz)

    Výstupní zařízení: screen, projection
    Autor:             Lukáš Tomek (info@lukastomek.cz)
    Vytvořeno:         20/07/2008

---------------------------------------------------------------------------------------------------------- */

/* -- Basics -- */
html, body, div, p, ul, ol, li, form, fieldset, h1, h2, h3, h4, h5, h6, address   { margin: 0; padding: 0; list-style: none; }

body		        { font: normal 62.8%/1.5 sans-serif; background: #000 url('../images/bg-body.png') repeat-x; color: #646464; text-align: center; padding-bottom: 40px; }
a			          { color: #646464; }
a:hover	        { text-decoration: underline !important; }
a img   	      { border:0; }
input,
select,
textarea        { font-family: lucida, sans-serif; font-size: 1em; vertical-align: middle; }
input.button,
select.button,
textarea.button { background: #fff; padding: 2px 0; border: 1px solid #595959; color: #000 !important; vertical-align: middle; }
button.button   { margin: 0; padding: 0; height: 18px; border: none; text-decoration: underline; font-weight: bold; color: #00CCFF; cursor: pointer; }
input.submit    { width: 98px !important; height: 25px; overflow: visible; padding: 0 5px; color: #fff; font-weight: bold; border: none; cursor: pointer; }
label           { cursor: pointer; padding-right: 5px; line-height: 20px; vertical-align: middle; }

h1	{ font-size: 2em; margin-bottom: .5em; }
h2	{ font-size: 1.45em; }
h3	{ font-size: 1.4em; }
h4	{ font-size: 1.1em; }
h5	{ font-size: 1.1em; }
h6	{ font-size: 1em; }

h1, h2, h3, h4, h5, h6  { color: #646464; }

table           { border-collapse: collapse; width: 100%; }
table th        { text-align: left; }
table td.right  { padding-left: 5px; }
table th.right  { padding-left: 5px; }
table td.left   { padding-right: 5px; }
table th.left   { padding-right: 5px; }

blockquote  { margin: 0; padding: 10px 20px; color: #333333; line-height: 1.6; font-family: Georgia, serif; }
fieldset    { border: 0 !important; }

/* -- User friendly features --*/
.hidden { display: none; }
.noscreen { width: 200px; position: absolute; left: 0; top: -999px; }

/* -- Basics layout -- */
#view    { text-align: left; }
#head    { font-size: 1.2em; position: relative; z-index: 10; }
#content { font-size: 1.3em; z-index: 1; }

/* -- Main classes -- */
.fr		     { float: right !important; }
.fl		     { float: left !important; }
.clear     { clear: both !important; }
.right	   { text-align: right !important; }
.left		   { text-align: left !important; }
.center	   { text-align: center !important; }
.last		   { margin-right: 0 !important; margin-bottom: 0 !important; border-bottom: none !important; padding-bottom: 0 !important; background: none; }
.small	   { font-size: .90em; }
.big       { font-size: 1.2em; }
.biggest   { font-size: 2em; }
.light     { color: #999999 !important; }
.clearfix  { width: 100%; overflow: hidden; padding-bottom: .6em; }
.alt       { font-weight: bold; }
.yellow    { color: #FFFF00 !important; }
.red       { color: #b7092a !important; }
.test      { border: 1px black solid; }
.smile     { vertical-align: middle; margin: 0 2px; }
.noBrd     { border: none !important; }
.noBrdL    { border-left: none !important; }
.noBrdR    { border-right: none !important; }
.autoWidth { width: auto !important; }
.inlink    { display: block; padding-left: 14px; background: url('../images/bg-inlink.gif') 0 4px no-repeat; }
.relative  { position: relative; }

/* -- Graphic overlays -- */
a.overlaid,
.overlaid a     { display: block; cursor: pointer; overflow: hidden; }
.overlaid       { position: relative; width: 100%; height: 100%; }
.overlaid span  { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

/* -- Layout -- */
#view         { width: 802px; margin: 0 auto; }
#head         { height: 68px; margin-bottom: 80px; }
#content      {  }
#foot         { clear: both; }

	#head #logo { width: 104px; height: 37px; margin: 15px 0; }
				#logo span { background: url('../images/bg-hotmix.gif') no-repeat; }
				
	#content ul { height: 204px; }
	#content ul li { height: 100%; float: left; }
	
	#content ul li.bboy { width: 243px; }
	#content ul li.bboy span { background: url('../images/bg-bboy.jpg') no-repeat; }
	
	#content ul li.tanec { width: 240px; }
	#content ul li.tanec span { background: url('../images/bg-tanec.jpg') no-repeat; }
	
	#content ul li.profil { width: 318px; }
	#content ul li.profil span { background: url('../images/bg-profil.jpg') no-repeat; }
	
	
	#content .cols3 { overflow: hidden; height: 100%; margin-top: 70px; }
	#content .cols3 .col1,
	#content .cols3 .col2,
	#content .cols3 .col3 { float: left; width: 33%; }
	
	#content .h { font-weight: normal; margin-bottom: 20px; font-size: 1em; }
	#content .title { color: #afafaf; font-size: 1em; }
	#content address { font-style: normal; }