@charset "utf-8";
/* CSS Document */
html, body {
	height:100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	background-color:#000;
	background-image: url(/images/top_bg.jpg);
	background-repeat:repeat-x;
	color:#7f7f7f;
	text-align:center;
	margin:0;
	padding:0;
}
ul {
	list-style-image:url(/images/point03.png);
}
ul li {
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
}
h1.title {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	text-transform:uppercase;
	margin-top:15px;
	display:none;
}
#container {
	width:970px;
	margin: 0 auto;
	text-align:left;
}
#flash {
	width:970px;
	height:400px;
}
#content {
	margin-top:10px;
}
#categories {
	width:200px;
	float:left;
	margin-right:20px;
}
#page {
	position:relative;
	width:520px;
	padding: 14px 10px 0;
	float:left;
}
#news {
	margin-top:14px;
	width:190px;
	float:right;
}
#copy {
	font-size:11px;
	color:#666;
	clear:both;
	height:10px;
	margin-top:50px;
	margin-bottom:20px;
	padding:20px 0;
	text-align:right;
	padding:10px 5px 0;
	border-top:solid 10px #252525;
	/* background-color:#313131;*/
}
#copy a {
	text-decoration:none;
	color:#666;
	font-weight:bold;
}
#footer {
	clear:both;
}

#categories ul {
	list-style:none;
	margin:15px 0 0 5px;
	padding:0;
}
#categories ul li {
	display:inline;
}
#categories ul a {
	display:block;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	padding-left:25px;
	background-image:url(/images/point01.png);
	background-repeat:no-repeat;
	background-position:0 4px;
	color:#FFF;
}
#categories ul a:hover {
	color:#FF0;
	background-position:5px 4px;
}
#categories ul a.act,
#categories ul a.cur
{
	color:#FF0;
}
#categories ul ul {
	margin:15px 0 25px 10px; 	
}
#categories ul ul li {
}
#categories ul ul li a {
	text-transform:none;
	font-weight:normal;
	background-image:url(/images/point02.png);
	background-repeat:no-repeat;
	background-position:0 4px;
	color:#dadada;
	margin:7px 0;
	padding:0 0 0 18px;
}
#categories ul ul ul {
	margin:10px 0 20px 20px; 	
}
#categories ul ul ul li a {
	margin:3px 0;
	color:#b1b1b1;
}

#page ul.1clm {
	list-style:none;
	margin:15px 0 0 5px;
	padding:0;
}
#page ul.1clm li {
	display:block;
}
#page ul.1clm a {
	text-decoration:none;
	font-size:12px;
	padding-left:15px;
	background-image:url(/images/point02.png);
	background-repeat:no-repeat;
	background-position:0 4px;
	color:#FFF;
}
#page ul.1clm a:hover {
	color:#FF0;
	background-position:5px 4px;
}


#page ul.clm2 {
	list-style:none;
	margin:15px 0 0 15px;
	padding:0;
}
#page ul.clm2 li {
	display:inline;
}
#page ul.clm2 li a {
	display:block;
	float:left;
	width:220px;
	text-decoration:none;
	font-size:12px;
	padding-left:15px;
	background-image:url(/images/point02.png);
	background-repeat:no-repeat;
	background-position:0 4px;
	color:#FFF;
}
#page ul.clm2 li a:hover {
	color:#FF0;
	background-position:5px 4px;
}
#page ul.clm2 li a.sel {
	color:#FF0;
	font-weight:bold;
}




#news div.rec {
	clear:both;	
	font-size:11px;
	border-bottom: dashed 1px #333;
	padding-bottom:10px;
	margin-bottom:10px;
}
#news div.rec h2 {
	font-size:12px;
	color:#FFF;
	margin:0 0 8px;
	padding:0;
	background:none;
	text-align:left;
}
#news div.rec small {
	font-size:9px;
	color:#a62b5f;
}
#news div.rec ul {
	margin:0;
	padding:0;
}
#news div.rec ul li {
	display:block;
	background-image:url(/images/point03.png);
	background-repeat:no-repeat;
	background-position:0 4px;
	padding:0 0 10px 13px;
}
#news div.rec ul li a:hover {
	color:#FF0;
}

