body {
	font-family: Arial, sans-serif;
	color: #000;
	font-size: 12px;
	background: #fff;
  text-align: center;
}

.all  {
       margin: auto;
       width: 942px;
       text-align: left;
      }

img {
border: 0px;
text-decoration: none;
}

* {
padding: 0px;
margin: 0px; 
}

.top {
width: 942px;
height: 160px !important;
}

.top .logo {
float: left;
width: 240px;
height: 160px !important;
}

.top .logo img {
width: 156px;
height: 86px;
position: relative;
top: 30px;
left: 40px;
}



.top .menu-1 {
float: right;
width: 700px;
height: 160px;
background: url('../images/stin-logo.gif') no-repeat left center;
}

.top .menu-1 ul.menu-a {
width: 608px;
height: 52px;
margin: 0px 0px 0px 90px;
padding: 0px;

}

.top .menu-1 ul.menu-a li {
float: left;
width: 152px;
height: 52px;
margin: 0px;
padding: 0px;
text-transform: uppercase;
list-style-type: none;
}


.top .menu-1 ul.menu-a li a {
width: 152px;
height: 52px;
margin: 0px;
padding: 0px;
display: block;
text-align: center;
vertical-align: middle;
line-height: 52px;
color: #fff;
text-decoration: none;
font-family: 'Myriad Pro semibold', sans-serif; 
background: url('../images/top-menu-center.gif') no-repeat;
}

.top .menu-1 ul.menu-a li a:hover {
background: url('../images/top-menu-center-hover.gif') no-repeat;
}

.top .menu-1 ul.menu-a li.first a {
background: url('../images/top-menu-left.gif') no-repeat;
}

.top .menu-1 ul.menu-a li.first a:hover {
background: url('../images/top-menu-left-hover.gif') no-repeat;
}

.top .menu-1 ul.menu-a li.last a {
background: url('../images/top-menu-right.gif') no-repeat;
}

.top .menu-1 ul.menu-a li.last a:hover {
background: url('../images/top-menu-right-hover.gif') no-repeat;
}


.cl {
clear: both;
height: 1px;
}

.top .menu-1 ul.menu-b {
width: 608px;
position: relative;
top: 30px;
left: 92px;
margin: 0px 0px 0px 0px;
padding: 0px;

}

.top .menu-1 ul.menu-b li {
float: left;
margin: 0px 30px 0px 0px;
padding: 0px;
list-style-type: none;
}

.top .menu-1 ul.menu-b li a {
text-align: center;
color: #3d3d3d;
font-size: 14px;
text-decoration: none;
}

.top .menu-1 ul.menu-b li a:hover {
text-decoration: underline;
}

.top .stin-wide {
width: 904px;
height: 15px;
margin: 0px 0px 0px 20px;
padding: 0px;

}


.header {
background: url('../images/header-bg.png') repeat-x;
width: 942px;
height: 358px;
margin: 0px;
padding: 0px;
}

.header h1, .header h2 {
margin: 40px 0px 0px 40px;
padding: 0px;
font-family: 'Myriad Pro semibold', sans-serif;
font-size: 23px;
color: #9ec03b; 
}

.header h1 strong, .header h2 strong {
color: #000;
}

.header_detail ul {
margin: 60px 0px 0px 90px;
padding: 0px;
}
.header_detail ul li {
margin: 10px 0px 5px 0px;
padding: 0px 0px 0px 5px;
list-style-type: none;
list-style-image: url('../images/header-list.gif');
line-height: 35px;
vertical-align: middle;
list-style-position: outside;
font-weight: bold;
}
.header_detail ul li span {
position: relative;
top: -5px;
}

.header .Polozka_Slider p {
margin: 15px 0px 5px 50px;
padding: 12px 0px 0px 30px;
list-style-type: none;
background: url('../images/header-list.gif') left center no-repeat;
line-height: 35px;
vertical-align: middle;
list-style-position: outside;
font-weight: bold;
}

.header .cena {
font-size: 12px;
position: relative;
top: 10px;
left: 60px;
}

.header .left {
float: left;
width: 350px;
}

.header .right {
float: right;
width: 580px;
} 

.header .right img.fotka {
margin: 10px 0px 0px 0px;
}


.header a.button {
background: url('../images/header-button.gif') no-repeat;
width: 187px;
height: 64px;
display: block;
text-align: center;
vertical-align: middle;
line-height: 64px;
color: #fff;
float: right;
font-family: 'Myriad Pro semibold', sans-serif;
font-weight: bold;
text-decoration: none;
font-size: 15px;
}

.header a.button:hover {
text-decoration: underline;
}

.header .gallery {
margin-top: 50px;
}

.header .gallery img.photo-big {
float: left;
width: 268px;
height: 175px;
margin-right: 10px;
}

