/* CSS Document */

.cistic
{
  clear:both;
  display:block;
  width:auto;
  height:0px;
  margin: 0;
	padding: 0;
	border: none;
}

.skryty_text {
  font-size: 0px !important;
  padding: 0;
  margin: 0;
  border: none;
  line-height: 0;
  letter-spacing: -99999px !important; 
  text-decoration: none !important;
  overflow: hidden !important; 
  text-indent: -9999px !important;  
  visibility: hidden;
  display: none;
  height: 0;
}

.c {
  text-align: center;
}

.obtekat_vlevo {
  display: block;
  float: right;
}

.obtekat_vpravo {
  display: block;
  float: left;
}


body {
  margin: 0;
  padding: 0;
  background: #f07053 url(../images/body_bg.jpg) center top no-repeat; 
  /*background: url(../images/renata_cerna3.jpg) center top no-repeat; */
  text-align: center;
  font-family: Tahoma;
}

/* dokument */

#dokument {
  display: block;
  float: none;
  width: 978px;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  text-align: center;
}

/* hlavicka */

#hlavicka {
  display: block;
  float: none;
  width: 978px;
  height: 340px;
}
#hlavicka h1.logo {
  display: block;
  float: left;
}
#hlavicka h1.logo a {
  display: block;
  float: none;
  width: 340px;
  height: 130px;

}

#hlavicka ul.menu {
  display: block;
  float: left;
  list-style: none;
  margin: 45px 0 0 10px;
  =margin: 88px 0 0 10px;
}
#hlavicka ul.menu li {
  display: inline;
  margin-right: 5px;
}
#hlavicka ul.menu li a{
  font-size: 14px;
  color: #fff;
  /*font-style: italic;*/ 
  text-decoration: none;
  letter-spacing: 0.001em;
}
#hlavicka ul.menu li a:hover{
  color: #eefcb4;
}
#hlavicka ul.menu li.selected a{
  color: #f48d32;
}

/* telo */
#telo {
  display: block;
  float: none;
  width: 978px;
  height: auto;
  clear: both;
}

/* obsah */
#obsah {
  display: block;
  float: right;
  width: 686px;
  height: auto;
  text-align: left;
}

#obsah img.obtekat_vlevo {
  margin: 20px 10px 10px 20px;
  =margin: 25px 10px 10px 20px;
}

#obsah p, #sloupec p {
  font-size: 12px;
  letter-spacing: 0.1em;
  =letter-spacing: 0.05em;
  line-height: 25px;
  padding: 0 20px 0 40px;
}
#obsah p a, #sloupec p a{
  color:#fcdaad;
}
#obsah p a:hover, #sloupec p a:hover{
  text-decoration: none;
}

#obsah p strong, #sloupec p strong {
  color: #fff;
}

#obsah ul.seznam {
  font-size: 12px;
  list-style: circle;
  padding-left: 60px;
  letter-spacing: 0.1em;
  =letter-spacing: 0.05em;  
}
#obsah ul.seznam li {
  line-height: 25px;

}

/* tabulky */


#obsah .tabulka {
  width: auto;
  height: auto;
  display: block;
  float: none;
  background-color: #000;
    border: 1px solid #fff;
  padding: 20px;
  text-align: left;
  margin: 16px 20px 30px 40px;
}

#obsah table {
  border-collapse: collapse;
  font-size: 13px;
  background-color: #000;
  margin: 0;  
  width: 580px;
}
#obsah table td{
  background: url(../images/dots.gif) left bottom repeat-x;
    padding: 0 5px 0 5px;
  color: #fff;
  line-height: 25px;
}
#obsah table tr.posledni td{
  background: none;
}
#obsah table tr.nadpis td{
  font-size: 14px;
  line-height: 30px;
  color: #fff;
  text-align:center;
  background: none;
  padding-top: 10px;
  letter-spacing: 0.1em;
}

#obsah table th{
  color: #dc0c02;
  font-size: 17px;
  font-weight: normal;
  line-height: 25px;
  text-align: center;
}

#obsah table td span {
  color: #dc0c02;
}

#obsah img.pic {
  display: block;
  float: none;
  margin: 30px 0 0 40px;
}


#obsah table.nostyle
{
  border: none;
  background: none;
  width: auto;
  margin-left: 40px;
}
#obsah table.nostyle td
{
  background: none;
  padding: 0 10px 20px 0;
  text-align: center;
}


