* {
margin: 0;
padding: 0;
border: 0;
}

body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 75%;
color: black;
text-align: center;
background: url("../grafika/top.jpg") no-repeat center top;
}

a {
color: #57517b; /* light blue */
text-decoration: underline;
}

a:visited {
color: #211d3e; /* dark blue*/
}

a:hover, a:active, a:focus {
color: #8985a2; /* light lila */
}

.bpm a:hover, .bpm a:active, .bpm a:focus {
color: #3499c7; /* blue */
}

.hr a:hover, .hr a:active, .hr a:focus {
color: #ed8929; /* orange */
}

.is a:hover, .is a:active, .is a:focus {
color: #a6af0e; /* green */
}

h1 {
color: #211d3e;
font-size: 220%;
line-height: 100%;
margin: 0 0 10px;
}

h2 {
color: black;
font-size: 150%;
font-weight: normal;
line-height: 140%;
margin: 0 0 15px;
}

h3 {
color: #0d104b;
font-size: 150%;
font-weight: bold;
margin: 0 0 20px;
}

h4 {
font-size: 120%;
line-height: 120%;
}

h5 {
font-size: 100%;
}

.exo {
font-weight: normal;
}

p {
margin-bottom: 20px;
line-height: 150%;
}

ul {
margin: 10px 0;
line-height: 140%;
background: none;
}

li {
line-height: 150%;
margin: 0;
list-style: none;
padding: 5px 0 5px 15px;
background: url("../grafika/bullet.jpg") no-repeat 0 12px;
}

.bpm ul li {
background: url("../grafika/bullet1.jpg") no-repeat 0 12px;
}

.is ul li {
background: url("../grafika/bullet2.jpg") no-repeat 0 12px;
}

.hr ul li {
background: url("../grafika/bullet3.jpg") no-repeat 0 12px;
}

ul.fajfky li {
padding: 5px 0 5px 25px;
background: url("../grafika/fajfka2.png") no-repeat 0 6px;
}

ul.fajfky2 li {
font-size: 120%;
padding: 4px 0 4px 25px;
background: url("../grafika/fajfka.png") no-repeat 0 12px;
}

ul.options li {
padding: 5px 0 5px 25px;
background: url("../grafika/strom.jpg") no-repeat 0 center;
}

ul.options li.prvni {
padding: 5px 0 5px 25px;
background: url("../grafika/strom3.jpg") no-repeat 0 center;
}

ul.options li.posledni {
padding: 5px 0 5px 25px;
background: url("../grafika/strom2.jpg") no-repeat 0 center;
}

ul.options li.bigger {
background: url("../grafika/vice.png") no-repeat 0 8px;
}


ol {
counter-reset: li;
margin-left: 0; 
padding-left: 0; 
}

ol > li {
margin: 0 0 10px 25px; 
padding: 4px 10px;
list-style: none; 
background: none;
position: relative; 
}

ol > li:before {
width: 22px;
height: 22px;
line-height: 22px;
font-weight: bold;
font-size: 90%;
text-align: center;
background: url("../grafika/cislo.jpg");
content: counter(li); 
counter-increment: li; 
margin-right: 10px; /*fix for some browsers*/
position: absolute;
top: 4px;
left: -25px;
}

ol ul li {
list-style: none;
}

.cistic {
=height: 1px;
=width: 1px;
=font-size: 1px;
=line-height: 1px;
=margin: -1px -1px 0 0;
clear: both;
}

address {
font-style: normal;
line-height: 140%;
font-size: 120%;
margin-bottom: 10px;
}

.kde address {
margin-bottom: 20px;
}

table {
width: 100%;
border-collapse: collapse;
}

table p {
margin: 0;
}

table ul {
margin: 0;
}

td, th {
padding: 10px;
line-height: 140%;
}

th {
width: 120px;
color: black;
font-weight: bold;
font-size: 100%;
vertical-align: top;
text-align: left;
}

.program td, .program th {
border-top: 1px solid #e1e0e7;
border-bottom: 1px solid #e1e0e7;
}

.program th {
font-weight: normal;
width: 75px;
}

.strong {
font-weight: bold;
}

.strike {
text-decoration: line-through;
}

