/*** Content *******************************************************************
 *     - Main CSS
 *     - Structure
 *        a) Top
 *        b) Content
 *        c) Footer 
 *     - Menu
 *     - Rest 
 *     - Typographie
*******************************************************************************/

 
/***  MAIN CSS ****************************************************************/

body {
	text-align : center;
  font-family: Verdana, Arial, sans-serif;
  letter-spacing: 0;
  font-size: 0.8em;
  color : #464646;
  background: #FFF url("../img_web/bg.jpg") top center repeat-y;
  }

* {margin : 0; padding : 0; border : 0;}

a {/*text-decoration: underline;*/ color : #3ea97c}
body a:hover {color: #4C2100; cursor: pointer}

img {margin:0; padding:0}
a img {border-style: none}

.cleaner {clear : both; height : 1px; font-size : 0;}

.left {float : left; display : inline}

.right {float : right; display : inline}

hr {display: none}

.space {height:20px}

.linka {height:1px; background: #bababa; line-height: 1px; font-size: 1px; overflow: hidden}

/***  STRUCTURE  **********************************************************/

#container {
  margin : auto;
  width : 938px;
  text-align : center;
  background: url("../img_web/container_bg.png") top left repeat-y;
}

  /* a) Top */
    #top {height: ; width: 938px}

    
    #logo, #english, #cesky {
      margin:0; padding:0;
      position:relative;
      overflow:hidden;
      float: left;    
    } 

    #logo span, #english span, #cesky span {     
      display:block;
      position:absolute; left:0; top:0; z-index:1; 
      margin:0; padding:0;
      }       
    
    #logo {width:938px; height:201px}
    
    #logo span {
      width:938px; height:201px;
      background:url("../img_web/top.png") top left no-repeat;
    }

    #top_left {
      width:353px; height:22px;
      background:url("../img_web/top_left.png") top left no-repeat;
      float:left;
    }
   
    #top_right {
      width:489px; height:22px;
      background:url("../img_web/top_right.png") top left no-repeat;
      float:left;
    }

    #english {width:58px; height:22px}
    #english span {
      width:58px; height:25px;
      background:url("../img_web/english.png") top left no-repeat;      
    }
    #english a:hover span {background-position : 0 -22px}

    #cesky {width:38px; height:22px}      
    #cesky span {
      width:38px; height:25px;
      background:url("../img_web/cesky.png") top left no-repeat;
    }
    #cesky a:hover span {background-position : 0 -22px}   
   
  /* b) Levá Strana */
    #leva_strana {
      width : 169px;
      float:left;
    }
    
    #minule_rocniky, #r2006, #r2005, #r2004, #r2003, #r2002 {
      margin:0; padding:0;
      position:relative;
      overflow:hidden;
      width:169px;
      } 

    #minule_rocniky span, #r2006 span, #r2005 span, #r2004 span, #r2003 span, #r2002 span {     
      display:block;
      position:absolute; left:0; top:0; z-index:1; 
      margin:0; padding:0;
      width:169px;      
      }   

    #minule_rocniky {height:44px}   
    #minule_rocniky span {height:44px; background:url("../img_web/minule_rocniky.png") top left no-repeat} 

    #r2006 {height:15px}     
    #r2006 span {height:15px; background:url("../img_web/2006.png") top left no-repeat}   
    #r2006 a:hover span {background-position : -169px 0}

    #r2005 {height:13px}     
    #r2005 span {height:13px; background:url("../img_web/2005.png") top left no-repeat}   
    #r2005 a:hover span {background-position : -169px 0}

    #r2004 {height:12px}     
    #r2004 span {height:12px; background:url("../img_web/2004.png") top left no-repeat}   
    #r2004 a:hover span {background-position : -169px 0}  

    #r2003 {height:9px}     
    #r2003 span {height:9px; background:url("../img_web/2003.png") top left no-repeat}   
    #r2003 a:hover span {background-position : -169px 0}     

    #r2002 {height:10px}     
    #r2002 span {height:10px; background:url("../img_web/2002.png") top left no-repeat}   
    #r2002 a:hover span {background-position : -169px 0}      

    #leva_spodek {width:169px; height: 43; background:url("../img_web/left_bottom.png") top left no-repeat }
           
  /* c) Content */              
    #content {
      width : 769px;
      float : right;
      text-align:left;
      background: url("../img_web/content_bg.jpg") top right repeat-y;
      min-height:515px;
      height:515px;      
    }

    div[id] #content {height:auto}    
  
   #sekce {
    width : 769px; height : 36px;
    background: url("../img_web/sekce_bg.jpg") top right repeat-y;
    padding-left : 40px; 
   }

    #s_novinky, #s_zavod, #s_program, #s_skatepark , #s_vysledky, #s_foto, #s_sponzori, #s_media, #s_muzika, #s_registrace, #s_akreditace, #s_ubytovani, #s_vstupenky, #s_mapa, #s_kontakt{
      margin:0; padding:0;
      position:relative;
      overflow:hidden;
      float: left; 
      height:36px
    } 

    #s_novinky span, #s_zavod span, #s_program span, #s_skatepark span, #s_vysledky span, #s_foto span, #s_sponzori span, #s_media span, #s_muzika span, #s_registrace span, #s_akreditace span, #s_ubytovani span, #s_vstupenky span, #s_mapa span, #s_kontakt span {     
      display:block;
      position:absolute; left:0; top:0; z-index:1; 
      margin:0; padding:0;
      height:36px
      }       
    
    #s_novinky {width: 117px}
    #s_novinky span {width: 117px; background:url("../img_web/sekce/novinky.png") top left no-repeat}  

    #s_zavod {width: 101px}
    #s_zavod span {width: 101px; background:url("../img_web/sekce/zavod.png") top left no-repeat}  

    #s_program {width: 155px}
    #s_program span {width: 155px; background:url("../img_web/sekce/program.png") top left no-repeat}  

    #s_skatepark {width: 189px}
    #s_skatepark span {width: 189px; background:url("../img_web/sekce/skatepark.png") top left no-repeat}  

    #s_vysledky {width: 155px}
    #s_vysledky span {width: 155px; background:url("../img_web/sekce/vysledky.png") top left no-repeat}  

    #s_foto {width: 84px}
    #s_foto span {width: 84px; background:url("../img_web/sekce/foto.png") top left no-repeat}  

    #s_sponzori {width: 149px}
    #s_sponzori span {width: 149px; background:url("../img_web/sekce/sponzori.png") top left no-repeat}  

    #s_media {width: 105px}
    #s_media span {width: 105px; background:url("../img_web/sekce/media.png") top left no-repeat}  

    #s_muzika {width: 123px}
    #s_muzika span {width: 123px; background:url("../img_web/sekce/muzika.png") top left no-repeat}  

    #s_registrace {width: 190px}
    #s_registrace span {width: 190px; background:url("../img_web/sekce/registrace.png") top left no-repeat}  

    #s_akreditace {width: 196px}
    #s_akreditace span {width: 196px; background:url("../img_web/sekce/akreditace.png") top left no-repeat}  

    #s_ubytovani {width: 164px}
    #s_ubytovani span {width: 164px; background:url("../img_web/sekce/ubytovani.png") top left no-repeat}  

    #s_vstupenky {width: 167px}
    #s_vstupenky span {width: 167px; background:url("../img_web/sekce/vstupenky.png") top left no-repeat}  

    #s_mapa {width: 95px}
    #s_mapa span {width: 95px; background:url("../img_web/sekce/mapa.png") top left no-repeat}  

    #s_kontakt {width: 139px}
    #s_kontakt span {width: 139px; background:url("../img_web/sekce/kontakt.png") top left no-repeat}  
    
    #content_text {padding-left : 40px}  
    
    #novinky{float:left; width: 400px}
    
    #prava_strana {float:right; width:306px;}
    #prava_strana img{border:4px solid #dfdfdf; margin: 2px}     

    #footer {height :50px; clear : both}

   
