body
{
	font-family: arial, tahoma;
	font-size: 12px;

	margin: 0px;
	padding: 0px;

	color: #333333;

	text-align: center;

	background: #0067AC;
  background-image:url('../images/Pozadi10.gif');
}

form
{
   margin: 0px;
}

h1, h2, h3, h4, h5, h6
{	
	margin: 10px 0px 5px 0px;
	padding: 0px;
	font-weight: bold;
}

h1{ font-size: 14px; margin: 0px 0px 0px 0px; }
h2{ font-size: 21px; margin: 0px 0px 20px 0px; color:#15326F; }
h3{ font-size: 18px; margin: 10px 0px 20px 0px; color:#E20A16; font-weight:bold;}
h4{ font-size: 14px; }
h5{ font-size: 12px; }
h6{ font-size: 12px; }

p
{
	margin: 5px;	
	margin-left: 0px;
	margin-right: 0px;

	line-height: 18px;
}

a {color: #15326F;}
a:hover {color: #E20A16;}
a img{ border: none; } /* , a:link img */

table{ font-size: 100%; }
table td{
	padding: 3px;
}

ul, ol { margin: 5px 0px 10px 0px; padding: 0px; }
ul li { margin: 0px 0px 0px 18px; padding: 0px; list-style-type: square; }
ol li { margin: 0px 0px 0px 26px; padding: 0px; list-style-type: decimal; }


hr
{
	color: #333333;
	height: 1px;
	border: none;
	background-color: #333333;
}

.cl
{
   clear: both;
   width: 100%;
   line-height: 0px;
   height: 0px;
   font-size: 0px;
   overflow: hidden;
   margin: 0px;
}


/* web */
.main
{
	position: relative;

	width: 1000px;
	overflow: hidden;
	margin: 0px auto 0px auto;
	text-align: left; 
	  margin-bottom:30px;
}
/* hlavicka */
.col-top {
  position:relative;
  background-image:url('../images/col-top-bg.jpg');
  background-repeat: no-repeat;
  height: 193px;
}
.col-top-left {
  position:absolute;
  top:20px;
  left:10px;
  width:430px;
  height:112px;

}

.col-top-middle{
  position:absolute;
  left:428px;
  top:7px;
  width:140px;
  height:140px;
}
.col-top-middle h1{  
  position:relative;
  overflow:hidden;
  width:140px;
  height:112px;
}
.col-top-middle h1 span{
  position:absolute;
  top:0px;
  left:0px;
  display:block;
  width:140px;
  height:112px;
}
.col-top-right {
  position:absolute;
  left:570px;
  top:20px;
  width:430px;
  height:112px;
}
.col-top-right-top {
  margin:20px 0px 0px 20px;
  color: white;
}
.col-top-right-top a{
  color: #FFF100;
}
.col-top-right-bottom {
  margin:10px 0px 0px 20px; 
  height:46px;

}
.col-top-right-bottom input{
  width: 130px;
  height: 20px;
  background:#15326F; 
  color:white;
  padding: 5px 5px 5px 5px;
  margin:3px 7px 0px 0px;
  border: 1px solid white;
  float: left;
}
.col-top-right-bottom button{
  cursor:pointer;
  background:#15326F;
  border:none 0px; 
  float: left;
}
/* menu */
.col-menu {
  background-image:url('../images/col-menu-bg.gif');
  background-repeat: repeat-x;
  height: 114px;
  width:1000px;
}
.col-menu-item {
  float:left;
  margin-right:10px;
}

/* languages */
.col-menu-languages {
  float:right;
  width:220px;
  height:50px;
  text-align:right;
  padding-right:50px;
  }
  
.col-menu-languages a {
  padding:5px;
  color:white;
  font-weight:bold;
  text-decoration:none;
  border:1px solid white;
}

.col-menu-languages a:hover {
  padding:5px;
  color:#15326F;
  background:white;
  border:1px solid white;
} 

.col-menu-languages select {
  width:145px;
  height:25px;
  color:#ffffff;
  background:#15326F; 
  border:1px solid white;   
} 
/* hp content top */
.col-content,
.col-content-top {
  width:1000px;
  background-color:white;
  padding-bottom:30px;
}

/* mapa */
.map-hp {
  height: 290px;
  width:425px;
}
.map-img {
  height: 240px;
  width:425px;
  border-top:1px solid #15326F;
}

/* nove knihovny */
.libraries-hp {
  position:relative;
  height: 290px;
  width:310px;
}
.other {
  position:absolute;
  top:0px;
  right:0px;
  font-weight:bold;
  color:#E20A16;
  text-decoration:none;
}

.libraries-hp-item {
  width:280px;
  padding: 15px;
  margin-bottom:7px;
  color:white;
  background-color:#15326F;
    border-bottom:1px solid #15326F;
}
.libraries-hp-item a {color:white;}

/* numbers*/
.numbers {
  width: 135px;
  height:290px;  
}
.numbers-case {  
  width: 105px;
  height:210px;
  padding: 15px;
  border:1px solid #15326F;}
 
.numbers-case span {
	font-weight:bold; 
	font-size:14px; 
	}  

.hl {
height:1px;
width:105px;
margin: 5px 0px 5px 0px;
background: #15326F;
}

/* hp content middle */
.col-content-middle {
  width:1000px;
  background-color:#FFF100;
  padding-bottom:30px;
  padding-top:20px;
}
.video-hp {
  position:relative;
}
.photo-hp {
  position:relative;
  width: 125px;
  height:340px;
}
.photo-hp-case {
  width: 125px;
  height:315px;
  border-top:1px solid #15326F;
  border-bottom:1px solid #15326F;
  padding: 15px 0px 15px 0px;
}

.photo-item {
  width: 125px;
  height:117px;
  margin-bottom:-5px;
}
.article-hp {
  position:relative;
  width: 320px;
  height:340px;
}
.article-hp-case {
  width: 320px;
  height:315px;
  border-top:1px solid #15326F;
  border-bottom:1px solid #15326F;
  padding: 15px 0px 15px 0px;
  overflow:hidden;
}
.article-headline {font-weight:bold; line-height:20px; color:#15326F;}
.article-hp-item {margin-bottom:15px;}

/* hp content bottom */
.col-content-bottom {
  width:1000px;
  background-color:#ffffff;
  padding-bottom:30px;
  padding-top:20px;
}

.partners-hp {
  position:relative;
  width: 570px;
  height:225px;
}
.partners-case {
  width: 570px;
  height:165px;
  border-top:1px solid #15326F;
  border-bottom:1px solid #15326F;
  padding: 10px 0px 0px 0px;
}
.banner-hp {
  position:relative;
  width: 320px;
  height:225px;
}
.banner-hp-case {
  width: 320px;
  height:150px;
  border:1px solid #15326F;
  padding: 0px 0px 0px 0px;
  overflow:hidden;
}

.banner-hp-case p{
  margin:0px;
	padding:0px;
}

/* col-left */
.col-left {
  position:relative;
  width:570px;


}
/* col-right */
.col-right {
  position:relative;
  width:320px;

}
.author {
  color:#15326F;
  font-style: italic;
  }
.form,
.articles {
  position:relative;
  width: 570px;
}
.form-case,
.articles-case {
  width: 570px;
  border-top:1px solid #15326F;
  padding: 15px 0px 15px 0px;
}

.article-item {  
  padding: 0px 0px 15px 0px;
  margin-bottom:15px;
  border-bottom:1px solid #15326F;
  }
.photogallery {
  width: 570px;
  margin: 10px 0px 15px 0px;
}  

.videogallery {
  width: 570px;
  margin: 10px 0px 15px 0px;
  padding: 0px 0px 15px 0px;
  border-bottom:1px solid #15326F;
}
.form-label {
  width:170px;
  color:#15326F;
  font-size:16px;
}

.form-item input {
  background:white;
  border:1px solid #15326F;
  height: 18px;
  width:388px;
  padding:5px;
}
.form-item textarea {
  background:white;
  border:1px solid #15326F;
  height: 100px;
  width:388px;
  padding:5px;
  font-family: arial, sanserif;
}
.form-item select {
  background:white;
  border:1px solid #15326F;
  height: 30px;
  width:400px;
  padding:5px;
  font-family: arial, sanserif;
}

.form-item label.mandatory {
	padding-right: 10px;
	background-image: url(/images/mandatory.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
input.submit {
  background:#E20A16; 
  border:0px none;
  height: 30px;
  width:400px;
   color:white;
   cursor:pointer;
   }
input.search {  
background:#E20A16; 
  border:0px none;
  height: 20px;
  width:330px;
   color:white;
   cursor:pointer;
   margin-top:10px;}
.chat-item {  
  border-bottom:1px solid #15326F;
  margin-bottom:20px;
  padding-bottom:10px;
  }   
.pager {
  width: 570px;
  margin-top:5px;
  text-align:center;
}

/* footer */
.col-footer {
  position:relative;
  width:1000px;
  height:90px;
  background-color:#15326F;
  color:white;
}
.col-footer a {  color:white;}
.servis-menu {
  position:absolute;
  top:25px;
  left:30px;
}
.copyright{
position:absolute;
top:25px;
right:30px;
line-height:18px;
}

/* all */
.ml35 {margin-left:35px;}
.ml20 {margin-left:20px;}
.mr15 {margin-right:17px;}
.mr10 {margin-right:10px;}
.mb10 {margin-bottom:10px;}
.mt35 {margin-top:45px;}
.fl {float:left;}
.red {color:#E20A16;}
.red a{color:#E20A16;}
.bold,
.bold a{color:#15326F; font-weight:bold;}
.it{font-style:italic;}
.fs10{font-size:10px;}
.fs14{font-size:11px;}

/* MAPY */
/*-----------------------------------------------------------*/
/* layout styles */
/*-----------------------------------------------------------*/
div#interactive-map-small {
	background: transparent url(/images/map-small.png) top left;
	height: 159px;
	margin: 0 auto;
	width: 276px;
}

div#interactive-map-large {
	background: transparent url(/images/map-large.png) top left;
	height: 204px;
	margin: 0 auto;
	width: 354px;
}

div#interactive-map-large img, div#interactive-map-small img {
	border: 0;
}

div.map-container {
	border-top: 1px solid #15326F;
	height: 241px;
	padding: 1em 0;
	position: relative;
	width: 425px;
}

.map-container-small {
	border-top: 1px solid #15326F;
	height: 200px;
	padding: 1em 0;
	position: relative;
}
.search-container-small {
	border-top: 1px solid #15326F;
	height: 100px;
	padding: 1em 0;
	position: relative;
}
.search-container-small form input {
	border:1px solid #15326F;
	height:30px;
	width: 310px;
	padding-left:10px;
}

#interactive-map-small-heading,
#interactive-map-large-heading {
	color: #15326F;
	font-size: 21px;
}

div.map-container a {position: absolute;}

div.map-container a#pl {top: 19px; left: 316px;}
div.map-container a#sk {top: 155px; left: 374px;}
div.map-container a#sl {top: 191px; left: 340px;}
div.map-container a#a {top: 196px; left: 197px;}

.form-message {
  font-size: 21px;
  color: red;
  font-weight: bold;
  margin: 10px 0px 10px 0px;
}