/********  fonts  ********/

@font-face {
    font-family: 'MyriadProEmbed';
    src: url('myriadpro-regular-webfont.eot');
    src: local('Not local, antialiasing issue'), url('myriadpro-regular-webfont.woff') format('woff'), url('myriadpro-regular-webfont.ttf') format('truetype'), url('myriadpro-regular-webfont.svg#webfontlqAzcjw5') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProEmbed';
    src: url('myriadpro-bold-webfont.eot');
    src: local('Not local, antialiasing issue'), url('myriadpro-bold-webfont.woff') format('woff'), url('myriadpro-bold-webfont.ttf') format('truetype'), url('myriadpro-bold-webfont.svg#webfontNgR36Ccf') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProEmbed';
    src: url('myriadpro-it-webfont.eot');
    src: local('Not local, antialiasing issue'), url('myriadpro-it-webfont.woff') format('woff'), url('myriadpro-it-webfont.ttf') format('truetype'), url('myriadpro-it-webfont.svg#webfontV3aPlJ88') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'MyriadProEmbed';
    src: url('myriadpro-boldit-webfont.eot');
    src: local('Not local, antialiasing issue'), url('myriadpro-boldit-webfont.woff') format('woff'), url('myriadpro-boldit-webfont.ttf') format('truetype'), url('myriadpro-boldit-webfont.svg#webfontFvRf8cUR') format('svg');
    font-weight: bold;
    font-style: italic;
}

body, input, textarea, select {
    font-family: 'MyriadProEmbed', 'Trebuchet MS', Arial, helvetica, sans-serif;
}

body.no-smoothing, .no-smoothing input, .no-smoothing textarea, .no-smoothing select {
    font-family: 'Trebuchet MS', 'Arial', 'helvetica', sans-serif;
}

body.no-smoothing {
    font-size: 93.75%;
}

body {
    line-height: 150%;
}


/********  main  ********/

html, body, p, ul, ol, h1, h2, h3, form, tr, td, table {
    padding: 0;
    margin: 0;
}

hr {
    clear: both;
    padding: 0;
    margin: 0;
    border: none;
    visibility: hidden;
}

div#content h2, div#content h3 {
    clear: both;
}

a img {
    border: none;
}

h1, h2 {
    font-weight: normal;
}

table {
    border-collapse: collapse;
}


/********  basic layout  ********/

body {
    background: url('body-top.gif') top repeat-x #C8DEE9;
}

div#top, div#page, div#content, div.size, div#staff {
    width: 990px;
    margin: auto;
    position: relative;
}

div#top {
    height: 86px;
}

div#page {
    width: 100%;
    padding-top: 3px;
    background: url('body-vector.gif') top center no-repeat transparent;
    padding-bottom: 3em;
}


/********  colors  ********/

a {
    color: black;
}

h3 a:hover, h3 a:focus {
    color: black;
}

div.info,
div.info li,
div.info h1,
div.video,
div#team,
div#team h2,
div.doctor,
div.doctor a,
h1.tab,
div.slide div.banner1,
div.slide div.banner2,
p.facebook a,
div.doctor a.mail:hover,
div.doctor a.mail:focus,
ul#navi a {
    color: white;
}

h3,
h3 a,
ul.tabs li a,
div#contact {
    color: #314d77;
}

div.doctor a.mail {
    color: #BBCEDE;
}

div#flags a {
    color: #eaf6f6;
}

h1,
h2,
div#board strong,
div#board b {
    color: #568ea1;
}

div#footer, div#footer a {
    color: #3e6572;
}

body {
    border-top: 1px solid #3d97c0;
}

div#content td {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

div#content tr:hover {
    background-color: #eee;
}

div#team {
    background: url('team-shadow.gif') top center repeat-x #477CA4;
    border-bottom: 1px solid #72a8b5;
}

div#footer {
    border-top: 1px solid #477CA4;
}

div#top {
    background-color: #45ACDA;
}

p.facebook {
    background: url('facebook.gif') right center no-repeat #3B5998;
}

div#contact p, div#contact h3, div#contact table {
    background: white;
}