/***  MENU  *******************************************************************/

#menu {width: 169px}

#menu ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#menu li {margin:0}

#menu a {
display: block;
margin: 0px;
cursor: pointer;
position: relative;
overflow: hidden;
text-decoration: none;
}


#menu a:hover {background: #f7f7f7}
#menu a:link, #navlist a:visited {color: #000; text-decoration: none}

#m_novinky, #m_zavod, #m_program, #m_skatepark, #m_vysledky, #m_foto, #m_sponzori, #m_media, #m_muzika, #m_registrace, #m_akreditace, #m_ubytovani, #m_vstupenky, #m_mapa, #m_kontakt
  {width:169px; margin:0; padding:0; position:relative; overflow:hidden}  

#m_novinky span, #m_zavod span, #m_program span, #m_skatepark span, #m_vysledky span, #m_foto span, #m_sponzori span, #m_media span, #m_muzika span, #m_registrace span, #m_akreditace span, #m_ubytovani span, #m_vstupenky span, #m_mapa span, #m_kontakt span
  {width:169px; display:block; position:absolute; left:0; top:0; z-index:1; margin:0; padding:0}

#m_novinky_active, #m_zavod_active, #m_program_active, #m_skatepark_active, #m_vysledky_active, #m_foto_active, #m_sponzori_active, #m_media_active, #m_muzika_active, #m_registrace_active, #m_akreditace_active, #m_ubytovani_active, #m_vstupenky_active, #m_mapa_active, #m_kontakt_active
  {width:169px; margin:0; padding:0; position:relative; overflow:hidden}  
  
