body{ margin:0 0 0 0; 
      padding:0;
	  background-color:#f4f3f1;
      text-align:center;
	  font-family: arial, sans-serif;
	  width:100%;
	  height:100%;
	  font-size: 12px;}

#main_index{  background-color:#ffffff;
        width: 970px;
		margin-top: 0px;
		margin-bottom: 0px;
        margin-right: auto;
        margin-left: auto;
        text-align: left;
		background: url('../images/titul_velky.jpg') no-repeat #ffffff;
		height: 530px;
		padding: 0px;
		}

#main{  background-color:#ffffff;
        width: 970px;
		margin-top: 0px;
		margin-bottom: 0px;
        margin-right: auto;
        margin-left: auto;
        text-align: left;
		padding: 0px;
		}

#menu{  width: 180px;
		margin: 0px;
		padding: 0px;
		text-align: left;
		float: left;
		background-color:#ffffff;
		}

#obsah{ width:790px;
		margin:0px;
		padding:0px;
		margin-left: 180px;
		text-align: left;
		background-color:#ffffff;
		}

/* okraje */
#hlava_okraje{	padding-top: 15px;
				padding-right: 15px;
				padding-bottom: 0px;
				padding-left: 15px;}

.okraje{padding-top: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		padding-left: 15px;}

#text_pravo .okraje{
		padding-top: 15px;
		padding-right: 8px;
		padding-bottom: 15px;
		padding-left: 8px;}

#pata .okraje{padding-top: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		padding-left: 195px;}
/* -- */

/* hlavička */
#hlava_index{	background-color:#ffffff;
				width: 767px;
				_width: 790px;
				margin: 0px;
				float: right;
				padding: 15px 18px 0px 15px;
				text-align: left;}

#hlava{ background-color:#ffffff;
        width: 790px;
		margin: 0px;
		padding: 0px;
		min-height: 99px;}

#hlava h1, #hlava_index h1{	
			font-size: 12px;
			margin: 0px;
			padding: 0px;}

#hlava .odkazy, #hlava_index .odkazy{	
				float: right;
				font-size: 12px;
				margin: 0px;
				padding: 0px;
				}

#hlava .odkazy li, #hlava_index .odkazy li {	
					margin: 0px;
					padding: 0px;
					display:inline;
					}

#drobecek{ 
		background-color:#f4f3f1;
width: 765px;
    margin: 0px;
    margin-right: 5px;
    padding: 5px;
    padding-left: 15px;
    color: #666666;
    font-weight: bold;
    font-size: 11px;
    margin-top: 3px;
		}

#drobecek a, #drobecek span{ 
		font-weight: normal;
		}

#drobecek span{ 
		color: black;
		}

#obr{   width: 790px;
		margin: 0px;
		padding: 0px 0px 0px 0px;
        text-align: left;}


#contentwrapper{	float: left;
					width: 100%;
					}

#levo {	width:380px;
		margin:0px;
		padding:0px;
		float: left;
		position: absolute;
		height: 27px;
		z-index: 1000;
		}

#pravo {width:380px;
		margin:0px;
		padding:0px;
		margin-left: 380px;
		height: 27px;
		z-index: 1000;
		}

.logo {	margin:0px;
		padding: 22px 0px 0px 15px;
}
/* -- */

/* submenu */

#menu ul{
display: block;
width: 130px;
margin-top: 50px;
}

#menu ul li, #menu ul li ul li{
left: 0px;
display: block;
}

#menu ul li a{
font: normal 12px arial, sans-serif;
width: 130px;
padding: 5px;
margin: 0;
border-top-width: 0;
border-top: 1px solid #dddad6;
color: #830051; 
display: block;
background: white;
text-decoration: none; 
}

#menu ul li:last-child{
border-bottom: 1px solid #dddad6;
}

#menu ul li ul li:last-child{
border-bottom: 0px solid #dddad6;
}

#menu ul li a:hover, #menu ul li a.active{
text-decoration: none; 
border-top: 1px solid #4b306a;
color: #4b306a;
}

#menu ul li ul{
width: 100px;
margin-top: 0px;
margin-left: 20px;
}

