/*------------------------------------------------------------------- GENERAL ---*/
body {
		 margin: 10px 0;		 padding: 0;
		 font-family:  Arial, Helvetica, sans-serif;
		 font-size: 70%;
		 color : #8a8a8a;
		 background : #BCBEC0;
		 text-align: center; /* IE5.X workaround */
}
a { color: #0768AC; text-decoration: none; cursor: pointer; }
a:hover { color: #0768AC }
ul, ol, li, h1, h2, h3, h4, h5, p, form, fieldset, input, label, img, big {
    margin: 0; padding: 0;
}
img,  fieldset {  border: none; margin: 0; padding: 0 }
small { font-size: 80%; }
big { font-size: 110%;  font-weight: bold; }
h1 { font-size: 140%; color: #FFF; 		 font-style: italic;		 font-weight: bold; text-align: right; padding: 10px 10px 150px 0 }
h2 { font-size: 120%; padding-bottom: 10px; }
h3 { font-size: 110%; padding-bottom: 8px; }
h4 { font-size: 100%; padding-bottom: 5px; }
h5 { font-size: 100%; padding-bottom: 3px; }
hr { 
		 height:1px;
		 margin-bottom:0px;
		 border:none;border-top:1px solid #CCC;
}
p { padding-bottom:15px; }
ul { margin:0 0 15px 25px }
/*---------------------------------------------------------------------- LAYOUT---*/
#all {
		 width: 790px;
		 margin: 0 auto;
		 text-align: left;
}
#header { 
		 height:80px; 
}
#main {
		padding: 20px;
		background: #fff;
		min-height: 700px;
}
#article {	font-size: 130%;}
#main .rightimage { 
		margin: 0px -20px 0px 20px;
		float: right;
		clear: right;
}
#main img {	margin-bottom: 10px;}
.but_obal {
		margin-left: auto;
		background-color: #fff;
		width: 273px;
		margin-bottom: 10px;
}
.but1 {
		background: url(top_menu_bg.jpg) repeat-x;
		width: 130px;
		height: 30px;
		margin-left: auto;
		float: left;
		text-align: center;
}
.but2 {
		background: url(top_menu_bg.jpg) repeat-x;
		width: 130px;
		height: 30px;
		margin-left: auto;
		text-align: center;
}
.but3 {
		background: url(r-menu-p.gif) repeat-x;
		width: 273px;
		height: 30px;
		margin-left: auto;
		text-align: center;
		font-style: italic;
}
.art_title {
		background: url(r-menu-p.gif) repeat-x;
		width: 349px;
		height: 30px;
		margin-left: 0;
		margin-bottom: 20px;
		text-align: center;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		font-size: 130%;
		line-height: 2;
		font-family: 'arial', sans-serif;
}
.but {
		background: url(top_menu_bg.jpg) repeat-x;
		width: 273px;
		height: 30px;
		margin-left: auto;
		text-align: center;
}
#domains {
		background: #07609C;
		color: #FE831A;
		font-size: 110%;
}

#left {
		 float: left;
		 width: 200px;
}

#left a img {
		 margin: 9px 9px 0 9px;
		 border: 1px solid #FFFFFF;
}
#content {
		 float: left;
		 width: 500px;;
} 
#footer {
		 height: 17px; 
		 clear: both;
		 font-size: 90%;
		 background: url(back_footer.gif) no-repeat;
} 
.margin { padding:15px  }
/*------------------------------------------------------------------------------- HEADER ---*/
h1#logo  {		 padding: 0 }
#logo a {
		 font-size: 2pt;
		 display:block;
   		 position:relative;
		 width:790px; height:80px;
		 cursor: pointer;
}
#logo span {
		 display:block;
		 position:absolute; left:0px; top:0; z-index:1;
		 width:790px; height:80px;
		 background: url(header.jpg) no-repeat; 
}
#lion {
		width:180px; height:180px;
		background: url(lev.jpg) no-repeat;
		margin: 10px;
}

/*--------------------------------------------------------------------------- MENU -------*/
#menu { 
		 width: 790px; height:30px;
		 overflow: hidden;
		background: url(top_menu_bg.jpg) repeat-x;
		 color: #FFF;
		font-size: 120%;
		font-weight: normal;
}
#menu ul {
		text-align: center;
		padding: 7 0 0 0px;
		margin-left: 6px;
}
#menu li {
		float: left;
		list-style-type: none; 
}
#menu li {
		float: left;
		border-left: 1px solid white;
		margin: 0 0 0 5px;
}

#menu .first { border-left: none; }
#menu li a {
		color: #FFF;
		text-decoration: none;
		margin: 0 0 0 5px;
		font-size: 90%;
		
}

