/*-------------------------------   Main and tag definitions            ---------------------------------*/

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

body {
    background-color: #ffffff;
    background-image: url("images/bg-body.jpg");
    background-position: top;
    background-repeat: repeat-x;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
}

body, textarea, input, select {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
}

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

a:hover {
    text-decoration: none;
}

img {
    border: none;
}

pre {
    padding: 0px 0px 0px 12px;
    margin: 0px 0px 5px 0px;
}

p {
    padding: 0px;
    margin: 0px 0px 5px 0px;
}

h1, h2, h3, h4, h5, h6 {
    color: #000000;
}

h2 a {
    color: #ffffff;
    text-decoration: none;
}

h2.red, h2.blue, h2.orange, h2.green {
    background-image: url("images/bg-h2-red.jpg");
    background-repeat: repeat-x;
    color: #ffffff;
    
    font-size: 18px;
    font-weight: bold;
    
    padding: 5px 15px;
    margin-bottom: 2px;
}

h2.blue {
    background-image: url("images/bg-h2-blue.jpg");
}

h2.orange {
    background-image: url("images/bg-h2-orange.jpg");
}


h2.green {
    background-image: url("images/bg-h2-green.jpg");
}


h2.orange div.right a, h2.green div.right a, div.green-header div.right a {
    font-size: 12px;
    position: relative;
    text-decoration: underline;
    top: -2px;
    color: #ffffff;
} 

div.green-header {
    background-image: url(images/bg-h2-green.jpg);
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    height: 27px;
    padding: 5px 15px 0;
    margin-bottom: 1px;
}


h2.orange div.right a:hover, h2.green div.right a:hover {
    text-decoration: none;
}

h2.firma-title {
    font-size: 26px;
    font-weight: bold;
    color: #e51e14;
    margin: 5px 15px 20px;
}

div.world {
    margin: 20px auto;
    width: 969px;
    text-align: left;
    position: relative;
}

div.main {
    padding: 15px 30px 10px 20px;
}

td {
    vertical-align: top;
}


/*-----------------------------------     Top definitions        ----------------------------*/

div.top {
    background-image: url("images/bg-header.jpg");
    background-repeat: no-repeat;
    
    height: 138px;
}

div.top span.logo-text {
    display: none;
}

div.top div.logo-link-container {
    float: left;
}

div.top div.logo-link-container a {
    display: block;
    width: 130px;
    height: 138px; 
}

div.top div.links-container {
    float: left;
    padding-top: 6px;
    margin-top: 12px;
}

div.top div.logo-text-link-container a {
    display: block;
    width: 290px;
    height: 42px;
    margin: 0px 27px;
}

div.top div.logo-text-link-container {
    float: left;
}

div.top div.links-right {
    float: left;
    margin-top: 7px;
}

div.top div.search-container {
    float: left;
    padding-top: 14px;
    padding-left: 30px;
}

div.top div.search-container input.search-text {
    background-image: url("images/bg-search-box.png");
    background-repeat: no-repeat;
    background-position: left;
    
    border: 2px solid #ffffff;
    padding: 5px 5px 3px;
    width: 350px;
    
    font-weight: bold;
    font-size: 14px;
}

div.top div.search-container input.submit-search {
    position: relative;
    top: 7px;
    left: 20px;
}

div.top div.clock-container {
    float: right;
    padding-top: 5px;
    margin-right:15px;
}





/*-----------------------------------     Content definitions        ----------------------------*/

div.content {
    width: 940px;
    margin: 0px 5px 5px 0px;
    position: relative;
}

div.content div.breadcrumbs {
    font-size: 0.9em;
    margin: 0px 0px 10px 0px;
    display: none;
}      
   


 

/*-----------------------------------     Home page definitions        ----------------------------*/ 

h2.red label.alphabet {
    font-weight: normal;
    font-size: 14px;
    margin-top: 3px;
}

h2.red label.alphabet a {
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}    

h2.red label.alphabet a:hover {
    color: #000000;
    text-decoration: underline;
}

div.home-categories-container {
    width: 651px;
    float: left;
}

div.home-categories-container div.home-category-box {
    float: left;
    width: 159px;
    height: 104px;
    
    background-image: url("images/bg-home-category-box.jpg");
    background-repeat: no-repeat;
    margin-right: 4px;
    margin-bottom: 4px;
    
    cursor: pointer;
}

div.home-categories-container div.home-category-box:hover {
    background-image: url("images/bg-home-category-box-a.jpg");
}

div.home-category-box div.home-category-content {
    background-repeat: no-repeat;
    background-position: right bottom;
    height: 84px;
    margin: 9px;
}

div.home-category-content div.home-category-name {
    width: 140px;
    height: 42px;
}
 
 div.home-category-name a {
    font-weight: bold;
    font-size: 17px;
    color: #bc0b00;
    text-decoration: none;
    line-height: 17px;
}

div.home-category-content div.home-category-children {
    width: 85px;
}

div.home-category-content div.home-category-children a {
    display: block;
    font-size: 11px;
}


div.home-recomended-container {
    width: 285px;
    float: right;
    
    _width: 282px;
}

div.home-recomended-container h2 {
    margin-bottom: 3px;
}

div.home-recomended-container div.home-recomended-box {
    height: 102px;
    _height: 95px;
    
    background-color: #ffffff;
    background-image: url("images/bg-home-recomended-box.jpg");
    background-repeat: no-repeat;
    background-position: bottom;
    margin-bottom: 6px;
    _margin-bottom: -1px;
}

