body { margin: 0; background-color: #F4F5EF; font-family: tahoma, helvetica, arial, serif; text-align: center; font-size: 1em; color: #629ab8; }
a { color: #a3c634; text-decoration: none; }
a:hover { text-decoration: underline; }

#home, #podstr {position: relative; width: 990px; height: 461px; margin:0 auto;  z-index: 0; text-align: left; /*background: url(../images/pozadi_podkres.gif) no-repeat left top;*/ }
/* doplneno */
#home{background:url(../images/bg-index.jpg) no-repeat;min-height:585px;_height:585px;}
#home #lCol{float:left;width:470px;}
#home #rCol{float:right;width:425px;margin-right:50px;padding-top:54px;min-height:530px;_height:530px;font-size:0.8em;line-height:1.6em;color:#00944f;}
#home #rCol h1{color:#fff;font-size:25px;font-weight:bold;margin:0;padding:0;line-height:55px;margin-bottom:25px;margin-left:-95px;}
#home #rCol p {text-align: left; padding: 0; margin: 0 0 15px 0; }
#home #rCol p.perex { font-size: 110%; margin-top: 20px; }
#home #rCol img { padding: 0; border: 0; }

#logo { position:relative;margin:0; padding:0; width:270px; height:95px; /*overflow:hidden;*/ background: url(../images/logo.gif) top left no-repeat; z-index: 9; }
#logo a { top: 0; color: #629AB8; font-size: 1em; line-height: 3em; width: 270px; height: 95px; display: block; position: absolute; z-index: 10;}
#logo span { display: none; position: absolute; left: 0; top: 0; z-index: 20; width: 270px; height: 95px; margin: 0; padding: 0; }

/* MENU */
ul#menu {position:relative;/*position:absolute;top:134px;left:25px;*/width:153px;margin:40px 0 15px 20px;padding:0 0 1px;background:url(../images/dot.gif) 0 100% repeat-x;z-index:15;}
ul#menu li{display:block;list-style-type:none;padding:1px 0 0;background:url(../images/dot.gif) 0 0 repeat-x;}
ul#menu strong,
ul#menu a {display:block;color:#5F95AE;font-weight:bold;font-size: 13px;text-decoration:none;padding-left: 10px;line-height:2em;}
ul#menu strong{background:url(../images/bg-menu-hover.gif) repeat-y;padding:0;}
ul#menu strong a {text-decoration: none; font-weight: bold; background:url(../images/menu-arrow.gif) 100% 50% no-repeat;}
ul#menu a:hover {background:url(../images/bg-menu-hover.gif) repeat-y; }
ul#menu li ul {display: none;}

/* ---------- homepage ---------- */
#home #flash { width: 990px; height: 480px; position: absolute; left: 0; top: -40px; z-index: 0; }
#home #flash h1 { font-size: 0.5em; padding-left: 30px; }


#home h3 { position: absolute; font-size: 0.95em; }
  #home h3.box1 { left: 28px; top: 454px; width: 132px; height: 132px; background: url(../images/pozadi_box_splatky.gif) no-repeat left top; overflow:hidden; padding: 45px 0 0 126px; }
  #home h3.box1 strong { color: #ff009a; font-size: 21px; line-height: 19px; } 
  #home h3.box1 span { display: block; position: absolute; left: 170px; top: 15px; z-index: 10; width: 191px; height: 188px; }

  #home h3.box2 { left: 304px; top: 479px; width: 152px; height: 197px; background: url(../images/pozadi_box_reportaz.gif) no-repeat left top; overflow:hidden; padding: 19px 0 0 100px; }
  #home h3.box2 strong { color: #ff009a; font-size: 21px; line-height: 19px; } 
  #home h3.box2 span { display: block; position: absolute; left: 170px; top: 15px; z-index: 10; width: 191px; height: 188px; }

  #home p#infotext {position: absolute;top:410px;left:50px;width:790px;font-size: 0.70em;color:#00934e;}
  #home p#infotext a {color:#00934e;}

  #home #flash-promo1 { position: absolute; left: 198px; top: 287px; width: 251px; height: 138px; }
  #home #flash-promo2 { position: absolute; left: 198px; top: 430px; width: 251px; height: 138px; }
 /* #home #flash-promo3 { position: absolute; left: 580px; top: 479px; width: 251px; height: 138px; } */


#home #rCol h2 { font-size: 1.2em; }

#home h2.nove,
#home h2.nove a,
#home h2.nove span{display:block;position:relative;width:155px;height:160px;margin:0;padding:0;overflow:hidden;z-index:10;}
#home h2.nove{margin:0 0 0 20px;}
#home h2.nove span {position:absolute;left:0;top:0;background: url(../images/stoprocentnigarance.gif) no-repeat; z-index:10;}

#home h3.rezervace { left: 580px; top: 450px; width: 185px; height: 170px; overflow:hidden; padding: 20px 0 0 130px; color: #629AB8; font-size: 0.8em; }
#home h3.rezervace cite { font-size: 1.8em; font-style: normal; font-weight: bold; }
#home h3.rezervace a.blue { color: #629AB8; }
#home h3.rezervace span { display: block; position: absolute; left: 0; top: 0; width: 119px; height: 159px; margin: 0; padding: 0; background: url(../images/pozadi_rezervace.gif) no-repeat left top; }

#home #paticka {text-align: right;font-size:0.7em;margin:1em 60px 0 40px; }
#home #paticka #reklamstina {float:left;}

/* ---------- podstranka ---------- */
#podstr h3 { position: absolute; font-size: 0.75em; line-height: 1.5em; left: 35px; width: 228px; height: 153px; background: url(../images/pozadi_box_podstr.gif) no-repeat left top; overflow:hidden; padding: 15px; }
  #podstr h3.promo1 { top: 324px; left: 24px; background: url(../images/pozadi_box_splatky.gif) no-repeat left top; padding: 45px 0 0 126px; }
  #podstr h3.promo1 strong { color: #ff009a; font-size: 21px; line-height: 19px; }
  #podstr h3.promo1 a { display: block; width: 155px; color: #629AB8; background: url(../images/sipka.gif) no-repeat left bottom; padding-bottom: 30px; }
  #podstr h3.promo1 span { display: block; position: absolute; left: 55px; top: 15px; z-index: 10; width: 191px; height: 188px; }
  #podstr h3.promo2 { top: 499px; background-position: left 10px; padding-top: 25px; }
  #podstr h3.promo2 a { display: block; width: 155px; color: #629AB8; background: url(../images/sipka.gif) no-repeat left bottom; padding-bottom: 30px; z-index: 10; }
  #podstr h3.promo2 span { display: block; position: absolute; left: 60px; top: 0; z-index: 0; width: 191px; height: 188px; background: url(../images/box_image_poukazky_small.gif) no-repeat right top; }

  #podstr #flash-promo1 { position: absolute; top: 390px; left: 24px; width: 255px; height: 140px; }
  #podstr #flash-promo2 { position: absolute; top: 540px; left: 24px; width: 255px; height: 140px; }
  #podstr #flash-promo3 { position: absolute; top: 690px; left: 24px; width: 255px; height: 140px; }

#podstr #obsah  { position: absolute; left: 0px; top: 0; width: 990px; height: auto; min-height: 790px; _height: 790px; padding: 0; margin: 0; }
#podstr #obsah h3 cite { font-size: 1.8em; font-style: normal; font-weight: bold; }

#podstr #obsah #text { float: left; padding-left: 310px; width: 670px; height: auto; min-height: 850px; _height: 850px; padding-top: 145px;  padding-bottom: 10px;background: url(../images/pozadi_podstr.gif) no-repeat 370px top; color: #00944f; z-index: 10; /*background: url(../images/pozadi_text_holka-bryle.gif) no-repeat left bottom;*/ }
#podstr #obsah #text h1 { font-size: 1.6em; font-weight: normal; margin: 0 0 20px 0; padding: 0; }
#podstr #obsah #text { font-size: 0.8em; line-height: 1.6em;  }
#podstr #obsah #text p { text-align: left; padding: 0; margin: 0 0 15px 0; }
#podstr #obsah #text p.perex { font-size: 110%; margin-top: 20px; }
.popis { position: relative; background: #e0e9c0 url(../images/ruzek-l.gif) no-repeat left bottom; padding: 15px; margin-bottom: 15px; font-size: 0.85em; line-height: 1.5em; overflow:hidden;  }
#podstr #obsah #text img { padding: 0; border: 0; }
  .popis span { display: block; position: absolute; top: 0; right: 0; width: 23px; height: 19px; background: #e0e9c0 url(../images/ruzek-p.gif) no-repeat; }
table.kontakty td { font-size: 1.3em; vertical-align: top; }

#text h2 { font-size: 1.6em; font-weight: normal; margin: 0 0 20px 0; padding: 0; }
#text h3 { font-size: 1.3em; font-weight: bold; padding: 10px 0 10px 0; margin: 0; color: #fe029a; position: static; line-height: 1; left: 0; width: auto; height: auto; background: none; }
#text h4 { font-size: 1em; font-weight: bold; padding: 5px 0 5px 0; margin: 0; color: #a3c634; position: static; line-height: 1; left: 0; width: auto; height: auto; background: none; }

#text h2.spec { position: static; float: left; width: 150px; height: 105px; font-size: 1.6em; font-weight: normal; margin: 0 17px 15px 0; padding: 0; }
#text h2.spec a { color: #00944f; width: 128px; height: 75px; padding: 15px 7px 15px 15px; display: block; }
#text h2.spec a:hover { text-decoration: none; }
#text h2.spec.mensi { font-size: 1.2em; font-weight: normal; }
#text h2.spec.mensi a { height: 80px; padding-top: 10px; }
a#box1 { background: url(../images/nase-specializace/box1_both.jpg) no-repeat 0 0; cursor: pointer; }
a#box2 { background: url(../images/nase-specializace/box2_both.jpg) no-repeat 0 0; cursor: pointer; }
a#box3 { background: url(../images/nase-specializace/box3_both.jpg) no-repeat 0 0; cursor: pointer; }
a#box4 { background: url(../images/nase-specializace/box4_both.jpg) no-repeat 0 0; cursor: pointer; }
a#box5 { background: url(../images/nase-specializace/box5_both.jpg) no-repeat 0 0; cursor: pointer; }
a#box6 { background: url(../images/nase-specializace/box6_both.jpg) no-repeat 0 0; cursor: pointer; }
a#box1.nove { background: url(../images/nase-specializace/box1_both_new.jpg) no-repeat 0 0; cursor: pointer; }
a#box5.nove { background: url(../images/nase-specializace/box5_both_new.jpg) no-repeat 0 0; cursor: pointer; }
a#box6.nove { background: url(../images/nase-specializace/box6_both_new.jpg) no-repeat 0 0; cursor: pointer; }
a#box1.active { background: url(../images/nase-specializace/box1_both.jpg) no-repeat 0 -105px; }
a#box2.active { background: url(../images/nase-specializace/box2_both.jpg) no-repeat 0 -106px; }
a#box3.active { background: url(../images/nase-specializace/box3_both.jpg) no-repeat 0 -105px; }
a#box4.active { background: url(../images/nase-specializace/box4_both.jpg) no-repeat 0 -105px; }
a#box1.active.nove { background: url(../images/nase-specializace/box1_both_new.jpg) no-repeat 0 -105px; }
a#box5.active.nove { background: url(../images/nase-specializace/box5_both_new.jpg) no-repeat 0 -105px; }
a#box6.active.nove { background: url(../images/nase-specializace/box6_both_new.jpg) no-repeat 0 -105px; }
a#box5.active { background: url(../images/nase-specializace/box5_both.jpg) no-repeat 0 -105px; }
a#box6.active { background: url(../images/nase-specializace/box6_both.jpg) no-repeat 0 -105px; }
#info5 ul a {color:#00944f ; font-weight: bold; text-decoration: underline;}

div.tlacitko { float: left; position: relative; height: 20px; background: #a3c634 url(../images/tlacitko-l.gif) no-repeat; padding: 0 30px 0 15px; font-weight: bold; color: white; margin: 0; line-height: 19px; }
div.tlacitko a { color: white; }
div.tlacitko a:hover { color: #f0ed85; text-decoration: none; }
div.tlacitko span { position: absolute; width: 16px; height: 20px; right: 0; top:0; background: url(../images/tlacitko-p.gif) no-repeat; cursor: pointer; }
div.tlacitko.plus span { background: url(../images/tlacitko-plus-p.gif) no-repeat; }
div.tlacitko.pdf { padding-right: 55px; overflow: visible; }
div.tlacitko.pdf span { width: 45px; height: 46px; top: -13px; background: url(../images/tlacitko-pdf-p.gif) no-repeat; }

span.telefon { display: inline; padding-left: 18px; background: url(../images/telefon.gif) no-repeat left center; }
span.mail { display: inline; padding-left: 25px; background: url(../images/obalka.gif) no-repeat left center; }

table.cenik { width: 100%; border-collapse: collapse; }
table.cenik td { vertical-align: top; }
table.cenik td.vpravo { width: 100px; text-align: right; }
table.tecky { width: 100%; background: url(../images/tecky.gif) repeat-x bottom left; border-collapse: separate; padding: 0; border: 0; margin-bottom: 10px; }
table.tecky td { vertical-align: bottom; }
table.tecky td.holka { width: 185px; height: 404px; background: url(../images/sluzby-a-cenik/holka.jpg) no-repeat bottom left; }
#podstr #obsah #text span.tecky { width: 100%; height: 1px; display: block; background: url(../images/tecky.gif) repeat-x top left; padding-bottom: 10px; }

#podstr #obsah #paticka { position: absolute; width: 990px; height: 120px; bottom: 0; left: 0; background: url(../images/pozadi_paticka.gif) no-repeat left 0; color: #629ab8; font-size: 1.2em; z-index: 10; }
#podstr #obsah #paticka h3 { position: absolute; font-size: 0.85em; color: #629AB8; bottom: 37px; left: 130px; width: 150px; height: 45px; background: none; z-index: 20; padding: 0; margin: 0; }
#podstr #obsah #paticka p { position: absolute; bottom: 0; right: 0; padding: 0 5px 5px 0; margin: 0; font-size: 0.7em; }

#zapisnik { position: absolute; width: 548px; height: 60px; top: 160px; right: 0px; z-index: 20; }
#zapisnik a#d1 { display: block; width: 75px; height: 60px; position: absolute; left: 280px; top: 0px; }
#zapisnik a#d2 { display: block; width: 75px; height: 60px; position: absolute; left: 355px; top: 0px; }
#zapisnik.dil1 { background: url(../images/reportaz/1dil.gif) no-repeat; }
#zapisnik.dil2 { background: url(../images/reportaz/2dil.gif) no-repeat; }
#zapisnik span { display: none; }

sup {font-size: 7px; height: 0; line-height: 1; vertical-align: baseline; _vertical-align: super; position: relative; z-index: 0; bottom: 1ex; }

.fr { float: right; margin-left: 10px; }
.fl { float: left; margin-right: 10px; }
.clear {clear: both;}