html,body {padding:0px; margin:0px; font:normal normal 0.95em/1.5 Arial, sans-serif; background:white; text-align:center;}
form {margin:0px;}
table {border:none; margin:auto;}
#obsah td {_font-size:12px; _color:#6E523B}
img {border:none; vertical-align:middle}
input {vertical-align:middle;}
a {text-decoration:none; color: #3b3b3b;}
a:hover {text-decoration: none;}
#titulka #content2 a:hover, #drobecky a:hover, #obsahovka .right a:hover {text-decoration: underline;}

.tbold {font-weight:bold;}
.tpodtrzeny {text-decoration:underline;}
.tkurziva {font-style:italic;}
.tvetsi {font-size:120%;}
.tmensi {font-size:80%;}
.al {text-align:left}
.aj {text-align:justify}
.ac {text-align:center}
.ar {text-align:right}
.fl {float:left;}
.fr {float:right;}
.inv {display:none;}
.obrl {float:left; margin-right:10px; margin-top:5px; margin-bottom:5px;}
.obrr {float:right; margin-left:10px; margin-top:5px; margin-bottom:5px;}
.cleaner {clear:both}
.full {width:100%;}
.sloupec1 {float:left; width:48%; _width:46%;}
.sloupec2 {float:right; width:48%; _width:46%;}
.pod {padding-top:10px; clear:both;}
.nic {font-size:1px;}
abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video {display:block;}

/*
Nezapomeň přizpůsobit tyto třídy grafice webu!
(tento komentář potom smaž...)
*/
.good {background:#FFC412; padding:4px 8px 4px 8px; margin:4px 0px 8px 4px; font-weight:bold;} /*Pro automatické odpovědi systému typu "Nastavení bylo uloženo."*/
.vyrazny {color: #00a8d8;} /*Barevné zvýraznění textu*/
.x, a.button:hover {background:black; cursor:pointer; color:white !important;}
.vyraznyt, .vyraznyt td {background:#999999;} /*Občas je třeba zvýraznit řádek v tabulce*/

.separator1 {border-bottom:solid 1px black; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}
.separator2 {border-bottom:dotted 1px black; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}
.separator3 {border-bottom:double 3px black; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}
.separator4 {border-bottom:solid 1px #d90000; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}

.sloupec1 {float:left; width:49%; _width:46%;}
.sloupec2 {float:right; width:49%; _width:46%;}
.pod {padding-top:10px; clear:both;}

h1, .h1 {font:normal bold 20px Arial, sans-serif; margin:0px; padding:10px 0px 20px; color: #00a8d8; text-shadow: white 0 1px 1px;}
h2, .h2 {font:normal bold 130% Arial, sans-serif; margin:0px; padding:10px 0px 10px 0px; color: #00a8d8; font-weight:bold;}
h3, .h3 {font:normal bold 120% Arial, sans-serif; margin:0px; padding:10px 0px 10px 0px; color: #00a8d8; font-weight:bold;}

/*většinou formuláře*/
.c {width:180px; padding: 0 0 0 20px; font-weight: bold; font-size: 12px;}
.c2 {width:100px; padding: 0 0 0 20px; font-weight: bold; font-size: 12px;}
.sloupec1 .c,.sloupec2 .c {width:100px;}
.sloupec1 .c2,.sloupec2 .c2 {width:70px;}
.input {border:solid 1px #f4f4f4; box-shadow: inset 0 0 1px rgba(191, 191, 191, 0.5); width:98%; background:white; font:normal normal 11px Tahoma,sans-serif; color:black; margin-bottom:1px; padding:1px 2px 1px 2px;} /*Defaultní vstupní políčko pro text*/
.input_mini {width:25px;}
.button {background-color:#2c2d2d; color:white; font:normal normal 12px Arial,sans-serif; text-transform:uppercase; border:none; padding: 6px 8px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; behavior: url("/PIE.htc"); position: relative; font-weight: bold;}
a.button {padding:2px 5px 2px 5px;}
.x {color:black; background-color:#D9754B; cursor:pointer;}
.mensi {width:120px;}
.kal {text-align:center}
.kal2 {cursor:pointer; background-color:#2A7C87; color:white;}

/*galerie - někdy se hodí*/
.gal_obrazek_velky {width:520px; height:520px; overflow:auto; margin:5px 0px 5px 0px; clear:both; background-color:#cccccc;}
.gal_obrazek {padding:10px; clear:both; text-align:center;}
.gal_obrazek img {border:solid 8px #cccccc; }
.gal_popiska {padding:5px 0px 5px 0px; width:100%; text-align:center; background-color:#cccccc; }
.gal_ovladani_nahled {padding-top:12px; margin-bottom:15px;}
.gal_ovladani {padding-top:11px; margin-bottom:10px;  _height:33px;}
.gal_nahledy {text-align:center; background:url("imgs/gal_bg.gif") no-repeat center top; height:110px; padding-top:17px;}
.nahled {margin:0px 2px 0px 2px;}
.aktivni_nahled img {border:solid 1px #D9754B;}
.gal_zoom {float:right; padding-top:11px; padding-right:10px; }
.gal_link {padding:2px 5px 2px 5px; background-color:#D9754B; color:white; font-size:85%;}
.gal_link:hover {color:black; background-color:#2A7C87; cursor:pointer; text-decoration:none;}

/* layout */
.content, #head, #content2 {
    width: 921px;
    margin: 0 auto;
    padding: 0 18px;
    position: relative;
    text-align: left;
}
#obsahovka {
}
#titulka {
}
#titulka #head {
    background: url('imgs/bg-home.jpg') no-repeat center top;
    height: 247px;
}
#obsahovka #head {
    background: url('imgs/bg-obs.jpg') no-repeat center top;
    height: 175px;
}
#head-left, #head-right {width: 49%; position: absolute; top: 0;}
#head-left {left: 0;}
#head-right {right: 0;}
#head-left-col {margin-right: 459px;}
#head-right-col {margin-left: 459px;}
#titulka #head-left-col {
    background: url('imgs/bg-left-home.png') repeat-x center top;
    height: 247px;
}
#titulka #head-right-col {
    background: url('imgs/bg-right-home.png') repeat-x center top;
    height: 247px;
}
#obsahovka #head-left-col {
    background: url('imgs/bg-left-obs.png') repeat-x center top;
    height: 175px;
}
#obsahovka #head-right-col {
    background: url('imgs/bg-right-obs.png') repeat-x center top;
    height: 175px;
}
#head-home {
    position: absolute;
    display: block;
    float: left;
    width: 200px;
    height: 130px;
    z-index: 5;
}

/* hlavicka */
#phone {
    position: absolute;
    left: 735px;
    top: 100px;
    background: url('imgs/phone.png') no-repeat;
    height: 30px;
    padding-left: 25px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 26px;
    z-index: 5;
}
#phone-hours {
    position: absolute;
    left: 748px;
    top: 130px;
    font-family:'Helvetica W02 Cn';
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    font-size: 12px;
    color: white;
    text-transform: uppercase;
    z-index: 5;
}

/* menu vpravo nahore */
#menu {
    position: absolute;
    top: 21px;
    right: 20px;
    font-family:'Helvetica W02 Cn';
    height: 66px;
    z-index: 5;
}

#menu a {
    /*
    display: block;
    float: left;
    height: 60px;
    line-height: 60px;
    */
    z-index: 3;
    color: white;
}
#menu a .arrow {
    display: block;
    float: left;
    height: 60px;
    line-height: 60px;
    background: url('imgs/bg-menu.png') repeat-x 0 0;
}
#menu a:hover .arrow, #menu a.on .arrow {background-position: 0 bottom;}
#menu a .mid {
    display: block;
    float: left;
    height: 70px;
    line-height: 60px;
    font-size: 14px;
    padding: 0 16px;
    z-index: 1;
    }
#menu a:hover .mid, #menu a.on .mid {background: url('imgs/bg-menu-arrow.png') no-repeat center 56px;}

#menu a.first .l, #menu a.last .r {
    display: block;
    float: left;
    height: 60px;
    width: 14px;
    background: url('imgs/bg-menu-lr.png') no-repeat;
}
#menu a.first .l {background-position: -28px 0;}
#menu a.first:hover .l, #menu a.first.on .l {background-position: 100% 0;}
#menu a.last .r {background-position: 0 0;}
#menu a.last:hover .r, #menu a.last.on .r {background-position: -14px 0;}


/* layout titulky */
#titulka #content2-wr {
    position: absolute;
    top: 448px;
    left: 0;
    background-color: #e2e2e2;
    width: 100%;
}
#titulka #content2 {
    /*
    min-height: 300px;
    */
    padding: 20px 18px;
    background-color: #e2e2e2;
    color: #3b3b3b;
}

