/* ********************************** */
/* LAYOUT                             */
/* ********************************** */
/* POUZITE BARVY:                     */
/* #d9294d - èervená,nadpisy,odkazy   */
/* #1f1a17 - èerná,text               */
/* #383838 - seda, podmenu            */
/* #868686 - svetle seda, text novinek*/
/* ********************************** */
body{ 
	margin:0; 
	padding:0; 
	background:#a5bdd1 url(../images/vertical-line.gif) repeat-x top center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#003f6e;
	text-align:center;
} 
#pagewidth {
	width: 1100px;
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;
	background: url(../images/line.jpg) repeat-y top center;
} 
#header{
	position:relative; 
	height:284px;
	background: url(../images/header.jpg) no-repeat top center;
	position:absolute; /* header after main */
	top:0px; /* header after main */
	width:1100px; /* header after main */	
	margin-top:-1px; /* Opera fix */
} 
#wrapper {
	padding-top: 283px; /* header after main *//* header after main */
}
#twocols{
	width:812px; 
	float:right; 
	position:relative;
	z-index:10;
}
#leftcol{
	width:211px; 
	float:left; 
	position:relative; 
	padding:0 0 0 0;
	margin-left:61px;
	z-index:10;
	
}
#rightcol{
	width:253px; 
	float:right; 
	position:relative; 
	margin-right:60px;
	text-align:center;
	
}
#maincol{  
	float: left; 
	display:inline; 
	position: relative; 
	width:485px;
	padding-top:20px;

}
#footer{
	background: #a5bdd1 url(../images/footer.jpg) no-repeat top center;
	clear:both;
	padding:30px 0 0 0;
	margin:0 0 0 0;
	text-align:center;
	height:26px;
} 
 
 /* *** Float containers fix: *** */ 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/* ********************************** */
/* MAIN, VZHLED                       */
/* ********************************** */
#main {
	padding: 0 0 0 0;
	text-align: justify;
	color:#003f6e;
	font-size:80%;

}
#main img {
	border: 1px solid #c0c0c0;
}
#main a {
	color: #d9294d;
	text-decoration: none;
}
#main a:hover {
	color: #383838;
	text-decoration: underline;
}
#main h1 {
	color:#e2001a;
	font-size:150%;
	font-weight:normal;
}
#main h2 {
	color:#0062ac;
	font-size:140%;
	font-weight:normal;
}
#main h3 {
	color:#0062ac;
	font-size:130%;
	font-weight:normal;
}
#main h4 {
	color:#0062ac;
	font-size:120%;
	font-weight:normal;
}
#main h5 {
	color:#003f6e;
	font-size:110%;
	font-weight:normal;
}
#main h6 {
	color:#003f6e;
	font-size:110%;
	font-weight:normal;
}
/* ********************************** */
/* FOOTER                             */
/* ********************************** */
#footer a,#footer a:visited {
	color: #ffffff;
	text-decoration: none;
}
#footer a:hover { text-decoration:underline; }
#footer .podpis {
	text-align:center;
	color: #dddddd;
	margin-right:0px;
	font-size:70%;
}
/* ********************************** */
/* BOXY, OSTATNI                      */
/* ********************************** */
#box-header .input-text {
	color:#000000;
	border:1px solid #626262;
	padding:1px 4px 1px 4px;
	width:88px;
	font-size:70%;
	margin-right:8px;
	vertical-align: top;
}
#box-header .button {
	background:blue;
	border:0;
	width:56px;
}
#box-header #form-novinky .button {
	background: url(../images/button-ulozit.png);
	width:27px;
	height:24px;
	vertical-align: bottom;
}


