body{
background-color: #C0C0C0;
font-family: 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif;
}

input, textarea{
background: #C0C0C0;
border: 1px solid #797A7B;
}
input[type=submit]{
background: #797A7B;
border: 1px solid #E4C03D;
font-weight: bolder;
padding: 2px 10px;
}

h1{
font-weight: bolder;
color: #313131;
font-size: 40px;
line-height: 70px;
display: block;
padding-left: 309px;
padding-bottom: 10px;
}
h2{
text-transform: uppercase;
color: white;
font-size: 18px;
font-weight: bolder;
padding: 15px 0px 15px 50px
}

#layout{
width: 955px;
margin: 18px auto;
}

#header{
width: 100%;
height: 238px;
background: url('/images/logo-pneu.jpg') no-repeat right 1px;
}

#logo{
width: 309px;
height: 130px;
display: block;
background: url('/images/logo.png') no-repeat right top;
}

#menu{
position: absolute;
width: 309px;
height: 185px;
background: url('/images/menu.png') no-repeat right top;
}

#menu ul li a{
display: block;
padding: 0px 10px;
font-size: 14px;
text-transform: uppercase;
line-height: 26px;
font-weight: bolder;
color: black;
}
#menu ul li a.active,
#menu ul li a:hover{
color: #E4C019;
text-decoration: none;
}

#content{
min-height: 70px;
background-color: black;
color: #EEEEEE;
font-size: 14px;
}


#footer{
height: 30px;
padding: 10px 0px 5px;
}
#footer img{
display: block;
float: left;
margin-left: 18px;
}

#copyright{
clear: left;
padding: 0px 20px;
}
#copyright,
#copyright a{
font-size: 10px;
color: #40464B;
}

.home{
/*background: black url('/images/home/pneumatika.png') no-repeat 895px 10px;*/
}
.home strong{
color: #FDCE00;
font-weight: bolder;
}

.home .banner{
    display: block;
    margin: 0px 0px 0px 310px;
    padding-top: 20px;
    position: relative;
    left: -60px;
    width: 476px;
    height: 88px;
    line-height: 1.3;
    padding-left: 120px;
    background: url('/images/novinka1.png') no-repeat 0 20px;
}
.home .banner:hover {
    text-decoration: none;
}
.home .banner strong {
    color: #F3E000;
    font-size: 19px;
}
.home .banner strong .small {
    color: #F3E000;
    font-variant: normal;
    font-size: 15px;
}
.home .banner span {
    color: white;
    font-size: 16px;
}
.home .banner strong.arrow {
    background: url('/images/arrow.png') no-repeat 5px 50%;
    padding-left: 30px;
}
.home .banner.blinked {
    background: url('/images/novinka2.png') no-repeat 0 20px;
}
.home .banner.blinked strong {
    color: #FF7900;
}
.home .banner.blinked strong .small {
    color: #FF7900;
}
.home .banner.blinked strong.arrow {
    color: #F3E000;
    background: url('/images/arrow.png') no-repeat 16px 50%;
}

.home p.prvni{
padding: 20px 20px 0px 310px;
line-height: 20px;
}
.home p.druhy{
padding: 20px 20px 20px 60px;
line-height: 20px;
}
.home ul{
display: block;
padding: 0px 5px
}
.home ul li{
display: block;
float: left;
padding: 0px 1px;
}

.sluzby{
background: url('/images/sluzby/stin.jpg') repeat-x bottom;
}
.sluzby .sluzby-mala-pneu{
background: url('/images/sluzby/pneu.jpg') no-repeat 30px bottom;
}
.sluzby .sluzby-velka-pneu{
background: url('/images/sluzby/velka-pneu.jpg') no-repeat 662px bottom;
padding-bottom: 160px;
}
.sluzby h2{
padding: 15px 0px 15px 150px
}
.sluzby ul{
padding-left: 150px
}
.sluzby li{
background: url('/images/sluzby/pomlcka.png') no-repeat left 16px;
color: #FFD101;
font-size: 18px;
padding-left: 20px;
font-weight: bolder;
line-height: 33px;
}

