/* * elements * */

body {margin:0; padding:0; background: url(../img/background-repeaterf.jpg) transparent repeat-x;  color:#969696; 
      font:11px/1.5 Tahoma,"Arial CE",Arial,sans-serif;	
      }
a {color:#102464;text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border: 0px none;}

/* * sections * */

#main { background: url(../img/headerf.jpg) center top no-repeat; 
  
  }
#header,#layer,#footer .in {width:985px; margin:0 auto; text-align: center;}

/** header **/
#header { height:167px; overflow:hidden;}
h1#logo {font-size: 16px;  position:relative; overflow:hidden; width:285px; height:83px; float:right; padding-top:12px;}
h1#logo a {display:block; cursor:pointer; color:#000; text-decoration: none; width:285px; height:83px; float:right; padding-top:12px;}
h1#logo span {display:block; background: url(../img/logo.png) no-repeat; width:285px; height:83px; position:absolute; right:0; top:0px; z-index:1;}
.slogan {color:#fff; font-size:11px; font-weight:normal; float:right; margin-top:-6px; margin-right:10px; clear:right;}
#header-nl, #header-nl li {float:left;}
#header-nl ul {margin:0; padding:0;width:105%;}
#header-nl {margin-left:206px; margin-top: -6px; }
#header-nl li {list-style-type: none;}
#header-nl a {font-weight:bold;color:#505050; text-decoration: none; padding-left:6px; padding-right:6px; background: url(../img/vertical-separator.gif) right top repeat-y;}
#header-nl a:hover {text-decoration: underline;}
#header-nl .last { background: none;}
#layer {overflow: hidden;}

/** left col **/
#left-col {float:left; width:190px; text-align: left; font-size:12px;}
#left-col-nl { margin-top:5px;}
#left-col-nl ul{margin:0px;padding:0px;}
#left-col-nl li {list-style-type:none; margin-bottom:8px;width:168px;  }
#left-col-nl li li {padding-left:12px;margin-bottom: 0px; background:none}
#left-col-nl li ul {margin-top: 10px;}
#left-col-nl a {color:#000; font-weight:bold; padding-left:12px;}
#left-col-nl .active, #left-col-nl a:hover {color:#102464;}
#left-col-nl li li a {color:#838383;padding-left:0px;}
#left-col-nl .map {padding-left:0px; display:block; margin-top:10px; width:144px; overflow-x:hidden;}

/** content **/
#content {float:left; width:606px; background: url(../img/content-bg.png) repeat-y; 
	position:relative; text-align: left; _height:645px; min-height:645px; }
	
#common-banner {position:absolute; left:0; top:0; width:795px; background:#fff; height:209px; overflow:hidden; }

#content .col-01 {float:left; width:281px;}
#content .col-01 .left, #content .col-02 .left {float:left; margin-right:17px;}
#content .col-02 {float:left; width:240px; padding-right:15px; }

#content-nl {margin-top:209px; width:795px; position:absolute; left:0px; top:0px; background: url(../img/center-menu-shadow.png) #fff 0px 1px repeat-x; }
#content-nl ul {margin-top:4px;margin-bottom:35px;overflow:hidden; margin-left:14px;}
#content-nl li {list-style-type:none;float:left; background: url(../img/vertical-separator.gif) right top repeat-y; }
#content-nl .last {background:none;}
#content-nl a { display:block; padding-top:23px; padding-right:8px; padding-left:8px;font-weight:bold;color:#838383;}
#content-nl .active,#content-nl a:hover {color:#102464;}
#content-banner { margin-top:288px; }
    

#content-banner, #content h2, #content .col-01, #content .col-02 { margin-left:22px; }
#content h2{ color: #102464; font-size:12px; font-family:Tahoma,"Arial CE",Arial,sans-serif; font-weight:600;background: url(../img/horizontal-separator.png) 0px 8px no-repeat; margin-left:4px; padding-left:18px;}

#content h3.contHead 
  {
  color:#e56d1f;
  font-family:Tahoma,"Arial CE",Arial,sans-serif;font-weight:600;font-size:12px;
  background: url(../img/horizontal-separator.png) 0px 8px no-repeat; margin-left:4px; padding-left:18px;
  float:left; margin-top: 14px;
  }
div.contHead {clear: both;}

#content .col-01 h3, .document-list h3, .root h3 {font-size:12px;color:#e56d1f;margin-top:0px; margin-bottom:0px; width:120px;}
      
      /* oprava*/
      #content .col-01 h3, .document-list h3, .root h3 { width:auto; }

