* { margin: 0 auto; padding: 0; }

body { background: #2b1152 url(../img/bg3.jpg) top center no-repeat;
  font: 14px Tahoma, 'Trebuchet MS', 'Lucida Grande', Arial, Sans-Serif, Verdana, Helvetica, "lucida grande", "lucida sans unicode";
  color: #000000;
  text-align: center;
}

img { border: 0px solid #ffffff; }

#wrapper {

}

#header {
  width: 960px;
  height: 613px;
}

#top_menu {
  background: transparent url(../img/bg_menu.png) no-repeat;
  height: 74px;
  width: 960px;
}

#top_menu ul.top_menu  li{
  display: block;
  padding-top: 25px;
  padding-bottom: 14px;
  text-decoration: none;
}

#top_menu ul.top_menu  li {
  float: left;
}

#top_menu ul.top_menu  li.uvod { font-weight: normal; margin-left: 38px; width: 99px; }
#top_menu ul.top_menu  li.o_me { font-weight: normal; width: 99px; }
#top_menu ul.top_menu  li.nabidka_sluzeb { font-weight: normal; width: 183px; }
#top_menu ul.top_menu  li.objednavky { font-weight: normal; width: 144px; }
#top_menu ul.top_menu  li.cenik { font-weight: normal; width: 94px; }
#top_menu ul.top_menu  li.kontakt { font-weight: normal; width: 109px; }
#top_menu ul.top_menu  li.odkazy { font-weight: normal; width: 109px; }
#top_menu ul.top_menu  li.blog { font-weight: normal; width: 99px; }

#top_menu ul.top_menu  li a{
  color: #301558;
	font-size: 21px;
  text-decoration: none;
}

#top_menu ul.top_menu  li:hover{
  text-decoration: underline;
  background: transparent url(https://www.luciemucalova.cz/img/header-top-button.png) bottom no-repeat;
}

#top_menu li.menu_sep {
  width: 10px;
	height: 71px;
  background: transparent url(../img/menu_separator.png) no-repeat;
}

#top_header {
  height: 170px;
  padding: 10px;
  text-align: center;
  width: 940px;
}

#top_header .logo {}

#top_photo {
  background: transparent url(../img/bg_photo.png) no-repeat;
  width: 960px;
  height: 278px;
}

#top_separator {
  background: transparent url(../img/bg_separator.png) no-repeat;
  width: 960px;
  height: 74px;
}

#top_header .hh1 {
  display: none;
  height: 0px;
}

#page {
  width: 960px;
  background: #f6ff94 url(../img/bg_content.png) repeat-y;
}

#content_top {
	background: transparent url(../img/top_img.png) no-repeat;
  width: 960px;
  height: 205px;
}

#content_all {
	background: #f6ff94 url(../img/bg_content.png) repeat-x;
  width: 960px;
	min-height: 450px;
}

#content {
  float: left;
  padding: 5px;
	margin-left: 30px;
  margin-top: 25px;
  padding-right: 20px;
  width: 560px;
  min-height: 100px;
  text-align: justify;
}

#content a {
  color: #301565;
}

#content a:hover {
  color: #563C89;
}

#content h2 {
  font-size: 22px;
  color: #301558;
  margin: 1px;
  margin-bottom: 10px;
	font-weight: normal;
}

#content h3 {
  font-size: 17px;
	font-weight: normal;
	font-style: italic;
  color: #301558;
  margin: 1px;
  margin-bottom: 10px;
}

#content span.cas {
  font-size: 12px;
  color: #7a0101;
  font-weight: bold;
}

#content p {
  font-size: 15px;
  margin: 2px;
  margin-bottom: 10px;
}

#content div.vlevo {
  text-align: left;
  width: 100%;
  font-weight: normal;
  font-size: 14px;
  border-bottom: 1px solid #f0f0f0;
}

#content div.vlevo span.vpravo  {
  float: right;
  font-weight: bold;
  font-size: 14px;
}