/* menu pro titulku */
#titulka-menu2 {
    position: absolute;
    top: 0px;
    height: 200px;
    left: 10px;
    font-family:'Helvetica W02 Bd Cn';
}
#titulka-menu2 a {
    display: block;
    float: left;
    border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; behavior: url("/PIE.htc"); position: relative;
    width: 222px;
    height: 152px;
    margin-left: 12px;    margin-top: 20px;
    color: white;
    cursor: pointer;
}
#titulka-menu2 #outer-1 {background-color: #de9db7; margin-left: 0;}
#titulka-menu2 #outer-2 {background-color: #f7c69e;}
#titulka-menu2 #outer-3 {background-color: #c7dba5;}
#titulka-menu2 #outer-4 {background-color: #99dcef;}

#titulka-menu2 a .inner {
    display: block;
    margin: 5px;
        width: 212px;
    height: 142px;
    border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; behavior: url("/PIE.htc"); position: relative;
    text-align: left;
}

#titulka-menu2 a span {display: block;}
#titulka-menu2 .outer-preload {display: none;}
#titulka-menu2 #outer-1 .inner, #titulka-menu2 #outer-1:hover .text {background-color: #ad0b4c;}
#titulka-menu2 #outer-2 .inner, #titulka-menu2 #outer-2:hover .text {background-color: #eb700d;}
#titulka-menu2 #outer-3 .inner, #titulka-menu2 #outer-3:hover .text {background-color: #73a41e;}
#titulka-menu2 #outer-4 .inner, #titulka-menu2 #outer-4:hover .text {background-color: #00a8d8;}
#titulka-menu2 #outer-1:hover .inner, #titulka-menu2 #outer-preload-1 {background: url('imgs/bg-outer-1.jpg');}
#titulka-menu2 #outer-2:hover .inner, #titulka-menu2 #outer-preload-2 {background: url('imgs/bg-outer-2.jpg');}
#titulka-menu2 #outer-3:hover .inner, #titulka-menu2 #outer-preload-3 {background: url('imgs/bg-outer-3.jpg');}
#titulka-menu2 #outer-4:hover .inner, #titulka-menu2 #outer-preload-4 {background: url('imgs/bg-outer-4.jpg');}

