@import url("paging.css");

body,div,p,h1,h2,h3,form,a {margin: 0; padding: 0; border: none; background: transparent; font-size: 13px; font-family: "OpenSans";}
body {width: 100%; min-width: 1000px; background: #FFFFFF;}

a {color: #cc0000;}
a:hover {}
p {font-size: 13px; margin: 0; padding: 0; font-weight: normal;}
p.small {font-size: 12px;}
h1 {font-size: 24px; font-weight: normal;}
h2 {font-size: 16px; font-weight: normal; color: #333333; margin: 0; padding: 0; margin-left: 10px;}
h3 {font-size: 13px; font-weight: bold; color: #cc0000;}

ul {font-size: 13px; margin-top: 10px; margin-bottom: 5px; padding-left: 17px; line-height: 18px; list-style-image: url("/images/odrazka.png");}

#box-message			            { display: none; position: absolute; top: 50px; left: 150px; }
#result-message                     { padding: 10px 20px; font-weight: bold;  }
#box-message .message				{ cursor: pointer; display: none; font-weight: bold; }
#box-message .message span			{ font-weight: normal; font-size: 9px; }
#box-message .info	                { border: 1px solid #50C24E; color: darkgreen; overflow: hidden; padding: 20px;
                                      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAoCAYAAAAPOoFWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPZJREFUeNq81tsOgjAMANB2ov7/7ypaN7IlIwi9rGuT8QSc9EIDAsAznxvY4pXPKr05RUE5MEVB+TyWfCEl9LZApYopCmo9C4FKSMtYoI8Bwv79aQJU4l6hXXCZrQbokJEksxHo9KMOgc6w1atHXM8K9DVC7FQnJ0i8iK3QooGgbnyKgMDygBWyYFZoqx4qS27KqLZJjA1D0jK6QJcYEQEiWv9PGkTsbqxQ8oT+ZtZB6AkdsJnQDnMoHXHLGKOgDYuCWmYhEERCI5gaamW0bnHdA3k2ltlIN+2qKRyCND0bhqSYCyTB3CAOc4WusBEIpkeBuPgJMAAX8Hs1NfqHRgAAAABJRU5ErkJggg==") repeat-x scroll left top lightgreen;
                                    }
#box-message .error	                { border: 1px solid darkred; color: white; overflow: hidden; padding: 20px; 
                                      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAoCAYAAAAPOoFWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPZJREFUeNq81tsOgjAMANB2ov7/7ypaN7IlIwi9rGuT8QSc9EIDAsAznxvY4pXPKr05RUE5MEVB+TyWfCEl9LZApYopCmo9C4FKSMtYoI8Bwv79aQJU4l6hXXCZrQbokJEksxHo9KMOgc6w1atHXM8K9DVC7FQnJ0i8iK3QooGgbnyKgMDygBWyYFZoqx4qS27KqLZJjA1D0jK6QJcYEQEiWv9PGkTsbqxQ8oT+ZtZB6AkdsJnQDnMoHXHLGKOgDYuCWmYhEERCI5gaamW0bnHdA3k2ltlIN+2qKRyCND0bhqSYCyTB3CAOc4WusBEIpkeBuPgJMAAX8Hs1NfqHRgAAAABJRU5ErkJggg==") repeat-x scroll left top red;
                                    }


form {}
input {height: 28px; border: 1px #787878 solid; background: #FFFFFF; border-radius: 5px; margin: 0; padding: 0; padding-left: 8px; padding-right: 8px;}
input:focus {border: 1px #626262 solid;}
input.submit {border: none; }
input.checkbox+label {}
input.checkbox:checked+label {}
input.radio+label {}
input.radio:checked+label {}
textarea {height: 60px; border: 1px #787878 solid; background: #FFFFFF; border-radius: 5px; padding: 7px;}
select {}

.left {float: left !important;}
.right {float: right !important;}
.clear {clear: both !important;}
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.hidden {display: none !important;}
.center {text-align: center;}

#body {width: 100%; min-width: 1000px; position: absolute; min-height: 100%; padding-bottom: 200px; margin-top: -200px;}
#cover {width: 100%; min-width: 1000px; margin-top: 200px; min-height: 400px; background: url("/images/background.png") repeat-x #FFFFFF;}
.layout-center {width: 1000px; margin: 0 auto; position: relative;}

#content {margin-top: 20px; float: left; width: 100%;}
#content .layout-center { width: 1002px; }
#content .layout-center .inner { width: 1002px; float: left; background: url("/images/content-repeat.png") repeat-y; min-height: 400px;}
#main {width: 770px; margin-top: 10px; margin-right: 10px; background: url('/images/titulni_obrazek.jpg') top center no-repeat; padding-top: 200px;}
#main .image {width: 770px; height: 258px; overflow: hidden; z-index: 1; position: absolute;}
#main > .image + div {margin-top: 258px;}
#main #znacky {width: 770px; margin-top: 0;}
#main #znacky .item {width: 255px; height: 80px; text-decoration: none; background: url("/images/znacky-background.png") repeat-x left bottom transparent; padding-top: 15px; display: block; padding-bottom: 15px; float: left;}
#main #znacky .item {border-left: 1px #c8c9cc solid;}
#main #znacky .item .znacky-image {width: 66px; margin-left: 5px; position: static; padding-top: 9px; margin-right: 7px; padding-right: 7px; border-right: 1px #c8c9cc solid; height: 71px; float: left; overflow: hidden;}
#main #znacky .item .znacky-image img {width: 60px;}
#main #znacky .item h2 {font-size: 16px; color: #000000; width: 145px; line-height: 20px; font-weight: bold; float: left;}
#main #znacky .item p {font-size: 13px; color: #000000; float: left; margin-top: 5px;}
#main #znacky .item p strong {font-size: 18px; color: #cc0000;}
#main #znacky .banner {width: 491px; height: 90px; padding-left: 10px; padding-right: 10px; display: block; float: left; background: #f0d799; border-left: 1px #c8c9cc solid; padding-top: 10px; padding-bottom: 10px;}
#main #znacky .banner .left {width: 160px; }
#main #znacky .banner .right {width: 330px;}
#main #znacky .banner p {font-size: 13px;}
#main #znacky .banner h2 {font-weight: bold; font-size: 30px;}
#main #znacky .banner .left p strong {font-size: 18px; font-weight: bold; color: #cc0000;}
#main #znacky .banner .left p {font-size: 14px;}
#main #znacky .banner .left h2 + p {font-size: 13px;}
#main #znacky .banner ul {font-size: 12px; margin-top: 10px; margin-bottom: 5px; padding-left: 17px; line-height: 18px; list-style-image: url("/images/odrazka.png");}
#main #znacky .banner a {width: 158px; height: 28px; line-height: 24px; font-size: 13px; text-align: center; background: url("/images/more-info.png") no-repeat; text-decoration: none; margin-right: 14px; color: #FFFFFF; display: block; float: right;}
#main #znacky.hp {padding-top: 200px; position: relative; z-index: 2;}

#clanek-detail  { padding: 20px; }
#clanek-detail p { margin: 0; padding: 10px 0px; font-weight: normal;}
#clanky-prehled  { padding: 20px; }


#main #novinky {width: 100%; float: left;}
#main #novinky h2 {font-size: 16px; font-weight: normal; color: #333333; margin: 0; padding: 0; line-height: 30px; margin-left: 10px;}
#main #novinky .item {width: 220px; margin-top: 10px; min-height: 80px; padding-left: 15px; padding-right: 15px; padding-top: 5px; float: left;}
#main #novinky .item+.item {border-left: 1px #c8c9cc solid;}
#main #novinky .item p {font-size: 12px;}

#main #sluzby {width: 100%; margin-top: 30px; float: left; padding-bottom: 20px;}
#main #sluzby .item {width: 152px; height: 160px; padding-left: 15px; padding-right: 15px; margin-left: 4px; margin-right: 5px; background: url("/images/sluzby-back.png") no-repeat left bottom; float: left; text-align: center;}
#main #sluzby .item .image {width: 123px; text-align: center; position: static; height: 92px; margin-left: 13px; margin-top: 25px; margin-bottom: ; overflow: hidden;}
#main #sluzby .item .image img {max-width: 123px; text-align: center;}
#main #sluzby p {text-align: center; font-size: 13px; line-height: 18px;}
#main #sluzby p a {text-align: center; font-size: 13px; line-height: 18px;}

#main .nadpis {width: 100%; min-height: 30px; background: url("/images/nadpis-background.png") repeat-x #e1e2e5;}

#left_panel {width: 190px; margin-left: 10px; margin-top: 10px; padding-bottom: 20px;}
#left_panel a.logo {width: 190px; height: 90px; float: left; display: block; background: url("/images/logo.png") no-repeat;}
#left_panel .item {padding-bottom: 3px;}
#left_panel .item+.item {margin-top: 10px; border-top: 1px #707070 solid;}
#left_panel .item p {line-height: 20px; margin: 0; padding-top: 10px;}
#left_panel .item a {display: block; width: 78px; margin-top: 7px; text-decoration: none; height: 16px; line-height: 16px; padding-left: 5px; background: url("/images/cely-clanek.png") no-repeat; font-weight: bold; font-size: 11px; color: #FFFFFF;}


#kde-nas-najdete {float: left; clear:both; margin-top: 20px; width: 170px; height: auto; padding: 10px; background: #f0d799;}
#kde-nas-najdete a {width: 116px; height: 36px; line-height: 20px; background: url("/images/kde-nas-najdete.png") no-repeat; margin-top: 10px; padding-left: 10px; text-decoration: none; display: block; color: #FFFFFF; font-weight: bold; font-size: 12px;}

ul#nav {width: 190px; height: auto; float: left; list-style-image: none; list-style-type: none; margin: 0; padding: 0; margin-top: 15px; margin-bottom: 25px;}
#nav a {background: url("/images/menu-shadow.png") bottom center #45464d no-repeat; text-decoration: none; color: #FFFFFF; font-size: 13px; padding-top: 8px; padding-left: 10px; padding-bottom: 8px; display: block; width: 180px; height: auto;}
#nav a:hover {background: url("/images/menu-light.png") bottom center #45464d no-repeat;}

#footer {width: 100%; height: 200px; background: url("/images/footer.png") repeat-x; position: absolute; bottom: 0;}
#footer .partners {width: 100%; height: 115px; background: #36373e;}
#footer .partners a {font-size: 12px; color: #FFFFFF;}
#footer .partners h3 {margin: 0; padding: 0; color: #FFFFFF; font-size: 15px; font-weight: normal;}
#footer .partners .sloupec {min-width: 140px; padding-right: 20px; line-height: 16px; margin-top: 15px; float: left;}
#footer .partners ul  {margin: 0; padding: 0; list-style-image: none; min-width: 140px; padding-right: 20px; line-height: 16px; float: left; margin-top: 15px; list-style-type: none;}
#footer .partners .sloupec.big {width: 225px; margin-left: 10px;}
#footer .copyright {width: 100%; height: 70px; padding-top: 15px; background: #5f616b;}
#footer .copyright {color: #FFFFFF;}
#footer .copyright a {color: #FFFFFF;}

#kniha_form 	             	{ width: 700px;  }                  
#kniha_form td	             	{ vertical-align: top;  }                  
#kniha_form label             	{ width: 70px; float: left;  font-size: 1em; font-weight: bold; }                  
#kniha_form input			  	{ font-size: 1em; border: 1px solid #949688; margin-bottom: 5px; }                  
#kniha_form textarea  			{ font-size: 12px; width: 350px; height: 80px; border: 1px solid #949688; margin-bottom: 5px; }                  
#kniha_form .submit           	{ font-weight: bold; font-size: 11px; background-color: #F9D401; }                  
#kniha_obsah .nadpis           	{ float: left; font-size: 0.9em; width: 100%; background: #45464d; margin: 0px; min-height: 0px;  }                  
#kniha_obsah .nadpis span		{ text-align: left; margin-left: 20px; }
#kniha_obsah                  	{ background-color: #ffffff; margin: 0px auto; margin-top: 20px; font-size: 1em; width: 700px; }                  
#kniha_obsah ul                			{ padding-left: 0px; margin-left: 0px; list-style: none; }                  
#kniha_obsah .vrstva_top .nadpis           	{ color: white; padding: 2px 5px; background-color: #45464d; float: left; width: 690px; }               
#kniha_obsah .vrstva_sub .nadpis           	{ color: white;  }               
#kniha_obsah .vrstva_sub .nadpis a         	{  }               
#kniha_obsah a                	{ color: #ffffff; font-weight: bold;  }                  
#kniha_obsah li                	{ list-style-type: none;  }                  
#kniha_obsah span.admin			{ color: orange; }
#kniha_obsah .vrstva_top .text				{ padding-left: 5px; }

.galerie .img_box      { margin: 10px; width: 220px; height: 180px; overflow: hidden; text-align: center; float: left; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.21);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.21);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.21);}
.galerie .img_box img  { width: 220px; }