/* ----------------------------------------------------------------------------------------------------------

Autor:      ManoloDesign (www.manolodesign.cz)
Klient:     
Vstup:      screen, projection

---------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------
    Tagy
---------------------------------------------------------------------------------------------------------- */
html, body, p, h1, h2, h3, h4, h5, h6, dl{
    padding: 0;
    margin: 0;
    list-style: none;
}

html, body {
    background: #858585 url(img/bg.jpg) repeat-x top center;
}

fieldset {
    border: none;
    padding: 0px;
    margin: 0px;
}

form, input, label, textarea {
    margin: 0px;
    padding: 0px;

}


html {

}

body{
    font-size: 62.5%;
    font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;

}

h1 {

}

h2 {

}

h3 {

}

h4 {

}

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

a {

}

a:hover{

}

a img {
    border: none;
}

ul {
    margin: 0;
    padding: 0;
}

p {
    color: #3d506e;
}

/* ----------------------------------------------------------------------------------------------------------
    obecne tridy
---------------------------------------------------------------------------------------------------------- */
#page {
    width: 980px;
    position: relative;
    text-align: center;
    margin: 0 auto;
    background: #E9E9E9 url(img/index.jpg) no-repeat top center;
}

#subpage{
    width: 980px;
    position: relative;
    text-align: center;
    margin: 0 auto;
    background: #E9E9E9 url(img/podstranka.jpg) no-repeat top;
}

#menu {
    width: 100%;
    height: 86px;
    text-align: left;
}

#logo {
    left: 25px;
    top: 7px;
    position: absolute;
    z-index: 10;
}

#ypsilon {
    right: 10px;
    top: 10px;
    position: absolute;
    z-index: 100;
}

#header {
    width: 950px;
    text-align: left;
    padding: 69px 0 0 30px;
}

#headerpage {
    width: 690px;
    float: right;
    padding: 65px 0 0 0;
}

h1#head-banner {
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    text-align: center;
}

h1#head-banner span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    margin: 0;
    padding: 0;
}

h1#head-banner {
    width: 198px;
    height: 101px;
    line-height: 101px;
}

h1#head-banner a {
    color: black;
}	

h1#head-banner span {
    width: 198px;
    height: 101px;
    background: url(img/logo.jpg) no-repeat top left;
    cursor: pointer;
}

ul.mainmenu {
    position: relative;
    padding-left: 250px;
    padding-top: 25px;
    list-style: none;
    width: 628px;
    height: 32px;
    background: url('img/main-menu-bg.jpg') no-repeat bottom right;
}

ul.mainmenu li {
    display: block;
    margin: 0px;
    padding: 0px;
}

ul.mainmenu li a {
    display: block;
    position: absolute;
    width: 105px;
    height: 32px;
    top: 25px;
    left: 250px;
}

ul.mainmenu li a.button:hover,
ul.mainmenu li.active a.button{
    background: url('img/home-hover.jpg') no-repeat top left;
}

ul.mainmenu li a.button span{
    display: none;
}

ul.mainmenu li a.ke-stazeni {
    width: 158px;
    left: 516px;
}

ul.mainmenu li a.ke-stazeni:hover,
ul.mainmenu li.active a.ke-stazeni{
    background: url('img/ke-stazeni-hover.png') no-repeat top left;
}


ul.mainmenu li a.video-a-certifikaty {
    width: 112px;
    left: 429px;
}

ul.mainmenu li a.video-a-certifikaty:hover,
ul.mainmenu li.active a.video-a-certifikaty{
    background: url('img/video-hover.png') no-repeat top left;
}

ul.mainmenu li a.katalog {
    width: 129px;
    left: 329px;
}

ul.mainmenu li a.katalog:hover,
ul.mainmenu li.active a.katalog {
    background: url('img/katalog-hover.png') no-repeat top left;
}

ul.mainmenu li a.kontakty {
    width: 142px;
    left: 648px;
}

ul.mainmenu li a.kontakty:hover,
ul.mainmenu li.active a.kontakty{
    background: url('img/kontakt-hover.png') no-repeat top left;
}

#submenu {
    background: #DC2B01 url('img/submenu-bg.jpg') no-repeat top left;
    width: 240px;
}