#content .col-01 h3 a, .document-list h3 a, .root h3 a { color:#e56d1f; }

#content .col-01 p {color:#102464; font-size:10px; text-align: justify; margin-top:0px; } 
#content .col-02 p {font-size:10px; margin-top:0px;}
#content .col-02 h4 {font-size:12px; color:#e56d1f; margin-top:0px;margin-bottom:0px;}
#content .col-02 h4 a {color:#e56d1f;}
#content .col-02 p { color:#102464; }

/* zmeny v design */
#content .document-detail, #content .document-list { color: #102464; }
#content h2, #content .document-list h3 a { color:#e56d1f; }


/** right col **/
#right-col {float:left; width:189px; margin-top:242px; margin-top:288px; text-align:left;}
#right-col .banner {text-align: right;  width:167px; overflow-x:hidden; float:right; }
#right-col-nl ul {margin-left:0px;padding-left:0px; }
#right-col-nl li, #right-col-nl li, #inquiry h3 {list-style-type:none;margin-left:0px;padding-left:10px; margin-bottom:10px;}
#right-col-nl li { clear:both; }

#right-col-nl a, #inquiry h3 {color:#102464;font-weight:bold; font-size:13px;}
#right-col-nl em {font-style: normal; font-weight:bold;}


#inquiry { margin-left:22px; background:url(../img/inq-bg.gif) repeat-y; width:167px;}
#inquiry .top { background:url(../img/horizontal-separator24.png) repeat-x;  margin-bottom:-15px;  }
#inquiry div { background:url(../img/horizontal-separator24.png) repeat-x 0px bottom; }

#inquiry h3 { margin-bottom:0px; margin-top:0px; background:none;  }
#inquiry h4 { font-size:11px; padding-left:10px; margin:0px; color:#000;}
#inquiry a { color:#AFAFAF; text-decoration:underline; float:left; font-weight:bold; clear:left;  width:30%; overflow:hidden;}
#inquiry .answer {  color:#AFAFAF;  float:left; font-weight:bold; clear:left;    width:30%; overflow:hidden;}
#inquiry a:hover { text-decoration:none; }
#inquiry span span { display:block; border-top: 1px solid #273972; position:relative; top:9px; height:2px;  margin-left:5px; margin-right:5px;  float:left; 
    position:relative;/* left:5px;*/}
#inquiry p { overflow:hidden; padding-left:10px; margin:0px; font-weight:bold;clear:both; width:105px; }
#inquiry .vote-count { float:right; }


/** footer **/
#footer {background: url(../img/footerf.jpg) repeat-x; margin-top:10px;/*height: 50px;*/ }
#footer a, #footer p, #footer div, #footer .col-02 { font-size:12px; }

  
#footer .in {text-align:left; overflow:hidden; padding-top: 16px; padding-bottom:10px; }
#footer .col-01 {float:left; width:213px;  font-weight:bold;color:#102464;}
#footer .col-01 a {padding-left:25px; background:url(../img/horizontal-separator.png) 4px 6px no-repeat;}
#footer .col-02 {float:left; width:595px; color:#646464; font-size:12px; overflow-x:hidden; }
#footer .col-02 p { margin-top:0px; }
#footer .col-03 {float:left; width:176px;font-size:10px;}
#footer .col-03 a {font-weight:bold; color:#646464;}
#footer .col-03 a.active,#footer .col-03 a:hover {color:#102464;}

#footer ul {margin-bottom:0px; }

#lang {margin-top:0; margin-left:0px; padding-left:0px; overflow:hidden;}
#lang li {list-style-type:none; float:left; padding-right:6px; padding-left:4px; background: url(../img/vertical-separator.png) right top repeat-y; }	
#lang .last {background:none;}

/** SEOToolbar  **/

#seo-lista div
{
    text-align:center;
    clear:both;
    font-size:11px;
    padding:14px 0 10px 0;
}

#seo-lista a
{
    font-size:11px;
}

/** common **/
.noscreen {display:none;}

/** document list **/


.document-list ul, .root { margin-left:23px; padding-left:0px; margin-top: 0px;}
.document-list li { list-style-type: none; overflow:hidden; padding-left:0px; margin-left:0px; 
  position:relative; display:block;}
  