/********  top  ********/

a#logo {
    position: relative;
    top: 2px;
    left: 0;
}

ul#navi {
    position: absolute;
    list-style-type: none;
    right: 0;
    bottom: 12px;
    font-size: 106.25%;
    text-transform: lowercase;
}

ul#navi li {
    float: left;
    margin-left: 14px;
}

ul#navi a {
    display: block;
    height: 22px;
    line-height: 22px;
    width: 90px;
    text-align: center;
    background: url('navi-button.gif') no-repeat top center;
    text-decoration: none;
    overflow: hidden;
}

ul#navi a:hover, ul#navi a:focus {
    background-position: bottom;
}


/********  flags  ********/

div#flags {
    position: absolute;
    top: 8px;
    right: 1px;
}

div#flags a {
    font-size: 75%;
    text-decoration: none;
    margin-left: 16px;
}

div#flags a span {
    padding: 0 11px;
    margin-left: 7px;
    background: url('flags.gif') no-repeat;
    font-size: 14px; /* nezvetsovat */
    line-height: 16px;
    height: 16px;
}

div#flags a span.cz {
    background-position: 0px center;
}

div#flags a span.en {
    background-position: -22px center;
}

div#flags a:hover span.cz, div#flags a:focus span.cz {
    background-position: -44px center;
}

div#flags a:hover span.en, div#flags a:focus span.en {
    background-position: -66px center;
}


/********  page  ********/

ul.tabs, h1.tab {
    height: 3.8em;
    width: 100%;
    background: url('tabs-background.gif') top center no-repeat;
    list-style-type: none;
    width: 990px;
    margin: auto;
    position: relative;
    top: 20px;
}

h1.tab {
    text-indent: 1.2em;
    padding: .5em 0 0;
    height: 1.75em;
    font-size: 150%;
    margin: 0 auto;
}

ul.tabs li {
    float: left;
    margin-left: 6px;
    position: relative;
    left: 6px;
    top: 9px;
    text-align: center;
    line-height: 2.8em;
    overflow: hidden;
}

ul.tabs li a {
    display: block;
    width: 156px;
    height: 3em;
    background: url('tabs-tab.png') top left no-repeat transparent;
    font-size: 112.5%;
    text-decoration: none;
}

ul.tabs li a:hover, ul.tabs li a:focus, ul.tabs li.active a {
    background-position: top right;
}

ul.tabs li.active {
    top: 6px;
}

div#content {
    position: relative;
    top: 7px;
}

div.top {
    background: url('page-border.png') top center no-repeat transparent;
    height: 13px;
}

div.bottom {
    background: url('page-border.png') bottom center no-repeat transparent;
    height: 13px;
}

div.middle {
    background: url('page-middle.png') top center repeat-y transparent;
}

div#content div.middle {
    padding: 0 13px;
}

div#content table {
    margin-bottom: 2em;
    width: 99%;
    table-layout: fixed;
}

div#content h2 {
    padding-top: .5em;
    padding-bottom: .5em;
}

div#content p {
    padding-bottom: 1.43em;
}

div#content td {
    padding-left: .3em;
    padding-right: .5em;
}

div.indent {
    margin: 0 1em;
    padding: 1em 0 1em;
}

div.indent img {
    margin: 0 1em .5em 0;
    max-width: 930px;
}

div#multicolumn img, div.indent div img {
    max-width: 450px;
}

div#multicolumn {
    column-count: 2;
    column-gap: 32px;
}

/********  carousel  ********/

div#carousel {
    position: relative;
    width: 964px;
    height: 623px;
}

div.slide {
    width: 964px;
    height: 623px;
    position: absolute;
    top: 0;
    left: 0;
    background: url('../img/slide-6.jpg') center no-repeat gray;
}

div#slide1 {
    background-image: url('../img/slide-1.jpg');
}
div#slide2 {
    background-image: url('../img/slide-2.jpg');
}
div#slide3 {
    background-image: url('../img/slide-3.jpg');
}
div#slide4 {
    background-image: url('../img/slide-4.jpg');
}
div#slide5 {
    background-image: url('../img/slide-5.jpg');
}
div#slide6 {
    background-image: url('../img/slide-6.jpg');
}

