/**
 * Screen & projection stylesheet
 *
 * @version SVN:$Id: screen.css 51 2009-09-17 06:46:01Z mishal $
 * @author mishal
 *
 */

@import url("common.css");
@import url("tables.css");
@import url("sitemap.css");

/* LAYOUT */
#wrapper {
  width: 950px;
  margin: 0 auto;
  margin-top: 10px;
}

/* TYPO */
body {
  font-family: Arial, Helvetica, sans; 
  font-size: 10pt;
  background: #bbdef3 url("images/body_bg.jpg") top center repeat-x;
}

#content p, #content ul, #content ol {
  line-height: 140%;
  padding: 0.5em 0;
}

#content ul {
  list-style-type: square;
  margin-left: 2em;
}

#content li {
  
}

#header {
  position: relative;
}

#main {
  background: url("images/sidebar_bg.png") top left repeat-y;
}

h1#logo {
  width: 395px;
  height: 120px;
}

h1#logo a {
  display: block;
  width: 395px;
  height: 120px;
  background: url("images/logo.png") top left no-repeat;
}

h1#logo a span {
  display: none;
}

#quick-phone {
  position: absolute;
  top: 1em;
  right: 0;
  background: url("images/phone.png") top left no-repeat;
  padding-left: 30px;
}

#quick-phone span.prefix {
  font-size: 12pt;
}

#quick-phone span.large {
  font-size: 24pt;
  margin-left: 0.1em;
}

#quick-phone p {
  text-align: right;
  color: #000;
}

#quick-phone a.more {
  text-align: right;
  color: #000;
  background: url("images/more_phone.png") center right no-repeat;
  padding-right: 24px;
}

#quick-phone p a {
  font-weight: bold;
  text-decoration: underline;
  color: #000;
}

#quick-phone p a:hover {
  text-decoration: none;
}

#sidebar-wrapper {
  width: 270px;  
  float: left;  
  margin-top: 10px;
  background: #F4F6F7 url("images/sidebar_bg.png") top left no-repeat; 
}

#sidebar {
  padding: 0.85em;
}

#sidebar h3 {
  color: #1974a8;
  margin: 0.4em 0 0.6em 0;
}

#sidebar ul {
  margin-left: 1.5em;
  list-style-type: square;
  margin-bottom: 1em;
}

#sidebar ul li {
  margin-bottom: 0.2em;
}

#sidebar p {
  margin: 0.5em 0.4em;
  padding: 0em;
}

p.more {
  text-align: right;
  margin: 0 0 0.5em 0;
}

p.more a {
  text-align: left;
  display: inline-block;
  /* FF 1, 2*/
  display: -moz-inline-block;
  width: 133px;
  height: 25px;
  padding-left: 14px;
  line-height: 25px;
  background: url("images/more.gif") top left no-repeat;
  font-weight: bold;
  color: #000;
  text-decoration: none;
  margin-top: 1em;
}

p.more a:hover {
  text-decoration: underline;
}

#sidebar ul li a {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}

#sidebar ul li a:hover {
  text-decoration: underline;
}

#content-wrapper {
  width: 680px;
  float: right;  
  background: #fff url("images/content_bg.jpg") top left no-repeat;
  /*min-height: 630px;*/
}

#content {
  padding: 15px;
  width: 490px;
}

#footer {
  clear: both;
  padding: 1em;
  background: #fcfcfc;
  display: block;
  margin-bottom: 4em;
}

#menu {
  width: 677px;
  height: 58px;
  margin-top: -30px;
  background: url("images/menu_bg.png") bottom right no-repeat;
  text-align: right;
  float: right;  
}

#menu ul {
  position: relative;
  margin: 14px;
  list-style-type: none;
  padding-right: 1em;
}

#menu ul li {
  display: inline;
}

#menu ul li a {
  padding: 0.2em 0.4em !important;
  margin-right: 0.5em;
  margin-top: -2pt;
  font-weight: bold;
  text-decoration: none;
  color: #000;
  font-size: 11pt;
  line-height: 14pt;
  display: inline-block;
  height: 14pt;
}

#menu ul li a:hover,
body.uvod li#m-uvod a,
body.ordinacni-hodiny li#m-ordinacni-hodiny a,
body.cenik li#m-cenik a,
body.o-nas li#m-o-nas a,
body.kontakt li#m-kontakt a,
body.spoluprace li#m-spoluprace a {
  color: #fff;
  background: #42a8e2;
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

#footer a {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}

#footer a:hover {
  color: #000;
  text-decoration: underline;
}

#shortcuts {
  margin-left: 0.2em;
}

#shortcuts ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#shortcuts ul li {
  display: inline;
  margin-right: 5px;
}

