body,

html {
    margin: 0px;
    padding: 0px;
    background-image: url("/imgs/top_web_bg.gif");
    background-position: 0 -80px;
    background-repeat: repeat-x;
    background-color:#fff;
    text-align: left;
    font-size: 90%;
    height: 100%;
    color: #000;
}

div, td, th, input, select, p, textarea {
    font-family: OpenSansRegular,"Helvetica CE", Verdana, Tahoma, Arial, Sans-serif;
    color: #000;
}

input[type="text"],
input[type="password"],
textarea  {border:1px solid #c3c6cd;padding:2px;color:#86837a;}

form{
    margin: 0px;
}


h2 {color:#0395ae;}

/* =========== classes =========== */
/*.globalcontentC {background:url("/imgs/top_web_bg.gif") repeat-x 0 -74px;} */
.globalcontentC {
    background-image: url("/imgs/top_web_bg.gif"), url("/imgs/bottomWebBg.png");
    background-position: 0 -74px, bottom;
    background-repeat: repeat-x;
}

.globalcontent {
    width: 992px;
    margin: 0 auto;
    min-height: 100%;
    height: 100%;
    position: relative;
}

body.globalcontent {
     height: auto;
}


.dot
    {
    background-image: url("/imgs/dotbck.gif");
    background-repeat: repeat-y;
    background-position: center;
    }

.dot2
    {

    background-image: url("/imgs/dotbck2.gif");
    background-repeat: repeat-y;
    background-position: center;

    }

.arr
    {
    font: Courier;
    color: #999;
    }
    
.file
    {
    background-image: url("/imgs/ik2.gif");
    background-repeat: no-repeat;
    padding-left: 25px;
    }   
    
.file2
    {
    background-image: url("/imgs/ik1.gif");
    background-repeat: no-repeat;
    padding-left: 25px;
    }   

    
#topReklama {border:0;width:992px;margin:0 auto; position:relative;}
    
/* =========== logo =========== */
/* #newhead {font-size: small; color: #000; position: relative; padding-top: 10px;height:205px;}   */
#newhead {font-size: small; color: #000; position: relative; padding-top: 10px;height:212px;overflow:hidden;}

#rada1 {text-align: left; margin: 0;float:left;width:655px;}

#nhlogo {margin:0; padding:5px 0 0 0; width: 370px; height: 60px; padding-left: 0px; text-align: left;}
#nhlogo a {margin:0; padding:0; width: 240px; height: 63px; display: block;}
#nhlogo a img {border:0;}

#topInfoBlock {margin:5px 0 10px 0;padding-left:0px;font-weight:bold;}
#topInfoBlock li {display:inline;color:#000;border-right:2px solid #028b9c;padding:0 6px 0 3px;}
#topInfoBlock li.posledni {border:0;}

#socialBlock {float:right;}
#socialBlock #topNavig2 {margin:8px 0 12px -5px;padding:0;text-align:left;}
#socialBlock #topNavig2 li {display:inline;border-right:1px solid #3c3c3c;padding:0 5px;color:#3c3c3c;} 
#socialBlock #topNavig2 li.posledni {border:0;}
#socialBlock #topNavig2 li a {color:#3c3c3c;}
    
#searchBlock {float:right;
    width:252px;
    padding-top:4px;
    background:url(/imgs/sprites.png) no-repeat 0 -45px;
}
#searchBlock #searchBtn {vertical-align:bottom; height:20px; width: 20px; background-color: transparent; border:none; cursor: pointer;}
#srchtxt {border:0;background:none;width:214px;padding:0 5px;}
#searchHelp {display: none; text-align: left; font-size: 0.8em; }

#advSearch {clear:both;text-align:right;margin-top:8px;display:block;color:#000;}


 #nhmenu {list-style: none; margin:0 0 0 -2px; padding:0 0 0 0px;clear:both;height:114px;}
 #nhmenu li {display: inline;float:left;}

 #nhmenu li a span {display: block;
    text-align:center;
    font-size:1.1em;
    font-weight:normal;
    padding:0 10px;
    }
 #nhmenu li a:hover span {font-weight:bold;}
 #nhmenu li a {display: block;float: left; color: #fff; font-weight: bold; text-decoration: none;width:122px;height:50px;padding-top:25px;background:url(../imgs/topNavigBg.png) no-repeat 0px 0;}
 #nhmenu li a:hover, #nhmenu li a:active, #nhmenu li a:focus,#nhmenu .li_hover a {font-size:1.2em;height:91px;width:122px;background:url(../imgs/topNavigBgHover.png) no-repeat 0px 0;}

 #nhmenu .li_2 a {background-position:-134px 0;width:117px;}
 #nhmenu .li_2 a:hover, #nhmenu .li_2 a:active, #nhmenu .li_2 a:focus {background-position:-134px 0;width:117px;}

 #nhmenu .li_3 a {background-position:-265px 0;width:114px;}
 #nhmenu .li_3 a:hover, #nhmenu .li_3 a:active, #nhmenu .li_3 a:focus {background-position:-265px 0;width:114px;}

 #nhmenu .li_4 a {background-position:-388px 0;width:117px;}
 #nhmenu .li_4 a:hover, #nhmenu .li_4 a:active, #nhmenu .li_4 a:focus {background-position:-388px 0;width:117px;}

 #nhmenu .li_5 a {background-position:-516px 0;width:124px;}
 #nhmenu .li_5 a:hover, #nhmenu .li_5 a:active, #nhmenu .li_5 a:focus {background-position:-516px 0;width:124px;}

 #nhmenu .li_6 a {background-position:-653px 0;width:121px;}
 #nhmenu .li_6 a:hover, #nhmenu .li_6 a:active, #nhmenu .li_6 a:focus {background-position:-653px 0;width:121px;}

 #nhmenu .li_7 a {background-position:-785px 0;width:126px;}
 #nhmenu .li_7 a:hover, #nhmenu .li_7 a:active, #nhmenu .li_7 a:focus {background-position:-785px 0;width:126px;}

 #nhmenu .li_8 a {background-position:-922px 0;width:119px;}
 #nhmenu .li_8 a:hover, #nhmenu .li_8 a:active, #nhmenu .li_8 a:focus {background-position:-922px 0;width:119px;}


