@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-variant-ligatures: none;
    }
    
@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,li,td,tr,h1,a,h2,h3,h4 {   

 -moz-font-feature-settings: "liga=0";
                -moz-font-feature-settings: "liga" 0;
                 font-feature-settings: "liga=0"; font-feature-settings: "liga" 0; }


p,li,a        { font-family: 'citroenregular'; 
                font-size: 14px; line-height: 15px; font-weight: normal;
                color: #555; margin: 0; 
                -moz-font-feature-settings: "liga=0";
                -moz-font-feature-settings: "liga" 0; font-feature-settings: "liga=0"; font-feature-settings: "liga" 0;
              }

a             { color: #555; }
a:hover       { color: #d10028; }

h1            { font-family: 'citroenregular'; 
                font-size: 20px; font-weight: normal;
                        color: #333;
                margin: 0;
              }
strong        { font-family: 'citroenbold'; font-weight: normal; }
#info_kolik .cenafont { font-family: 'citroenbold'; color: #d20013; font-size: 26px; line-height: 22px; }

h2            { font-family: 'citroenregular'; 
                font-size: 17px; font-weight: normal;
                color: #333;
                 }

h3            { font-family: 'citroenbold'; 
                font-size: 22px; line-height: 30px; font-weight: normal;
                color: #555; display: inline; }
                
h4            { font-family: 'citroenregular'; 
                font-size: 15px; line-height: 20px; font-weight: normal;
                color: #555; display: inline; }

h5            { font-family: 'citroenbold'; 
                font-size: 15px; line-height: 20px; font-weight: normal;
                color: #d20013; display: inline; }

h6            { font-family: 'citroenregular'; 
                font-size: 12px; line-height: 20px; font-weight: normal;
                color: #555; display: inline; }

ul            { padding-left: 10px; }
                
li            { list-style-image: url(../img/bullet.gif); margin-top: 8px; 
                -moz-font-feature-settings: "liga=0";
                -moz-font-feature-settings: "liga" 0; font-feature-settings: "liga=0"; font-feature-settings: "liga" 0;}

.highlight    { color: #d10028;  }
.boldish      { font-family: 'citroenbold';}

tr,td         { font-family: 'citroenregular'; 
                font-size: 14px; color: #FFF; }

html          { background-color: #FFF; }
body          { width:   100%; height:   100%; background-color: #fff; margin: 0; padding: 0; overflow-x: hidden;}

#site         { width: 100%; height: auto; position: relative; background-color: transparent; margin: 0 auto;  }
#header       { width: 1000px; height:  160px; position: relative; background-color: #fff; left: 50%; margin-left: -500px; }

#navigace      { width: 1000px; height:   40px; position: relative; background-color: #fff; left: 50%; margin-left: -470px; }
.navigace_item { width: auto; height: 40px; background: url("../img/drobecek.png") top right no-repeat transparent; display: inline-block; cursor: pointer;
                 font-family: 'citroenregular'; font-size: 12px; line-height: 16px; font-weight: normal; color: #000; text-decoration: none; padding: 13px 30px 0px 10px;  }
.navigace_item:hover  { color: #d10028; }

#karousel     { width: 1480px; height: 500px; background-color: #999; margin-left: -270px; overflow: hidden; position: relative; }

#karousel_back,#karousel_forward { width: 48px; height: 80px; background: url('../img/back_forward.png') 0px 0px; cursor: pointer; position: absolute; }
#karousel_back    { background-position: -109px 0px; top: 200px; left:  180px; }
#karousel_forward { background-position:    0px 0px; top: 200px; right: 180px; }
#karousel_back:hover    { background-position: -54px 0px; }
#karousel_forward:hover { background-position: -165px 0px; }

#pas    { width: auto; height: 500px; position: absolute; left: 0px; }
.slide  { width: 1480px; height: 500px; display: inline-block; position: relative; }



/* MAIN MENU */
#menu            { width: auto; height: 30px; position: absolute; top: 130px; left: 30px; }
.menu_item       { width: auto; height: auto; border-right: 1px solid #CCC; display: block; float: left;
                   font-family: 'citroenregular'; font-size: 12px; line-height: 16px; font-weight: normal; color: #555; text-decoration: none; padding: 0px 10px 5px 10px; }
.menu_item:hover { color: #d10028; }

#menu_hider      { width: 750px; height: 35px; position: absolute; left: 100px; top: 100px; background-color: #FFF; display: none;}

.m_aktivni       { color: #d10028; border-bottom: 2px solid #d10028; }

/* PODMENU */
#podmenu         { width: 900px; height: 60px; background-color: #fff; margin: 0 auto; margin-top: 20px; }
#podmenu_cont    { min-width: 500px; text-align: center; }
.podmenu_item    { width: auto; height: auto; border-right: 1px solid #CCC; display: inline-table;  
                   font-family: 'citroenregular'; font-size: 12px; line-height: 16px; font-weight: normal; color: #555; text-decoration: none; padding: 0px 10px 10px 10px; }
.podmenu_item:hover    {  }
.podmenu_item:hover h3  { color: #dc002e; }

.podmenu_item:last-child { border-right: 0; }

.podmenu_item h3 {  font-family: 'citroenregular'; font-size: 14px; line-height: 20px; font-weight: normal; color: #222; position: relative; display: table-cell; vertical-align: middle; }
.pi_2r h3 { margin-top: -23px; }

.hidemenu { display: none; }

.pm_aktivni      { color: #d10028; border-bottom: 2px solid #d10028; }
.pm_aktivni h3 { color: #000; }
.pm_aktivni_pointer { width: 31px; height: 16px; position: absolute; left: 50%; bottom: -16px; margin-left: -15px; background: url("../img/currento.png");  display: none;}

/* MENU VOZU */
#menu_vozy       { width: 300px; height: auto; margin-left: 10px; margin-top: 20px; }
.menu_vozy_item  { width: auto; height: 20px; position: relative; display: block; cursor: pointer; margin: 0;
                   font-family: 'citroen_lightregular'; font-size: 18px; line-height: 16px; font-weight: normal; color: #555; text-decoration: none; padding: 20px 10px 0px 10px; }
.menu_vozy_item:hover    { color: #000;  }
.menu_vozy_aktivni { color: #222; font-family: 'citroenregular'; }


/* ILUSTRACNI BANNER PRO PODSTRANKU */
#ilustracni     { width: 1480px; height: 250px; background-color: #999; margin-left: -270px;}

#podsekce_menu { width: auto; height: 60px; margin-top: 15px; }
.podsekce_item { width: auto; height: 50px; background-color: #CCC; position: relative; float: left; text-align: center; text-decoration: none; padding-top: 10px;
                 font-family: 'citroenbold'; 
                 font-size: 15px; line-height: 16px; font-weight: normal;
                 color: #333; 
                 box-sizing:border-box;
                -moz-box-sizing:border-box;
                -webkit-box-sizing:border-box;
                 border-right: 1px solid white; }
.podsekce_item:hover { color: #FFF; background-color: #d10028; }
.aktivni             { color: #FFF; background-color: #d10028; }


#uv_letak { width: 595px; height: 841px; position: relative; margin-left: 325px; margin-top: -300px; cursor: pointer; display: block; }



#obsah           { width: 940px; height: auto; position: relative; padding: 0px 30px 0px 30px; left: 50%; margin-left: -500px; }

#nadpis          { width: 900px; height: 30px; background: url("../img/nadpis_line.png") center center no-repeat; text-align: center;  padding: 20px 10px 0px 10px; margin-top: 0px; margin-bottom: 20px; }
#nadpis h1       { font-family: 'citroen_lightregular'; font-size: 30px; line-height: 16px; font-weight: normal; color: #dc002e; text-decoration: none; background-color: white; display: inline-block; padding: 0px 15px 0px 15px; width: auto; }

#stranka         { }
#stranka p,li    { font-size: 16px; line-height: 18px;                 -moz-font-feature-settings: "liga=0";
                -moz-font-feature-settings: "liga" 0; font-feature-settings: "liga=0"; font-feature-settings: "liga" 0;}

.blok            { width: auto; height: auto; }
.text_clmn       { position: relative; display: inline-block; width: 500px; height: auto; }
.ilustrace_clmn  { position: relative; display: inline-block; width: 300px; height: auto; vertical-align: top; padding-top: 20px; }
.ilustrace_right { position: relative; float: right; margin: 0px 0px 20px 20px; }
.ilustrace_left  { position: relative; float: left;  position: relative; border: 15px solid #CCC; margin-bottom: 20px;  }

#paticka         { width: 100%; height: 300px; background-color: #4B4A4D; padding: 0; margin-top: 30px; 
                   font-family: 'citroenregular'; 
                   font-size: 12px; line-height: 16px; font-weight: normal;
                   color: #FFF; }
#paticka a       { color: #FFF; }

#paticka_obsah   { width: 1000px; padding: 30px; height: auto; margin: 0 auto; position: relative; }

#socials         { width: 500px; height: 100px; position: relative; left: 0px; right: 0px; }
.sit             { width: 40px; height: 40px; position: relative; display: inline-block; margin-right: 10px; }
#dolozky         { width: 500px; height: 40px; position: absolute; margin-top: 150px; }

.redbutton       { width: 250px; height: 40px; background: url("../img/redbutton.png") center right 20px no-repeat #d10028; padding: 18px 15px 0px 15px; position: relative; float: left; display: block; margin-bottom: 20px;
                   font-family: 'citroenregular';  text-decoration: none;
                   font-size: 16px; line-height: 20px; font-weight: normal;
                   color: #FFF;  }
.redbutton:hover { background: url("../img/redbutton_red.png") center right 20px no-repeat #ccc; color: #d10028; }

.unhide { cursor: pointer; }
.hidden { height: 0px; overflow: hidden; display: block; }

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


/* HEADER COMPONENTS */

#page_title      { width:  auto; height: auto; position: absolute; top: 30px; left: 30px; cursor: pointer; display: block; text-decoration: none;
                   background: url("../img/home_icon.png"); background-position: left 13px; background-repeat: no-repeat; padding-left: 20px;
                   font-family: 'citroenbold'; 
                   font-size: 25px; font-weight: normal;
                   color: #d20013; line-height: 40px; 
                   -moz-font-feature-settings: "liga=0";
                   -moz-font-feature-settings: "liga" 0; 
                 }
                 
.greyhound       { color: #888888; font-size: 25px; text-decoration: none; font-family: 'citroenbold'; }

.greyhound_inactive       { color: #BBB; font-size: 25px; text-decoration: none; font-family: 'citroenbold'; }

#header_logo     { width:   218px; height: 109px; background: url("../img/logos.png"); position: absolute; top: 30px;  right: 20px; background-size: 100% auto; display: block; }

.iframe { width: 100%; height: 300px; background-color: transparent; margin-top: 20px; }

.gdobutt { cursor: pointer; }