html, body {height: 100%}

body
{
	padding: 0;
	margin: 0;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 15px;    
	color: black;  
	line-height:1.35em;
}      
  
h1,h2,h3,h4,h5,h6, .open_sans  {font-family: 'Open Sans', sans-serif; font-weight: 700; text-decoration:none; text-transform: uppercase; color: black;}
h1 {font-size: 2em; margin: 1em 0em 0.5em; line-height: 1.2em;}
h2 {font-size: 1.6em; margin: 1em 0em 0.5em; line-height: 1.2em;}
h3 {font-size: 1.3em; margin: 1em 0em 0.5em; line-height: 1.3em;}
h4 {font-size: 1em; margin: 1em 0em 0.5em; line-height: 1.3em;}

p {margin: 0.8em 0; line-height: 1.4em;}
a {color: #bb3b19; text-decoration: none;}
a:hover {color: #DC5835;}

hr {border:none; border-bottom: 1px solid black; height: 10px; margin-bottom:15px; margin-top: 0px;}

/**************/
.smaller { font-size: smaller;}
.larger { font-size: larger;}
.clear { clear:both;}
.rounded {-webkit-border-radius: 5px -moz-border-radius: 5px; border-radius: 5px;}
.nomargin-right {margin-right: 0 !important;}
.nomargin-left {margin-left: 0 !important;}
.nomargin-top {margin-top: 0 !important;}
.nomargin-bottom {margin-bottom: 0 !important;}
.noborder {border: none !important;}
.gray {color: #555;}
.lightgray {color: #8a8a8a;}
.nowrap{white-space:nowrap;}

a.divlink {display: inline-block; width: 100%; height: 100%;}
a[href^='error'] {background-color: red !important; background-image: none !important; color: white !important;}

ul {margin: 0;}

table {font-size: 1em; border-collapse: collapse; border-spacing: 1px;}
table tr {}
table td {border: 1px solid #aaa; padding: 3px 5px}
table thead td, table th {background-color: #ddd; border-bottom: 2px solid #333 !important; font-weight: bold; color: black}
table tbody td {}

p {margin: 1em 0}
p.perex, blockquote {font-size: 1.2em; line-height: 1.35em; color:#333; margin-left: 0; margin-right: 0}
p span[style] {line-height: 1.4em}
p.cite {border-left: 1px solid #aaa; padding: 0.5em; padding-left: 1em; margin-left: 0.5em}

div.paging_control {text-align: center; position: relative; margin-top:20px;}
div.paging_control em a {font-style: normal; color: #fff; font-size: 17px; margin: 0 3px; text-decoration: none; 
	line-height: 32px; text-align: center; background-color: #9a9a9a; display: inline-block;padding: 0 8px;}
div.paging_control em a:hover {background-color: #bb3b19; }
div.paging_control em.active {font-style: normal; color: #fff; font-size: 17px; margin: 0 3px; text-decoration: none; 
	line-height: 32px; text-align: center; background-color: #bb3b19; display: inline-block;padding: 0 8px;}
div.paging_control span.dots {font-size: 17px; font-weight: bold; display: inline-block; padding: 0 3px;}
div.paging_control a.previous {font-size: 18px; text-decoration: none; 
	position: absolute; left:0; top: 7px; background: transparent url('../images/prev.png') left center no-repeat; padding-left:20px;}
div.paging_control a.next {font-size: 18px; text-decoration: none; 
	position: absolute; right:0; top: 7px; background: transparent url('../images/next.png') right center no-repeat;  padding-right:20px;}
  
input.search {padding: 5px 6px; border: 1px solid #ccc; color: black; width: 230px; float:left;
	background: url('../images/icosearch.png') no-repeat right center; background-position: right 5px center; margin-bottom: 5px;
	position: relative; top: -6px}
input.submit {display:none}

/*********************/

#homelink {position: fixed; right: 30px; bottom:30px; color:black; font-weight:bold; display: none}
#header {height: 90px; border-bottom: 2px solid black; position:fixed; top:0px; width: 100%; background-color: white; z-index:2; box-shadow: 0 0 5px #666}
#header .inner {width: 875px; margin: 59px auto 0;}
#header .logo {float:left; font-size: 33px; width: 330px;}
#header .logo:hover {color: black;}
#header .actual_page { float:left; font-size: 30px;}
#header .languages {float:right; margin-top: 5px}
#header .languages a {color:black; font-weight:bold; font-size: 16px;}
#header .languages a.active, #header .languages a:hover{color:#26408D;}

#main {width: 875px; margin: 0px auto; margin-top: 150px; position: relative;}
#main #menu {width: 300px; position:absolute; }
#main #content {margin-left: 330px; margin-bottom: 10px; padding-bottom: 1em; border-bottom: 2px solid black}
#main #foot {margin-left: 330px; margin-bottom: 2em; font-size: 12px; color: #666;}
#main #foot a.webdesign {text-decoration:none !important; color: #666 !important;}

#main #menu ul {padding-left: 0px; list-style-type: none; line-height: 1.95em;}
#main #menu ul li {margin: 0.7em 0}
#main #menu ul li a {color:black; font-size: 30px; line-height: 0.5em;}
#main #menu ul li a:hover, #main #menu ul li a.active {color:#26408D; }

.news_overview {}
.news_overview .new {border-bottom: 1px solid black; padding-bottom: 15px; margin-bottom:15px;}
.news_overview .new h2 {font-size:30px; line-height: 1.2em; margin-top: 0.75em;}
.news_overview .new h2 a {color:black;}
.news_overview .new h2 a:hover {color:#26408D;}
.news_overview .new div.perex {margin-bottom: 5px}
.news_overview .new a.more {} 

div.calalog_name {background-color: #f3f3f3; padding: 3px 10px; margin-top: 20px;}

#knihy {border:1px solid white; text-align: justify; }
#knihy .item {padding-bottom: .5em; margin-top: 1em;  border-bottom: 1px solid black;}
#knihy .item:last-child {border-bottom: 0;}
#knihy .left  {float:left; margin: 0px 0px 0px 0px; width: 110px;}
#knihy .right {float:left; margin: 0px 0px 0px 17px; width: 415px;}
#knihy .right .nazev {text-transform: uppercase; font-weight: bold; font-size: 1.3em;}
#knihy .right .info { margin-top:12px; font-size: 0.9em; text-align: justify;}

#kniha {  }
#kniha #left  {float:left; margin: 0px 0px 0px 0px; width: 110px;}
#kniha #right {float:left; margin: 0px 0px 0px 17px; width: 415px; }
#kniha #right #nazev {text-transform: uppercase; font-weight: bold; font-size: 1.3em;}
#kniha #right #info { margin-top:20px; font-size: 0.9em; text-align: justify;}
#kniha #right #links {margin-top: 17px;}
#kniha #right #links a {font-weight: bold; font-size: 0.9em;}
#kniha #right #links p {margin: .6em 0;}
#kniha #right table {border: 0; border-collapse: collapse; border: 0px;}
#kniha #right table tr td {padding: 1px 2px; border: 0px; border-bottom: 1px solid #ddd;}
#kniha #right table tr td.cap {padding-right: 2em; font-weight: bold;}

#links {}
#links .link {margin-bottom: 10px;}
#links .link a{ font-size: 1.3em;}
#links .link span{}

.catalog {}
.catalog .article {margin-bottom: 3px;}
.catalog .article a{ font-size: 1em;}
.catalog .article span{}

#archive {}
#archive .item {border-bottom: 1px solid black; padding-bottom: 15px; margin-bottom:15px;}
#archive .item:last-child {border-bottom: 0;}
#archive .item h2 {font-size:30px; line-height: 1em; margin-top: 0.75em;}
#archive .item .perex {}

div.galerie {}
div.galerie a {}
div.galerie a img {padding: 3px; border: 1px solid #ddd; background-color: #eee;}
div.galerie a:hover img {border: 1px solid #FF5E5E;}