/* ********************************** */
/* MENU HORIZONTAL                    */
/* ********************************** */
#menu {
	position:absolute;
	top:4px;
	&top:16px;
	left:20px;
	font-size:75%;
	border-right:1px solid #6ea7d3;
	list-style-type: none;
}
#menu a, #menu a:visited, #menu span {
	display:block;
	color: #ffffff;
	text-decoration: none;
	text-align:center;
	font-weight:bold;
	padding: 12px 15px 0px 15px;
	height:37px;
	background: url(../images/topmenu.jpg) no-repeat center;
	border-right:1px solid #004376;
	border-left:1px solid #6ea7d3;
}
#menu a:hover,#menu li:hover a, #menu span:hover  {
	color: #ffffff;
	text-decoration: none;
	background: url(../images/topmenu-hover.jpg) no-repeat center;
}
#menu li:first-child a, #menu li:first-child a:visited, #menu li:first-child span {
	border-left:none;
}
#menu ul { 
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#menu li { 
	float: left; /* float:left - menu je horizontalni, jinak vertikalni */
	
	/*background: url(../images/topmenu.jpg) no-repeat left;*/
}
#menu li:hover { 
	/*background: url(../images/menu-header-hover.jpg) repeat-x left;*/
}
#menu li ul {
	display: none;
}
#menu li:hover ul li ul {
	display: none;
}
#menu li:hover ul li:hover ul {
	display:block;
}
#menu li:hover ul {
	display:block;
	position:absolute;
	margin-left:-5px;
	top:49px;
	width:211px;
	background: url(../images/topsubmenu.jpg) no-repeat top center;
	border-top:1px solid #ffffff;
}
#menu li ul li {
	float:none;
}
#menu li:hover ul li a, #menu li:hover ul li a:visited, #menu li:hover ul li span {
	display:block;
	color: #ffffff;
	text-decoration: none;
	text-align:left;
	font-weight:bold;
	padding: 5px 15px 0px 15px;
	height:19px;
	background:transparent;
	border:none;
}
#menu li ul li a:hover,#menu li ul li li:hover a, #menu li ul li span:hover  {
	color: #ffffff;
	text-decoration: none;
}

#menu li:hover ul li:hover ul {
	display:block;
	position:absolute;
	margin-left:0px;
	left:201px;
	top:24px;
	width:211px;
	background: url(../images/topsubmenu.jpg) no-repeat top center;
	border-top:none;
}

#menu li ul li.sub-1 a:hover,#menu li ul li.sub-1 span:hover  {
	background: url(../images/topsubmenu-hover.jpg) 5px 0px no-repeat;
}
#menu li ul li.sub-2 a:hover,#menu li ul li.sub-2 span:hover  {
	background: url(../images/topsubmenu-hover.jpg) 5px -24px no-repeat;
}
#menu li ul li.sub-3 a:hover,#menu li ul li.sub-3 span:hover  {
	background: url(../images/topsubmenu-hover.jpg) 5px -48px no-repeat;
}
#menu li ul li.sub-4 a:hover,#menu li ul li.sub-4 span:hover  {
	background: url(../images/topsubmenu-hover.jpg) 5px -72px no-repeat;
}
#menu li ul li.sub-5 a:hover,#menu li ul li.sub-5 span:hover  {
	background: url(../images/topsubmenu-hover.jpg) 5px -96px no-repeat;
}
#menu li ul li.sub-6 a:hover,#menu li ul li.sub-6 span:hover  {
	background: url(../images/topsubmenu-hover.jpg) 5px -120px no-repeat;
}
#menu li ul li.sub-7 a:hover,#menu li ul li.sub-7 span:hover  {
	background: url(../images/topsubmenu-hover.jpg) 5px -144px no-repeat;
}
#menu li ul li.sub-8 a:hover,#menu li ul li.sub-8 span:hover  {
	background: url(../images/topsubmenu-hover.jpg) 5px -168px no-repeat;
}
#menu li ul li.sub-9 a:hover,#menu li ul li.sub-9 span:hover  {
	background: url(../images/topsubmenu-hover.jpg) 5px -192px no-repeat;
}
#menu li ul li.sub-10 a:hover,#menu li ul li.sub-10 span:hover  {
	background: url(../images/topsubmenu-hover.jpg) 5px -216px no-repeat;
}
#menu li ul li.sub-11 a:hover,#menu li ul li.sub-11 span:hover  {
	background: url(../images/topsubmenu-hover.jpg) 5px -240px no-repeat;
}
#menu li ul li.sub-12 a:hover,#menu li ul li.sub-12 span:hover  {
	background: url(../images/topsubmenu-hover.jpg) 5px -264px no-repeat;
}
#menu li ul li.sub-13 a:hover,#menu li ul li.sub-13 span:hover  {
	background: url(../images/topsubmenu-hover.jpg) 5px -288px no-repeat;
}
#menu li ul li.sub-14 a:hover,#menu li ul li.sub-14 span:hover  {
	background: url(../images/topsubmenu-hover.jpg) 5px -312px no-repeat;
}
#menu li ul li.sub-15 a:hover,#menu li ul li.sub-15 span:hover  {
	background: url(../images/topsubmenu-hover.jpg) 5px -336px no-repeat;
}
#menu li ul li.sub-16 a:hover,#menu li ul li.sub-16 span:hover  {
	background: url(../images/topsubmenu-hover.jpg) 5px -360px no-repeat;
}

