html, body, h1, h2, h3, h4, p, ul, li, hr, form, fieldset, input, legend { margin: 0; padding: 0;}

/*
 * II. Zakladni CSS tridy
 *     ==================
 **/
.none { display: none;}
.hidden { visibility: hidden;}
.clear { clear: both;}
.relative {position: relative;}

.fl { float: left !important;}
.fr { float: right !important;}

.left, .l { text-align: left;}
.right, .r { text-align: right;}
.center, .c { text-align: center;}
.justify { text-align: justify;}

.clear, .clear1px { clear: both;}
.clear1px { clear: both; height: 1px; font-size: 1px; line-height: 1px; /* for IE */}
.clear-l { clear: left;}
.clear-r { clear: right;}

.bold { font-weight: bold;}
.italic { font-style: italic;}

.w20p { width: 20%;}
.w25p { width: 25%;}
.w30p { width: 30%;}
.w35p { width: 35%;}
.w40p { width: 40%;}
.w45p { width: 45%;}
.w48p { width: 48%;}
.w50p { width: 50%;}
.w100p { width: 100%;}
.w635 { width: 635px;}
.w590 { width: 590px;}
.w560 { width: 560px;}
.w540 { width: 540px;}
.w300 { width: 300px;}
.w350 { width: 350px;}

.nomargin { margin: 0 !important;}
.notopmargin { margin-top: 0 !important;}
.margin5 { margin: 5px 0;}
.margin10 { margin: 10px 0;}
.margin15 { margin: 15px 0;}
.margin35 { margin: 35px 0 !important;}

.notoppadding { padding-top: 0 !important;}

.big { font-size: 1.2em !important;}

body, textarea { font: 0.8em/1.6em Arial, sans-serif;}

table, input, textarea { font-size: 1em;}