.document-list .miniature { margin-right:17px; margin-top:5px;}
.document-list h3, .root h3 { padding-right:15px; margin-top:0px; margin-bottom:0px;   }
.document-list p { padding-right:15px; margin-top:0px; margin-bottom:0px; }
.document-list .more { text-align:justify; width:85%; margin:0px; float:left; clear:left; text-align:right; padding-right:35px; }
.document-list .more a { color: #E56D1F;}

/* upravy pro zarovnani miniatur */
  .document-list .miniature { 
    position:absolute; left:0px;
     }
  .document-list .aside { float:left; width:400px;  margin-left:145px; }
  .document-list .noindent { margin-left:auto; width:100%; }
  .document-list .aside h4 { clear:left; padding-left:0px; margin:0px; }

/** document detail **/
.document-detail { width:606px; overflow-x:hidden; }

/*.document-detail */ .publish-date { color:#000; font-size:10px; margin-left:4px; padding-left:16px;  }
.document-detail .miniature {margin-left:4px; padding-left:16px;}
.document-detail .anotation { margin-left:4px; padding-left:16px; font-size:12px; text-align: justify; padding-right:16px;}
.document-detail .document-content { margin-left:4px; padding-left:16px; margin-top:0px; text-align: justify; padding-right:16px;}

.document-content  { padding-bottom:5px; }

.document-content ul li { list-style-type: none; background:  url(../img/li.jpg) 0px 6px no-repeat;	padding-left:16px; }

.document-content a { text-decoration:underline; }
.document-content a:hover { text-decoration:none; }

/** meeting form **/

#meeting-form { margin-left:4px; padding-left:16px; }
#meeting-form fieldset { border:0px none; padding:0px; margin:0px; }

#meeting-form label, #meeting-form input, #meeting-form select { margin-bottom:4px; }
#meeting-form select { width:240px; }

#meeting-form input { border: 1px dotted #9E9E9E; vertical-align: middle; width:236px; }
#meeting-form .radio { border:0px none; vertical-align: middle; width:auto; }
#meeting-form .submit { 
	border:0px none; color: #E56B1A; background:#fff; font-weight: bold;
	text-decoration: underline; cursor: pointer; 
	background: url(../img/horizontal-separator.png) 10px 12px no-repeat; 
	padding-left: 16px; margin-left:-25px;
	width:auto;
}

#meeting-form label { float:left; width:20%; font-weight: bold; color: #102464; }
.lbleft { position: relative; top:2px;}
.lbleft2 { position: relative; top:3px; }

#meeting-form .contact-area { margin-top:12px; }
#meeting-form .from,#meeting-form .to, #meeting-form .lblradio  { float:none; width:auto; position:relative; top:-2px;}
#meeting-form .from,#meeting-form .to {	margin-right: 5px;}
#meeting-form #from, #meeting-form #to { width: 35px; }

#meeting-form #notes {
	background: url(../img/textarea-1.gif) left top no-repeat;
	border:0px none; overflow: auto;
	width: 423px; padding-top: 4px; padding-left:4px; }

#meeting-form .notes-bg  { background: url(../img/textarea-2.gif) left bottom no-repeat; 
	width: 423px; margin-top: 12px; }
#meeting-form .notes { margin-top: 4px;}

/** souvislosti **/
.related-documents {
	overflow:hidden;
	background: url(../img/vertical-separator.gif) 256px top repeat-y;
	color: #646464;
}
.related-documents .hline {background: url(../img/horizontal-separator2.gif) #fff left top repeat-x;
	height: 3px; margin:15px; 
	margin-bottom: 5px; margin-top:0px;
	padding-bottom: 0px;
}

.related-documents ol, .related-documents ul {
	margin-top:0px; 
	margin-left:20px; padding-left:0px;}

.related-documents ul li { list-style-type: none; margin-left:0px; padding-left:0px;}
.related-documents ol li { margin-left:0px; padding-left:0px; 
	list-style-position: inside; }
.related-documents a { color: #646464; font-weight:bold; 
	text-decoration:underline; margin-left:0px; padding-left:0px; }
.related-documents a:hover { text-decoration: none; }
.related-documents h3 {
	color:#102464; font-size:11px; font-family:Tahoma,"Arial CE",Arial,sans-serif; font-weight:600; 
	background: url(../img/horizontal-separator.png) 0px 8px no-repeat; 
	margin-left:4px; padding-left:16px;
	margin-bottom:6px;}
.related-documents .col1 { width: 256px; float:left; }
.related-documents .col1 li img { position:relative; top:3px; }
.related-documents .col1 li a {	padding-left: 5px; }

.related-documents .col2 { width: 321px; float:left;}
.related-documents .col2 .in { margin-left:20px; }
.related-documents .col2 .in .clearboth { clear: both; }
.related-documents .col2 .in .box  { float:left; margin-bottom:9px; margin-right:9px; width: 80px; }
.related-documents .col2 .in .last {margin-right:0px;}