#titulka-menu2 .text {
    top: 50px;
    width: 145px;
    height: 65px;
    text-transform: uppercase;
    font-size: 18px;
    text-shadow: rgba(0, 0, 0, 0.5) 0 1px 1px;
    border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; behavior: url("/PIE.htc"); position: relative;
    padding: 10px 0 0 10px;
    font-weight: normal;
    font-family: 'Helvetica W02 Bd Cn';
    color: white;
}
#titulka-menu2 #outer-3 .text {padding-top: 5px; height: 70px;}

/* layout obsahovky */
#drobecky {
    float: right;
    width: 100%;
    padding: 0;
    text-align: right;
    margin: 15px 0 20px;
    text-transform: uppercase;
    color: #777;
    font-size: 11px;
}
#drobecky a {color: #777; font-size: 11px;}
#drobecky .selected {color: #00a8d8; font-size: 13px; font-weight: bold;}

#obsahovka .nopadding {padding: 0!important; width: 960px;}
#obsahovka .left {
    float: left;
    width: 238px;
}
#obsahovka .right a {color: #9d2e0e;}

#obsahovka .right {
    float: right;
    width: 667px;    margin: 0 17px 0 37px;
    text-align: left;
}

/* obsahovka vlevo */
.left .h1 {padding: 15px 0 0 20px;}
.left .line {margin: 14px 18px; border-top: 1px solid #c6c6c6; border-bottom: 1px solid #f3f3f3;}
.left #archiv .line {margin-bottom: 0}
.left .archiv-inner .polozka {padding: 10px 20px;}
.right .archiv-inner .polozka {padding: 10px 0;}
.archiv-inner strong:first-child {font-size: 13px; color: #00a8d8;} /* i pro archiv-aktualit.html */
#submenu, #archiv {
    border: 1px solid #dbdbdb;
    border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; behavior: url("/PIE.htc"); position: relative;
    background-color: #eaeaea;
}
#submenu {margin-bottom: 35px;}
#submenu a {font-size: 14px; padding-left: 15px; display: block;  line-height: 26px; ; position: relative;}
#submenu a.rozbalene {color: #00a8d8;}
#submenu a:hover, #submenu a.on {background: url('imgs/bg-submenu-arrow.png') #009fd3 no-repeat 220px center; color: white;}
#submenu a.superlast:hover, #submenu a.superlast.on {border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; behavior: url("/PIE.htc"); position: relative; /* fix ie */}
#submenu .uroven3 {padding-left: 38px; font-size: 12px; color: #5d5d5d; background-color: #d4f1f9;}

#archiv #prehled {padding: 15px 18px;}
#archiv #prehled, #archiv #prehled a {color: #777777; text-transform: uppercase; font-size: 11px;}
#archiv #prehled a:hover {text-decoration: underline;}


/* galerie */
#titulka #gallery-wr {background-color: white;}
#gallery {position: relative; text-align: left; padding-bottom: 40px; clear: both;}

#gallery .h1 {color: #131313; padding: 20px 0;}
#obsahovka #gallery .h1 {padding: 40px 0 20px 0;}

#gallery .slide {height: 142px; width: 904px;}
#obsahovka #gallery .slide {width: 677px;}

#gallery .subslide {margin: 0 8px;}
#obsahovka #gallery .subslide {margin: 0 4px;}
#gallery .subslide.first {margin-left: 0px!important;}
#gallery .galerie_sipka_zpet, #gallery .galerie_sipka_vpred {
    position: absolute;
    top: 64px;
    display: block;
    width: 20px;
    height: 142px;
    background: url('imgs/gallery-lr.png') no-repeat;
    font-size: 0px;
}
#obsahovka #gallery .galerie_sipka_zpet, #obsahovka #gallery .galerie_sipka_vpred {top: 84px;}
#gallery .galerie_sipka_zpet {left: 0;}
#gallery .galerie_sipka_vpred {left: 895px; background-position: bottom left;}
#obsahovka #gallery .galerie_sipka_vpred{left: 652px;}

