/* OBECNÉ STYLY */
body{font-size: 10px; font-family: tahoma; color: #7f7f7f; left: 0px; margin: 0; padding: 0;position:absolute;left:1px}
span,table,ul,p,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
ul{list-style: none}
a{text-decoration: none; color: #5291CA}
a:hover{text-decoration: underline}
a:focus{outline: none}
a img{border: 0 none}
strong{color: #5291CA}
table{border-collapse: collapse; border-width: 0}
fieldset, legend{border: 0px none; margin: 0; padding: 0}

/* DALSI STYLY */

#slideshow{position: absolute; z-index: 2; width: 361px; height: 128px; margin: 134px 0 0 746px; background: url(../images/action_bg.gif) no-repeat; color: #fff}
.slideshow{width: 200px; height: 100px; position: absolute; margin: 10px 0 0 150px; cursor: pointer}
.slideshow h3{font-size: 22px; font-weight: normal}
.slideshow .datum{font-size: 14px}


#right .box {margin-bottom: 20px}
.box h2{color: #5291ca; font-size: 21px; border-bottom: 1px solid #9fc4e5; padding-bottom: 0px; font-weight: normal; height: 30px; overflow: hidden}
.box .text{padding: 5px 0; border-bottom: 1px solid #d1d2d2;}
.box .dotted{border-bottom: 1px dotted #d1d2d2}
.box .last{border: 0 none}
.box .text h3{color: #5291ca; font-size: 14px; font-weight: normal}
.box .text p.datum{font-size: 11px; color: #5291ca; margin: 0; padding: 0}
.box .text p{padding: 5px 0}
.box .text .more{font-size: 11px; display: block; text-align: right; color: #5291ca; padding-right: 15px; background: url(../images/arrow-right-bottom.gif) no-repeat right center}

.toggler{cursor: pointer; border-bottom: 1px solid #9FC4E5; display: block; color: #5291CA; padding: 5px 0; margin: 0 !important; font-weight: normal; font-size: 18px}
.toggler:hover{text-decoration: underline}

#left .box{margin: 10px 0 20px 0; padding: 10px 0 15px 0}
#left .box h1, #left .box h2{color: #5291ca; font-size: 21px; font-weight: normal; margin-bottom: 10px; border-bottom: 1px solid #d8d9d9;}
#left .box .text p{text-align: left}

#left .box .text ul{margin: 5px; margin-left: 5px}
#left .box .text ul li{padding: 2px 0 0 10px}

.box .text h3{color: #5291ca; font-size: 14px; font-weight: normal; }
.box .text h4{color: #5291ca; font-size: 12px; font-weight: bold; }

#logo{display: block; position: absolute; width: 113px; height: 89px; margin: 55px 0 0 120px; z-index: 1}
#loga{text-align: right; width: 570px; position: absolute; margin-left: 200px}
#change-branch{text-align: right; position: absolute; margin-top: 10px; width: 330px; font-size: 11px}
#change-branch a{color: #7f7f7f}
#change-branch a.actual{color: #5291CA; font-weight: bold}

#motto{position: absolute; color: #FFFFFF; margin: -93px 0 0 15px; font-size: 25px; font-weight: normal; width: 220px}

.product-name{position: absolute;  margin: 25px 0 0 15px; font-size: 25px; font-weight: normal; width: 200px !important}
.product-name-description{position: absolute;  margin: 60px 0 0 15px; font-size: 11px; font-weight: normal; width: 200px}

.contactmin{min-height: 390px; _height: 390px; margin-top: -16px; &margin-top:20px}

.selected-products{margin-top: -32px;  color: #FFFFFF; font-size: 11px}
.selected-products .product{float: left; width: 125px; height: 140px; margin-right: 3px; padding: 5px 0 10px 15px}
.selected-products strong{font-size: 24px; font-weight: bold; display: block; margin: 10px 0; color: #FFFFFF}
.selected-products .cat-1{background: url(../images/categories/cat-1.gif) no-repeat top left}
.selected-products .cat-2{background: url(../images/categories/cat-2.gif) no-repeat top left}
.selected-products .cat-3{background: url(../images/categories/cat-3.gif) no-repeat top left}
.selected-products .cat-4{background: url(../images/categories/cat-4.gif) no-repeat top left}
.selected-products .cat-5{background: url(../images/categories/cat-5.gif) no-repeat top left}

.selected-products p{display: block; width: 112px}

#selected-references{width: 100%; margin-top: 10px}
#selected-references tr td{border: 1px dotted #848789; border-width: 0 1px 1px 0; width: 33%; height: 55px; vertical-align: middle; padding-left: 10px}
#selected-references tr td strong{display: block}
#selected-references tr td.right{border-right: 0 none}
#selected-references tr.last td{border-bottom: 0 none}

#languages{color: #3B85d7;}
#languages a{color: #3B85d7; text-transform: uppercase;  font-size: 11px; padding: 0 0 0 5px}
#languages a:hover, #languages a.actual{font-weight: bold; text-decoration: none;}

#paging{text-align: center; border-top: 1px solid #9FC4E5; font-size: 11px; padding-top: 5px}

.photogallery{border-top: 1px dotted #D1D2D2; padding: 10px 0 0 0; margin-top: 15px}
.photogallery a img{border: 1px solid #D1D2D2; margin: 3px; border-width: 1px 0 1px 0; vertical-align: middle}


#helpdesk h2{color: white; font-weight: normal; margin: 5px 0 5px 10px;font-size: 16px; padding: 0px; &margin-bottom: 0}
#helpdesk-header{position: absolute; margin-left: 259px; cursor: pointer}
#helpdesk-form{background: url(../images/login-helpdesk.gif) no-repeat; width: 261px; height: 68px; overflow: hidden; position: absolute; visibility: hidden; opacity: 0; }
#helpdesk-form input{background: none; padding: 1px; margin: 0; float: left; width: 80px; border: 1px solid white; margin-left: 10px; color: white; &margin-top: -10px}
#helpdesk-submit{width: 26px !important; height: 20px !important; border: 0 none !important;  background: url(../images/helpdesk-submit.gif) no-repeat !important; position: absolute; margin: 0px !important; &margin-top: -10px !important}


.form label{display: block; float: left; width: 100px; text-transform: capitalize; font-weight: bold; color: #5291CA}
.form textarea, .form input{font-size: 11px; color: #7F7F7F; margin-bottom: 3px; margin-left: 10px;}
.form_report{padding: 0 0 15px 0}
.form_item_required {background: url(../images/required.gif) no-repeat 0px 0; display: inline-table}
fieldset img{margin-left: 10px}
.form_submit{margin-left: 110px !important; margin-top: 5px}

.branch{padding: 0 0 5px 0}
.contact h3{font-size: 11px; cursor: pointer; margin-top: 5px; background: url(../images/line-h3.gif) no-repeat top left; padding-top: 5px}
.contact h3:hover{text-decoration: underline}
.branch{border-bottom: 1px solid #9FC4E5}
.map-pointer{position: absolute; cursor: pointer; z-index: 2}

.products{min-height: 34px; _height: 34px; border: 0 none !important; margin-bottom: 0px !important; padding-bottom: 0px !important; padding-top: 10px !important; margin-top: 0px !important; padding: 4px 0 15px !important}
.productshover{height: 54px; position: absolute; width: 430px; margin-top: -59px; cursor: pointer; z-index: 3; background: white}
.productshover:hover{}
.productsbox{border-bottom: 1px dotted lightgray !important; margin-top: -10px !important; padding: 2px 0 !important}
.productsbox .more{display: block; position: absolute; width: 100px; margin-left: 312px; text-align: right; margin-top: -20px}
.productsbox p{display: block; width: 350px}

.phnakladni-zeleznicni-doprava:hover{background: #4b95d7}
.phmanazer-zeleznicni-infrastruktury:hover{background: #5291CA;}
.phosobni-doprava:hover{background: #6aa039}
.phlogistika:hover{background: #c70539}
.phprurezove-systemy:hover{background: #733b97}
.phseznam-produktu{background: #7F7F7F}

#accordion p,#accordion ul, #accordion li{margin: 0px !important; padding: 0px}
#accordion h3{margin: 0px !important; border-top: 1px dotted lightgray; background: url(../images/arrow-right-bottom.gif) no-repeat 420px 12px; padding: 5px 0 5px 0; color: #5291CA !important; cursor: pointer}
#accordion .atStart {padding-left: 5px}

.anakladni-zeleznicni-doprava{background: url(../images/arrows/nakladni.gif) no-repeat right center !important}
.amanazer-zeleznicni-infrastruktury{background: url(../images/arrows/manazer.gif) no-repeat right center !important}
.aosobni-doprava{background: url(../images/arrows/osobni.gif) no-repeat right center !important}
.alogistika{background: url(../images/arrows/logistika.gif) no-repeat right center !important}
.aprurezove-systemy{background: url(../images/arrows/prurezove.gif) no-repeat right center !important}

#left .box h3{margin-top: 15px}

.boxnakladni strong, .boxnakladni h1, .boxnakladni h2, .boxnakladni h3, .boxnakladni h4, .boxnakladni h5{color: #4b95d7 !important}
.boxmanazer strong, .boxmanazer h1, .boxmanazer h2, .boxmanazer h4, .boxmanazer h4, .boxmanazer h5{color: #54b7e2 !important}
.boxosobni strong, .boxosobni h1, .boxosobni h2, .boxosobni h3, .boxosobni h4, .boxosobni h5{color: #6aa039 !important}
.boxlogistika strong, .boxlogistika h1, .boxlogistika h2, .boxlogistika h3, .boxlogistika h4, .boxlogistika h5{color: #c70539 !important}
.boxprurezove strong, .boxprurezove h1, .boxprurezove h2, .boxprurezove h3, .boxprurezove h4, .boxprurezove h5{color: #733b97 !important}

#left .box .text ul li{background: url(../images/li/li-default.gif) no-repeat 2px 7px}
#left .box .boxnakladni ul li{background: url(../images/li/li-nakladni.gif) no-repeat 2px 7px}
#left .box .boxmanazer ul li{background: url(../images/li/li-manager.gif) no-repeat 2px 7px}
#left .box .boxosobni ul li{background: url(../images/li/li-osobni.gif) no-repeat 2px 7px}
#left .box .boxlogistika ul li{background: url(../images/li/li-logistika.gif) no-repeat 2px 7px}
#left .box .boxprurezove ul li{background: url(../images/li/li-prurezove.gif) no-repeat 2px 7px}

.iso{top: -6px; position: relative}

#navigation{text-align: left; color: #dedfdf; font-size: 9px !important; margin-left: 15px}
#navigation a{color: #dedfdf}

#submenu div{background: url(../images/submenu-dotted.gif) no-repeat bottom left; padding-top: 4px; height: 19px; overflow: hidden}
#submenu .last{background: none}

.tipz{z-index:10}

.contacts h3{font-size: 11px !important}

#product-name-description-nakladni{color: #4b95d7}
#product-name-description-manazer{color: #54b7e2}
#product-name-description-osobni{color: #6aa039}
#product-name-description-logistika{color: #c70539}
#product-name-description-prurezove{color: #733b97}

.mainsubmenu{position: absolute; height: 30px; background: #51b6e2; margin-top: 30px; margin-left: -56px; background: url(../images/submenu-left-bg.gif) no-repeat left top; padding-left: 37px; width: 546px; text-align: right}
.mainsubmenu .contentsubmenu{background: #51b6e2; height: 30px;}

.subrepair{background: url(../images/submenu-right-bg.gif) no-repeat right top; height: 30px; z-index: 3; position: absolute; width: 30px; left:100%}

.contentsubmenu{ padding-right: 14px; background: #51B6E2 url(../images/submenu-top-bg.gif) repeat-x 0px 6px !important;  overflow: hidden;}
.contentsubmenu a{color: white; font-size: 11px; text-transform: uppercase; padding: 14px 5px 0px 4px; top: 11px;  position: relative; overflow: hidden}
.contentsubmenu a.actual, #menu a:hover{background: url(../images/menu-bg-actual.gif) no-repeat top center; text-decoration: none}
.contentsubmenu a span{cursor: default}

#submenu div object{overflow: hidden; height: 18px; padding-bottom: 2px}

.productsbox img{margin-left: 15px}
.theme-img{position: absolute}
.containter-selected-products{position: absolute; width: 429px}

.back{text-align: right; }
.no-display{display: none}

.logo-products{width: 90px; height: 15px; position: absolute; text-align: right; margin: -39px 0 0 335px}

#actions-left{position: absolute; width: 166px; margin: 262px 0 0 15px !important}
#archiv{color: #5291CA; background: url("../images/arrow-right-bottom.gif") no-repeat scroll right center transparent; padding-right: 15px; text-transform: uppercase}

/* OBECNE NASTAVENI PRVKU LAYOUTU (barva, vyska, pozice, border...) */
body{background: url(../images/background.gif) repeat;}
#main{}
#header{height: 274px;  z-index: 1}
#menu{width: 550px; height: 50px; position: absolute; margin: 21px 0 0 541px;  z-index: 1}
#content{padding-left: 105px; letter-spacing: 1px; z-index: 1}
#main-content-top{background: url(../images/submenu-default.gif) no-repeat; padding-top: 17px; width: 640px; height: 235px;  z-index: 1}
#main-content-bottom{margin-left: 210px; width: 430px;  z-index: 1}
#left{ z-index: 1}
#right{ z-index: 1}
#footer{width: 781px; height: 66px; background: url(../images/footer-background.gif) no-repeat top left; margin: 20px 0 15px 315px; padding: 15px 0 0 10px;}
#theme{background: url(../images/background-theme.gif) no-repeat left top; width: 1106px; height: 818px; position: absolute; z-index: 1}
#rotate-photogallery{width: 1001px; height: 267px; position: absolute; margin: 57px 0 0 105px}
#languages{position: absolute; margin: 7px 0 0 786px; width: 300px; text-align: right; z-index: 1}
#page-description-text{color: white; font-size: 11px; width: 266px; padding: 20px; margin-left: 310px; margin-top: 10px; position: absolute; }
#helpdesk{position: absolute; z-index: 3; width: 360px; height: 68px; margin: 90px 0 0 746px}
#main-contacts{margin-top: -323px; padding-bottom: 75px}
#submenu{position: absolute; width: 260px; padding: 16px 0 0 15px}
#navigation{position: absolute; width: 633px;margin-top: 2px; z-index: 4}
.submenu_icon{position: absolute; margin-top: -17px}

/* SIRKY PRVKU LAYOUTU !!!! obecne !!!! */
#header,#main{width: 1106px;}
#left{width: 280px;}
#right{width: 334px; margin-top: -3px; min-height: 700px; _height: 700px}
#content{width: 1001px}

/* KOREKTNI ZOBRAZENI  !!!! nemenit !!!! */
#content,#content #left,#content #right, #footer{position: relative} 
#main,#header,.cb{margin: 0 ; display: block}
#content,#footer{display: block}
#content #left{float: left; display: block}
#content #right{float: right; display: block}
.cb{clear:both; height: 0px; overflow: hidden; _clear: none;} 0px; overflow: hidden; _clear: none;}