.kontakt .top{
width: 100%;
background: url('/images/kontakt/stin.jpg') repeat-x bottom;
}
.kontakt .top img{
float: left;
padding: 50px 0px 0px 20px;
}
.kontakt .vpravo{
float: left;
width: 294px;
height: 538px;
padding: 35px 0px 0px 25px;
background: black;
font-size: 17px;
line-height: 25px;
}
.kontakt .vpravo strong{
color: #FFFF00;
}
.kontakt .vpravo a{
color: #FFFF00;
text-decoration: underline;
}
.kontakt .bottom{
width: 100%;
clear: both;
background: #999CA3;
}
.kontakt .bottom iframe{
margin: 20px 60px 0px;
}
.kontakt .bottom small{
display: block;
float: right;
margin-right: 80px;
}
.kontakt .bottom small a{
color: black;
}
.kontakt .bottom .vpravo{
float: right;
height: 530px;
background: black url('/images/kontakt/pneu.jpg') no-repeat 170px bottom;
}

.cenik{
padding-bottom: 15px;
background: black url('/images/cenik/pneu.png') no-repeat 667px bottom;
}
.cenik p{
padding: 0px 0px 15px 310px;
position: relative;
top: -10px;
}
.cenik table{
margin: 0px 0px 15px 50px
}
.cenik table td{
padding: 5px;
max-width: 350px;
font-size: 14px;
border-bottom: 1px solid #797A7B;
line-height: 18px;
}
.cenik table td:first-child{
font-weight: bolder;
}
.cenik table thead td,
.cenik table td.row{
background: #797A7B;
border-bottom: 1px solid black;
color: black;
font-weight: bolder;
text-align: center;
}
.cenik table tr.zvyrazni{
background: #E4C03D;
color: black;
}
.cenik table td[colspan='2']{
text-align: center;
}

.objednani{
background: black url('/images/kontakt/pneu.jpg') no-repeat 770px bottom;
padding-bottom: 15px;
}
.objednani .error,
.objednani .success{
margin: 10px 50px 0px;
}
.objednani table{
margin: 15px 50px 0px;
}
.objednani table td{
padding: 3px 5px;
color: #E4C03D;
}

.pneu{
background: url('/images/stin2.png') repeat-x bottom;
}
.pneu .pozadi{
background: url('/images/kontakt/pneu.jpg') no-repeat 800px 17px;
padding-bottom: 15px;
min-height: 430px;
}
.pneu a{
color: #EEEEEE;
text-decoration: underline;
}
.pneu p{
padding: 10px 160px 10px 25px;
line-height: 18px;
}
.pneu h2{
text-transform: none;
color: #FFCF01;
font-size: 16px;
font-weight: bolder;
padding: 15px 25px;
}
.pneu #stahnout{
color: #FFCF01;
font-size: 14px;
}
.pneu #stahnout.blink{
color: red;
}
.pneu table{
margin: 0px 20px;
}
.pneu table td{
padding: 2px;
width: 148px;
vertical-align: top;
}
.pneu table td a{
text-decoration: none;
}
.pneu table td img{
width: 148px;
height: 112px;
display: block;
}
.pneu table td p{
display: block;
padding: 4px;
color: #FFCF01;
font-size: 10px;
line-height: 13px;
background: black;
}

.homepage-odstavec {
padding: 7px 90px 7px 12px;
font-size: 14px;
line-height: 1.4;
color: #797A7B;
margin: 0 10px;
border-top: 1px solid #444B52;
border-bottom: 1px solid #444B52;
}

