/* obecné CSS direktivy */
/* -- styly v tomto souboru jsou shodné pro všechna témata webu --*/

ul {  margin: 0;  padding: 0 0 0 20px;}
ul {  list-style-type: square;}
ul ul {  list-style-type: disc;}
ul ul ul {  list-style-type: circle;}
ol {  margin: 0;  padding: 0 0 0 20px;}
ol {  list-style-type: decimal;}
ol ol {  list-style-type: upper-alpha;}
ol ol ol {  list-style-type: lower-alpha;}
li { list-style-position: inside;
	/*display: inline;
	list-style: none;
	margin: 0;
	padding: 0;*/
		}
ul.noStyle li { list-style-type:none;}
ul.inline li { display:inline;}

.left { text-align:left; }
.right { text-align:right; }
.justify { text-align:justify; }
.center { text-align:center; }
.middle { vertical-align:middle; }
.rfloat { float:right; }
.clear {clear:both;}
.red {color: Red;}
.blue {color: #0000ff;}

.shortTextBox{width: 100px;height: 14px;}
.textBox {width: 200px;height: 14px;}
.multiLineTextBox {width: 300px;height: 100px;}
.middleTextBox{width: 300px;height: 14px;}
.middleDdList{width: 300px;}

/* *********************************************************
color scheme by http://colorschemedesigner.com/#0A31Tw0w0w0w0
*********************************************************** */

body { margin: 0;	padding: 0;	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;line-height: 1.5em;	color: #444;background-color: #E6E6E6;}
a {color: #f20bc9;}
a:link {color: #f20bc9;		}
a:visited {	color: #f20bc9;	}
a:hover {color: #f20bc9;	}
h1 {font-size: 200%;color: #f20bc9;	font-weight: normal;margin: 15px 0 10px 0px;}
h2 {font-size: 165%;font-weight: normal;margin: 15px 0 10px 0px;}
h3 {font-size: 130%;font-weight: normal;margin: 12px 0 10px 0px;}
h4 {font-size: 125%;font-weight: normal;margin: 9px 0 10px 0px;}
h5 {font-size: 110%;font-weight: normal;text-decoration:underline;margin: 6px 0 10px 0px;}
h6 {font-size: 100%;font-weight: bold;margin: 5px 0 10px 0px;}
p {}
dl { margin: 0;  padding: 0 0 0 20px;}
dt { font-style: italic; font-weight:bold; color:#f20bc9; margin: 0; padding: 0;margin-top:20px;}
dd {margin: 0; margin-left: 1.9em; padding: 0;} 

fieldset { margin: 0px; padding: 5px; border: 1px solid #999999;}
legend {margin:  0; padding: 5px;color: #444;}

ul.odrazkyOutside {list-style: url("images/point3.gif");}
ul.odrazkyOutside li {list-style-position: outside; }
ul.odrazkyInside{list-style: url("images/icon_odrazka1.png");}
ul.odrazkyInside li {list-style-position: inside; }

.tableForm {}
.tableForm th {color: #555555;background-color: #E6E6E6; text-align: right; vertical-align: top;}
.tableForm td {}
.tableForm .tableButton {text-align: right;}
.thDefWith {width: 170px;}
.tdDefWith {width: 220px;}

table.product th {background: #e6e6e6;}
table.product td.highlited4 { padding-left:10px; background:#f20bc9; color:#fff;}
table.product .w60 {width:60px;}

table.pricelist { border: solid 1px #E6E6E6;border-collapse: separate;width: 440px;background-color: #999999;}
table.pricelist th {border: solid 1px #E6E6E6; color:#fff; padding:2px 5px;width: 300px; text-align:left;
                  font-weight:normal;}
table.pricelist td {border: solid 1px #E6E6E6; color:#fff; padding:2px 5px;width: 100px; text-align:right}
table.pricelist a {color: #fff;}

.highlited1 {margin:0; border: solid 1px #999999; padding: 5px; padding-left: 60px;
	background: url("images/novinka.gif") left center  no-repeat; }
.highlited2 {margin:10px 0 10px 0; padding: 3px; border: solid 1px #999999;background:#E6E6E6; }
.highlited2 p {margin:0; border: solid 1px #ffffff; padding: 5px; padding-left: 20px; }
h3.highlited{background: url("images/odrazka2.gif") left center  no-repeat; margin: 12px 0 10px 0px; padding-left:20px}

.tContact th {color: #555555;background-color: #E6E6E6; text-align: right; vertical-align: top;}

.steps {float: left;margin: 0;	padding: 0;	width: 100px; text-align: left;	}
.instructions {	margin-left: 100px;	width:400px; padding: 1em;	border: 1px solid #D5D5D5;	overflow: hidden;}
.slogan {float: left; margin: 0; margin-top:13px;	padding: 0;	width: 130px; text-align: left;	
            font-style: italic; font-weight:bold; color:#f20bc9;}
.explanation {	margin-left: 130px;	width:380px; padding: 1em;	border: 1px solid #D5D5D5;	overflow: hidden;}
.box500 {width:500px; padding: 1em;	border: 1px solid #D5D5D5;	overflow: hidden;}
.wrapper {	margin:20px 0px;}
.clear {clear: both;}
.imgright {	float:right;padding-left: 20px;	}
.imgleft {	float:left;padding-right: 20px;	}

.textInfo {font-size:80%; margin: 0px; padding:0px; margin-bottom: 1px; font-style:italic;}

/***** Layout Divs *****/
#page {	width: 800px;margin: 0;	padding: 0;	background-color: #fff;	border-left: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;}
#headerFrame {width:800px;height:294px;	background-color:#ffffff; background-position:bottom; background-repeat:no-repeat;
              background-image:  url('face/header_bg.jpg');}
#menuBaseTop { float:right; position: relative; top: 10px; right: 18px; font-weight:bold; text-align:right; width: 320px;}
#menuBaseTop a, #menuBaseTop a:link, #menuBaseTop a:visited, #menuBaseTop a:hover  
{
    color: #000000; font-weight:bold; text-decoration: underline;}

#menuBaseAuraSoma {float:right; position: relative; top: 70px; right: -309px;}
#menuBaseAuraSoma ul {margin:0px; padding:0px;}
#menuBaseAuraSoma li { list-style-position: inside;
	width: 95px; height: 27px; 
	background-image:url('face/menu_buton_bg.png'); background-position:left top; background-repeat:no-repeat;
	list-style: none;	margin: 0;	padding: 0;  text-align:right;  }
#menuBaseAuraSoma a, #menuBaseAuraSoma a:link, #menuBaseAuraSoma a:visited, #menuBaseAuraSoma a:hover  
    {color: #ffffff; font-weight:bold; text-decoration:none;
     margin-right:10px;  position:relative; top: 4px; }

#menuBaseFengShui {float:left; position: relative; top: 140px; left: 14px;}
#menuBaseFengShui ul {margin:0px; padding:0px;}
#menuBaseFengShui li { list-style-position: inside;
	width: 95px; height: 27px; 
	background-image:url('face/menu_buton_bg.png'); background-position:left top; background-repeat:no-repeat;
	list-style: none;	margin: 0;	padding: 0; }
#menuBaseFengShui a, #menuBaseFengShui a:link, #menuBaseFengShui a:visited, #menuBaseFengShui a:hover  
    {color: #ffffff; font-weight:bold; text-decoration: none;margin-left:10px; position:relative; top: 4px;}
    
#contentFrame {width: 800px; padding: 0px;	margin: 0px; }
#footerFrame {padding: 4px 0 0 15px; color: #000000;  padding-top:10px;  }
#footerFrame a, #footerFrame a:link, #footerFrame a:visited, #footerFrame a:hover  
    {color: #000000; text-decoration: underline; }
/*#footerFrame .inside {width:960px; text-align: left; margin:0px auto; padding: 15px 0 0 15px}*/
#footerFrame .float {float:left; width:195px; font-size:11px;}
#footerFrame .float h5 {font-size:13px; font-weight:bold; text-decoration:none; }
#footerFrame ul li {list-style-position: outside; }
#footerFrame ul{list-style: url("images/icon_odrazka1.png");}

#lastUpdate span {font-weight:bold;}
#left {width: 100px;  float:left;padding: 0px;	margin: 0px;text-align:center;}
#content {width: 560px;  float:left;padding: 0px;	margin: 10px;}
#right {width: 100px;  float:left;padding: 0px;	margin: 0px; text-align:center;}
.iconList li {list-style: none; margin: 15px;}
.iconList ul {margin: 0; padding:0;}
#quickNavigation{ z-index:10; position:absolute; top:0; left:0;}

/* for infoContent */
.border {background-color:#f20bc9; height: 26px; width: 174px; color:#fff; font-size:120%;}
.border p { display: block; position:relative; top:5px; left:10px; font-weight:bold; margin:0px; padding:0px;}

#statistics {text-align: center;}

/* Photogalery */
.photogalery  {	margin: 0;	padding: 0;		}
.slides li {display:block;  float:left; margin: 5px ;  padding: 0px;  list-style-type: none;  }
.slides_end {clear: both;}


/***** Glass Bar *****/
.borderFrame { border: 2px solid #000;  clear: both; padding: 0 4px 0 4px; font-size: 0;  height: 27px; 
               background-color: #000; }
html>body .borderFrame {border: 2px solid #000; clear: both; margin: 0; padding: 0;}
.borderFrame-gb-t {border-top: 1px solid #464646;border-left: 1px solid #464646; border-right: 1px solid #464646;
	    height: 13px; background-color: #303030; font-size: 0; }
.borderFrame-gb-b { border-left: 1px solid #363636;border-right: 1px solid #363636;border-bottom: 1px solid #363636;
	    height: 12px; background-color: #000; font-size: 0;}
.break {margin: 15px 5px 25px 5px;border-bottom: dashed 1px #ccc;clear: both;}
.line {margin: 8px 5px 25px 5px;border-bottom: solid 1px #ccc;}
.smaller {font-size: 70%;}
#pageOut1, #pageOut2, #pageOut3 {margin: 0 auto;padding: 0;	} 
#pageOut1 {width: 800px;/*border-left: 2px solid #e1e1e1;border-right: 2px solid #e1e1e1;
	border-bottom: 2px solid #e1e1e1;*/}
#pageOut2 {width: 800px;/*border-left: 2px solid #dadada;	border-right: 2px solid #dadada;
	border-bottom: 2px solid #d4d4d4;*/}
#pageOut3 {width: 800px;/*border-left: 2px solid #d8d8d8;	border-right: 2px solid #d8d8d8;
	border-bottom: 2px solid #cecece;*/}
	
.auraSomaProducts td { text-align: center; vertical-align: bottom; width: 200px;}

/** ADMINISTRATION **/
.administrationBody{background: white;}
#administration {width: 90%;margin: 0 auto; }
.adminTitle {color:Red; font-size:200%;}
#adminLeft {width:13%; float:left;}
#adminRight {float:right; width:85%;}