@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             { font-family: 'citroenregular'; 
                font-size: 14px; line-height: 15px; font-weight: normal;
                color: #555; display: inline;  }

h1            { font-family: 'citroenregular'; 
                font-size: 27px; line-height: 30px; font-weight: normal;
                color: #000; display: inline; }

h2            { font-family: 'citroenbold'; 
                font-size: 35px; line-height: 30px; font-weight: normal;
                color: #d20013; display: inline; }                



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

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

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

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



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

#site         { width: 1000px; height: 1161px; position: relative; background: url("../img/bg.jpg") no-repeat #FFF; margin: 0 auto;  }

#carousel     { width: 1000px; height: 310px; position: absolute; left: 0px; top: 125px; border-top: 1px solid #d20013; border-bottom: 1px solid #d20013; }
.slide        { width: 1000px; height: 310px; background: url("../img/slide_1.jpg") no-repeat #FFF; position: absolute; left: 0px; top: 0px; z-index: 50; display: block;
                zoom: 1; filter: alpha(opacity=0); opacity: 0; }

#bonusy         { width:  185px; height: 310px; background: url("../img/bonusy.png"); position: absolute; top: 0px; right: 0px; z-index: 100; cursor: pointer; }
#bonusy_sleva   { width:  185px; height:  75px; position: relative; }
#bonusy_urok    { width:  185px; height:  75px; position: relative; }
#bonusy_palivo  { width:  185px; height:  75px; position: relative; }
#bonusy_povinne { width:  185px; height:  75px; position: relative; }

.menu           { width: 274px; height: 50px;                                                position: absolute; top: 120px; left: 20px;  }
.menu .nabidka  { width:  90px; height: 50px; background: url("../img/menu.png")    0px 0px; position: relative; float: left; }
.menu .carstore { width:  90px; height: 50px; background: url("../img/menu.png")  -90px 0px; position: relative; float: left; }
.menu .tiskpdf  { width:  94px; height: 50px; background: url("../img/menu.png") -180px 0px; position: relative; float: left; }

.menu .nabidka:hover  { background-position:    0px -50px; }
.menu .carstore:hover { background-position:  -90px -50px; }
.menu .tiskpdf:hover  { background-position: -180px -50px; }

.minimenu           { width: 176px; height: 18px;                                                    position: absolute; top: 675px; left: 45px;  }
.minimenu .nabidka  { width:  58px; height: 18px; background: url("../img/minimenu.png")    0px 0px; position: relative; float: left; }
.minimenu .carstore { width:  59px; height: 18px; background: url("../img/minimenu.png")  -58px 0px; position: relative; float: left; }
.minimenu .tiskpdf  { width:  59px; height: 18px; background: url("../img/minimenu.png") -117px 0px; position: relative; float: left; }

.minimenu .nabidka:hover  { background-position:    0px -17px; }
.minimenu .carstore:hover { background-position:  -58px -17px; }
.minimenu .tiskpdf:hover  { background-position: -117px -17px; }

.lower        { top: 985px; }

.carbox       { width: 220px; height: 150px; position: absolute; left: 55px; top: 605px; }
.lowercar     { top: 890px; }

#headline     { width: 700px; height: auto; position: absolute; left: 200px; top: 30px; }
#paticka      { width: 750px; height: auto; position: absolute; left: 50px; top: 1050px; }
 
#pages        { width: 200px; height: 15px; position: absolute; left: 20px; bottom: 20px; z-index: 100; }
.page         { width:  15px; height: 15px; position: relative; float: left; background-color: #d20013; margin-left: 10px; cursor: pointer; }
.page:hover   { background-color: #FFF; }

.active       { background-color: #FFF; }

#info_sleva   { width: 275px; height: 96px; background: url("../img/info_sleva.png");     position: absolute; top:  -2px; right: 145px; z-index: 105; display: none; zoom: 1; filter: alpha(opacity=0); opacity: 0; }
#info_urok    { width: 299px; height: 96px; background: url("../img/info_nizkyurok.png"); position: absolute; top:  78px; right: 145px; z-index: 105; display: none; zoom: 1; filter: alpha(opacity=0); opacity: 0; }
#info_palivo  { width: 348px; height: 96px; background: url("../img/info_palivo.png");    position: absolute; top: 156px; right: 145px; z-index: 105; display: none; zoom: 1; filter: alpha(opacity=0); opacity: 0; }
#info_povinne { width: 316px; height: 96px; background: url("../img/info_povinne.png");   position: absolute; top: 236px; right: 145px; z-index: 105; display: none; zoom: 1; filter: alpha(opacity=0); opacity: 0; }

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