@font-face {
    font-family: 'citroen_lightregular';
    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;
	}

p,td,h1,h2,h3,h4,h5 { -moz-font-feature-settings: "liga=0";
                      -moz-font-feature-settings: "liga" 0; }

p,td,.car_info,.form_selector,.zvolit  
    { font-family: 'citroenregular';
      font-size: 17px;
      line-height: 20px;
      color: #FFF; padding: 0; margin: 0; font-weight: normal;      
    }

h1  { font-family: 'citroen_lightregular';
      font-size: 28px;
      line-height: 30px;
      color: #FFFFFF; font-weight: normal;     
    }

h2  { font-family: 'citroen_lightregular';
      font-size: 20px;
      line-height: 25px;
      color: #FFFFFF; font-weight: normal;     
    }

h3  { font-family: 'citroenregular';
      font-size: 20px;
      line-height: 25px;
      color: #fff; padding: 0; margin: 0; font-weight: normal;  
    }

h4  { font-family: 'citroen_lightregular';
      font-size: 16px;
      line-height: 25px;
      color: #fff; padding: 0; margin: 0;
    }

h5  { font-family: 'citroenregular';
      font-size: 18px;
      line-height: 25px;
      color: #776a5c; padding: 0; margin: 0;
    }

a   { text-decoration: none; }



