html {font-size: 100%;}

body {
    font-family: tahoma, arial, verdana, lucida, sans-serif;
    font-size: 0.7em;
    padding: 0px;
    margin: 0px;
    text-align: center;
    background: #FFFFFF url('images/body-bg.gif') center top repeat;
    behavior:url("/csshover.htc");
}


table {font-size: 1em;}

form {margin: 0px;}

input, textarea {
    font-family: tahoma, arial, lucida, sans-serif;
}

a {
    text-decoration: underline;
    color: #CC0000;
}

a:hover {text-decoration: none;}

a img {border: 0px;}

ul {text-align: left;}

ul li a{text-decoration: none;}

ul li a:hover{text-decoration: underline;}

fieldset {border: 0px; clear: left; float: left;}

h1 {
    margin: 0px; 
    padding: 0px;
    float: left;
}

h1 a {
    background-color: transparent; 
    display: block; 
    position: absolute;
    width: 297px;
    top: 16px;
    left: -62px;
    color: #FFFFFF;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
}

h1 span {
    width: 297px;
    height: 130px;
    background: url('images/logo-convoy.jpg') left top no-repeat;
    cursor: pointer; 
    display: block; 
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0px;
}

h2 {
   font-size: 1.3em;
   color: #FFFFFF;
   background: #000000;
   width: 100%;
   margin: 0px;
   height: 30px;
   line-height: 32px;
   text-align: right;
}

#master {
    width: 954px;
    margin: 0px auto 0px auto;
    background: #9C6A3E url('images/master-bg.gif') left top repeat-y;
}


#head {
    width: 830px;
    height: 197px;
    margin: 0px auto 0px auto;
    position: relative;
    background: #4D1512 url('images/main-img.jpg') left top no-repeat;
}

#head a img.car {position: absolute; bottom: 0px; left: 274px;}
#head a img.phone {position: absolute; top: 0px; right: -27px;}

#top {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    position: absolute;
    left: 50px;
    top: -5px;
    z-index: 10;
}

#head li {float: left;}
#head li a {
    float: left;
    color: #000000;
    font-weight: bold;
    font-size: 1.1em;
    margin: 5px 5px 0px 0px;
}

#lang {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    list-style-type: none;
    position: absolute;
    left: 100px;
    top: 142px;
    z-index: 10;
}

#lang li a {
    color: #FFFFFF;
    font-size: 9px;
    width: 42px;
    padding-top: 28px;
    text-align: center;
}

#lang li#cs a {background: url('images/cs.jpg') left top no-repeat;}
#lang li#en a {background: url('images/en.jpg') left top no-repeat;}
#lang li#de a {background: url('images/de.jpg') left top no-repeat;}

#lang li#cs a.active {background: url('images/cs-a.jpg') left top no-repeat;}
#lang li#en a.active {background: url('images/en-a.jpg') left top no-repeat;}
#lang li#de a.active {background: url('images/de-a.jpg') left top no-repeat;}

#menu {
    width: 830px;
    height: 34px;
    margin: 0px auto 0px auto;
    background: #C11E0E url('images/menu-bg.png') left top repeat-x;
}

#menu ul {
    margin: 0px auto 0px 10px;
    padding: 0px;
    list-style-type: none;
    width: 830px;
    height: 34px;
}

#menu ul li {float: left; position: relative; z-index: 10;}
#menu ul li a {
    float: left;
    color: #FFFFFF;
    font-weight: bold;
    padding: 0px 8px;
    height: 34px;
    line-height: 30px;
    cursor: hand;
}

#menu ul li a:hover, #menu ul li:hover {
    text-decoration: none;
    background: url('images/menu-ita.png') left top repeat-x;
}

#menu ul li.nosub a:hover, #menu ul li.nosub:hover {
    text-decoration: none;
    background: url('images/menu-ita2.png') left top repeat-x;
}

#menu ul li a:hover span.left, #menu ul li:hover span.left {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 34px;
    background: url('images/menu-ita-left.png') left top no-repeat;
}

#menu ul li a:hover span.right, #menu ul li:hover span.right {
    position: absolute;
    top: 0px;
    right: -1px;
    height: 34px;
    width: 2px;
    background: url('images/menu-ita-left.png') right top no-repeat;
}

#menu ul li ul {
    display: none;
}