#obsah table.kontakt
{
  border: none;
  background: none;
  width: auto;
  margin-left: 40px;
  margin-bottom: 20px;
}
#obsah table.kontakt td
{
  background: #eb3f2b url(../images/sluchatko.jpg) 8px center no-repeat;
  margin: 0 10px 20px 0;
  text-align: center;
  border: 1px solid #bc2c27;
  padding: 10px 10px 10px 40px ;
  font-size: 1.1em;
  
  
}

/* cinnosti */

div.cinnosti {
  display: block;
  float: none;
  width: auto;
  height: auto;
  margin: 100px 0 0 15px;
}

div.cinnosti .sluzba {
  display: block;
  float: left;
  width: 150px;
  height: 220px;
  text-align: center;
  margin: 0px 10px 20px 0;
}

div.cinnosti a {
  display: block;
  float: none;
  border: none;
  margin: 0;
  padding: 0;
  width: 150px;
  height: 220px;  
}

div.cinnosti a.foto-klasicka {
  background: url(../images/galerie_klasika_bg.png) left top no-repeat;
  _background: url(../images/galerie_klasika_bg.gif) left top no-repeat;
}
div.cinnosti a.foto-klasicka:hover {
  background: url(../images/galerie_klasika_bg.png) left bottom no-repeat;
  _background: url(../images/galerie_klasika_bg.gif) left bottom no-repeat;
}

div.cinnosti a.foto-svatba {
  background: url(../images/galerie_svatba_bg.png) left top no-repeat;
  _background: url(../images/galerie_svatba_bg.gif) left top no-repeat;
}
div.cinnosti a.foto-svatba:hover {
  background: url(../images/galerie_svatba_bg.png) left bottom no-repeat;
  _background: url(../images/galerie_svatba_bg.gif) left bottom no-repeat;
}

div.cinnosti a.foto-francie {
  background: url(../images/galerie_francie_bg.png) left top no-repeat;
  _background: url(../images/galerie_francie_bg.gif) left top no-repeat;
}
div.cinnosti a.foto-francie:hover {
  background: url(../images/galerie_francie_bg.png) left bottom no-repeat;
  _background: url(../images/galerie_francie_bg.gif) left bottom no-repeat;
}

div.cinnosti a.foto-barevna {
  background: url(../images/galerie_barevna_bg.png) left top no-repeat;
  _background: url(../images/galerie_barevna_bg.gif) left top no-repeat;
}
div.cinnosti a.foto-barevna:hover {
  background: url(../images/galerie_barevna_bg.png) left bottom no-repeat;
  _background: url(../images/galerie_barevna_bg.gif) left bottom no-repeat;
}


div.cinnosti a.foto-rucni {
  background: url(../images/galerie_rucni_bg.png) left top no-repeat;
  _background: url(../images/galerie_rucni_bg.gif) left top no-repeat;
}
div.cinnosti a.foto-rucni:hover {
  background: url(../images/galerie_rucni_bg.png) left bottom no-repeat;
  _background: url(../images/galerie_rucni_bg.gif) left bottom no-repeat;
}

div.cinnosti a.foto-3d {
  background: url(../images/galerie_3d_bg.png) left top no-repeat;
  _background: url(../images/galerie_3d_bg.gif) left top no-repeat;
}
div.cinnosti a.foto-3d:hover {
  background: url(../images/galerie_3d_bg.png) left bottom no-repeat;
  _background: url(../images/galerie_3d_bg.gif) left bottom no-repeat;
}

div.cinnosti a.foto-ostatni {
  background: url(../images/galerie_ostatni_bg.png) left top no-repeat;
  _background: url(../images/galerie_ostatni_bg.gif) left top no-repeat;
}
div.cinnosti a.foto-ostatni:hover {
  background: url(../images/galerie_ostatni_bg.png) left bottom no-repeat;
  _background: url(../images/galerie_ostatni_bg.gif) left bottom no-repeat;
}


div.cinnosti a.foto-extra {
  background: url(../images/galerie_extra_bg.png) left top no-repeat;
  _background: url(../images/galerie_extra_bg.gif) left top no-repeat;
}
div.cinnosti a.foto-extra:hover {
  background: url(../images/galerie_extra_bg.png) left bottom no-repeat;
  _background: url(../images/galerie_extra_bg.gif) left bottom no-repeat;
}


/* mapa */

a.mapa {
  display: block;
  float: right;
  text-align: center;
  margin: 10px 10px 0 0;
  color: #000;
  font-size: 14px;
  line-height: 25px; 
}
a.mapa img {
  border: 1px solid #fff;
}

/* fotogalerie */

div.fotogalerie {
  display: block;
  float: none;
  width: auto;
  margin: 25px 0 0 40px;
}