body           { width:   100%; height:   100%; background-color: #000; margin: 0; padding: 0;  }

img { width: 100%; height: auto; border: 0; }
#footer img { width: auto; height: 25px; }

#site          { width: 100%; max-width: 1000px; height:   auto; padding-bottom: 100px; background-color: #000; margin: 0 auto; position: relative; overflow-x: hidden; }

.desktop       { display: block; }
.mobile        { display: none; }

.v_block       { position: relative; display: block;        width: 100%; height: auto; }
.h_cell        { position: relative; display: inline-block; width:  50%; height: auto; vertical-align: top; }
.p_cell        { position: relative; padding-right: 70px; padding-left: 15px; z-index: 100; }
.p_cell_map    { position: relative; padding-right: 15px; padding-left: 70px; }

.car           { position: relative; display: inline-block; width:  25%; height: auto; background-position: center top; background-repeat: no-repeat; background-size: 100% auto; cursor: pointer; }     
.car_info      { position: relative; display:        block; width: 100%; height: auto;  text-align: center; margin-bottom: 1px; font-size: 13px;}

.car_info[name='videoplayer'] { display: none; }

#modelybox .car { width: 33%; }

#intro_foto    { position: absolute; width: 70%; height: auto; right: -10%; top: 25%; z-index: 0; }
#intro_cars    { position: relative; margin-top: 10px; }

#logo_60let    { position: relative; margin-left:auto; margin-right:0; display: block; width: 170px; height: 67px; background: url("../img/logo_60let.png"); margin-top: 20px; }

.bord_button   { width: auto; height: auto; background: #a90040 url("../img/button_arrow.png") no-repeat 8px 6px;
                padding-left: 25px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; margin-top: 10px;
                border-left: 5px solid #a90040; cursor: pointer; display: block; position: relative; }

.bordo_butt       { width: 100%; height: auto; background-color: #a90040; color: #FFFFFF; display: block; position: relative; text-align: center; padding: 5px 0 5px 0; cursor: pointer; }
.bordo_butt:hover { background-color: #FFFFFF; color: #a90040; }
.bordo_butt:hover h4 { color: #a90040; }

#logo_dstour   { position: relative; display: block; width: 235px; height: 105px; background: url("../img/dstour_2015_datum.png"); margin: 40px 0 60px 0; cursor: pointer; }
#logo_ds       { position: absolute; display: block; width: 100px; height:  auto; left: 50%; margin-left: -50px; top: 40px; z-index: 500;                 cursor: pointer; }

#intro_text    { z-index: 100; }
#intro_text p  { text-align: justify; }

.intro_button   { position: relative; display: block; width: 100%; height: 20px; background: url("../img/intro_button.png") right top no-repeat;
                  margin-bottom: 5px; margin-left: auto;
                  text-align: right; cursor: pointer; }
.intro_button p { font-size: 13px; padding-top: 0px; margin-right: 10px; }

.space_block   { position: relative; display: block; width: 30px; height: 30px; }

#ds_video      { position: relative; display: block; width: 100%; height: auto; border: 1px solid white; cursor: pointer; }
#you_close     { position: absolute; right: 0px; top: -50px; width: 40px; height: 40px; background: url('../img/close.png'); z-index: 10000; cursor: pointer; display: none; }
#youtube_show  { left: 50%; top: 50%; position: absolute; z-index: 5000; display: none; }

#dstour2013_mobil { width: 100%; height: auto; position: relative; cursor: pointer; }

.lajna         { width: 1000px; height: 1px; background: url("../img/lajna.png") no-repeat; display: block; z-index: 900;  }
.v_lajna       { width: 1px; height: 700px; background: url("../img/lajna_vertikal.png") no-repeat; background-size: 100% 100%; display: block; z-index: 900;  }

#lajna_horiz   { position: relative; left: 50%; margin-left: -500px; margin-top: 30px; margin-bottom: 30px; }
#lajna_vertik  { position: absolute; left: 50%; top: 30%; }


#cr_head       { width: 100%; height:  auto; position: relative; margin-bottom: 5px; text-align: left;  }
#cr_tail       { width: 100%; height:  auto; position: relative; margin-top: 15px;    text-align: right; } 

#the_map       { position: relative; }
#map_canvas    { width: 100%; height: 400px; position: relative; }
#domluvte      { width: 100%; height: auto; background: #ad0040 no-repeat 20px 10px; cursor: pointer; display: block; text-align: center; }

#clanek p      { text-align: justify; }

#jakemodely img { margin-top: 15px; margin-bottom: 30px; }
#jakemodely p   { text-align: justify; }

.headline      { width: 100%; height: auto; background-color: #a90040; color: #FFFFFF; display: block; position: relative; text-align: center; padding: 5px 0 5px 0; margin-bottom: 15px; }

#header        { width: 1000px; height:  336px; background: url("../img/header.jpg") no-repeat; position: relative; display: block;  }

#footer        { width:   100%; height:   auto; background: url("../img/lajna.png") top center no-repeat; position: relative; margin-top: 40px; padding-top: 10px; padding-left: 15px; text-align: left; vertical-align: middle; }
#stripe        { width: 1000px; height:    7px; background: #a90040; position: relative; }
#content       { width: 1000px; height:  590px; background: url("../img/bg_gradient.png") repeat-y; position: relative; }

.footer_item   { width: auto; height: auto; display: inline-block; margin: 10px; vertical-align: middle; }

#rezervace     { width: 100%; }
#rezervace p   { text-align: center; }
#reze_left     { width: 450px; height: 655px; position: relative; float: left; overflow: hidden; background-color: #000; }
#reze_right,
#schuzka       { width: 100%; height: auto; position: relative; }

#reze_right td { font-family: 'citroenregular'; width: 65px; font-size: 14px; line-height: 14px; text-align: center; vertical-align: top; }
#schuzka td    { font-size: 14px; line-height: 14px; text-align: left; padding: 3px; }

#rezerve_personal { width: 100%; height: auto; background-color: #000000; position: relative; z-index: 300; display: none; margin-bottom: 20px; margin-top: 20px; }

#rezerve_dekujeme { width:  100%; height: auto; background-color: #000000; display: none; position: relative; }
#schuzka_dekujeme { width: 530px; height: 490px; background-color: #000000; display: none; position: absolute; }

#rezerve_personal td    { width: auto; height: auto; font-size: 14px; line-height: 14px; text-align: left; padding: 3px; }

.helper { width: auto; height: auto; position: relative; float: left; }

input[type=text]    { width: 100%; height: 20px; font-size: 15px; }
select              { width: 100%; height: 20px; }

.inputInvalid       { background-color: #ffd0d0; }

.formbox,.verzbox   { width: 100%; height: auto; position: relative; margin-top: 20px;}
.verzbox            { width: 100%; text-align: center;  }


.modelpopis { width: 105px; height: 42px; border: 0px solid green; position: relative; float: left; text-align: center; margin-top: 10px; }
.modelpopis h4 { font-size: 14px; }

.personal_row            { position: relative; width: 100%; height: auto; display: table; }
.personal_neighbour_cell { position: relative; width: 50%; height: auto; display: table-cell; }
.personal_neighbour_title { position: absolute; width: 50px; height: auto; top: -20px; left: 50%; margin-left: -25px; display: block; }
/*.personal_neighbour_cell input { padding: 0; border: 0;}*/

#modelybox { width: 100%; height: auto; position: relative; margin-top: 20px; }
#popisybox { width: 521px; height: auto; position: relative; float: left; margin-top: 10px; }

#content_left        { width: 470px; height: 500px; position: absolute; left: 10px; top: 10px; text-align: left; }
#content_left_bottom { width: 400px; height:  auto; position: absolute; left: 10px; bottom: 10px; }

#content_left h1 { line-height: 15px; }

#content_right { width: 500px; height:  auto;                            position: absolute; right: 0px; top: 30px;  } 

#cr_cont       { width: 500px; height:  50px; background-color: #5a524a; position: absolute; right: 0px; top: 10px; } 
#cr_whatis     { width: 470px; height: 630px; background-color: #5a524a; position: relative; margin-bottom: 5px; float: left; text-align: left; padding: 15px; }


.noir_button   { width: 360px; height: 35px; background: #000;                                                       padding-left: 20px; padding-top: 10px; margin-top: 10px; border-left: 5px solid #a90040; cursor: pointer; display: block; }

#gold_button:hover { background: #443e39; }
.noir_button:hover { border-left: 5px solid #c9004c; }

.zvolit        { width: 100%; height: 25px; position: relative; background-color: #a90040; display: block; margin: 0 auto; text-align: center; }


.form_selector { position: relative;
                 width: 16.5%;
                 min-width: 55px;
                 height: 60px; display: inline-block; background-color: #ad0040;
                 color: #FFF; border-right: 1px solid black; border-bottom: 1px solid black; text-align: center;
                 vertical-align: top; font-size: 14px; line-height: 17px; cursor: pointer; overflow: hidden;
                 box-sizing:border-box;
                -moz-box-sizing:border-box;
                -webkit-box-sizing:border-box; }
.form_selector:hover { background-color: #FFF; color: #ad0040; }

.form_selected { background-color: #FFF; color: #ad0040; }

.form_cas { display: inline-block; width: auto; height: auto; text-align: right; margin: 0 auto; }

.motor_selector { min-width: 75px; }

.form_disabled { background-color: #555; }

.middler { display: table; width: 100%; height: 100%;  }

.form_text     { display: table-cell; vertical-align: middle; width: auto;  }

.infobox       { width: 250px; height: auto; background: white; position: absolute; right: 0px; top: 0px; padding: 15px; padding-top: 20px; z-index: 100; display: none;
                 -moz-box-shadow:    5px 5px 5px 0px #4d4529;
                 -webkit-box-shadow: 5px 5px 5px 0px #4d4529;
                 box-shadow:         5px 5px 5px 0px #4d4529; }

.zarezervovat  { width: 170px; height: 30px; background: #a90040 url("../img/button_arrow.png") no-repeat 8px 6px;   padding-left: 25px; padding-top:  5px; margin-top: 10px; border-left: 5px solid #a90040; cursor: pointer; display: block; position: relative; float: left; }

#chcidostavat p { font-size: 14px; text-align: left; }

#legal        p { font-size: 12px; line-height: 14px; text-align: left; color: #CCC; }

.infobox,#schuzka_dekujeme,#rezerve_dekujeme { opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }

.infobox p     { font-size:   17px;
                 line-height: 20px;
                 color:       #000;
               }

.info_close        { width: 28px; height: 28px; background: url('../img/close_28.png'); background-color: transparent;
                     position: absolute; right: 5px; top: 5px; z-index: 6000; cursor: pointer; }
.info_close:hover  { background-position: -28px 0px; }

#jp_container_1,#jp_container_2     { width: 960px; position: absolute; left: 50%; top: 50%; margin-left: -480px; margin-top: -550px; z-index: -10000; display: none; }

#flash_close,#video_close  
                   { width: 40px; height: 40px; background: url('../img/close.png'); background-color: transparent;
                     position: absolute; right: 0px; top: -50px; z-index: 30000; display: none; cursor: pointer; }
#flash_close:hover,#video_close:hover
                   { background-position: -40px 0px; }
                   
#fader { position: absolute; width: 100%; height: 100%; background-color: #000; display: none; z-index: 3050; cursor: pointer; }

:focus         { outline: 0px solid blue!important; }

.nobmar { margin-bottom: 0; }