#menu ul li:hover ul{
    margin: 0px;
    padding: 0px;
    z-index: 20;
	  display: block;
    width: 220px;
    height: auto;
    position: absolute;
    top: 34px;
    left: 0px;
    background: #A5BF14;
    border-left: 2px solid #000000;
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
}

#menu ul li ul li {
    background: none;
    display: block;
    width: 220px;
    margin: 0px;
    padding: 0px;
}

#menu ul li ul li a {
    color: #000000;
    text-align: left;
    margin: 0px;
    padding: 0px;
    width: 220px;
    line-height: 30px;
    height: 30px;
}

#menu ul li ul li a:hover {
    background: #D2DF8A;
    text-decoration: none;
}

#menu ul li ul li a span {margin-left: 5px;}

#main {
    width: 830px;
    margin: 0px auto 0px auto;
    background: #9C6A3E url('images/main-bg.png') left top repeat-x;
}

#inMain {
   width: 830px;
   height: 100%;
   padding-bottom: 20px;
   background: url('images/mainin-bg.png') left bottom repeat-x;
}

#hLeft {
    width: 364px;
    margin: 0px 0px 0px 10px;
    float: left;
    display: inline;
}

#hRight {
    width: 433px;
    margin: 0px 10px 0px 0px;
    float: right;
    display: inline;
    text-align: left;
}

#hRight2 {
    width: 433px;
    margin: 0px 10px 0px 0px;
    float: right;
    display: inline;
    text-align: left;
}

#hAbout {
    width: 362px;
    border: 2px solid #000000;
    position: absolute;
    position: relative;
    z-index: 0;
    margin-top: 35px;
    background: #FFE59C;
}

#hAbout img {
    position: absolute;
    top: -25px;
    left: 5px;
}

#hAbout h2 span {margin-right: 5px;}
#hAbout p {text-align: left; margin: 10px 10px 4px 10px;}

#hNews {
    width: 362px;
    border: 2px solid #000000;
    position: relative;
    z-index: 0;
    margin-top: 15px;
    background: #FFFFFF;
    text-align: left;
}

#hNews img.tit {
    position: absolute;
    top: -9px;
    left: 5px;
}

#hNews h2 span {margin-right: 5px;}
#hNews h3 {margin: 0px; color:#000000;font-size:1.2em; padding: 0px 0px 5px 0px; height:20px; }
#hNews p {text-align: left; margin: 5px 10px 10px 10px;}
#hNews p img {position: none; float: right; border: 2px solid #000000; margin-left: 5px;}
#hNews a.top {font-weight: bold; margin: 10px 10px 4px 10px; display: block;}

#bannerL {
    width: 305px;
    margin: 20px auto 0px auto;
}

#bannerL img {
     border: solid 2px #000000;
}
#bannerR {  background-color: #000000; padding: 2px 0px 0px 2px; margin: 0px; }

#hOrder {
    width: 298px;
    border: 2px solid #000000;
    position: relative;
    z-index: 0;
    margin-top: 35px;
    background: #FFE59C;
    text-align: left;
}

#hOrder img.tit {
    position: absolute;
    top: -10px;
    left: 5px;
}

#hOrder h2 span {margin-right: 10px;}

.orderF {
    width: 276px;
    margin: 10px 0px 0px 11px;
    padding: 0px;
}

.orderF label {
    font-weight: bold;
    display: block;
    font-size: 0.9em;
    margin: 5px 0px 2px 0px;
}

.orderF select {width: 270px;}
.orderF #emailn {width: 270px;}

.orderF table.top td {width: 138px;}
.orderF table.top td input {width: 130px; font-size: 12px;}

.orderF table.middle td {width: 70px;}
.orderF table.middle td input {width: 69px;}

input#submit {
    border: 0px;
    margin: 4px 0px 6px 14px;
    color: #FFFFFF;
    padding-right: 10px;
    cursor: hand;
    text-align: right;
    line-height: 27px;
    height: 27px;
    width: 113px;
    font-weight: bold;
    font-size: 1em;
    background: url('images/order-btn.png') left bottom no-repeat;
    cursor: pointer;
}
input#submit:hover {
    background: url('images/order-btn.png') left top no-repeat;
}

#hLogin {
    width: 298px;
    border: 2px solid #000000;
    position: relative;
    z-index: 0;
    margin-top: 15px;
    background: #94C2E9;
    text-align: left;
}