#m_novinky_active span, #m_zavod_active span, #m_program_active span, #m_skatepark_active span, #m_vysledky_active span, #m_foto_active span, #m_sponzori_active span, #m_media_active span, #m_muzika_active span, #m_registrace_active span, #m_akreditace_active span, #m_ubytovani_active span, #m_vstupenky_active span, #m_mapa_active span, #m_kontakt_active span
  {width:169px; display:block; position:absolute; left:0; top:0; z-index:1; margin:0; padding:0}

#m_novinky:hover span, #m_zavod:hover span, #m_program:hover span, #m_skatepark:hover span, #m_vysledky:hover span, #m_foto:hover span, #m_sponzori:hover span, #m_media:hover span, #m_muzika:hover span, #m_registrace:hover span, #m_akreditace:hover span, #m_ubytovani:hover span, #m_vstupenky:hover span, #m_mapa:hover span, #m_kontakt:hover span
  {background-position: -169px 0}

#m_novinky, #m_novinky_active {height:28px}
#m_novinky span {height:28px; background:url("../img_web/menu/menu_01.png") top left no-repeat}
#m_novinky_active span {height:28px; background:url("../img_web/menu/menu_01.png") top left no-repeat; background-position: -169px 0}

#m_zavod, #m_zavod_active {height:26px}
#m_zavod span {height:26px; background:url("../img_web/menu/menu_02.png") top left no-repeat}
#m_zavod_active span {height:26px; background:url("../img_web/menu/menu_02.png") top left no-repeat; background-position: -169px 0}

#m_program, #m_program_active {height:26px}
#m_program span {height:26px; background:url("../img_web/menu/menu_03.png") top left no-repeat}
#m_program_active span {height:26px; background:url("../img_web/menu/menu_03.png") top left no-repeat; background-position: -169px 0}

#m_skatepark, #m_skatepark_active {height:26px}
#m_skatepark span {height:26px; background:url("../img_web/menu/menu_04.png") top left no-repeat}
#m_skatepark_active span {height:26px; background:url("../img_web/menu/menu_04.png") top left no-repeat; background-position: -169px 0}