#submenu ul {
    list-style: none;
    text-align: left;
    padding: 20px;
    margin: 0px;
}

#submenu ul li {
    padding: 8px 0;
    border-bottom: 1px dotted #000;
}

#submenu ul li.first {

    margin: 0px;

}

#submenu ul li.first a{
    background: url(img/submenubutton.gif) no-repeat left;
    padding-left: 30px;
}

#submenu ul li.active a{
    color: #fff;
}


#submenu ul ul{
    display: none;
    margin: 0px;
    padding: 0px 0 0 40px;
}

#submenu ul li ul li {
    border: none;
}
#submenu ul li.first ul li a,
#submenu ul li.second ul li a {
    background: none;
    padding: 0px;
    color: #000;
}

#submenu ul li ul.open ul {
    display: block !important;
    padding: 0 0 0 20px;
}


#submenu ul li.second a{
    background: url(img/submenubutton2.gif) no-repeat left;
    padding-left: 30px;

}

#submenu ul li a{
    font-size: 130%;
    text-decoration: none;
    font-weight: bold;
    color: black;
    display: block;
}

#submenu ul li a:hover {
    color: white;
}

#header-button {
    padding: 0 0 20px 18px;
}
#header-button a{
    display: block;
    width: 205px;
    height: 32px;
    margin: 0px;
    padding: 0px;
    line-height: 0px;
    font-size: 0px;

}

#header-button a img{
    margin: 0px;
    padding: 0px;
    line-height: 0px;
    font-size: 0px;
    border: none;
    
}

#content {
    width: 242px;
    float: left;
    padding: 69px 0 0 31px;
    text-align: left;
}

#page #content {
    width: 980px;
    padding: 0px;
    float: none;
}

#left {
    float: left;
    text-align: left;
    width: 240px;
    padding: 0px;
}

#page #left {
    padding: 72px 0 0 31px;
}

#left #news-wrap {
    background: #fff;
}

#left p.ntitle {
    padding: 18px 0 0 21px;
}

#left p {
    font-size: 120%;
    padding: 5px 20px 0 21px;
    color: black;

}

#left p a {
    color: #f55c02;
    font-weight: bold;
}

#left img {
    margin-top: 20px;
}

#right {
    float: right;
    text-align: left;
    width: 690px;
    padding: 57px 0 0 0;
}

#right p#banner,
#rightpodstranka p#banner {
    clear: both;
    padding: 10px 0 0 0;
}

#o-nas #rightpodstranka p#banner {
    padding: 10px 0 0 0;
}

#right p#banner img,
#rightpodstranka p#banner img{
    padding: 0 0 0 5px;
}

#right #slogan {
    width: 370px;
    height: 96px;
    overflow: hidden;

    padding: 12px 0 166px 60px;
}

#right #slogan p{
    color: #ffd573;
    font-size: 260%;
    text-transform: uppercase;
}

#right #slogan p span{
    color: #fff;
    display: block;
}

#right p {
    font-size: 120%;
    padding: 10px 40px 10px 20px;
    color: black;
}

#right h3,
#right h2 {
    font-size: 180%;
    padding: 5px 20px;
}

#right p.more-info a{
    background: url('img/more-info.jpg') no-repeat top left;
    display: block;
    width: 111px;
    height: 21px;
    float: right;
}

#right p.more-info a span{
    display: none;
}

h2#news {
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    text-align: center;
}

h2#news span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    margin: 0;
    padding: 0;
}

a#news {
    display: block;
    width: 127px;
    height: 33px;
    background: url(img/novinky.png) no-repeat top left;
}

a#news span {
    display: none;

}

#news-title {
    padding: 12px 0 0 18px;

}

#poptavka-title {
    position: absolute;
    left: 320px;
    top: 374px;
}

.clear {
    clear: both;
}

h2#poptavka {
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    text-align: center;
}

h2#poptavka span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    margin: 0;
    padding: 0;
}


a#poptavka  {
    display: block;
    width: 139px;
    height: 33px;
    background: url(img/poptavka.png) no-repeat top left;
}

a#poptavka span {
    display: none;    
}

.leftbox {
    float: left;
}

.rightbox {
    float: right;
    margin-right: 20px;
}

