/*  Programovanie kodu: Norbert ESTVANCIK,  www.7art-box.sk */

.clearfix {
  clear: both;
  font-size: 1px;
  height: 1px;
  line-height: 0.1;
  visibility: hidden;
  width: 100%;  
  height: 0%;
}

p {
  margin: 0px;
}
/* Hlavne kontajnery
======================================== */
#body {
  width: 100%;
  background-image: url(../images/back.png);
  background-repeat: repeat-y;
  background-position:center;
  background-color: #E0ECF3;
}
#wrapper {
  width: 998px;
}
#wrapper_inline {
  margin:0 4px;
  background-image: url(../images/inline.png);
  background-repeat: repeat-x;
  background-position:top;
}
#top {
  width:auto;
  height:87px;
}
#footer {
  width:auto;
  height:53px;
  color:#fff;
  font-size:12px;
  background-image: url(../images/footer.png);
  background-repeat: repeat-x;
}

/* Logo + Ikonky
======================================== */
h1.logo {
  display: none;
  margin: 0px;
}
.logo a {
  background-image: url(../images/logo.png);
  background-repeat: no-repeat;
  width: 340px; 
  height: 87px;
  float: left;
  display: inline;
}
.ikonky {
  float: right;
  display: inline;
  width:295px;
  height:50px;
  background: url(../images/ikonky.png) no-repeat top;
}
.ikonky p {
  margin-top:5px;
}
.ikonky a, .ikonky a:visited {
  font-size:11px;
  font-weight:700;
  padding: 50px 11px 0px 7px;
  text-decoration:none;
  display: block;
  float:left;
}
.ikonky a:hover {
  color:#111;
}

/* Menu TOP
======================================== */
#menu {
  background-image: url(../images/menu.png);
  background-repeat:repeat-x;
  width:auto;
  height:45px;
  z-index: 999;
}
ul.menu, ul.menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ul.menu li {
  position: relative;
  display: inline;
  float: left;
  height:45px;
  line-height:45px;
  background-image: url(../images/menu-sep.png);
  background-repeat:no-repeat;
  background-position:right;
}
ul.menu ul li {
  height:20px;
  line-height:20px;
}
ul.menu li a, ul.menu li a:visited {
  float:left;
  color:#fff;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  padding:0px 20px;
  margin-right:2px;
}
ul.menu li a:hover, ul.menu li a#active  {
  background-image: url(../images/menu-hover.png);
  background-repeat:repeat-x;
}

/* Dropdown
======================================== */

ul.menu li ul {
  left: 0;
  z-index: 999;
  background-color: #01b1f7;
  border-left: 1px solid #008cc1;
  border-right: 1px solid #008cc1;
  border-bottom: 1px solid #008cc1;
  position: absolute;
  top: 1em; /* no need to change, as true value set by script */
  display: block;
  visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
ul.menu li ul li {
  display: list-item;
	float: none;
	height: 23px;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
ul.menu li ul li ul { 
	border-top: 1px solid #008cc1;
  left: 159px; /* no need to change, as true value set by script */
  top: 0;
}

/* Sub level menu links style */
ul.menu ul a, ul.menu ul a:active, ul.menu ul a:visited {
  display: block;
  width: 180px; /*width of sub menu levels*/
  height: 23px;
  color: white;
  text-decoration: none;
  padding: 0px 8px 0px 8px;
  /*padding: 7px 15px 7px 15px;*/
  font-weight: normal;
  font-size: 100%;
  background-image: none;
}
ul.menu ul a:hover {
  background-color: #3cc9ff;
  color: white;
  background-image: none;
}
ul.menu ul a.subfoldericon {
  background-image: url(../images/arrow.gif);
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
  padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html ul.menu li { float: left; height: 1%;}
* html ul.menu li a { height: 1%;}
* html ul.menu li ul li { float: left;}
/* End */

/* Vyhladavanie
======================================== */
.search {
  background-image: url(../images/search.png);
  width:268px;
  height:45px;
  float:right;
  display:inline;
}
input.search_tag, input.send {
  float:left;
  width:165px;
  display:inline;
  border:0px solid #000;
  background:none;
  color: #666;
  font-size:12px;
  padding:17px 0 0 10px;
}
input.send {
  width:72px;
  color: #fff;
  font-weight:700;
  padding:15px 0 0 29px;
}

/* Navigace
======================================== */
#nav {
  width:670px;
  /*height:40px;*/
  float:left;
  display:inline;
  /*line-height:40px;*/
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left:15px;
  margin:0;
  font-size:11px;
}
#nav span {
  font-weight:700;
  color:#68A632;
  padding-right:5px;
}
#nav a, #nav a:visited {
  padding:0 5px;
}

