/* @override http://www.clinic21.cz/test/style/default.css */

body {
	background: #ffce05	url("../images/background-yellow.jpg") repeat-x;

	font: 12px/14px Arial,sans-serif;
	margin:0;
	padding:0;
}
a span {
	display:none;
}
a, a:link {
	color:#d54103;
}
a:hover {
	color:#000;

}
div#all {
	margin:0 auto;
	width:1000px;

	background-image:url("../images/background-content.jpg");
	background-repeat:repeat-y;
}
div#header a {
	display:block;
	height:273px;

	background-image:url("../images/header.jpg");
	background-repeat:no-repeat;
}
div#menu {
	height:245px;
	background-image:url("../images/background-topmenu.jpg");
	background-repeat:no-repeat;
	padding:0 8px 0 14px
}

div#menu ul {
	margin:0;
	padding:0;
}

li {
	behavior: url(style/hover.htc);
}

li.menuItem {
	float:left;
	display:block;
	height:254px;
	padding:6px 0 0 5px;
	background-position: 5px 0px;
	background-repeat:no-repeat;
}

li.menuItem:hover, li.menuItem.active, li.menuItemHover {
	background-position: 5px -300px;
}
li.menuItem strong a {
	display:block;


	color:#000;
	font-weight:normal;
	font-size:23px;
	text-decoration:none;
	letter-spacing:.8px;
	padding:15px 3px 0 0;
	line-height:53px;
	text-align:center;
}
li.menuItem ul {
	height:187px;
}
li.menuItem ul li {
	display:block;
	margin:0;
	line-height:15px;
}
li.menuItem ul li a:link, .menuItem ul li a:visited {
	padding:0 0 0 5px;
	display:block;
	color:#000;
	text-decoration:none;
}
li.menuItem ul li a:hover, .menuItem ul li a:active, .menuItem ul li a.active {
	background-color:#ffce05;
	background-repeat:no-repeat;
}

li#menu-poradna {
	width:128px;
	background-image:url("../images/background-poradna.jpg");
}
li#menu-masaze {
	width:94px;
	background-image:url("../images/background-masaze.jpg");
}
li#menu-vizazista {
	width:128px;
	background-image:url("../images/background-vizazista.jpg");
}
li#menu-analyzy {
	width:128px;
	background-image:url("../images/background-analyzy.jpg");
}
li#menu-manikura {
	width:107px;
	background-image:url("../images/background-manikura.jpg");
}
li#menu-pedikura {
	width:107px;
	background-image:url("../images/background-pedikura.jpg");
}
li#menu-relaxace {
	width:108px;
	background-image:url("../images/background-relaxace.jpg");
}
li#menu-kurzy {
	width:128px;
	background-image:url("../images/background-kurzy.jpg");
}
li#menu-seminare {
	width:195px;
	background-image:url("../images/background-seminare.jpg");
}
}
div#topmenu a {
	display:block;
	width:inherit;
	height:67px;
	background:transparent url("../images/background-1topmenu.png");
}

div#content {
	clear:left;
	padding-left:20px;
	font: 13px/18px Arial,sans-serif;
}
div#footer {
	clear:left;
	height:102px;
	background-image:url("../images/background-footer.gif");
	background-repeat:no-repeat;
}
div#footer div {
	position:relative;
	font: 14px/16px Arial,sans-serif;
}
div#footer-kontakty {
	top:49px;
	left:24px;
	width:155px;
}
div#footer-kontakty a {
	font: 23px/23px Arial,sans-serif;
	letter-spacing:1px;
	color:#fff;
	text-decoration:none;
}
div#footer-provoznidoba {
	top:15px;
	left:252px;
	width:100px;
}
div#footer-telefon {
	top:-33px;
	left:380px;
	width:120px;
}
div#footer-adresa {
	top:-33px;
	left:380px;
	width:360px;
}
div#footer-adresa a {
	font: 14px/14px Arial,sans-serif;
	text-decoration:underline;
	color:#000;
}
div#footer-eshop {
	top:-82px;
	left:845px;
	width:110px;
}
div#footer-eshop a {
	font: 35px/35px Arial,sans-serif;
	letter-spacing:0px;
	color:#fff;
	text-decoration:none;
}
div#footer-reference {
	position:relative;
	top:20px;
	left:24px;
	width:935px;
	font: bold 16px/18px Arial,sans-serif;
	color:#d54103;
	background-color:#fff;
	text-align:center;
}
div#footer-reference b{
	font: bold 16px Arial,sans-serif;
	color:#d54103;
}
div#footerend {
	clear:left;
	height:70px;
	background:url("../images/background-footer-end.gif") bottom left no-repeat;
}
div#content {
	text-align:justify;
}
div#content h1 {
	font: normal 28px/28px Arial,sans-serif;
	margin-bottom:.3em;
	margin-top:1em;
}