#hLogin img.tit {
    position: absolute;
    top: -8px;
    left: 5px;
}

#hLogin h2 span {margin-right: 10px;}
#hLogin table td a {color: #000000;}

#hLogin table td input#submitL {
    border: 0px;
    margin: 4px 0px 6px 34px;
    color: #FFFFFF;
    padding-right: 10px;
    cursor: hand;
    text-align: right;
    line-height: 27px;
    height: 27px;
    overflow: hidden;
    cursor: pointer;
    width: 100px;
    font-weight: bold;
    font-size: 1em;
    background: url('images/login-btn.png') left bottom no-repeat;
}
#hLogin table td input#submitL:hover {
    background-position: left top;
}

#hNewsletter {
    width: 298px;
    border: 2px solid #000000;
    position: relative;
    z-index: 0;
    margin-top: 15px;
    background: #A5BF14 url('images/h-newsletter-bg.png') left top repeat-x;
    text-align: left;
}

#hNewsletter img.tit {
    position: absolute;
    top: -12px;
    left: 5px;
}

#hNewsletter h2 span {margin-right: 10px;}

#hNewsletter table td input#submitN {
    border: 0px;
    margin: 4px 0px 6px 34px;
    color: #FFFFFF;
    padding-right: 10px;
    cursor: pointer;
    text-align: right;
    line-height: 28px;
    height: 28px;
    width: 100px;
    font-weight: bold;
    font-size: 1em;
    background: url('images/newsletter-btn.png') left bottom no-repeat;
}
#hNewsletter table td input#submitN:hover {
    background: url('images/newsletter-btn.png') left top no-repeat;
}


#bannerR {
    width: 124px;
    height: 604px;
    float: right;
    margin: 35px 0px 0px 0px;
}

#hPartner {
    width: 428px;
    border: 2px solid #000000;
    position: relative;
    z-index: 0;
    margin-top: 15px;
    background: #EA0000 url('images/h-partner-bg.png') left top repeat-x;
    text-align: left;
}

#hPartner img.tit {
    position: absolute;
    top: -7px;
    left: 5px;
}

#hPartner h2 span {margin-right: 10px;}
#hPartner img.par {margin: 15px 0px 0px 12px;}
#hPartner p {margin: 10px 10px 10px 10px; color: #FFFFFF; font-weight: bold;}

#footer {
    width: 830px;
    height: 34px;
    margin: 0px auto 0px auto;
    background: #B31C0D url('images/footer-bg.png') left top repeat-x;
}

#footer ul {
    width: 480px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    height: 34px;
    float: left;
}

#footer ul li {float: left;}
#footer ul li a {
    float: left;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 34px;
    margin-left: 15px;
    font-size: 0.8em;
}

#footer p {
    float: right;
    color: #FFFFFF;
    line-height: 34px;
    margin: 0px;
    font-size: 0.8em;
    padding-right: 15px;
}
#footer a {
  color: #ffffff;
}

.cleaner {clear: both;}
.bold {font-weight: bold;}

#top li a {
    padding: 2px 5px 2px 5px;
    background:url(images/top_links_bckg.png);
    background-color: #FED696;
    color: #000000;
    font-size: 0.8em;
    text-decoration: none;
    border: solid #6B3D19;
    border-width: 0px 2px 2px 2px;
}

#top li a:hover {
    padding: 10px 5px 2px 5px;
    background:url(images/top_links_bckg2.png);
    background-color: #cc0000;
    color: #ffffff;
    text-decoration: none;
    border: solid #000000;
    border-width: 0px 2px 2px 2px;
}

/* NEW */

.hFull {
    border: 2px solid #000000;
    position: relative;
    z-index: 0;
    margin-top: 35px;
    background: #FFFFFF;
    text-align: left;
    float: left;
}

.hCenter {
    position: relative;
    text-align: right;
    float: right;
}

.lightorange {
  background: #FFE59C;
}


.hFull img.tit {
    position: absolute;
    top: -25px;
    left: 5px;
}

.hFull h2 span {margin-right: 25px;}
.hFull div {text-align: left; margin: 25px 20px 25px 20px; line-height: 130%;}
.hFull div div { margin: 0px; }

