/*  Vita-Violin
    vitalya.com (c) 2009   */

* { margin: 0; padding: 0; }
body {
  background: #170115 url('bg.jpg') top left no-repeat;
  font-family: Tahoma, Arial, "Lucida Grande CE", lucida, sans-serif, "Times New Roman";
  font-size: small;
  line-height: 20px;
  color: #fff;
}

/* ------------------------------ GENERAL PAGE ELEMENTS ------------------------*/

#page { width: 900px; margin: 0 auto; font-size: 85%; }

a, a:visited { color: #f21e8c; text-decoration: underline; }
a:hover, a:focus { text-decoration: none; }

a img { border: 5px solid #300e2b; margin-right: 16px; }
a:hover img { border: 5px solid #f21e8c;}

h3, h4 { font-size: 100%; font-weight: bold; }
ul { list-style: none; }

table { 
  border-collapse: collapse; 
  width: 100%; 
  margin-bottom: 20px;
}
tr { border-bottom: 1px solid #3e0236;  }
th, td { margin: 0; padding: 2px; vertical-align: top; text-align: left; }
td { color: #be63ac; border-bottom: 1px solid #3e0236; }
td.td-right { color: #fff; width: 40%; }

.hidden { display: none; }
.center { text-align: center; }
.right { text-align: right; }
.white { color: #fff; }

.cleaner {
  clear: both;
  height: 1px;
  margin: -1px 0 0 0; 
  padding: 0;
  border: none;
  visibility: hidden;
}

.replacement {
  position: relative;
  overflow: hidden;
}
.replacement span {
  display: block;
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1;
}

#bg-layer { background-color: #170115; }

#category-gallery li#gal-active { color: #fff; font-weight: bold; }
#category-gallery li a { display: block; }

/* ------------------------------ PAGE MAIN ---------------------------------*/

#c-left { width: 200px; float: left; padding-top: 53px; }

/* logo */
#logo {
  position: relative;
  width: 200px;
  height: 58px;
/*  height: 108px; */
  overflow: hidden;
  background-color: #411240;
  text-align: center; 
  color: #fff;
}
#logo span {
  display: block;
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1; 
  width: 200px;
  height: 108px;
  cursor: pointer; 
  background: url('logo.jpg') top left no-repeat;
}
#logo h1 { line-height: 40px; font-size: 200%; padding-top: 25px; font-weight: normal; }
#logo h1 a { text-decoration: none; color: #fff; }
#logo p em { font-style: normal; }

/* MZ info box */
#author-box { background: #2c0629; padding: 0px; }
#author-box .left-mz-img { padding: 0; text-align: center; }
#author-box .left-mz-img img { border: 5px solid #520c4a; }

#author-box p { padding: 0 5px; }
#author-box p.link { padding: 15px 5px 9px 5px; }
#author-box p.link a { display: block; }

#author-box h3 { width: 180px; height: 58px; line-height: 58px; font-size: 160%; color: #f21e8c; font-weight: normal; }
#author-box h3 span { width: 180px; height: 56px; background: url('left-mz.jpg') top left no-repeat; }

/* HOT BOX */

#hotbox { background-color: #190217; border: 1px solid #2c0629; padding: 10px; margin-top: 0px; }
#hotbox h3 { width: 86px; height: 50px; line-height: 25px; font-size: 130%; color: #fff; font-weight: normal; }
#hotbox h3 span { width: 86px; height: 25px; background: url('hotbox.jpg') top left no-repeat; }
#hotbox p { padding: 5px 3px 1px 3px; }

/* ------------------------------ Prava cast stranky ---------------------------------*/

#c-right { width: 700px; float: right; margin-top: 54px; padding-bottom: 15px; }


/* Horizontal menu */
#top-menu { width: 700px; padding-right: 20px; position: absolute; top: 24px; }
#top-menu ul { float: right; margin-right: 20px; display: inline; }
#top-menu ul li { list-style: none; float: left; margin-left: 20px; }
#top-menu ul li a, #top-menu ul li a:visited { color: #777777; text-decoration: none; }
#top-menu ul li a:hover, #top-menu ul li a:focus { text-decoration: underline; }

/* hlavni menu */
#main-menu { 
  display: table;  
  overflow: hidden; 
  width: 100%;
  height: 88px; 
  background: #981a89 url('main-menu-bg.jpg') top left no-repeat; 
}

div.nav-middle { display: table-cell; vertical-align: middle; }

#main-menu ul { margin-left: auto; margin-right: auto; width: 625px; }
#main-menu ul li { list-style: none; float: left; }
#main-menu ul li a, #main-menu ul li a:visited { 
	text-align: center; 
	line-height: 38px; 
	display: block;
	text-decoration: none;
	background: transparent;
	color: #fff;
	padding: 0 10px;
	font-size: 110%;
} 
#main-menu ul li a:hover, #main-menu ul li a:active { 
 	color: #fff; 
	background-color: #f21e8c; 
}

#head p, #head-sm p { width: 700px; height: 300px; line-height: 100px; font-size: 300%; background-color: #dfcfc3; color: #000; font-weight: normal; }
#head-sm p { height: 183px; }
#head p strong, #head-sm p strong { padding-left: 39px; font-weight: normal; }
#head p span { width: 700px; height: 300px; background: url('head.jpg') top left no-repeat; }
#head-sm p span { width: 700px; height: 183px; background: url('./layout/head-sm.jpg') top left no-repeat; }

/* ABOUT HEADER */
#head-about p, #head-sm p { width: 700px; height: 300px; line-height: 100px; font-size: 300%; background-color: #dfcfc3; color: #000; font-weight: normal; }
#head-about p strong, #head-sm p strong { padding-left: 39px; font-weight: normal; }
#head-about p span { width: 700px; height: 300px; background: url('head_about.jpg') top left no-repeat; }

/* MUSIC HEADER */
#head-music p, #head-sm p { width: 700px; height: 300px; line-height: 100px; font-size: 300%; background-color: #dfcfc3; color: #000; font-weight: normal; }
#head-music p strong, #head-sm p strong { padding-left: 39px; font-weight: normal; }
#head-music p span { width: 700px; height: 300px; background: url('head_music.jpg') top left no-repeat; }

/* PORTFOLIO HEADER */
#head-portfolio p, #head-sm p { width: 700px; height: 300px; line-height: 100px; font-size: 300%; background-color: #dfcfc3; color: #000; font-weight: normal; }
#head-portfolio p strong, #head-sm p strong { padding-left: 39px; font-weight: normal; }
#head-portfolio p span { width: 700px; height: 300px; background: url('head_music.jpg') top left no-repeat; }

/* GALLERY HEADER */
#head-gallery p, #head-sm p { width: 700px; height: 300px; line-height: 100px; font-size: 300%; background-color: #dfcfc3; color: #000; font-weight: normal; }
#head-gallery p strong, #head-sm p strong { padding-left: 39px; font-weight: normal; }
#head-gallery p span { width: 700px; height: 300px; background: url('head_music.jpg') top left no-repeat; }

/* VIDEO HEADER */
#head-video p, #head-sm p { width: 700px; height: 300px; line-height: 100px; font-size: 300%; background-color: #dfcfc3; color: #000; font-weight: normal; }
#head-video p strong, #head-sm p strong { padding-left: 39px; font-weight: normal; }
#head-video p span { width: 700px; height: 300px; background: url('head_music.jpg') top left no-repeat; }

/* ARCHIVE HEADER */
#head-archive p, #head-sm p { width: 700px; height: 300px; line-height: 100px; font-size: 300%; background-color: #dfcfc3; color: #000; font-weight: normal; }
#head-archive p strong, #head-sm p strong { padding-left: 39px; font-weight: normal; }
#head-archive p span { width: 700px; height: 300px; background: url('head_music.jpg') top left no-repeat; }

/* FEEDBACK HEADER */
#head-feedback p, #head-sm p { width: 700px; height: 300px; line-height: 100px; font-size: 300%; background-color: #dfcfc3; color: #000; font-weight: normal; }
#head-feedback p strong, #head-sm p strong { padding-left: 39px; font-weight: normal; }
#head-feedback p span { width: 700px; height: 300px; background: url('') top left no-repeat; }


/* ----------------- Contents -----------------*/

#cont {
	margin-top: 0px;
	padding-top: 0px;
	width: 100%;
	background: url('cont.jpg') no-repeat right top;
}
#cont p { color: #be63ac; padding-bottom: 8px; }
#cont p strong { color: #fff; }
#cont ul, #cont ol, #cont table { color: #be63ac; }

#cont h2, #cont h3 {
  position: relative;
  overflow: hidden;
  height: 50px;
  line-height: 50px;
}
#cont h2 span, #cont h3 span {
  display: block;
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1;
  height: 50px;
}

