/* Design by AJoomlaTemplates.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {background: transparent;border: 0;font-style: inherit;font-weight: inherit;margin: 0;padding: 0;outline: 0;vertical-align: baseline;} table {border-collapse: collapse;border-spacing: 0;}
/* Main Layout */
html {height: 100%;}
body { font:normal 12px Arial, Helvetica, sans-serif; color:#4e4e4e;padding:0; margin:0; 
	background: #fff url(../images/pozadi1.jpg) repeat-x top left;}
.background{position: absolute;width: 100%; /*background:#94D0F5;*/ margin:0; padding:0;}
body.mobile {background:#EAEAEA; height:auto; padding:0; margin:0;}
h1,h2,h3,h4,h5,h6 {margin:0; padding:0 0 10px 0; font-weight:normal;font-family:Arial, Helvetica, sans-serif}
.componentheading, .subheading-category, .tag-category h2 {font-size:14px; line-height:30px; margin:0; padding:10px 0 0 10px;font-weight:bold;color:#FFFFFF;text-transform:uppercase;}
.subheading-category {padding:10px 0 0 0px;;}
h1{font-size:16px; line-height:16px;}h2 {font-size:30px; line-height:30px;}h3 {/*font-size:25px;*/ line-height:25px; font-weight:bold;}h4,h5,h6 {font-size:20px; line-height:20px;}
a{color: #339933;text-decoration: none;}
a:hover {color:#3366cc;text-decoration: underline;}
a.readmore {font-weight:normal;}
.morearticles a {font-weight:normal;}
ul {margin:0 5px 0 15px;list-style:none;} 
p {margin: 0 6px 5px;color:#4e4e4e;}
blockquote {margin:5px; padding:5px; font-size:18px; font-family: "Times New Roman", Times, serif; font-style:italic}
element.style {height:auto;}
hr { display:block; clear:both; border:none; height:2px; background:#eee; margin:0; padding:0;}
.clr {clear: both;}
.highlight {background:#444444; color:#fff; padding:0 1px;}
.morearticles {margin:0 10px 0 30px}
.morearticles li{list-style-image: url("../images/sip.gif");}
/* Header */
#header-w {position:relative;}
#header {position:relative; height:120px; max-width:960px; margin:0 auto; background:#FFFFFF; padding: 10px 0 0;}
#top-mod { position:absolute; right:0;}
#top {color:#fff;width:450px;overflow:hidden; padding:0;z-index:1;line-height:18px; float:right; margin:0 10px 0 0; text-align:right;}
#top a {color:#fff; text-decoration:underline}
#top h1,#top h2,#top h3,#top h4 { color:#fff; font-size:15px; padding:0; margin:0;}
#social { position:absolute; right:0; bottom:5px;}
.logo { position:relative; float:left; z-index:10;}
#nazev {top: 58px;}
.logo a{color:#fff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 1);line-height:60px; font-size:60px; font-family:Arial Narrow,Arial, Helvetica, sans-serif; text-align:left; text-decoration:none; font-weight:bold}
.sitedescription {color:#868686;text-shadow: 0 -1px 0 rgba(0, 0, 0, 1); position:absolute; bottom:10px; left:0px; font-size:12px;letter-spacing:1px; font-weight:normal; text-transform: uppercase}
/* Slider Style */
#slide-w {margin:0 auto; padding:0; background: #fff url(../images/hl-pozadi.jpg) bottom repeat-x;
	border-bottom: 3px solid #ffffff;height: 190px;	z-index:-10;}
#slide-in {background: url(../images/home.png) top left no-repeat;
	height:280px;margin-left:50px;z-index:10;}

/* Top Login/Search Module */
#top .search {float:right; margin:0; padding:15px 0; background: #fff url(../images/hledej.png) right top no-repeat;}
/* Search Component */
.only-search label{ display:inline; margin:0 10px 5px 0}
#top .search .inputbox{ width:120px;}
/* Menu */
#navr {z-index: 1; position:relative; height: 30px;}
#navl {z-index:1;}
#nav {min-height: 30px; padding:0; max-width:980px; margin:0 auto; background:#FFFFFF; z-index:1;}
#nav ul {margin:0; padding:0; }
#nav ul li {list-style:none; display:inline-block;position:relative; padding:0; margin:0; height:30px;}
#nav ul li a { display:block;padding:5px 14px 0px; margin:0;line-height:28px;text-decoration:none;font-size:12px;color:#3399cc; text-transform:uppercase;font-weight:bold;}
#nav .menu > li > a {color: #3399cc; text-decoration: none;}
#nav .menu > li > a:hover, #nav .sfHover a{color: #FFFFFF; text-decoration: none; background: url(../images/tlacitko.png) no-repeat left top;}
/*#nav .menu > .active > a,*/
#nav .menu > .active > a:hover{color: #FFFFFF; text-decoration: none; background: url(../images/tlacitko.png) no-repeat left top;}
#nav ul li a span.menutitle {}
#nav ul li a span.menudesc {display:none}
#nav ul li a span.sf-sub-indicator { padding:0 0 0 10px;}
/* SubMenu */
#nav ul li ul,
#nav ul li.sfHover ul
{position:absolute;width:200px;left:-999em;margin:0; padding:0;  background-color: none;
  border:none;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;}
          
#nav ul li ul ul,
#nav ul li ul ul ul,
#nav ul li ul ul ul ul,
#nav ul li ul ul ul ul ul,
#nav ul li.sfHover ul ul,
#nav ul li.sfHover ul ul ul,
#nav ul li.sfHover ul ul ul ul,
#nav ul li.sfHover ul ul ul ul ul
{position:absolute;width:200px;left:-999em;top:-999em;margin:0; padding:0;  background-color: none;
  border:none;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;}
#nav ul li:hover ul, #menu ul li.sfHover ul {left:0;}
#nav ul li ul li:hover ul, #nav ul li ul li ul li:hover ul, #nav ul li ul li ul li ul li:hover ul {left:200px; top:0}
#nav ul li ul li {padding:0;height:auto;width:200px; margin:0; border-right:none}
#nav ul li:hover ul li a {margin:0; padding:5px 0 5px 10px;line-height:16px;font-size:12px;text-align:left;}
#nav ul li:hover ul li { background:none;}
#nav ul li:hover ul li a,
#nav ul li ul li a,
#nav ul li li ul li a,
#nav ul li.active ul li a,
#nav ul li ul li.active ul li a,
#nav ul li.active ul li a,
#nav ul li.active ul li.active ul li.active ul li a,
#nav ul li.active ul li.active ul li.active ul li.active ul li a,
#nav ul li.active ul li.active ul li.active ul li.active ul li.active ul li a{padding:5px 0 5px 10px;line-height:16px;color:#fff; background:#3399cc;  border:none;}

#nav ul li ul li ul li a,
#nav ul li ul li.active ul li a,
#nav ul li.active ul li.active ul li.active ul li a,
#nav ul li.active ul li.active ul li.active ul li.active ul li a,
#nav ul li.active ul li.active ul li.active ul li.active ul li.active ul li a{padding:5px 0 5px 10px;line-height:16px;color:#fff; background:#3399cc;  border:none; text-transform:none;}

#nav ul li ul li a:hover,
#nav ul li ul li.active a,
#nav ul li.active ul li a:hover,
#nav ul li.active ul li.active a,
#nav ul li li ul li a:hover,
#nav ul li ul li.active ul li.active a,
#nav ul li ul li.active a,
#nav ul li.active ul li a:hover,
#nav ul li.active ul li.active ul li.active ul li a:hover,
#nav ul li.active ul li.active ul li.active ul li.active a,
#nav ul li.active ul li.active ul li.active ul li.active ul li a:hover,
#nav ul li.active ul li.active ul li.active ul li.active ul li.active a,
#nav ul li.active ul li.active ul li.active ul li.active ul li.active ul li a:hover,
#nav ul li.active ul li.active ul li.active ul li.active ul li.active ul li.active a{ padding:5px 0 5px 10px;line-height:16px;color: #fff; background:#94d0f5; }

span.menudesc {display:none;}
#menu-icon {display: none;}
@media screen and (max-width: 600px) {
	#slide-in {background: url(../images/homekr.png) top center no-repeat;}
	#rightbar-w {margin-top:0;}
	#header {height:auto;}
	#nazev {top: 8px;}
	#nav,#login,#search,#user5,#otaznik {display: none;}
	#navr {background:#fff;}
	#login,#search {float:none; clear:both; margin-left:5px}
	#menu-icon {color: #3399cc; text-decoration: none; width:50px; height: 40px; line-height:40px;text-decoration:none;font-size:12px; text-transform:uppercase;font-weight:bold; 
		background: url(../images/menu-icon.gif) no-repeat 10px center;padding: 0 0 0 42px;cursor: pointer;display: block;margin-left:15px;}
	#menu-icon:hover {color: #FFFFFF; text-decoration: none; background: url(../images/tlacitko.png) no-repeat left top;}
	#menu-icon.active {color: #FFFFFF; text-decoration: none; background: url(../images/tlacitko.png) no-repeat left top;}
	#nav {clear: both;	position: absolute;	top: 40px;z-index: 10000;display: none; background:#fff;left:15px;}
	#nav ul {width: auto;position: static;	display: block;	border: none; margin-bottom:5px;}
	#nav ul li {clear: both;float: none; border-right:none; display:block;width: 200px;}
	/* SubMenu */
	#nav ul li ul{position:absolute;width:200px;left:-999em;margin:0; padding:0;}
	#nav ul li:hover ul, #menu ul li.sfHover ul {left:200px; margin:-40px 0 0 0}
	#nav ul li ul li:hover ul {left:200px; top:0}
	#nav ul li ul ul, #nav ul li:hover ul ul,#nav ul li.sfHover ul ul ul, #nav ul li.sfHover ul ul ul ul {display:none}
}

/* Content */
#main { margin:0 auto; position: relative;}
#wrapper-w { padding:0;}
#stranka { margin:0 auto; max-width:950px; padding:0 15px; position: relative;  background:#FFFFFF;}
#wrapper { margin:0 auto; max-width:950px; position: relative;  background:#FFFFFF;}
#comp-w { clear:both;margin:0 auto;min-height:300px; border: 8px solid #66CC00; border-top: none;}
#comp {background:#66cc00;padding:5px 8px 0 8px;}
#comp-i {background:#FFFFFF url(../images/nahoresir.png) no-repeat top left;padding:2px 5px;}
@media screen and (min-width: 800px) {#comp-i {min-height:1000px;}}
.full {padding:0; margin:0; clear:both}
.contact a {text-decoration:none}
/* Article Columns */
.column-1, .column-2, .column-3, .column-4 {position:relative; margin:0; padding:0;}
/* Content styles */
#archive {padding:0; margin:0;}
.archive {padding:0;}
.archive .article-count {color:#999;}
.blog-featured {}
.items-leading {position: relative; clear:both; margin:0 0 20px 0; padding:0;}
.leading {margin:0 0 20px 0; position:relative;}
.items-row {position:relative;clear:both;display:block;}
.item-separator {margin-bottom:25px;}
.item-page, #comp-i .search, .ari-quiz-container {position:relative; margin-top:42px;}
.item-page-title, #comp-i .search, .aq-header {padding:7px 70px 5px 6px;}
.item-page-title, .item-page-title a, #comp-i .search, .aq-header {text-decoration:none;font-size:14px;color: #4E4E4E; font-weight:bold; line-height:20px;} 
.item-page-title a:hover {}
.buttonheading {position:absolute; top:5px; right:5px;}
.buttonheading .edit-icon,
.buttonheading .print-icon,
.buttonheading .email-icon {margin:0; padding:0; width:20px; height:16px; overflow:hidden; float: left;}
.iteminfo {font-size: 11px;display:block;color:#aaa; margin:0 0 5px 0; border-bottom:1px dotted #aaa}
.iteminfo span {margin:0 10px 0 0;}
.iteminfo a {} .iteminfo a:hover {}
.iteminfo .category,.iteminfo .sub-category,.iteminfo .create,.iteminfo .modified,.iteminfo .published,.iteminfo .createdby,.iteminfo .hits {display:inline-block}
.iteminfo .createdby {font-weight:bold;}
.items-more {clear:both; margin-top:10px; padding-top:10px;} h3.items-more {font-size:14px; padding:0; margin:0;}
.items-more ol {margin:0 0 0 30px; padding:0}
table.category {}
th.item-title, th.list-title {font-size: 15px; font-weight: bold; text-align: left;}
/* Module Classes */
/* light */
.light {border:1px solid #DDDDDD !important; background:#f0f0f0 !important; color:#999 !important; }
.light .module-title{color:#999 !important; background:url(../images/module-light.png) 0 0  repeat-x !important;border-bottom:1px solid #fff !important;}
.light .module-body {border-top:1px solid #DDDDDD !important;}
.light a{ text-decoration:underline !important;}
/* normal */
.normal {border:1px solid #999 !important; background:#cccccc !important; color:#555 !important; }
.normal .module-title{color:#ccc !important; background:url(../images/module-normal.png) 0 0  repeat-x !important;border-bottom:1px solid #ccc !important;}
.normal .module-body {border-top:1px solid #999 !important;}
.normal a{text-decoration:underline !important;}
/* dark */
.dark {border:1px solid #222 !important; background:#333 !important; color:#fff !important; }
.dark .module-title{color:#fff !important; background:url(../images/module-dark.png) 0 0  repeat-x !important; border-bottom:1px solid #333 !important;}
.dark .module-body {border-top:1px solid #111 !important;}
.dark a{text-decoration:underline !important;}.dark a:hover{ color:#fff}

.light .module-title, .normal .module-title, .dark .module-title {padding:0 0 0 5px !important;}
.light .module-body, .normal .module-body, .dark .module-body {padding:0 5px !important;}
/* orange */
.orange {border:1px solid #ff8b22 !important; background:#f7af02 !important; color:#4e4e4e !important; }
.orange .module-title{color:#4e4e4e!important; background:url(../images/module-dark.png) 0 0  repeat-x !important; border-bottom:1px solid #f7af02 !important;}
.orange .module-body {border-top:1px solid #ff8b22 !important;}
.orange a{color:#4e4e4e; font-weight:bold}.orange a:hover{text-decoration:underline;}
/* Page Navigation */
ul.pagenav { display:block;} ul.pagenav li { list-style:none;} ul.pagenav li a{ display:block}
.pagenav-prev { float:left;}
.pagenav-next { float:right}
#pagination {clear:both;text-align:center;padding:0;}
.inputbox, input, textarea, select {background:#fff; border:1px solid #d4d4d4;}
/* Breadcrumbs */
.breadcrumbs { padding:0; margin:0 0 10px 0;}
.breadcrumbs a {}
.breadcrumbs .sep{ background:url(../images/arrow.png) 50% 50% no-repeat; padding:5px}
/* Sidebar */
#leftbar-w {}
#rightbar-w {margin-top:80px}
#sidebar {padding:0;}
#sidebar .module { margin:0px 0px 10px;padding-top:80px;}
#sidebar .zabava {background:url(../images/zabavar.png) top right no-repeat;}
#sidebar .zajimavosti {background:url(../images/zajimavostir.png) top right no-repeat;}
#sidebar .pomoc {background:url(../images/pomoc.png) top right no-repeat;}
#sidebar .stahnisi {background:url(../images/stahnisi.png) top right no-repeat;}
#sidebar .module-title {font-size:14px; line-height:32px; color:#fff; padding-left:10px; letter-spacing:1px; background:url(../images/module-title.png) 0 0  repeat-x;  text-transform:uppercase}
#sidebar h3 { margin:0; padding:0 0 5px 0; }
#rightbar-w  .module-title {}
#sidebar .module-body {margin:0; padding:5px;}
#sidebar .module-body p{padding:0; margin:0 0 5px 0;}
#sidebar  ul li { margin:0 5px; padding:0;}
#sidebar  a{}
#sidebar  a:hover{}
/* Sidebar Menu background:url(../images/sidebar-menu-sep.png) bottom left repeat-x;*/
#sidebar .module ul.menu{margin:0; padding:0;list-style:none;text-align:right;}
#sidebar .module ul.menu li{ list-style:none; margin:0; padding:0; }
#sidebar .module ul.menu li:hover{}
#sidebar .module ul.menu li a,
#sidebar .module ul.menu li.active ul li a,
#sidebar .module ul.menu li ul li.active ul li a{display:block;margin:0; padding:0px 20px 0px 0px; background:url(../images/odrazka.png) right center no-repeat; line-height:27px; text-transform:uppercase;color:#666666;}
#sidebar .module ul.menu li a:hover,#sidebar .module ul.menu li.active a,
#sidebar .module ul.menu li ul li a:hover,
#sidebar .module ul.menu li ul li.active a,
#sidebar .module ul.menu li.active ul li a:hover,
#sidebar .module ul.menu li ul li.active ul li.active a { text-decoration:underline; }
#sidebar .module ul.menu li.active {}
/* Sidebar SubMenu*/
#sidebar .module ul.menu li ul {margin:0; background:url(../images/sidebar-menu-sep.png) top left repeat-x}
#sidebar .module ul.menu li ul li {background:none;  margin:0; padding:0 0 0 10px   }
#sidebar .module ul.menu li:last-child, #sidebar .module ul.menu li ul li:last-child, #sidebar .module ul.menu li.active ul li:last-child { background:none }
#sidebar .module ul.menu li ul li a{ }
#sidebar .module ul.menu li ul li a:hover{ border: 0;}
#sidebar .module ul.menu li ul li.active, #sidebar .module ul.menu li.active ul li {  background:url(../images/sidebar-menu-sep.png) bottom left repeat-x}
#facebook {text-align:right; padding:10px 20px; float:right;}
/* User 1 - User 2 - User 3 - User 4*/
#user1{padding:0; margin:0 auto 20px auto;clear:both;}
#user2{padding:0; margin:0px auto 0 auto;clear:both;}
#user1 .module, #user2 .module { }
#user1 .inner, #user2 .inner { padding:0 10px;}
#user1 .module-title, #user2 .module-title {display: block; font-size: 14px; line-height: 32px;letter-spacing:1px; text-transform:uppercase}
#user1 h3.module-title, #user2 h3.module-title {margin-bottom:0; padding-bottom:0;} 
#user1 .module-body, #user2 .module-body {}
#user1 a, #user2 a {}
#user1 a:hover, #user2 a:hover {}
#user1 ul, #user2 ul {margin:0; padding:0;}
#user1 ul li, #user2 ul li { border-bottom:1px solid #eee ; list-style:none;}
#user1 ul li:hover, #user2 ul li:hover  {}
#user1 ul li a, #user2 ul li a { display:block; padding:0 0 0 20px; background:url(../images/user1-arrow.png) 0 50% no-repeat;text-decoration:none; }
#user1 ul li a:hover, #user2 ul li a:hover {}
/* User 4 */
#user4w { margin:0 auto; max-width:950px;border-top:10px solid #66cc00; background: url(../images/pozadi1.jpg) top left repeat-x; /*border-bottom:1px solid #111; padding:20px; */}
#user4 {padding:0; margin:0 auto; clear:both;}
#user4 .inner { padding:5px 10px 0 10px;}
#user4 .module-title {margin:0 0 10px 0;padding:0;display: block; font-size: 14px; line-height:32px; color:#333; letter-spacing:1px; text-transform:uppercase}
#user4 .module-body {padding:0; margin:0;}
#user4 ul {margin:0; padding:0;}
#user4 ul li {list-style:none; border-bottom:1px dotted #eee}
#user4 ul li a {}
#user4 a {color:#0e618a; text-decoration:underline}
#user4 a:hover {color:#000;}
#user4 ul li:hover {}
#user4 ul li a {display:block; padding:0 0 0 20px; background:url(../images/user4-arrow.png) 0 50% no-repeat;text-decoration:none;}
#user4 ul li a:hover {}
/* User 5 */
#user5w { background:#333; padding:20px; border-top:1px solid #555;border-bottom:1px solid #555;}
#user5 {padding:10px 20px; margin:0 auto; clear:both; color:#fff; width:50%; float:left;}
#user5 .inner { padding:5px 10px 0 10px;}
#user5 .module-title {margin:0 10px 10px 0;padding:0;display: block; font-size: 12px; line-height:15px; color:#fff; text-transform:uppercase}
#user5 .module-body {padding:0; margin:0;}
#user5 .kolo {float:right;}
#user5 h3 {font-weight:bold; float:left;} 

/* Footer */
#footer-w{}
#footer { padding:10px 0;text-shadow:1px 1px #000; margin:0 auto; max-width:960px;}
#footer p{ margin:0; padding:0;}
.copy { margin:0; padding:0;font-size:12px;float:left; color:#fff; }
.copy a {font-size:12px; color:#199cdd}.copy a:hover {color:#fff}
.proto{margin:0; padding:0; font-size:10px; line-height:12px;color:#555; text-align:center; text-shadow:none}
.proto a { text-decoration:none; font-size:10px;color:#555}
#footerin {background:#fff;	padding:5px 0;margin-top:5px;text-align: center;border: 0.1em solid #333333;float:left;width:100%}
#footerin div {float:left; min-width:250px; max-width:420px;}
#footerin table{border: 0.1em solid #333333;}
#footerin td {vertical-align: middle;}

/* System Messages */
#system-message    {}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; }
#system-message dd ul {  padding: 8px 35px 8px 14px; margin:0 0 20px 0; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #c09853; list-style:none}
/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }
/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul {background-color: #f2dede; border-color: #eed3d7; color: #b94a48;}
/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul {  background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad;}
/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}
#error {padding:20px; text-align:center}
#error .error { color:#FF0000; background:#fff; display:block; padding:0;font-size: 200px; font-weight: bold; line-height: 200px;}
#error .center {width: 400px; margin-left:-200px;left: 50%; position: absolute; text-align: center; top: 20%}
#error .error { text-shadow: 0 -1px 0 rgba(0,0,0,0.9), 0 1px 0 rgba(255,255,255,0.7); }
#error .error > span {display: inline-block;position: relative;}
#error .error > span:before {content: "";position: absolute;top: 70%;left: -30px;right: -30px;	height: 80px;background: url(../images/error.png) no-repeat;background-size: 100% 100%;}
#error ol li{ text-align:left;}
/* Offline */
.error-offline .error > span:before { top: 65%; }
.error-offline .message { width: 350px; }
/* Tooltips */
.tip-wrap { float: left;  padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #535353; border: 1px solid #222; -webkit-border-radius: 4px; -moz-border-radius: 4px;
border-radius: 4px; color: #fff; max-width: 200px; text-shadow:1px 1px #000}
.tip-title {padding: 0; margin: 0; display:none}
.tip-text {font-size: 100%; margin: 0;}
#topcontrol {background:url(../images/arrow_up.png) 50% 50% no-repeat;width:60px;height:60px;white-space:nowrap;cursor: pointer;opacity:0.7;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); bottom:20px; right:20px;}

@media screen and (max-width: 980px) {.camera_wrap {height:50%}#slide-in{margin-left:0;}}
@media screen and (max-width: 600px) {#top-mod,#social {display:none}.copy {float:none; text-align:center;} .logo {left:10px}.sitedescription {left:10px;}}
@media screen and (max-width: 480px) {}
@media screen and (max-width: 940px) {#nav .menu > li > a{padding:5px 5px 0} #slide-in{margin-left:0;}}
@media screen and (max-width: 960px) {}
small {line-height:10px;}
.item-page li {list-style-image: url("../images/sip.gif");
    margin-left: 18px;
    margin-right: 0;
    margin-top: 5px;
    padding: 0;}
.item-page ol {padding:0 3px;}
.item-page img {margin:3px 15px 3px 5px;}
.module-body {font-weight:normal;}
.contentpane {margin-top:50px;}
.contentpane h1 {margin-left:7px; font-weight:bold;}
body.contentpane {background:none;}
.mailto-close {margin: 20px; text-align:right;}

/* update spring 2018 */
p {
    margin: 0 0 10px 0;
    line-height:150%!important;                   
}

#header {
    height: 145px!important; 
}

#navr {
    height: 50px;
}

#nav {background: #065aa2;}

#nav > ul  {
    text-align:right;
}


#nav > ul > li {
    height: 50px; 
}

#nav .menu > li > a {
    color: #fff;
    line-height:48px!important;
    padding: 2px 14px 0px;
}

#slide-w {
display:none;
}

#rightbar-w {
    margin-top: 15px;background:#fff;
}

#sidebar .module {
    padding-top: 0px;
}

#sidebar .zabava, #sidebar .zajimavosti {
    background: none;
}

#sidebar .module ul.menu {
    text-align: left;
}

#sidebar .module ul.menu li a, #sidebar .module ul.menu li.active ul li a, #sidebar .module ul.menu li ul li.active ul li a {
    padding: 3px 0px 0px 20px;
    background: url(../images/odrazka.png) left center no-repeat;
}

#comp-w {
    border: none;
}

#user4w {
    border-top: 0px solid #66cc00;
}

#comp {
    background: #fff;
    padding: 15px 0 0 0px;
}

.componentheading, .subheading-category, .tag-category h2 {
    color: inherit; 
    padding*left:10px;
}

#comp-i {
    background: #fff;
    padding: 0 15px 40px 0;
}

#footerin {
    max-width: 948px;
    border: 1px solid #333333;
    margin-top:15px;
    margin-bottom:15px;
}

#user2 p {text-align:center;}

.item p img {margin:10px!important;}

#nav .menu > .active > a:hover, #nav .menu > .active > a, #nav .menu > li > a:hover {
    color: #FFFFFF;
    background: #1274b9;
}

h1,.componentheading, .blog > h2.item-page-title {font-size:2.5em;color:#f66013;padding: 30px 0 10px 0;line-height:inherit;}

.subheading-category {color:#065aa2;font-size:inherit;line-height:inherit;font-size:0.9em;}

.item-page-title,.item-page-title a, .aq-header {
    text-decoration: none;
    font-size: 1.8em;
    color:#339933;
    padding: 10px 50px 10px 0;
    line-height:1.2em;
}
#comp-i .search 
{
    font-weight: normal;
}
#comp-i .result-created 
{
    margin-bottom:15px;
}
h3.result-title 
{
   padding-bottom:0;
}
.item-page-title a {
     font-size: 1.0em!important;
}

.item-page-title a:hover {   
    color:#065aa2;       
}

.breadcrumbs { margin:10px 0 10px 0;}

.buttonheading {padding-top:8px;margin-left:10px;}

.menu > li > span.separator {font-size:14px;color:#065aa2;text-transform:uppercase;font-weight:bold;display:block;margin-top:15px;margin-bottom:5px;}

#social .menu {margin:0;}

#social .menu li {display: inline-block;margin:5px 0px 5px 5px;line-height:30px!important;}

#social .menu li a {display:inline-block; vertical-align: middle;padding:0px 10px;border:1px solid #065aa2;border-radius: 5px;color:#065aa2;text-decoration:none;line-height:30px!important;}

#social .menu li a:hover, #social .menu li.active a {border:1px solid #339933;color:#339933;}   

a.fb-icon  {background: #fff url(../images/fb-icon.png) no-repeat 50% 50%;}

a.fb-icon:hover  {background:#339933 url(../images/fb-icon.png) no-repeat 50% 50%;}

a.twitter-icon  {background: #fff url(../images/twitter-icon.png) no-repeat 50% 50%;}

a.twitter-icon:hover  {background: #339933 url(../images/twitter-icon.png) no-repeat 50% 50%;}

a.socialicon {width:30px;height:30px;padding:0!important;}

a.socialicon  img {}

.items-more li {padding-top:3px;padding-bottom:4px;}

#user5 h3, #user5 p {font-size:100%!important;line-height:120%!important;margin-bottom:0!important;}

#system-message-container {margin-top:10px;margin-bottom:10px;}

#main-content, div.breadcrumbs {padding-left:20px;padding-right:20px}

.cat-children {margin-top:20px;}

.cat-children ul {margin-left:0;font-size:1.4em;line-height:1.8em;text-transform:uppercase;font-weight:bold;}

.cat-children ul li {display:block;border-bottom:1px solid #eaeaea;padding-top:5px;padding-bottom:5px;}

.visitorcounter .small a {color:#065aa2;}
.visitorcounter p {color:#ffffff;}