/** vzorkovna **/
.vzorkovna  {
	 border-collapse: collapse;
	 padding-left: 16px;
	 margin-left: 4px;
	 margin-bottom: 8px;
}
.vzorkovna th, .vzorkovna td {
	line-height: 160%;
	background: url(../img/vzor-dott.gif) 0px bottom repeat-x;	}

.vzorkovna a {color:#969696;}

.vzorkovna td {color:#969696; font-weight:bold; padding-right:8px;}
.vzorkovna th {color: #102464; padding-right:38px;}
.vzor-butt {
	color:  #E2772F; font-weight: bold;
	margin-left:4px;
	background: url(../img/horizontal-separator.png) 0px 7px no-repeat;
	padding-left:20px;
	position: relative; left:-20px;
	}
.col-bg { overflow:hidden; background:url(../img/vertical-separator.png) 303px top repeat-y;}
  

/* ../img/horizontal-separator.png */
.chapters { background:url(../img/horizontal-separator2.gif) top left repeat-x;
	color: #E56D1F; width:560px; margin-left:20px; 
	margin-bottom:15px; padding-top:2px; padding-bottom:2px; }
.chapters .in { overflow:hidden; padding-top:8px; padding-bottom:8px; 
  background:url(../img/horizontal-separator2.gif) bottom left repeat-x;}
.chapters ol { float:left; margin-left:0px; padding-left:10px;  }
.chapters li {color: #646464; margin-left:20px; padding-left:0px; }
.chapters li a { color:#D66D1C; text-decoration:underline; padding-left:0px;}
.chapters li a:hover { text-decoration:none; }
.chapters strong { margin-left:18px; color:#102464;
  font-family:Tahoma,"Arial CE",Arial,sans-serif; font-weight:600; 
  background: url(../img/horizontal-separator2.gif) 0px 8px no-repeat; 
	margin-left:4px; padding-left:8px; margin-bottom:8px; 
	float:left;}  
	
/**   editor   **/

h3.nadpis1, h3.nadpis1-big {font-size:12px !important; color:#000 !important; margin-top:0px !important;margin-bottom:0px !important;}
h4.nadpis2, h4.nadpis2-big {font-size:11px !important; color:#000 !important; margin-top:0px !important;margin-bottom:0px !important;}
.odrazka, .odrazka-big {color:#102464 !important;font-weight:bold; margin-left:0px;padding-left:24px; margin-bottom:10px !important; background: url(../img/horizontal-separator.gif) 3px 8px no-repeat; }
.odrazka a,.odrazka-big a { font-weight:bold; color:#102464 !important;}
div.big-text { color:#102464 !important; font-size:14px !important;}
h3.nadpis1-big, h3.nadpis1-big a, .odrazka-big { font-size:14px !important; }
h4.nadpis2-big, h4.nadpis2-big a { font-size:13px !important; }

/****************/


.hp .col-bg { background-position:303px top; }
.hp .more-news { clear:both;margin-left:22px; background:#fff; width:45%; }
.hp .more-news a { color:#e56d1f; }


#layer .hp .col-bg { margin-top:8px; }
#layer .hp .col-01  { width:267px; padding-right:14px; margin-left:11px; }
#layer .hp .col-01 h3  { margin-top:0px; }

#layer .hp .col-02  
{ float:right;
margin-left:0px;
width:275px;
padding-right:18px;

   }


.valErr { color:#e56b1a; }

/* strankovani */
.pager { margin-left:21px; color:#102464; }
.pager .nalezeno { font-weight:bold; } 
.pager .stranky, .pager .next, .pager .prev, .pager a  { color:#e56d1f; }



#layer .studio .col-bg, #layer .studio .col-low {  background-position:370px top; }

#layer .studio .col-01 {  width:350px; }
#layer .studio .col-02 {  width:185px; }


#layer .studio .col-02 { width:185px; overflow:hidden; margin-left:8px; }
#layer .studio .col-02 a { display:block; text-align:center; margin:auto; }
#layer .studio .col-02 a.vzor-butt { text-align:left; margin-top:10px; }

#layer .studio .col-bg .col-01 .avzor-butt { margin-left:5px; }

#layer .studio .col-low a.vzor-butt { margin-top:0px; }
#layer .studio .col-low .col-02 a { left:0px; }

#layer .studio .col-01 th { text-align:left; }

.col-low
{
	clear:both;
	
	overflow: hidden; 
	background: url(../img/vertical-separator.png) 370px top repeat-y;
	float: none;
	position: relative;
	top: 0px;
}

.col-rel {
  clear:both;
	overflow: hidden; 
	padding-left: 22px;
	*padding-left: 12px;
  }
  .col-rel .in {
    overflow: hidden;
    margin-top: 15px;
  }
  .col-rel .box {
    float: left;
    overflow: hidden;
    width: 110px;
    text-align: center;
    margin-bottom: 10px;
  }
  .col-rel .box.last {
    clear: left;
  }
  .col-rel .clear {
    clear: both;
    font-size: 0px;
    line-height: 0px;
  }
  .col-rel .hline {
    background: url(../img/horizontal-separator2.gif) #fff left top repeat-x;
	  height: 5px; 
	  margin: 5px 15px 10px 0;
	  padding-bottom: 0px;
  }
  .col-rel .vzor-butt {
    color: #102464;  
  }


.mapa { margin-top:10px; margin-left:12px; }
.mapa img, .mapa area { border:0px none; }

.functions { margin:0px; margin-right:16px; padding:0px;  float:right; overflow:hidden; }
.functions li { margin:0px; padding:0px; list-style-type:none; float:left; }

.root { color:#102464; width:575px; overflow-x:hidden;}
.root h3 { /*margin-top:21px;*/}


/* preskakovani kapitol */
.jump-chapters { margin-left:22px; margin-bottom:8px; overflow:hidden; width:555px; color:#E56D1F;}
.jump-chapters span, .jump-chapters a { font-weight:bold; color:#E56D1F;  }
.jump-chapters .prev { float:left; }
.jump-chapters .next { float:right; }


/* upravy pro oramovani boxu */


#left-col-nl .image , #right-col-nl .image {
  margin-left:0px;
	background:url(../img/fld-l-t.gif) repeat-y;
	background-position: 0 1px; 
	padding-top:1px;
  width:168px;
  }
  
  #right-col-nl .image { 
    background:url(../img/fld-r-t.gif) repeat-y;
    background-position: 0 0px; 
    width:167px;
     }
  #right-col-nl li { padding-left:22px; }
  
#left-col-nl .image .in , #right-col-nl .image .in {
  background:url(../img/horizontal-separator24.png) repeat-x;
  display:block; 
  padding-left:1px; 
  padding-top:1px;
  }
  
#right-col-nl .image .in { padding-left:10px; margin-top:-1px;}
  
#left-col-nl .image .in a , #right-col-nl .image .in a { padding-left:0px; margin-left:0px;  display:block;width:165px; overflow-x:hidden; }

#right-col-nl .image .in a { display:inline; font-size:13px; position:relative; }
#right-col-nl .image .in .min { position:relative; left:-9px;  }


#left-col-nl .image h3 , #right-col-nl .image h3
{
  display:block;
	font-size: 13px;
	color: #737383;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 10px; 
	}


#left-col-nl .image .bott, #login .bott , #right-col-nl .image .bott  {   
    margin-top:9px;
	  height: 1px;
    background:url(../img/horizontal-separator24.png) repeat-x 0px bottom;
  }

#left-col-nl .image img , #right-col-nl .image img { display:block;  }

#left-col-nl .image a , #right-col-nl .image a
{
  display:block;
  padding-right:1px;
  color:#102464;
}
#left-col-nl .image .note  , #right-col-nl .image .note  { padding-right:0px; font-size:11px; color:#102464;}
#left-col-nl .image .note a , #right-col-nl .image .note a { padding-right:0px; font-weight:normal; padding-left:10px; padding-top:0px; padding-bottom:4px; }

#right-col .banner { margin-bottom:5px; }

/* objednavka katalogu - order.xsl */
#order {
  padding-left: 20px;
  color: #102464;
  }
  #order form {
    margin-top: 10px;  
  }
  #order label {
    float: left;
    width: 80px;
    padding: 1px 5px 0 0;
    text-align: right;
    }
    #order label span, #order .info span {
      color: #F2851F;
  }
  #order .iText {
    margin-bottom: 2px;
    font: normal 11px Tahoma;
    width: 150px;
  }
  #order .iSubmit {
    font: normal 11px Tahoma;
    margin: 10px 0 50px 0;
  }
  #order .info {
    margin: 10px 0 10px 0px;
  }
  
  #captchaDiv {
    margin-top: 5px;
  }
  #captchaDiv .labelCaptcha {
    width: 200px;
    float: none;
    display: block;
    text-align: left;
    }
    #captchaImg {
      clear: both;  
    }
