/* CSS Document */

body {
	text-align:center;
	background:#e7e7e7 url('img/body_poz.gif') repeat-x top left;
 	font-family: "Arial CE",sans-serif;
	color: #000;
	margin:0;
	padding:0;
	font-size: 0.70em;
	}
/* text
-------------------------------------------------- */

h1, h2, h3, h4, h5 {margin:10px 0px;padding:0px;}
h1{font-size:2em;font-weight: normal;}
h2{font-size:1.8em;font-weight: normal;}
h3 {font-size:1.6em;font-weight: normal;text-decoration: underline;}
h4, h5{font-size:1.2em;}


/* BLOCKS
-------------------------------------------------- */
address {	margin: .66em 0;}
blockquote {margin: .66em 20px;}
hr { clear:both;}
p, .editor { text-align: justify; margin:0;}

/* LISTS
-------------------------------------------------- */
dl, dt, dd { margin:0; text-align:left;}
dl {margin-left:5px;}

/* TABLES
-------------------------------------------------- */
table {	border-collapse: collapse; margin-bottom: 10px;font-size: 8pt; margin: 0 0 20px 0;}
caption {margin: 0; padding: 7px 15px; text-align: left;color: white; font-weight: bold; background-color: #7bc524; font-size: 9pt; border: 1px solid white;}
th {border: 1px solid white; padding: 5px 5px;font-weight: bold;text-align: left;vertical-align: top;background:#7bc524;color:white;}
td {border: 1px solid white;padding: 5px 5px;vertical-align: top;}

table tr{background: #d2e5ad;}
table .strippedRow{background: #e7e7e7;}

/* FORMS
-------------------------------------------------- */
fieldset {clear: both; border:none;}
legend {}
input, textarea, select {font-size: 10pt;}
#contact div table tr{background:none;}
#contact div table tr td{border:none;background:none;}

/* INLINES
-------------------------------------------------- */
abbr, acronym {	border-bottom: 1px dotted;	font-variant: small-caps;	cursor: help;}
dfn {position: relative; font-style:normal; cursor: help; top: 2px;}
cite, em, q, var {font-style: italic;}
code, kbd, samp, pre {font-family: "Lucida Consode", "Andale Mono", monospace;}
sub {font-size: smaller;text-decoration: none !important;vertical-align: sub;}
sup {font-size: smaller;text-decoration: none !important;vertical-align: super;}
del {text-decoration: line-through;}
ins {text-decoration: underline;}
strong {font-weight: bold;}

/* ANCHORS
-------------------------------------------------- */
a {text-decoration: none;}
a:visited{}
a:hover {text-decoration: underline; }

/* Img
-------------------------------------------------- */
img	{border:none;}
.ramecek1{position: relative; padding: 12px 11px 30px 11px; background:transparent url('img/ramecek1.png') no-repeat left top; float: right; margin: 5px 10px;}

.ramecek2{position: relative; padding: 12px 11px 13px 11px; background:transparent url('img/ramecek2.png') no-repeat left top; float: left; margin: 5px 20px;z-index:3;}
.ramecek2 img, .ramecek2 a img{width:229px;height:147px;}

/* Bloky
-------------------------------------------------- */
#obal{position:relative;width:1015px;margin:0 auto;}
#nadobal{position:relative;width:1031px;margin:0 auto;}
/* top
-------------------------------------------------- */	
#top{position:relative;height:276px;}

#jazyk{position: absolute; top: 10px; right: 20px;}
#jazyk ul{padding: 0; margin: 0;}
#jazyk ul li{padding: 0 2px; margin: 0; display: inline;}

#menu_top1{position: absolute; right: 10px; top: 30px; _top: 40px;}
#menu_top1 ul{padding: 0;}
#menu_top1 ul li{padding: 0 6px; margin: 0; display: inline; background:transparent url('img/menu_carka.gif') no-repeat left center;}
#menu_top1 ul li a{padding: 3px 4px; color: white;}
#menu_top1 ul li a:hover{border-bottom: 2px solid white; text-decoration: none; }

.prvni{background: none !important;}
#prvni{background: none !important;}

#logo{position: absolute; top: 27px; left: 0px; width: 369px; height: 86px;background:transparent url('img/logo.jpg') no-repeat left top; }

#menu_top2{position: absolute; left: 0px; top: 138px; width: 1015px; height: 138px; background:transparent url('img/menu_top_poz.jpg') no-repeat left top; text-align: left;}
#menu_top2 ul{padding: 0; margin: 0;}
#menu_top2 ul li{position: relative;  padding: 0; margin: 0; display: block; float: left;}
#menu_top2 ul li a{
  position: relative;
  display: block;
  color: black; 
  font-size: 100%; 
  font-weight: bold; 
  margin-top: 5px;
  margin-left: 8px;
  width: 193px;
  height: 120px;
  _height: 130px;
  padding: 0px 0 10px 0px;}

#menu_top2 ul li a:hover{text-decoration: none; color: white;}

#menu_top2 ul li img{width: 158px; margin-top: 2px; }


/* maj
-------------------------------------------------- */	
#maj{float:left;position:relative;text-align:left;width:100%;background:url('img/maj-bcg.gif') repeat-y left top;}

/* leva
-------------------------------------------------- */	
#leva{float:left;width:776px;position:relative; background: white; font-size: 9pt;}	

/*
#leva h2{font-size: 19pt; font-family: "Arial CE",sans-serif; margin-bottom: 15px;}
#leva h3{font-size: 17pt; font-family: "Arial CE",sans-serif; font-weight: normal; margin-bottom: 10px; text-decoration: underline;}
#leva h2 a{color: black; text-decoration: none;}
#leva h2 a:hover{color: black; text-decoration: none;}
#leva h3 a{color: black; text-decoration: underline;}
*/
#leva a{color: black; text-decoration: underline;}
#leva a:hover{text-decoration: underline;}

#leva p{position: relative; line-height: 1.8; margin: 0 0 10px 0; padding: 0 20px 0 0;}

#leva ul{font-weight: bold; margin: 0 0 10px 80px; padding: 0;}
#leva ul li{line-height: 1.8; list-style-type: none; background:transparent url('img/ul_odrazka.gif') no-repeat left 9px; padding-left: 12px;}

#drobek{position: relative; background: white; width: 776px; height: 37px;}
#drobek ul{padding: 0; margin: 0 40px; font-weight: normal; font-size: 8pt; padding: 8px 0 10px 0;}
#drobek ul li{margin: 0; display: inline; color: #4d7a5b; background: none; padding-left: 0px;}
#drobek ul li a{color: #4d7a5b; background:transparent url('img/drobek.gif') no-repeat right 4px; padding-right: 10px; }

.bila {position: relative; padding: 25px 10px 25px 35px; float: left;width:731px;}
* html .bila{width:100%;}
.seda{position: relative; padding: 25px 10px 25px 35px; background: #f6f6f6; float: left;}


/*.odkaz{position: relative; display: block; float: left; padding: 10px 15px; margin: 10px 15px; background:transparent url('img/sipka_green.gif') no-repeat left 14px;}*/
.odkaz{position: relative;padding: 0px 0px 0px 15px; margin: 0px 0px 0px 15px; background:transparent url('img/sipka_green.gif') no-repeat left 4px;}

.odkaz2{position: relative; display: block; float: left; padding-left: 15px; margin: 7px 5px; background:transparent url('img/sipka_green.gif') no-repeat left 8px; line-height: 1.8;}

.odkaz3{
  position: relative; 
   
  float: left;  
  height: 40px; 
  text-decoration: none !important; 
  color: white; 
  font-weight: bold; 
  font-size: 8pt;
  margin: 5px 10px;
  }


.odkaz3 .odkazl {
  background:transparent url('img/buttonl.png') no-repeat scroll left top;
  cursor:pointer;
  display:block;
  float:left;
  height:40px;
  width:6px;}

.odkaz3 .odkazr {
  background:transparent url('img/buttonr.png') no-repeat scroll left top;
  cursor:pointer;
  display:block;
  float:left;
  height:40px;
  width:6px;}

.vnitrek{ 
  cursor:pointer;
  display:block;
  float:left;
  padding:0 12px;
  height:40px;
  line-height:40px;
  background:transparent url('img/button.gif') repeat-x left top;
}

.odkaz3 label{padding-left: 15px; background:transparent url('img/button_sipka.gif') no-repeat left 3px;}






.levys{position: relative; float: left; width: 353px;}
.pravys{position: relative; float: right; width: 378px; _width: 358px; }

/* prava
-------------------------------------------------- */	
#prava{width:239px;	float:right;overflow:hidden;position:relative; }

#prava h2{display: block; height: 48px; line-height: 48px; background: #474747; color: white; font-size: 9pt; padding-left: 30px;}

#menu{position: relative; margin-bottom: 20px;}
#menu h2{display: block; background: url('img/menu_h2.jpg') no-repeat left top; color: white; font-size: 9pt; height: 49px; line-height: 49px; padding-left: 30px; }

#menu ul{
	position:relative;
	margin: 8px 0 0 0;
	padding:0;
	}
	
#menu ul li{
	position:relative;
	list-style:none;
	_height:1px;
	padding:0;
	margin-top: -2px;
	}
	
#menu ul li a{
	position:relative;
	color:#4d4d4f;
	display:block;
	font-weight: bold;
	_height:1px;
	padding:12px 0px 24px 37px;
	background: #e7e7e7 url('img/menu_polozka.jpg') no-repeat left top;
	}
	
#menu ul li a:hover{text-decoration:underline;	}
	
#menu ul li ul	{margin:0; }

#menu ul li ul li {padding:0; margin-top: 0px !important;}	

#menu ul li ul li a	{width:186px; display: block; padding:10px 0 14px 45px; background:#e7e7e7  url('img/menu-polozka21.gif') no-repeat left top; font-weight: bold;}
* html #menu ul li ul li a{width:231px;}	

#menu ul li ul li ul li {}
#menu ul li ul li ul li a {padding-left:55px;  font-weight: normal; background:#e7e7e7  url('img/menu_polozka3.jpg') no-repeat left top;}
#menu ul li ul li ul li a:hover {text-decoration: underline;}

.aktiv1{text-decoration: underline; background: url('img/menu_polozka1hover.jpg') no-repeat left top !important;}
/*.aktiv2{background:#D2D2D2 url('img/menu_polozka2hover.jpg') no-repeat left top !important;}*/
.aktiv2{background:#D2D2D2 url('img/arrow.gif') no-repeat 26px 15px !important;}
.aktiv3{background: url('img/menu_polozka3hover.jpg') no-repeat left top !important;}

#stin{position: absolute; z-index: 1000; width: 12px; top: 49px; height: 510px; background: url('img/stin.png') no-repeat left top;}
* html #stin{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/css/img/stin.png', sizingMethod='scale'); background:none;}

#aktuality{position: relative; width: 230px;}

#aktuality .box{padding: 20px 10px 20px 20px; background: url('img/carka.gif') no-repeat left top; margin-top: 0px;}
#aktuality .box h3{ font-size: 9pt; }
#aktuality .box h3 a{color: black; text-decoration: underline; background: url('img/h3_poz.gif') no-repeat left top; padding-left: 25px;}

#aktuality .box span{display: block; line-height: 1.8; padding-top: 10px;}

#archiv{display: block; padding:12px 0px 24px 37px; color: black; background: url('img/menu_polozka.jpg') no-repeat left top;}

/* pata
-------------------------------------------------- */	
#pata{position: relative; clear:both; background: url('img/patka.gif') no-repeat left top; height: 130px; margin-bottom: 20px;}

#copy{position: absolute; top: 108px; font-size: 8pt; left: 25px;}
#design{position: absolute; top: 108px; font-size: 8pt; right: 260px; color: black;}
#pata a{color: black; text-decoration: none;}
#pata a:hover{text-decoration: none;}

/*ostatni ----------------------------------------------------------------*/

.clear {clear:both;}
.nonobr{background:none !important;}