.small {
font-size: 90%;
}

.normal {
font-size: 100% !important;
}

.bigger {
font-size: 120% !important;
line-height: 140%;
}

.big {
font-size: 150%;
}

.half {
width: 49%;
float: left;
}

ul.half {
width: 44%;
}

.last {
background: none !important;
border: none !important;
}

.tret {
width: 33%;
float: left;
}

.hide {
display: none;
}

.none {
display: none;
}

iframe {
border: 1px solid white;
}

q {
font-size: 120%;
line-height: 150%;
font-style: italic;
}

.rounded5 {
-webkit-border-radius: 5px;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius: 5px;
-moz-border-radius-bottomright: 0;
border-radius: 5px;
border-bottom-right-radius: 0;
}

.rounded5full {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.rounded10 {
border: 1px solid #c1c1d0;
-webkit-border-radius: 10px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 10px;
-moz-border-radius-topleft: 0;
border-radius: 10px;
border-top-left-radius: 0;
}

.rounded10bottom {
border: 1px solid #c1c1d0;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

.pic {
background: white;
padding: 5px;
border: 1px solid #c2c1d0;
}

.italic {
font-style: italic;
}

.right {
float: right !important;
}

.left {
float: left !important;
}

.aright {
text-align: right !important;
}

.aleft {
text-align: left !important;
}

.acenter {
text-align: center !important;
}

.img-right {
margin: 0 0 20px 20px;
float: right;
}

.img-left {
margin: 0 20px 20px 0;
float: left;
}

.noborder {
border: 0 !important;
}

.bl0 {
border-left: 0 !important;
}

.br0 {
border-right: 0 !important;
}

.m0 {
margin: 0 !important;
}

.m10 {
margin: 10px !important;
}

.m20 {
margin: 20px !important;
}

.mt0 {
margin-top: 0 !important;
}

.mr0 {
margin-right: 0 !important;
}

.mb0 {
margin-bottom: 0 !important;
}

.ml0 {
margin-left: 0 !important;
}

.mt5 {
margin-top: 5px !important;
}

.mt10 {
margin-top: 10px !important;
}

.mt20 {
margin-top: 20px !important;
}

.mt30 {
margin-top: 30px !important;
}

.mt40 {
margin-top: 40px !important;
}

.mb0 {
margin-bottom: 0 !important;
}

.mb5 {
margin-bottom: 5px !important;
}

.mb8 {
margin-bottom: 8px !important;
}

.mb10 {
margin-bottom: 10px !important;
}

.mb15 {
margin-bottom: 15px !important;
}

.mb20 {
margin-bottom: 20px !important;
}

.mb30 {
margin-bottom: 30px !important;
}

.mb40 {
margin-bottom: 40px !important;
}

.mr8 {
margin-right: 8px !important;
}

.mr10 {
margin-right: 10px !important;
}

.mr15 {
margin-right: 15px !important;
}

.mr20 {
margin-right: 20px !important;
}

.ml20 {
margin-left: 20px !important;
}

.p0 {
padding: 0 !important;
}

.p10 {
padding: 10px !important;
}

.p20 {
padding: 20px !important;
}

.pt0 {
padding-top: 0 !important;
}

.pr0 {
padding-right: 0 !important;
}

.pb0 {
padding-bottom: 0 !important;
}

.pl0 {
padding-left: 0 !important;
}

.pt10 {
padding-top: 10px !important;
}

.pt20 {
padding-top: 20px !important;
}

.pt30 {
padding-top: 30px !important;
}

.pt40 {
padding-top: 40px !important;
}

.pb10 {
padding-bottom: 10px !important;
}

.pb20 {
padding-bottom: 20px !important;
}

.pb30 {
padding-bottom: 30px !important;
}

.pb40 {
padding-bottom: 40px !important;
}

.pl10 {
padding-left: 10px !important;
}

.pl20 {
padding-left: 20px !important;
}

.pl35 {
padding-left: 35px !important;
}

/***************** layout *************/

#main {
width: 984px;
padding-top: 128px;
text-align: left;
margin: 0 auto;
position: relative;
}

#logo {
width: 216px;
height: 58px;
font-size: 200%;
color: #0d104b;
margin: 0;
overflow: hidden;
position: absolute;
top: 36px;
left: 45px;
}