#menu li ul li.sub-1 a:hover,#menu li ul li.sub-1 span:hover {
	&background-position:6px;
}
#menu li ul li.sub-2 a:hover,#menu li ul li.sub-2 span:hover {
	&background-position:6px;
}
#menu li ul li.sub-3 a:hover,#menu li ul li.sub-3 span:hover {
	&background-position:6px;
}
#menu li ul li.sub-4 a:hover,#menu li ul li.sub-4 span:hover {
	&background-position:6px;
}
#menu li ul li.sub-5 a:hover,#menu li ul li.sub-5 span:hover {
	&background-position:6px;
}
#menu li ul li.sub-6 a:hover,#menu li ul li.sub-6 span:hover {
	&background-position:6px;
}
#menu li ul li.sub-7 a:hover,#menu li ul li.sub-7 span:hover {
	&background-position:6px;
}
#menu li ul li.sub-8 a:hover,#menu li ul li.sub-8 span:hover {
	&background-position:6px;
}
#menu li ul li.sub-9 a:hover,#menu li ul li.sub-9 span:hover {
	&background-position:6px;
}
#menu li ul li.sub-10 a:hover,#menu li ul li.sub-10 span:hover {
	&background-position:6px;
}
#menu li ul li.sub-11 a:hover,#menu li ul li.sub-11 span:hover {
	&background-position:6px;
}
#menu li ul li.sub-12 a:hover,#menu li ul li.sub-12 span:hover {
	&background-position:6px;
}
#menu li ul li.sub-13 a:hover,#menu li ul li.sub-13 span:hover {
	&background-position:6px;
}
#menu li ul li.sub-14 a:hover,#menu li ul li.sub-14 span:hover {
	&background-position:6px;
}
#menu li ul li.sub-15 a:hover,#menu li ul li.sub-15 span:hover {
	&background-position:6px;
}
#menu li ul li.sub-16 a:hover,#menu li ul li.sub-16 span:hover {
	&background-position:6px;
}
/* ********************************** */
/* FOTOGALERIE                        */
/* ********************************** */
#galerie-alba {
	text-align: center;
}
#galerie-alba table {
	border-collapse:collapse;
	text-align:center;
	width:100%;
}
#galerie-alba td {
	text-align:center;
	vertical-align:bottom;
	width:50%;
	padding:5px;
	padding-top:30px;
}
#galerie-alba a {
	padding-bottom:5px;
	font-size:130%;
	font-weight:bold;
}
#galerie-alba td.nahled {
	vertical-align: middle;
	padding-top:5px;
}
#galerie-alba .nahled a {
	text-align:center;
	padding-top:10px;
}
#galerie-alba .nahled img {
  	text-align:center;
	border:1px solid #5d7a03;
}
#galerie-obrazky {
	text-align: center;
}
#galerie-obrazky table {
	border-collapse:collapse;
	width:100%;
}
#galerie-obrazky td {
	text-align:center;
	vertical-align:middle;
	padding:10px;
}
#galerie-obrazky img {
	border: 1px solid #5d7a03;
}

/*** BOX KATALOG ***/
#box-katalog {
	background: #3688C4 url(../images/box-katalog-bozi.jpg) no-repeat top center;
	display:block;
	padding: 38px 0px 4px 0px;
	font-size:75%;
}
#box-katalog ul {
	list-style-type: none;
	padding:0;
	margin:0;
}
#box-katalog ul li a {
	color:#ffffff;
	text-decoration: none;
	display:block;
	height:20px;
	padding:4px 0 0 20px;
	background: url(../images/menu.gif) no-repeat;
}
#box-katalog ul li a:hover {
	background: url(../images/menu-hover.gif) no-repeat;
}
#box-katalog ul li a#active {
	height:18px;
	padding-top:3px;
	background: url(../images/menu-active.gif) no-repeat;
}
#box-katalog ul li a#active:hover {
	background: url(../images/menu-active-hover.gif) no-repeat;
}
#box-katalog ul li ul li a {
	height:18px;
	padding:3px 0 0 30px;
	background: url(../images/submenu.gif) no-repeat;
}
#box-katalog ul li ul li a:hover {
	background: url(../images/submenu-hover.gif) no-repeat;
}
#box-anketa {
	background: #d7e7f4 url(../images/box-anketa.jpg) no-repeat top center;
	margin-top:10px;
	font-size:70%;
	padding: 50px 6px 20px 6px;
}
#box-anketa a {
	color:#003f6e;
	text-decoration: none;
	font-weight:bold;
}
#box-anketa p {
	margin: 2px 0 5px 0;
	color:#3989c4;
}
#box-anketa .otazka {
	margin:5px 0 10px 0;
	font-weight:bold;
	color:#003f6e;
}
#box-anketa img {
	padding:0 4px 0 4px;
}
#box-vyhledavani {
	background: url(../images/box-hledat-v-katalogu.jpg) no-repeat 1px 0px;
	padding: 50px 6px 10px 6px;
	&padding:30px 6px 0px 6px;
	font-size:70%;
	border-bottom:1px solid #1d75b9;

}
#box-vyhledavani td {
	text-align: right;
	width:50%;
}
#box-vyhledavani input {
	width:100px;
	border:1px solid #b9daf3;
}
#box-vyhledavani .hledat {
	text-align: center;
}
#box-vyhledavani .hledat input {
	border:none;
	background:url(../images/tlacitko-hledat.jpg) no-repeat top center;
	width:100px;
	height:24px; 
	color:#ffffff;
	cursor: pointer;
	margin-top:10px;
}
#box-vyhledavani select {
  width:100px;
  border:1px solid #b9daf3;
}
/*** AKTUALITY ***/
#box-novinky {
	background: url(../images/box-aktuality.jpg) no-repeat 1px 0px;
	padding: 40px 12px 10px 12px;
	font-size:75%;
	
}
#box-novinky h3 {
	color:#003f6e;
	font-size:100%;
	font-weight:bold;
	margin:0 0 0 0;
	padding:12px 0 8px 0;
	text-align: right;
}
#box-novinky p {
	color:#1d75b9;
	text-align:justify;
	margin:0 0 0 0;
	padding:12px 0 12px 0;
	border-bottom:1px solid #b9daf3;
}
#box-novinky img {
	border:none;
}
#box-novinky a {
	color:#003f6e;
}