div.fotogalerie a{
  display: block;
  float: left;
  width: 133px;
  height: 100px;
  margin: 0 10px 20px 0;
  text-align: center;
}
div.fotogalerie a.obtekat_vpravo{
  margin-right: 10px;
  width: auto;
}

div.fotogalerie a img{
  display: block;
  float: none;
  margin: 0 auto 0 auto;
  border: 1px solid #fff;
}

/* dolni menu */
ul.dolni_menu {
  list-style: none;
  margin: 40px 0 0 20px;
  =margin-left: 60px;
}
ul.dolni_menu li{
  display: inline;
}
ul.dolni_menu a.vice {
  margin-right: 40px;
  =margin-right: 30px;
}


/* sloupec */

#sloupec {
  display: block;
  float: left;
  width: 265px;
  text-align: left;
}

#sloupec ul.submenu {
  list-style: none;
  margin: 15px 0 0 0;
  padding: 0 0 0 22px;
}

#sloupec ul.submenu li {
  display: block;
  float: none;
  width: 200px;
  _width: 220px;
  min-height: 26px;
  _height: 26px;
  padding-left: 20px;
  background: url(../images/dots.gif) left bottom repeat-x; 
}
#sloupec ul.submenu li a {
  font-size: 14px;
  color: #fff;
  font-style: italic; 
  text-decoration: none;
  letter-spacing: 1px;
  line-height: 25px;
  /*padding-left: 20px;*/
  padding-right: 10px;
}
#sloupec ul.submenu li a:hover {
  color: #000;
}
#sloupec ul.submenu li.posledni {
  background: none;
}
#sloupec ul.submenu li.selected {
  background: url(../images/submenu_bg.gif) left top no-repeat;
}
#sloupec ul.submenu li.selected a {
  color: #f48d32;
}
#sloupec ul.submenu li.selected a:hover {
  color: #f48d32;
}

/* skoleni */
#sloupec .skoleni {
  display: block;
  width: 265px;
  _margin-top: 40px;
  text-align: center;
}

#sloupec .skoleni h1 {
  display: block;
  float: none;
  width: 265px;
  _width: 245px;
  height: 250px;
   background: url(../images/skoleni.png) 30px 40px no-repeat;
  _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/skoleni.png'); 
  margin-right: 20px;
}
#sloupec .skoleni p{
  font-size: 0.8em;
  letter-spacing: 0.1em;
  padding: 0 10px 0 50px;
  _padding: 0 10px 0 0;
  text-align: center;
}
#sloupec .skoleni a.vice {
  float: right;
  _margin-right: 20px;
}


/* paticka */

#paticka {
  display: block;
  width: auto;
  min-width: 978px;
  background: url(../images/paticka_bg.png) left top repeat-x;
  margin: 40px 0 0 0;
  height: 65px;
}
#paticka p{
  color: #424242;
  font-size: 12px;
  letter-spacing: 0.1px;
  margin: 0; padding: 11px 0 0 0;
}
#paticka p a{
  color: #6d6d6d;
}
#paticka p a:hover{
  color: #fff;
}

/* nadpisy */

div.mezera {
  display: block;
  float: none;
  height: 75px;
  clear: both;
  
}

h1.sluzby, h1.nehty,h1.onas,h1.skoleni,h1.fotogalerie,h1.cenik,h1.kontakt,h1.akryl,h1.doplneni,h1.nailart,h1.pedikura,h1.masaze,h1.kosmetika,h1.prodluzovani,h1.certifikaty,h1.akrylova_modelaz,h1.novinky,h1.video,h1.forum {
  height: 75px;
  margin:0;
  padding:0;
}
h1.sluzby {
  background: url(../images/h1_sluzby.gif) 65px 10px no-repeat;
}
h1.nehty {
  /*background: url(../images/h1_nehty.png) 45px 15px no-repeat;*/
  background: url(../images/h1_nehty.gif) 40px 12px no-repeat;
}
h1.onas {
  background: url(../images/h1_onas.gif) 40px 12px no-repeat;
}
h1.skoleni {
  background: url(../images/h1_skoleni.gif) 40px 0px no-repeat;
}
h1.fotogalerie {
  background: url(../images/h1_fotogalerie.gif) 40px 10px no-repeat;
}
#sloupec h1.fotogalerie {
  background: url(../images/h1_fotogalerie.gif) 50px 10px no-repeat;
  =background: url(../images/h1_fotogalerie.gif) 25px 10px no-repeat;
}
h1.cenik {
  background: url(../images/h1_cenik.gif) 40px 12px no-repeat;
}
#sloupec h1.cenik {
  background: url(../images/h1_cenik.gif) 65px 10px no-repeat;
  =background: url(../images/h1_cenik.gif) 75px 10px no-repeat;
}
h1.kontakt {
  background: url(../images/h1_kontakt.gif) 40px 12px no-repeat;
}
h1.akryl {
  background: url(../images/h1_akryl.gif) 40px 5px no-repeat;
}
h1.doplneni {
  background: url(../images/h1_doplneni.gif) 40px 5px no-repeat;
}
h1.nailart {
  background: url(../images/h1_nailart.gif) 40px 5px no-repeat;
}
h1.pedikura {
  background: url(../images/h1_pedikura.gif) 40px 5px no-repeat;
}
h1.masaze {
  background: url(../images/h1_masaze.gif) 40px 5px no-repeat;
}
h1.kosmetika {
  background: url(../images/h1_kosmetika.gif) 40px 5px no-repeat;
}
h1.prodluzovani {
  background: url(../images/h1_prodluzovani.gif) 40px 12px no-repeat;
}
h1.certifikaty {
  background: url(../images/h1_certifikaty.gif) 40px 5px no-repeat;
}