#logo a, #logo span {
width: 100%;
height: 100%;
display: block;
background: url("../grafika/logo.jpg");
position: absolute;
top: 0;
left: 0;
}

/*** MENU ***/

ul#menu {
width: 984px;
height: 48px;
font-weight: bold;
margin: 0 0 15px 0;
padding: 0;
border: 1px solid #c0c8db;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow: hidden;
}

ul#menu li {
margin: 0;
padding: 0;
display: inline-block;
background: none;
}

ul#menu li {
display: inline !ie;
}

ul#menu a, ul#menu a:visited {
height: 48px;
line-height: 48px;
font-weight: bold;
padding: 0 34px;
color: #57517b;
text-decoration: none;
display: block;
_float: left;
background: url("../grafika/menu.jpg") no-repeat center right;
}

ul#menu a:hover, ul#menu a:focus, ul#menu a:active {
color: #8985a2;
}

ul#menu li.active a, ul#menu li.active a:visited {
color: #57517b;
padding: 0 17px;
background: #f1f6fb;
border-right: 1px solid #d3d8e6;
border-left: 1px solid #d3d8e6;
}

ul#menu li.active a:hover, ul#menu li.active a:focus, ul#menu li.active a:active {
color: #57517b;
}

ul#menu .last a {
background: none;
}

ul#menu li.first.active a, ul#menu li.first.active a:visited {
border-left: 0;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}

ul#menu li.last.active a, ul#menu li.last.active a:visited {
border-right: 0;
padding: 0 18px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}

ul#menu li.nobg a {
background: none;
}

/*** HEADER ***/

/** uvod **/

.header {
width: 417px;
height: 228px;
padding: 45px 510px 0 55px;
margin-bottom: 15px;
border: 1px solid #c0c8db;
position: relative;
}

#header1 {
background: #ecf2f9 url("../pics/header1.jpg");
}

.header h1 {
font-size: 200%;
font-weight: normal;
color: #5f9826;
margin: 0;
margin-bottom: 20px;
}

.podstrana .header h1 {
color: #211d3e;
font-size: 220%;
}

.header h2 {
font-size: 200%;
line-height: normal;
font-weight: bold;
}

.header h2 span {
font-size: 110%;
line-height: normal;
}

.header p.vice {
font-size: 120%;
text-align: left;
}

/** bpm **/

.header2 {
width: 492px;
height: 228px;
padding: 45px 435px 0 55px;
margin-bottom: 15px;
border: 1px solid #3498c7;
position: relative;
}

#header2 {
background: #3499c7 url("../pics/header2.jpg");
}

.bpm h1, .hr h1, .is h1 {
color: white;
font-weight: normal;
line-height: normal;
}

.bpmmain h1 {
font-size: 180%;
}

.bpmmain h1 strong {
font-size: 120%;
}

/** header 3. uroven **/

.header3 {
width: 874px;
height: 106px;
padding: 40px 55px 0;
position: relative;
}

#header3 {
background: #3499c7 url("../pics/header3.jpg");
}

.header3 p {
font-size: 140%;
}

/** is **/


#header4 {
background: #aeb70d url("../pics/header4.jpg");
border: 1px solid #aeb70d;
}

#header4 ul.fajfky2 li, #header9 ul.fajfky2 li {
padding: 10px 0 10px 30px;
}

.is h1 {
font-size: 180%;
}

.is h1 strong {
font-size: 120%;
}

#header5 {
background: #aab300 url("../pics/header5.jpg");
}

#header6 {
background: #aab300 url("../pics/header6.jpg");
}

#header7 {
background: #aab300 url("../pics/header7.jpg");
}

#header8 {
background: #aab300 url("../pics/header8.jpg");
}

#header9 {
background: #ec831d url("../pics/header9.jpg");
border: 1px solid #ec831d;
}

#header10 {
background: #ed8725 url("../pics/header10.jpg");
}

#header11 {
background: #ed8725 url("../pics/header11.jpg");
}

#header12 {
background: #ed8725 url("../pics/header12.jpg");
}