/* =========== adv form =========== */
.extended_search input,
.extended_search select,
.extended_search textarea {border:1px solid #c3c6cd;padding:2px;color:#86837a;}
#advFormTable {position:relative;}
#advFormTable td {padding:5px 0;}
.searchObal {float:left;padding-right:15px;width:515px;}
.extended_search {float:left;width:530px;}
#advSubmit {background-color:#5b72a8;color:#fff;border:1px solid #233b7b;font-weight:bold;font-size:0.9em;float:right;cursor:pointer;}

#naseptavac_searchText {border:1px solid #c3c6cd;padding:2px;width:346px;background-color:#f2f2f2;position:absolute;}
td div#naseptavac_searchText div {color:#86837a !important;font-size:0.9em;margin-bottom:10px;}

/* =========== themetop =========== */

.theme 

    {

    color: #000;

    text-align: right;

    padding: 0px 6px 2px 0px;

    }

.theme .txt

    {

    background-image: url("/imgs/inputbck.gif");

    background-repeat: repeat-x;

    color: #555;

    border: 1px solid #aaa;

    width: 140px;

    height: 14px;

    }

.theme .sbtn

    {

        color: #000;

    border: 1px solid #fff;

    font-weight: bold;

    background-color: #fff;

    margin-left: 5px;

    }

    

/* =========== catalogue =========== */

.catalogue

    {
    padding: 0px;
    text-align: left;
    /*width: 100%;*/

    }

.catalogue .catin

    {

    background-color: #FFC209;

    padding: 5px 5px 8px 5px;

    }

.catalogue .catin3

    {

    background-color: #FFDA6B;

    padding: 5px 5px 13px 5px;

    }

.catalogue .catin3 TD

    {

    vertical-align: top;

    color: #000;

    font-size: 10px;

    }

.catalogue .catin3 h1

    {

    color: #000;

    margin: 0px;

    }

.catalogue .catin TD

    {

    vertical-align: top;

    font-size: 10px;

    }

.catalogue .catin B

    {

    font-family: OpenSansRegular,arial;

    font-weight: bold;

    }

.catalogue .catin a,

.catalogue .catin a:link,

.catalogue .catin a:visited

    {

    color: #fff;

    }   

.catalogue .catin3 a,

.catalogue .catin3 a:link,

.catalogue .catin3 a:visited

    {

    color: #000;

    }

.catalogue .catin a:hover,

.catalogue .catin3 a:hover

    {

    color: #000;

    }

.catalogue .catin .file .sub a,

.catalogue .catin .file .sub a:link,

.catalogue .catin .file .sub a:visited

    {

    color: #000;

    }

.catalogue .catin .file .sub a:hover

    {

    color: #fff;

    }

.catalogue .catin2 

    {

    background-color: #6684A3;

    color: #fff;

    padding: 8px 5px 8px 13px;

    }

.catalogue .catin2 UL

    {

    list-style-type: square;

    color: #fff;

    margin: 0 0 0 15px;

    padding:0;

    }

.catalogue .catin2 LI

    {

    margin-bottom: 3px;

    }

.catalogue .catin2 A,

.catalogue .catin2 A:link,

.catalogue .catin2 A:visited

    {

    color: #fff;

    text-decoration: underline;

    }

.catalogue .catin2 A:hover

    {

    color: #000;

    text-decoration: none;

    }

.catalogue H1

    {

    color: #888;

    padding: 11px 13px 11px 13px;

    margin: 0px;

    }

.catalogue .nadpis3

    {

    background-image: url("/imgs/bckh1.gif");

    background-repeat: no-repeat;

    color: #000;

    padding: 6px 13px 6px 13px;

    margin: 0px;

    }

.catalogue .nadpis4
    {
    background-image: url("/imgs/bckh2.gif");
    background-repeat: no-repeat;
    color: #fff;
    padding: 6px 13px 6px 13px;
    margin: 0px;
    }


/* =========== LINKS&TITLES =========== */

.title,

.title a,

a.title,
a.title:link,
.title a:link,
a.title:visited,
.title a:visited
    {
    font-family: OpenSansRegular,"Helvetica CE", "Trebuchet MS", Arial;
    font-weight: bold;
    text-decoration: none;
    color: #008a9b;
    }

.title2,
a.title2,
a.title2:link,
a.title2:visited
    {
    font-family: OpenSansRegular,"Helvetica CE", Tahoma, Arial;
    font-weight: bold;
    text-decoration: none;
    color: #008a9b;
    }

.title:hover,
.title2:hover,  
a.title:hover,
a.title2:hover
    {
    color: #e20079;
    }

a,
a:link,
a:visited {
    color: #008a9b;
}   

a:hover {
    color: #e20079;
}   

/* ============= pager ==============
.pager {margin:10px 0 20px 0;}
.pager a.lis2 {color:#393718;background:url(../imgs/pager.png) no-repeat 0 0;display:block;width:21px;height:19px;float:left;text-align:center;text-decoration:none;margin-left:3px;padding-top:2px;}
.pager a.lis2:hover {background:url(../imgs/pagerActive.png) no-repeat 0 0;color:#fff;}
.pager b {color:#fff;background:url(../imgs/pagerActive.png) no-repeat 0 0;display:block;width:21px;height:19px;float:left;text-align:center;padding-top:2px;}
.pager a.lis2[title="last page"] {margin-left:15px;width:42px;background:url(../imgs/pagerLast.png) no-repeat 0 0;}   
.pager a.lis2[title="last page"]:hover {background:url(../imgs/pagerLastHover.png ) no-repeat 0 0;}  */
/* ============= pager ==============*/
.pager {margin:10px 0 20px 0;}
.pager a.lis2 {color:#393718;display:block;height:19px;float:left;text-align:center;text-decoration:none;margin-left:3px;padding:2px 7px 0 7px;
    background-image: url("/imgs/pagerRight.png"), url("../imgs/pagerLeft.png");
    background-position:  right 0, 0 0px;
    background-repeat: no-repeat;
}

.pager b,.pager a.lis2:hover  {color:#fff;display:block;height:19px;float:left;text-align:center;padding:2px 8px 0 6px;
    background-image: url("/imgs/pagerRightActive.png"), url("../imgs/pagerLeftActive.png");
    background-position:  right 0, 0 0px;
    background-repeat: no-repeat;
}

.pager a.lis2[title="last page"] {margin-left:15px;}
/* =========== Nove styly =========== */

ul.clanky {margin:0; padding:0; list-style: none;}
ul.clanky li {margin-bottom: 8px;border-bottom: 1px dotted #9B9EA1;padding-bottom:20px;}
ul.clanky li p {margin: 0; padding: 0 0 0 0px; font-size: 0.9em;}

h2.titleclanku  {
    font-size: 1.2em;
    margin: 8px 0;
}
/*
h2.titleclanku a {vertical-align: middle; color: #000; font-weight: normal; text-decoration: underline; font-size: 0.8em;}
h2.titleclanku a:hover, h2.titleclanku a:active, h2.titleclanku a:focus {color: #888; text-decoration: none;}
h2.titleclanku a:visited {color: #545353;}
 */
/* =========== Detail semince =========== */

div.hledani, div.kategorie, div.uvodnik, div.detailblok, div.zebricek {
    float: left; 
    padding-left: 15px; 
    padding-right: 15px; 
    background: #fff;
    min-height: 600px;
    height: auto;
    width: 500px;
}

div.detailblok {width:515px;padding-left:0;}

.clanekC {border-bottom:1px dotted #9b9ea1;}
.clanekC p {font-size:0.8em;margin-top:5px;}
.clanekC p img {
    float:left;padding:0 15px 15px 0;              
               }
               
.clanekC h3 {margin:8px 0;font-size:1.2em;} 
.clanekC h3 a {text-decoration:none;}              
.hp .uvodnik h2 {background-color:#e20079;color:#fff;padding:8px 5px;font-size:1.5em;}
.fullArticle {
   text-align:right;          
             }

.datum {background-color:#f8f7f7;font-size:0.9em;font-weight:bold;padding:3px}

table.detailprace {background: #fff; width: 100%;}
table.detailprace th, table.detailprace td {background: #F9F8F8; padding: 3px;}
table.detailprace tr th {padding-right:5px; text-align: left; font-weight: bold; width: 150px;}
table.detailprace td {padding-left: 5px;}
table.detailprace th.download1 {color: #111111; text-align: center; font-size: 1.3em; padding: 5px;}
table.detailprace th.download2 {color: #2EAC20; text-align: center; font-size: 1.3em; padding: 5px;}
td.download a.w {padding-left: 21px; background: url("../imgs/word.gif") left center no-repeat; padding-top: 3px; padding-bottom: 3px;}
td.download a.z {padding-left: 21px; background: url("../imgs/zip.gif") left center no-repeat; padding-top: 3px; padding-bottom: 3px;}
table.detailprace caption {text-align: center; font-size: 1.3em;padding: 3px; font-weight: bold; color: #666;}

H1.nazev {color: #008a9b; font-weight: bold; font-size: 1.5em; padding:20px 0 10px 0px;}
H2.nazev {color: #008a9b; font-weight: bold; font-size: 1.5em; border-bottom: 1px solid #eee; padding-bottom: 3px;}

.goodnessdetail { float: right;margin:0 1px 5px 0;}

div.detailblok p.poznamka {font-size: 0.8em; color: #888; /*font-style: italic;*/}


/* =========== Blok prave reklamz, floatuje ji =========== */

.reklamaxxxOLD {background: #fff; width: 319px; float: right;}

.reklamaxxx {background: #fff; width: 250px; float: left; padding-top: 10px;font-size: 1.2em;overflow:hidden;}

.reklamaxxx h2 {
    background: url("../imgs/bckh2.gif") no-repeat bottom left;
    color: #fff;
    font-size: 1.2em ;
    padding: 16px 13px 3px 13px;
    margin: 0px;
}

.reklama {text-align: center; margin-bottom: 5px;float:right;}

/* =========== Formular pro pridavani komentaru a prispevku =========== */

h3.komentare {border-bottom: 1px solid #000; padding-bottom: 5px; margin-top: 25px;}

div.uvodnik fieldset, div.detailblok fieldset {border: 1px solid #FCEEC5; padding: 10px; background: #FBFBFB; margin-bottom: 25px;}

div.uvodnik legend, div.detailblok legend {background: #FBBE00; color: #fff; font-weight: bold; padding: 3px 15px 3px 15px;}

div.uvodnik form table, div.detailblok form table {width: 100%; padding-top: 15px;}

div.uvodnik form table th, div.detailblok form table th {width: 100px; text-align: right; font-weight: bold; vertical-align: top;}

#clovek, #jmeno, #nazev, #kateg, #obsah, #rok, #stranky, #uvod, #zaver, #zjmeno, #zemail, #poznamky, #attachment, #nick, #mail, #nadpis {width: 200px; text-align: left;border:1px solid #c3c6cd;padding:2px;color:#86837a;}

#rok, #stranky, #uvod, #zaver, #zjmeno, #zemail {width: 20px;}

#clovek:focus, #jmeno:focus, #nazev:focus, #kateg:focus, #obsah:focus, #rok:focus, #stranky:focus, #uvod:focus, #zaver:focus, #zjmeno:focus, #zemail:focus, #poznamky:focus, #attachment:focus,#nick:focus, #mail:focus, #nadpis:focus, div.detailblok form textarea:focus, div.uvodnik form textarea:focus {background: #FEFBF2; border: 1px solid #888;}

div.uvodnik form textarea, div.detailblok form textarea {width: 95%; text-align: left; border:1px solid #c3c6cd;padding:2px;color:#86837a; padding: 3px;}
/*div.detailblok form input {text-align: left; border:1px solid #c3c6cd;padding:2px;color:#86837a; padding: 3px;margin:5px 0;}*/

#Submit {width: auto; text-align: left; padding-left: 15px; padding-right: 15px;}

input.inhuman {display: none;}

 

 

/* =========== Komentre pod detailem seminasi i jinde :-) =========== */

 .diskuseprispevek {background: #FDFCFC; margin-bottom: 10px; padding: 3px 5px; text-align: right; border-left: 1px solid #FCEEC5; border-bottom: 1px solid #eee;}
 .diskuseprispevek p {padding: 3px; margin-bottom: 0; margin-top:0; text-align: left;}
 .diskuseprispevek h3 {margin: 2px; font-size: 1.1em;margin-bottom: 5px; text-align: left;}
 .diskuseprispevek h3 a{font-size: 1em;}


/* =========== */

 div.zebricek table {width: 100%;}
 div.zebricek td, div.zebricek th {background: #FAFAF9; padding: 3px;}
 div.zebricek thead th {background: #eee; padding: 3px; font-weight: bold; text-align: center;}
 div.zebricek tfoot th, div.zebricek tfoot td {background: #F3F3F3; padding: 3px; font-weight: bold; text-align: center;}
 div.zebricek th {text-align: left;}
 div.zebricek tr:hover th, div.zebricek tr:hover td {background: #FAF5E3;}
 div.zebricek thead tr:hover th {background: #eee;}
 div.zebricek h3 {border-bottom: 1px solid #000; padding-bottom: 5px; margin-top: 25px;}
 div.zebricek h2 {font-weight: bold; font-size: 1.5em; border-bottom: 1px solid #eee; padding-bottom: 3px;}

 div.pokraczebricku {width: 540px; background: #fff; overflow: hidden;}
 div.pokraczebricku div {line-height: 2em; font-size: 1.3em; font-weight: bold; padding: 5px;}
 div.pokraczebricku a {padding: 3px;}
 div.pokraczebricku a:hover {background: #eee;}
 div.pokraczebricku div.pager {line-height:1em;}
 div.pokraczebricku div.pager a, 
 div.pokraczebricku div.pager b {font-size:0.7em;font-weight:normal;}
 
 div.jednotlivekategorie {background: #fff; margin-left: 10px;}
 div.jednotlivekategorie ul li{margin-bottom: 4px;  margin-left: 20px;}
 div.jednotlivekategorie ul {background: #FAFAF9; padding: 5px;}

/* =========== Vypis detailu clanku s formulrem pro komentare =========== */

 div.uvodnikimage {float: left; width: auto; padding: 0 10px 10px 10px;}

 div.uvodnikimage img {padding: 0px; margin: 0;}

 div.uvodnikimage p {text-align: center; margin: 5px 0 0 0;}

 /*div.uvodnik h2 a {color: #FFC103; font-weight: bold; font-size: 0.9em;  padding-bottom: 3px; text-decoration: none;} */
 div.uvodnik h2 a {font-weight: normal;} 

 p.poznamka {margin: 3px 0; font-weight: bold; color: #666;}
 
 p.poznamkakdetailu {margin: 3px 0; font-size: 1.1em; clear:left;}

.smajlikdetail {float: right;clear: right;padding-left:15px;width:64px;}
.smajlikdetail img {margin-bottom:5px;}
/* =========== Vypis podkategori =========== */

 .kategorie .katlisting {margin-left: 15px; margin-right: 15px;}

 .kategorie table {width: 100%;}

 .kategorie table td {width: 50%; vertical-align: middle;}
 
 /* a pro vypis top mame jine parametry tabulky */
 .kategorie .tkat2 table td {width: auto;}
 

   /* pozor, v mainie.css je k nasledujicimu radku doplnek pro IE */

 .kategorie table td div {min-height: 2em; line-height: 1.5em; /*line-height: 2em; height: 2em; */ background: url("../imgs/ik2.gif") left center no-repeat; padding-left: 25px;}

 
/* =========== Vypis hledani praci =========== */

  div.hledani {padding:0;}
 .hledani table {width: 100%;}
 .hledani td, div.zebricek th {background: #fafaf9; padding: 3px;}
 .hledani thead th {background: #eee; padding: 5px 3px; font-weight: bold; text-align: center;}
 .hledani tfoot th, div.zebricek tfoot td {background: #f3f3f3; padding: 3px; font-weight: bold; text-align: center;}
 .hledani th {text-align: center;}
 .hledani tr:hover th, div.hledani tr:hover td {background: #faf5e3;}
 .hledani thead tr:hover th {background: #eee;}
 .hledani td h2 {font-weight: bold; font-size: 1.1em; margin:0; padding:0 0 5px 0; }
 .hledani td p { margin:0; padding:0; }
 .hledani td  { text-align:left; padding:10px}
 .hledani td div {margin: 3px 0 5px 0px; padding:0; }
 .hledani tfoot td {background: #f3f3f3; padding: 3px; font-weight: bold; text-align: center;}

/* ========== levy sloupec ========== */
#leftBlock {width:155px;float:left;margin-right:20px;} 

.leftBlocek {
    background:#f8f7f7;
    border:1px solid #b5b5b5;
    padding:12px 10px;
    margin-bottom:10px;font-size:0.9em;line-height:1em;
}
.leftBlocek h3 {
    color:#df0078;
    font-weight:normal;
    font-size:1.1em; 
    margin:0 0 5px 0;              
}

.leftBlocek a {color:#000;text-decoration:none;}
.leftBlocek a:hover {color:#df0078;text-decoration:underline;}
.leftBlocek a.blue  {display:block;}

.leftBlocek p {
    margin:0;            
}

.leftBlocek ul {
    margin:0;
    padding:0;
    list-style:none;            
}

.leftBlocek.bl_1 {font-size:1.3em;font-weight:bold;}
 
.blue {
    color:#008a9b;      
      } 

.leftBlocek.bl_9 {line-height:0.8em}
.leftBlocek.bl_9 .blue:first-child {display:block;padding-bottom:5px;}
.leftBlocek.bl_9 .blue {color:#008a9b;}
/* =========== HomePage =========== */
#actualPath {
    font-size:0.9em;
    margin-bottom:10px; 
    padding-bottom:15px;
    border-bottom:1px dotted #adadad;          
}

#actualPath a {color:#878787;}
#actualPath a:hover {color:#e20079;}


#searchBlockHpC {
    border-bottom:1px dotted #a2a4a7; 
    padding:10px 0;               
}

#searchBlockHp {
    background:url(/imgs/searchBgHp.png) no-repeat 0 0;            
}

#srchtxtHp {
    border:0;background:none;width:328px;padding:11px 0 11px 5px;       
           }
           
#searchBtnHp {
            vertical-align:top;
            }            

span.pocetpraci {font-size: 1.3em; font-weight: normal;}
span.pocetpraci strong {font-weight: bold;}

.hp {width: 520px; float: left; padding: 0;margin-right:15px;}

.hp h2 {font-size: 1.6em; font-weight: bold;}

.hp ul.clanky li h2.titleclanku {font-size: 1.5em; font-weight: bold;}


 div.catin2 form {margin:0; padding:0;}

 div.catin2 form table{margin:0; padding:0; font-size: 0.8em;}

 div.catin2 form label{color: #fff;}

 div.catin2 form .inputtext2 {width: 55px; color: #000;}

 div.catin2 form fieldset {border:0;}

 h1.seo {background: #fff url("../imgs/bckh1.gif") left bottom no-repeat; color: #000; font-size: 1em;padding: 26px 13px 5px 13px; margin: 0;   clear: both;}

 h2.kat {background: #fff url("../imgs/bckh1.gif") left bottom no-repeat; color: #000; font-size: 1em;padding: 26px 13px 5px 13px; margin: 0;   clear: both;}

 h2.kat2 {background: #FFC209 url("../imgs/podkladnadpishp2.jpg") left bottom no-repeat; color: #000; font-size: 1em;padding: 26px 13px 5px 13px; margin: 0;clear: both;}

/*styl pro strom*/
.stromL1_c {background-color:#f6f6f6;padding:5px 10px;font-size:1.2em;}
.stromL1_o {background:#f6f6f6;padding:5px 10px;font-size:1.2em;}
.stromL1_o .stromL1_b,.stromL1_om .stromL1_b {background:url(../imgs/sprites.png) -155px 0px no-repeat;width:19px;height:16px;float:right;}
.stromL1_cm { background-color:#df0078; color: white;padding:5px 10px;font-size:1em;}
.stromL1_om { background-color:#df0078; color: white;padding:5px 10px;font-size:1em;}
.stromL1_b {background: url(../imgs/sprites.png) -155px -27px no-repeat;width:19px;height:16px;float:right;margin-top:2px;cursor:pointer;}

 .tkat table {width: 100%;margin-top:25px;}

 .tkat table td {width: 50%;text-align: left;padding-left:20px;}
 .tkat table td.lefttd {border-right:1px dotted #8a8d91;
    padding-left:0px;
    padding-right:20px;
    vertical-align:top;
}

  table td.righttd {vertical-align:top;}
 .tkat table.tableHp td {border-left:1px dotted #8a8d91;padding-right:0px;}
 .tkat table.tableHp td.lefttd {border:0;padding-right:20px;}
 
 .tkat table th {text-align: center; color: #008a9b; font-weight:;font-size:1.8em;}

 .tkat td h3 {margin-bottom: 0; background:#f6f6f6; padding:3px 5px; font-size: 1.1em;color:#2e2e2e;}

 .tkat td h3 a {color: #2e2e2e; font-size: 1.2em; font-weight: bold; font-family:OpenSansRegular, Arial; text-decoration: none;}

 .tkat td h3 a:hover {color: #000;}

 .tkat td a {color: #000;}

 .tkat td a:hover {color: #fff;}

 .tkat2 {margin: 0px; clear: both; padding: 10px; background: #FEDE7A;}

 .tkat2 table {width: 100%;}

 .tkat2 td h3 {margin-bottom: 0;line-height: 2em; background: url("../imgs/ik1.gif") left center no-repeat; padding-left: 25px; border:0; font-size: 1.2em;}

 .tkat2 td h3 a {color: #000; font-size: 1em; font-weight: bold;}

 .tkat2 td h3 a:hover {color: #fff;}

 .tkat2 td p { margin: 3px 0 3px 25px; padding:0; }

 .kat2all {text-align: center; font-size: 1.2em; margin-top: 10px;}

 .kat2all a {color: #000;}

 .kat2all a:hover {color: #555;}

h3 {font-size: 1.3em;clear: both;}

td h3.stromL1_c, 
td h3.stromL1_n,
td h3.stromL1_o {font-size:1em !important;}
td h3.stromL1_c .blue,
td h3.stromL1_n .blue,
td h3.stromL1_o .blue {font-size:0.8em !important;font-weight:normal;}


 p.otazka a {background:#f6f6f6 url(/imgs/downArrows.png) no-repeat 485px 50%;padding:5px 30px 5px 10px;display:block;color: #2e2e2e; font-size: 1.2em; font-weight: bold; font-family:OpenSansRegular, Arial; text-decoration: none;}
 p.otazka_o a {background:#f6f6f6 url(/imgs/upArrows.png) no-repeat 485px 50%;padding:5px 30px 5px 10px;display:block;color: #2e2e2e; font-size: 1.2em; font-weight: bold; font-family:OpenSansRegular, Arial; text-decoration: none;}
 p.otazka .kotva,p.otazka_o .kotva {display:inline;background:none;}
 div.otazky {margin-left: 10px;}
 div.odpoved {border: 1px solid #b6b4b5; padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:0;}
 p.odpoved {margin-left: 10px; margin-top: 5px; margin-bottom: 5px;}

 table.inzerce {width: 70%;}

 table.inzerce thead th {text-align: center; font-weight: bold;font-size: 1.5em; background: #FFC103; padding: 2px 5px;}

 table.inzerce tr.seda1 {background: #eee;}

 table.inzerce tr.seda2 {background: #FBF9F9;}

 table.inzerce td {padding: 2px 5px;}

 table.inzerce tbody th {font-weight: bold; padding-left: 15px;}

 div.stopro {width: 780px; border:0;}

 

 

/* =========== pathline =========== */

.pathline

    { 

    padding: 6px 13px 6px 13px;

    color: #aaa;

    background: #fff;

    text-align: left;

    font-family: OpenSansRegular,Courier;

 border-top: 5px solid #eee;

 border-bottom: 5px solid #eee;

    }

.pathline a

    {

    color: #888;

    font-family: OpenSansRegular,"Helvetica CE", Tahoma, Sans-serif;

    }

.pathline a:hover

    {

    color: #000;

    }

    

    

/* =========== vseobecne pouzivane tridy =========== */

  ul li, ol li {font-size: 1em; margin-bottom: 5px;}

 .red {color: red;}

 .sedapismo {color: #777;}

 .hidden {display: none;}

 .right {text-align: right;}

 .c {text-align: center;}

 .left {text-align: left;}

 .tv {vertical-align: middle;}

 .tucne {font-weight: bold;}

 .flleft {float: left;}

 img.flleft {float: left; width: auto; margin-right: 10px; margin-bottom: 10px; border:0;}

 .zluta {color: #FFC001; font-weight: bold;}

 .cervena {color: #CC0000; font-weight: bold;}     

 .sedyborder {border-bottom: 1px solid #eee;}

  h2.sedyborder {color:#008a9b;border:0;}

 

/* =========== opravy spatnych kaskad =========== */

 .diskuseprispevek h3 {border:0}

 .hp .uvodnik {min-height: 0;padding-left:0;}

 

 

/* =========== styly etarget =================*/

.etarget {

   background: url("../imgs/bckh2.gif") top left no-repeat;

   background-color: #6684A3;

   color: #FFFFFF;

   text-align: left;

   padding: 8px 13px 3px 13px;

}

.etarget .selfpromo *, .etarget .title a {

   font-size: 1em ;

   color: white;

   font-weight: bold;

   text-decoration: none;

   vertical-align: top;

}

.etarget .selfpromo .left {

   width: 170px; 

}

.etarget .selfpromo .right {

   height: 50px;

   text-align: right;

   vertical-align: bottom;

   color: #000;

   /*visibility: hidden;*/

}

.etarget .selfpromo {

   margin-bottom: 10px;

}

.etarget .description {

   color: white;

}

.etarget .title a:hover {

   text-decoration: underline;

}





/* =========== styly slovniku, jak formu tak i vysledku =================*/

.slovnik {

   text-align: left;

   color: #FFFFFF;

}

.slovnik .catin2 {

   background-color: #6684A3;

   padding: 8px 13px 8px 13px;

}

.slovnik h2 {

   font-size: 1em;

   font-weight: bold;

}

.slovnik input {

   font-size: x-small;

}





/* =========== Styly pro uzivatelskou sekci * zacatek =================*/


 #userram {margin:0; padding:0;}

 #usertelo {width: 565px; padding: 10px 15px 10px 0; text-align: left;float: left;}

 #usertelo h2 { font-weight: bold; font-size: 1.5em; padding: 5px 10px 15px 10px; margin:0;} 

 #usertelo h3 {margin: 10px 5px 5px 10px;} 

 #usertelo p {margin:0; padding: 5px 10px 5px 10px} 

 #usertelo ol li {line-height: 1.5em;}

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

 #usermenu {width: 200px; margin:0; 
    padding: 10px 0 20px 0; 
    list-style: none;    
    background:#f8f7f7;
    border:1px solid #b5b5b5;
    margin-bottom:10px;
}

 #usermenu li {margin:0; padding:0; display: block;}

 #usermenu li a {text-decoration: none; display: block; width: 185px; line-height: 2em;padding-left: 10px; } 

 #usermenu li a:hover { color: #000; text-decoration: none;} 

 form {text-align: left;}

 .fieldset1 {margin-left: 10px; width: 550px; border: 1px solid #b6b4b5; padding: 10px; background: #fdfbfc; margin-bottom: 25px;}

 .filedset1 table {width: 100%; padding-top: 15px;}

 .fieldset1 th {width: 100px; text-align: right; font-weight: bold; vertical-align: top; padding: 3px;}

      #formregistrace th {width: 160px;}

 .fieldset1 legend {background: #b6b4b5; color: #fff; font-weight: bold; padding: 3px 15px 3px 15px;}  

 .inputtext1 {text-align: left; border: 1px solid #c3c6cd; padding: 3px;}

 .inputtext1:focus {background: #FEFBF2; border: 1px solid #888;}

      .na535px {width: 535px;}

      .na400px {width: 400px;}      

      .na200px {width: 200px;}

      .na150px {width: 150px;} 

      .na130px {width: 130px;}       

      .na70px {width: 70px;} 

      td label {font-weight: bold;}

 .textarea1 {font-size: 1em;}

 div.warnings {text-align: center; margin: 10px; font-weight: bold; color: red; padding: 10px; border: 1px solid red; background: #F5F5F5;} 

 #usertelo div.hledani {width: 545px; border-right: 0;}

 #usertelo div.hledani table h2 {font-size: 1em; padding: 5px 5px 5px 10px;}

 #usertelo div.hledani table div {padding-left: 10px;}

 #usertelo .pokraczebricku {width: 545px;}

 #usertelo div.diskuseprispevek div p {text-align: right;}

  #usertelo li {font-size:0.9em;}  

 .ulbez {list-style: none;}

#usertelo input[type="submit"] {background-color:#5b72a8;color:#fff;border:1px solid #233b7b;font-weight:bold;font-size:0.9em;cursor:pointer;}

/* =========== Styly pro uzivatelskou sekci * konec =================*/

 ol.smsky {font-size: 1.2em;}
 ol.smsky li {margin: auto auto 2em auto;}
 ol.smsky a {cursor: pointer; text-decoration: underline; font-weight: bold;}
 ol.smsky a span.magenta_text {color: #df0078;}

 strong.moc {font-weight: bolder;}

 span.mezera {background-color: lightblue; font-size: 0.8em; color: #000000; font-weight: normal;}


 /* STYLY pro Novou hlavicku */

 #rada3 {font-size: 0.8em; background: #fff; padding: 6px 10px; text-align: left;border:0}
 #rada3 p {margin:0; padding:0;} 

 #rada4 {background: #eee; padding: 7px 10px;}
 #rada4 form {text-align: right;}
 #rada4 label {font-weight: bold;}
 #rada4 label input {font-weight: normal; width: 200px; margin-left: 5px; padding-left:3px;}

 #nhpocetpraci {float: right; position: relative;}

 #rada5 {width: 780px; position: absolute; top:0; left:0; height: 23px; font-size: 0.8em; background: #6684a3; text-align: right;}
 #rada5 p { color: #fff; margin:0; padding:5px 10px;}
 #rada5 p img {position: absolute; left:18em; top: 3px;}
 #rada5 a {color: #fff;}
 #rada5 a:hover, #rada5 a:active, #rada5 a:focus {color: #ffdc71; text-decoration: none;}

 #nhicq {float: left; font-weight: bold;}

 
/* styly pro platby */
#paytelo {margin: 30px auto 30px auto;}
#paytelo input.visibleinline {border: 1px solid #7CB943; background: #FFF; }
#paytelo input.visiblebutton {background-color: #F4F8ED; }
#paytelo input.visible {border: 1px solid #7CB943; background: #FFF; display: block; width: 200px; margin: 10px auto 10px auto; }
#captcha {width: 200px; margin: 10px auto 50px auto;}
#captcha .operation {font-weight: bold; font-size: 1.2em;}
#payram .infotext {text-align: left; margin: auto 10px auto 10px;}

/* styly pro goodness img*/
div.vp {background: url("../imgs/good.gif") left top no-repeat; width: 60px; height: 30px;} /*good*/
div.sp {background: url("../imgs/supergood.gif") left top no-repeat; width: 76px; height: 53px;} /*supergood*/
div.profi {background: url("../imgs/profi.gif") left top no-repeat; width: 76px; height: 53px;} /*profi*/
#skypeIko {width:40px;float:left;margin-left:25px;padding-top:3px;}
#nhicq a img {border:0;}

/* nová paticka */
.copy {font-size: 1em; 
    height:287px; 
    margin-top:20px;
    padding: 20px 13px;
    text-align: left; 
    color: #fff; 
    clear:both;
} 
.copy p {color:#fff;}

.copy .paticka_top_block {border-bottom:1px solid #353535;float:left;width:940px;padding-bottom:10px;}

.copy .paticka_top {width:190px;float:left;margin-right:60px;color:#fff;}
.copy .paticka_top_last {color:#fff;width:190px;float:left;}
.copy .paticka_top a,.copy .paticka_top a:link ,.copy .paticka_top a:visited  {color:#fff;text-decoration:none;} 
.copy .paticka_top a:hover {text-decoration:underline;}
.copy .paticka_input_i,
.copy .paticka_input {background-color:#3e3e3e;border:1px solid #333333;color:#fff;font-size:0.9em;font-style:italic;padding:5px 5px;width:180px;}

.copy .paticka_bottom {clear:left;border-top:1px solid #696969;float:left;width:940px;color:#fff;padding-top:20px;}
.copy .paticka_bottom_left {color:#fff;float:left;font-size:0.9em;}
.copy .paticka_bottom_left a {color:#fff;text-decoration:none;}
.copy .paticka_bottom_left a:hover {color:#fff;text-decoration:underline;}
.copy .paticka_bottom_right {color:#fff;float:right;font-size:0.9em;}

.copy input.sendBtn {font-size:0.9em;
    font-weight:bold;
    background:url(../imgs/sprites.png) no-repeat -178px 0;
    border:0;height:30px;width:78px;
    color:#505050;float:right;
    margin-top:15px;
}

.paticka_top_last a span {display:none;}
.paticka_top_last a {display:block;margin:18px 30px 0 0;float:left}
.paticka_top_last strong {display:block;}
a.paticka_facebook {background: url("../imgs/sprites.png") no-repeat -108px 0; width: 44px; height:38px;}
a.paticka_tweeter {background: url("../imgs/sprites.png") no-repeat -18px 0; width: 45px; height:38px;}
a.paticka_google {background: #fff url("../imgs/instagram.png") no-repeat; width: 45px; height:45px;border-radius: 14px;}
a.paticka_icq {background: url("../imgs/icq.png") no-repeat; width: 50px; height:45px;}

/*odsazování obsahu */
table.obsah {border-collapse: collapse;}
table.obsah td {vertical-align: top;}

/* rozbalene seznamy */
.stromLast {margin-top:15px;}
a.listInner {margin:1px 0 0 15px;display:block;text-decoration:none;}
.tkat td .stromLast a.listInner:hover {color:#000;text-decoration:underline;}

.submitBtn, .submitBtn2  {background-color:#5b72a8;color:#fff;border:1px solid #233b7b;font-weight:bold;font-size:0.9em;float:right;cursor:pointer;}
.submitBtn2 {float:none;}
#submitbutton.submitBtn {padding:3px;}

table.prevod_kredit {margin:8px;}
table.prevod_kredit {border-collapse:collapse;}
table.prevod_kredit th {background-color:#b6b4b5;border:1px solid #b6b4b5;padding:2px 5px;color:#fff;}
table.prevod_kredit td {border:1px solid #b6b4b5;padding:2px 5px;}

#banner_top {position: relative; left: -4px; margin-top: 0px;}
#banner_left {position: absolute; left: -164px; margin-top: 0px;}
#banner_right {position: absolute; right: -164px; margin-top: 0px;}

#h3pointer h3, .tableHp h3 {cursor:pointer;}
.ramecek h1 {font-size: 17px; color:#000; margin: 17px 0; padding: 0;}

.goodnessdetail { float: right;margin:0 1px 5px 0;}
.goodness img { border: 0; margin-bottom:5px;}
.goodness {width: 63px; padding-left:0 !important; }

.downloadAnketa { margin:0; padding: 10px; width:495px; height:300px; background-color:#fff;}
.downloadAnketa select {width: 200px;}
.downloadAnketa input[type="text"] {width: 50px;}
#downloadAnketa iframe {border: none;}
#downloadAnketa {position: absolute; border: 1px solid black;z-index: 1000;}
#downloadAnketa .x {position: absolute; top:5px; right:5px; cursor: pointer;}

.fb_free {float:right;line-height:24px;}
.fb_free_button {width:83px;height:24px;overflow:hidden;float:right;}
.fb_free_login {float:right;line-height:54px;}
.fb_free_login_button {float:right;}

.fb_akce {border: 1px solid black;padding:1em;}


#stickyboard{
    display: block;
    position: fixed;
    bottom: 0px;
    width: 100%;
    left: 0px;
    text-align: center;
}

#popUpC {background: rgba(128,128,128,0.5);width: 100%;height: 100%;position: fixed;z-index: 100000;top: 0;left: 0;right: 0;bottom: 0;}
#popUp {max-width:calc(603px*1.3);max-height:calc(853px/1.55);width:calc(100% - 30px);height:calc(100% - 30px);position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);box-sizing: border-box;filter: drop-shadow(0 0 5px #000);}

#popUpclose{display:block;position:absolute;top:-10px;right:-10px;z-index:300;cursor:pointer;margin: 0;font-size: 31px;background: #fff;line-height: 26px;border: 1px solid #595959;border-radius: 100%;width: 30px;height: 30px;text-align: center;box-sizing: border-box;}
#popUpclose:hover{background:#222;color:#fff;}

.content{width: 100%;height: 100%;font-size: 1.5em;border-radius: 15px;background:#fff;display: grid;grid-template-columns: 50% 50%;overflow: hidden;}
img.PoPobrazek{grid-column: 1/2;grid-row: 1/2;width: 100%;height: 100%;object-fit: cover;position: relative;z-index: 1;}/*filter: blur(1px) opacity(90%)*/
a.PoPodkaz{grid-column: 1/3;grid-row: 1/2;display: block;cursor: pointer;position: relative;z-index: 3;}
.Popobsah{grid-column: 2/3;grid-row: 1/2;width: 100%;height: 100%;padding: 20px 20px 20px 10px;box-sizing: border-box;position: relative;z-index: 2;}

.Popobsah table,.Popobsah table.datatable{max-width:100%;height:100% !important;width: 100% !important;background: transparent;}
.Popobsah table th,.Popobsah table td,.Popobsah table.datatable th,.Popobsah table.datatable td{margin:0;padding:0;color:inherit;font-size:1em;font-family:inherit;background:transparent;word-break: break-word}
.Popobsah h6,.Popobsah h5,.Popobsah h4,.Popobsah h3,.Popobsah h2,.Popobsah h1{font-size:48px;background: transparent;line-height:1em;margin:0;padding:0;}

@media only screen and (max-width:500px){
	#popUp{}
	.content{grid-template-columns: 100%;}
	img.PoPobrazek{grid-column: 1/2;grid-row: 2/3;object-fit: contain;}
	a.PoPodkaz{grid-column: 1/2;grid-row: 1/3;}
	.Popobsah{grid-column: 1/2;grid-row: 1/2;padding: 10px;}
	.Popobsah h6,.Popobsah h5,.Popobsah h4,.Popobsah h3,.Popobsah h2,.Popobsah h1{font-size:38px;}
}
@media only screen and (max-height:500px){
	img.PoPobrazek{object-position: top center;}
	.Popobsah table th, .Popobsah table td, .Popobsah table.datatable th, .Popobsah table.datatable td{vertical-align:top !important;}
	.Popobsah h6,.Popobsah h5,.Popobsah h4,.Popobsah h3,.Popobsah h2,.Popobsah h1{font-size:38px;}
}