h1.akrylova_modelaz {
  background: url(../images/h1_akrylova_modelaz.gif) 40px 5px no-repeat;
}

h1.novinky {
  background: url(../images/h1_novinky.gif) 40px 5px no-repeat;
  margin-bottom: 10px;
}

h1.video {
  background: url(../images/h1_video.gif) 40px 5px no-repeat;
  margin-bottom: 10px;
}

h1.forum {
  background: url(../images/h1_forum.gif) 40px 5px no-repeat;
  margin-bottom: 10px;
}



#obsah h2 {
  width: auto;
  height: 32px;
  overflow: hidden;
  background: url(../images/h2_bg.png) left bottom no-repeat;
  /* ie6 hack */
  _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/h2_bg.png');  
  font-size: 15px;
  color: #ffd9a6;
  margin: 0 0 0 22px;
  padding: 0 0 0 15px;
  line-height: 29px;
} 

/* ostatni */

a.vice, a.vice_nofloat {
  display: block;
  float: left;
  width: 114px;
  height: 29px;
  color: #eae8e7;
  background: url(../images/vice_bg.gif) 0 0 no-repeat;
  text-align: center;
  text-decoration: none;
  line-height: 29px; 
  font-size: 14px;
}
a.vice:hover, a.vice_nofloat:hover {
  background: url(../images/vice_bg_hover.gif) 0 0 no-repeat;
}

a.vice_nofloat {
  float: none;
}

.hr { 
  display: block;
  float: none;
  background: url(../images/hr.png) left top repeat-x;
  height: 2px;
  width: auto;
  margin: 0 10px 0 30px;
}


/* ------------------------------------------- novinka v levem sloupci --------------------------------------------- */

div.novinka {
  width: auto;
  height: auto;
  margin: 30px 0 20px 0;
  background: url(../images/novinka_top_bg.png) left top no-repeat;
  /* ie6 hack */
  _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/novinka_top_bg.png');   
}

div.novinka div.obsah { 
  width: auto;
  height: auto;
  color: #fff;
  background: url(../images/novinka_bottom_bg.png) left bottom no-repeat;
  /* ie6 hack */
  _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/novinka_bottom_bg.png');  
  padding-bottom: 15px;  
}

div.novinka h2 {
  font-size: 15px;
  margin: 0;
  padding: 15px 0 15px 20px;
  color: #ffd9a6;
}

div.novinka h3 {
  font-size: 14px;
  margin: 0;
  padding: 6px 0 6px 20px;
  color: #000;
  line-height: 14px;
}

#sloupec div.novinka p {
  line-height: 18px;
  font-size: 13px;
  padding: 6px 20px 6px 20px;
  margin: 0;
  color: #fdd0ca;  
}

div.novinka ul {
  font-size: 13px;
  padding: 6px 20px 12px 20px;
  margin: 0 0 0 20px;
  color: #fdd0ca;
  line-height: 22px;
}

#sloupec div.novinka strong, #sloupec div.novinka b {
  color: #fff;
}

#sloupec div.novinka a {
  color: #fcdaad;
}

#sloupec div.novinka a:hover {
  text-decoration: none;
}

div.novinka span.delitko {
  display: block;
  float: none;
  height: 2px;
  margin: 0;
  padding: 5px 0 5px 0;
  background: url(../images/novinka_delitko.png) center top no-repeat;  
}