* { 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;}
ul, ol {list-style-type:none}
html {background: #172228 url('../img/bg.jpg') repeat-x;}
#obal { padding: 0; font: normal 12px Arial,sans-serif; width: 800px; margin: 0 auto;color: #000;}
p {line-height: 1.5em;padding: 0 0 15px 0;}

/* LINKS ---------------------------------------------------------------------------------------------------------- */
a {color: #3f93ba;text-decoration: underline;}
a:link {color: #3f93ba;}
a:focus {color: #3f93ba; outline: 0}
a:visited {color: #0f435c}
a:hover {color: #0f435c;text-decoration: none;}

/* H1 - H5 -------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin:15px 0 15px 0; }
h1 { font-size: 1.8em;  margin: 0; color: #fff;}
h2 { font-size: 1.4em; margin: 0 0 10px; color: #000;padding: 0 0 0}
h3 { font-size:1.2em; margin: 10px 0 10px; color: #000;  padding: 0 0 0;font-weight: bold; }
h4 { font-size:1.0em; color: #000 }
h5 { font-size:1.0em; }


    /* HEADER ----------------------------------------------------------------------------------------------------- */
		.logoa { display: block; float: left;color: #fff;text-decoration: none;width: 298px; height: 120px;line-height: 30px;position: relative;};
        .newlogo {position: absolute; top: 0; left: 0;display: block;width: 298px; height: 120px;cursor: pointer; background: url('../img/logo.jpg') no-repeat};
       


        /* navigation */
        ul#nav {float: left;height: 120px;width: 502px; }
           ul#nav li {float:left;}
                ul#nav li a { padding: 0;height: 120px;line-height: 60px;display: block;text-decoration: none; font-size: 1.0em; float: left; color: #fff; position: relative;}
                    ul#nav li a span {position: absolute; top: 0; left: 0; background: url('../img/nav.jpg') no-repeat; cursor: pointer; display: block; height: 120px;}
                ul#nav li a:hover {color: #b5e3f7; text-decoration: none; }
           ul#nav li#nav1 {width: 82px}
           ul#nav li#nav2 {width: 115px}
           ul#nav li#nav3 {width: 100px}
           ul#nav li#nav4 {width: 104px}
           ul#nav li#nav5 {width: 101px;}
               ul#nav li#nav1 span {background-position: 0 0;width: 82px}
               ul#nav li#nav2 span {background-position: -82px 0;width: 115px}
               ul#nav li#nav3 span {background-position: -197px 0;width: 100px}
               ul#nav li#nav4 span {background-position: -297px 0;width: 104px}
               ul#nav li#nav5 span {background-position: -401px 0;width: 101px;}
               ul#nav li#nav1:hover span,
               ul#nav li#nav1.active span {background-position: 0 -120px;width: 82px}
               ul#nav li#nav2:hover span,
               ul#nav li#nav2.active span {background-position: -82px -120px;width: 115px}
               ul#nav li#nav3:hover span,
               ul#nav li#nav3.active span {background-position: -197px -120px;width: 100px}
               ul#nav li#nav4:hover span,
               ul#nav li#nav4.active span {background-position: -297px -120px;width: 104px}
               ul#nav li#nav5:hover span,
               ul#nav li#nav5.active span {background-position: -401px -120px;width: 101px;}

        #header {position: relative; height: 200px; margin: 10px 0;}
            #header p {position: absolute; left: 600px; top: 58px; width:180px;color: #B9B9BB;font-size:0.9em; line-height: 1.2em; text-align:justify;}
                #header p strong {display: block; font-size: 1.2em;}
            #header h2 {position: absolute;}
                #header h2 span {display: block; position: absolute; top: 0; left: 0;}
            #header h1.slideshow {visibility: hidden}
            #header h2.sleva {color:#E2EBE4; left: 30px; top: 168px}
		#banner{ position:relative; margin: 10px 0; height:200px; text-align:center; color:#ffffff; }
		#banner H2{ padding:50px 0 20px 0; font-size:2.5em; color:#ffffff; }
		#banner SPAN.bg{ position:absolute; left:0; top:0; width:800px; height:200px; }
                

    .container {background: #fff url('../img/container-bg.jpg') repeat-y;margin-bottom: 10px;padding-bottom: 30px;}

    /* CONTENT ---------------------------------------------------------------------------------------------------- */
	#obal .nounder {text-decoration: none; color: #000000;}
    .content {float: right;width: 590px;padding: 20px;background: url('../img/content-bg.jpg') no-repeat;}
	.contenthistorie {float: right;width: 590px;padding: 20px;background: url('../img/content-bg.jpg') no-repeat;}
	.contenthistorie p {text-align: justify}
			.content .modely-znacka a:hover  {color: #333333;}
			.content p.images a {display: block;width: 132px;float: left; margin-right: 15px;background: url('../img/imagebox.jpg') no-repeat; text-align: center;padding-top: 11px;text-decoration: none; }
            .content p.images a span {display: block;width: 110px; margin: 13px auto 0;font-size: 1em;background: #666666; font-weight: bold;padding: 2px 0;color: #000; line-height: 1em; }
				.content p.images .motorizace {margin: 0 auto; font-size: 0.8em; line-height: 1em}
			.content p.images .serie {margin: 0 auto; line-height: 1em; font-size: 0.7em; font-weight: normal;}
			.content p.images .uprava {margin: 0 auto; font-size: 0.7em; line-height: 1em; font-weight: normal; color: #3399FF;}
            .content p.images a:hover span {color: #fff;background: #172228}
			.textynawebu p.uvodni  { padding-bottom: 8px; margin-bottom: 8px; text-align: justify}
			.textynawebu .predstavujemese {padding-bottom: 40px; margin-top: 10px; border-bottom: solid 1px grey; }
			.textynawebu p { text-align: justify;}
			.content .vyhody {height: 188px; width: 572px; background: url(../img/vyhody-box.gif) no-repeat; margin: 0 auto;}
			.content .vyhody h3 {font: Arial ; padding-top: 12px; padding-left: 15px;margin: 10px 0 5px; color: #FFFFFF;}
			.content .vyhody .vyhodyleva { float: left; height: 140px; width: 250px;}
			.content .vyhody .vyhodyprava { float: right; height: 140px; width: 290px;}
			.content .vyhody .vyhodyleva ul { margin: 0; padding: 15px 0px 0px 70px; list-style: none; line-height: normal;}
			.content .vyhody .vyhodyprava ul { margin: 0; padding: 15px 20px 0px 41px; list-style: none; line-height: normal;}
			.content .vyhody ul li {padding-bottom: 15px; text-align: justify;}
			.content .upravy { margin-top: 25px; padding-top: 10px; padding-bottom: 165px; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC}
			.content .contentzaver {width: 590px; text-align: justify}
			.content .contentzaver img.imageleva {float: left; border: 2px  solid  #FFFFFF}
			.content .contentzaver img.imageprava {float: right; border: 2px  solid #FFFFFF}
			img.levyobtok { float: left; margin: 3px 15px 0 0}
			.nadpisstranky {color: #000000; font-size: 14px; padding-bottom: 7px;}
			.odskok100 {height:155px;}

    /* SIDE PANEL ------------------------------------------------------------------------------------------------ */
    .panel.left {float: left;width: 150px;}
        .panel.left ul {padding: 15px;}
			.certifikat {margin-left: 15px}
            .panel.left ul li a {display: block; padding: 5px 0 2px 15px; font-size: 1.1em;width: 125px; background:url('../img/li.gif') no-repeat 0 50%;text-transform: uppercase; text-decoration: none;color: #172228;font-weight: bold;}
			.panel left ul li a.active {color: #FF0000;}
            .panel.left ul li a:hover {color: #8c8c8c;}
			.panel.left ul li.blue { color: #00ffff;} 
			.panel.left p.garancee {margin-left: 21px; font-size: 9px; text-decoration: underline; font-style: italic; margin-top: 1px }
		.flashmovie {width: 137px; height: 322px ; margin-left: 15px;}
		.flashmovie a {padding: 23px;}
		.doporuceni {padding-top: 10px; padding-left: 15px;}


  	/* FOOTER ----------------------------------------------------------------------------------------------------- */
  	.footer { clear:both; background: url('../img/footer.jpg') repeat-x;line-height: 1.4em;padding: 20px 10px 40px;text-align: center;color: #bababa;font-size: 1.0em;}
        .footer a {color: #bababa;text-decoration: none;}
        .footer span {display: block;font-size: 0.9em;padding-top: 3px;}
        .footer small {display: block;}
        .footer a:hover {color: #fff}



/* OTHER ----------------------------------------------------------------------------------------------------- */
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%;}
.marginbtm {margin-bottom: 18px;}
.noscreen { display:none; }
.flt-l {float: left;}
.flt-r {float: right;}
img.flt-l {margin: 0 20px 10px 0;border: 2px solid #e0e0e0;}
img.flt-r {margin: 0 0 10px 20px;border: 2px solid #e0e0e0;}
.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;}
/* hidden for ie mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.seznam{
margin:0 0 15px 30px;
list-style:disc;
}


#znacky{
text-align:center;
height:100px;
}
	#znacky .center{
margin:0 auto;
width:364px;
}
	#znacky A{
display:block;
float:left;
margin:0 2px;
width:83px;
height:87px;
border:1px solid #c3c3c3;
color:black;
background:url('../img/znacka-bg.jpg');
text-align:center;
text-decoration:none;
cursor:pointer;
}
	#znacky A SPAN{
display:block;
margin:10px 0 5px 0;
}

#modely{
margin:0 0 20px 0;
}
	#modely DIV{
position:relative;
margin:0 0 10px 0;
width:579px;
height:82px;
border:2px solid #3f93ba;
background:url('../img/model-bg.jpg');
}
		#modely DIV IMG{
position:absolute; left:5px; top:5px;
border:1px solid #cdd4d7;
}
		#modely DIV H3{
margin:0;
padding:0;
position:absolute; left:135px; top:10px;
}
			#modely DIV H3 A{
color:black;
text-decoration:none;
}
		#modely DIV P{
margin:0;
padding:0;
position:absolute; left:135px; top:55px;
}
		#modely DIV A.info{
position:absolute; left:510px; top:35px;
}

#motorizace{
width:590px;
border-collapse:collapse;
}
	#motorizace THEAD TR{
background:none;
}
		#motorizace THEAD TR TH{
padding:0 6px 2px 6px;
text-align:left;
border-bottom:3px solid #3f93ba;
}
	#motorizace TBODY TR{

}
		#motorizace  TBODY TR.bg{
background:#e9eff1;
}
			#motorizace  TBODY TR:hover, #motorizace  TBODY TR.bg:hover{
background:#e8f8ff;
}
		#motorizace TBODY TR TD{
padding:4px 6px;
border-bottom:3px solid #acacac;
}
		#motorizace TBODY TR TD.first{
border-left:1px solid #acacac;
}
		#motorizace TBODY TR TD.last{
border-right:1px solid #acacac;
}
			#motorizace TBODY TR TD A{
color:black;
font-weight:bold;
}
	 #motorizace DEL{
display:block;
padding:0 2px;
text-decoration:none;
background:url('../img/red.jpg') 0 6px repeat-x;
}
		 #motorizace .sleva{
display:block;
padding:0 2px;
}

#motorizace-model{
position:relative;
margin:0 0 10px 0;
width:590px;
height:93px;
background:#eceeef;
}
		#motorizace-model IMG{
position:absolute; left:5px; top:5px;
border:1px solid #5a616b;
}
		#motorizace-model H3{
margin:0;
padding:0;
position:absolute; left:135px; top:10px;
}
		#motorizace-model P{
margin:0;
padding:0;
position:absolute; left:135px; top:55px;
}
	#motorizace-model .essox{
position:absolute; left:485px; top:0px;
border:none;
}


#objednat-content{
padding:20px;
background:#f1f6f7;
}
#objednat-lavy{
float:left;
width:260px;
}
#objednat-pravy{
margin:0 0 0 20px;
float:left;
width:480px;
}
.predstaveni a {color: #ff6600}
.predstaveni p {color: #ff6600; padding-left: 10px;}

#zahrnuje{
margin:0 0 5px 0;
}
#zahrnuje H3{
margin:0 0 5px 0;
padding:10px 0 0 10px;
height:27px;
background:#dbe0e1 url('../img/zahrnuje-h3-bg.jpg');
}
#zahrnuje UL LI{
padding:3px 0 10px 40px;
background:url('../img/zahrnuje-li-bg.jpg') no-repeat;
}
#zahrnuje UL LI STRONG{
display:block;
}

#objednat-vykon{
margin:0 0 10px 0;
width:100%;
border:1px solid #e3e9ec;
background:#ffffff;
border-collapse:collapse;
}
#objednat-vykon TH{
text-align:left;
}
#objednat-vykon TH, #objednat-vykon TD{
padding:5px;
border:1px solid #e3e9ec;
}
#objednat-vykon TD STRONG{
color:#e75902;
font-size:110%;
}
	 #objednat-vykon DEL{
display:block;
padding:0 5px;
width:100px;
text-decoration:none;
background:url('../img/red.jpg') 0 6px repeat-x;
}
	 #objednat-vykon .sleva{
display:block;
padding:0 5px;
}
#objednat-vykon .bl0{
border-left:0;
}
#objednat-vykon .br0{
border-right:0;
}

#objednat{
width:100%;
border:1px solid #e3e9ec;
background:#ffffff;
border-collapse:collapse;
}
#objednat TD{
padding:5px;
border-top:1px solid #e3e9ec;
}
#objednat .bt0{
border-top:0;
}

#objednat-auto{
margin:0 0 10px 0;
padding:1px;
border:1px solid #e3e9ec;
}

#objednat-kontakt{
margin:0 0 10px 0;
border:1px solid #3f93ba;
}
#objednat-kontakt STRONG.hlavicka{
display:block;
margin:1px;
padding:5px 10px;
color:#ffffff;
background:#3f93ba;
}
#objednat-kontakt P{
padding:10px;
}

#objednat-souhlas{
margin:0 0 10px 0;
border:1px solid #e75902;
}
#objednat-souhlas STRONG.hlavicka{
display:block;
margin:1px;
padding:5px 10px;
color:#ffffff;
background:#e75902;
}
#objednat-souhlas P{
padding:10px;
text-align:justify;
}

#kontakt-form FIELDSET{
padding:10px;
border:1px solid #cecece;
background:#ffffff;
}
#kontakt-form FIELDSET TD{
padding:2px 0;
}
#kontakt-form FIELDSET TD INPUT{
width:220px;
background:url('../img/kontakt-input-bg.jpg') repeat-x;
border:1px solid #cfcfcf;
}
#kontakt-form FIELDSET TD TEXTAREA{
width:440px;
background:url('../img/kontakt-input-bg.jpg') repeat-x;
border:1px solid #cfcfcf;
}
#kontakt-form FIELDSET TABLE LABEL{
display:block;
width:110px;
font-weight:bold;
}
#kontakt-form FIELDSET TABLE .souhlas{
text-align:justify;
}

#left-panel-kontakt{
position:absolute;
width:150px;
padding:10px;
}
#left-panel-kontakt H3{
font-size:1.2em;
}
#left-panel-kontakt H4{
font-size:1.1em;
}

#left-panel-reference{
width:150px;
padding:10px;
}
#left-panel-reference H3{
font-size:1.2em;
}
#left-panel-reference SELECT{
margin:0 0 5px 0;
width:100%;
}
#left-panel-reference TABLE{
width:100%;
}
#left-panel-reference TD{
padding:3px;
}
#left-panel-reference TD A{
text-decoration:none;
color:black;
}
#left-panel-reference .bg{
background:#f0f5f8;
}

#reference .reference{
float:left;
margin:5px;
width:265px;
padding:10px;
background:#dcebf2;
}
#reference .reference IMG{
float:left;
margin:0 10px 0 0;
border:0;
}
#reference .reference H4{
margin:0px;
color:#0ab2fd;
}
#reference .detail{
float:left;
margin:5px 0 0 0;
width:100px;
height:17px;
color:#ffffff;
font-weight:bold;
text-align:center;
text-decoration:none;
background:#50B7EA url('../img/button-detail-bg.jpg');
}

#reference-detail{
margin:0 0 10px 0;
padding:10px;
background:#ffffff;
border:1px solid #CECECE;
height:260px;
}
#reference-detail IMG{
float:left;
border:1px solid #CECECE;
}
#reference-detail .data{
float:left;
margin:0 0 10px 10px;
padding:0 5px 5px 5px;
width:200px;
border:1px solid #CECECE;
background:url('../img/reference-detail-bg.jpg') repeat-x;
}
#reference-detail .data H3{
margin:2px 0 5px 0;
}

#reference-popis{
padding:10px;
border:1px solid #CECECE;
}
#reference-popis STRONG{
display:block;
color:#0996DE;
}

.strany{
float:right;
margin:5px 0;
}
.strany A{
float:left;
margin:0 0 0 5px;
padding:2px 0;
width:20px;
color:#ffffff;
background:#3e93bc;
text-align:center;
text-decoration:none;
}
.strany A.active, .strany A:hover{
background:#0bb1fd;
}

.chyba{
color:#e75902;
font-weight:bold;
}
.right{
float:right;
}

.modely-znacka{
color:#ACACAC;
}
.modely-znacka STRONG{
color:#444444;
}
.modely-znacka A{
color:#3F93BA;
text-decoration:none;
font-weight:bold;
}


.akce_do{
font-size:1.2em;
font-weight:bold;
text-align:center;
color:#3F93BA;
}
.akce_do BIG{
color:black;
}


/* UI */
.ui-widget{ font-size:0.8em !important; }