#menu ul li ul li a{
width: 100px;
padding: 5px;
margin: 0;
border-top-width: 0px;
border-top: 0px solid #4b306a;
color: #830051; 
display: block;
background: white;
text-decoration: none; 
}

#menu ul li ul li a:hover, #menu ul li ul li a.active{
text-decoration: none; 
border-top: 0px solid #4b306a;
color: #4b306a;
}

/* -- */

/* hlavní textové styly */
#body{  background-color:#ffffff;
        width: 970px;
		margin-top: 0px;
		margin-bottom: 0px;
        margin-right: auto;
        margin-left: auto;
		padding: 0px;
		padding: 0px;
        text-align: right;

		}

#text{	background-color:#ffffff;
        width: 767px;
		_width: 790px;
		margin: 0px;
		margin-left: 168px;
		padding: 15px 18px 15px 18px;
        text-align: left;
		BORDER: #ffffff 1px solid;}

#text .odkazy{	font-size: 12px;
				margin: 0px;
				padding: 0px;
				}
#text .odkazy li {	margin: 0px;
					padding: 0px;
					display: inline;
					}

#text_more{	width: 785px;
			margin: 0px;
			padding: 0px;
			background: url('../images/pozadi_text.jpg') repeat-y #ffffff;
			background-position: 600px 0px;}
/* -- */

/* pruh levo */
#text_levo {	width:600px;
				margin:0px;
				padding:0px;
				float: left;
		}
/* -- */
/* pruh vpravo */
#text_pravo {	
				width:175px;
				margin:0px;
				padding:0px;
				margin-left: 605px;
		}

#text_pravo h2 {margin-bottom: 5px;	
				font-size: 12px;
				}

#text_pravo ul {margin-bottom: 15px;
				display: block;
				width: 130px;}

#text_pravo ul li {	display: block;}


#text_pravo ul li a{
width: 130px;
padding: 5px;
padding-left: 10px;
margin: 0;
border-top-width: 0;
border-top: 1px solid #dddad6;
color: #830051;
display: block;
background: url('../images/sipka_oranz.png') no-repeat;
background-position: 0% 10px;
}
/* -- */

/* pata */
#pata{  background-color:#830051;
        width: 970px;
		margin-top: 0px;
		margin-bottom: 0px;
        margin-right: auto;
        margin-left: auto;
		padding: 0px;
		padding: 0px;
		color: #ffffff;
		}

#pata .odkazy, #pata .odkazy a, #pata .odkazy p, #pata .odkazy li{	
				font-size: 12px;
				margin: 0px;
				padding: 0px;
				color: #ffffff;
				}
#pata .odkazy li {	display: inline;}
/* -- */

/* nadpisy, styly */
h2	{	font-size: 20px;
		color: #4b306a;
		margin:0px;
		padding:0px;
	}

h3, h4, h5 {color: #4b306a;}

ul { 
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin: 0px;
padding: 0px;
 }

table.underline { 
background:none;
}

table.underline tr, table.underline td { 
border-bottom: 1px dotted #dddad6;
background:none;
PADDING-BOTTOM: 2px;
PADDING-TOP: 2px;
 }

table.underline td:first-child{ 
padding-left: 10px;
background: url('../images/sipka_oranz.png') no-repeat;
background-position: 0% 6px;
 }

table.underline tr:first-child td { 
background:none;
padding-left: 0px;
 }

table.underline td + td { 
text-align:center;
background:none;
 }

#text_levo ol, #text_levo ul { 
line-height: 1.6em;
 }

p { 
line-height: 1.6em;
 }

table {  
	width: 550px;
	PADDING:0
    MARGIN: 0
    COLOR: #000000;
}

td {  
    BACKGROUND-COLOR: #FFF7DE;
	PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 4px;
}

tr.th td {    
    BACKGROUND-COLOR: #F8E598;
    FONT-WEIGHT: bold
}

.produkty {
padding-left: 10px;
background: url('../images/sipka_oranz.png') no-repeat;
background-position: 0% 5px;
font-weight: bold;
color: #4b306a;
}

#text_levo ul {
margin-top: 15px;
margin-bottom: 15px;}