#header13 {
background: #e7eff8 url("../pics/header13.jpg");
}

#header14 {
background: #e7eff8 url("../pics/header14.jpg");
border: 1px solid #c0c8db;
}

#header15 {
background: #ed8725 url("../pics/header15.jpg");
}

#header16 {
height: 101px;
background: #ed8725 url("../pics/header16.jpg");
margin-bottom: 15px;
}

#header16 p {
font-size: 130%;
font-weight: bold;
margin-top: 5px;
}


/* rozcestnik */

#rozcestnik ul {
margin: 0;
font-size: 120%;
}

#rozcestnik li {
line-height: 120%;
padding: 5px 0 5px 15px;
background: url("../grafika/bullet1.jpg") no-repeat 0 10px;
}

ul.rozcestnik {
width: 666px;
margin: 0;
padding: 0;
float: left;
}

ul.rozcestnik li {
margin: 0 0 15px;
padding: 0;
background: none;
position: relative;
float: left;
}

#rozcestnik h2, .rozcestnik strong {
font-size: 180%;
color: white;
font-weight: bold;
padding-top: 74px;
margin: 0 0 5px;
}

.rozcestnik strong {
color: #161851;
font-size: 160%;
display: block;
}

#rozcestnik h3 {
margin: 10px 0;
}

#rozcestnik p {
font-size: 120%;
line-height: 130%;
}

.boxgrid, .rozcestnik a, .rozcestnik a:visited {
width: 422px;
height: 170px;
text-align: center;
padding: 16px 30px 0;
border: 1px solid white;
overflow: hidden;
position: relative;
margin-right: 15px;
float: left;
}

.rozcestnik a, .rozcestnik a:visited {
width: 256px;
height: 160px;
text-decoration: none;
color: inherit;
cursor: pointer;
cursor: hand;
}

.rozcestnik a:hover, .rozcestnik a:focus, .rozcestnik a:active {
color: inherit;
background: #dde199;
}

.rozcestnik .siroky a, .rozcestnik .siroky a:visited {
width: 590px;
padding-top: 36px;
height: 150px;
text-align: left;
}

.rozcestnik .siroky strong {
width: 256px;
text-align: center;
float: left;
}

.rozcestnik .siroky span {
width: 256px;
padding-left: 30px;
border-left: 1px solid #fbe3cd;
display: block;
float: right;
}

.rozcestnik#orange a:hover, .rozcestnik#orange a:focus, .rozcestnik#orange a:active {
background: #fcebdb;
}

#jedna {
background: #2d95c5;
}

#dva {
background: #aab300;
margin-right: 0;
}

.boxcaption {
width: 240px;
height: 168px;
text-align: left;
padding: 16px 30px 0;
background: white;
border: 1px solid #2d95c5;
position: absolute;
top: 0;
left: -314px;
}

#dva .boxcaption {
border: 1px solid #aab300;
}

#tri .boxcaption {
border: 1px solid #ec831d;
}

#rozcestnik a, #rozcestnik a:visited {
color: #211d3e;
}

#rozcestnik a:hover, #rozcestnik a:focus, #rozcestnik a:active {
color: #2d95c5;
}

#rozcestnik #dva a:hover, #rozcestnik #dva a:focus, #rozcestnik #dva a:active {
color: #9ca402;
}

#rozcestnik #tri a:hover, #rozcestnik #tri a:focus, #rozcestnik #tri a:active {
color: #ec831d;
}

#green strong {
background: url("../grafika/is.png") no-repeat center top;
}

#orange strong {
background: url("../grafika/hr.png") no-repeat center top;
}

#orange #uno strong {
background: url("../grafika/hr2.png") no-repeat center top;
}

#jedna h2 {
background: url("../grafika/bpm.jpg") no-repeat center top;
}

#dva h2 {
background: url("../grafika/is.png") no-repeat center top;
}

#tri h2 {
background: url("../grafika/hr.png") no-repeat center top;
}

#rozcestnik #dva li {
background-image: url("../grafika/bullet2.jpg");
}

#rozcestnik #tri li {
background-image: url("../grafika/bullet3.jpg");
}