div.home-recomended-container div.home-recomended-box:hover {
    background-image: url("images/bg-home-recomended-box-a.jpg");
    background-position: top;
    background-color: #F5FAFD;
}

div.home-recomended-container-specific div.home-recomended-box {
    height: 114px;
}

div.home-recomended-box {
    cursor: pointer;
}

div.home-recomended-box div.home-recomended-left {
    float: left;
    width: 160px;
    margin: 10px;
    
    _width: 150px;
}

div.home-recomended-left div.home-recomended-name {
    background-image: url("images/bg-recomended-name.jpg");
    background-repeat: no-repeat;
    background-position: left 4px;
    
    margin-bottom: 3px;
    padding-left: 17px;
    height: 30px;
}

div.home-recomended-left div.home-recomended-name a {
    font-size: 13px;
    font-weight: bold;
    color: #2799d3;
    text-decoration: none;
}

div.home-recomended-left div.home-recomended-desc {
    background-image: url("images/bg-recomended-desc.jpg");
    background-repeat: no-repeat;
    background-position: left 3px;
    
    font-size: 10px;
    color: #2799d3;
    
    margin-bottom: 3px;
    padding-left: 17px;
}

div.home-recomended-link {
    background-image: url("images/bg-recomended-link.jpg");
    background-repeat: no-repeat;
    background-position: left 4px;
    
    position: relative;
    top: -35px;
    _top: -25px;
    left: 10px;
    _left: 20px;
    float: left;
    height: 0px;
}
    

div.home-recomended-link a {
    font-size: 12px;
    color: #2879a2;
    
    margin-bottom: 3px;
    _margin-bottom: 0px;
    padding-left: 17px;
}

div.home-recomended-box div.home-recomended-logo {
    float: right;
    width: 85px;
    height: 85px;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 8px;
    padding-right: 18px;
    _padding-right: 0px;
    _margin-right: 3px;
}

div.category-breadcrumbs {
    font-weight: bold;
    padding: 2px 5px 4px;
}

div.category-breadcrumbs a {
    font-weight: normal;
}

div.current-information {
    margin: 7px 15px 0px 30px;
    font-size: 11px;
    font-weight: bold;
}

div.current-information a.one-news {
    text-decoration: none;
    font-weight: normal;
}





/*-----------------------------------     Add company page definitions        ----------------------------*/

/*-----------------------------------     Zakladne udaje definitions        ----------------------------*/

div.top-infopanel {
    background-image: url("images/bg-top-infopanel.jpg");
    background-repeat: no-repeat;    
    
    padding: 15px 0px;
    margin-bottom: 2px;
    position: relative;
    _position: inherit;
    
    border-right: 1px solid #BEBEBE;
    text-align: center;
}

div.big-background {
    background-image: url("images/bg-top-infopanel-big.jpg");
    background-color: transparent;
}

div.infopanel-teaser {
    text-align: left;
    float: right;
    
    font-size: 12px;
    font-weight: bold;
    
    padding-right: 30px;
    margin-top: 10px;
    line-height: 18px;
}

div.infopanel-text {
    text-align: justify;
    float: left;
    
    padding-left: 30px;
    margin-top: 10px;
    
    font-size: 12px;
    width: 550px;                                            
}


div.top-infopanel h2.infopanel-title {
    color: #ff2426;
    font-style: italic;
    font-size: 24px;
    text-align: left;
    padding-left: 30px;
}


div.top-infopanel div.input {
    padding: 5px 25px 10px;
    text-align: left;
}

div.top-infopanel div.input select {
    padding: 3px 5px; 
}



div.add-first-container-left {
    float: left;
    width: 460px;
    border-left: 1px solid #bebebe;
}


div.change-to-paid {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 110px;
    cursor: pointer;
}

div.change-to-paid img {
    float: left;                   
}

div.change-to-paid div.right {
    width: 50px;
    text-align: left;
    color: #F2463C;
    font-size: 12px;
}


div.add-first-container-right {
    float: left;
    width: 475px;
    
    background-image: url("images/bg-page-emboss-left.jpg");
    background-repeat: repeat-y;
    background-position: left; 
    border-right: 1px solid #bebebe;
}


div.first-container-type {
    margin-top: 20px;
    margin-left: 25px;
}

div.add-first-button-green {
    background-image: url("images/btn-continue-green.jpg");
    background-repeat: no-repeat;
    width: 167px;
    margin: 20px auto;
    text-align: center;
}

div.add-first-button-green:hover {
    background-image: url("images/btn-continue-green-a.jpg");
}

div.add-first-button-red {
    background-image: url("images/btn-continue-red.jpg");
    background-repeat: no-repeat;
    width: 167px;
    margin: 20px auto;
    text-align: center;
}

div.add-first-button-red:hover {
    background-image: url("images/btn-continue-red-a.jpg");
}

div.add-first-button a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    padding: 8px 0px;
    text-decoration: none;
}

div.add-first-choose {
    height: 200px;
}

div.form-container-outer h3.add-first {
    font-size: 18px;
    margin-left: 40px;
}

h4.add-first {
    font-size: 14px;
    margin-left: 40px;
}

h4.green {
    color: #49ae00;
}

h4.red {
    color: #e20001;
}

span.light-red {
    color: #ff0003;
    font-weight: bold;
}