#text_levo ul li {
padding-left: 10px;
background: url('../images/sipka_oranz.png') no-repeat;
background-position: 0% 6px;
}

#text_levo ul li ul, #text_levo ul li ul li ul {
margin-top: 0px;
margin-bottom: 0px;
}

#text_levo ul li ul li a {
border-top: 0;
background-position: 10px 5px;
}

#text_levo ul li ul li ul li a {
border-top: 0;
background-position: 20px 5px;
}

#text_levo .mapa {
line-height: 2.6em;
}

#text_levo .mapa li {
border-top: 0px;
font-weight: bold;
background: none;
}

#text_levo .mapa li ul {
border-top: 1px solid #dddad6;
line-height: 2.6em;
}

#text_levo .mapa li ul li {
font-weight: normal;
background: url('../images/sipka_oranz.png') no-repeat;
background-position: 0px 11px;
}

#text_levo .mapa li ul li ul {
border-top: 0px;
}
/* -- */


/* barvy */
.mulberry {	color: #830051; }
.purple {	color: #4b306a; }
.gold {		color: #f0ab00; }
.green {	color: #7ab800; }
.blue {		color: #00add0; }
.stone {	color: #c7c2ba; }
/* -- */

/* odkazy */
a {	color: #830051; 
	text-decoration: none; 
}
a:visit {	color: #830051; 
			text-decoration: none; 
}
a:active {	color: #830051; 
			text-decoration: none; 
}
a:hover, a:focus {	text-decoration: underline; 
}

/* -- */

/*první strana, okna*/
.alert {position: absolute; overflow: auto; width:100%; height:100%; text-align: center;}

.alert_outer {
	height: 180px; 
	width: 970px; 
	background-color:#830051;
	margin:0px;
	margin-top:350px;
	padding:0;
	opacity: 0.90;
	filter: alpha(opacity=90%;)
	}

.alert_inner {
	padding:10px;
	padding-top:0px;
	margin-top:0;}

.alert_text { 
	font-size:13px;
	color: white;
}

.butonek {display: block;
    width: 340px;
    margin: 10px;
	PADDING: 5px;
    FONT-WEIGHT: bold;
	FONT-variant: small-caps;
    FONT-SIZE: x-small;
	text-align: center;
    BORDER: #4b306a 1px solid;
    COLOR: #830051;
    BACKGROUND-COLOR: #f0ab00;
    TEXT-DECORATION: none;
	opacity: 1;
	filter: alpha(opacity=100%;)
}

.butonek:visited {
    COLOR: #830051 }

.butonek:active {
    COLOR: #830051 }

.butonek:hover {
    COLOR: #f0ab00;
    BACKGROUND-COLOR: #830051;
    TEXT-DECORATION: none }

.butonek1 {display: block;
    width: 40px;
    margin: 10px;
	PADDING: 5px;
    FONT-WEIGHT: bold;
	FONT-variant: small-caps;
    FONT-SIZE: x-small;
	text-align: center;
    BORDER: #4b306a 1px solid;
    COLOR: #830051;
    BACKGROUND-COLOR: #f0ab00;
    TEXT-DECORATION: none;
	opacity: 1;
	filter: alpha(opacity=100%;)
}

.butonek1:visited {
    COLOR: #830051 }

.butonek1:active {
    COLOR: #830051 }

.butonek1:hover {
    COLOR: #f0ab00;
    BACKGROUND-COLOR: #830051;
    TEXT-DECORATION: none }

/* -- */



/*čáry*/

hr.cistic_left {
   clear: left;
   height: 1px;
   border: none;
   margin: -1em 0 0 0;
   visibility: hidden;
   }

 hr.cistic_right {
   clear: right;
   height: 1px;
   border: none;
   margin: -1em 0 0 0;
   visibility: hidden;
   }

  hr.cistic {
   clear: both;
   height: 1px;
   border: none;
   margin: -1em 0 0 0;
   visibility: hidden;
   }
 
 hr	{	color: #830051;
		background-color:#830051;
		height: 5px;
		margin:0; 
		padding:0;
		margin-top:28px; 
		margin-bottom:28px;
		border-width: 0; 
	}

  /* -- */