#cont h2 { font-size: 165%; font-weight: normal; }
#txt-right h3, #news h3 { font-size: 165%; font-weight: normal; }


#intro { width: 280px; float: left; padding-left: 21px; }
#intro p img { border: 5px solid #300e2b; }

#news { width: 350px; float: right; padding-right: 18px; }
#news ul, .news-list ul { margin-bottom: 10px; }
#news ul li, .news-list ul li, ul.beauty-list li { list-style: none; border-bottom: 1px solid #2e022a; padding: 12px 0; }
ul.beauty-list li a { display: block; }

#bbody { width: 630px; float: left; padding-left: 18px; }
#bbody ul, .bbody-list ul { margin-bottom: 10px; }
#bbody ul li, .bbody-list ul li, ul.beauty-list li { list-style: none; border-bottom: 1px solid #2e022a; padding: 12px 0; }
ul.beauty-list li a { display: block; }

#txt-left.bb p.beauty-border {  border-bottom: 1px solid #2e022a; padding-bottom: 20px; }

#txt-left { width: 450px; float: left; padding-left: 20px; min-height: 250px; }
#txt-left ul.list { margin: 10px 25px 15px 15px; }
#txt-left ul.list li { background: url('bullet.png') top left no-repeat; padding-left: 17px; background-position: 0 6px; }
#txt-right { width: 200px; float: right; border-left: 1px solid #3e0236; padding-left: 16px; }
#txt-right ul { list-style: none; margin-bottom: 10px; }
#txt-left.tym h3 em { font-style: normal; font-weight: normal; }
#txt-left ul.link-list { margin-left: 4px; }
#txt-left ul.link-list li { background: url('bullet.png') top left no-repeat; padding-left: 17px; background-position: 0 6px; }

