/* Copyright © Kosmetický salon LADY. All rights reserved. Created by Bart */

body {
  background: url('images/bg/bg_design.png') top center no-repeat;
  padding: 0;
  margin: 0 auto; 
  font: 11px/18px Verdana, Arial, Helvetica, Sans-serif;
  }

  h1 {font:0.1em Verdana, Arial, Helvetica, Sans-serif; color:#259e29; margin:0px; text-align:center;}
  h2 {font:0.1em Verdana, Arial, Helvetica, Sans-serif; color:#2da330; margin:-28px; text-align:center;}
  h3 {font:bold 1.2em Verdana, Arial, Helvetica, Sans-serif; color:#000; margin-top:14px;}
  h3 a {font-family:Verdana, Arial, Helvetica, Sans-serif; color:#fff; text-decoration:none;}
  h3 a:hover {font-family:Verdana, Arial, Helvetica, Sans-serif; color:#259e29; text-decoration:none;}
  h4 {font:0.8em Verdana, Arial, Helvetica, Sans-serif; color:#fff; margin:0; padding-top:17px; padding-bottom:5px; text-align:center;}
  h4 a {font:bold 1.1em Verdana, Arial, Helvetica, Sans-serif; color:#494949; text-decoration:none;}
  h4 a:hover {font-family:Verdana, Arial, Helvetica, Sans-serif; color:#000; text-decoration:none;}
  h5 {font:1.3em Verdana, Arial, Helvetica, Sans-serif; color:#fff; margin-top:14px;}


/* ===== HEADER ===== */
#header {
  background: url('images/bg/bg_head.png') top center no-repeat; 
  width: 700px; 
  height: 290px; 
  margin: 0 auto; 
  margin-top: 37px; 
  padding: 0;
  }
/* ----- END HEADER ----- */ 


/* ===== MENU1 - menu záhlaví ===== */
  #menu1 {
  width: 700px; 
  height: 15px; 
  margin: 0 auto; 
  margin-top: 47px; 
  padding-left: 70px; 
  position: relative; 
  font: 1.2em Verdana, Arial, Helvetica, Sans-serif; 
  text-align: left; 
  color: #000;
  }
  
#menu1 a {
  text-decoration: none; 
  color: #000;
  } 
   
#menu1 a:hover {
  text-decoration: underline; 
  color: #259e29;
  }/* ----- END MENU1 ----- */


/* ===== MENU2 - pravé ===== */
.menu2 {
  margin: 0; 
  padding: 22px 1px 0 0; 
  width: 150px; 
  list-style: none; 
  float: right;
  }

.menu2 li {
  padding: 0;
  margin: 0 0 1px 0; 
  height: 34px; 
  display: block; 
  }

.menu2 li a {
  text-align: center; 
  height: 34px; 
  padding: 0px 25px; 
  font: 16px Verdana, Arial, Helvetica, Sans-serif; 
  color: rgb(255,255,255); 
  display: block; 
  background: url('images/bg/bg_menu.png') 0px -68px no-repeat; 
  text-decoration: none;
  }

.menu2 li a:hover {
  background: url('images/bg/bg_menu.png') 0px -34px no-repeat; 
  color: rgb(255,255,255);
  }

.menu2 li a.active, .menu li a.active:hover {
  background: url('images/bg/bg_menu.png') 0px 0px no-repeat; 
  color: rgb(255,255,255);
  }

.menu2 li a span { line-height:34px; }
/* ----- END MENU2 ------ */


/* ===== MAIN ===== */
#main {
  background: url('images/bg/bg_main.png') repeat-y top center; 
  width: 700px; 
  height: 2200px; 
  margin: 0 auto;
  }

#main_cosmetics {
  background: url('images/bg/bg_main.png') repeat-y top center; 
  width: 700px; 
  height: 3700px; 
  margin: 0 auto;
  }

#main_man_a_ped {
  background: url('images/bg/bg_main.png') repeat-y top center; 
  width: 700px; 
  height: 1920px; 
  margin: 0 auto;
  }

#main_massage {
  background: url('images/bg/bg_main.png') repeat-y top center; 
  width: 700px; 
  height: 1650px; 
  margin: 0 auto;
  }

#main_courses {
  background: url('images/bg/bg_main.png') repeat-y top center; 
  width: 700px; 
  height: 2380px; 
  margin: 0 auto;
  }