/* Info panel
======================================== */
#info_panel {
  width:960px;
  clear:both;
  height:300px;
  background-color:#E0ECF3;
  margin-top:15px;
  margin-bottom:15px;
}
.novinky, .banner {
  float:left;
  display:inline;
  width:300px;
  height:280px;
  margin:10px 0 0 10px;
  background:#fff;
  font-size: 100%;
}
.banner {
  float:right;
  width:630px;
  margin:10px 10px 0 0;
}
.banner {
	/*background-image: url(../flash/gallery/1.jpg);
	background-repeat: no-repeat;
	background-position: center center;*/
	background-color: transparent;
}
h2.news {
  color:#494949;
  font-weight:400;
  padding: 8px 0 8px 10px;
  margin: 0px;
  float: left;
  display: block;
}
h2.news a {
	color: #0099D6;
}
.novinky a {
	color: #A7A7A7;
}
.novinky a.nextNews {
  font-weight:bold;
  width:23px;
  height:23px;
  margin-top: 8px;
  margin-right: 8px;
  line-height:23px;
  text-decoration:none;
  margin-left:4px;
  text-align:center;
  display:block;
  color: #0099D6;
  float: left;
  /*background: url(../images/page-pasive.png) no-repeat;*/
  /*color: #A7A7A7;*/
}
.novinky a.nextNews:hover {
  /*background: url(../images/page-active.png) no-repeat;*/
  background-color: #e0ecf3; 
  color:#0099D6;
}
.novinky p {
  background-color:#04BAFF;
  color:#fff;
  padding:4px 0 4px 10px;
}
.novinky p span {
  font-size:11px;
  font-weight:700;
}
p.news_white {
  background:none!important;
  color:#333!important;
}

/* Content titulka
======================================== */
#content {
  width:680px;
  min-height:500px;
  float:left;
  display:inline;
  margin:0 0 30px 15px;
}
h2.clanky {
  background:#03B6FA;
  color:#fff;
  padding:4px 0 4px 10px;
  font-weight:400;
  margin: 0px;
}
table.aktuality {
  width:100%;
  border:0;
  font-size:12px;
  color:#333;
}
table.aktuality a, table.aktuality a:visited {
  font-size:14px;
}
tr.bg_none {
  background:none!important;
}
table.aktuality tr {
  background-color:#EAF2F7;
}
table.aktuality td {
  padding:10px;
}

/* Content clankova a obsahova cast
======================================== */
.clanek {
  margin:0;
  clear:both;
}
.clanek h3 {
  background-color:#EAF2F7;
  padding:5px 10px;
  color:#0099D6;
  font-weight:700;
  border:1px solid #DAE9F1; 
  display:inline;
  margin: 0px;
}
span.date {
  padding:7px 0 3px 0;
  display:block;
  font-size:11px;
  margin-top:5px;
  color:#666;
  border-top:1px solid #dae9f1;
}
span.green {
  border-top:1px solid #91CD5A;
}
a.more, a.more:visited {
  background: url(../images/more.png) no-repeat;
  width:90px; height:25px;
  line-height:25px;
  text-align:center;
  font-size:12px;
  font-weight:700;
  margin:5px 0 10px 0;
  float:right;
  display:block;
  text-decoration:none;
  color:#fff;
}
a.more:hover {
  background: url(../images/more-hover.png) no-repeat;
}
p.italic {
  font-style:italic;
  color:#68A632;
}