p.quicktime { background: url('qt.jpg') center left no-repeat; padding-left: 65px; margin: 10px 0; border-bottom: 1px solid #3e0236; padding-bottom: 10px; line-height: 50px; }
p.border-top { margin-top: 5px; border-top: 1px solid #3e0236; padding-top: 10px; }
p.border-bottom { font-size: 115%; margin-bottom: 10px; border-bottom: 1px solid #3e0236; padding-bottom: 10px; }

/* CONTACT FORMAT */
fieldset { border: none; }
fieldset legend { display: none; }
fieldset label { line-height: 28px; }
fieldset textarea { border: 1px solid #3e0236; padding: 4px; width: 400px; height: 150px; background-color: #1d0319; color: #fff;  font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; overflow: auto; }
.inp { border: 1px solid #3e0236; padding: 4px; width: 300px; background-color: #1d0319; color: #fff;  font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; }

p.send-mail { text-align: center; font-weight: bold; color: #f21e8c; }

/* nadpisy H2 vlevo */

h2#t-intro { width: 280px; }
h2#t-intro span { width: 280px; background: url('') top left no-repeat; } 

h2#t-bbody { width: 280px; }
h2#t-bbody span { width: 280px; background: url('') top left no-repeat; } 

h2#t-mz { width: 195px; }
h2#t-mz span { width: 195px; background: url('/layout/3b.jpg') top left no-repeat; }

h2#t-odoba { width: 169px; }
h2#t-odoba span { width: 169px; background: url('./titles/h2/odoba.jpg') top left no-repeat; }

h2#t-nabidka { width: 156px; }
h2#t-nabidka span { width: 156px; background: url('nabidka.jpg') top left no-repeat; }

h2#t-interier { width: 97px; }
h2#t-interier span { width: 97px; background: url('interier.jpg') top left no-repeat; }

h2#t-gallery { width: 97px; }
h2#t-gallery span { width: 97px; background: url('gallery.jpg') top left no-repeat; }

h2#t-novinky { width: 103px; }
h2#t-novinky span { width: 103px; background: url('') top left no-repeat; }

h2#t-styl { width: 169px; }
h2#t-styl span { width: 169px; background: url('pstyl.jpg') top left no-repeat; }

h2#t-tym { width: 61px; }
h2#t-tym span { width: 61px; background: url('tym.jpg') top left no-repeat; }

h2#t-video { width: 65px; }
h2#t-video span { width: 65px; background: url('video.jpg') top left no-repeat; }

h2#t-cenik { width: 140px; }
h2#t-cenik span { width: 140px; background: url('cenik.jpg') top left no-repeat; }

h2#t-contact { width: 103px; }
h2#t-contact span { width: 103px; background: url('kontakt.jpg') top left no-repeat; }

/* nadpisy H3 vpravo */

h3#tr-news { width: 114px; }
h3#tr-news span { width: 114px; background: url('') top left no-repeat; }

h3#tr-bbody { width: 114px; }
h3#tr-bbody span { width: 114px; background: url('') top left no-repeat; }

h3#tr-contact { width: 165px; }
h3#tr-contact span { width: 165px; background: url('kontakt.jpg') top left no-repeat; }

h3#tr-cat { width: 111px; }
h3#tr-cat span { width: 111px; background: url('kategorie.jpg') top left no-repeat; }


/* ------------------------------ Paticka ---------------------------------*/
#footer {
  clear: both;
  width: 80%;
  border-top: 1px solid #3e0237;
/*  margin-top: 45px; */
  padding-top: 15px;
  padding-left:25px;
  
}

#footer p { color: #6a2d5e; padding: 0 12px; }
#footer p a, #footer p a:visited { color: #6a2d5e; }
p.f-left { float: left; width: 45%; }
p.f-right { float: right; width: 45%; text-align: right; }

/*=================================*/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/


#slider-wrapper {
    background:url(images/top.jpg) no-repeat;
    width:700px;
    height: 300px;
    margin:0 auto;
}

#slider {
	position:relative;
    width: 700px;
    height: 300px;
	background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-42px;
	display: none;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}