.header .gallery img.photo-small {
float: left;
width: 130px;
height: 78px;
margin: 20px 9px 0px 0px;
}



/* menu */

   
        /*  set width as 158 + (liCount-1) x 131 to fix IE7 floating bug    */
ul#menu { 
margin: 0; 
padding: 0; 
float: left; 
width: 942px; /*842*/
}

ul#menu li { 
list-style: none; 
list-style-type: none; 
margin: 0 0 0 -27px; 
padding: 0; 
background-image: url('../images/menu-background.png'); 
background-position: 0 -54px; 
background-repeat: no-repeat; 
width: 153px; 
height: 54px; 
float: right; 
text-align: center; 
overflow: hidden; }

ul#menu li a, ul#menu li a:link, ul#menu li a:active, ul#menu li a:visited { 
display: block; 
width: 100%; 
height: 100%; 
padding: 18px 0 0 10px; 
margin: 0 0 0 -14px; 
color: #707071; 
text-decoration: none; 
font-family: 'Myriad Pro semibold', sans-serif; 
font-weight: bold; 
font-size: 18px; 
}

ul#menu li.first { 
margin: 0; 
}

ul#menu li:hover, ul#menu li.selected { 
background-position: 0 0; 
}

ul#menu li:hover a, ul#menu li.selected a { 
color: #494849; 
}


div#arrows { 
float: left; 
width: 60px; 
margin: 0; 
padding: 0; 
position: relative; 
}

a.arrow-left { 
display: block; 
float: left; 
margin: 0; 
padding: 0; 
background-image: url('../images/menu-arrow-left.gif'); 
background-position: 0 0; 
background-repeat: no-repeat; 
width: 30px; 
height: 54px; 
}

a.arrow-right { 
display: block; 
float: left; 
margin: 0; 
padding: 0; 
background-image: url('../images/menu-arrow-right.gif'); 
background-position: 0 0; 
background-repeat: no-repeat; 
width: 30px; 
height: 54px; }

a.arrow-left:hover { 
background-position: 0 -54px; 
}

a.arrow-right:hover { 
background-position: 0 -54px; 
}



/* /menu */


.content strong {
color: #686868;
font-weight: bold;
}

.text {
width: 640px;
float: left;
color: #494849;
}

.text .padding {
padding: 20px 10px 10px 5px;
}

.sidebar {
float: right;
width: 295px;
min-height:400px;
height:auto !important;
height:400px;
background: url('../images/stin-sidebar.gif') no-repeat left top;
color: #494849;
}

h2, h3 {
color: #9ec03b;
}

.text h2 {
text-transform: uppercase;
font-size: 15px;
padding: 0px;
margin: 0px 0px 15px 0px;
}

.text p {
line-height: 17px;
text-align: justify;
padding-bottom:10px;
}

.content a.button-big {
background: url('../images/text-button-big.gif') no-repeat;
width: 121px;
height: 43px;
display: block;
text-align: center;
vertical-align: middle;
line-height: 43px;
color: #fff;
float: right;
clear: both;
font-family: 'Myriad Pro semibold', sans-serif;
font-weight: bold;
text-decoration: none;
}


.content a.button-big:hover, .content a.button-small:hover {
text-decoration: underline;
}

.content a.button-small {
background: url('../images/text-button-small.gif') no-repeat;
width: 69px;
height: 27px;
display: block;
text-align: center;
vertical-align: middle;
line-height: 27px;
color: #fff;
float: right;
font-family: 'Myriad Pro semibold', sans-serif;
font-weight: bold;
text-decoration: none;
}

.content table.gray {
clear: both;
width: 608px;
border: 0px;
margin: 0px 0px 0px 10px;
border-collapse: collapse;
}

.content table.gray tr {
height: 51px;
line-height: 51px;
vertical-align: middle;
border-bottom: 1px solid #fff;
}

div.gray {
background: url('../images/table-line.gif') repeat-y;
clear: both;
position: relative;
top: 15px;
width: 628px;
margin-bottom: 50px;
}

div.gray img.table-top{
position: relative;
top: -10px;
}

div.gray img.table-bottom{
position: relative;
top: 10px;
}

table.gray .cena {
color: #c12026;
font-weight: bold;
}



.sidebar .padding {
padding: 0px 0px 10px 25px; 
}

.sidebar h2 {
font-size: 14px;
margin-top: 20px;

}

.sidebar p {
font-size: 12px;
text-align: justify;
}

.sidebar a {
color: #9ec03b;
}

.sidebar .hr {
background: url('../images/sidebar-hr.gif') no-repeat;
width: 244px;
height: 7px;
margin: 40px 0px 0px 0px;
clear: both;
}


.sidebar a.vice {
background: url('../images/vice.gif') no-repeat right center;
padding-right: 8px;
float: right;
clear: both;
}