div.add-first-benefites {
    margin-left: 40px;
    height: 420px;
    line-height: 18px;
}

div.add-first-screen { 
    margin-left: 40px;
    margin-top: 30px;
    height: 280px;
    color: #7a7a7a;
}

div.add-first-screen2 {
    margin-left: 40px;
    height: 110px;
    color: #7a7a7a;
}

div.add-first-screen img, div.add-first-screen2 img {
    margin-top: 5px;
}

div.infopanel-payed {
    width: 750px;
    margin: 0px auto;
}

div.infopanel-free {
    width: 600px;
    margin: 0px auto;
}

div.top-infopanel div.top-infopanel-icon {
    float: left;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    width: 150px;
    cursor: pointer;
}

div.top-infopanel div.top-infopanel-icon img {
    display: block;
    margin: 0px auto 5px;
    width: 45px;
}

div.top-infopanel div.selected-icon {
    color: #e72113;
}

div.top-infopanel div.top-infopanel-icon:hover {
    color: #e72113;
}




/*-----------------------------------     Kontaktne udaje definitions        ----------------------------*/

      
div.map-container div.map-canvas {
    height: 350px;
    width: 880px;
    margin: 20px auto;
    
    border: 1px solid black;
}

div.open-hours-container {
    width: 580px;
    margin: 20px auto;
}

table.open-hours-table th {
    padding: 0px 5px;
}

table.open-hours-table td {
    padding: 5px;
    vertical-align: middle;
}  

table.open-hours-table input.text {
    border: 1px solid #c1c1c1;
    padding: 2px 10px;
    width: 80px;
    text-align: center;
}                      

div.open-hours-buttons {
    margin: 5px 60px 40px;
}

div.open-hours-buttons a.open-hours-button {
    float: left;
    display: block;
    padding: 3px 10px;
    border-bottom: 2px solid #7c7c7c;
    border-right: 2px solid #7c7c7c;
    border-top: 2px solid #f5f5f5;
    border-left: 2px solid #f5f5f5;
    text-decoration: none;
    color: #333333;
}    

div.disabled label, div.disabled div.input-help {
    color: #B0B0B0;
}

div.show-on-map {
    text-align: center;
}

div.show-on-map a {
    font-size: 16px;
    font-weight: bold;
}


/*-----------------------------------     Vyber kategorie definitions        ----------------------------*/


div.choose-category-links {
    position: relative;
    top: 7px;
}

div.choose-category-links div.choose-category-link {
    float: left;
    text-align: center;
} 

div.choose-category-links div.choose-category-link a {
    color: #e20f00;
    display: block;
    padding: 5px;
    padding-bottom: 5px;
    margin: 0px 2px;
    font-weight: bold;
    font-size: 16px;
} 

div.choose-category-links div.selected-category {
    background-image: url("images/bg-form-top.jpg");
    background-repeat: repeat-x;
    background-position: left 1px; 
    border-top: 1px solid #bebebe;
}

div.choose-category-links div.selected-category a {
    color: #000000;
    text-decoration: none;
    font-size: 14px;
    padding: 7px;
    padding-bottom: 7px;
}

div.category-list-left {
    float: left;
    width: 410px;
    min-height: 480px;
}                

div.category-list-right {
    float: right;
    width: 410px;
    min-height: 480px;
}               

div.form-container-inner h3.cat-name {
    margin-bottom: 2px;
}

div.form-container-inner h3.cat-name a {
    font-size: 14px;
    font-weight: bold;    
    color: #e20000;
}

div.form-container-inner div.subcategory-container {
    font-size: 12px;
    height: 40px;
}

div.form-container-inner h3.cat-name-free {
    margin-bottom: 2px;
    color: #B0B0B0;
}

div.subcategory-container span.subcategory-free{
    color: #B0B0B0;
}


div.category-list-col {
    float: left;
    width: 250px;
    padding: 0px 25px;
    margin-bottom: 30px;
}

div.category-list-col2 {
    float: left;
    width: 235px;
    padding: 0px 25px;
    margin-bottom: 10px;
}

div.category-list-col2 div.cat-con {
    background-image: url('images/icon-category-arrow.png');
    background-position: left 3px;
    background-repeat: no-repeat;
    padding-left: 20px;
}

div.form-container-inner div.category-list-col2 a {
    color: #c90a00;
    font-size: 13px;
    font-weight: bold;
}

div.form-container-inner div.category-list-col2 a:hover {
    color: #000000;
}

div.category-list-icon {
    float: right;
    margin-bottom: 10px;
}

div.category-breadcrumb {
    margin-bottom: 15px;
}

div.cat-con {
    margin-bottom: 3px;
}

div.cat-con td.cat-name, div.cat-con-free td.cat-name{
    padding-left: 10px;    
}

div.cat-con-free td {
    color: #B0B0B0;
}

div.cat-con a.choose-category-link {
    color: #e20000;
}


div.choosed-category-container {
    height: 40px;
    margin-top: 25px;
}


div.choosed-category h4 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}

div.choosed-category div.choosed-category-main {
    float: left;
    width: 310px;
    padding-right: 30px;
}

div.choosed-category div.choosed-category-main a {
    color: #da0102;
    font-size: 14px;
    font-weight: bold;
}

div.choosed-category div.choosed-category-sub {
    float: left;
    width: 340px;
    padding-right: 30px;
    font-size: 14px;
}

div.choosed-category div.choosed-category-link {
    float: left;
    width: 100px;
    font-size: 14px;
    margin-top: 21px;
}