.rozek {
width: 15px !important;
padding: 0 !important;
border: 0 !important;
height: 15px;
display: block;
position: absolute;
bottom: 0;
left: 0;
}

#r1 {
background: url("../grafika/rozek1.png");
}

#r2, #green .rozek {
background: url("../grafika/rozek2.png");
}

#r3, #orange .rozek {
background: url("../grafika/rozek3.png");
bottom: 0;
left: 0;
}

.is .rozcestnik a {
border: 1px solid #aab301;
}

.hr .rozcestnik a {
border: 1px solid #ec831d;
}

/*** PANELY ***/

#tretiny {
background: url("../grafika/lines.jpg") repeat-y;
margin-top: 15px;
=margin-bottom: 15px;
}

.tretina {
width: 412px;
padding: 30px 35px;
float: left;
}

.kde {
width: 400px;
padding: 30px 35px 30px 45px;
}

/*** panel / citace ***/

.member {
width: 275px;
float: left;
}

.osoba {
width: 125px;
height: 72px;
padding: 40px 0 0 15px;
color: #57517b;
display: block;
background: url("../grafika/bubble.png") top right;
float: left;
}

.dlouhy {
height: 82px;
padding-top: 30px;
}

.osoba strong {
font-size: 140%;
}

.bezzobacku {
background: url("../grafika/bubble2.jpg") top right;
margin: 0;
}

.panel .osoba {
width: 123px;
height: 77px;
padding: 35px 0 0 10px;
font-size: 90%;
line-height: normal;
}

/** panel / aktualita **/

.news-top {
margin-bottom: 20px;
background: url("../grafika/line.jpg") no-repeat top left;
}

.news-inner {
padding: 15px 0;
background: url("../grafika/line.jpg") no-repeat bottom left;
}

.datum {
width: 55px;
font-size: 120%;
color: #57517b;
display: inline-block;
text-align: right;
}

.datum {
display: inline !ie;
}

.datum strong {
font-size: 130%;
}

.news-top h4 {
width: 182px;
padding-left: 15px;
display: inline-block;
vertical-align: top;
}

.news-top h4 {
display: inline !ie;
}

/*** panel / kontakt ***/

#mapa {
width: 92px;
height: 87px;
padding: 13px 0 0 150px;
color: white;
background: url("../grafika/mapa.png");
margin-bottom: 10px;
}

.kde #mapa {
margin-bottom: 20px;
}

#mapa strong {
font-size: 120%;
}

#mapa a, #mapa a:visited {
font-size: 90%;
color: #dde7f3;
}

#mapa a:hover, #mapa a:focus, #mapa a:active {
color: white;
}

#mobil, #telefon {
padding: 5px 0 5px 25px;
background: url("../grafika/mobil.png") no-repeat center left;
display: block;
}

#telefon {
background: url("../grafika/telefon.jpg") no-repeat center left;
}

#mail {
padding: 5px 0 5px 25px;
background: url("../grafika/mail.png") no-repeat center left;
display: block;
}

.tretina #mapa {
float: right;
}

/*** Panel Reference ***/

#reference, #porada {
padding: 30px;
margin-top: 15px
}

#reference a.popup, #reference a.popup:visited, #porada img {
display: inline-block;
border: 1px solid white;
padding: 1px;
}

#reference a.popup:hover, #reference a.popup:focus, #reference a.popup:active, #porada img {
border: 1px solid #c0c8db;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#reference p.vice {
display: inline-block;
vertical-align: top;
padding: 30px 0 0 20px;
}

#reference p.vice {
display: inline !ie;
}

#right #reference p.vice {
display: block;
padding: 10px 0 0 0;
}

#porada .tretina {
width: 33%;
padding: 0;
}

#porada address {
font-size: 90%;
padding-top: 5px;
}

#porada img {
float: left;
margin: 0 15px 0 0;
}

/****** PODSTRANY  ***/

#left {
width: 575px;
padding: 35px 40px;
float: left;
=margin-bottom: 15px;
}

#left2 {
width: 655px;
float: left;
=margin-bottom: 15px;
}

#right {
width: 310px;
float: right;
=margin-bottom: 15px;
}