#shortcuts ul a:link,
#shortcuts ul a:visited,
#shortcuts ul a:active {
  /* FF 1, 2*/
  display: -moz-inline-stack;
  display: inline-block !important;  
  width: 220px;
  height: 110px;
  padding: 0;
  margin: 0;
}

#shortcuts ul a:hover {
  background-position: bottom left !important;
}

#shortcuts ul a span {
  display: none;
}

#shortcuts #sc_ortopedie a {
  background: url("images/sc_ortopedie.png") top left no-repeat;
}

#shortcuts #sc_revmatologie a {
  background: url("images/sc_revmatologie.png") top left no-repeat;
}

#shortcuts #sc_vseobecne_lekarstvi a {
  background: url("images/sc_vseobecne_lekarstvi.png") top left no-repeat;
}

#shortcuts #sc_rehabilitace a {
  background: url("images/sc_rehabilitace.png") top left no-repeat;
}

#shortcuts #sc_nutricni_poradenstvi a {
  background: url("images/sc_nutricni_poradenstvi.png") top left no-repeat;
}

#shortcuts #sc_darkove_poukazky a {
  background: url("images/sc_darkove_poukazky.png") top left no-repeat;
}

#shortcuts #sc_vysledky a {
  background: url("images/sc_vysledky.png") top left no-repeat;
  width: 450px;
  height: 50px;
}

#site-by {
  float: right;
  margin-top: -20px;
}

#site-by a {
  display: block;
  width: 148px;
  height: 23px;
  background: url("images/mishal_cz.gif") top left no-repeat;
}

#site-by a span {
  display: none;
}

#content a:link,
#content a:visited,
#content a:active {
  color: #000;
  text-decoration: underline;
  font-weight: bold;
  padding: 0.2em 0;
}

#content a:hover {
  color: #000;
  text-decoration: none;
  background: #f3fafd;
}

#content h2 {
  color: #0f74ad;
  margin: 0.3em 0 0.5em 0;
  font-size: 15pt;
  font-weight: normal;
  letter-spacing: 0.05em;
}

div.intro {
  margin: 0.2em 0 0.5em 0.2em;
}

h2 {
  font-size: 13pt;  
}

h3 {
  font-size: 12pt;
}

h4 {
  font-size: 11pt;
}

#content h3 {
  margin-top: 1em;
}

#content h4 {
  margin: 0.5em 0 0.4em 0;
  font-style: normal;
  color: #0F74AD;
}

p.zvyraznene {
  color: #d02027;
}

p.zvyraznene a:link,
p.zvyraznene a:visited,
p.zvyraznene a:active {
  color: #d02027 !important;
}

div.nejasnost {
  margin: 1em;
  background: url("images/question.gif") center left no-repeat;
  padding: 1em;
  padding-left: 120px !important;
  border: 2px solid #d52028;
}

div.nejasnost h3 {
  margin: 0 0 0 0 !important;
}

.ortopedie, .revmatologie, .vseobecne-lekarstvi, .rehabilitace, .nutricni-poradenstvi {
  margin: 0.5em 0 0.5em 1em;
  padding: 0 0 0.5em 0.5em;
}

.ortopedie {
  border-left: 5px solid #1CA6F2;  
}

.ortopedie h3 {
  color: #1CA6F2;
}

.revmatologie {
  border-left: 5px solid #de4949;
}

.revmatologie h3 {
  color: #de4949;  
}

.vseobecne-lekarstvi {
  border-left: 5px solid #09bc32;
}

.vseobecne-lekarstvi h3 {
  color: #09bc32;
}

.rehabilitace {
  border-left: 5px solid #F7A304;
}

.rehabilitace h3 {
  color: #F7A304;
}

.nutricni-poradenstvi {
  border-left: 5px solid #b641fa;
}

.nutricni-poradenstvi h3 {
  color: #b641fa;
}


strong.phone {
  background: url("images/icon_phone.gif") center left no-repeat;
  padding-left: 1.5em;
}

strong.email {
  background: url("images/icon_email.gif") center left no-repeat;
  padding-left: 1.5em;
}

img.o-nas {
  margin: 0.5em 0;
  padding: 2px;
  border: 1px solid #ccc;
}

img.budova, .image {
  margin: 0.5em 0;
  padding: 2px;
  border: 1px solid #ccc;
}

.image-desc {
  text-align: center;  
  font-size: 8pt;
  background: #eee;
  padding: 0.2em;
}

span.button {
	padding: 0.2em 0.3em !important;
	display: inline-block;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
  background: #ddd;
	color: #000;
  margin-bottom: 0.4em;
  text-decoration: none !important;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
  -webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px;
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px;
  /* FF 3.5+ */
}

span.date {
  font-size: 9pt;
  color: #d02027;
}

p.address {
  font-size: 12pt;
}