/* Zdravotni ustav Praha */
html, body, form, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, div, hr, form, input, fieldset, button { margin: 0; padding: 0; }
/* Global settings */
.blind, .skips,
hr { display: none !important; }
fieldset,
a img { border: 0; }
/* Clearfix */
.cf { min-height: 1%; _height: 1%; }
.cf:after { content: "."; display: block; clear: both; visibility: hidden; overflow: hidden; height: 0; }
/* Links */
a:link, a:visited { color: #000; }
a:hover, a:active { text-decoration: none; }
a:link span, a:visited span { cursor: hand; cursor: pointer; }
/* Headings */
h1 { font-size: 130%; }
h2 { font-size: 120%; }
/* Lists */
ul { margin-bottom: 1em; }
ul li { list-style-type: none; padding-left: 10px; background: url(images/li-arrow.gif) no-repeat 0 50%; position: relative; }
/* Layout */
html { background: #fdfeff url(images/background-gradient.gif) repeat-x 0 0; }
body { text-align: center; font: normal 83%/1.3 Arial, Tahoma, sans-serif; background: url(images/bg-right-decoration.jpg) no-repeat 100% 0; color: #373737; }
/* Page */
#page { width: 942px; margin: 0 auto; text-align: left; position: relative; padding-top: 360px; }
/* Header */
.logo { position: absolute; left: 10px; top: 6px; width: 184px; height: 98px; text-indent: -1000px; overflow: hidden; }
.logo span { position: absolute; left: 0; top: 0; width: 184px; height: 98px; background: url(images/logo-zdravotni-ustav-new.png) no-repeat 0 0; }
.slogan { position: absolute; /**left: 621px;**/ left: 210px; top: 65px; color: #636467; font-style: normal; font-family: Myriad Pro, Tahoma, sans-serif; font-size: 170%; font-weight: bold; text-transform: uppercase; width: 540px;}
/* Menu */
#menu { position: absolute; left: 0; top: 120px; width: 941px; height: 33px; line-height: 33px; z-index: 1; }
#menu span { position: absolute; left: 0; top: 0; width: 941px; height: 33px; background: url(images/bg-menu.png) no-repeat 0 0; }
#menu ul { z-index: 10; position: relative; left: 15px; }
#menu li { float: left; list-style-type: none; background: #fff url(images/separator-menu.gif) no-repeat 100% 60%; padding-right: .8em; padding-left: 0; margin-right: .8em; position: relative; text-align: left; }
#menu li.last { background: none; }
#menu li a:link, #menu li a:visited { color: #828282; font-weight: bold; text-decoration: none; }
#menu li a:hover, #menu li a:active,
#menu li a:link.active, #menu li a:visited.active,
#menu li a:hover.active, #menu li a:active.active { color: #168bb6; }
/* Flash position */
#flash { position: absolute; left: 0; top: 168px; }
/* Search */
.search { position: absolute; left: 754px; top: 123px; background: #7fc70e url(images/bg-search.gif) no-repeat 0 0; z-index: 1000; width: 184px; height: 27px; }
.search legend { display: none; }
.search input { background-color: #7fc70e; color: #fff; border: 0; position: relative; left: 15px; width: 140px; top: 3px; }
.search button { background-color: #7fc70e; border: 0; position: relative; left: 15px; top: 4px; cursor: hand; cursor: pointer; }
/* Homepage cols */
.cols { background: url(images/bg-cols-separator.gif) repeat-y 273px 0; margin-bottom: 2em; }
.cols .in { background: url(images/bg-cols-separator.gif) repeat-y 572px 0; }
.cols .col { float: left; position: relative; }
.cols .col h2 { margin-bottom: 15px; text-transform: uppercase; color: #373737; }
.cols .col h2 span { padding-right: 10px; background: url(images/heading-arrow.gif) no-repeat 100% 60%; }
.cols .col h2 span span { padding: 0; background: none; color: #2686c8; }
/* Welcome */
#welcome { width: 273px; margin-right: 18px; }
#welcome h3 { font-size: 105%; color: #11b7f5; text-transform: uppercase; }
#welcome p { margin-bottom: 1em; padding: 0 .5em 0 0em; }
#welcome li a:link, #welcome li a:visited { color: #0098d1; font-weight: bold; }
#welcome .btn-o-nas:link, #welcome .btn-o-nas:visited { display: block; width: 252px; height: 97px; position: relative; color: #fff; text-align: center; line-height: 97px; overflow: hidden; font-weight: bold; text-decoration: none; }
#welcome .btn-o-nas:link span, #welcome .btn-o-nas:visited span { position: absolute; left: 0; top: 0; width: 252px; height: 97px; background: url(images/btn-o-nas.png) no-repeat 0 0; _background: url(images/btn-o-nas-ie.png) no-repeat 0 0; }
#welcome .btn-o-nas:hover span, #welcome .btn-o-nas:active span { background-position: 0 100%; }
/* News */
#news { width: 282px; }
#news .item { position: relative; border-bottom: #c1c1c1 1px solid; padding-bottom: 1em; margin-bottom: 1em; margin-right: 1em; width: 270px; }
#news .item.last { border-bottom: 0; }
#news h3 { font-size: 100%; margin-bottom: 3px; padding-right: 65px; }
#news h3 a:link, #news h3 a:visited { color: #2686c8; text-decoration: none; }
#news h3 a:hover, #news h3 a:active { color: #018abe; text-decoration: underline; }
#news .date { color: #626262; position: absolute; top: 0; right: 0; }
#news .more:link, #news .more:visited { padding-right: 10px; background: url(images/news-more-arrow.gif) no-repeat 100% 60%; font-weight: bold; text-decoration: underline; font-size: 90%; }
#news .more:hover, #news .more:active { text-decoration: none; }
/* Questions */
#questions { width: 332px; float: right; }
#questions ul { background: url(images/separator-questions.gif) repeat-x 0 100%; padding-bottom: .5em; }
#questions li { background: url(images/li-arrow-blue.gif) no-repeat 0 5px; margin-bottom: 15px; }
#questions li.all { background: none; padding: 0; position: absolute; top: 4px; right: 0; font-size: 85%; }
#questions li.all a:link, #questions li.all a:visited { color: #0098d1; padding-left: 10px; background: url(images/all-questions-arrow.gif) no-repeat 0 50%; }
#questions .online-order { padding-bottom: 1em; margin-bottom: 1em; background: url(images/separator-questions.gif) repeat-x 0 100%; }
#questions .online-order a:link, #questions .online-order a:visited { display: block; width: 350px; height: 91px; line-height: 91px; text-align: center; position: relative; text-decoration: none; }
#questions .online-order a:link span, #questions .online-order a:visited span { position: absolute; left: 0; top: 0; width: 350px; height: 91px; background: url(images/btn-online-rezervace.png) no-repeat 0 0; _background: url(images/btn-online-rezervace-ie.png) no-repeat 0 0; }
#questions .online-order a:hover span, #questions .online-order a:active span { background-position: 0 100%; }
#questions .services-order a:link, #questions .services-order a:visited { display: block; width: 328px; height: 64px; line-height: 64px; text-align: center; position: relative; text-decoration: none; }
#questions .services-order a:link span, #questions .services-order a:visited span { position: absolute; left: 0; top: 0; width: 328px; height: 64px; background: url(images/btn-objednavka-sluzeb.png) no-repeat 0 0; _background: url(images/btn-objednavka-sluzeb-ie.png) no-repeat 0 0; }
#questions .services-order a:hover span, #questions .services-order a:active span { background-position: 0 100%; }
/* Subpage definiton */
.subpage #page { padding-top: 175px; }
/* Content */
.subpage #maincontent #content { width: 384px; float: left; background: #fff url(images/bg-top-content.gif) no-repeat 0 0; min-height: 450px; _height: 450px; }
.subpage #maincontent #content .in { padding: 15px 11px 15px 11px; }
.subpage #maincontent #content h1 { color: #168bb6; font-size: 150%; margin-bottom: .9em; }
.subpage #maincontent #content h2 { color: #168bb6; font-size: 100%; text-transform: uppercase; }
.subpage #maincontent #content p { margin-bottom: 1em; }
.subpage #maincontent #content p.perex { font-size: 110%; }
.subpage #maincontent #content li { background-image: url(images/li-arrow-blue.gif); }
.subpage #maincontent #content li a:link, .subpage #maincontent #content li a:visited { color: #7fc70e; font-weight: bold; }
/* Left sidebar */
.subpage #maincontent #left-sidebar { width: 185px; float: left; }
.subpage #maincontent #left-sidebar .submenu { width: 185px; background: url(images/bg-left-sidebar.gif) no-repeat 0 0; padding-top: 8px; }
.subpage #maincontent #left-sidebar ul { padding-bottom: 7px; background: url(images/bg-left-sidebar-bottom.png) no-repeat 0 100%; }
.subpage #maincontent #left-sidebar li { background: none; padding: 0; border-bottom: #e8e8e8 solid 1px; }
.subpage #maincontent #left-sidebar li ul { background: none; background-color: #fff; margin-bottom: 0; padding-bottom: 0; }
.subpage #maincontent #left-sidebar li ul li a:link, .subpage #maincontent #left-sidebar li ul li a:visited { padding-left: 30px; background-position: 15% 50%; font-size: 85%; }
.subpage #maincontent #left-sidebar li ul li a:hover, .subpage #maincontent #left-sidebar li ul li a:active, .subpage #maincontent #left-sidebar li ul li a:link.active, .subpage #maincontent #left-sidebar li ul li a:visited.active { background-color: #2bafe0; }
.subpage #maincontent #left-sidebar li.last { border-bottom: 0; }
.subpage #maincontent #left-sidebar li a:link, .subpage #maincontent #left-sidebar li a:visited { display: block; height: 25px; line-height: 25px; text-indent: 19px; background: #fff url(images/bg-submenu-li.gif) no-repeat 5% 50%; color: #494949; text-decoration: none; }
.subpage #maincontent #left-sidebar li a:hover, .subpage #maincontent #left-sidebar li a:active, .subpage #maincontent #left-sidebar li a:link.active, .subpage #maincontent #left-sidebar li a:visited.active { background-color: #727272; color: #fff; }
.subpage #maincontent #left-sidebar .o-nas { border-bottom: 1px solid #fff; border-top: 1px solid #fff; padding: 0.7em 0 0.7em 0; }
.subpage #maincontent #left-sidebar .o-nas a:link, .subpage #maincontent #left-sidebar .o-nas a:visited { display: block; width: 189px; height: 80px; overflow: hidden; background: url(images/btn-o-nas-left-sidebar.png) no-repeat 0 0; _background-image: url(images/btn-o-nas-left-sidebar-ie.png); text-indent: -1000px; }
.subpage #maincontent #left-sidebar .o-nas a:hover, .subpage #maincontent #left-sidebar .o-nas a:active { background-position: 0 100%; }
.subpage #maincontent #left-sidebar .nasi-zamestnanci { border-bottom: 1px solid #fff; border-top: 1px solid #fff; padding: 0.7em 0 0.7em 0; }
.subpage #maincontent #left-sidebar .nasi-zamestnanci a:link, .subpage #maincontent #left-sidebar .nasi-zamestnanci a:visited { display: block; width: 188px; height: 59px; overflow: hidden; background: url(images/btn-nasi-zamestnanci.png) no-repeat 0 0; text-indent: -1000px; }
.subpage #maincontent #left-sidebar .nasi-zamestnanci a:hover, .subpage #maincontent #left-sidebar .nasi-zamestnanci a:active { background-position: 0 100%; }
.subpage #maincontent #left-sidebar #download { padding-top: 5px; }
.subpage #maincontent #left-sidebar #download h2 { text-transform: uppercase; font-size: 110%; color: #00668d; margin-bottom: .7em; }
.subpage #maincontent #left-sidebar #download h2 span { padding-right: 30px; background: url(images/bg-contact-form-h2.gif) no-repeat 100% 50%; }
.subpage #maincontent #left-sidebar #download ul { background: none; }
.subpage #maincontent #left-sidebar #download li { background: url(images/ico-pdf.gif) no-repeat 0 50%; padding-left: 25px; border: 0; margin-bottom: .7em; font-size: 90%; }
.subpage #maincontent #left-sidebar #download li a:link, .subpage #maincontent #left-sidebar #download li a:visited { display: inline; background: transparent url(none); text-decoration: underline; text-indent: 0; }
.subpage #maincontent #left-sidebar #download li a:hover, .subpage #maincontent #left-sidebar #download li a:active { text-decoration: none; color: #333; }
/* Right sidebar */
.subpage #maincontent .right { width: 740px; float: right; }
.subpage #maincontent #right-sidebar { width: 335px; float: right; }
.subpage #maincontent #right-sidebar #map { height: 260px; position: relative; }
.subpage #maincontent #right-sidebar #map h2 { position: absolute; color: #989898; text-transform: uppercase; top: 17px; left: 40px; }
.subpage #maincontent #right-sidebar #map #flash { position: relative; width: 265px; height: 180px; left: 18px; top: 45px; }
.subpage #maincontent #right-sidebar .online-order { margin-bottom: .5em; }
.subpage #maincontent #right-sidebar .online-order a:link, .subpage #maincontent #right-sidebar .online-order a:visited { display: block; width: 344px; height: 91px; line-height: 91px; text-align: center; position: relative; text-decoration: none; }
.subpage #maincontent #right-sidebar .online-order a:link span, .subpage #maincontent #right-sidebar .online-order a:visited span { position: absolute; left: 0; top: 0; width: 344px; height: 91px; background: url(images/btn-online-rezervace.png) no-repeat 0 0; _background: url(images/btn-online-rezervace-ie.png) no-repeat 0 0; }
.subpage #maincontent #right-sidebar .online-order a:hover span, .subpage #maincontent #right-sidebar .online-order a:active span { background-position: 0 100%; }
.subpage #maincontent #right-sidebar .services-order a:link, .subpage #maincontent #right-sidebar .services-order a:visited { display: block; width: 328px; height: 64px; line-height: 64px; text-align: center; position: relative; text-decoration: none; }
.subpage #maincontent #right-sidebar .services-order a:link span, .subpage #maincontent #right-sidebar .services-order a:visited span { position: absolute; left: 0; top: 0; width: 328px; height: 64px; background: url(images/btn-objednavka-sluzeb.png) no-repeat 0 0; _background: url(images/btn-objednavka-sluzeb-ie.png) no-repeat 0 0; }
.subpage #maincontent #right-sidebar .services-order a:hover span, .subpage #maincontent #right-sidebar .services-order a:active span { background-position: 0 100%; }
.subpage #maincontent #right-sidebar #contact { background: #fff url(images/bg-sidebar-contact-form.gif) repeat-x 0 0; margin-top: .5em; position: relative; }
.subpage #maincontent #right-sidebar #contact h2 { padding: 12px 0 0 12px; margin-bottom: 10px; color: #168bb6; text-transform: uppercase; font-size: 100%; }
.subpage #maincontent #right-sidebar #contact h2 span { padding-right: 30px; background: url(images/bg-contact-form-h2.gif) no-repeat 100% 50%; }
.subpage #maincontent #right-sidebar #contact form { padding: 0 12px 0 12px; }
.subpage #maincontent #right-sidebar #contact p { margin-bottom: .4em; }
.subpage #maincontent #right-sidebar #contact label, .subpage #maincontent #right-sidebar #contact legend { display: none; }
.subpage #maincontent #right-sidebar #contact label.display { display: block; font-size: 90%; }
.subpage #maincontent #right-sidebar #contact input.text { border: 1px #cacaca solid; background-color: #fff; padding: 3px; color: #727272; font-size: 90%; width: 142px; }
.subpage #maincontent #right-sidebar #contact input.text:focus { border: 1px #5a5b5b solid; }
.subpage #maincontent #right-sidebar #contact textarea { border: 1px #cacaca solid; background-color: #fff; padding: 3px; color: #727272; font-size: 90%; font-family: Arial, Tahoma, sans-serif; width: 296px; height: 45px; }
.subpage #maincontent #right-sidebar #contact textarea:focus { border: 1px #5a5b5b solid; }
.subpage #maincontent #right-sidebar #contact .submit button { float: right; }
/* Flash */
.subpage #flash { position: relative; left: 0; top: 0; }
/* Objednavky */
.objednavka legend { display: none; }
.objednavka label { display: block; font-weight: bold; color: #168BB6; margin-bottom: 3px; }
.objednavka label.small { color: #373737; font-size: 85%; font-weight: normal; padding-bottom: 15px; border-bottom: 1px dotted #373737; }
.objednavka input { border: 1px #CACACA solid; width: 195px; padding: 2px 5px 2px 5px; color: #727272; }
.objednavka input:focus { border-color: #5a5b5b; }
.objednavka textarea { border: 1px #CACACA solid; width: 350px; padding: 2px 5px 2px 5px; color: #727272; }
.objednavka textarea:focus { border-color: #5a5b5b; }
.objednavka .note { font-size: 85%; }
/* Contacts */
.contacts h1 { font-size: 140%; text-transform: uppercase; color: #2686c7; margin-bottom: 7px; }
.contacts .letters { background: transparent url(images/bg-letters.gif) no-repeat 0 0; height: 19px; line-height: 19px; padding-left: 41px; font-size: 90%; color: #949494; margin-bottom: 12px; }
.contacts .letters#bottom { text-align: right; background: none; }
.contacts .letters a:link, .contacts .letters a:visited { color: #949494; text-decoration: none; font-weight: bold; padding: 0 3px 0 3px; }
.contacts .letters a:hover, .contacts .letters a:active, .contacts .letters a:link.active, .contacts .letters a:visited.active { color: #2685c7; }
.contacts .items { padding-top: 15px; border-top: 1px #cacaca solid; }
.contacts .row { padding-bottom: 12px; border-bottom: 1px #cacaca solid; }
.contacts .row#last { border-bottom: 1px #7fc70e solid; }
.contacts .item { width: 300px; float: left; margin-right: 12px; }
.contacts .item .image { width: 110px; margin-right: 10px; float: left; padding-top: 12px; }
.contacts .item .image img { border: 1px #cfcfcf solid; }
.contacts .item .info { width: 175px; float: right; color: #5e5e5e; font-weight: bold; font-size: 90%; padding-top: 12px; }
.contacts .item .info p { margin-bottom: 3px; }
.contacts .item .info strong { color: #2686c7; }
/* Footer */
#footer { margin-bottom: 1em; background: url(images/separator-questions.gif) repeat-x 0 0%; font-size: 95%; }
#footer a:link, #footer a:visited { color: #3e3e3e; text-decoration: none; }
#footer a:hover, #footer a:active { color: #7fc70e; }
#footer .footer-menu { padding-top: .7em; width: 50%; float: left; }
#footer .copyright { float: right; width: 45%; text-align: right; padding-top: .7em; }
#footer .copyright span { color: #168bb6; font-weight: bold; }
#faq .item { margin-bottom: 7px; }
#faq .question { padding: 10px 15px 10px 15px; background-color: #2bafe0; color: #fff; margin-bottom: 0 !important; }
#faq .question a:link, #faq .question a:visited { color: #fff; text-decoration: none; font-weight: bold; }
#faq .question a:hover, #faq .question a:active { text-decoration: underline; }
#faq .answer { display: none; background: #fff url(images/bg-faq-item.gif) repeat-y 0 0; border-bottom: 1px #2bafe0 solid; padding: 10px 10px 0px 10px; margin-bottom: 0 !important; }
#faq .answer p { margin-bottom: 0 !important; }
#faq .answer .close a { width: 26px; height: 25px; display: block; float: right; position: relative; right: -9px; }
#sitemap ul {margin-left: 30px;}
/* Global green button */
.btn-green { display: block; width: 108px; height: 29px; line-height: 29px; font-size: 90%; font-weight: bold; text-align: center; text-decoration: none; background: transparent url(images/btn-global-green.gif) no-repeat 0 0; color: #fff; border: 0; cursor: hand; cursor: pointer; }
/**
* Basic definitions for the editing area.
*/
/**
* Core styles.
*/
.Bold
{
font-weight: bold;
}
.Italic
{
font-style: italic;
}
.Underline
{
text-decoration: underline;
}
.StrikeThrough
{
text-decoration: line-through;
}
.Subscript
{
vertical-align: sub;
font-size: smaller;
}
.Superscript
{
vertical-align: super;
font-size: smaller;
}
/**
* Font faces.
*/
.FontComic
{
font-family: 'Comic Sans MS';
}
.FontCourier
{
font-family: 'Courier New';
}
.FontTimes
{
font-family: 'Times New Roman';
}
/**
* Font sizes.
*/
.FontSmaller
{
font-size: smaller;
}
.FontLarger
{
font-size: larger;
}
.FontSmall
{
font-size: 8pt;
}
.FontBig
{
font-size: 14pt;
}
.FontDouble
{
font-size: 200%;
}
/**
* Font colors.
*/
.FontColor1
{
color: #ff9900;
}
.FontColor2
{
color: #0066cc;
}
.FontColor3
{
color: #ff0000;
}
.FontColor1BG
{
background-color: #ff9900;
}
.FontColor2BG
{
background-color: #0066cc;
}
.FontColor3BG
{
background-color: #ff0000;
}
/**
* Indentation.
*/
.Indent1
{
margin-left: 40px;
}
.Indent2
{
margin-left: 80px;
}
.Indent3
{
margin-left: 120px;
}
/**
* Alignment.
*/
.JustifyLeft
{
text-align: left;
}
.JustifyRight
{
text-align: right;
}
.JustifyCenter
{
text-align: center;
}
.JustifyFull
{
text-align: justify;
}
/**
* Other.
*/
code
{
font-family: courier, monospace;
background-color: #eeeeee;
padding-left: 1px;
padding-right: 1px;
border: #c0c0c0 1px solid;
}
kbd
{
padding: 0px 1px 0px 1px;
border-width: 1px 2px 2px 1px;
border-style: solid;
}
blockquote
{
color: #808080;
}