.lajny {
padding: 20px 25px;
border-top: 1px solid #aba8bd;
border-bottom: 1px solid #aba8bd;
}

.bpm .lajny {
border-color: #57aad2;
}

.is .lajny {
border-color: #c3ca4c;
}

.hr .lajny {
border-color: #f6bc83;
}

.odskok {
width: 360px;
margin-top: 30px;
float: right;
}

.blue {
border-color: #2d95c5;
}

.green {
border-color: #aab300;
}

.orange {
border-color: #ec831d;
}

.podstrana h2 {
font-size: 170%;
}

.bpm h3 {
color: #2d95c5;
}

.is h3 {
color: #aab300;
}

.hr h3 {
color: #ed8929;
}

#left h3 {
margin: 30px 0 10px;
}

/*** faze schema ***/

.faze {
height: 70px;
border: 1px solid #c0dfed;
padding: 2px 25px 2px 2px;
margin-bottom: 15px;
}

.cislofaze {
width: 100px;
height: 70px;
line-height: 70px;
font-weight: bold;
background: #2d95c5;
color: white;
text-align: center;
text-transform: uppercase;
font-size: 120%;
position: relative;
float: left;
}

.nazevfaze {
width: 350px;
padding: 18px 0 0 20px;
float: left;
}

.nazevfaze p {
margin: 2px 0 0 0;
}

.casfaze {
width: 70px;
height: 70px;
line-height: 70px;
font-size: 120%;
text-align: right;
float: right;
}

.spojovnik {
width: 2px;
height: 24px;
background: url("../grafika/spojovnik.jpg");
display: block;
position: absolute;
top: -24px;
left: 50%;
}

/***** podstrany BPM ****/



/** more info / bublina **/

.moreinfobox {
margin-top: 30px;
}

.moreinfo {
width: 420px;
background: #f2f7ff;
border: 1px solid #cdd4e3;
padding: 22px;
position: relative;
float: left;
}

.zobacek {
width: 12px;
height: 22px;
background: url("../grafika/zobacek.jpg");
display: block;
position: absolute;
top: 40%;
right: -12px;
}

.moreinfo h3 {
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #0d104b;
margin: 0 !important;
}

.moreinfo p {
margin: 5px 0 0 0;
}

.moreinfobox img {
float: right;
margin-top: 8px;
}

.moreinfobox.clen {
margin: 0 0 30px;
float: left;
}

.moreinfobox.clen img {
margin-right: 15px;
float: left;
}

.moreinfobox.clen .zobacek {
background: url("../grafika/zobacek2.jpg");
left: -12px;
}

.moreinfo h3 span {
font-size: 70%;
font-weight: normal;
}

.moreinfobox.clen .moreinfo {
width: 320px;
padding-right: 12px;
}

/** bocni panely **/

.panel {
padding: 30px;
}

.screen {
padding: 5px;
}

.screen p {
font-size: 90%;
padding: 5px 20px 5px 5px;
margin: 0;
}

.screen a {
position: relative;
}

.zoom {
width: 32px;
height: 32px;
display: block;
background: url("../grafika/zoom.png");
position: absolute;
bottom: -18px;
right: 5px;
}

.screen a:hover .zoom, .screen a:active .zoom, .screen a:focus .zoom {
background: url("../grafika/zoom2.png");
}

.bgblue {
background: #f2f7ff;
}

.register {
background: #f09132;
border: 1px solid #ed8725;
}

.register h3 {
color: white;
}

.register a, .register a:visited {
color: black;
}

.register a:hover, .register a:active, .registrer a:focus {
color: white;
}

#prinosy h4 {
font-size: 100%;
line-height: normal;
}

#reference h3, h3.arial {
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #0d104b;
font-size: 150%;
font-weight: bold;
margin: 0 0 20px;
}

/**** KURZY ***/

ul.kurzy li {
border: 1px solid #f8bb7f;
background: none;
margin-bottom: 15px;
padding: 3px 20px 0 3px;
}

ul.kurzy li:hover, ul.kurzy li:active, ul.kurzy li:focus {
background: #fdf3e9;
}

ul.kurzy h3 {
font-size: 120%;
margin: 15px 0 5px !important;
padding-left: 65px;
}