#m_vysledky, #m_vysledky_active {height:28px}
#m_vysledky span {height:28px; background:url("../img_web/menu/menu_05.png") top left no-repeat}
#m_vysledky_active span {height:28px; background:url("../img_web/menu/menu_05.png") top left no-repeat; background-position: -169px 0}

#m_foto, #m_foto_active {height:25px}
#m_foto span {height:25px; background:url("../img_web/menu/menu_06.png") top left no-repeat}
#m_foto_active span {height:25px; background:url("../img_web/menu/menu_06.png") top left no-repeat; background-position: -169px 0}

#m_sponzori, #m_sponzori_active {height:26px}
#m_sponzori span {height:26px; background:url("../img_web/menu/menu_07.png") top left no-repeat}
#m_sponzori_active span {height:26px; background:url("../img_web/menu/menu_07.png") top left no-repeat; background-position: -169px 0}

#m_media, #m_media_active {height:26px}
#m_media span {height:26px; background:url("../img_web/menu/menu_08.png") top left no-repeat}
#m_media_active span {height:26px; background:url("../img_web/menu/menu_08.png") top left no-repeat; background-position: -169px 0}

#m_muzika, #m_muzika_active {height:27px}
#m_muzika span {height:27px; background:url("../img_web/menu/menu_09.png") top left no-repeat}
#m_muzika_active span {height:27px; background:url("../img_web/menu/menu_09.png") top left no-repeat; background-position: -169px 0}

#m_registrace, #m_registrace_active {height:24px}
#m_registrace span {height:24px; background:url("../img_web/menu/menu_10.png") top left no-repeat}
#m_registrace_active span {height:24px; background:url("../img_web/menu/menu_10.png") top left no-repeat; background-position: -169px 0}

#m_akreditace, #m_akreditace_active {height:26px}
#m_akreditace span {height:26px; background:url("../img_web/menu/menu_11.png") top left no-repeat}
#m_akreditace_active span {height:26px; background:url("../img_web/menu/menu_11.png") top left no-repeat; background-position: -169px 0}

#m_ubytovani, #m_ubytovani_active {height:27px}
#m_ubytovani span {height:27px; background:url("../img_web/menu/menu_12.png") top left no-repeat}
#m_ubytovani_active span {height:27px; background:url("../img_web/menu/menu_12.png") top left no-repeat; background-position: -169px 0}

#m_vstupenky, #m_vstupenky_active {height:26px}
#m_vstupenky span {height:26px; background:url("../img_web/menu/menu_13.png") top left no-repeat}
#m_vstupenky_active span {height:26px; background:url("../img_web/menu/menu_13.png") top left no-repeat; background-position: -169px 0}

#m_mapa, #m_mapa_active {height:25px}
#m_mapa span {height:25px; background:url("../img_web/menu/menu_14.png") top left no-repeat}
#m_mapa_active span {height:25px; background:url("../img_web/menu/menu_14.png") top left no-repeat; background-position: -169px 0}

#m_kontakt, #m_kontakt_active {height:27px}
#m_kontakt span {height:27px; background:url("../img_web/menu/menu_15.png") top left no-repeat}
#m_kontakt_active span {height:27px; background:url("../img_web/menu/menu_15.png") top left no-repeat; background-position: -169px 0}