/* Strankovanie
======================================== */
div.paginationWrapper {
	margin-top: 30px;
	float:left;
	position:relative;
	left:50%;
}
div.pagination {
  position:relative;
	left:-50%;
}
div.pagination a, div.pagination a:visited {
  color:#7A7A7A;
  font-weight:bold;
  width:23px;
  height:23px;
  line-height:23px;
  text-decoration:none;
  margin-left:4px;
  text-align:center;
  display:block;
  float:left;
	position:relative;
  background: url(../images/page-pasive.png) no-repeat;
}
div.pagination a:hover,.pagination a#activPage {
  background: url(../images/page-active.png);
  color:#fff;
}
div.pagination span {
  color:#ccc;
  font-weight:bold;
  width:23px;
  height:23px;
  line-height:23px;
  text-decoration:none;
  margin-left:4px;
  text-align:center;
  display:block;
  float:left;
	position:relative;
  background-image: url(../images/page-disabled.png);
  background-repeat:no-repeat;
}

/* Sidebar
======================================== */
#sidebar {
  width:287px;
  min-height:500px;
  float:right;
  display:inline;
  /*background-color:#EFF1F1;*/
  background-color:#e0ecf3
}
.sidebar_in {
  padding:10px;
}
.kontakt_panel {
  width:260px;
  height:132px;
  color:#fff;
  background: url(../images/kontakt_panel.png) no-repeat;
}
.kontakt_panel h2 {
  padding:10px 0 4px 10px;
  font-weight:400;
  color:#fff;
  margin: 0px;
}
.kontakt_panel p {
  font-size:16px;
  line-height:26px;
  padding:0 0 0 10px;
}
.kontakt_panel p img {
 vertical-align: middle;
 margin-right:5px;
 }
.kontakt_panel a {
  color:#fff;
}
 
 /* Sidebar MENU
======================================== */
#sidebar ul {
  list-style-type: none;
  margin: 0px;
  border-left:1px solid #eff1f1;
}
#sidebar ul li {
  font-size:13px;
  border-bottom:1px solid #eff1f1;
}
#sidebar ul li a, #sidebar ul li a:visited {
  font-size:13px;
  color:#333;
  background-color: #e0ecf3;
  display:block;
  padding:0 0 0 30px;
  text-decoration:none;
  font-weight:700;
  line-height:25px;
}
#sidebar ul li a:hover, #sidebar ul li a.active {
  background: url(../images/sidebar_menu.png) repeat-x;
  color:#fff;
}
#sidebar ul ul {
  list-style-type: none;
  padding-left:10px;
}
#sidebar ul ul li a,#sidebar ul ul li a:visited {
  background:none;
  font-size:12px;
  font-weight:400;
  line-height:20px;
}
#sidebar ul ul li a.active {
  background:none;
  font-size:12px;
  font-weight:bold;
  line-height:25px;
  color: #000;
}
#sidebar ul ul li a:hover {
  color:#0099D6;
  background:none;
}
 
 /* Moduly
======================================== */
.module {
  margin-top:15px;
}
.module h3 {
  background: url(../images/module.png) repeat-x;
  color:#fff;
  font-weight:700;
  line-height:29px;
  padding-left:10px;
  border:1px solid #69A732;
  margin: 0px;
}
img.map {
  border:5px solid #fff;
  margin-top:10px;
}
img.map:hover {
  border:5px solid #d2d2d2;
}
ul.sponzori {
  list-style-type: none;
  padding:10px 0 10px 0; 
  font-size:12px;
  line-height:20px;
}

/* Footer linky
======================================== */
.footer_menu {
  float:left;
  display:inline;
}
.footer_menu p {
  padding:20px 0 0 5px;
}
.footer_menu a, .footer_menu a:visited {
  color:#fff;
  padding:0 10px 0 10px;
  text-decoration:none;
}
.footer_menu a:hover {
 text-decoration:underline;
}

/* Copy
======================================== */
.copy {
  float:right;
  padding:20px 15px 0 0;
}

.perex {
  margin-top: 1em;
}
.novinky a {
  color: #fff;
}
.novinky .news_white a {
  color: #0099D6;
}
#content img {
	margin: 5px;
  border: 1px solid #ccc;
  padding: 3px;
}
#content p {
  margin-bottom: 1em;
}
#contentBox {
  border: 8px solid #E0ECF3;
  padding: 8px;
  margin: 0em 0em 1em 0em;
  width: auto;
}