/* CSS */
img {border: 0;}
img.arrow {margin-left: 5px;}
img.arrow2 {margin: 0 10px; }
img.arrow3 {margin-right: 5px;}
.clr {height: 20px; clear:both;}
.clr2 {clear:both;}

body {		
  margin: 10px 0 50px 0;
  padding: 0;	
  text-align: center;
  font-family: Tahoma;
  font-size: 11px;	
  background: #fff;
  color: #000;
}
#wrap {
  width: 990px; 
  margin: 0 auto;
  padding:0;
  text-align: left;
}
#wrap2 {  
  width: 900px;
  margin: 0 auto; 
  padding: 0;
  text-align: left;
}
#header {
  width: 900px; height: 80px;
}
#headerLeft {
  width: 450px; height: 80px;  
  float: left;
  background: url(/img/bgHeaderLeft.gif) repeat-x;
}
#headerLeft img {
  margin-left: 20px;
}
#headerCenter {
  width: 300px; height: 80px;  
  float: left;
  background: url(/img/bgHeaderCenter.gif) repeat-x;
}
#headerCenter .search {
  border-left: 1px solid #dfdbd5; border-right: 1px solid #dfdbd5;
  height: 25px;
  margin-top: 15px;
  padding-left: 10px;
  font-family: Tahoma;
  font-size: 10px;  
  text-transform: uppercase;
  color: #807a73;
}
form {
position: relative;
}
img.srch {
  top: -5px; left: 90px;
  position: absolute;
}
input.text { 
  border-top: 1px solid #d9d0c3;
  border-bottom: 1px solid #d9d0c3;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  width: 135px;
  top: -4px; left: 100px;
  position: absolute;
  margin: 0; padding: 0;
}
input.submit {
  width: 20px; height: 19px;
  border: 0;
  position: absolute;
  top: -5px; left: 235px;
  background: url(/img/bgSearchSubmit.gif) no-repeat;
}
#headerRight {
  width: 150px; height: 80px;  
  float: left;
  background: url(/img/bgHeaderRight.gif) repeat-x;
}
#headerRight .lang {
  margin-left: 10px;
  padding: 15px 0;
  font-family: Tahoma;
  font-size: 10px;
  text-transform: uppercase;
  color: #dfdbd5;
}
#headerRight .lang a {
  text-decoration: none;
  color: #807a73;
}
/* f. header */

#wrapTopMenu{
  width: 905px;
  margin-top: 20px;
  position: relative;
  height: 30px;
}
#topMenu {
  border-left: 1px solid #dfdbd5;
  height: 30px;
}
#topMenu ul {
  margin: 0; padding: 0;
}
#topMenu li {
  border-right: 1px solid #dfdbd5;
  width: 147px; height: 30px;
  display: block;
  float: left;
  position: relative;
  text-transform: uppercase;
  font-size: 10px; 
  color: #807a73;
  behavior: url(/css/hover.htc);
  line-height: 30px;
  background: url(../img/arrowTopMenu1.gif) right no-repeat;
}
#topMenu .name {
  padding-left: 5px;
}
#topMenu li:hover, #topMenu li.hover {
  background: url(../img/arrowTopMenuHover.gif) right no-repeat;
}
.noView {
  border: 1px solid #fff; 
  position: relative; 
  z-index: 4;
  visibility: hidden;
}
#topMenu ul li:hover .noView, #topMenu ul li.hover .noView {
  visibility: visible;
}
#topMenu li a {
  font-family: Tahoma;
  font-size: 10px;  
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  color: #807a73;
  background: url(../img/arrowTopMenu1.gif) right no-repeat;
}
#topMenu ul ul {
  border: 1px solid #dfdbd5;
  background: #fff;
  padding: 5px 0;
  display: none;
  position: absolute;
  width: 210px;
  top: 30px; left: -1px;
  opacity: 0.85;
  -moz-opacity:0.85;
  filter: alpha(opacity=85);
  z-index: 1;  
}
#topMenu li:hover ul,#topMenu li.hover ul {
  display: block;
}
#topMenu ul ul li {
  border-right: 0;
  float: none;
  height: auto;
  padding: 0 5px;
}
#topMenu ul ul li a {
  padding: 0 10px;
  line-height: 20px;
  width: 180px;
  background: #fff;
}
#topMenu ul ul li a:hover {
  background: #807a73;
  color: #fff;
}
/* f. topMenu */