div.slide div.banner1, div.slide div.banner2 {
    height: 62px;
    background-image: url('banner-blue.png');
    background-position: left center;
    background-repeat: no-repeat;
    text-align: left;
    min-width: 12em;
    position: absolute;
    font-size: 75%;
    padding: 0 1.8em;
    line-height: 150%;
}

div.slide a {
    display: block;
    text-decoration: none;
    color: white;
}

div.slide a:hover h1, div.slide a:focus h1 {
    text-decoration: underline;
}

div.slide div.banner1 div, div.slide div.banner2 div {
    font-size: 150%;
    padding-top: 14px;
}

div#slide1 div.banner1 {
    left: 0;
    top: 18px;
    text-align: right;
    background-position: right;
    background-image: url('banner-red.png');
}

div#slide1 div.banner2 {
    display: none;
}

div#slide2 div.banner1 {
    right: 0;
    top: 18px;
    background-image: url('banner-red.png');
}

div#slide2 div.banner2 {
    display: none;
}

div#slide3 div.banner1 {
    left: 0;
    bottom: 18px;
    text-align: right;
    background-position: right;
    background-image: url('banner-red.png');
}

div#slide3 div.banner2 {
    display: none;
}

div#slide4 div.banner1 {
    right: 0;
    top: 18px;
    background-image: url('banner-navy.png');
}

div#slide4 div.banner2 {
    display: none;
}

div#slide5 div.banner1 {
    right: 0;
    top: 18px;
    background-image: url('banner-green.png');
}

div#slide5 div.banner2 {
    display: none;
}

div#slide6 div.banner1 {
    right: 0;
    top: 18px;
    background-image: url('banner-pink.png');
}

div#slide6 div.banner2 {
    right: 0;
    bottom: 18px;
    background-image: url('banner-blue.png');
}


div#carousel div.info {
    width: 480px;
    position: absolute;
}

div.info div.top, div.info div.middle, div.info div.bottom {
    background-image: url('infobox.png');
}

div.info div.top {
    height: 22px;
    background-position: top;
}

div.info div.middle {
    background-position: center;
}

div.info div.bottom {
    height: 22px;
    background-position: bottom;
}

div.info h1, div.info ul {
    width: 420px;
    padding: 5px 0;
    margin: 0 auto;
    list-style-type: none;
}

div.info h1 {
    font-size: 150%;
}

div.info li {
    display: block;
    float: left;
    padding-left: 18px;
    line-height: 100%;
    margin: .4em 10px .4em 0;
    min-width: 180px;
    background: url('bullet.gif') left center no-repeat;
    text-transform: uppercase;
}

div#slide1 div.info {
    top: 16px;
    right: 16px;
}

div#slide2 div.info {
    top: 16px;
    left: 16px;
}

div#slide3 div.info {
    top: 16px;
    left: 16px;
}

div#slide4 div.info {
    top: 16px;
    left: 16px;
}

div#slide5 div.info {
    top: 16px;
    left: 16px;
}

div#slide6 div.info {
    top: 16px;
    left: 16px;
}

div.info h1 {
    text-transform: uppercase;
}

div.video {
    width: 267px;
    height: 210px;
    position: absolute;
    background-image: url('video-box.png');
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
}

div.video a.video {
    position: absolute;
    left: 0;
    top: 70px;
    width: 100%;
    padding-top: 58px;
    font-size: 112.5%;
    color: white;
    text-decoration: none;
    text-shadow: 0 0 6px black;
    background: url('video-play.png') top center no-repeat;
}

div.video a.thumb {
    position: absolute;
    top: 17px;
    left: 17px;
}

div#slide1 div.video {
    right: 19px;
    bottom: 130px;
}

div#slide2 div.video {
    left: 19px;
    bottom: 40px;
}

div#slide3 div.video {
    right: 19px;
    bottom: 16px;
}

div#slide4 div.video {
    left: 19px;
    bottom: 40px;
}