.hFull div h3 {color:#000000;font-size:1.4em; background:url(images/sipka.gif) no-repeat; padding-left: 25px; height:20px; }
.hFull div img {position: none; border: 0px solid #000000; margin-left: 5px;}
.hFull div a {font-weight: bold; color:#cc0000; text-decoration: underline; }
.hFull div a:hover {font-weight: bold; color:#000000; text-decoration: underline; }
.hFull div ul li { list-style-image:url(images/li.gif); padding-bottom: 10px; }
.hFull div ul li.null { list-style-image:url(images/li.gif); padding-bottom:0px; }

#hword div ul li { list-style-image:url(images/ico-word.jpg); padding-bottom: 10px; }
#hword div ul li.null { list-style-image:url(images/ico-word.jpg); padding-bottom:0px; }


.label { display: block; width: 140px; float: left; text-align: right; padding-right: 10px; }
.label2 { display: block; width: 100px; float: left; text-align: right; padding-right: 10px; }
.red { color: #cc0000; }
.big { font-size: 1.4em;; }
.small { font-size: 0.9em; }

.hFull div a.btn { background:url(images/tlacitlo-cenik.gif) left center no-repeat; width: 170px; height: 40px; text-align: center; display: block; float: right; cursor: pointer; color: #ffffff; text-decoration: none; line-height: 38px; margin-left: 15px; }
.hFull div a:hover.btn { color:#FFE59C; }
a.btn span { margin-left:37px !important; }

.bcenik { background-image:url(images/tlacitlo-cenik.gif)!important; }
.bobjednat { background-image:url(images/tlacitlo-objednavka.gif)!important; }

.hFull div table { background-color: #000000;}
.hFull div td { background-color: #ffffff; padding: 5px 10px 5px 10px; vertical-align: top; }
.hFull div th { background-color: #000000; color: #ffffff; padding: 3px 10px 3px 10px; font-size: 1.4em; }
.hFull div th span.small { font-size:0.7em; font-weight: normal; }
.hFull div td.big { font-weight: bold; padding: 5px 10px 5px 10px; text-align: right; font-size: 1.2em;  }
.right { text-align:right }

form.objednavka label { width: 150px; display: block; float: left; text-align: right; padding:2px 10px 0px 0px; font-weight: bold; height: 25px; }
form.objednavka span.popis { display: block; float: left; text-align: right; padding:2px 10px 2px 10px; }
form.objednavka input, form.objednavka select { float: left; display: inline; }

form.objednavka fieldset { border: solid #000000 2px; background-color: #FFFFFF; width: 742px; padding:14px 10px 0px 10px; margin: 0px 0px 10px 0px; }
form.objednavka span.title { font-weight: bold; color: #ffffff; background-color: #000000; padding: 5px 10px 5px 10px; margin: 0px; float: none; width: 250px; text-align: left; display: block; }

#anketaR {  background-color: #F7DBBA; border-left: 2px solid #000000; 
border-right: 2px solid #000000; border-bottom: 2px solid #000000; 
margin: 0px;
     width: 115px;
     height: 591px;
     position:relative;
     float: right;
     margin: 35px 0px 0px 10px;
}
#anketaR img {
     position: absolute;
     top: -25px;
     left: 0px;
}
#anketaR h2 span {margin-right: 5px;}
#anketaR p {text-align: left; margin: 10px 5px 10px 5px;font-size:0.9em;}
#anketaR p span {font-size:14px;}

#anketaR p a.ank {color:#000000;text-decoration: none;font-size:1em;}
#anketaR p a.ank:hover {text-decoration: underline;}

#graf1, #graf2, #graf3, #graf4, #graf5, #graf6, #graf7 
{height:7px;border:2px #000000 solid;margin:2px 0px 12px 0px;display:block;}

#graf1 {background-image: url(/images/graf_1.png);background-color:#00CCFF;}
#graf2 {background-image: url(/images/graf_2.png);background-color:#ff0000;}
#graf3 {background-image: url(/images/graf_3.png);background-color:#33cc00;}
#graf4 {background-image: url(/images/graf_4.png);background-color:#FF00FF;}
#graf5 {background-image: url(/images/graf_5.png);background-color:#ffffff;}
#graf6 {background-image: url(/images/graf_6.png);background-color:#CCFF00;}
#graf7 {background-image: url(/images/graf_7.png);background-color:#ffcc00;}