#main_hair {
  background: url('images/bg/bg_main.png') repeat-y top center; 
  width: 700px; 
  height: 1520px; 
  margin: 0 auto;
  }

#main_solarium {
  background: url('images/bg/bg_main.png') repeat-y top center; 
  width: 700px; 
  height: 1350px;
  margin: 0 auto;
  }

#main_contact {
  background: url('images/bg/bg_main.png') repeat-y top center; 
  width: 700px; 
  height: 1020px; 
  margin: 0 auto;
  }/* ----- END MAIN ----- */


/* ===== TEXT ===== */
#text {
  width: 610px; 
  margin: 0 auto; 
  margin-bottom: 35px; 
  font: 11px/15px Verdana, Arial, Helvetica, Sans-serif; 
  text-align: justify; 
  color: #fff;
  }

#text a {
  font: 1em Verdana, Arial, Helvetica, Sans-serif; 
  color: #ffffff; 
  text-decoration: none;
  }

#text a:hover {
  font: 1em Verdana, Arial, Helvetica, Sans-serif; 
  color: #ffffff; 
  text-decoration: underline;
  }

#text .cosmetics1 {float: right; margin-left: 10px;}
#text .cosmetics2 {float: left; margin-right: 10px;}
#text .man_a_ped1 {float: right; margin-left: 10px;}
#text .man_a_ped2 {float: left; margin-right: 10px;}
#text .massage1 {float: right; margin-left: 10px;}
#text .massage2 {float: left; margin-right: 10px;}
#text .courses1 {float: right; margin-left: 10px;}
#text .courses2 {float: left; margin-right: 10px;}
#text .hair {float: right; margin-left: 10px;}
#text .hair1 {float: left; margin-right: 10px;}
#text .solarium1 {float: right; margin-left: 10px;}
#text .solarium2 {float: left; margin-right: 10px;}

#text h2 {
  font: bold 1.3em Verdana, Arial, Helvetica, Sans-serif; 
  color: #a1e77f; 
  margin-top: 0px; 
  margin-bottom: 10px; 
  text-align: center;
  }

#text h3 {
  font: 1.3em Verdana, Arial, Helvetica, Sans-serif; 
  color: #000; 
  margin-top: 0px; 
  margin-bottom: 0px;
  }

#text h4 {
  font: 1.1em Verdana, Arial, Helvetica, Sans-serif; 
  color: #000; 
  margin-top: 0px; 
  margin-bottom: 0px; 
  text-align: left;
  }

#text h4 a {
  font: 1em Verdana, Arial, Helvetica, Sans-serif; 
  color: #d9d9d9; 
  margin-top: 0px; 
  margin-bottom: 0px; 
  text-decoration: none;
  }

#text h4 a:hover {
  font: bold 1em Verdana, Arial, Helvetica, Sans-serif; 
  color: #fff; 
  margin-top: 0px; 
  margin-bottom: 0px; 
  text-decoration: none;
  }

#text1 {
  width: 610px; 
  margin: 0 auto;
  margin-bottom: 20px; 
  font: 11px/15px Verdana, Arial, Helvetica, Sans-serif; 
  text-align: justify; 
  color: #fff;
  }

#text1 a {
  font: 1em Verdana, Arial, Helvetica, Sans-serif; 
  color: #ffffff; 
  text-decoration: none;
  }

#text1 a:hover {
  font: 1em Verdana, Arial, Helvetica, Sans-serif; 
  color: #ffffff; 
  text-decoration: underline;
  }

#text1 h3 {
  font: 1.3em Verdana, Arial, Helvetica, Sans-serif; 
  color: #000; 
  margin-top: 0px; 
  margin-bottom: 5px;
  }/* ----- END TEXT ----- */


/* ===== FOOTER ===== */
#footer {
  background: url('images/bg/bg_foot.png') top center no-repeat; 
  width: 700px; 
  height: 35px; 
  margin: 0 auto; 
  text-align: center;
  }/* ----- END FOOTER ----- */