div#content h2 {
	font: normal 20px/26px Arial,sans-serif;
	margin-bottom:0;
	margin-top:1em;
}

div#content h3 {
	font: normal 18px/24px Arial,sans-serif;
	color: #d6ae08;
	line-height: 38px;
}
h3 span {
	font: normal 12px Arial,sans-serif;
	color: #000000;
	font-weight:bold;
}

div#content ul {
}
div#content ul li {
  padding-left:6pt;
	padding-bottom:7pt;
}
div#content #wide {
	width: 942px;
}
div#content #wide ul {
	font: normal 12px/14px Verdana, Arial,sans-serif;
}
div#content #wide ul li {
	font: normal 12px/14px Verdana, Arial,sans-serif;
  padding-left:6pt;
	padding-bottom:7pt;
}
div#content div.top, div#content div.bottom {
	clear:left;
}
div#content div.top div.left img {
	width:446px;
}
div#content div.left {
	float:left;
	width:440px;
}
div#content div.right {
	float:left;
	width:481px;
	margin-left:22px;
}
div#content div.top div.right, div#content div.left  {
	font: 14px/18px Arial,sans-serif;
}

div#content div.center {
	padding-top: 1px;
}

div#content div.bottom div.right div.cena a {
	text-decoration:underline;
}




div#content div.bottom div.right div.cena img {
	border:0 solid #fff;
	vertical-align:middle;
}

div#content div.bottom div.right div.cena {
	width:300px;
	text-align:right;
	font-size:11px;
	margin:-117px 0 55px 182px;
	height:81px;
}

div#content div.bottom div.right div.cena strong {
	font: normal 28px/24px Arial,sans-serif;
	color:#d44f00;
}

div#content p img.right {
	float:right;
}

div#content span.alert {

	color:#d44f00;
	font: 19px/20px Arial,sans-serif;
}
div#content div.bottom p.image {
	text-align:center;
}
div#content div.bottom p.image img{
	margin: 10px 5px;
}

ol li {
width: 98%;
}

.clear {
clear: both;
}

div#content p, div#content table{
	font-size: 14px;
	line-height: 18px;
	font-family: Arial,sans-serif;
}


div#content .box{
	font-size: 14px;
	line-height: 18px;
	font-family: Arial,sans-serif;
	float:left;
	width:430px;
	margin-right: 30px;
}

#text {
width: 910px;
padding: 0px 15px 15px 15px;
}

#popis {
color: #666666;
margin-top: 30px;
}

#popis a, #popis a:hover  {
color: #666666;
}


span.italic {
font-style: italic;
}

.ram {
border: 1px solid black;
padding: 10px;
}

.stred {
text-align: center;
}

table.tab {
	margin: 0px auto;
	border-collapse: collapse;
	border-spacing: 0;
	color: #333333;
	width: 700px;
}
table.tab300 {
	width: 300px;
}

.prvni_radek {
background: #cccccc;
color: black;
font-weight: bold;
}

table.tab tbody tr td {
border: 1px solid black;
padding: 7px;

}
table.tab_cena {
width: 300px;
}

table.tab_formular {
width: 640px;
}
table.tab_formular tbody tr td {
line-height: 30px;
}

table.tab_cenik {
width: 100%;
}

.obarveni {
color: #cc3300;
}

.obarveniModra {
color: rgb(102, 102, 255);
}

.velka_pismena {
text-transform: uppercase;
}

.prave_odsazeni {
text-align: right;
}

.box li ul li span {
padding-left: 30px;

}

.odsazeni {
padding-left: 15px;
}


.odkazy a {
padding: 0px 10px 0px 0px;
}

table.tab_ceny {
width: 428px;
}

.sirka_radku {
width: 350px;
}

#prouzek {
	height: 40px;
	background: #ebebeb;
  width: 950px;
  }

#cenik {
height: 40px;
width: 300px;
float: left;
text-align: center;
}

div#content #cenik h3, div#content #novinky h3{
	margin: 0px;
	color: black;
	line-height: 40px;
}

#novinky {
height: 40px;
background: #cccccc;
margin-left: 300px;
padding-left: 20px;
}


.product {
	width: 435px;
	float: left;
	background: #ebebeb;
	padding: 7px;
	margin: 3px;
}

.product img {
	border: 1px solid black;
	float: left;
	margin: 0px 5px 5px 0px;
}

div#content .product h3 {
	color: black;
  margin: 0px 0px 10px 0px;
}