/***  SPONZOŘI A MÉDIA ********************************************************/
    #sponzori_a {width:340px; margin-left:150px}
    #sponzori_b {width:520px; margin-left:120px}
    
    #volcom, #vans, #tmusic, #mystic_constructions, #pilsner, #zero, #mystery, #black_flys,
    #kingpin, #skaterock, #free, #board, #timein, #bbarak, #xmag, #filter, #level, #xstream, #street, #expres, #freecastertv, #spin, #stream, #wave, #expres_radio, #atlas, #student, #radio_jedna, #metropolis, #skate4you, #umerkura, #playboard
    {
      margin:0; padding:0;
      position:relative;
      overflow:hidden;
      float: left; 
    } 

    #volcom span, #vans span, #tmusic span, #mystic_constructions span, #pilsner span, #zero span, #mystery span, #black_flys span, 
    #kingpin span, #skaterock span, #free span, #board span, #timein span, #bbarak span, #xmag span, #filter span, #level span, #xstream span, #street span, #expres span, #freecastertv span, #spin span, #stream span, #wave span, #expres_radio span, #radio_jedna span, #metropolis span, #atlas span, #student span, #skate4you span, #umerkura span, #playboard span{     
      display:block;
      position:absolute; left:0; top:0; z-index:1; 
      margin:0; padding:0;
      }       
    
    #volcom, #vans, #volcom span, #vans span {width: 170px; height:170px}
    #tmusic, #mystic_constructions, #pilsner, #zero, #mystery, #black_flys {width: 140px; height:140px}
    #tmusic span, #mystic_constructions span, #pilsner span, #zero span, #mystery span, #black_flys span {width: 140px; height:140px}
    #kingpin, #skaterock, #free, #board, #timein, #bbarak, #xmag, #filter, #level, #xstream, #street, #expres, #freecastertv, #spin, #stream, #wave, #expres_radio, #atlas, #student, #skate4you, #metropolis, #radio_jedna, #umerkura, #playboard {width: 140px; height:140px}
    #kingpin span, #skaterock span, #free span, #board span, #timein span, #bbarak span, #xmag span, #filter span, #level span, #xstream span, #street span, #expres span, #freecastertv span, #spin span, #stream span, #wave span, #expres_radio span, #radio_jedna span, #metropolis span, #atlas span, #student span, #skate4you span, #metropolis span, #umerkura span, #playboard span {width: 140px; height:140px}
  
    #volcom span {background:url("../img_web/sponzori/volcom.png") top left no-repeat}  
    #vans span {background:url("../img_web/sponzori/vans.png") top left no-repeat}
    #tmusic span {background:url("../img_web/sponzori/tmusic.png") top left no-repeat}
    #mystic_constructions span {background:url("../img_web/sponzori/mystic_constructions.png") top left no-repeat}
    #pilsner span {background:url("../img_web/sponzori/pilsner.png") top left no-repeat}
    #zero span {background:url("../img_web/sponzori/zero.png") top left no-repeat}
    #mystery span {background:url("../img_web/sponzori/mystery.png") top left no-repeat}
    #black_flys span {background:url("../img_web/sponzori/black_flys.png") top left no-repeat}

    #kingpin span {background:url("../img_web/media/kingpin.png") top left no-repeat}
    #skaterock span {background:url("../img_web/media/skaterock.png") top left no-repeat}
    #free span {background:url("../img_web/media/free_magazine.png") top left no-repeat}
    #board span {background:url("../img_web/media/board.png") top left no-repeat}
    #timein span {background:url("../img_web/media/timein.png") top left no-repeat}
    #bbarak span {background:url("../img_web/media/bbarak.png") top left no-repeat}
    #xmag span {background:url("../img_web/media/xmag.png") top left no-repeat}
    #filter span {background:url("../img_web/media/filter.png") top left no-repeat}
    #level span {background:url("../img_web/media/level.png") top left no-repeat}
    #xstream span {background:url("../img_web/media/xstream.png") top left no-repeat}
    #street span {background:url("../img_web/media/street.png") top left no-repeat}
    #expres span {background:url("../img_web/media/expres.png") top left no-repeat}
    #freecastertv span {background:url("../img_web/media/freecaster.png") top left no-repeat}
    #spin span {background:url("../img_web/media/spin.png") top left no-repeat}
    #stream span {background:url("../img_web/media/stream.png") top left no-repeat}
    #wave span {background:url("../img_web/media/radiowave.png") top left no-repeat}
    #expres_radio span {background:url("../img_web/media/expres_radio.png") top left no-repeat}
    #radio_jedna span {background:url("../img_web/media/radio1.png") top left no-repeat}
    #metropolis span {background:url("../img_web/media/metropolis.png") top left no-repeat}
    #atlas span {background:url("../img_web/media/atlas.png") top left no-repeat}
    #student span {background:url("../img_web/media/student_agency.png") top left no-repeat}
    #skate4you span {background:url("../img_web/media/skate4you.png") top left no-repeat}
    #umerkura span {background:url("../img_web/media/umerkura.png") top left no-repeat}
    #playboard span {background:url("../img_web/media/playboard.png") top left no-repeat}
    