/* Kurzy a Rekvalifikace */
#courses {background:url('images/bg/bg_tab.png') top center no-repeat; height:150px; width:610px; float:right; margin-top:0px; margin-bottom:20px;margin-right:45px;}
#courses p {font:11px/18px Verdana, Arial, Helvetica, Sans-serif; color:#494949; text-align:justify; margin-top:-10px; padding:0 20px 0 0;}
#courses p a {color:#f24654; text-decoration:none;}
#courses p a:hover {color:#000000; text-decoration:underline;}
#courses .image {padding-right:15px; border:0;}


/* Kosmetika */
#cosmetics {background:url('images/bg/bg_tab.png') top center no-repeat; height:150px; width:610px; float:right; margin-top:-5px; margin-right:45px;}
#cosmetics p {font:11px/15px Verdana, Arial, Helvetica, Sans-serif; color:#494949; text-align:justify; margin-top:-10px; padding:0 20px 0 0;}
#cosmetics .image {padding-right:15px; border:0;}


/* Manikúra a Pedikúra */
#manicure {background:url('images/bg/bg_tab.png') top center no-repeat; height:150px; width:610px; float:right; margin-top:-5px; margin-right:45px;}
#manicure p {font:11px/15px Verdana, Arial, Helvetica, Sans-serif; color:#494949; text-align:justify; margin-top:-10px; padding:0 20px 0 0;}
#manicure .image {padding-right:15px; border:0;}


/* Masáže */
#massage {background:url('images/bg/bg_tab.png') top center no-repeat; height:150px; width:610px; float:right; margin-top:-5px; margin-right:45px;}
#massage p {font:11px/15px Verdana, Arial, Helvetica, Sans-serif; color:#494949; text-align:justify; margin-top:-10px; padding:0 20px 0 0;}
#massage .image {padding-right:15px; border:0;}


/* Kadeřnictví */
#hair {background:url('images/bg/bg_tab.png') top center no-repeat; height:150px; width:610px; float:right; margin-top:-5px; margin-right:45px;}
#hair p {font:11px/15px Verdana, Arial, Helvetica, Sans-serif; color:#494949; text-align:justify; margin-top:-10px; padding:0 20px 0 0;}
#hair .image {padding-right:15px; border:0;}


/* Solárium */
#solarium {background:url('images/bg/bg_tab.png') top center no-repeat; height:150px; width:610px; float:right; margin-top:-5px; margin-right:45px;}
#solarium p {font:11px/18px Verdana, Arial, Helvetica, Sans-serif; color:#494949; text-align:justify; margin-top:-10px; padding:0 20px 0 0;}
#solarium p a {color:#f24654; text-decoration:none;}
#solarium p a:hover {color:#000000; text-decoration:underline;}
#solarium .image {padding-right:15px; border:0;}


/* Galvanická žehlička na vrásky */
#zehlicka {background:url('images/bg/bg_tab.png') top center no-repeat; height:150px; width:610px; float:left; margin-top:-5px; margin-left:45px;}
#zehlicka h3 {text-align:center;}
#zehlicka p {font:11px/15px Verdana, Arial, Helvetica, Sans-serif; color:#494949; text-align:justify; margin-top:-10px; padding:0 0 0 20px;}
#zehlicka .image {padding-left:15px; border:0;}


/* Prodlužování vlasů */
#hair2 {background:url('images/bg/bg_tab.png') top center no-repeat; height:150px; width:610px; float:left; margin-top:-5px; margin-left:45px;}
#hair2 h3 {text-align:center;}
#hair2 p {font:11px/15px Verdana, Arial, Helvetica, Sans-serif; color:#494949; text-align:justify; margin-top:-10px; padding:0 0 0 20px;}
#hair2 .image {padding-left:15px; border:0;}


/* Prodlužování řas */
#eye {background:url('images/bg/bg_tab.png') top center no-repeat; height:150px; width:610px; float:left; margin-top:-5px; margin-left:45px;}
#eye h3 {text-align:center;}
#eye p {font:11px/15px Verdana, Arial, Helvetica, Sans-serif; color:#494949; text-align:justify; margin-top:-10px; padding:0 0 0 20px;}
#eye .image {padding-left:15px; border:0;}


/* Proměny */
#change {background:url('images/bg/bg_tab.png') top center no-repeat; height:150px; width:610px; float:left; margin-top:-5px; margin-left:45px;}
#change h3 {text-align:center;}
#change p {font:11px/15px Verdana, Arial, Helvetica, Sans-serif; color:#494949; text-align:justify; margin-top:-10px; padding:0 0 0 20px;}
#change .image {padding-left:15px; border:0;}