div.choosed-category div.choosed-category-link a {
    color: #da0102;
}

div.choosed-category-info {
    margin: 25px 0px 10px;
    font-size: 12px;
    color: #767676;
}



/*Kategorie na hlavni strance*/

div.home-categories-container div.category-list-left {
    float: left;
    width: 280px;
    min-height: 400px;
}

div.home-categories-container div.category-list-right {
    float: right;
    width: 280px;
    min-height: 400px;
}

div.form-container-inner div.subcategory-container a {
    color: #333333;
}

div.home-categories-container div.choose-category-links div.choose-category-link a {
    color: #e20f00;
    display: block;
    padding: 3px;
    margin: 0px 2px 0px 1px;
    font-weight: bold;
    font-size: 14px;
} 

div.home-categories-container div.choose-category-links div.choose-category-link a:hover {
    color: #000000;
}

div.home-categories-container div.choose-category-links div.selected-category {
    background-image: url("images/bg-form-top.jpg");
    background-repeat: repeat-x;
    background-position: left 1px; 
    border-top: 1px solid #bebebe;
}

div.home-categories-container div.choose-category-links div.selected-category a {
    color: #333333;
    text-decoration: none;
    font-size: 14px;
    padding: 2px 3px 8px;
}


div.home-categories-container div.category-list-col {
    float: left;
    width: 170px;
    padding: 0px 15px;
    margin-bottom: 20px;
}

div.home-categories-container div.category-list-col div.cat-con {
    background-image: url('images/icon-category-arrow.png');
    background-position: left 3px;
    background-repeat: no-repeat;
    padding-left: 15px;
}

div.home-categories-container div.form-container-inner div.category-list-col a {
    color: #c90a00;
    font-size: 12px;  
    font-weight: bold;        
}

div.home-categories-container div.form-container-inner div.category-list-col a:hover {
    color: #000000;         
}



/*-----------------------------------     Doplnkove udaje definitions        ----------------------------*/


div.action-offer-photo {
    margin-left: 10px;
}

div.add-company-photo, div.add-photogalery-photo {
    width: 110px;
    height: 70px;
    background-position: center;
    background-repeat: no-repeat;
}

div.add-photogalery-photo {
    margin-right: 44px;
}

div.company-logo-photo {
    margin-bottom: 18px;
}

div.photo-buttons {
    margin-top: 10px;
}

div.photo-buttons a.photo-delete, div.photo-buttons a.photo-load {
    background-image: url("images/btn-delete-photo.jpg");
    background-position: center;
    background-repeat: no-repeat;  
    
    text-align: center;
    text-decoration: none;
    font-size: 12px;  
    font-weight: bold;
    
    color: #ffffff;
    background-color: #ec2f01;
    padding: 4px 16px;
}

div.photo-buttons a.photo-load {
    background-image: url("images/btn-add-photo.jpg");
    background-color: #3bda35;
}

div.photo-buttons a.photo-load:hover {
    background-image: url("images/btn-add-photo-a.jpg");
}

div.photo-buttons a.photo-delete:hover {
    background-image: url("images/btn-delete-photo-a.jpg");
}

div.form-photogalery-photos {
    margin: 20px 0px;
}


div.upload-content {
    width: 940px;
    margin: 10px auto;
}

div.input-add-link {
    margin-top: 10px;
}

div.input-add-link a {
    color: #E71602;
    font-weight: bold;
}

div.input img {
    margin-left: 10px;
}

 
 
 
/*-----------------------------------     Vypis firmy definitions        ----------------------------*/ 
 
 
div.company-info-container {
    float: left;
    width: 760px;          
} 

div.company-info-container-full {
}

div.photogallery-container {
    float: right;
    width: 180px; 
    
    background-color: #ffffff;
    background-image: url("images/bg-form-right.jpg");
    background-repeat: repeat-y;
    background-position: right;
} 

 
div.recapitulation-header {
    background-image: url('images/bg-h2-gray.jpg');
    background-repeat: repeat-x;
    border-left: 1px solid #9da4a8;
    border-right: 1px solid #9da4a8;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding: 6px 15px;
} 

div.container-icon {
    float: left;
    width: 40px;
    margin-left: -10px;
}

div.company-main-info-container {
    float: left;
    margin-bottom: 10px;
}

div.company-main-info-left {
    float: left;
    width: 520px; 
}

div.company-main-info-left h2 {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: normal;
}


div.form-container-outer div.company-main-info-left h3, div.form-container-outer div.company-contact-info-left h3, div.form-container-outer div.contacts-box h3 {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: normal;
}

div.form-container-outer div.form-container-inner-action div.company-main-info-left h3 {
    color: #e2270b;
}

div.company-main-info-left div.main-info-text {
    white-space: pre-wrap;
}


div.company-main-info-right {
    float: right;
    text-align: center;
    width: 150px; 
}

div.company-main-info-right a.company-logo, div.company-main-info-right div.company-logo {
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    height: 80px;
    width: 120px;
    margin: 15px auto;
}

div.company-main-info-right div.company-website a {
    color: #ff0000;
}

div.photogallery-picture-holder {
    border-left: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
}

a.photogallery-picture, div.photogallery-picture {
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    height: 80px;
    width: 120px;
    margin: 0px auto 20px; 
}

div.photogallery-pic-subholder {
    width: 175px;
    float: left;
}