.homepage-spodek {
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top,  #000000 0%, #9ca0a7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#9ca0a7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #000000 0%,#9ca0a7 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top,  #000000 0%,#9ca0a7 100%); /* IE10+ */
background: -o-linear-gradient(top,  #000000 0%,#9ca0a7 100%); /* Opera 11.10+ */
background: linear-gradient(top,  #000000 0%,#9ca0a7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#9ca0a7',GradientType=0); /* IE6-8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#9ca0a7',GradientType=0)"; /* IE9 */
zoom: 1;
margin-top: 15px;
}

.homepage-spodek:after {
content: '';
display: block;
clear: both;
}

.homepage-left {
width: 624px;
float: left;
}

.homepage-rozcestnik {
background: url('/images/home/auto.png') no-repeat 50% 177px;
width: 623px;
height: 383px;
border-right: 1px solid #797A7B;
}

.homepage-rozcestnik h2 {
color: #797A7B;
font-weight: bold;
text-transform: none;
float: left;
padding: 0 57px 0 0;
font-size: 30px;
letter-spacing: .05em;
height: 53px;
margin-bottom: -17px;
}

.homepage-rozcestnik span {
clear: left;
color: #797A7B;
display: block;
font-size: 17px;
margin-bottom: 7px;
letter-spacing: .05em;
}

.homepage-rozcestnik a {
text-decoration: underline;
font-size: 19px;
float: left;
color: #CA0000;
padding-right: 20px;
}

.homepage-rozcestnik-osobni,
.homepage-rozcestnik-nakladni {
float: left;
width: 221.5px;
padding: 30px 60px;
}

.homepage-rozcestnik-nakladni {
padding-left: 0;
}

.homepage-rozcestnik-osobni h2 {
background: url('/images/home/osobni.png') no-repeat 100% 12px;
}

.homepage-rozcestnik-nakladni h2 {
background: url('/images/home/nakladni.png') no-repeat 100% 7px;
}

.homepage-zbytek {
background: url('/images/home/gradient.png') repeat-x;
height: 203px;
padding-left: 25px;
}

.homepage-zbytek p {
padding: 15px 120px 10px 0;
line-height: 1.3;
}

.homepage-zbytek img {
float: left;
margin-right: 5px;
}

.homepage-zbytek .cervenka {
background: url('/images/home/logo-cervenka.png') no-repeat;
width: 132px;
height: 15px;
padding-top: 45px;
color: #CA0000;
font-size: 16px;
text-decoration: underline;
display: block;
float: left;
margin-top: 55px;
margin-left: 7px;
padding-left: 10px;
}

.homepage-graf {
    background-color: black;
    text-align: center;
}

.homepage-right {
float: right;
width: 301px;
padding: 0 15px;
}

.products-headline {
padding: 0 0 5px 0;
color: #313234;
}

.products-headline:first-child {
color: #797A7B;
}

.products-headline span {
color: #CB0000;
}

.homepage-product {
height: 81px;
padding: 2px 0 1px 0;
}

.homepage-product img {
float: left;
width: 119px;
height: 81px;
}

.homepage-product h3 {
padding: 10px 10px 5px 129px;
}

.homepage-product .cena {
padding-left: 10px;
font-weight: bold;
color: #CB0000;
font-size: 16px;
}

.homepage-spodek .ceny-dph {
color: white;
font-size: 11px;
padding: 5px 0;
line-height: 1.2;
}

/*
.line {
width: 925px;
height: 2px;
margin: 0 15px;
background: url('/images/home/line.png') repeat-x;
}

.homepage-spodek {
/*background-color: #23282C;* /
position: relative;
zoom: 1;
background: #0D0E12 url('/images/home/pneu.jpg') no-repeat left bottom;
}
.homepage-spodek:after {
content: '';
display: block;
clear: both;
}

.homepage-left {
float: left;
position: relative;
}

.homepage-rozcestnik {
padding: 5px 0 5px 20px;
border-left: 15px solid #23282C;
width: 500px;
height: 105px;
background: #23282C url('/images/home/line.png') repeat-x bottom;
}
.homepage-rozcestnik div {
width: 240px;
height: 105px;
float: left;
padding-left: 10px;
}
.homepage-rozcestnik-osobni {
background: url('/images/home/osobni.png') no-repeat 15px 10px;
}
.homepage-rozcestnik-nakladni {
background: url('/images/home/nakladni.png') no-repeat 15px 10px;
}
.homepage-rozcestnik h2 {
color: red;
text-transform: none;
font-weight: bold;
padding: 10px 0 5px 65px;
}
.homepage-rozcestnik span {
font-size: 14px;
line-height: 1.3;
padding: 0 0 0 65px;
display: block;
}
.homepage-rozcestnik a {
font-size: 14px;
line-height: 1.3;
color: #FFD100;
text-decoration: underline;
padding: 0 0 0 65px;
display: block;
}

.homepage-left .products-headline {
top: 115px;
right: 0px;
}
.homepage-left-product {
clear: left;
width: 485px;
height: 112px;
background: url('/images/home/line.png') repeat-x bottom;
padding: 2px 0 4px 35px;
}
.homepage-left-product img {
float: left;
width: 148px;
height: 112px;
}
.homepage-left-product h3 {
padding: 40px 10px 5px 158px;
}
.homepage-left-product .cena {
padding-left: 10px;
font-weight: bold;
color: red;
}
.homepage-zbytek {
padding-left: 15px;
width: 506px;
}
.homepage-left .ceny-dph {
color: black;
padding: 5px 10px 7px 40px;
width: 470px;
font-size: 11px;
line-height: 1.2;
background: url('/images/home/line.png') repeat-x bottom;
}
.homepage-left .televize-text {
color: black;
padding: 10px 0;
line-height: 1.2;
}
.homepage-left .img-prodejna {
margin-left: -7px;
}
.homepage-left .img-televize {
margin-right: -13px;
}
.homepage-left .cervenka {
margin: 10px 0;
display: block;
}

.homepage-right {
background-color: #23282C;
position: relative;
/*position: absolute;
bottom: 0;
right: 0;
top: 0;* /
width: 400px;
float: right;
padding-left: 20px;
padding-top: 3px;
}

.products-headline {
position: absolute;
right: 0;
top: 5px;
background: red;
width: 220px;
height: 26px;
padding: 0;
font-size: 15px;
line-height: 26px;
font-weight: bold;
text-transform: none;
text-align: center;
}
.products-headline span {
background: url('/images/home/ruzek.png') no-repeat;
margin-left: -12px;
width: 12px;
height: 26px;
display: block;
float: left;
}
.homepage-right-product {
clear: left;
width: 385px;
height: 112px;
background: url('/images/home/line.png') repeat-x bottom;
padding: 2px 0 4px 0;
}
.homepage-right-product img {
float: left;
width: 148px;
height: 112px;
}
.homepage-right-product h3 {
padding: 40px 10px 5px 158px;
}
.homepage-right-product .cena {
padding-left: 10px;
font-weight: bold;
color: red;
}
.homepage-right p.ceny-dph {
color: red;
font-size: 11px;
padding: 5px;
line-height: 1.2;
}
*/

.administrace{
padding: 0px 200px 20px;
text-align: left;
}
.administrace li{
line-height: 20px;
vertical-align: middle;
display: block;
}
.administrace li img, .administrace .administrace-akce img{
float: left;
margin-right: 5px;
padding-top: 2px;
}
.administrace h3{
text-align: left;
padding: 10px 0px 3px;
text-transform: uppercase;
color: white;
font-size: 18px;
font-weight: bolder;
}
.administrace a{
color: #C0C0C0;
}
.administrace div.administrace-akce{
padding-bottom: 10px;
line-height: 20px;
vertical-align: middle;
width: 500px;
height: 20px;
}
.administrace .administrace-akce a{
display: block;
float: left;
}
.administrace div.administrace-akce a{
padding: 0px 7px;
}

.administrace table.administrace-vypis{
/*margin: auto;*/
}
.administrace table.administrace-vypis thead tr, .administrace table.administrace-vypis tr:hover{
background: #7E6048;
color: white;
}
.administrace table.administrace-vypis thead tr, .administrace table.administrace-vypis tr:hover a{
color: #F0DAB5;
}
.administrace table.administrace-vypis td, .administrace table.administrace-vypis th{
padding: 4px 7px 2px;
line-height: 19px;
}
.administrace table.administrace-vypis th{
text-align: center;
}
.administrace table.administrace-vypis img{
margin: 0px;
padding: 0px 2px;
}
.administrace table.administrace-vypis th.action {
width: 50px;
}
.administrace th.action2{
width: 44px;
}
.administrace th.action3{
width: 68px;
}
.administrace th.action4{
width: 92px;
}
.administrace input.submit{
margin-top: 5px;
float: right;
}
.administrace .form td{
padding: 1px 5px;
}
.administrace .administrace-buttonky{
margin: 10px auto;
width: 160px;
height: 25px;
}
.administrace .administrace-buttonky a.button{
margin: 3px;
border: 2px solid #7E6048;
padding: 2px 5px;
min-width: 30px;
display: block;
float: left;
text-align: center;
}
.administrace input#name.required{
width: 200px;
}

.administrace table.view th,
.administrace table.view td{
padding: 2px;
}
.administrace table.view table{
padding: 5px;
}

.administrace #status-email-list{
padding: 10px;
}
.administrace #status-email-list p{
padding: 20px 0px 3px;
}
.administrace #status-email-list ul{
list-style-type: disc;
padding-left: 15px;
margin-left: 10px;
}
.administrace #status-email-list em{
text-decoration: underline;
}
.administrace ul li ul{
padding-left: 15px;
}

/* Stránkování a filtrování */
.strankovani{
font-size: 14px;
padding: 3px 10px 5px;
display: block;
}
.strankovani span{
font-weight: bolder;
}


