@font-face {
    font-family: 'citroenlight';
    src: url('../fonty/citroen_light-webfont.eot');
    src: url('../fonty/citroen_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonty/citroen_light-webfont.woff') format('woff'),
         url('../fonty/citroen_light-webfont.ttf') format('truetype'),
         url('../fonty/citroen_light-webfont.svg#citroen_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
  -moz-font-feature-settings: "liga=0";
  -moz-font-feature-settings: "liga" 0;
  }

@font-face {
    font-family: 'citroenregular';
    src: url('../fonty/citroen_regular-webfont.eot');
    src: url('../fonty/citroen_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonty/citroen_regular-webfont.woff') format('woff'),
         url('../fonty/citroen_regular-webfont.ttf') format('truetype'),
         url('../fonty/citroen_regular-webfont.svg#citroenregular') format('svg');
    font-weight: normal;
    font-style: normal;
	-moz-font-feature-settings: "liga=0";
	-moz-font-feature-settings: "liga" 0;
	}
@font-face {
    font-family: 'citroenbold';
    src: url('../fonty/citroen_bold-webfont.eot');
    src: url('../fonty/citroen_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonty/citroen_bold-webfont.woff') format('woff'),
         url('../fonty/citroen_bold-webfont.ttf') format('truetype'),
         url('../fonty/citroen_bold-webfont.svg#citroenbold') format('svg');
    font-weight: normal;
    font-style: normal;
  -moz-font-feature-settings: "liga=0";
  -moz-font-feature-settings: "liga" 0;
  }

.butt,.butt_inv { font-family: 'citroenregular'; 
                  font-size: 15px; line-height: 15px; font-weight: normal;
                  color: #FFF; margin: 0; text-decoration: none;
                }

p,td,h1  { font-family: 'citroenlight'; font-size: 17px; line-height: 22px; font-weight: normal;
           color: #FFF; text-decoration: none; margin: 0; padding: 0;
           -moz-font-feature-settings: "liga=0";
           -moz-font-feature-settings: "liga" 0;
          }

h1 { font-size: 25px; line-height: 30px; color: #FFF; }



input                   { height: 20px; }
input[type=text]        { width: 210px; }
input[type='checkbox'],
input[type='radio']     { vertical-align: middle; }

table    { margin: 10px 0px 0px 0px; padding: 0; }
td,tr    { text-align: left; height: 30px; padding: 0; margin: 0; border: 0px solid white; }
td       { width: 230px; vertical-align: bottom; }


html,body    { margin: 0; padding: 0; background-color: #000; }

#site        { position: relative; width: 1100px; height: 1500px; margin: 0 auto; background: url('../img/bg.jpg') center top no-repeat #000; }

#header      { position: absolute; width: 1000px; height: 300px; left: 0px; top: 0px; display: block; cursor: pointer; }

#fb          { position: absolute; width:  40px; height: 40px; left: 280px; bottom: 10px; display: block; border: 0px solid white; }
#yt          { position: absolute; width:  40px; height: 40px; left: 330px; bottom: 10px; display: block; border: 0px solid white; }
#of          { position: absolute; width: 100px; height: 40px; left: 120px; bottom: 10px; display: block; border: 0px solid white; }

#wherance    { position: absolute; left:  40px; top: 600px; width: 450px; height: auto; text-align: justify;  }

#content     { position: absolute; right:  80px; top: 130px; width: 450px; height: auto; text-align: justify; z-index: 40; }

#uvod        { position: relative; width: auto; }
#formular    { position: relative; width: auto; }
#formular p  { text-align: left; line-height: 33px; }

#costume     { position: relative; display: none; margin-top: 10px; }
#costume p   { line-height: 20px; }

#footer      { position: relative; width: auto; margin-top: 60px;
               font-family: 'citroenlight'; font-size: 11px; line-height: 14px; font-weight: normal;
               color: #BBB; text-decoration: none; padding: 0;
             }

.linka       { position: relative; left: 0px; width: 550px; height: 1px; left: -50px; background: url('../img/linka.png'); opacity: 0.8; margin: 20px 0 20px 0; }
.linka_odeslat { background-position: 60px 0px;}

#odeslat_smaller .linka { top: 32px; left: -400px; z-index: 300; }

#coverup     { position: absolute; width: 115px; height: 660px; right: 10px; top: 0px; display: block; border: 0px solid white; background-color: black; z-index: 50; }

#podekovani  { position: absolute; width: 1100px; height: 1500px; margin: 0 auto; background: url('../img/bg_thx.jpg') center top no-repeat #000; z-index: 999; }

#podekovani_txt           { position: relative; width: 700px; height: auto; top: 280px; left: 150px; display: block; }
#podekovani_txt_ucastnik  { position: relative; width: 700px; height: auto; top: 280px; left: 150px; display: none; }
#podekovani_txt_nahradnik { position: relative; width: 700px; height: auto; top: 280px; left: 150px; display: none; }

#odeslat_smaller       { position: relative; top: 30px; left: 190px; width: 254px; height: 33px; background: url('../img/button_smaller.jpg'); background-position: 0px 0px; z-index: 80; cursor: pointer; }
#odeslat_smaller:hover { background-position: 0px -33px; }


#warning   { position: relative; width: auto; }
#warning p { color: #e1002d; line-height: 20px; }

.faulty { background-color: #ffcdcd; border: 1px solid red; }
.faultyRadio { color: #ffcdcd; }

.unavailable { text-decoration: line-through; color: red; }


#fader { width: 100%; height: 100%; opacity: 0; display: none; background-color: black; position: absolute; z-index: 50; cursor: pointer; }

#youtubeance { position: absolute; left: 60px; top: 840px;   width: 400px; height: 225px; background: url('../img/youtube.png'); z-index: 40; cursor: pointer; }
#you_close   { position: absolute; right: -50px; top: -50px; width: 40px; height: 40px; background: url('../img/close.png'); z-index: 105; cursor: pointer; display: none; }

#youtube_show {  width: 1280px;
                 height: 720px;
                     left: 50%;
                      top: 50%;
           margin-left: -640px;
            margin-top: -300px; position: absolute; z-index: 500; display: none; }