a.moreinfo {
    background: url(img/bg-link.gif) no-repeat;
    display: block;
    width: 111px;
    height: 21px;
    font-weight: bold;
    text-decoration: none;
    color: #f55c02;
    padding-left: 23px;
    padding-top: 3px;
    margin-top: 30px;
    float: right;
}

#footer {
    border-top: 8px solid black;
    text-align: left;
    width: 980px;
    position: relative;
    margin: 0 auto;
}

#footer p{
    font-size: 120%;
    color: black;
    padding: 10px 20px;
}

#rightpodstranka {
    text-align: left;
    width: 630px;
    padding: 0px 40px 0 20px;
}

#o-nas #rightpodstranka {
    width: 690px;
    padding: 0px 40px 0 0px;
}

#vzkaz #rightpodstranka {
    padding: 0 0 0 28px;
}

#rightpodstranka p {
    font-size: 120%;
    padding: 10px 0px 10px 0px;
    color: black;
}

#o-nas #rightpodstranka p {
    padding: 10px 40px 10px 20px;
    
}

#novinky #rightpodstranka p {
    padding-top: 0px;
}

#novinky #rightpodstranka p a{
    color: #F55C02;
    font-weight: bold;
}

#rightpodstranka h3,
#rightpodstranka h2 {
    font-size: 180%;
    padding: 20px 20px 20px 0;
}

#o-nas #rightpodstranka h3,
#o-nas #rightpodstranka h2 {
    padding: 20px 20px 20px 20px;
}

#rightpodstranka h4 {
    font-size: 150%;
    padding: 5px 20px 5px 0;
    color: #f55c02;
}

#o-nas #rightpodstranka h4 {
    padding: 5px 20px 5px 20px;
}

#rightpodstranka h5 {
    font-size: 130%;
    padding: 5px 20px 5px 0;
    color: black;
}

#o-nas #rightpodstranka h5 {
    padding: 5px 20px 5px 20px;
}

#rightpodstranka ul {
    font-size: 120%;
    padding: 5px 10px;
    list-style: none;
}

#rightpodstranka ul li {
    background: url(img/listimage.gif) no-repeat left;
    padding-left: 15px;
}

#rightpodstranka form {
    font-size: 110%;
    border-top: 1px solid #e9e9e9;
    padding: 20px 0 0 0;
}

#rightpodstranka form label {
    font-weight: bold;
    display: block;
    padding: 10px 0;
    font-size: 110%;
}

#rightpodstranka form label span{
    color: #c4290b;
}

#rightpodstranka form ul {
    padding: 0 0 0 30px;
    margin: 0px;
}
#rightpodstranka form ul li {
    background: none;
    list-style-image: url('img/list-item.jpg');
    padding: 0px;
    margin: 0px;
    line-height: 1.3em;
}
#rightpodstranka form p.number {
    color: #c4290b;
    font-weight: bold;
}
#rightpodstranka form fieldset.small {
    width: 202px;
    float: left;
    padding: 0 0 25px 0;
}

#rightpodstranka form p {
    clear: both;
}

#rightpodstranka form fieldset.small p{
    width: 191px;
    background: url('img/input-small.jpg') no-repeat top left;
}

#rightpodstranka form fieldset.check {
    padding: 0 0 10px 0;
    display: block;
    clear: both;
}

#rightpodstranka form fieldset.check legend {
    font-weight: bold;
    font-size: 120%;
    padding: 0 0 20px 0px;
    color: #c4290b;
}
#rightpodstranka form fieldset.check label{
    display: block;
    color: #c4290b;
    float: left;
    padding: 0 0 0 30px;
    width: 190px;
}
#rightpodstranka form fieldset.radio {
    padding: 0 0 20px 0px;

}
#rightpodstranka form fieldset.radio label{
    padding: 0 10px 0 0;
    display: inline;
    color: #c4290b
}
#rightpodstranka form fieldset.radio p{
    background: none;
    display:  inline;
    clear: none;
    width: auto;
    height: auto;

    padding: 0 60px 0 0;
}