/* SKOLENI */
table.skoleni {
	width:100%;	
	padding:0;
	margin:0;
	border: solid 5px #323232;
	font-size:11px;
}
table.skoleni thead {
	background-color:#323232;
}
table.skoleni thead td {
	color:#a62b5f;
	font-weight:bold;
	padding:5px 5px;
}
table.skoleni tbody {
	background-color:#1d1d1d;
}
table.skoleni tbody td {
	border-bottom: solid 1px #323232;
	padding:2px 5px;
}

/* SKOLENI A PRILEZITOSTI */
div.rec ul.prilezitost li a,
div.rec ul.skoleni li a
{
	text-decoration:none;
	color:#7f7f7f;
	margin:0;
	padding:0;
}
div.skoleni_detail label {
	display:block;
	width:110px;
	float:left;
}
div.skoleni_detail strong {
	display:block;
	float:left;
}
div.skoleni_detail br {
	clear:both;
}


/* LOGIN */

div.login {
	padding-top:20px;
	width:300px;
	margin:0 auto;
}
div.login label {
	width:100px;
	display:block;
	float:left;
	text-align:right;
	margin:5px 5px 0 0;
}
div.login input {
	width:100px;
	float:left;
	font-size:11px;
	margin:3px 0 0 0;
	border:solid 1px #999;
	padding:2px 5px;
}
div.login input.login {
	width:110px;
	float:left;
	border:solid 1px #999;
	background-color:#912653;
	color:#FFF;
	font-weight:bold;
	margin-top:10px;
	padding:5px 0;
}
/* LOGIN */


/* ARTICLES */

#page div.novinky {
	border-top: dashed 1px #333;
	padding: 5px 0;
}
#page div.novinky div.novinka {
	border-bottom: dashed 1px #333;
	padding: 10px 0;
}
#page div.novinky div.novinka small.datum {
	font-size:9px;
	color:#912653;
}
#page div.novinky div.novinka h1.titulek {
	margin:0;
	padding:0;
	color:#FF0;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}
#page div.novinky div.novinka span.text {
	/* padding-left:10px; */
	display:block;
}
#page div.novinky div.novinka a.vice {
	
}
.clanek_detail h3.titulek {
	margin:0;
	padding:0;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
}
.clanek_detail small.datum {
	font-size:10px;
	color:#912653;
}
.clanek_detail img {
	font-size:10px;
	color:#912653;
}

/* ARTICLES */





/* GALLERY */
div.gallery {
}
div.gallery div {
	float:left;
	margin:5px 10px 5px 0;
	text-align:center;
}
div.gallery div a {
	display:block;
	border: solid 7px #323232;
}
div.gallery div a:hover {
	display:block;
	border: solid 7px #FF0;
}
div.gallery div a img {
	border:none;
}
div.gallery div a:hover img {

}
div.gallery div a:hover {

}
/* GALLERY */

/* NAPISTE NAM */
div.cenik_form {
	padding-top:20px;
	width:450px;
	margin:0 auto;
}
div.cenik_form label {
	width:100px;
	display:block;
	float:left;
	text-align:right;
	margin:18px 10px 0 0;
	color:#BB2866;
}
div.cenik_form input {
	width:250px;
	float:left;
	font-size:11px;
	margin:12px 5px 0 0;
	border:solid 1px #999;
	padding:2px 2px;
	line-height:20px;
}
div.cenik_form span.req {
	margin:15px 0 0 0;
	display:block;
	float:left;
	font-size:16px;
	color:#FF0;
}
div.cenik_form input.submit {
	width:110px;
	float:left;
	border:solid 1px #999;
	background-color:#912653;
	color:#FFF;
	font-weight:bold;
	margin-top:10px;
	padding:5px 0;
}
div.cenik_form br {
	clear:both;
}


/* NAPISTE NAM */
div.napiste_nam {
	padding-top:20px;
	width:450px;
	margin:0 auto;
}
div.napiste_nam label {
	width:100px;
	display:block;
	float:left;
	text-align:right;
	margin:5px 5px 0 0;
}
div.napiste_nam input {
	width:306px;
	float:left;
	font-size:11px;
	margin:3px 0 0 0;
	border:solid 1px #999;
	padding:2px 2px;
}
div.napiste_nam textarea {
	font-family:Arial, Helvetica, sans-serif;
	width:306px;
	float:left;
	font-size:11px;
	margin:3px 0 0 0;
	border:solid 1px #999;
	padding:2px 2px;
}
div.napiste_nam input.submit {
	width:110px;
	float:left;
	border:solid 1px #999;
	background-color:#912653;
	color:#FFF;
	font-weight:bold;
	margin-top:10px;
	padding:5px 0;
}
div.napiste_nam br {
	clear:both;
}
/* NAPISTE NAM */


