/* ZAKLADNI, SPOLECNE DEFINICE */
body, html {background:#fff; font-family: sans-serif; font-size:.85em; color:#222}
h1,h2,h3,h4,h5,h6,p,ul,li,form,input,select,textarea,table,tr,td,a,img,body,html {
	padding:0; margin:0; border:0}
	
ul {list-style:none}

a {color:#0073ce; text-decoration:none}
a:hover {text-decoration:underline}

#content {width:980px; margin:auto}

.line {clear:both; width:100%; height:1px; border-bottom:1px solid #eaeaea}
.clear {clear:both; width:100%; height:1px}

/* notifikace */
.msg {width: 460px; padding:5px 10px; margin: 5px 0; border:1px solid #DD7; background:#FFA; font-weight:bold;}
.msg.error {border:1px solid #ffafa9; background:#ffdbd8; color:#e60404;}
.msg.ok {border:1px solid #ADD65B; background:#DDFBB0 url("../imgs/msg-ok00.gif") 7px 10px no-repeat; color:#3A0;} 
.msg.nfo {border:1px solid #8DC3F7; background:#DEEDFD url("../imgs/msg-nfo0.gif") 10px 8px no-repeat; color:#0077CC;}


/* listovatko */
.listovatko {position:absolute; bottom:0; right:0}
.listovatko a {display:block; float:left; width:8px; height:18px; margin:0 5px; background-image:url(../pics/arrows.gif); background-repeat:no-repeat}
.listovatko a.zpet {background-position:0 0}
.listovatko a.zpetNe, .listovatko a.zpet:hover {background-position:-8px 0}
.listovatko a.vpred {background-position:-24px 0}
.listovatko a.vpredNe, .listovatko a.vpred:hover {background-position:-16px 0}
.listovatko a span {display:none}
.listovatko span {display:block; float:left; color:#959595; font-weight:bold}

#leftnavbar .listovatko {position:relative; float:right; margin:10px 0}
#contleft .listovatko {position:relative; float:right; margin:10px 0}
#maincontainer .listovatko {position:relative; float:right; margin:10px 0}

#breadcrumbs {padding:15px 8px; color:#959595; font-size:.95em}
#breadcrumbs a {color:#959595}
#breadcrumbs span, #breacrumbs a:hover {color:#222}

.footlink {color:#999; font-size:.95em;text-decoration:none;}
.footlink a {color:#999; font-size:.95em;text-decoration:none;}
.footlink a:hover {color:#999; font-size:.95em;text-decoration:underline;}

.vyska_nula {
	height: 0px;
	overflow: hidden;	
}

/* diskuse */
#diskuse {border-top:1px solid #eaeaea; position:relative; margin:30px 0; padding-top:15px}
#diskusepridat { padding-left:20px; background:url(../pics/ico-plus.gif) no-repeat}
.tema {border:1px solid #eaeaea; padding:38px 15px 15px 15px; position:relative; margin-bottom:15px}
#maincontainer .tema h3 {color:#222; font-size:1.75em; font-weight:normal; border-top:1px solid #eaeaea; padding:8px 0 15px 0}
.uzivatel {position:absolute; top:12px; left:15px}
.pridatodpoved {position:absolute; top:12px; right:15px; padding-left:20px; background:url(../pics/ico-plus.gif) no-repeat}
.nevhodne {float:right; padding-left:15px; background:url(../pics/bullet-blue.gif) no-repeat; padding-bottom:10px}
.temainfo {clear:both; border-top:1px solid #eaeaea; display:block; padding-top:12px}

/* hlavicka */
#header {width:100%; border-bottom:1px solid #eaeaea; position:relative; height:110px}
#header h1, #headernoborder h1 {position:absolute; top:15px; right:490px; font-size:.95em; color:#999; font-weight:normal} 
#headingbar h2 {position:absolute; top:150px; left:680px; width:280px; color:#9acbf3; font-size:2.1em; font-weight:normal}
#headernoborder {width:100%; position:relative; height:85px}
#headingbar {width:996px; background:url(../pics/header.jpg) no-repeat; height:375px; margin:10px 0 0 -16px; position:relative; z-index:1}
#headingbar h1 {display:none}
#headingbar h2 {position:absolute; top:210px; left:690px; width:280px; color:#9acbf3; font-size:2.1em; font-weight:normal}
#logo {position:absolute; top:5px; left:-10px; background:url(../pics/logo-urban.gif) no-repeat; width:260px; height:110px}
#logo span {display:none}

/* dropdowny */
#dropdownHolder {position:absolute; top:33px; right:8px; width:365px}
#dropdownHolder span {float:left; font-weight:bold; font-size:1.2em; color:#aaa; display:block; padding:4px 0}
.dropdown {float:right; width:250px; border:1px solid #eaeaea; height:23px; color:#999; font-size:.95em; position:relative; background-image:url(../pics/dropdownback.gif); background-repeat:no-repeat; background-position:right; cursor:pointer}
#dropdownHolder .dropdown span {color:#999; padding:5px 30px 5px 10px; width:210px; height:13px; display:block; font-weight:normal; font-size:1em}
/*.dropdown:hover ul {display:block}*/
.dropdown ul {position:absolute; left:-1px; top:23px; border-width:0 1px 1px 1px; border-style:solid; border-color:#eaeaea; display:none; background:#fff; padding:8px 30px 10px 10px; width:210px; z-index:1}
.dropdown li {line-height:2em}

ul#topnavbar {position:absolute; top:10px; right:110px; font-size:.95em}
ul#topnavbar li {display:block; float:left}
ul#topnavbar li a {display:block; padding:5px}

ul#mainmenu {position:absolute; top:58px; right:0; text-transform:uppercase}
ul#mainmenu li {display:block; float:left}
ul#mainmenu li a {display:block; padding:5px; margin:0 5px; color:#959595}
ul#mainmenu li a:hover {background:#98c6ea; text-decoration:none; color:#fff}

/* vlajecky */
ul#langswitch {position:absolute; top:13px; right:10px}
ul#langswitch li {display:block; float:left; margin:3px}
ul#langswitch a {cursor:pointer}

/* seznam zakroku nad patickou */
#zakroky h2 {text-transform:uppercase; font-size:.8em; margin-top:20px}
#zakroky ul {float:left; width:300px; margin:20px 25px 20px 0; font-size:.95em}
#zakroky li {padding-bottom:5px}


#cenik table {border-collapse:collapse; width:100%}
#cenik th, #cenik td {text-align:left; padding:8px 15px; font-size:.95em; background:#fff; border:1px solid #eaeaea; color:#222}
#cenik th {font-size:1.05em; color:#fff; background:#98c6ea; font-weight:bold}
#cenik tr.even td {background:#f9f9f9}
#cenik {float:left; margin:0 0 15px 0; width:910px; padding-top:20px;}
#cenik ul {list-style:disc; margin:0 0 1em 25px}
#cenik h2 {text-transform:uppercase; font-size:.8em; padding-bottom:5px}

/* paticka */
#footer {border-top:1px solid #eaeaea; clear:both; width:100%; padding:20px 0; position:relative; font-size:.95em}
#logofooter {display:block; float:left; margin:0 20px 0 -10px; background:url(../pics/logo_male.jpg) no-repeat; width:180px; height:70px; overflow:visible}
#logofooter span {display:none}
#footeraddress {float:left; margin:0 20px 0 110px; _margin:0 20px 0 130px}
#footercontact {float:left; margin:0 20px 0 60px; _margin:0 20px 0 40px}
#footer ul {float:right; text-align:right}

/* SPECIFIKA JEDNOTLIVYCH SABLON */

/* homepage */
.hpsquare {float:left; width:207px; height:120px; margin:25px 5px; font-size:.95em; position:relative; padding-top:65px; _margin:25px 3px}
.hpsquare h2 {text-transform:uppercase; font-size:.8em; position:absolute; top:0; left:0}
.hpsquare h3 {font-size:1.4em; position:absolute; top:15px; left:0; width:208px}
.hpsquare h3 a {color:#99c5e8}
.hpsquare .txt {float:right; width:130px}
.hpsquare p a {color:#959595; font-size:.95em}
.hpsquare img {border:1px solid #eaeaea; float:left}
.hpsquare p {clear:both}
.hpsquare p.datum {position:absolute; bottom:0; left:0; clear:none}

#submenuhp {float:right; border-left:1px solid #eaeaea; padding:10px 0 10px 10px; width:98px; height:185px; margin:25px 0; font-size:.95em; font-weight:bold; list-style:none}
#submenuhp li {padding:3px 0; _margin-left:-17px}

#profilhp {width:175px; height:193px; margin:25px 10px; padding:10px 150px 10px 0; float:left; background:url(../pics/doktori-kment.jpg) right top no-repeat; font-size:.95em; _margin:25px 9px}
#profilhp h2 {text-transform:uppercase; font-size:.8em}
#profilhp h3 {font-size:1.4em; margin-top:15px}
#profilhp h3 a {color:#99c5e8}
#profilhp p {margin:15px 0}
#profilhp span {color:#959595}

#sluzbyhp {width:275px; height:193px; margin:25px 10px; float:left; background:#98c6ea; color:#fff; font-size:1.15em; padding:10px; _margin:25px 8px}
#sluzbyhp h2 {font-size:1.5em}
#sluzbyhp ul {list-style:url(../pics/bullet-blue-small.gif); margin:10px 10px 10px 20px; font-weight:bold; font-size:.95em}
#sluzbyhp li {padding-bottom:5px}

#fotogaleriehp {width:300px; height:213px; margin:25px 10px; float:left; position:relative; font-size:.95em; _margin:25px 8px}
#fotogaleriehp p {margin-top:5px}
#fotogaleriehp h2 {text-transform:uppercase; font-size:.8em}
#fotogaleriehp img {border:1px solid #eaeaea; margin:10px 0 0 10px}
#fotogaleriehp a.vice {position:absolute; bottom:0; left:0}

#viceinfo {position:absolute; bottom:0; right:0; padding:10px; width:300px; z-index:0; border-top:1px solid #eaeaea}
#viceinfo a.vice {float:left; color:#999; font-weight:bold; background:url(../pics/bullet-grey.gif) 3px no-repeat; padding-left:15px}
#viceinfo .listovatko {float:right; position:relative}

#fbhp {float:right; margin:50px 5px 7px 5px; background:url(../pics/ico-facebook.gif) left top no-repeat; height:13px; padding:2px 0 6px 30px}

/* zakrok */
#leftnavbar {width:228px; float:left; font-size:.95em; margin:0}
#leftnavbar ul {border-top:1px solid #eaeaea}
#leftnavbar li a, #leftnavbar li span {border-bottom:1px solid #eaeaea; padding:8px; display:block; width:218px}
#leftnavbar li span {}
#leftnavbar li a:hover {background:#f9f9f9; text-decoration:none}
#leftnavbar h2 {text-transform:uppercase; font-size:.8em; color:#959595; padding:8px}

#leftnavbar #fbbutton {border-width:1px 0; border-style:solid; border-color:#eaeaea; padding:8px 8px 8px 40px; width:186px; background:url(../pics/ico-facebook.gif) 10px 4px no-repeat; display:block; clear:both}
#leftnavbar #fbbutton:hover {background:#f9f9f9 url(../pics/ico-facebook.gif) 10px 4px no-repeat; text-decoration:none}

#maincontainer {float:right; margin:0 0 15px 0; width:980px}
#maincontainer table {border-style:none; width:100%}
#maincontainer h1 {color:#98c6ea; font-size:3em; padding-bottom:.75em}
#maincontainer h2 {color:#98c6ea; font-size:2em; padding-bottom:1em}
#maincontainer h3 {color:#98c6ea; font-size:1.25em; padding-bottom:1em}
#maincontainer h4 {font-size:1.1em}
#maincontainer p {line-height:1.5em; padding-bottom:2em}
#maincontainer ul {list-style:disc; margin:0 0 1em 25px}

#maincontainer #floatrightmenu {border-top:1px solid #eaeaea; float:right; list-style:none; margin:0 0 15px 15px}
#maincontainer #floatrightmenu li a, #maincontainer #floatrightmenu li span {border-bottom:1px solid #eaeaea; padding:8px; display:block; width:218px}
#maincontainer #floatrightmenu li span {font-weight:bold}
#maincontainer #floatrightmenu li a:hover {background:#f9f9f9; text-decoration:none}

#maincontainer .bigimg, #maincontainer .img {width:400px; border-bottom:1px solid #eaeaea; padding:10px 0 5px 0; text-align:center; font-style:italic; color:#959595; font-size:.95em; float:right; margin:0 0 15px 15px}
#maincontainer .img {width:220px; border-top:1px solid #eaeaea;}
#maincontainer .bigimg img, #maincontainer .img img {padding-bottom:2px}

.cledit {padding:10px 0 5px 0;border:none; text-align:center; font-style:italic; color:#959595; font-size:.95em; margin:0 0 15px 15px;}

#centerright {width:158px; padding-left:10px; border-left:1px solid #eaeaea; float:right; font-size:.95em}
#centerright .line {margin-bottom:15px}
#centerright h2 {color:#0073ce; font-size:1.3em}
#centerright h3 {font-size:1.15em; color:#222}
#centerright h4 {font-size:1em}
#centerright p {padding-bottom:1em}
#centerright .more {color:#959595}
#centerright ul {list-style:url(../pics/bullet-grey.gif)}
#centerright li {padding-bottom:5px}
#centerright span {display:block}
#centerleft {float:left; width:535px; clear:both}

#contactform table {border-collapse:collapse; width:100%}
#contactform th, #contactform td {text-align:left; padding:8px 15px; font-size:.95em; background:#fff; border:1px solid #eaeaea; color:#222}
#contactform th {font-size:1.05em; color:#fff; background:#98c6ea; font-weight:bold}
#contactform tr.even td {background:#f9f9f9}
#maincontainer span.note {font-style:italic; font-size:.95em}
#maincontainer span.tbldesc {font-style:italic; font-size:.9em; padding:5px 15px 1em 15px; display:block}

/* kontaktni formular */
#contactform {border-top:1px solid #eaeaea; padding:10px 0; margin-top:3em;}

#contactform2 {width:550px;float:left;}
#contactform h2 {margin:.5em 0; font-size:1.2em}

#contactform input, #contactform textarea {border:1px solid #eaeaea; font-size:.95em; padding:5px; width:230px; color:#959595}
#contactform input:hover, #contactform textarea:hover {border:1px solid #0172ce; color:#0174cf}
#contactform input.button {border:1px solid #959595; background:#fff; width:242px; cursor:pointer}
#contactform p {padding-bottom:.5em}
#contactform textarea {height:112px; font-size:1.2em}
#formleft {float:left; width:265px}
#formright {float:right; width:265px}

.lekarbox {width:600;float:left;}

/* login formular */
#loginform {border-top:1px solid #eaeaea; padding:10px 0;}
#loginform h2 {margin:.5em 0; font-size:1.2em}
#loginform input {border:1px solid #eaeaea; font-size:.95em; padding:5px; width:230px; color:#959595}
#loginform input:hover {border:1px solid #0172ce; color:#0174cf}
#loginform input.button {border:1px solid #959595; background:#fff; width:242px; cursor:pointer}

/* registracni formular */
.form {border-top:1px solid #eaeaea; padding:10px 0;}
.form h2, #regform h2 {margin:.5em 0; font-size:1.2em}
.form input, .form select.styled {border:1px solid #eaeaea; font-size:.95em; padding:5px; width:230px; color:#959595}
.form select.styled {width: 350px;}
.form input:hover, .form select.styled:hover {border:1px solid #0172ce; color:#0174cf}
.form input.button {border:1px solid #959595; background:#fff; width:242px; cursor:pointer}

/* stranka doktora */
#docbar {width:440px; height:306px; padding:50px 520px 20px 20px}
#docbar h1 {display:none}
#docbar h2 {text-transform:uppercase; font-size:.8em}
#docbar h3 {color:#99c7eb; font-size:4em; line-height:.9em; margin:.25em 0 .7em 0}
#docbar h3 a {color:#99c7eb}
#docbar h3 a:hover {text-decoration:none; color:#a9d7fb}
#docbar h3 span {font-size:.5em}
#docbar h4 {color:#222; font-size:1.5em}
#docbar p {padding-bottom:1em}
#docbar a.more {color:#959595; font-weight:bold; background:url(../pics/bullet-grey.gif) no-repeat; padding:0 0 0 10px}

#contleft {float:left; width:900px; padding:5px 10px 5px 0; margin:20px 0}
#contleft h2 {text-transform:uppercase; font-size:.8em; padding-bottom:5px}
#contleft ul {list-style:disc; margin:0 0 1em 25px}
#maincontainer2 {float:right; margin:0 0 15px 0; width:900px}
#maincontainer2 h2 {text-transform:uppercase; font-size:.8em; padding-bottom:5px}
#maincontainer2 h3 {color:#98c6ea; font-size:1.25em; padding-bottom:1em}
#maincontainer2 #floatrightmenu {border-top:1px solid #eaeaea; float:right; list-style:none; margin:0 0 15px 15px}
#maincontainer2 #floatrightmenu li a, #maincontainer2 #floatrightmenu li span {border-bottom:1px solid #eaeaea; padding:8px; display:block; width:218px}
#maincontainer2 #floatrightmenu li span {font-weight:bold}
#maincontainer2 #floatrightmenu li a:hover {background:#f9f9f9; text-decoration:none}
#maincontainer2 p.note {font-style:italic; font-size:.95em}
#menuright {float:right; width:95px; padding:5px 0; margin:20px 0}
#menuright li {font-size:.95em; font-weight:bold; padding-bottom:5px}

.doctext2 {margin:10px 65px 10px 0; float:right; width:300px; _margin:10px 40px 10px 0}
.doctext2 h3 {color:#99c7eb; font-size:1.75em}
.doctext2 h3 a {color:#99c7eb}
.doctext2 span {font-weight:bold; padding-bottom:1em; display:block}
.doctext2 p {line-height:1.5em; padding-bottom:1em}
.doctext2 a.more {font-weight:bold}


.docfoto2 {float:left; margin:10px; width:150px; height:150px; padding:1px 3px 3px 1px}
.docfoto3 {float:left; margin:10px; width:300px; height:160px; padding:1px 3px 3px 1px}
.docfoto4 {float:left; margin:10px; width:320px; height:180px; padding:1px 3px 3px 1px}
.docfoto4 p.note {font-style:italic; font-size:.95em}

.docfoto {float:left; margin:10px;  width:271px; height:184px; padding:1px 3px 3px 1px}
.doctext {margin:10px 65px 10px 0; float:right; width:450px; _margin:10px 40px 10px 0}
.doctext h3 {color:#99c7eb; font-size:1.75em}
.doctext h3 a {color:#99c7eb}
.doctext span {font-weight:bold; padding-bottom:1em; display:block}
.doctext p {line-height:1.5em; padding-bottom:1em}
.doctext a.more {font-weight:bold}

#c_l {float:left; width:530px}
#c_l h2, #c_r h2 {padding-bottom:15px}
#c_l p {padding-bottom:2em; line-height:1.5em}

#c_l h3 {padding-bottom:.5em; font-size:2em}
#c_r table {margin-bottom:30px}
#c_r th {text-align:left; padding:2px 10px 2px 0}
#c_r {float:right; width:275px; margin-right:15px; _margin-right:8px}
#c_r li {padding-bottom:5px}

.olfg {background-color: #98c6ea;}