#rightpodstranka form fieldset.long-radio p{
    padding: 0 5px 0 0px;
    display: block;
    clear: both;
    float: left;
}
#rightpodstranka form fieldset.long-radio label{
    width: 600px;
    color: #000;
    padding: 0px;
    font-weight: normal;
    display: block;
    float: left;
}

#rightpodstranka form fieldset.radio p input{
    width: auto;
    display: inline;
    vertical-align: middle;
}

#rightpodstranka form fieldset.od-top {
    padding: 25px 0;
}
#rightpodstranka form fieldset.check p{
    clear: none;
    background: none;
    width: auto;
    height: auto;
    float: left;
}

#rightpodstranka form fieldset.check p input{
    width: auto;
    height: auto;
    float: left;
}
#rightpodstranka form fieldset.check label {
    color: #000;
}

#rightpodstranka form fieldset.small p input{
    width: 180px;
}

#rightpodstranka form fieldset.small label{
    color: #c4290b;
    padding: 0 0 5px 0;
}

#rightpodstranka form fieldset {
    padding: 0 0 25px 30px;
}

#rightpodstranka form fieldset.text{
    padding: 10px 0 25px 20px;
}

#rightpodstranka form fieldset.button {
    text-align: right;
    padding: 0 25px 0 0;
}

#rightpodstranka form fieldset.button input{
    background: url('img/odeslat.jpg') no-repeat top left;
    width: 118px;
    height: 25px;
    border: none;
}

#rightpodstranka form fieldset.button input#reset{
    background: url('img/vymazat.jpg') no-repeat top left;
    width: 124px;
    height: 25px;
    border: none;
    margin: 0 5px 0 0;
}

#rightpodstranka form fieldset.button button {
    background: none;
    border: none;
    padding: 0px;
    margin: 0 0px 0 0;
    height: 25px;
    vertical-align: top;

}

#rightpodstranka form fieldset.button button img{
    margin: 0px;
    padding: 0px;
    line-height: 0px;
    border: none;
    font-size: 0px;
}

#rightpodstranka form fieldset p {
    background: url('img/input.jpg') no-repeat top left;
    width: 553px;
    height: 19px;
    padding: 2px 5px 0;
}

#rightpodstranka form fieldset.small p label{
    font-size: 80%;
    padding: 10px 0 0 0;
    display: block;
}

#rightpodstranka form fieldset p.file {
    background: none;
}

#rightpodstranka form fieldset p.file input{
    background: #fff;
}

#rightpodstranka form fieldset p input{
    border: none;
    background: none;
    width: 550px;
}

#rightpodstranka form fieldset textarea {
    width: 563px;
}

#rightpodstranka form fieldset.text textarea {
    width: 584px;
    height: 57px;
    /*background: url('img/textarea.jpg') no-repeat top left;
    border: none;*/
}

img.pageimage {
    border: 3px solid #f55c02;
    float: right;
    margin: 10px;
}


h2#poptavkatwo {
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    text-align: center;
}

h2#poptavkatwo span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    margin: 0;
    padding: 0;
}

a#poptavkatwo {
    display: block;
    width: 143px;
    height: 36px;
    background: url(img/poptavkapage.png) no-repeat top left;
}

a#poptavkatwo span {
    display: none;

}

#poptavka-subtitle {
    position: absolute;
    left: 800px;
    top: 119px;
}

#nabidka {
    background: url(img/bg-nabidka.gif) no-repeat top right;
    width: 620px;
    height: 37px;
    margin-top: 20px;
}

#rightpodstranka ul.nabidkamenu {
    font-size: 120%;
    margin-left: 20px;
    padding: 0;
    padding-top: 10px;
    list-style: none;
}

#rightpodstranka ul.nabidkamenu li {
    float: left;
    background: url(img/bg-nabidka-list.gif) no-repeat top right;
    margin: 0;
    padding-right: 20px;
    padding-top: 0;
}

#rightpodstranka ul.nabidkamenu li a {
    color: #c4290b;
}

#box {
    margin-left: 25px;
}

.partbox {
    position: relative;
    background: url(img/bg-box.jpg) no-repeat top left;
    width: 200px;
    height: 200px;
    float:left;
    margin: 5px;
}

#rightpodstranka .partbox p.link{
    padding: 5px 0 0 12px;
}