#content div.vlevo p {
  font-size: 14px;
  margin: 2px;
  margin-bottom: 10px;
  font-weight: normal;
}

#content li {
  font-size: 15px;
}

#content li.red {
  color: #ff0000;
}

#content ul {
  padding-left: 30px;
}

.tbl_cenik  td { padding: 5px; border-bottom: 1px solid #dddddd; text-align: center; }
.tbl_cenik  th { padding: 5px; font-weight: bold; border-bottom: 1px solid #dddddd; }

#sidebar {
  background: transparent url(https://www.luciemucalova.cz/img/bg_sidebar.gif) repeat-x;
  float: right;
  padding: 10px;
  margin-right: 30px;
  min-height: 400px;
  margin-top: 25px;
  width: 285px;
  text-align: justify;
  font-size: 15px;
  border: 0px solid #ffffff;
}
#sidebar p { }
#sidebar p.centr { text-align: center; }
#sidebar div.dm { text-align: left; width: 100%; font-weight: normal; font-size: 12px; }
#sidebar div.dm div.vlevo { float: left; font-weight: normal; font-size: 12px; padding-left: 5px; width: 220px; border-bottom: 1px solid #f0f0f0; }
#sidebar div.dm div.vpravo  { float: right; font-weight: bold; font-size: 12px; padding-left: 5px; width: 40px; }
#sidebar h2 { font-size: 22px; color: #301558; margin: 1px; margin-bottom: 10px; font-weight: normal; }
#sidebar h3{ color: #301558; font-size: 15px; }
#sidebar a { color: #02507e; font-weight: bold; text-decoration: none; }
#sidebar ul.druhy_masazi { padding-left: 30px; }
#sidebar ul.druhy_masazi li { padding: 3px; }
#sidebar a:hover { color: #ff0000; }

#sidebar_left {
  background: transparent url(https://www.luciemucalova.cz/img/bg_sidebar.gif) repeat-x;
  float: left;
  padding: 10px;
  margin-left: 30px;
  min-height: 400px;
  margin-top: 25px;
  width: 275px;
  text-align: justify;
  font-size: 15px;
  border: 0px solid #ffffff;
}
#sidebar_left p { }
#sidebar_left p.centr { text-align: center; }
#sidebar_left div.dm { text-align: left; width: 100%; font-weight: normal; font-size: 12px; }
#sidebar_left div.dm div.vlevo { float: left; font-weight: normal; font-size: 12px; padding-left: 5px; width: 220px; border-bottom: 1px solid #f0f0f0; }
#sidebar_left div.dm div.vpravo  { float: right; font-weight: bold; font-size: 12px; padding-left: 5px; width: 40px; }
#sidebar_left h2 { font-size: 22px; color: #301558; margin: 1px; margin-bottom: 10px; font-weight: normal; }
#sidebar_left h3{ color: #301558; font-size: 15px; }
#sidebar_left a { color: #02507e; font-weight: bold; text-decoration: none; }
#sidebar_left ul.druhy_masazi { padding-left: 30px; }
#sidebar_left ul.druhy_masazi li { padding: 3px; }
#sidebar_left a:hover { color: #ff0000; }

#footer {
  width: 960px;
  background: transparent url(../img/bg_footer.png) no-repeat;
  min-height: 50px;
	position: relative;
}

#footer .footer_deti {
	background: transparent url(../img/footer_deti.png) no-repeat;
	position: absolute; right: 20px; top: -70px; width: 100px; height: 100px;
}

#footer_copyright {
  height: 43px;
  width: 960px;
  padding: 10px;
  padding-top: 10px;
  padding-left: 25px;
  text-align: center;
}

#footer_copyright a {
  color: #ffffff;
  text-decoration: none;
}

#footer_copyright a:hover {
  color: #aaaaaa;
	text-decoration: underline;
}

#footer_copyright span.luke {
	font-size: 11px; color: #aaaaaa;
}

#footer_copyright span.luke a {
	color: #ffffff;
}

