body {  position: absolute; margin-top:0px;margin: 0; padding: 0;  text-align: center; font-family:tahoma,verdana, arial; font-size:80%;}
hr.separator { margin: 3px auto; padding-top: 3px; margin-bottom: 5px; height: 1px; background: none; clear: both; border: none; border-bottom: 1px dotted #D3C795;} 
hr.invisible { display:none;margin: 3px auto; padding-top: 3px; margin-bottom: 5px; height: 1px; background: none; clear: both; border: none; border-bottom: 1px dotted #D3C795;} 

FORM { margin-top : 0; margin-bottom : 0; padding-right : 0; padding-left : 0; padding-bottom : 0; margin : 0; padding-top : 0; } 
A {color: #000000;}
A:hover {color: #888888;}

/* LAYOUT RULES */
#mother, #header, .bck { margin: 0 auto 0; padding: 0; text-align: center; }
#mother { background: none; width: 760px; position: relative; text-align: center; }
#main {  min-height: 400px; width:100%; padding-top:0px; background: url('/css/img/digin-bg.png') repeat-x #FFFFFF;  }

/* Header */
#header { text-align: left; background: url("/css/img/digin-head-bg.png") no-repeat 0 0; height: 135px; padding: 0px; position: relative;   }
#header h1 {margin:0px; padding:0px;}
#header h1 SPAN {dISPLAY: none;}

#toplogo {position: absolute;  _position: absolute; top: 17px; width:303px; left: 2px; text-align: left; background: url("/css/img/digin-head-logo.png") no-repeat 0 0; height: 81px;  }
#toplogo h1 {margin:0px; padding:0px;}
#toplogo h1 SPAN {dISPLAY: none;}
#toplogo A {display: block; height:81px;font-size: 90%; WIDTH: 100%; COLOR: #000000; BACKGROUND-COLOR: transparent;}


#upmenu { position: absolute;  _position: absolute; top: 114px; right: 0px;  }



/* Navi */
#navi { margin: 5px; padding: 5px;color: #ffffff; text-align: left; }
#navi a{color: #ffffff; text-decoration: none; }
#navi a.active {color: #f1f1f1; text-decoration: none; font-weight: bold; }

/* Telo */
#telo { margin-top: 55px; width:100%; }



div#right{ width:220px;  margin-bottom:20px; padding-left: 25px; background:transparent; float:right;  text-align:left; background: transparent url("/css/img/digin-left-linka.png") repeat-y;}
div#right a{display:normal;}
div#right h1 {margin:0px;  background: transparent url("/css/img/digin-logo.png") 0px 3px no-repeat; padding-left: 30px; padding-bottom:5px; font-size: 130%;}
div#right .adresa { font-size:90%; font-weight: bold; line-height:150%; padding-top: 5px;}
div#right .adresa2 { font-size:80%; line-height:160%; padding-top: 5px;}
div#right .obr {background: url('/css/img/digin-left-pc.jpg') repeat-x #FFFFFF; width: 208px; height: 284px; margin: 15px 0 15px 0;}
div#right .ads { padding-top: 5px; margin-bottom: 15px;}


div#left{text-align: left; width:500px; float:left; margin-bottom:20px;  }
div#left p{margin-bottom:20px; text-indent: 20px; line-height: 150%;}
div#left h1 { margin:0px; margin-bottom: 20px; background: transparent url("/css/img/digin-nadpis.png") 0px 2px no-repeat; padding-left: 35px; padding-bottom:5px; font-size: 130%;}
div#left .reference {margin:0px; text-indent: 0px; background: red;}
div#left h3 {font-size: 100%; margin: 0px; }
div#left .web-popis { font-family:arial; font-style: italic; text-indent: 0px; font-size: 90%; color: #787878; margin: 5px; line-height: 125%;}
div#left .web-vice {background: transparent url("/css/img/icon-plus.png") 0px 1px no-repeat; padding: 2px 0px 2px 25px; font-size: 92%; color: #787878; margin: 5px; display: block;}
div#left .web-link {background: transparent url("/css/img/icon-sipka.png") 0px 1px no-repeat; padding: 2px 0px 2px 25px; font-size: 92%; font-weight: bold; color: #111111; margin: 5px; display: block;}
div#left .web-link a{color: #111111; }


div.listi { margin: 0px auto; padding-top: 0px; margin-bottom: 25px; height: 25px; background: transparent url("/css/img/digin-listi.png") center 0px no-repeat; clear: both; border: 0px solid #ffffff ;} 
.listi hr {display: none;}

.status { text-align: right; margin-top:20px; font-family: verdana, tahoma; color: #aaaaaa; font-size:90%}



/* Pata */
#footer {  color: #464646; background: url('/css/img/digin-footer-bg.png') repeat-x #FFFFFF; margin: 0px; margin-top: 30px; height:68px; clear: both;}

/* Pata */
#footer-in {  background: url('/css/img/digin-footer-logo.png') no-repeat transparent; height: 68px; width: 760px; margin: 0px auto; margin-bottom:0px; 
	padding-top:25px; text-align: left; }
#footer a {  font-weight: bold;color: #464646;}
#footer a:hover {  color: #333333;}	


/* Pata */
#downmenu {  margin :15px; margin-top:20px; border-top: 2px solid black;  text-align: center;  clear:both; padding: 5px 5px 5px 5px; color: #663300; font-size: 60%; line-height: 100%;}



#iauthor { text-align:right; font-size:9px; margin:5px; margin-right:15px; color:#a1a1a1; }

#banner { margin:5px; text-align:center; font-size: 70%; line-height: 95%; border-bottom: solid 2px black; padding-bottom:5px;}
	
#tonmenu {	
position: aboslute;
right: 0px;
	width:100%;
	line-height:normal;
	font-weight: bold;
        white-space:nowrap;
margin:0px auto; padding:0px;
}
#tonmenu ul {  
	padding:0px 0px 0px 0;
	list-style:none;
}
#tonmenu li {
	display:inline;
	padding:0 ; margin: 0; /*  MSIE */
}
#tonmenu a {
	float: left;
	background: transparent url("/css/img/digin-ldvere.png") no-repeat left -42px;
	padding: 0 0 0 12px;
	text-decoration:none;
	color:#000;
	margin-left: 3px;
       margin-right: 0px;
}
#tonmenu a span {
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	margin-right: 0px;
	display:block;
	background: transparent url("/css/img/digin-rdvere.png") no-repeat right -42px;
	padding:2px 13px 3px 2px;
}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tonmenu a span {float:none;}
	/* End IE5-Mac hack */
