* { margin:0; padding:0; }
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }
html {background: #fff url('../img/bg.jpg') no-repeat 50% 0;}
body { padding: 0 0 20px; font: normal 12px Arial, Tahoma, "Trebuchet MS"; width: 960px; margin: 0 auto; color: #222a2d; }

/* links --------------------------------------------------------------- */
a {color: #222a2d;text-decoration: underline;}
a:link {color: #222a2d;}
a:hover {color: #bf091a;text-decoration: none;}

/* H1 - H5 --------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin:15px 0 15px 0; }
h1 { font-size: 1.8em; margin: 0 0 20px; color: #148943;  padding: 0;}
h2 { font-size: 1.6em; margin: 0 0 15px; color: #148943;  padding: 0;font-weight: normal;}
h3 { font-size: 1.4em; margin: 15px 0 20px; color: #bf091a;  padding: 0;font-weight: normal;}
h4 { font-size:1.0em; color: #005e7c }
h5 { font-size:1.0em; }

p {line-height: 1.4em;padding: 5px 0;}

    #header {position: relative;height: 130px;}
    /* header ------------------------------------------------------------------ */
        #header h1 { position: absolute; top: 25px; left: 0;}
            #header h1 a { display: block;width: 182px; height: 79px; color: #ff552e;text-decoration: none;}
            #header h1 a span {position: absolute; top: 0; left: 0;display: block;width: 182px; height: 79px;cursor: pointer; background: url('../img/logo.jpg') no-repeat}


        /* navigation --------------------------------------------------- */
        #header ul#nav {clear: both;list-style:none;position: absolute; right: -12px;top: 86px; height: 44px;overflow: hidden;width: 485px;}
        #header ul#nav li {float:left;position: relative;}
            #header ul#nav li a { font-size: 1.0em; font-weight: bold;color: #222a2d;text-decoration: none; height: 44px; line-height: 58px; text-align: center; display: block;position: relative;}
                #header ul#nav li a span {display: block; position: absolute; height: 54px;left: 0; top: 0; cursor: pointer;background: url('../img/nav.jpg') no-repeat;}
            #header ul#nav li a:hover {color: #5d3d04;}
            #header ul#nav li.active a { color: #5d3d04;}
            #header ul#nav li#nav01 a {width: 162px;background: url('../img/link1.gif') no-repeat 0 0;}
            #header ul#nav li#nav02 a {width: 142px;background: url('../img/link2.gif') no-repeat 0 0;position: relative; left: -12px;}
            #header ul#nav li#nav01 a:hover {background-position: 0 -44px;}
            #header ul#nav li#nav01.active a {background-position: 0 -44px;}
            #header ul#nav li#nav02.active a {background-position: 0 -44px;}
            #header ul#nav li#nav02 a:hover {background-position: 0 -44px;}
            #header ul#nav li#nav03 a {width: 181px;position: relative; left: -12px;}
                #header ul#nav li#nav03 a span {width: 181px; background: url('../img/link-eshop.jpg') no-repeat 0 0;;}

        #header p.links {position: absolute; top: 20px; right: 0;color: #e0cc2e;}
            #header p.links a {padding: 0 10px;color: #999999;font-size: 0.9em;}

 


  #container {float: right;margin-top: 220px;width: 700px;background: url('../img/dot.gif') repeat-y 515px 0;padding: 10px 0}
    .content {float: left;width: 500px;}
        .content h2, .content h3 {position: relative;}
            .content h2 span, .content h3 span {display: block;position: absolute; top: 0; left: 0;}
        .content h2.spolecnost-adima {width: 350px; height: 29px;}
            .content h2.spolecnost-adima span{width: 350px; height: 29px;background: url('../img/title-spolecnost-adima.jpg') no-repeat;}
        .content h3.prodej-autodilu {width: 117px; height: 24px;}
            .content h3.prodej-autodilu span {width: 117px; height: 24px;background: url('../img/title-prodej-autodilu.jpg') no-repeat;}
        .content h2.nase-novinky {width: 131px; height: 28px;}
            .content h2.nase-novinky span {width: 131px; height: 28px;background: url('../img/title-nase-novinky.jpg') no-repeat}
        .content p.logotypes {width: 490px; height: 74px; background: url('../img/loga-bg.jpg') no-repeat;text-align: center;position: relative;}
            .content p.logotypes a.arrow-left {position: absolute; top: 32px; left: 10px;width: 13px;height: 12px;text-decoration: none;overflow: hidden;}
            .content p.logotypes a.arrow-right {position: absolute; top: 32px; right: 10px;width: 13px;height: 12px;text-decoration: none;overflow: hidden;}
                .content p.logotypes a.arrow-left span {position: absolute; top: 0; left: 0;width: 13px;height: 12px;display: block;cursor: pointer;background: url('../img/arrows.jpg') no-repeat 0 -24px;}
                .content p.logotypes a.arrow-right span {position: absolute; top: 0; left: 0;width: 13px;height: 12px;display: block;cursor: pointer;background: url('../img/arrows.jpg') no-repeat 0 0;;}
                .content p.logotypes a.arrow-left:hover span {background-position: 0 -36px;}
                .content p.logotypes a.arrow-right:hover span {background-position: 0 -12px;}
            .content p.logotypes a.logo img {opacity: 0.3; filter: alpha(opacity = 30);}
            .content p.logotypes a.logo:hover img {opacity: 1; filter: alpha(opacity = 100);}
    .content ul {list-style: disc;padding: 5px 0 5px 20px}
    .content ul li {padding: 3px}
    .content .kontaktni-udaje .flt-l {width: 50%}
    .content .kontaktni-udaje .flt-r {width: 50%}
    .content .kontaktni-udaje .wid40 {width: 40%}
    .content .kontaktni-udaje .wid60 {width: 60%}
    .panel.left {float: left;width: 230px;padding-top: 20px;}
        .panel.left #search {height: 63px; position: relative; background: url('../img/search.jpg') no-repeat;}
            .panel.left #search .text {position: absolute; top: 26px; left: 25px;font-size: 0.9em; border: 0;width: 133px;background: #dfbe13;}
            .panel.left #search .submit {position: absolute; top: 18px; left: 170px;}
        .panel.left h2.sortiment {margin: 0;padding: 0;width: 230px; height: 63px;position: relative;font-size: 1.6em;}
            .panel.left h2.sortiment span {width: 230px; height: 63px;display: block; position: absolute; top: 0; left: 0;background: url('../img/title-sortiment.jpg') no-repeat}
        
		.panel.left ul {margin: 0 0 10px;list-style: none;background: url('../img/../img/panel-ul-btm.jpg') no-repeat bottom;padding: 0 0 17px 0;}
            .panel.left ul li { background: url('../img/panel-ul-bg.jpg') repeat-y;padding: 0 30px 0 20px;}
                .panel.left ul li a {display: block;padding: 5px 0 5px 15px;width: 100%;text-decoration: none;border-bottom: 1px solid #cccccc;background: url('../img/panel-li.gif') no-repeat 0 -1px}
                .panel.left ul li a:hover,.panel.left ul li a.active {background-position: 0 -27px;color: #bf091a;text-decoration: none; text-decoration: underline;}
				.panel.left ul li ul {background: none; margin: 0; padding: 0;}	
					.panel.left ul li ul li {background: none;padding-right: 0;}	
		
		/*.panel.left ul {margin: 0 0 10px;background: url('../img/../img/panel-ul-btm.jpg') no-repeat bottom;padding: 0 0 17px 0;}
            .panel.left ul li { background: url('../img/panel-ul-bg.jpg') repeat-y;padding: 0 20px;}
                .panel.left ul li a {display: block;padding: 5px 0 5px 15px;width: 175px;text-decoration: none;border-bottom: 1px solid #cccccc;background: url('../img/panel-li.gif') no-repeat 0 -1px}
                .panel.left ul li a:hover,.panel.left ul li a.active {background-position: 0 -27px;color: #bf091a;text-decoration: none;}*/
        .panel.left .rozvoz {width: 230px; height: 75px; text-align: center; position: relative;display: block;}
            .panel.left .rozvoz span {display: block; width: 230px; height: 75px; cursor: pointer; position: absolute; top: 0; left: 0;background: url('../img/rozvoz.jpg') no-repeat;}

     .panel.right {float: right; width: 170px;}
        .panel.right h3 {margin:0 0 10px; padding-top: 0;}
        .panel.right h3.aktuality {width: 117px; height: 29px;position: relative;}
            .panel.right h3.aktuality span{display: block;position: absolute; top: 0; left: 0;width: 117px; height: 29px;background: url('../img/title-aktuality.jpg') no-repeat;}
        .panel.right small {display: block; padding:2px 0 2px 20px;line-height: 1.4em;color: #148943;background: url('../img/aktualita-ico.gif') no-repeat 0 4px;font-size: 0.9em; }
            .panel.right small a {color: #148943;}
        .panel.right p {font-size: 0.9em;padding: 5px 0 15px;color: #777777;}
        .panel.right a.more {display: block; text-align: right;font-size: 0.9em;color: #148943;padding:3px 0;background: url('../img/panel-li.gif') no-repeat 82px -3px}
        .panel.right a.more:hover {color: #bf091a;background-position: 82px -29px;}


  	/* footer ----------------------------------------------------------------- */
  	.footer {clear:both;background: url('../img/footer.jpg') no-repeat;height: 60px;margin-top: 20px;}
        .footer p {line-height: 65px;padding: 0 20px; font-size: 0.9em;color: #777777;}
        .footer p.flt-l {padding-left: 105px;}
            .footer p.flt-l a {text-decoration: none;color: #777777}
            .footer p.flt-l a:hover {text-decoration: underline;}
            .footer p.flt-r a {padding: 0 5px;color: #148943;text-decoration: none;}
            .footer p.flt-r a:hover {text-decoration: underline;}



hr { display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;}
.clear { clear:both; display: block; height:0;line-height:0;font-size:0; width: 100%;}
.noscreen { display:none; }
.flt-l {float: left;}
.flt-r {float: right;}
.bold {font-weight: bold;}
.center {text-align: center;}
.noborder {border: 0;}
/* clearfix */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block;}
/* schovani pred ie mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.content h2.newie-title {float: left;margin-bottom: 0;}.content .date {float: right;font-weight: bold; color: #5c791b; margin: 0;  padding: 13px 10px 0 0}.content h2 { font-size: 1.4em; margin: 0 0 20px;  padding: 10px 10px 0 0;font-weight:bold;}
p.odsadSpodek {padding-bottom: 10px;}