* { border: 0px; padding: 0; margin: 0; border-collapse: collapse;}

body { background: url('https://www.katkasalon.cz/image/bg.jpg') no-repeat 50% 55px #d6d6d6; font-family: Verdana, Tahoma, Arial, Sans-serif; font-size: 14px; }

.site { width: 1006px; margin: 0 auto; }

#head { height: 217px;}
  #head h1 { width: 178px; height: 217px; }
  #head p { color: #e3001a; font-size: 24px; font-weight: bold; width: 728px; height: 31px; text-align: center; padding: 187px 0 0 0; }
  
#menu { margin-top: 13px; }
  #menu li { font-size: 14px; font-weight: bold; text-align: center; text-transform: uppercase; display: block; float: left; width: 181px; height: 258px; }
  #menu a { color: #fff; text-decoration: none; display: block; height: 258px; }
  #menu a span { background: #000; padding: 13px 0; }
  #menu li.active span, #menu li.defActive span { background: #e3001a; padding: 17px 0; }
  #menu a span { display: block;}
  #menu #uvod { background: url('https://www.katkasalon.cz/image/menu-uvod.jpg') no-repeat top left; }
  #menu #sluzby { background: url('https://www.katkasalon.cz/image/menu-sluzby.jpg') no-repeat top left; }
  #menu #galerie { background: url('https://www.katkasalon.cz/image/menu-galerie.jpg') no-repeat top left; }
  #menu #cenik { background: url('https://www.katkasalon.cz/image/menu-cenik.jpg') no-repeat top left; }
  #menu #kontakt { background: url('https://www.katkasalon.cz/image/menu-kontakt.jpg') no-repeat top left; }
  
#content{ padding: 25px 10px 20px 0; }

#left-content { width: 680px; float: left; }
	#left-content h2 { font-size: 23px; color: #e3001a; margin: 10px 0 15px 0; }
	#left-content h3 { font-size: 18px; color: #e3001a; margin: 20px 0 5px 0; }
	#left-content h4 { font-size: 15px; color: #000; margin: 20px 0 5px 0; }
	#left-content a { color: #e3001a; text-decoration: none;}
	#left-content a:hover { color: #fff; }
  #left-content p { margin: 5px 0 10px 0; }
  #left-content ul, #left-content ol, #left-content dl { margin: 0 0 0 40px; }
  #left-content table.cenik td h3 { color: #000;}
  #left-content table.cenik th { text-align: left;}
  #left-content table.cenik td { padding: 1px 5px;}
  #left-content table.cenik .name { width: 400px;}
  #left-content table.cenik .ceny { width: 150px;}
  #left-content .flL { margin: 0 10px 5px 0;}
  #left-content .flR { margin: 0 0 5px 10px;}

#right-content { width: 188px; float: right; }
	#right-content h3 { font-size: 14px; color: #e3001a; margin: 0 0 10px 0;}
  #right-content p { margin: 5px 0 10px 0;}
  #right-content .flL { margin: 0 10px 5px 0;}
  #right-content .flR { margin: 0 0 5px 10px;}

.black { background: #000; }
	.black h3 { color: #fff;}
.top { font-family: Verdana; font-size: 17px; font-weight: bold; height: 56px;}
  .top ul { list-style-type: none; float: right; margin: 25px 80px 0 0;}
  .top li { list-style-type: none; display: inline; margin-left: 35px;}
  .top a { color: #fff; text-decoration: none;}
  .top a:hover, .top a.active, .top a.defActive { color: #a0a0a0;}

.bottom { font-size: 14px; color: #fff; padding: 5px 0 15px 0;}
  .bottom a { color: #fff; text-decoration: none; }
  .bottom a:hover, .bottom a.active, .bottom a.defActive { color: #a0a0a0;}
  .bottom h3 { font-size: 17px; font-weight: normal; margin: 0 0 10px 0;}
  .bottom-soc, .bottom li, .bottom.ul { list-style-type: none; }
  .bottom-soc li { list-style-type: none; display: inline; margin-left: 15px;}
  .bottom .copy { margin-top: 30px;}

.prev, .next { font-weight: bold; color: #e3001a; float: left; cursor: pointer; }
#intSlidePrev, #intSlideNext { font-size: 28px; margin: 190px 10px 0 10px; }
#wrkSlidePrev, #wrkSlideNext { font-size: 22px; margin: 150px 5px 0 5px; }
#left-content #interier, #right-content #work { float: left;}
#left-content .sliding ul, #right-content .sliding li { list-style-type: none; margin: 0; padding: 0;}
#left-content .sliding { margin: 60px 0 0 0;}
#right-content .sliding { margin: 70px 0 0 0;}

.no-deco { text-decoration: none;}
.red { color: #e3001a;}
.bold { font-weight: bold;}
.no-list-stye, .no-list-style li { list-style-type: none;}
.gray { color: #484848;}
.italic { font-style: italic;}
.txt-l { text-align: left;}
.txt-r { text-align: right;}
.txt-c { text-align: center;}
.txt-j { text-align: justify;}
.flR { float: right;}
.flL { float: left;}
.flN { clear: both;}
.zero { height: 0; overflow: hidden;}