#but-spojovaci {
	position:absolute;
	top:188px;
	left:579px;
	width:138px;
	height:88px;
	
}
#but-spojovaci:hover {
	background:url(../images/but-spojovaci.jpg) no-repeat top center;
}
#but-nerezove {
	position:absolute;
	top:188px;
	left:718px;
	width:138px;
	height:88px;
	
}
#but-nerezove:hover {
	background:url(../images/but-nerezove.jpg) no-repeat top center;
}
#form-novinky {
	position:absolute;
	top:237px;
	left:872px;
}
#form-novinky #box_novinky_textbox {
	width:128px;
	height:14px;
	border:0px;
	color:#003f6e;
}
#form-novinky #novinky_tlacitko {
	border:0px;
	width:20px;
	background:transparent;
	cursor:pointer;
}


/*** KATALOG ***/
#main .katalog .produkty {
  margin:0;
  padding:0;
  border-collapse:collapse;
}
#main .katalog .produkty .produkt-info {
  width:33%;
  padding:0;
  margin:0;
  border:1px solid #0162af;
  
}
#main .katalog .produkty .produkt-info h3 {
  color:#e8001d;
  font-size:11px;
  font-weight:bold;
  margin:0;
  padding:6px 3px 6px 3px;
  display:block;
  text-align:center;
  
}
#main .katalog .produkty .foto {
  text-align:center;
}
#main .katalog .produkty .foto img {
  border:0px;
}
#main .katalog .produkty .produkt-info table {
  background:#e8f2fb;
  width:100%;
}
#main .katalog .produkty .produkt-info table td {
  border-bottom:1px solid #ffffff;
  font-size:11px;
  padding:4px;
}
#main .katalog .produkty .produkt-info table td .text-bold {
  font-weight:bold;
  margin:0;
  padding:0;
}
#main .katalog .produkty .produkt-info table td .text-small {
  margin:0;
  padding:0;
  font-size:10px;
}
#main .katalog .produkty .klirer {
  height:6px;
}
#main .katalog .produkt table td {
  vertical-align:top;
  text-align:left;
}
#main .katalog .produkt table td .text-bold {
  font-weight:bold;
  margin:0;
  padding:0;
  display:inline;
  font-size:11px;
}
#main .katalog .produkt table td .text-small {
  margin:0;
  padding:0 0 0 5px;
  font-size:11px;
  display:inline;
  text-align:left;
}
#main .katalog .produkt .fotky {
  padding:20px;
}
#main .katalog .produkt .fotky a img {
  border:1px solid #ffffff;
}
#main .katalog .produkt .fotky a:hover img {
  border:1px solid #dddddd;
}



/* naseptavac pri vyhledavani */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
} 

/*	______________BOX jazykové mutace______________*/
#langbox {
	position: absolute;
	left:  640px;
    top:    -210px;
	height:  auto;
	width:   125px;
	z-index:10001;
	padding: 0 0 0 0;
	margin:  0 0 0 0;
}
#langbox a img {
	border:0px solid #E4EDF6;
	border-top: 2px solid  #AED7FF;
	border-left: 2px solid #AED7FF;
}
#langbox a:hover img { 
	border:0px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}
#langbox a img:hover { 
	border:0px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}