#rightpodstranka .partbox p.link a{
    font-size: 100%;
    padding: 0px;
    margin: 0px;
    font-weight: normal;
    color: #000;
}

.partbox .foto{
    /*height: 68px;*/
}

#rightpodstranka .partbox p {
    padding: 10px;
}

#rightpodstranka .partbox h3{
    margin-top: 15px;
    margin-left: 15px;
    font-size: 120%;
    padding: 0px;
}

.partbox h3 a {
   color: #c4290b;
   font-weight: bold;
}

.detail {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.detail a{
    display: block;
    background: url('img/lupa.gif') no-repeat top left;
    width: 22px;
    height: 22px;    
}

.detail a span{
    display: none;
}

.foto img {
    margin-top: 15px;
    margin-left: 70px;
}

#rightpodstranka .video .foto {
    text-align: center;
    padding: 20px 0 30px 0;
}

#rightpodstranka .down .foto {
    text-align: center;
    padding: 12px 0 0 0;
}

.video .foto img {
    margin: 0px;
}

.down .foto img{
     margin: 0px;
}
#poptavka .foto {
    padding: 0 0 0 1px;
}
#poptavka .foto img{
    margin: 0px;

}

#leftbox{
    float: left;
    width: 173px;
    padding: 14px 0 0 27px;
}

#leftbox a.lupa {
    clear: both;
    color: #000;
    font-size: 120%;
    display: block;
    font-weight: bold;
    width: 112px;
    height: 22px;
    background: url(img/bg-zvetsit.gif) no-repeat;
    padding-top: 6px;
    padding-left: 45px;
    text-decoration: none;
}

#rightpodstranka #leftbox p.img-foto-p {
    padding: 0 0 20px 0;
    margin: 0px;
}

#leftbox a.img-foto {
    background: none;
    padding: 0px;
    margin: 0px;
    font-size: 0px;
}

#leftbox a.img-foto img{
    line-height: normal;
    font-size: 0px;

}

#rightbox {
    float: right;
    width: 408px;
    margin-left: 10px;
    padding: 0 12px 0 0;
}

#rightbox tr{
    background: none !important;
}

#rightbox tr.hlava_pol td,
#rightbox tr.hlava_pol th{
    background: #f6f6f6;
}

#rightbox h4 {
    margin-top: 15px;
    color: #c4290b;
}

table {
    border: 1px solid Gray;
    font-size: 120%;
    border-collapse: collapse;
}

#kontakt table {
    border: none;
}

#kontakt table th, #kontakt td {
    border: none;
}


table th, table td {
    border: 1px solid Gray;
    margin: 0;
    padding: 5px;
    width: 100px;
}

table th {
    background: silver;
}

a.viceinfo,
#novinky a.viceinfo {
    background: url(img/infobutton.gif) no-repeat center left;
    display: block;
    padding: 10px 0 10px 15px;
}

#rightpodstranka  #nav-form {
    padding: 20px 0 0 0;
}
#rightpodstranka  #nav-form ul{
    background: url('img/nav-form.jpg') no-repeat top left;
    padding: 0px 0 0 10px;
    margin: 0px;
    width: 620px;
    height: 37px;
    line-height: 37px;
}

#rightpodstranka  #nav-form ul li {
    padding: 0px;
    margin: 0px;
    background: none;
    display: inline;
}

#rightpodstranka  #nav-form ul li a{
    color: #000;
    display: inline;
    padding: 0 10px;
}

#rightpodstranka  #nav-form ul li a:hover{
    color: #C4290B;
}

.error{
    color: #ff4848;
    font-size: 8pt;
    font-weight: bold;
}

.down-item {
    position: relative;
    background: url('img/down-item.jpg') no-repeat top left;
    width: 200px;
    height: 126px;
    text-align: center;
    float: left;
    padding: 0 10px 10px 0px;
}

#rightpodstranka .down-item p{
    text-align: left;
    padding: 5px 15px;
    height: 20px;
}

#rightpodstranka .down-item p a{
    color: #c4290b;
    font-weight: bold;
}

.down-item a.lupa-down{
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: block;
    background: url('img/lupa.gif') no-repeat top left;
    width: 22px;
    height: 22px;
}