div.contacts-container-left {
    float: left;
    width: 350px;
    position: relative;
    left: -25px;
}

div.map-container-right {
    float: right;
    width: 350px;
    padding: 25px 0px;
}
 
div.map-container-right div.map-container-box {
    width: 340px;
    height: 280px;
    border: 1px solid #a2a2a2;;
} 
 
 
div.company-contact-info-container {
    float: left;
    width: 670px; 
}

div.company-contact-info-container div.company-contact-info-left {
    float: left;
    width: 320px;
}

div.company-contact-info-container div.company-contact-info-right {
    float: right;
    width: 350px;
    margin-top: 30px;
}

div.contacts-box {
    background-image: url('images/bg-contact-info.jpg');
    margin-top: 25px;
    padding-top: 10px;
    background-repeat: no-repeat;
    background-position: left top;
}

table.contact-table {
    border: none;
    border-collapse: collapse;
}

table.contact-table td {
    padding: 1px 3px;
    vertical-align: top;
}

table.contact-table td.contact-table-key {
    font-weight: bold;
    width: 80px;
}

table.contact-table td.contact-table-value {
    width: 180px;
}

table.contact-table td.red-color, div.form-container-inner a {
    color: #CC0000;
}

div.contacts-box div.contact-box-icon {
    float: left;
    width: 40px;
    padding-left: 15px;
}

div.contacts-box div.contact-box-text {
    float: left;
    width: 270px;
}


div.form-container-outer div.company-other-contacts-container h3, div.form-container-outer h3.vypis {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: normal;
}

div.company-other-contacts-container {
    float: left;
    width: 670px; 
}