/* Zábal */
#zabal {background:url('images/bg/bg_tab.png') top center no-repeat; height:150px; width:610px; float:left; margin-top:25px; margin-left:45px;}
#zabal h3 {text-align:center;}
#zabal p {font:11px/15px Verdana, Arial, Helvetica, Sans-serif; color:#494949; text-align:justify; margin-top:-10px; padding:0 0 0 20px;}
#zabal .image {padding-left:15px; border:0;}


/* Aktuality */
#actual {background:url('images/bg/bg_actual.png') top center no-repeat; height:140px; width:610px; float:right; margin-top:20px; margin-right:45px;}
#actual p {font:11px/14px Verdana, Arial, Helvetica, Sans-serif; color:#494949; text-align:justify; margin-top:-10px; padding:0 20px 0 20px;}
#actual h3 {color:#f24654; text-align:center;}


/* Odkazy */
#link{background:url('images/bg/bg_link.png') top center no-repeat; height:100px; width:610px; float:right; margin-top:20px; margin-right:45px;}
#link p {font:9px/12px Verdana, Arial, Helvetica, Sans-serif; color:#494949; text-align:justify; margin-top:-5px; padding:0 20px 0 20px;}
#link p a {color:#494949; text-decoration:none;}
#link p a:hover {color:#000; text-decoration:underline;}
#link p img {border:0; margin-top:0;}
#link h3 {color:#259e29; margin-top:7px; margin-bottom:3px; text-align:center;}


/* Globals */
#tab {background:url('images/bg/bg_tab.png') top center no-repeat; height:150px; width:610px; float:right; margin-top:-20px; margin-right:45px;}
#tab p {font:11px/15px Verdana, Arial, Helvetica, Sans-serif; color:#494949; text-align:justify; margin-top:-10px; padding:0 20px 0 0;}
#tab .image {padding-right:15px; border:0;}

#tab_courses {background:url('images/bg/bg_tab.png') top center no-repeat; height:150px; width:610px; float:right; margin-top:-20px; margin-right:45px;}
#tab_courses p {font:11px/18px Verdana, Arial, Helvetica, Sans-serif; color:#494949; text-align:justify; margin-top:-10px; padding:0 20px 0 0;}
#tab_courses p a {color:#f24654; text-decoration:none;}
#tab_courses p a:hover {color:#000000; text-decoration:underline;}
#tab_courses .image {padding-right:15px; border:0;}

#tab_solarium {background:url('images/bg/bg_tab.png') top center no-repeat; height:150px; width:610px; float:right; margin-top:-20px; margin-right:45px;}
#tab_solarium p {font:11px/18px Verdana, Arial, Helvetica, Sans-serif; color:#494949; text-align:justify; margin-top:-10px; padding:0 20px 0 0;}
#tab_solarium p a {color:#f24654; text-decoration:none;}
#tab_solarium p a:hover {color:#000000; text-decoration:underline;}
#tab_solarium .image {padding-right:15px; border:0;}


/* Mail Form */
#mailform {width:350px; margin-top:20px;}
#mailform_ok {width:350px; height:466px; margin-top:20px; text-align:center; font:1.5em Verdana, Arial, Helvetica, Sans-serif; color:#fff;}
#mailform textarea {width:230px; height:130px; font:0.9em Verdana, Arial, Helvetica, Sans-serif; color:#000; text-decoration:none;}

fieldset {background:url('images/bg/bg_form.png') top center no-repeat; margin:10px 0; padding:10px; border:0; font:1.1em Verdana, Arial, Helvetica, Sans-serif; color:#494949;}
span.red {padding-left:5px; font-size:1.1em; color:#f00;}
input, textarea, select {background:#fff; border:1px solid #fff; font-size:1em; color:#000;text-decoration:none;}
input.sub {background:#dedede; border:1px solid #494949; margin:10px 0 20px 8px; font:1.1em Verdana, Arial, Helvetica, Sans-serif; color:#494949;}


/* ABZ rychle pocitadlo */
#pocitadlo {width:88px; height:60px; margin:0 auto;}