#menu li a:hover {
		color: #b4c1d1;
		text-decoration: underline;	
}

/*--------------------------------------------------------------------------- LEFT -------*/
.nad1 {		 background: url(h1.jpg) no-repeat;}
.nad2 {		 background: url(h2.jpg) no-repeat;}
.nad3 {		 background: url(h3.jpg) no-repeat;}
.nad4 {		 background: url(h4.jpg) no-repeat;}
.nad5 {		 background: url(h5.jpg) no-repeat;}
.nad6 {		 background: url(h6.jpg) no-repeat;}
.nad7 {		 background: url(h7.jpg) no-repeat;}
ul#submenu {
		 list-style: none;
		 margin: 0 0 40px 0;
}
ul#submenu li a {
		 display: block; height: 20px;
		 margin:0; padding: 2px 20px 0 0;
		 text-align:right;
		 font-weight:bold;
		 font-size: 100%;
		 color: #FFF;
		 overflow: hidden;
		 text-decoration: none;
		 background: url(submenu.gif) no-repeat ;
}
ul#submenu li a:hover {
		 color: #CCC;
		 background: url(submenu_on.gif) top no-repeat;
}
ul#submenu li a.sel {
		 color: #656565;
		 background: url(submenu_hover.gif) top no-repeat;
}

/*--------------------------------------------------------------------------- OBSAH -------*/
#content .box {
		 width: 470px;
		 clear: both;
}
#content .col2 {
		 width: 220px;
		 padding-right: 15px;
		 float: left;
}
/*--------------------------------------------------------------------------- NEWS -------*/
#news {
		 background: url(back_news.gif) repeat-y;
}
#news h2 {
		 color: #FFF;
		 font-style: italic;
		 font-weight: bold;
		 padding: 5px 0 5px 10px;
		 margin-bottom: 10px;
}

#news h2 a {
		 text-decoration: none;
}
#news p {
		 color: #FFF;
		 padding: 5px 0 5px 10px;
}
#news a:hover {color: #CCC;}
#news .col1 {
		 width: 200px;		 
		 float: left;
}
#news .col1 h2 { background: url(back_kontakty.jpg) no-repeat; }
#news .col2 {
		 width: 500px;		 
		 float: left;
}
#news .col2 h2 { background: url(back_news.jpg) no-repeat; }
#news .col2 h3 {
		 padding: 5px 0 5px 10px;
		
}
#news .col2 h3 a {
}
/*--------------------------------------------------------------------------- FORMS -------*/
label {
    float : left;
    width : 110px;
    text-align: left;
    margin-right:5px;
		  padding-top: 2px;
		  font-size: 100%;
		  text-align: right;
}
input, select, textarea { 		 
  font-size: 100%;
		 font-family: Arial, sans-serif;
		 vertical-align: top;
		 margin: 1px;
}
input.submit {
		  background: #FF7600;
		  color: #FFF;
		  border: 0px solid #FFF;
		 text-transform: uppercase;
		 font-weight: bold;
		 cursor: pointer;
		 padding: 1px; 
		 text-align: center;
}
textarea {  width: 200px; height: 70px;}
/*---------------------------------------------------------------------------- TABLES --------*/
table { 
		 font-size:100%;
		 margin-bottom:15px;   
		 border-collapse: collapse; 		 
}
th { 
		 background: #FF7600; 
		 color:#FFF; 
		 padding:3px;
		 text-align: left;
		 text-transform: uppercase;
}
td { 
		 padding:3px;
		 vertical-align:top;
		 border-bottom:1px solid #CCC;
}
/*----------------------------------------------------------------------------- CLASSES ---*/
.nounderline { text-decoration: none;}
.right { float: right }
.left{ float: left }
.textright {text-align : right }
.textleft { text-align : left }
.middle { vertical-align : middle }
.normal { font-weight:normal }
.clear { clear: both;
		visibility: hidden }
.italic { font-style: italic  }
.orange {color:#FF9931 }
.fotoright { float: right; border: 3px solid #BCBEC0; margin-left: 5px; }
.fotoleft { float: left; border: 3px solid #BCBEC0; margin-right: 5px; }
.floatright {
	margin: 0 -20px 0px 20px;
	text-align: right;
	float: right;
	clear: right;
	
}
.floatright a {
	color: #fff;
	text-decoration: none;
	font-size: 110%;
	line-height: 2.3;
}
.floatright a:hover {
	text-decoration: none;
	font-size: 110%;
	line-height: 2.3;
	color: #0768AC;
}
.but_obal a:hover {
	color: #fff;
	font-weight: bold;
}
.sect a:hover {
	color: #fff;
	font-weight: bold;
}