#tonmenu .active a span {
	padding-bottom:4px;
}
#tonmenu a:hover { background-position: 0 0px; color:#000; }
#tonmenu a:hover span { background-position: right 0px; } 
#tonmenu .active a { background-position: 0 -86px; }
#tonmenu .active a span { background-position: right -86px; }


/* menu-left */
#menu-left { font-family: tahoma;text-align: left; width: 100%; padding-top: 0px; }
#menu-left UL{ LIST-STYLE-TYPE: none; font-weight:bold; line-height:120%;margin: 0px; padding:0px;padding-left:0px;margin-left:10px; margin-bottom:5px;}
#menu-left LI{ margin:0px; padding:0px; font-size:80%;}
#menu-left UL LI UL{  padding:0px; margin:0px; padding-left:20px; margin-top:0px;line-height:100%; margin-top:0px;}

#menu-left A{ text-decoration: none;}
#menu-left HR { display: none; margin:auto 0px; padding:0px;}
#menu-left .menu-cas { font-size:70%; font-family : tahoma, arial; color : #999999; width:100%; text-align:center; } 

/* menu-right */
#menu-right { font-size:70%; text-align: center; padding-top: 0px; padding-top:15px;}

#menu-right ul {margin-left: 10px; list-style: none; margin-top:15px;}
#menu-right li {margin-left: 10px; padding: 0px; margin-bottom:10px; padding-left: 15px;}
#menu-right .active { color : red; 
background: url("/css/img/ekobi-menu.gif") no-repeat 0 0;  }



#menu-right .cara { width:90%; background-color : #663300; height : 1px; color : #663300; }
#menu-right P { font-size:100%; text-align: center; padding-top: 0px; }
#menu-right .obr { margin-top:5px; margin-bottom:5px; }
#menu-right h3 { text-align:center; font-size:110%; margin-bottom:0px;}
#menu-right .war { color : red; }
#menu-right .red { color : red; }