ul.kurzy p {
padding-left: 65px;
}

ul.kurzy .cislofaze {
width: 45px;
height: 45px;
line-height: 45px;
background: #ed8a2a;
}

/******* REFERENCE **********/

.firma {
padding: 30px 40px;
border-bottom: 1px solid #c0c8db;
}

.firma h2 {
font-weight: bold;
margin-bottom: 10px;
font-size: 150%;
}

.firma .vice {
text-align: left;
}

.firma .show .vice {
text-align: right;
}

.firma p {
margin: 0 0 10px;
}

.firma img {
padding: 1px;
margin-left: 30px;
border: 1px solid #c0c8db;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
float: right;
}

/***** AKTUALITY *****/

.aktualita {
padding-bottom: 30px;
}

.aktualita .datum {
border-bottom: 1px solid #c0c8db;
padding-bottom: 10px;
float: left;
}

.telo {
padding-left: 80px;
}

.aktualita h2 {
font-weight: bold;
font-size: 150%;
}

/**** KARIERA ***/

.pozice {
background: #f4f8fc url("../grafika/line.jpg") no-repeat top left;
margin: 20px 0 10px;
}

.pozice h3 {
font-weight: bold;
margin: 0 !important;
padding: 15px;
background: url("../grafika/line.jpg") no-repeat bottom left;
}

/*** KONTAKT ***/

#sidlo {
width: 220px;
padding: 30px;
border-right: 1px solid #dde7f3;
float: left;
}

#contact {
width: 241px;
padding: 30px;
float: left;
}

#map {
padding: 5px;
}

#map iframe {
border: 1px solid #dee7f3;
}

#map p {
font-size: 90%;
text-align: right;
padding: 3px 10px 3px 0;
margin: 0;
}

/** vice, zpet, up, down ***/

p.vice {
padding: 0;
margin: 0;
text-align: right;
}

p.vice a, p.vice a:visited, p.back a, p.back a:visited {
height: 16px;
line-height: 16px;
padding-left: 25px;
font-weight: bold;
color: #57517b;
background: url("../grafika/vice.png") no-repeat left center;
display: inline-block;
}

p.back a, p.back a:visited {
font-size: 120%;
background: url("../grafika/back.png") no-repeat left center;
margin: 30px 0 0 0;
}

p.vice a:hover, p.vice a:active, p.vice a:focus, p.back a:hover, p.back a:active, p.back a:focus {
color: #8985a2;
}

p.vice.up, p.vice.down {
background: url("../grafika/line.jpg") no-repeat top left;
padding-top: 15px;
}

.firma p.vice.up, .firma p.vice.down {
background: none;
}

p.vice.up a {
background: url("../grafika/up.png") no-repeat left center;
}

p.vice.down a {
background: url("../grafika/down.png") no-repeat left center;
}

.gallery img {
border: 1px solid #aba8bd;
padding: 2px;
}

.gallery a:hover img, .gallery a:focus img, .gallery a:active img {
border: 1px solid #57517b;
}

.firma .gallery img {
padding: 1px;
margin: 0 20px 0 0;
border: 1px solid #c0c8db;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
float: left;
}


/*** strankovani **/

.pagination {
text-align: center;
margin: 20px 0;
font-size: 120%;
}

.pagination a, .pagination a:visited {
padding: 3px 10px;
border: 1px solid #c0c8db;
text-decoration: none;
color: black;
display: inline-block;
}

.pagination a:hover, .pagination a:focus, .pagination a:active {
color: black;
background: #eceef4;
}

.pagination strong {
padding: 3px 8px;
font-size: 120%;
display: inline-block;
}

/*** drobeckova **/

#breadcrumb {
height: 42px;
line-height: 42px;
border-top: 0;
}

#breadcrumb a {
padding: 0 32px 0 20px;
background: url("../grafika/breadcrumb.jpg") no-repeat center right;
display: inline-block;
}

#breadcrumb strong {
padding-left: 15px;
}

/* paticka */

#paticka {
height: 65px;
line-height: 65px;
font-size: 90%;
text-align: center;
}

.oddelovac {
padding: 0 7px;
color: black;
}