#gallery .galerie_puntiky {display: none;}
#gallery .subslide img {border: 1px solid #cbcbca;}

#operace {float: right;}
#operace .tisk, #operace .poslat {text-transform: uppercase; padding-left: 40px;}
#operace a:hover {text-decoration: underline;}

/* paticka */
#paticka {
    background-color: #333231;
    color: #949393;
    text-align: left;
    font-weight: bold;
    font-size: 12px;
    margin-top: 0px;
}

#paticka a {color: #949393; text-decoration: underline;}
#paticka a:hover {color: white;}
#obsahovka #paticka {margin-top: 30px;}
#kontaktni-lista-wr {
    border-bottom: 1px solid #d2d2d2;
    padding: 15px 0 25px 0;
}
#paticka-left {
    float: left;
    padding: 10px 0 0 0;
    font-weight: normal;
    font-size: 10px;
}
#paticka-right {
    float: right;
    padding: 10px 0 0 0;
    font-weight: normal;
    font-size: 10px;
}

/* formulare */
.form {
    border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; behavior: url("/PIE.htc"); position: relative;
    border: 1px solid #d6d6d6;
    background-color: #eaeaea;
}
.form form {
    margin: 4px;
    _width: 659px;
}
.form table tr:first-child td {
    padding-top: 20px;
}
/* doporucit-stranku.html */
.form input.input {width: 190px;}
.form small {padding-left: 20px;}

/* galerie a obrazky */
.galerie td div {
    width: 150px;
    height: 150px;
    overflow: hidden;
    margin-bottom: 13px;
}
.galerie td div, .ram-obrazku {}

.gal {
  float: left;
  
}

.galerie {
  clear: both;
}

.gal img {
  height: 150px !important;
}
@media only screen and (max-device-width: 761px) {
  #paticka .desktop-version a {
    color: white;
  }
}