.down-item a.lupa-down span{
    display: none;
}
.question {
    width: 588px;
    background: url('img/vzkaz-line.jpg') no-repeat bottom left;
    padding: 0 5px;
}

.question .vzkaz-name {
    font-weight: bold;
    float: left;    
}

#rightpodstranka .question p.vzkaz-date {
    float: right;
    color: #6e6e6e;
}

#rightpodstranka .question p.text-vzkaz {
    clear: both;
    padding: 0 0 18px 0;
}

#rightpodstranka .question .response {
    color: #c4290b;
    padding: 0 0 18px 32px;
    background: url('img/odpoved.jpg') no-repeat 3% 16%;
}
#vzkaz #title-vzkaz {
    width: 588px;
    border-bottom: 1px solid #e9e9e9;
    padding: 25px 0 15px 0;
    color: #000;
    font-size: 150%;

}
#vzkaz h3 {
    color: #c4290b;
    font-size: 130%;
}

#vzkaz form fieldset {
    padding: 0px;
}

#vzkaz form {
    border: none;
    padding: 0px;
}
#vzkaz form .form-vzkaz-name {
    float: left;
    width: 358px;

}
#vzkaz form .form-vzkaz-name p{
    padding: 0px;
    background: url('img/vzkaz-name.jpg') no-repeat top left;
    width: 334px;
    height: auto;
}

#vzkaz form .form-vzkaz-name p input{
    width: 330px;
    height: 22px;
}

#vzkaz form .form-vzkaz-mail {
    float: left
}

#vzkaz form .form-vzkaz-mail p{
    padding: 0px;
    background: url('img/vzkaz-mail.jpg') no-repeat top left;
    width: 235px;
    height: auto;
}

#vzkaz form .form-vzkaz-mail p input{
    width: 228px;
    height: 22px;
}

#vzkaz form .form-vzkaz-text {
    clear: both;
}

#vzkaz form .form-vzkaz-text p {
    background: url('img/vzkaz-text.jpg') no-repeat top left;
    width: 592px;
    height: auto;
    
}

#vzkaz form .form-vzkaz-text p textarea{
    background: none;
    border: none;
    width: 592px;
    height: 95px;
}

#vzkaz #rightpodstranka form .vzkaz-kod p{
    clear: none;
}

#vzkaz #rightpodstranka form p {
    position: relative;
}

#vzkaz #rightpodstranka form label.error {
    font-weight: normal;
    font-size: 100%;
    padding: 0px;
}

#vzkaz #rightpodstranka form .vzkaz-kod span{
    display: block;
    float: left;
    padding: 10px 32px 0 0;
    font-size: 110%;
}

#vzkaz form .vzkaz-kod {
    padding: 5px 0 0 0;
}
#vzkaz form .vzkaz-kod .kode {
    float: left;
    background: none;
    width: 165px;
    padding: 0px;
}
#vzkaz form .vzkaz-kod p{
    width: 185px;
    height: 22px;
    background: url('img/vzkaz-kod.jpg') no-repeat bottom left;
    float: left;
    padding: 7px 0 0 0;
}

#vzkaz form .vzkaz-kod p input {
    width: 180px;
    padding: 3px 0 0 0;
}

#vzkaz form .vzkaz-kod button {
    background: none;
    border: none;
    margin: 4px 0 0 0;
}

#vzkaz .strankovani {
    padding: 20px 39px 10px 0;
    margin: 0px;
    float: right;
}

#vzkaz .strankovani li{
    padding: 0px;
    margin: 0px;
    display: inline;
    background: none;
    padding: 0 2px;
}

#vzkaz .strankovani li.vp a{
    text-decoration: none;
}

#vzkaz #rightpodstranka form fieldset.vzkaz-kod input#submit{
    background: url('img/odeslat.jpg') no-repeat top left;
    width: 118px;
    height: 25px;
    border: none;
    margin: 5px 0px 0 18px;
}

#vzkaz .strankovani li#first-arrow a{
    background: url('img/fist-arrow.jpg') no-repeat center center;
    width: 7px;
}

#vzkaz .strankovani li#last-arrow a{
    background: url('img/last-arrow.jpg') no-repeat center center;
    
}

#vzkaz .strankovani li a{
    color: #000;
}