a { color: #DD0000;}
a:hover { color: #322F2C;}
a img { border: 0;}
a span { cursor: pointer;}

/* hlavicka + logo */

h1, h2 { color: #322F2C; font-size: 1.7em; font-weight: normal; line-height: normal; margin: 25px 0;}

#text h2.plus { background: url(../images/h3-plus.gif) 0 0.2em no-repeat; padding-left: 23px !important;}
#text h2.plus, #text h3, .lightbox h3 { font-size: 1.1em; font-weight: bold; margin: 30px 0 7px 0;}
#text .list h3 {  color: #DD0000;}

h4 { font-size: 1em; margin: 20px 0 10px;}

.number { color: #A09D9D; font-family: Georgia, Times, serif; font-size: 1.4em; padding-right: 4px;}
.font-gray { color: #605E5B;}

/* hlavni vyhledavani */

#search-suggest-top-offset { float: left; clear: left; width: 100px;}

/* logo */
#logo, #logo a { color: #CE0F0F !important;}

/* odkazova tlacitka */

.button { background: #A60202 url(../images/button-middle.png) 0 0 repeat-x; color: #fff !important; display: block; float: left; font-size: 1.1em; font-weight: bold; margin-right: 10px; text-align: center; text-decoration: none; text-transform: uppercase;}
.button span { background: url(../images/button-left.png) 0 0 repeat-y; display: block;}
.button span span { background: url(../images/button-right.png) 100% 0 repeat-y; line-height: 29px; padding: 0 20px 0 20px;}

p.fr .button { margin-right: 0;}
p.bt { margin-top: 25px;}

.button-gray { background: #474747 url(../images/button-grey-middle.png) 0 0 repeat-x;}
.button-gray span { background-image: url(../images/button-grey-left.png);}
.button-gray span span { background-image: url(../images/button-grey-right.png);}

.button-red { background: #BE0103;}
.button-red span { background-image: url(../images/button-red-left.png);}
.button-red span span { background-image: url(../images/button-red-right.png);}

.button-light-gray { background: #F5F5F5;}
.button-light-gray span { background-image: url(../images/button-light-gray-left.png);}
.button-light-gray span span { background-image: url(../images/button-light-gray-right.png);}

.button-overlay { background: #464646 url(../images/button-overlay.png) 0 100% repeat-x; width: 100%;}
.button-overlay span { background-image: url(../images/button-overlay-left.png);}
.button-overlay span span { background-image: url(../images/button-overlay-right.png);}

.button-overlay, .button-overlay span {display: inline; float: none; line-height: normal; padding-bottom: 7px !important; padding-top: 7px !important;}
.button:hover span span { text-decoration: underline;}

.button-text { float: left; margin-right: 25px;} /* obycejny text mezi tlacitky */

.file { background: #F5F5F5 url(../images/file-left.png) 0 0 repeat-y; color: #DD0000 !important; display: block; margin: 10px 0;}
.file span { background: url(../images/file-right.png) 100% 0 repeat-y; display: block;}
.file span span { background-position: 8px 50%; background-repeat: no-repeat; line-height: 33px; padding: 0 15px 0 45px;}
.file:hover { color: #322F2C !important;}

.file-pdf span span { background-image: url(../images/file-pdf.gif);}

/* odkaz ve tvaru sipky */
p.arrow-link { line-height: 45px; margin-top: 30px !important;}
a.arrow-link { background: url(../images/arrow-link-right.png) 100% 50% no-repeat; color: #fff; display: block; float: left; font-size: 1.3em; font-weight: bold; margin-right: 20px; padding-right: 19px; text-decoration: none; text-transform: uppercase;}
a.arrow-link span { background: #AC0D0E url(../images/arrow-link.png) 0 0 no-repeat; display: block; float: left; padding: 0 16px 0 20px;}
a.arrow-link:hover span { color: #fff; text-decoration: underline;}

/* odkaz vedle nadpisu */
.after-heading { float: left; padding: 2.4em 0 0 1em;}

/* paticka */

#footer { clear: both; font-size: 0.9em; padding-top: 15px; white-space: nowrap; position: relative;}
#footer li { float: left; list-style: none; margin-right: 20px;}
#footer li.fr { margin-left: 20px; margin-right: 0;}
#footer a { color: #3B3B3B;}
#footer a:hover { color: #DD0000;}

#footer #breezy { clear: both; float: left; margin-top: 10px;}
#footer #breezy a { background: url(../images/breezy.png) 100% 0 no-repeat; padding: 4px 25px 4px 0;}
#footer #breezy a:hover { background-position: 100% -40px;}
#footer #facebook { float: left; margin-top: 10px; margin-left: 30px; position: relative;}


#footer #dzob { height: 22px; position: absolute; bottom: 35px; right: 40px; width: 74px;}
#footer #dzob span { background: url(../images/logo-footer.gif) 0 0 no-repeat; height: 100%; left: 0; top: 0; position: absolute; width: 100%;}

/* Odkaz "skoc na navigaci" */
#skip { left: 20px; position: absolute; top: 20px;}
#skip a { background: #E10915; color: #fff; display: block; font-size: 0.9em; left: -2000px; padding: 15px; position: absolute; text-align: center; text-transform: uppercase; top: 0; width: 150px; z-index: 50;}
#skip a:active, #skip a:focus { left: 0;}

/* Overlay vrstva */
#overlay { display: none;}

.lightbox { color: #2C2B29; left: 50%; position: fixed; top: 30%; z-index: 111152;
  width: 430px; /* vychozi sirka */
  margin-left: -200px; /* vychozi sirka/2 */
}

.lightbox a.close { background: url(../images/overlay-close.gif) 0 0 no-repeat; display: block; height: 19px; position: absolute; right: 18px; top: 15px; width: 19px;}
.lightbox a.close:hover { background-position: 0 100%;}

.lightbox .top, .lightbox .bottom { background: url(../images/overlay-corners.png) 0 0 no-repeat; height: 9px; margin-right: 9px;}
.lightbox .bottom { background-position: 0 100%;}

.lightbox .top b, .lightbox .bottom b { background: url(../images/overlay-corners.png) 100% 0 no-repeat; display: block; height: 9px; position: absolute; right: 0; top: 0; width: 9px;}
.lightbox .bottom b { background-position: 100% 100%; top: auto; bottom: 0;}

.lightbox .inside { background: #fff; padding: 15px 30px; overflow: auto; position: relative; border: 0px solid red; overflow: hidden;}
.lightbox .inside h2 { font-size: 1.5em; margin-top: 0;}
.lightbox .inside h3 { margin-top: 15px;}

.lightbox .overflow { height: 100%; overflow: auto; padding-right: 10px;}

.lightbox .buttons { padding-top: 30px; text-align: center; width: 100%;}
.lightbox_overlay { position: fixed; z-index: 1000; top: 0;
                    left: 0; height: 100%; width: 100%; background-color: #000;
                    opacity: 0.5;
                    filter: alpha(opacity=50);
                    -moz-opacity: 0.5;
                    -khtml-opacity: 0.5;

}

.lightbox .col { float: left; margin-right: 1%; width: 31%;}

/* Tabulky */
table { border-collapse: collapse; margin: 10px 0;}
th, td { padding: 6px 35px 6px 10px;}
th.r, td.r { padding-left: 35px; padding-right: 20px;}

tr.odd td { background: #F7F7F7;}
td a { color: #3C3B39;}
td a:hover { color: #DD0000;}

thead th { background: #E7E7E7; font-weight: bold; text-align: left;}
table.hover tr:hover td, table.hover tr.hover td { background: #FFFEE2; cursor: pointer; text-decoration: underline;}
tfoot td { border-top: 1px solid #000; font-weight: bold;}

td.actions { padding-left: 0 !important; min-width: 60px; white-space: nowrap;}
td.actions-3ico { min-width: 80px;}
td.nowrap { white-space: nowrap;}
th.select, td.select { width: 1.5em; padding-right: 5px;}

/* Mapa */

.map { overflow: hidden;}

/* Oddelovac */
.hr { background: #EBEBEB; height: 1px; margin: 10px 0;}

/* Progress bar */
.progressbar { border: 1px solid #ECECEC; height: 8px; font-size: 1px; margin: 10px 0; padding: 1px;}
.progressbar span { background: #FF2700; display: block; height: 100%;}

/* Ikony */
.ico, .ico-cms { background-position: 0 50%; background-repeat: no-repeat; padding-left: 25px;}
.ico-cms { display: block; height: 16px; float: left; margin-left: 10px; overflow: hidden; padding: 0; width: 16px; text-indent: 20px;}
td.r .ico-cms { float: right;}
.ico-favourite { background-image: url(../images/ico-favourite.gif);}
.ico-send { background-image: url(../images/ico-send.gif);}
.ico-contact { background-image: url(../images/ico-contact.gif);}
.ico-buy { background-image: url(../images/zakoupit-kandidata.png);}
.ico-basket { background-image: url(../images/vlozit-kosik.png);}
.ico-report { background-image: url(../images/nahlasit-kandidata.png);}

.ico-search { background-image: url(../images/ico-search.gif);}
.ico-basket { background-image: url(../images/ico-basket.gif);}
.ico-overview { background-image: url(../images/ico-overview.gif);}
.ico-edit { background-image: url(../images/ico-edit.gif);}
.ico-messages { background-image: url(../images/ico-messages.gif);}

.ico-buy { background-image: url(../images/ico-buy.gif);}
.ico-history { background-image: url(../images/ico-history.gif);}

.ico-ssl-opened { background-image: url(../images/ico-ssl-opened.gif);}
.ico-ssl-closed { background-image: url(../images/ico-ssl-closed.gif);}

.ico-cms-show { background-image: url(../images/ico-ad.png);}
.ico-cms-noshow { background-image: url(../images/ico-ad-closed.png);}

.ico-cms-edit { background-image: url(../images/ico-cms-edit.png);}
.ico-cms-delete { background-image: url(../images/ico-cms-delete.png);}

.ico-settings { background-image: url(../images/ico-settings.gif);}
.ico-agent { background-image: url(../images/ico-agent.gif);}

.ico-cms-active { background-image: url(../images/check.png);}
.ico-cms-inactive { background-image: url(../images/check.gif);}

h2.ico { line-height: 25px; margin-bottom: 10px !important; padding-left: 60px !important; padding-top: 8px !important; padding-bottom: 5px;}
h2.ico-comment { background-image: url(../images/ico-h2-comment.png);}
h2.ico-lock { background-image: url(../images/ico-h2-lock.png);}

.icons-firm { text-transform: uppercase;}
.icons-firm a { color: #000; font-weight: bold; text-decoration: none;}
.icons-firm .active a, .icons-firm a:hover { color: #7E7E7E;}
.icons-firm li { list-style: none; margin: 8px 0;}

/* FAQ */

.faq dt { font-weight: bold; margin: 10px 0;}
.faq dd { font-style: italic; margin: 5px 0 0 20px;}
.faq dt.activated { cursor: pointer; text-decoration: underline;}
.faq dt.activated.hover { text-decoration: none;}

@media print {
#skip,
#menu,
#login,
#footer { display: none;}

a { color: #000;}

#logo { font-size: 1.6em; font-weight: bold;}
#logo a { text-decoration: none;}

#text h2.plus, h3.plus { background: none; padding-left: 0 !important;}
.button, .button span { background: #7B7B7B !important;}

.always-print { display: block !important; visibility: visible !important;}
.noprint { display: none;}

.faq dd { display: block !important;}
}

#prices-table{
font-size:0.9em;
width: 100%;
}

#prices-table th, #prices-table td {
padding:0px;
padding-left: 10px;
text-align: left;
padding-bottom:3px;
padding-top:7px;

}

#prices-table label{
padding:0px;
}

.annotation { position: relative; top: 56px; left: 30px; display: none;}
.annotation em { background: #F4F4F4; border: 1px solid #DDDDDD; font-size: 0.95em; font-style: normal; line-height: 1.4em; padding: 5px 16px; position: absolute; left: 0px; bottom: 16px; width: 600px; z-index: 30;}

.popup {position: absolute; margin-left: 190px; bottom: 0px;
z-index: 12000; border-collapse: collapse; border: 1px solid #DDDDDD;
background-color: white; width: 500px; padding: 15px; font-size: 12px; display: block;
padding-bottom: 40px;
}

.popup .popupclose {cursor: pointer; position: absolute; top: 5px; right: 5px;}
.popup .details {position: absolute; left: 0px; bottom: 15px; margin: 0; padding: 0; margin-left: 15px; text-align: left; width: 100%;}
.popup .details .floatleft {}
.inlineicon {position: relative; top: 3px;}
.popup .popuplinks {position: absolute; bottom: 8px;}

  .bannerimgwrap {position: relative;}
  .advert { position: absolute; z-index: -1;}
  .advertTop   { width: 100%; text-align: center; top: 0px; left: 0; z-index: 10; height: 100px;}
  .banner {position: absolute;
          display: block; z-index: 15; margin: 0; text-align: center;}
  .nobannerimg { left: 0px; position: absolute; z-index:100; padding: 0; margin: 0; top: 0px; border: 0;
   position: absolute;   }

  .advertTop .banner {width: 980px; height: 100px; left: 0; top: 0px;}
  .advertTop .nobannerimg {left: 0px; top: 0px; width: 100%;}

  .advertRight { width: 138px; text-align: center; top: 230px; right: -145px; z-index: 100; }
  .advertRight .banner {width: 130px; height: 600px; left: 0; top: 0px;}
  .advertRight .nobannerimg {left: 0px; top: 0px;}


  .boxHotitems .banner {width: 220px; height: 170px; right: 0px; top: 0px; left: 25px;}
  #banner5 {margin-left: 27px;}
  .boxHotitems .nobannerimg {margin: 0px; left: 0px; top: 0; right: 0px; width: 100%; height: 100%;}

/*

.banner {border: 3px solid red; display: block; z-index: 15; position: relative; margin: 0; text-align: center;}
.bannerimgwrap {height: 170px; width: 100%; text-align: center; border: 0px solid red; position: relative;}
.bannerimgwrap img {position: relative; z-index:100; border: 3px solid red; padding: 0; margin: 0; text-align: center; }
.nobannerimg {left: 0; position:absolute; z-index:100; border: 3px solid red; padding: 0; margin: 0; top: 0;}
.advertTop   { width: 100%; text-align: center; top: 0px; left: 0; z-index: 100; height: 100px;}
.advertTop .bannerimg {margin-left: 115px;}
.advertTop .blankimg {margin-left: 115px; margin-top: -100px;}
.advertTop .nobannerimg {left: 0px;}
.advertRight { width: 138px; text-align: center; top: 230px; right: -145px; z-index: 100;}
.advertRight .bannerimg {margin-left: 9px;}
.advertRight .nobannerimg {left: 8px; top: -605px;}
*/
.moveFromRight {padding-right: 30px;}

#newAccount { right: 140px; position: absolute; top: 10px; width: 100px; color: white;}

li.nostylelist {list-style-type: none;}

#col-left .heading {margin: 20px 0 10px 0; font-size: 1.2em;}

.inline {position: relative;}
.inline .req {position: absolute; top: 5px; left: 73px; color: red;}
.inline .reqRegion {left: 30px;}


#static-page .a-button {margin: auto; margin-top: 25px; display: block; width: 237px; height: 29px; padding-top: 11px; font-size: 1.2em; text-align: center; color: #fff; font-weight: bold; text-transform: uppercase; background: url('../images/bg-button.png') no-repeat; text-decoration: none;}
#static-page a.whitelink {color: white;}
#static-page a.whitelink:hover {text-decoration: underline;}

.agent {position: relative;}
.agent p {position: absolute; top: 9px; right: 15px;}
.agent a {font-weight: bold; padding-left: 20px; background: url(../images/ico-arrow.gif) 0 0.2em no-repeat;}
.agent_href {background: url(../images/ico-arrow.gif) 0 0.2em no-repeat; padding-left: 20px;}


.selectbox_source .selectbox-open {position: absolute; z-index: 1500;}
#agent-create .selectbox {position: relative; padding: 0; margin: 0; width: 203px; height: 41px; font-size: 1.3em; cursor: pointer; border: 1px #c0c0c0 solid; background: url('../images/bg-select.png') no-repeat; z-index: 150;}
#agent-create .selectbox p {position: absolute; top: 0px; width: 145px; padding: 23px 45px 0 13px; height: 27px; line-height: 10px; overflow: hidden; margin-top: -7px; }
#agent-create .selectbox-open { display: none; position: absolute; width: 203px; margin: 38px 0 0 -1px; z-index: 1500;}
#agent-create .selectbox-open ul { padding: 5px 0; max-height: 160px; overflow: auto; background: #fff; border: 1px #c0c0c0 solid; }
#agent-create .selectbox-open li { padding: 3px 10px; }
#agent-create .selectbox-open li:hover { background-color: #f1f1f1; }

#agent-create .inputbox { padding: 2px 5px 4px; border: 1px #c0c0c0 solid; overflow: hidden; background: url('../images/bg-input.png') no-repeat; width: 520px;}
#agent-create .inputbox input { padding: 10px 0; width: 100%; border: 1px #fff solid !important; font-size: 1.3em; }
#agent-create #maininput1 { width: 150px; }

#login #login_help {position: absolute; right: -63px; top: 0px; border: 0px solid white; cursor: pointer; height: 35px;}
#login #login_help_link_a {background: url(../images/call.jpg) 0px 0px no-repeat; width: 45px; display: block; height: 40px; border: 0px solid white;}
#login #login_help span {width: 45px; display: block; height: 36px; border: 0px solid white;}
#login #login_help p { background: url(../images/login-shadow.png) 0px 100% no-repeat; border: 0; font-size: 1em; padding: 0 15px 25px 8px; width: 247px; text-align: right; line-height: 15px;}
#login #login_help a {color: white;}
#login .login_help_inside { background: url(../images/login-shadow-top.png) 0 0 no-repeat; clear: right; float: right; padding-top: 8px; position: absolute; right: 2px; top: 36px; width: 270px; height: 100px;}

#login .bubbleInfo {position: absolute; }
#login .trigger {position: absolute;}
span.trigger {cursor: pointer;}

#tip_show {position: fixed; bottom: 15px; right: 15px; display: block; padding: 5px 10px 3px 10px; z-index: 150000; border: 1px solid black; font-size: 16px; font-weight: bold; color: black;}
#tip_hide {position: fixed; bottom: 15px; right: 15px; display: block; padding: 10px 15px 10px 15px; z-index: 150000; background: white; border: 1px solid black; text-align: left; font-size: 11px;}
#tip_hide b {font-weight:bold; font-size: 12px;}
#tip a {color: black; font-size: 11px; line-height: 15px;}


#login { position: absolute; right: 25px; top: 25px; width: 300px;}
#login h2 { margin-top: 0; background: url(../images/login.gif) 0 0 no-repeat; float: right; font-size: 1em; white-space: nowrap;}
* html #login h2 { width: 1px;}
#login h2 a { background: url(../images/login-right.gif) 100% 0 no-repeat; color: #fff; display: block; font-weight: normal; height: 40px; line-height: 40px; padding: 0 15px 0 35px; text-decoration: none;}
#login h2 a:hover { text-decoration: underline; color: #A09D9D;}
#login em { color: #fff; font-style: normal;}
#login .r a { color: #fff; text-decoration: none;}
#login .r a:hover { text-decoration: underline;}
#login p.r {margin-top: 10px;}
#login a.logout { border-left: 1px solid #E8E7E5; color: #fff; margin-left: 12px; padding: 5px 0 5px 17px; text-decoration: none;}
#login a.logout:hover { color: #BEBDBD; text-decoration: underline;}
#login .links { text-align: right;}
#login, #login fieldset a { color: #A09D9D;}
#login fieldset a:hover { color: #fff;}

.bubbleInfo {border: 0px solid red; position: relative;}

.popuplink {position: absolute; z-index: 12000; border: 0px solid red; width: 100px;
background-color: white; padding: 2px 6px 8px 0; font-size: 12px; text-align: right;}

#mainMenu ul #brigadyli {width: 150px;}
#brigada_button {margin: 25px 0 0 30px;}
#brigada_text {margin: 30px 0 0 0; display: block; width: 180px;}

#tip #tip_hide { display: none; line-height: 16px;}

.content #company_list p {
    border: 0px solid red; margin: 0; padding: 0; padding-left: 15px; margin-bottom: 4px;
        background: url(../images/li-gray.gif) 0px 5px no-repeat;
}
.content #company_list {margin-bottom: 10px;}


#lista, #lista_home {position: relative; float: left; color: #dddddd; border: 0px solid red; width: 830px; height: 74px; padding: 0px 30px; line-height: 18px; margin: 15px 0 0 0px; font-size: 85%;}
#lista a, #lista div a, #lista_home div a {color: #dddddd!important;}
#lista_home {margin-top: 15px; font-size: 110%; margin-left: 35px;}
#partners a {color: #dddddd;}
#partners a:hover, #lista a:hover, #lista_home div a:hover, #lista div a:hover {text-decoration: none!important;}
#lista p, #lista_home p {display: inline;}

#fb1 {position: absolute; left: 0; top: 0px;}
#fb2 {position: absolute; left: 97px; top: 4px;}
#fb3 {position: absolute; left: 120px; top: 0px;}

.pllist ul {}
.pllist li {list-style-type: disc; margin-left: 15px; font-size: 12px; line-height: 19px;}