div#slide5 div.video {
    right: 19px;
    bottom: 16px;
}

div#slide6 div.video {
    left: 19px;
    bottom: 115px;
}


/********  bottom  ********/

h2 {
    padding-top: .2em;
    padding-bottom: .5em;
}

p {
    padding-bottom: .8em;
}


/********  team  ********/

div#team {
    padding-bottom: 1.5em;
}

div#team h2 {
    font-size: 187.5%;
    padding: 1em 28px;
}

div#staff {
    margin-bottom: 2em;
}

div.doctor {
    text-align: center;
    width: 245px;
    position: relative;
    float: left;
}

div.doctor img {
    margin: 10px;
}

div.doctor strong, div.doctor a.mail {
    display: block;
}

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

div.doctor a:hover {
    text-decoration: underline;
}

div.doctor .frame {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url('team-frame.png') top center no-repeat;
    width: 99.99%;  /* kvůli chromu */
    height: 200px;
}


/********  contact  ********/

div#contact div.middle div {
    float: left;
    width: 192px;
    overflow: hidden;
    padding: 12px 28px;
}

div#contact div.middle div.map {
    width: auto;
}

h3 {
    padding-bottom: .5em;
}

p.cards {
    margin-left: 20px;
    padding: 1em 0 .5em;
}

p.cards img {
    position: relative;
    top: 7px;
    margin-right: .5em;
}

p.facebook {
    float: right;
    position: relative;
    right: 20px;
    bottom: 2.3em;
    text-decoration: none;
    width: 8.1em;
    height: 20px;
}

p.facebook a {
    text-decoration: none;
    display: block;
    padding: 26px 90px 6px 8px;
    font-size: 62.5%;
    line-height: 100%;
}

p.facebook span {
    display: none;
}

div#contact table {
    border-collapse: collapse;
}

div#contact td {
    padding-right: .5em;
}

div#contact p {
    padding: 0;
}


/********  footer  ********/

div#footer p {
    position: absolute;
    line-height: 36px;
    font-size: 81.25%;
    padding-bottom: 0;
}

p#credits {
    right: 10px;
}

p#copy {
    left: 10px;
}

span.hide {
    display: none;
}

p:hover span.hide {
    display: inline;
}


/********  fancybox  ********/

div#fancy_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 30;
}

div#fancy_loading {
    position: absolute;
    height: 40px;
    width: 40px;
    cursor: pointer;
    display: none;
    overflow: hidden;
    background: transparent;
    z-index: 100;
}

div#fancy_loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background: transparent url('fancy-progress.png') no-repeat;
}

div#fancy_outer {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
    position: relative;
    width:100%;
    height:100%;
    background: black;
}

div#fancy_content {
    margin: 0;
    z-index: 100;
    position: absolute;
}

div#fancy_div {
    background: #000;
    color: #FFF;
    height: 100%;
    width: 100%;
    z-index: 100;
}

img#fancy_img {
    position: absolute;
    top: 0;
    left: 0;
    border:0;
    padding: 0;
    margin: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
}

#fancy_frame {
    position: relative;
    width: 100%;
    height: 100%;
    display: none;
}

#fancy_ajax {
    width: 100%;
    height: 100%;
    overflow: auto;
}

a#fancy_left, a#fancy_right {
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 35%;
    cursor: pointer;
    z-index: 111;
    display: none;
    background-image: url('data:image/gif;base64,AAAA');
    outline: none;
    overflow: hidden;
}

a#fancy_left {
    left: 0px;
}

a#fancy_right {
    right: 0px;
}

span.fancy_ico {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    z-index: 112;
    cursor: pointer;
    display: block;
}

span#fancy_left_ico {
    left: -9999px;
    background: transparent url('fancy-left.png') no-repeat;
}

span#fancy_right_ico {
    right: -9999px;
    background: transparent url('fancy-right.png') no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
    visibility: visible;
    background-color: transparent;
}

a#fancy_left:hover span {
    left: 20px;
}

a#fancy_right:hover span {
    right: 20px;
}

#fancy_bigIframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}