/***  FORM  *******************************************************************/
   label {
    width: 140px;
    float: left;
    text-align: right;
    margin-right: 0.5em;
    display: block;
    margin-top : 4px;
    color :#4C2100;
    font-weight: bold;
    }
  
   .submit input {
    margin-left: 290px;
    width: 5em;
    }

   .reset input {
    margin-left: 290px;
    width: 5em;
    }
          
   .textarea input {
    height : 15em;
    }
    
   input{
    color: #2e2e2e;
    background: #fcfdfc;
    border: 1px solid #424242;
    width : 30em;
    margin-top : 3px;
    }  

/*** REST *********************************************************************/

.vstup_jedna, .vstup_dva, .vstup_tri, .vstup_ctyri {float:left; text-align: left }
.vstup_jedna_grey, .vstup_dva_grey, .vstup_tri_grey, .vstup_ctyri_grey {float:left; background: #f6f6f6; font-weight: bold }

.vstup_jedna, .vstup_jedna_grey {width:250px; text-align: left}
.vstup_dva, .vstup_dva_grey {width:180px; text-align: center}
.vstup_tri, .vstup_tri_grey {width:100px; text-align: center}
.vstup_ctyri, .vstup_ctyri_grey {width:198px; text-align: center}

.kapely_img {width:125px; height:140px; float:left; border:none}
.kapely_img img{border: 1px solid black}
.kapely_bio {width:595px; float:right}

#frame {margin-top:10px}

.text_vlevo {width:350px; float:left}
.text_vpravo {width:350px; float:right}

#fotogalerie img{border:4px solid #dfdfdf; margin: 2px}  
#fotogalerie a:hover img{border:4px solid #63C099}

/***  TYPO  *******************************************************************/

h1, h2, h3, h4 {font-family: Arial, Helvetica, sans-serif;}
H2 {font-size : 1.2em; text-transform:uppercase }
H3 {font-size : 1.2em; text-transform:uppercase; text-decoration:underline}
H4 {font-size : 0.9em}
H5 {font-size : 1.5em; text-transform:uppercase}
p {font-size : 0.9em; margin-bottom: 8px}

ul {margin-left : 20px; font-size: 1em}
li {margin-bottom: 2px;}
.ul_main {font-size: 1em;}
.ul_main { list-style-image: url(../img_web/bullet.png); }
.ul_main a {text-decoration:underline; color:#000}
.ul_main a:hover {text-decoration:underline; color:#ec008c}
.rozhodci_ul {list-style-type: none; margin-left:2px}

.sekce {font-size: 1.5em; color: #ec008c }

.vice {font-size: 0.8em; margin-bottom: 5px}
.nahoru {text-align : right; font-size: 1em}
.nahoru a:hover {background: #ec008c; color: #FFF }
.green {color: #3ea97c; font-weight: bold}
.green_martop10 {color: #3ea97c;margin-top: 10px}
.green_martop20 {color: #3ea97c;margin-top: 20px}
.brown {color: #4C2100; font-weight: bold}
.brown_martop10 {color: #4C2100; margin-top: 10px}
.brown_martop20 {color: #4C2100; margin-top: 20px}
.white {color: #FFF}

.mar_top20 {margin-top: 20px}
.mar_top10 {margin-top: 10px}