.red { color : red; }
.red A { color : red; text-decoration : none; } 
.red A:link { color : red;; text-decoration : none;} 
.red A:visited {color : red; text-decoration : none;} 
.red A:active { color : red; text-decoration : none;} 
.red A:hover { color : #990000; text-decoration : none; }


#menu-right h2 { background: url("/img/h2-bg-r.jpg") no-repeat right 0; padding-top:4px; padding-bottom:4px; margin-right:5px; text-align:center; font-size:130%; }#menu-right .war { color : red; }
#menu-right .popis {font-size:70%; }
#menu-right .smileON {margin:1px;}
#menu-right .smileOFF {margin:1px; opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;}

/* content -- background: url("/css/img/okem-clanek.gif") repeat-x 0 0;  border: solid 1px #a39432; */
#content { margin:3px;margin-left:8px;font-family: tahoma; font-size:100%; text-align: left;  padding: 4px; }

#content h1 { margin:0px;  padding:2px 0px 4px 17px; font-size:140%; background: url("/css/img/ekobi-h1.gif") no-repeat 0px;}

#content P { font-size:75%;padding-top:4px; padding-bottom:4px;margin:0px;text-indent: 30px; line-height:135%;}
#content .nahled-text { padding-left:20px; font-family : verdana, tahoma, arial; color : #505050; text-align : justify; } 
#content .nahled-text P { padding:0px; margin:0px;} 
#content .nahled { font-size : 100%; } 
#content H2 { font-size : 120%; font-family : tahoma, arial, sans-serif; color : #4e460b;  margin-top : 3px; margin-bottom : 3px; padding-left:5px;} 
#content H3 { font-size : 110%; font-family : tahoma, arial, sans-serif; color : #4e460b;  margin-top : 3px; margin-bottom : 3px; padding-left:5px;} 
#content .navigace { font-size : 90%; text-align : center; margin-top : 3px; margin-bottom : 3px; } 
#content UL { margin-top : 6px; margin-bottom : 6px; } 
#content hr { margin: 3px auto; padding-top: 3px; margin-bottom: 5px; height: 1px; background: none; clear: both; border: none; border-bottom: 1px dotted #D3C795;} 


#clanek { padding-top:4px; padding-bottom:4px; margin-top:0px;line-height:135%; font-family : Tahoma, sans-serif; color : #281401; text-align : justify; } 
#clanek A { color : #715B5D; text-decoration : none; }
#clanek A:hover { color : #aa00af; text-decoration : none; }
#clanek P { padding-top:4px; padding-bottom:4px; margin:0px; text-indent: 30px; font-size:105%;line-height:135%; }

#clanek .zapsal { font-size : 90%; } 
#clanek .datum { text-align:center; font-weight:bold; font-size : 140%; } 
#clanek img { border: solid 3px; padding: 2px; background: white; font-size: 12px; margin:7px; } 
#clanek UL { margin:8px; padding:0px;}
#clanek LI { line-height:120%;margin:5px; padding:0px;margin-left:15px;padding-left:5px;} 
#clanek .ramecek { background: #eefbd3; border: 1px solid black; padding:5px; margin:5px; } 
#clanek .img_normal { border: none; padding:0px; margin:0px; } 



#id-form { margin: 0px; padding : 0px; } 
#id-form .form-descript { font-weight:bold;font-size : 80%; width:150px;text-align : left; margin-top : 5px; margin-bottom : 3px; } 
#id-form .form-input { font-size : 90%; text-align : left; margin-top : 3px; margin-bottom : 3px; } 
#id-form .form-tip { font-size : 70%; text-align : left;  } 
#id-form H2 {  padding-bottom: 5px; border-bottom: dashed 1px #e3e3e3; margin-top:20px; margin-bottom:5px;} 
#id-form .text{ width:330px;margin-right:5px;} 
#id-form .checkbox{ }
#id-form label { padding:5px;margin-bottom:5px;} 
#id-form .textarea{ padding-bottom:5px;} 
#id-form td { padding-top:5px;} 
#id-form p { text-indent:20px; padding:10px;text-align:justify;} 
#id-form .odkaz { border-bottom:dotted 1px #a3a3a3;} 
#id-form .povinne { font-weight:bold; color:red; font-size:90%} 
#id-form .plus { padding-right: 5px;}  

input.frm-login {font-size:20px;}




FORM { margin-top: 0;margin-bottom: 0;PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;MARGIN: 0px;PADDING-TOP:0px;}

.help { font-size: 10px; color: #505050;}
.error {  font-family: verdana, tahoma;font-size: 12px; color: red;}
.error A{  font-family: verdana, tahoma;font-size: 12px; color: navy;}


#form_nazor { text-align : center; margin-bottom:5px;}
#smilebox { text-align : center; display : none; z-index:50; margin: 5px auto; width: 284px; background:#FFFFFF; border:dashed 1px black; } 

.loc_info2 {color: #FFFFFF}
.loc_info {color: #FFFFFF}
.text_kamera1 {color: #FFFFFF;font-size:120%;font-weight:bold;}


textarea.komentare {
  margin: 5px;
  width: 455px;
  border: 1px solid #d7f990;
  background: url("/img/form-komentar.gif") no-repeat right bottom;
  font: 12px Verdana, Arial;
  }

input.komentare {
  margin: 5px;
  width: 455px;
  height: 21px;
  border: 1px solid #d7f990;
  background: url("/img/form-jmeno.gif") no-repeat right bottom;
  font: 12px Verdana, Arial;
  }

input.tlacitko {
  margin: 5px;
  padding: 3px;
  border: 1px solid #d7f990;
  height: 21px;
  background: #eefbd3;
  font: 12px Verdana, Arial;
  }




.img { border: solid 3px #19336e; background: #cdcdcd; font-family : Tahoma; font-size : 12px; color : black; 
text-align : center; padding: 2px;} 





.foto-clen {
  text-align:center;
}
.foto-clen A:hover {
  border: solid 0px ;
} 

.img_cl {

  border: solid 3px;
  padding: 1px;
  background: white;
  font-size: 12px;
  margin-left:5px;
  margin-right:5px;

} 



.cara {
background-color : #663300; 
height : 1px; 
color : #663300; 
}
 



.admin-volby {
margin-top:5px;
float:right;
background:#ffcd33;
text-align:center;
width:50%;
font-size:90%;
}
.admin-smaz {
background:#ffcd33;
padding:5px;
}

.form-napis {
font-weight:bold;
font-size:13px;
}
.form-tip {
font-size:12px;
font-family: tahoma;

}


.klikni {
cursor : pointer; 
font-family : verdana, tahoma, sans-serif; 
font-size : 12px; 
color : #89b3cb; 
} 
.neviditelne {
display : none;
font-size:80%; 
} 
.viditelne {
display : block; 
text-align : center; 
} 


.stred {
text-align : center; 
}