/* ERROR MSG */
div.errorMsg {
	border:solid 1px #999;
	background-color:#912653;
	color:#FFF;
	padding:10px;
	font-weight:bold;
	text-align:center;
}
/* */


/* PRODUKTY */

.produkty_seznam {
	margin-top:20px;
	border-top:dashed 1px #333;
}

.produkt {
	border-bottom: dashed 1px #333;
	padding:15px 0;
}
.produkt h3 {
	color:#FF0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-bottom:5px;
}
.produkt div.AKCE-CENA {
	color:#912653;
	font-weight:bold;
}
.produkt div.AKCE-CENA strong {
	color:#FFF;
	font-weight:bold;
}


/*
JSON FORM
*/




div.my_salon_form {
	margin:0;
	padding:0;
}
div.my_salon_form fieldset {
	border:none;
	border-top:dashed 1px #333;
	margin-top:25px;
	padding:0;
}
div.my_salon_form legend {
	color:#FF0;
	font-weight:bold;
	padding: 0 10px;
	background-color:#000;
}
div.my_salon_form div.clear {
	clear:both;
	line-height:0px;
	padding:0;
	margin:0;
	height:0;
}

div.my_salon_form form {
}

div.my_salon_form label {
	margin-top:15px;
	display:block;
	float:left;
	width:342px;
	text-align:right;
	margin-right:10px;
	color:#bb2866;
}
div.my_salon_form label.ch {
	width:auto;
	color:#FFF;
	margin-right:5px;
}
div.my_salon_form input, textarea {
	margin-top:12px;
	float:left;
	width:160px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border: solid 1px #999;
}
div.my_salon_form br {
	clear:both;
}
div.my_salon_form input.ch {
	margin-right:3px;
	width:auto;
	border:none;
	color:#FFF;
}
div.my_salon_form select {
	margin-top:12px;
	float:left;
	width:163px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border: solid 1px #999;
}
div.my_salon_form .result {
	clear:both;
	padding:20px;
	background-color:#FFFF00;
	text-align:center;
	font-weight:bold;
	visibility:hidden;
	margin-top:10px;
	width:230px;
	float:right;
}
div.my_salon_form .form_block h5 {
	display:block;
	margin:0;
	padding:10px 0 5px;
	font-size:11px;
	color:#000;
	border-bottom:dashed 1px #333;
	margin:0 0 10px;
	letter-spacing:2px;
} 
div.my_salon_form .form_block h5.left {
	display:block;
	float:left;
	width:50%;
} 
div.my_salon_form div.form_block {
	clear:both;	
	padding:0;
	margin:0;
}
div.my_salon_form .form_set {
	padding:0;
	margin:0;	
}
div.my_salon_form .form_set label {
	width:80px;
}
div.my_salon_form .form_set input, 
div.my_salon_form .form_set textarea
{
	width:420px;
}
div.my_salon_form .form_set select
{
	width:413px;
}
div.my_salon_form .form_set.left {
	float:left;
	width:50%;
}
div.my_salon_form .form_set.right {
	float:left;
	width:50%;
}

div.my_salon_form .form_set.right label, 
div.my_salon_form .form_set.left label,
{
	width:80px;
}
div.my_salon_form .form_set.right input, 
div.my_salon_form .form_set.right textarea,
div.my_salon_form .form_set.left input,
div.my_salon_form .form_set.left textarea
{
	width:160px;
}
div.my_salon_form .form_set.right select,
div.my_salon_form .form_set.left select
{
	width:150px;
}
div.my_salon_form .form_set input.ch,
div.my_salon_form .form_set.left input.ch,
div.my_salon_form .form_set.right input.ch {
	width:auto;
	margin:0 0 0 5px;
}


div.my_salon_form div.form_block .form_save {
	margin-top:10px;
	padding-top:10px;
	border-top:1px dashed #333;
	text-align:center;
}
div.my_salon_form div.form_block .form_save input {
	float:none;
	width:auto;
	border:solid 1px #999;
	background-color:#912653;
	color:#FFF;
	font-weight:bold;
	margin-top:10px;
	padding:5px 10px;
}
div.my_salon_form div.form_block .form_save #result {
	margin-top:15px;
	display:none;
	padding:10px;
	background-color:#FFFF00;
	font-weight:bold;
}