/* ----------- Obsah 

1. Obecne
   Prekryti textu obrazkem
2. Top	
3. Content
	A Tri sloupce
	B Formular pro registraci a akreditaci	
	C Seznamy
	D Headers

4. Bottom
5. Text formatting
6. SiFR

--------- */


/* --------------------------------------------------------------------- 1. Obecne ----------*/
body, p, div, span, ul, li, ol, form, input, img, hr, table, h1, h2, h3, h4 {padding:0; margin:0;}
body {font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #E9E9E9;}
input, textarea {font-family: Verdana, Arial, Helvetica, sans-serif;}
img {border: 0;}

.clear {clear:both; height:0; line-height:0; font-size:0;}
.invisible {display:none;}

li {list-style-type: none;}
hr {display:none;}
.float-left {float:left;}
.float-left-foto {float:left; padding-left:40px;}
.float-right  {float:right;}

.martop {margin-top:22px;}
.padbot {padding-bottom:22px;}
.marbot {margin-bottom:22px;}
.marbot02 {margin-bottom:32px;}
.marbot12 {margin-bottom:12px;}
.padbot03 {padding-bottom:97px!important;}
.padbot04 {padding-bottom:102px!important;}

.center {width:900px; margin:0 auto;}

/* ------------ Prekryti textu obrazkem --- */
#top h1,
#top div.loga p.vans,
#top div.loga p.volcom,
#top div.loga p.mystic,
#top div.loga p.skateboarding,
#top div.loga p.prague,
h3.contact,
h3.schedule,
h3.featured,
a.fisheye,
a.fresh,
div.pastevents p,
div.minule-rocniky p,
.hed-news,
.hed-event,
.hed-schedule,
.hed-skatepark,
.hed-results,
.hed-gallery,
.hed-sponsors,
.hed-media,
.hed-bands,
.hed-registration,
.hed-accreditation,
.hed-accomodation,
.hed-tickets,
.hed-map,
.hed-contact,
.hed-novinky,
.hed-zavod,
.hed-program,
.hed-vysledky,
.hed-foto,
.hed-sponzori,
.hed-kapely,
.hed-registrace,
.hed-akreditace,
.hed-ubytovani,
.hed-vstupenky,
.hed-mapa,
.hed-kontakt,
.hed-annual,
.hed-bands02,
.hed-skatepark02, 
.hed-kapely02,
.hed-live,
.hed-video
{overflow:hidden; position:relative;}

#top h1 span,
#top div.loga p.vans span,
#top div.loga p.volcom span,
#top div.loga p.mystic span,
#top div.loga p.skateboarding span, 
#top div.loga p.prague span,
h3.contact span,
h3.schedule span,
h3.featured span,
a.fisheye span,
a.fresh span,
div.pastevents p span,
div.minule-rocniky p span,
.hed-news span,
.hed-event span,
.hed-schedule span,
.hed-skatepark span,
.hed-results span,
.hed-gallery span,
.hed-sponsors span,
.hed-media span,
.hed-bands span,
.hed-registration span,
.hed-accreditation span,
.hed-accomodation span,
.hed-tickets span,
.hed-map span,
.hed-contact span,
.hed-novinky span,
.hed-zavod span,
.hed-program span,
.hed-vysledky span,
.hed-foto span,
.hed-sponzori span,
.hed-kapely span,
.hed-registrace span,
.hed-akreditace span,
.hed-ubytovani span,
.hed-vstupenky span,
.hed-mapa span,
.hed-kontakt span,
.hed-annual span,
.hed-bands02 span,
.hed-skatepark02 span,
.hed-kapely02 span,
.hed-live span,
.hed-video span
{display:block; position:absolute; top:0; left:0; z-index:1; background: no-repeat top left;}



/* --------------------------------------------------------------------- 2. Top ----------*/
#top {width:100%; background:url(../images/top-bg.gif) no-repeat center top; height:220px;}
#top h1 {width:292px; height:220px;}
#top h1 span {width:292px; height:220px; background-image:url(../images/logo-mysticsk8cup.gif);}
#top div.loga {width:277px; height:159px; margin-top:47px;}
#top div.loga p.vans {width:88px; height:76px;}
#top div.loga p.vans span {width:88px; height:76px; background-image:url(../images/top-vans.gif);}
#top div.loga p.volcom {width:68px; height:76px;}
#top div.loga p.volcom span {width:68px; height:76px; background-image:url(../images/top-volcom.gif);}
#top div.loga p.mystic {width:121px; height:76px;}
#top div.loga p.mystic span {width:121px; height:76px; background-image:url(../images/top-mystic.gif);}
#top div.loga p.skateboarding {width:156px; height:83px;}
#top div.loga p.skateboarding span {width:156px; height:83px; background-image:url(../images/top-skateboarding.gif);}
#top div.loga p.prague {width:121px; height:83px;}
#top div.loga p.prague span {width:121px; height:83px; background-image:url(../images/top-prague.gif);}

/* --------------------------------------------------------------------- 3. Content ----------*/
#content {width:100%; background:url(../images/content-header.gif) no-repeat top center #FFF;}


/* ------------- A  Tri sloupce -- */
.left {width:180px; text-align:right;}
.middle {width:320px; margin-left:40px;}
.middle02 {width:330px; margin-left:30px;}
.right {width:320px;}

p.lang, p.sitemap {margin:80px 0 0; font-weight:bold; text-align:right; padding-bottom:46px;}


/* ------------- A1  Levy sloupec -- */ 
div.pastevents { border-bottom:1px solid #D1D1D1; padding:15px 0; border-top:1px solid #D1D1D1; margin-top:15px;}
div.pastevents p {width:69px; height:12px;}
div.pastevents p span {width:69px; height:12px; background-image:url(../images/menu/past-events.gif);}
div.minule-rocniky { border-bottom:1px solid #D1D1D1; padding:15px 0; border-top:1px solid #D1D1D1; margin-top:15px;}
div.minule-rocniky p {width:84px; height:12px;}
div.minule-rocniky p span {width:84px; height:12px; background-image:url(../images/menu/minule-rocniky.gif);}
div.line-menu {border-bottom:1px solid #D1D1D1;}

/* --- A2 Prostredni sloupec -- */
div.novinky-home {width: 330px; height:455px; background: url(../images/novinky-bg.gif) no-repeat; position:relative;}
div.novinky-home div.scroll {width:310px; height: 374px; overflow:auto; color:#FFF; position:absolute; left:16px; top:40px;}
div.novinky-home div.scroll p.nadpis {font-weight: bold; margin-right:8px; }
div.novinky-home div.scroll div.novinka {background-color:#3C3C3C;width:288px; padding-bottom:9px;  margin:9px 0;}
div.novinky-home div.scroll div.novinka img {border-top: 2px solid #FFF;}
div.novinky-home div.scroll div.novinka p {margin: 9px;}
div.novinky-home div.scroll div.novinka p a {color: #00C3FF;}

div.news-line { border-bottom:1px solid #BDE8F4; margin-bottom:20px; padding-bottom:20px;} 

table.lines {width:100%;}
table.lines td, table.lines th {padding:9px; border-bottom: 1px solid #BDE8F4;}
table.lines th {background-color: #EFEFEF; text-align:left; color:#666;}
table.lines th.left {width: 80px;}
td.casy { width:120px; }

.width180 {width:180px; margin-left:20px;} 

.line-top {border-top: 1px solid #D1D1D1;}


/* ------------- A3  Pravy sloupec -- */ 
div.line-bottom {border-bottom:1px solid #D1D1D1; margin-bottom:10px; padding-bottom:25px;}
div.line-top {border-top:1px solid #D1D1D1; margin-top:25px; padding-top:25px;}
p.map { width:310px; border:1px solid #D1D1D1; }
p.map2 { width:297px; border:1px solid #D1D1D1; }
p.skatepark-right { margin-top:62px; }


/* ---------------- B Formulare ----- */

table.form {font-weight:bold; text-transform:uppercase; width: 320px; color:#EC709E;}
table.form td {padding:7px 0px;}

table.form input.for{width: 300px; border-top:1px solid #CBCCCD; border-left:1px solid #CBCCCD; border-right:1px solid #838689; border-bottom:1px solid #838689; padding:5px; margin-top:3px; background-color:#FFF;}
table.form input.for-on {width: 300px; border-top:1px solid #9CD2ED; border-left:1px solid #9CD2ED; border-right:1px solid #086EA1; border-bottom:1px solid #086EA1; padding:5px; margin-top:3px; background-color:#F8F8F8;}

table.form textarea.other {border-top:1px solid #CBCCCD; border-left:1px solid #CBCCCD; border-right:1px solid #838689; border-bottom:1px solid #838689; padding:5px; margin-top:3px; width:300px; height:100px; background-color:#FFF; font-weight:bold; font-size:100%;}
table.form textarea.other-on {border-top:1px solid #9CD2ED; border-left:1px solid #9CD2ED; border-right:1px solid #086EA1; border-bottom:1px solid #086EA1; padding:5px; margin-top:3px; width:300px; height:100px; background-color:#F8F8F8;  font-weight:bold; font-size:100%;}

.form-button {width: 80px; background-color:#1BB1DA; border:0px; height:25px; color:#FFF; float:right; margin-right:5px;}
.form-button-on {width: 80px; background-color:#F090B1; border:0px; height:25px; color:#000; float:right; margin-right:5px;}


a.global-station {width:26px; height:26px; overflow:hidden; position:relative; display:block; cursor:pointer;}


/* ---- Middle + right dohromady */
div.big {width:633px;}
div.fotogalerie { width:650px; padding-top:10px; padding-bottom:30px; border-bottom:1px solid #00ACD4; }
div.fotogalerie img { padding-right:13px; padding-bottom:13px; }

/* ------------- ubytovani --------------*/
tr.pink { color: #EF90B1; font-weight:bold; font-size:120%; margin-bottom:6px; margin-top:30px }
p.pink { color: #EF90B1; font-weight:bold; font-size:120%; margin-bottom:6px; margin-top:15px }
h2.pink { color: #EF90B1; font-weight:bold; font-size:120%;  } 
/* ---------- startlists ---------------*/

tr.gray { color: #999999; font-weight:bold; font-size:100%; margin-bottom:6px; margin-top:30px }
td.widthvys {width:20px;}

/* ---------------- C Seznamy    ----- */
ul.sipka-blue li, ul.sipka-black li {background:no-repeat 0 7px; padding-left: 15px; line-height:170%;}
ul.sipka-blue li {background-image: url(../images/sipka-blue.gif);}
ul.sipka-black li {background-image: url(../images/sipka-black.gif);}






/* ------------- D EN Headers-- */
.hed-news {width:130px; height:36px; margin-top:143px;}
.hed-news span {width:130px; height:36px; background-image:url(../images/headers/news.gif);}
.hed-event {width:253px; height:39px; margin-top:143px;}
.hed-event span {width:253px; height:39px; background-image:url(../images/headers/event.gif);}
.hed-schedule {width:232px; height:39px; margin-top:143px;}
.hed-schedule span {width:232px; height:39px; background-image:url(../images/headers/schedule.gif);}
.hed-skatepark {width:262px; height:39px; margin-top:143px;}
.hed-skatepark span {width:262px; height:39px; background-image:url(../images/headers/skatepark.gif);}
.hed-results {width:194px; height:39px; margin-top:143px;}
.hed-results span {width:194px; height:39px; background-image:url(../images/headers/results.gif);}
.hed-gallery {width:202px; height:39px; margin-top:143px;}
.hed-gallery span {width:202px; height:39px; background-image:url(../images/headers/gallery.gif);}
.hed-sponsors {width:251px; height:39px; margin-top:143px;}
.hed-sponsors span {width:251px; height:39px; background-image:url(../images/headers/sponsors.gif);}
.hed-media {width:151px; height:39px; margin-top:143px;}
.hed-media span {width:151px; height:39px; background-image:url(../images/headers/media.gif);}
.hed-bands {width:153px; height:39px; margin-top:143px;}
.hed-bands span {width:153px; height:39px; background-image:url(../images/headers/bands.gif);}
.hed-registration {width:272px; height:33px; margin-top:143px;}
.hed-registration span {width:272px; height:33px; background-image:url(../images/headers/registration.gif);}
.hed-accreditation {width:272px; height:30px; margin-top:143px;}
.hed-accreditation span {width:272px; height:30px; background-image:url(../images/headers/accreditation.gif);}
.hed-accomodation {width:273px; height:29px; margin-top:143px;}
.hed-accomodation span {width:273px; height:29px; background-image:url(../images/headers/accomodation.gif);}
.hed-tickets {width:195px; height:39px; margin-top:143px;}
.hed-tickets span {width:195px; height:39px; background-image:url(../images/headers/tickets.gif);}
.hed-map {width:106px; height:39px; margin-top:143px;}
.hed-map span {width:106px; height:39px; background-image:url(../images/headers/map.gif);}
.hed-contact {width:216px; height:39px; margin-top:143px;}
.hed-contact span {width:216px; height:39px; background-image:url(../images/headers/contact.gif);}
.hed-video {width:297px; height:34px; }
.hed-video span {width:297px; height:34px; background-image:url(../images/headers/official-video.gif);}

/* ------------- C CZ Headers----------------------------------*/
.hed-novinky {width:156px; height:33px; margin-top:143px;}
.hed-novinky span {width:156px; height:33px; background-image:url(../images/headers/novinky.gif);}
.hed-zavod {width:121px; height:35px; margin-top:143px;}
.hed-zavod span {width:121px; height:35px; background-image:url(../images/headers/zavod.gif);}
.hed-program {width:187px; height:34px; margin-top:143px;}
.hed-program span {width:187px; height:34px; background-image:url(../images/headers/program.gif);}
.hed-vysledky {width:194px; height:34px; margin-top:143px;}
.hed-vysledky span {width:194px; height:34px; background-image:url(../images/headers/vysledky.gif);}
.hed-foto {width:114px; height:40px; margin-top:143px;}
.hed-foto span {width:114px; height:40px; background-image:url(../images/headers/foto.gif);}
.hed-sponzori {width:167px; height:31px; margin-top:143px;}
.hed-sponzori span {width:167px; height:31px; background-image:url(../images/headers/sponzori.gif);}
.hed-kapely {width:143px; height:34px; margin-top:143px;}
.hed-kapely span {width:143px; height:34px; background-image:url(../images/headers/kapely.gif);}
.hed-registrace {width:187px; height:28px; margin-top:143px;}
.hed-registrace span {width:187px; height:28px; background-image:url(../images/headers/registrace.gif);}
.hed-akreditace {width:187px; height:29px; margin-top:143px;}
.hed-akreditace span {width:187px; height:29px; background-image:url(../images/headers/akreditace.gif);}
.hed-ubytovani {width:178px; height:31px; margin-top:143px;}
.hed-ubytovani span {width:178px; height:31px; background-image:url(../images/headers/ubytovani.gif);}
.hed-vstupenky {width:177px; height:28px; margin-top:143px;}
.hed-vstupenky span {width:177px; height:28px; background-image:url(../images/headers/vstupenky.gif);}
.hed-mapa {width:129px; height:40px; margin-top:143px;}
.hed-mapa span {width:129px; height:40px; background-image:url(../images/headers/mapa.gif);}
.hed-kontakt {width:170px; height:34px; margin-top:143px;}
.hed-kontakt span {width:170px; height:34px; background-image:url(../images/headers/kontakt.gif);}

.hed-annual {width:320px; height:42px;}
.hed-annual span {width:320px; height:42px; background-image:url(../images/headers/annual-right.gif);}
.hed-bands02 {width:320px; height:30px; margin-top:20px;}
.hed-bands02 span {width:320px; height:30px; background-image:url(../images/headers/bands-right.gif); }
.hed-kapely02 {width:320px; height:30px; margin-top:20px;}
.hed-kapely02 span {width:320px; height:30px; background-image:url(../images/headers/kapely-right.gif); }
.hed-skatepark02 {width:320px; height:30px; margin-top:20px;}
.hed-skatepark02 span {width:320px; height:30px; background-image:url(../images/headers/skatepark-right.gif);}
.hed-live {width:320px; height:60px;}
.hed-live span {width:320px; height:60px; background-image:url(../images/headers/live-broadcast.gif);}

.regaccred {margin-top:143px;}

/* --------------------------------------------------------------------- 4. Bottom ----------*/
#bot {width:100%; background:url(../images/bottom-bg.gif) no-repeat top center; padding:56px 0 46px; color:#666;}

h3.contact, h3.contact span,
h3.schedule, h3.schedule span,
h3.featured, h3.featured span
{width:95px; height:19px;}
h3.contact span {background-image: url(../images/bottom-contact.gif);}
h3.schedule span {background-image: url(../images/bottom-schedule.gif);}
h3.featured span {background-image: url(../images/bottom-featured-links.gif);}

#bot div.line-top {border-top: 1px solid #BDBDBD; margin-top:10px; padding-top:26px;}



a.fisheye, a.fisheye span,  a.fresh, a.fresh span {width:32px; height:27px; display:block;}
a.fisheye{margin:46px 0 0 22px;}
a.fresh{margin:46px 22px 0 0;}
a.fisheye span {background-image: url(../images/fisheye.gif);}
a.fresh span {background-image: url(../images/fresh.gif);}


/* --------------------------------------------------------------------- 5. Text formatting ----------*/
a {color: #009DCD;}
a:hover {color: #EF90B1; text-decoration:none;}
a.grey {color: #666;}

h3.pink-bold {color: #EF90B1; font-weight:bold; font-size:75%; margin-bottom:6px;}


table, ul {font-size:65%;}

#content p, #bot p, address {font-size:65%; line-height:150%; margin-bottom:0.5em;}
address { font-style:normal;}

.blue-color {color: #009DCD;}
.blue-color2 {color: #009DCD; font-size:12px; }



/* --- headers -- */
h1, h2, h3, h4 {font-family: Arial, Helvetica, sans-serif;}

h4.dark {font-size: 12px; color: #666; margin-bottom:15px;}
h2.black {font-size: 18px; color: #423D3D; margin-bottom:15px;}
h2.black a {color:#423D3D;}
h2.black a:hover {color:#EF90B1;}

/* --------------------------------------------------------------------- 6. SiFR ----------*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;}

.sIFR-replaced {
	visibility: visible !important;}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;}

.sIFR-hasFlash h4.dark {visibility: hidden; font-size:11px; margin-bottom:15px;}
.sIFR-hasFlash h2.black {visibility: hidden; font-size:18px; margin-bottom:10px;}

/* ------------------------ results ------------*/

div.result-line { border-bottom:1px solid #039dcd; padding:15px 0; }