.sidebar a.vice:hover {
text-decoration: none;
}

.map h2 {
text-transform: uppercase;
color: #000;
margin: 0px 0px 0px 40px;
font-size: 15px;
}


.newsletter {
background: url('../images/obalka-big.jpg') no-repeat top right;
min-height:150px;
height:auto !important;
height:150px;
width: 640px;
float: left;
color: #494849;
}

.newsletter h2 {
color: #000;
font-size: 15px;
}

.newsletter .mail {
line-height: 27px;
vertical-align: middle;
margin: 10px 0px 0px 0px;
font-weight: bold;
}

.newsletter .mail .mail-input {
border: 0px;
background: url('../images/input-mail.gif') no-repeat;
width: 175px;
height: 27px;
margin: 0px 10px 0px 10px;
}

.mail-submit {
border: 0px;
background: url('../images/text-button-green.gif') no-repeat;
width: 69px;
height: 27px;
text-align: center;
vertical-align: middle;
line-height: 27px;
color: #fff;
font-family: 'Myriad Pro semibold', sans-serif;
font-weight: bold;
text-decoration: none;
}


.map {
width: 295px;
float: right;
}

.map img {
margin-left: 70px;
}

/* Footer */
.footer img.stin-foot {
  position: relative;
  left: 10px;
}
.footer .left {
  width: 400px;
  float: left;
  font-size: 12px;
  padding: 20px; padding-top: 10px;
}
.footer .right {
  width: 400px;
  float: right;
  text-align: right;
  font-size: 12px;
  padding: 20px; padding-top: 10px;
  color: #222;
}
.footer .right a        { color: #000; }
.footer .right a:hover  { text-decoration: none; color: #9ec03b; }




.content .detail {
padding: 10px;
}
/*
.content .detail h2 {
color: #000;
font-size: 25px;
font-weight: bold;
text-transform: uppercase;
padding: 0px;
margin: 5px 0px 0px 0px;
}
*/

.content .detail h3, .content .detail h2 {
color: #9ec03b;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
font-family: 'Myriad Pro semibold', sans-serif;
padding: 0px;
margin: 20px 0px 10px 0px;
}

.content .detail p {
line-height: 20px;
text-align: justify;
color: #494849;
clear: both;
padding: 0px;
margin: 0px;
}

.prohlednout-katalog {
float: right;
font-size: 14px;
font-weight: bold;
margin-bottom: 8px;
}

.prohlednout-katalog a {
text-decoration: none;
color: #494849;
margin-right: 10px;
}

.prohlednout-katalog a:hover {
text-decoration: underline;
}

.detail .arrow-left {
float: left;
height: 400px;
width: 20px;
}

.detail .arrow-left a {
background: url('../images/arrow-left.gif') no-repeat;
width: 13px;
height: 20px;
display: block;
}

.detail .arrow-left a:hover {
background: url('../images/arrow-left-hover.gif') no-repeat;
}

.detail .arrow-right {
float: left;
height: 400px;
width: 20px;
}

.detail .arrow-right a {
background: url('../images/arrow-right.gif') no-repeat;
width: 13px;
height: 20px;
display: block;
}

.detail .arrow-right a:hover {
background: url('../images/arrow-right-hover.gif') no-repeat;
}

.detail .arrow-left, .detail .arrow-right {
position: relative;
top: 150px;
}

.detail .varianta {
float: left;
padding: 0px;
margin: 0px 6px 0px 6px;
width: 280px;
min-height: 310px;
background: url('../images/det-top.gif') no-repeat left top;
color: #686868;
}

.detail .varianta img {
float: center;
padding: 0px;
margin: 0px 6px 0px 6px;
height: 130px;
text-align: center; 
}


.detail .varianta .bottom {
background: url('../images/det-bottom.gif') no-repeat bottom;
height: 290px;
}


.detail .varianta .bottom h4 {
color: #a0c13d;
padding: 0px;
margin: 25px 0px 30px 0px;
text-align: center;
font-size: 18px;
font-weight: bold;
}

.detail .varianta .bottom h4 strong {
color: #000;
}

.detail .varianta .bottom ul {
padding: 0px;
margin: 0px;
list-style-image: url('../images/det-list.gif');
font-size: 11px;
}

.detail .varianta .bottom ul li {
padding: 0px;
margin: 0px 0px 12px 40px;
}

.varianta .cena {
text-align: center;
margin-top: 10px;
}

.varianta .cena span {
font-size: 17px;
color: #494849;
font-weight: bold;
}

.varianta .cena span strong {
color: #cb2026;
}


.varianta .cena a.button {
background: url('../images/det-button.gif') no-repeat;
width: 135px;
height: 57px;
display: block;
text-align: center;
vertical-align: middle;
line-height: 57px;
color: #fff;
font-family: 'Myriad Pro semibold', sans-serif;
font-weight: bold;
text-decoration: none;
margin-left: 70px;
}

.varianta .cena a.button:hover {
text-decoration: underline;
}

.konstrukce .padding {
padding: 10px;
}

.content .konstrukce h2 {
color: #000;
font-size: 25px;
font-weight: bold;
text-transform: uppercase;
padding: 0px;
margin: 5px 0px 0px 0px;
}

.content .konstrukce h2 strong {
color: #a0c13d
}

.content .konstrukce p {
margin: 20px 0px 20px 0px;
}

.konstrukce input {
position: relative;
top: 3px;
}

.content .konstrukce h3 {
background: url('../images/konstrukce-h3.gif') left top no-repeat;
padding: 0px 0px 15px 30px;
margin: 30px 0px 0px 0px;
color: #000;
}

.content .konstrukce h3.narrow {
float: left;
width: 420px;
}


.content .konstrukce table.motory {
width: 935px;
border-collapse: collapse;
margin: 10px 0px 5px 0px;
}

.content .konstrukce table.motory input {
margin: 0px 10px 0px 0px
}

.content .konstrukce table.motory tr {
border-bottom: 1px solid #f0eff0;
height: 35px;
line-height: 35px;
vertical-align: middle;
}

.konstrukce .karoserie {
float: left;
width: 450px;
border-right: 1px solid #e3e2e1;
}

.konstrukce .karoserie .arrow-left {
float: left;
width: 9px;
}

.konstrukce .karoserie .arrow-right {
float: left;
width: 29px;
}

.konstrukce .karoserie .arrow-left a {
position: relative;
top: 55px;
display: block;
width: 9px;
height: 14px;
background: url('../images/kar-arrow-left.gif') no-repeat;
}

.konstrukce .karoserie .arrow-left a:hover {
background: url('../images/kar-arrow-left-hover.gif') no-repeat;
}

.konstrukce .karoserie .arrow-right a {
position: relative;
top: 55px;
display: block;
width: 9px;
height: 14px;
background: url('../images/kar-arrow-right.gif') no-repeat;
margin-left: 20px;
}

.konstrukce .karoserie .arrow-right a:hover {
background: url('../images/kar-arrow-right-hover.gif') no-repeat;
}


.konstrukce .karoserie ul {
float: left;
width: 180px;
margin: 0px 0px 5px 20px;
padding: 0px;
}

.konstrukce .karoserie ul li {
list-style-type: none;
padding: 0px;
margin: 0px 0px 10px 0px;
}

.konstrukce .karoserie ul li img {
position: relative;
top: 8px;
margin: 0px 10px 0px 10px;
}

.konstrukce table.calouneni {
float: left;
width: 440px;
border-collapse: collapse;
margin-left: 20px;
}

.konstrukce table.calouneni tr {
height: 35px;
line-height: 35px;
}

.konstrukce table.calouneni input {
margin: 0px 10px 0px 10px;
}


.konstrukce table.kola {
float: left;
width: 450px;
border-collapse: collapse;
border-right: 1px solid #e3e2e1;
}

.konstrukce table.kola tr {
height: 50px;
line-height: 50px;
}

.konstrukce table.kola input {
margin: 0px 10px 0px 10px;
}


.konstrukce table.vybava {
float: left;
width: 440px;
border-collapse: collapse;
margin-left: 20px;
}

.konstrukce table.vybava tr {
height: 35px;
line-height: 35px;
}

.konstrukce table.vybava input {
margin: 0px 10px 0px 10px;
}

.konstrukce .cena {
font-weight: bold;
font-size: 18px;
color: #000;
margin-top: 40px;
}

.konstrukce .cena strong {
color: #cb2027;
}

.konstrukce .cena a.button-big {
font-size: 14px !important;
}

.testovacijizda th { text-align: right; padding-left: 100px;}
.testovacijizda td { padding-left: 25px; }
.testovacijizda input { width: 300px; height: 20px; border: 1px solid #9ec03b;}
.testovacijizda select { width: 310px; height: 20px; border: 1px solid #9ec03b;}



#slider {
    width: 942px; /* important to be same as image width */
    height: 358px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#sliderContent, #slider1Content {
    width: 942px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage, .slider1Image {
    float: left;
    position: relative;
	display: none;
}


.HalfPage { width: 50%; float: left; display: inline; }
.Kontakt { height: 175px; }

img.ImgDetail { float: right; height: 100px; }
.fright {float: right;}

.clear { clear: both; }

#Manuals { margin-left: 50px; }
#Manuals li { height: 18px; }
#Manuals a { font-family: 'Myriad Pro semibold', sans-serif; color: #9ec03b; }
#Manuals a:hover { color: #000; }

.DetailHalf { width: 49%; float: left; }