div.region-filter-container {
    background-image: url('images/bg-filter-region.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    height: 87px;
    border: 1px solid #BEBEBE;
    margin: 2px 0px 3px;
}

div.region-filter-container div.region-filter {
    padding: 10px 15px;
    width: 720px;
    line-height: 19px;
}

div.region-filter-container div.region-filter h3 {
    font-size: 16px;
    margin-bottom: 5px;
}

div.region-filter-container div.region-filter a {
    margin-right: 15px;
    font-weight: bold;
}

div.region-filter-container div.region-filter h3 a {
    margin-right: 0px;
    color: #E52014;
}

div.companies-pp-form label {
    font-size: 14px;
    font-weight: normal;
    margin-right: 5px;
    margin-top: 2px;
}

div.companies-pp-form select {
    font-size: 14px;
    border: 1px solid #FFFFFF;
    background-image: url('images/bg-companies-pp-form.jpg');
    background-repeat: repeat-x;
    background-position: left bottom;
}


div.company-teaser-odd {
    border: 1px solid #BEBEBE;
    background-image: url('images/bg-company-odd.png');
    background-position: center center;
    background-repeat: no-repeat;
    height: 114px;
    margin-bottom: 4px;
}

div.company-teaser-even {
    border: 1px solid #BEBEBE;
    background-image: url('images/bg-company-even.png');
    background-position: center center;
    background-repeat: no-repeat;
    height: 114px;
    margin-bottom: 4px;
}

div.teaser-logo {
    margin: 15px 15px 0px 20px;
    _margin: 15px 10px 0px 8px;
    float: left;
    width: 85px;
    height: 65px;
    background-position: center;
    background-repeat: no-repeat;
}

div.teaser-photo {
    margin: 15px 20px 0px 15px;
    _margin: 15px 8px 0px 10px;
    float: right;
    width: 85px;
    height: 60px;
    background-position: center;
    background-repeat: no-repeat;
}

div.teaser-body {
    float: left;
    width: 400px;
    height: 80px;
    margin-top: 10px;
    text-align: justify;
}

div.teaser-body h4{
    font-size: 14px;
    font-weight: bold;
    color: #000000; 
    text-decoration: none;
}

div.teaser-body div.teaser-action-offer {
    color: #e52014;
    font-size: 11px;
    margin-bottom: 4px;
    text-decoration: none;
    text-align: left;
}

div.teaser-body div.teaser-action-description {
    color: #555555;
    font-size: 11px;
    margin-bottom: 5px;
    line-height: 13px;
    text-decoration: none;
}

div.teaser-contacts {
    padding: 5px 30px;
    font-size: 11px;
}

div.teaser-contacts img {
    position: relative;
    top: 2px;
}

div.teaser-contacts a {
    color: #e52014;
}   

div.company-detail-header {
    background-image: url('images/bg-h2-red.jpg');
    background-repeat: repeat-x;
    border: 1px solid #9da4a8;
    border-bottom: none;
    
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 15px 0px;
    height: 27px;
}            

div.company-detail-header div.left a {
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    position: relative;
    top: -1px;
}

div.company-detail-header div.left span.company-count {
    font-weight: normal;
    font-size: 14px;
    position: relative;
    top: -1px;
}

div.company-detail-header div.right a {
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    position: relative;
    top: 2px;
}

div.company-detail-header div.left img {
    position: relative;
    top: -3px;
    margin-left: 3px;
}

div.contact-form {
    padding-left: 30px;
}

div.register_info {
    font-size: 10px;
    color: #9D9D9D;
    text-align: justify;
}

input.search-id {
    width: 40px;
    border: 1px solid #909090;
    font-size: 10px;
    text-align: center;
    padding: 1px;
}

div.results {
    color: #c90800;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}




/*---------------------------------       Login form definitions            ----------------------------------*/

div.login-left {
    float: left;
    width: 440px;
    margin-left: 150px;
}

div.login-right-reklama {
    float: right;
    width: 200px;
    height: 200px;
}

div.login-left-logo {
    float: left;
    margin-top: 25px;
}

div.login-left-logo {
    float: left;
}

div.login-right-form {
    float: right;
}





/*--------------------------------       Reklama definitions       -----------------------------------------------*/


div.advertising {
    text-align: center;
}

div.center-banner-left {
    padding-left: 20px;
    float: left;
}

div.center-banner-right {
    padding-right: 7px;
    float: right; 
}

div.left-side-banner {
    position: absolute;
    left: -130px;
    top: 0px;
}

div.right-side-banner {
    position: absolute;
    right: -127px;
    top: 0px;
}





/*--------------------------------       Contract definitions       -----------------------------------------------*/


div.contract-infopanel div.left {
    font-size: 14px;
    font-weight: bold;
    color: #58bf06;
    padding: 21px 0px 0px 40px;
}

div.contract-infopanel div.right {
    padding: 7px 60px 7px 0px;
}


div.contract-main-info-container {
    margin-bottom: 20px;
}

div.contract-main-info-left {
    float: left;
    margin-left: 10px;
    width: 520px;
    color: #000000;
    font-weight: bold;
}

div.contract-main-info-left h2 {
    font-size: 18px;
    font-weight: bold;
    color: #62cb0c;
    margin-bottom: 10px;
}

div.contract-main-info-right {
    float: right;
    font-size: 14px;
    font-weight: bold;
}

div.contract-main-info-right span {
    font-weight: normal;
    color: #9c9c9c;
}

div.contract-container-left {
    float: left;
}

div.contract-container-right {
    float: right;
}

div.contract-box {
    background-image: url('images/bg-contact-info.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    
    margin-left: -25px;
    margin-bottom: 20px;
    
    padding-left: 15px;
    padding-top: 15px;
    width: 570px;
}

div.main-info-text {
    /*margin-left: 40px;*/
    margin-bottom: 25px;
    width: 500px;
}

div.contract-container-left div.main-info-text {
    white-space: pre-wrap;
    padding-left: 40px;
}

div.contract-box-text {
    margin-left: 20px;
}

table.contract-table td.contract-table-key {
    font-weight: bold;
    width: 80px;
    vertical-align: top;
}

div.contract-box a {
    color: #4aa500;
}

div.form-container-outer div.contract-form h3 {
    font-size: 17px;  
    margin-bottom: 15px;
}


div.contract-list-header div.left {
    width: 700px;
}

div.contract-list-header div.right {
    font-weight: bold;
    font-size: 14px;
    margin-top: -10px;
}

div.form-container-outer div.contract-list-header h3 {
    margin-bottom: 5px;
}

div.form-container-outer div.contract-list-header h3 a {
    color: #62cb0c;
    font-weight: normal;
    font-size: 18px;
}

div.contract-list-desc {
    margin-bottom: 15px;
}

div.contract-list-contacts div.category-left {
    font-weight: bold;
    float: left;
    margin-bottom: 15px;
    width: 370px;
}

div.contract-list-contacts div.contacts-right {
    font-size: 11px;
    float: right;
    color: #47a100;
    margin-top: 5px;
    width: 500px;
    text-align: right;
}

div.contract-list-contacts div.contacts-right a {
    color: #47a100;
}

div.contract-list-contacts div.contacts-right img {
    top: 2px;
    position: relative;
}






/*--------------------------------       Form definitions       -----------------------------------------------*/


div.form-starter {
    border-top: 1px solid #bebebe;
}

div.form-container-outer {
    background-color: #ffffff;
    border: 1px solid #cadde5;
    border-top: 1px solid #bebebe;
    background-image: url("images/bg-form-right.jpg");
    background-repeat: repeat-y;
    background-position: right;
}
      
div.form-container-inner {
    background-image: url("images/bg-form-top.jpg");
    background-repeat: repeat-x;
    background-position: right top; 
    border: 1px solid #bebebe;
    border-top: 1px solid #ffffff;
    padding: 20px 30px 5px 25px;
}

div.noborder {
    border-bottom: none;
}

div.nobackground {
    background: none;
}

div.background-higher {
    background-position: right -26px;
}

div.form-container-bottom-emboss {
    background-image: url("images/bg-form-bottom.jpg");
    background-repeat: no-repeat;
    background-position: right bottom;
    height: 8px;
    
    border: 1px solid #bebebe;
    border-top: none;
}


div.form-container-paid-right {
    background-image: url("images/bg-form-right-red.jpg");
    background-repeat: repeat-y;
    background-position: right;
    background-color: #F4897F;
}

div.form-container-action-right {
    background-image: url("images/bg-form-right-pink.jpg");
    background-repeat: repeat-y;
    background-position: right;
    background-color: #fbe0e0;
}

div.form-container-inner-action {
    background-image: url("images/bg-form-top-pink.jpg"); 
    border-top: none;
}

div.form-container-inner-paid {
    background-image: url("images/bg-form-top-red.jpg");
} 

div.form-container-inner-paid h3 {
    color: #808080;
}

div.form-container-bottom-paid-emboss {
    background-image: url("images/bg-form-bottom-red.jpg");
}



div.form-container-bottom-emboss-left {
    background-image: url("images/bg-form-bottom.jpg");
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 9px;
    border-bottom: 1px solid #bebebe;
}

div.form-container-bottom-emboss-right {
    background-image: url("images/bg-page-emboss-bottom-right.jpg");
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 9px; 
    border-bottom: 1px solid #bebebe;
}


div.form-container-outer h3 {
    font-weight: bold;
    font-size: 14px;    
    margin-bottom: 15px;
}

div.input {
    padding-bottom: 20px;
}


div.input label {
    font-weight: bold;
    font-size: 12px;
    display: block; 
    margin-bottom: 5px;
}


div.input div.input-help {
    font-size: 10px;
    margin-top: 5px;
}


div.input input, div.input select, div.input textarea {
    border: 1px solid #adadad;
}

div.input input.text, div.input textarea.area {
    padding: 4px 5px; 
}

div.input select.select {
    padding: 3px 0px;  
}


div.input .long {
    width: 870px;
}

div.input .long-medium-long {
    width: 660px;
}

div.input .long-medium {
    width: 490px;
}                     

div.input .medium {
    width: 415px;
}

div.input .medium-small {
    width: 370px;
}

div.input .small {
    width: 300px;
}

div.input .small-mini {
    width: 230px;
}

div.input .mini {
    width: 100px;
}



div.input input.long-text {
    width: 870px;
    padding: 4px 5px; 
}   

div.input input.medium-text {
    width: 415px;
    padding: 4px 5px; 
}

div.input input.medium-small-text {
    width: 370px;
    padding: 4px 5px; 
}

div.input input.medium-medium-text {
    width: 300px;
    padding: 4px 5px; 
}

div.input input.small-text {
    width: 230px;
    padding: 4px 5px; 
}


div.input select.medium-select {
    width: 415px;
    padding: 3px 0px;  
}

div.input select.mini-select {
    width: 100px;
    padding: 3px 0px;  
}

div.input textarea.long-area {
    width: 870px;
    padding: 4px 5px;  
}


div.input-error div.input-help, label.input-error {
    color: #DA0203;    
}

div.input-ok div.input-help, label.input-ok {
    color: #2CB320;    
}


div.input-error input, div.input-error textarea, div.input-error select {
    border-color: #DA0203;
}


div.buttons {
    text-align: right;  
    padding-right: 5px;   
}

div.buttons input.reset, div.buttons input.submit {
    color: #ffffff;
    background-image: url("images/bg-btn-reset.jpg");
    background-repeat: repeat-x;
    padding: 3px 30px;
    border: 1px solid #adadad;
    margin-right: 10px;
}

div.buttons input.submit {
    background-image: url("images/bg-btn-submit.jpg");
    font-weight: bold;
    margin-right: 0px;
}

div.add-company-buttons {
    float: right;
    margin: 10px 0px 15px;
    width: 395px;
    text-align:right;
}


div.add-company-buttons input.save-changes-button {
    background-image: url("images/bg-btn-save.jpg");
    background-repeat: no-repeat;
    border: none;
    
    color: #000000;
    font-weight: bold;
    text-align: center;
    
    width: 119px;
    height: 27px;
    margin-right: 9px;
    cursor: pointer;
    
    float: left;
}

div.add-company-buttons a.edit-company-next, div.add-company-buttons a.edit-company-prev {
    display: block;
    float: right;
    
    background-image: url("images/bg-btn-continue.jpg");
    background-repeat: no-repeat;
    border: none;
    
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    padding-top: 7px;
    
    width: 128px;
    height: 20px;
}

div.add-company-buttons a.edit-company-prev {
    float: left;
    width: 130px;
    background-image: url("images/bg-btn-back.jpg");
    margin-right: 9px;
}


div.form-error {
    text-align: center;
    margin-bottom: 10px;
    color: #DA0203;
}

div.form-message {
    color: green;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}


option.depth-0 {
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 3px;
}

option.depth-1 {
    font-weight: bold;
    font-style: italic;
    margin-bottom: 2px;
}

option.depth-2 {
    font-style: italic;
    margin-bottom: 1px;
}

option.depth-other {
    margin-bottom: 0px;
}



/*--------------------------------       Pager definitions       -----------------------------------------------*/ 

div.pager {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -2px;
}

div.pager a {
    color: #ffffff;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: normal;
}

div.pager div.left-pager-links {
    float: left;
    width: 250px;
    font-weight: normal; 
    margin-top: 2px;
}

div.pager div.left-pager-links a {
    margin-left: 3px;
    position: relative;
    top: -2px;
}

div.pager div.center-pager-links {
    float: left;
    width: 140px;
}

div.pager div.right-pager-links {
    float: right;
    width: 210px;
    text-align: right;
    margin-top: 2px;
    font-weight: normal;
}

div.pager div.right-pager-links a {
    margin-right: 3px;
    position: relative;
    top: -2px
}

div.pager a.pager-page {
    display: block;
    float: left;
    border: 1px solid #F67355;
    padding: 2px 3px;
    margin-left: 5px;
    _margin-left: 2px;
    text-decoration: none;
    font-size: 12px;
    width: 15px;
    text-align: center;
}

div.pager a.pager-page:hover, div.pager a.selected-page {
    border: 1px solid #FFFFFF;
    background-color: #5F1D07;
    font-size: 12px;
}




div.contract-pager {
    background-image:url(images/bg-h2-green.jpg);
    background-repeat:repeat-x;
    color:#FFFFFF;
    font-size:16px;
    font-weight:bold;
    height:27px;
    padding:5px 15px 0;
}

div.contract-pager div.pager div.left-pager-links {
    _width: 400px;
}

div.fuckingIEFix {
    _width: auto;
}

div.fuckingIEFix2 {
    _width: 550px;
}

div.contract-pager div.center-pager-links {
    margin: 0px auto;
    float: none;
    _float: left;
}

div.contract-pager div.center-pager-links div.end {
    clear: none;
}

div.contract-pager div.pager a.pager-page {
    border:1px solid #6ee74d;
}

div.contract-pager div.pager a.pager-page:hover, div.contract-pager div.pager a.selected-page {
    background-color:#195300;
}





/*--------------------------     Content definitions       -------------------------------------------------*/


div.content-preview-links {
    margin-bottom: 20px;
}

div.content-preview-links div.left a, div.content-preview-links div.right a {
    background-image: url('images/bg-btn-reset.jpg');
    background-repeat: repeat-x;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    padding: 3px 20px;
}

div.content-preview-links div.right a {
    background-image: url('images/bg-btn-submit.jpg');
    font-weight: bold;
}






/*--------------------------------       Footer definitions       -----------------------------------------------*/


div.footer {
    margin-left: 20px;
    margin-top: 5px;
}

div.footer a {
    text-decoration: none;
}

div.footer div.footer-news {
    font-size: 11px;
}

div.footer-news div.footer-news-stahuj {
    background-image: url('images/bg-stahuj-cz.jpg');
    background-repeat: no-repeat;
    float: left;
    
    width: 255px;
    height: 130px;    
}

div.footer-news div.footer-news-stahuj div {
    margin: 50px 15px 0px;
}


div.footer-news div.footer-news-kurz {
    background-image: url('images/bg-exchanges-cz.jpg');
    background-repeat: no-repeat;
    float: left;
    
    width: 226px;
    height: 130px;
    
    margin-left: 4px;
}

div.footer-news div.footer-news-kurz div {
    margin: 45px 15px 0px;
    line-height: 24px;
    color: #646360;
}

div.footer-news div.footer-news-kurz div a {
    text-decoration: underline;
    font-weight: bold;
}

div.footer-news div.footer-news-kurz div a:hover {
    text-decoration: none;
}


div.footer-news div.footer-news-idnes {
    background-image: url('images/bg-idnes-cz.jpg');
    background-repeat: no-repeat;
    float: left;
    
    width: 225px;
    height: 130px;
    
    margin-left: 4px;
}

div.footer-news div.footer-news-idnes div {
    margin: 50px 15px 0px;
}


div.footer-news div.footer-news-weather {
    background-image: url('images/bg-weather.jpg');
    background-repeat: no-repeat;
    float: left;
    
    width: 225px;
    height: 130px;
    
    margin-left: 4px;
}

div.footer-news div.footer-news-weather div {
    margin-top: 50px;
    position: relative;
    left: -2px;
}

div.footer-news div.footer-news-weather div font {
    font-size: 10px;
}

div.footer div.bottom-links {
    width: 943px;    
    margin-top: 10px;
    background-color: #ffffff;
}

div.footer div.bottom-links a {
    text-decoration: none;
}

div.footer div.bottom-links a:hover {
    color: #909090;
}


div.may-suit-container div.may-suit-icon {
    float: left;
    font-size: 11px;
    text-align: center;
    max-width: 88px;
    padding: 0px 8px;
    _padding: 0px 7px;
}

div.news-media-container div.news-media-icon {
    float: left;
    font-size: 11px;
    text-align: center;
    max-width: 110px;
    padding: 0px 6px;
}


div.state-organization-container div.state-organization-icon {
    float: left;
    font-size: 11px;
    text-align: center;
    max-width: 115px;
    padding: 0px 15px;
}







/*--------------------------------       Bottom definitions       -----------------------------------------------*/ 

div.bottom {
    text-align: center;
    border-top: 1px solid #b4c9d5;
    color:  #5b8190;
    padding: 10px 0px;
    margin-top: 20px;
    margin-left: 15px;
}

div.bottom a {
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}

div.bottom a:hover {
    text-decoration: none;
}


div.bottom a.update-company {
    color: #e91f0b;
    position: relative;
    top: -8px;
}

div.bottom a.update-contract {
    color: #088b19;
    position: relative;
    top: -8px;
}



div.bottom div.bottom-links {
    border-top: 1px solid #b4c9d5;
    margin-top: 7px;
    padding: 10px 0px;
    text-align: center;
}

div.bottom div.bottom-links a {
    font-size: 12px;
    color: #5b8190;
    text-decoration: underline;
}

div.bottom div.bottom-links a:hover {
    text-decoration: none;
}





/*----------------------             Mini modifikatory         ------------------------------------*/

.end, .clear {
    clear: both;
} 

.left {
    float: left;
} 

.right {
    float: right;
}

.padding-left-20 {
    padding-left: 20px;
}

.padding-left-60 {
    padding-left: 60px;
}

.padding-right-20 {
    padding-right: 20px;
}

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

.margin-bottom {
    margin-bottom: 5px;
}

.right-align {
    text-align: right;
}

.no-margin {
    margin: 0px;
}

input.subject {
    border: none;
    background-color: transparent;
    color: white;
}

div.image-preloader {
    position: absolute;
    top: -2000px;
    height: 0px;
}

div.input span.optional {
    color: #a0a0a0;
    font-style: italic;
}