#footer_copyright span.luke a:hover {
	color: #ffffff;
}

.footer_col {
  text-align: center;
  font-weight: normal;
  color: #075685;
}

.footer_cp {
  font-weight: normal;
  color: #ffffff;
	font-size: 11px;
}

.footer_cp a:link {
  color: #ffffff;
}
.footer_cp a:hover {
  color: #ffffff;
	text-decoration: underline;
}

.error_msg {
  border-top: 4px solid #ff0000;
  background: #fff1f1 url(https://www.luciemucalova.cz/img/stop.png) 5px 10px no-repeat;
  text-align: justify;
  padding: 10px 10px 10px 30px;
}

.done_msg {
  border-top: 4px solid #007608;
  background: #dfffe1 url(../img/accept.png) 5px 10px no-repeat;
  text-align: justify;
  padding: 10px 10px 10px 30px;
}

div.table_line {
  width: 100%;
  padding: 0px;
  border: 0px;
  border-bottom: 1px solid #F2F2F2;
  margin: 0;
  background-color: #ffffff;
/*   color: grey; */
  text-align: justify;
}

.table_form_400 {
  width: 400px;
  float: left;
  padding: 5px;
  text-align: left;
  }

.table_form_200 {
  width: 200px;
  float: left;
  padding: 5px;
  text-align: left;
}

.table_form_60 {
  width: 60px;
  float: left;
  padding: 5px;
  text-align: left;
  }

.table_line:hover {
  background-color: #F6F6F6;
  color: #000080;
  border-bottom: 1px solid #9E0000;
  }
  
.input_select {
  width: 100%;
}

.input_text {
  width: 100%;
}

.input_textarea {
  width: 100%;
  height: 150px;
  border: 1px solid #000000;
  text-align: justify;
}

.box_float {
  float: left;
  padding: 3px;
  width: 110px;
}

.red {
  color: #ff0000;
}

.fix { clear: both; height: 0px; margin: 0; padding: 0; }

hr { color: #c0c0c0; }

hr.oddelovac { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
  background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
  background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
  background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}

.text_1 { padding: 5px; float: left; font-size: 15px; }
.text_1_req { padding: 5px; float: left; font-size: 15px; font-weight: bold; }

.home_box { float: left; width: 180px; text-align: center; }
.tucne { font-weight: bold; }

.p_center_normal {text-align: center;}
.p_center {text-align: center; font-size: 18px;}


/* THUMBNAILS */
ul.rig {
	list-style: none;
	font-size: 0px;
	margin-left: -2.5%; /* should match li left margin */
}
ul.rig li {
	display: inline-block;
	padding: 10px;
	margin: 0 0 2.5% 2.5%;
	background: #fff;
	border: 1px solid #ddd;
	font-size: 16px;
	font-size: 1rem;
	vertical-align: top;
	box-shadow: 0 0 5px #ddd;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
ul.rig li img {
	max-width: 100%;
	height: auto;
	margin: 0 0 10px;
}
ul.rig li h3 {
	margin: 0 0 5px;
}
ul.rig li p {
	font-size: .9em;
	line-height: 1.5em;
	color: #999;
}
/* class for 2 columns */
ul.rig.columns-2 li {
	width: 47.5%; /* this value + 2.5 should = 50% */
}
/* class for 3 columns */
ul.rig.columns-3 li {
	width: 30.83%; /* this value + 2.5 should = 33% */
}
/* class for 4 columns */
ul.rig.columns-4 li {
	width: 22.5%; /* this value + 2.5 should = 25% */
}
 
@media (max-width: 480px) {
	ul.grid-nav li {
		display: block;
		margin: 0 0 5px;
	}
	ul.grid-nav li a {
		display: block;
	}
	ul.rig {
		margin-left: 0;
	}
	ul.rig li {
		width: 100% !important; /* over-ride all li styles */
		margin: 0 0 20px;
	}
}
/* THUMBNAILS */