#pictureMiddle {
  width: 900px; height: 213px;
  margin-top: 13px;  
}
#pictureMiddleLeft {
  width: 600px; height: 213px;
  background: transparent url(../img/pictureMiddleLeft.jpg) no-repeat;
  float: left; 
}
#pictureMiddleLeftEN {
  width: 600px; height: 213px;
  background: transparent url(../img/pictureMiddleLeftEN.jpg) no-repeat;
  float: left; 
}
#pictureMiddleLeftSK {
  width: 600px; height: 213px;
  background: transparent url(../img/pictureMiddleLeftSK.jpg) no-repeat;
  float: left; 
}
#pictureMiddleRight {
  width: 300px; height: 213px;
  background: transparent url(../img/pictureMiddleRight.jpg) no-repeat;
  float: right;
}
#pictureMiddleRight2 {
  width: 300px; height: 213px;
  background: transparent url(../img/bgMiddleRight.gif) no-repeat;
  float: right;
}
#pictureMiddle2 {
  width: 900px; height: 103px;
  margin-top: 13px;
  background: transparent url(../img/pictureMiddle2.jpg) no-repeat;  
}
#pictureMiddle2EN {
  width: 900px; height: 103px;
  margin-top: 13px;
  background: transparent url(../img/pictureMiddle2EN.jpg) no-repeat;  
}
#pictureMiddle2SK {
  width: 900px; height: 103px;
  margin-top: 13px;
  background: transparent url(../img/pictureMiddle2SK.jpg) no-repeat;  
}

#archiv {
  width: 300px;
  margin-top: 30px; padding-bottom: 15px;
  text-transform: uppercase;
  color: #fff;
}
#archivLeft {
  padding-left: 20px;
  width: 180px;
  float: left;
}
#archivRight {
  padding-left: 20px;
  width: 80px;
  float: right;
}
#archivRight a {
  text-decoration: underline;
  color: #fff;
}
#spravy {
  padding: 20px;
}
.sprava {
  padding-bottom: 20px;
  color: #fff;
  text-decoration: underline;
  line-height: 20px;
}
#sprava a {
  color: #fff;
  text-decoration: underline;
  line-height: 20px;
}

/* f. pictureMiddle */

#path {
  width: 900px;
}
#path ul {
  margin: 0; 
  padding: 0;
}
#path ul li {
  list-style: none;
  padding: 10px 0 0 10px;
  display: block;
  float: left;
  color: #bfb8ac;
}
#path ul li a {
  color: #807a73;
  font-family: Tahoma;
  font-size: 11px;
}
/* f. path */

#content {
  width: 900px;
  margin-top: 17px;
}
#contentLeft {  
  width: 300px;
  float: left;
}
#contentLeft div {
  padding-left: 10px;
  font-family: Tahoma;
  font-size: 11px;
  line-height: 15px;
  color: #807a73;
}
#contentCenter {
  border-left: 1px solid #dfdbd5; border-right: 1px solid #dfdbd5;    
  width: 298px; height: 110px;
  float: left;
}
#contentCenter div {
  padding-left: 10px;
  font-family: Tahoma;
  font-size: 11px;
  line-height: 15px;
  color: #807a73;
}
#contentRight {
  width: 300px;
  text-align: center;
  float: left;
}
#contentRight .logos {
  padding-left: 30px;
  float: left;
}

#contentLeft2 {  
  width: 600px;
  float: left;
}
#contentLeft2 div {
  width: 570px;
  padding-left: 10px; padding-bottom: 10px;
  text-align: justify;
  font-family: Tahoma;
  font-size: 11px;
  line-height: 15px;
  color: #807a73;
}
#logos2 {
  border-top: 1px solid #a78e69;
  margin-left: 10px;  
}
#logos2 ul {
  margin: 0; 
  padding: 0;
}
#logos2 ul li {
  list-style: none;
  padding: 15px 25px 0 10px;
  display: block;
  float: left;
  color: #bfb8ac;
}
#logos2 ul li a {
  color: #807a73;
  font-family: Tahoma;
  font-size: 11px;
}

#contentRight2 {
  width: 300px;
  text-align: center;
  float: left;
}
#rightMenu {
  border-top: 1px solid #d9d0c3;
  width: 260px;
  margin: 0 auto; 
  padding: 0;
}
#rightMenu ul {
  margin: 0; padding: 0;
  text-align: left;  
}
#rightMenu ul li { 
  margin: 0; padding: 0;  
  list-style: none;
}
#rightMenu ul li div a {
  border-bottom: 1px solid #d9d0c3;
  height: 15px;
  padding: 5px 10px;
  font-family: Tahoma;
  font-size: 10px;
  color: #807a73;
  text-decoration: none;
  text-transform: uppercase;
  display:block;  
  background: #fff;
}
#rightMenu ul li div a:hover {
  font-family: Tahoma;
  font-size: 10px;
  color: #807a73;
  background: url(/img/bgRightMenu.gif) bottom no-repeat;
}
#contentRight3 {
  width: 300px;
  /*text-align: center;*/
  float: left;
}
#contentRight3 .logosLeft {
  width: 150px;
  margin-top: 30px;
  padding-left: 10px;
  float: left;
}
#contentRight3 .logosRight {
  width: 140px;
  margin-top: 30px;
  float: right;
  text-align: right;
}
/* f. content */

#footer {
  border-top: 2px solid #dfdbd5;
  width: 900px;
  padding: 5px 0;
  text-align: center;
  font-family: Tahoma;
  font-size: 11px;
  color: #807a73;
}