@import url("css.css");

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: White url(../images/css.pozadi.gif) repeat-y left top;
}

form{
	margin: 0px;
	padding: 0px;
}

input,select {
	font-size: 11px;
	background-color: #4A6771;
	border: 1px solid  #ABB1B8;
	color: White;
	height: 15px;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}

select{
	background-color: White;
	color: Black;
}


p{
	text-align: justify;
}

hr {
	height: 1px;
	border: 1px #9AB4BC solid;
	padding: 0px;
}

a{
	color: #103C94;
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}

td{
	vertical-align: top;
}

h3{
	font-size: 14px;
		padding-top: 2px;
	/*margin: 0px;*/
}

h3.nadpis {
	background-color: #7CA7B5;
	color: White;
	font-weight: bold;
	font-size: 12px;
	padding: 2px;
	padding-left: 5px;
	margin: 0px;
}



div.columm-in{
	padding: 0.5em;
}

div.columm-left{
	padding-left: 0.5em;
}
div.columm-content{
/*	width: 100%;*/
}
.nowrap{
	white-space: nowrap;
}

.bold{
	font-weight: bold;
}
.even{
	background: transparent;
}

.odd{
	background: #CEDBE7;
}

.center{
	text-align: center;
}

.left{
	text-align: left;
}

.justify{
	text-align: justify;
}


.info{
	color : #CC0033;
	letter-spacing : 2px;
} 
	
nadpis {
	background-color: #7CA7B5;
	color: White;
	font-weight: bold;
	font-size: 12px;
	padding: 2px;
}	
	
.cleaner {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
	visibility: hidden;
}

.bg_dark{
	background: #63929C;	
}

.bg_middle_dark{
	background: #9CB6BD;
}
.bg_soft_dark{
		background: #D6E3E7;
}

.bg_light{
	background: #E7EFF7;
}

.bg_grad{
	background: url(../images/css.pozadi.grad.jpg) repeat-x top;
}

.center{
	text-align: center;
}

.left{
	text-align: left;
}

.right{
	text-align: right;
}

.noborder{
 border: none;
}
.border{
	border: 1px solid #103C94;
}

.border_right{
	border-right: 1px solid #103C94;
}

.border_left{
	border-left: 1px solid #103C94;
}

tr.border_top td{
	border-top: 1px solid #103C94;
}

/*HORNI MENU*/

#nav, #nav ul {
	float: left;
	/*width: 36em;*/
	list-style: none;
	line-height: 1;
	font-weight: bold;
	padding: 0;
	margin: 0 0 1em 0;
}

#nav a {
	display: block;
	color: #428694;
	text-decoration: none;
	font-size: 10px;
}

#nav a:hover{
	color: White;
	background: #63929C;
}

#nav a.first{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 75px;
	padding-bottom:5px;
	background: url(../images/css.hornimenu.delicicara.gif) no-repeat bottom right;
	vertical-align: bottom;
	border: 0px solid red;
	font-size: 12px;
}
#nav a.first:hover{
    color: #428694;
	background-color: transparent;
}

#nav li {
	float: left;
	padding: 0;
	/*width: 10em;*/
}
#nav li.first{
background: url(../images/css.hornimenu.delicicara.gif) no-repeat bottom left
} 
#nav li.daddy {
	background: url(../images/css.submenu.sipka.gif) no-repeat center right;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 200px;
	border-width: 1px;
	margin: 0px;
	padding: 0px;
	background: #E5EEF1;
	border: 1px solid #63929C;
	border-bottom: none;
	border-top: 1px solid #DEEBF7;
	z-index: 500;
}

#nav li li {
	padding: 0px;
	width: 100%;
	border-bottom: 1px solid #63929C; /*#DEEBF7*/
}

#nav li ul a {
	width: 100%;
	padding: 3px;
	padding-right: 0px;
	margin: 0px;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
	border-top: 1px solid #63929C;
}

/*Postupne pridavat UL*/
#nav li:hover ul ul, #nav li:hover ul ul ul,#nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul,#nav li.sfhover ul ul ul ul {
	left: -999em;
}
/*Postupne pridavat LI*/
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul,#nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul,#nav li li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

/*END HORNI MENU*/

	
/*LEVE MENU*/
#left ul {
	list-style: none;
	padding:0px;
	margin: 0px;
/*    width: 230px;*/
	border:0px red solid;
}

#left ul a{
		text-decoration: none;
		margin: 0px;
		display:block; 
		padding-left:5px;
		border-left: 1px solid #ADC8D1;
    	padding-left:5px;
		padding-right: 5px;
		color: Black;
		/*width: 204px;*/
}	

#left li{
/*	width: 215px;*/
}

#left li.lang{
    background: #AF0C05;
    border: 1px solid #ADC8D1;
	border-left: 15px solid #990000;
	border-bottom: none;
}
#left li.lang a{
	color: white;
} 

#left li.lang a:hover{
	color: #DEAA10;
	background : #9C0000;
}


#left li.menu{
	background: #7CA7B5;	
   border: 1px solid #ADC8D1;
	border-left: 15px solid #123B93;
	border-bottom: none;
}
#left li.menu a:hover{
	color: White;
	background : #9C0000;
}

#left li.menuA{
	background: #DCAA17;	
    border: 1px solid #ADC8D1;
	border-left: 15px solid #1851C7;
	border-bottom: none;
}
#left li.menuA a:hover{
	color: White;
	background : #123B93;
}	

#left li.menuS{
	background:#CDDCE1 ;	
   border: 1px solid #ADC8D1;
	border-left: 15px solid #467CE5;
	border-bottom: none;
}
#left li.menuS a:hover{
	color: White;
	background : #4A6771;
}


#leftBannerContent{
	text-align: center;
}
#leftBannerContent img,#leftBannerContent a{
	border: none;
	margin-bottom: 2em;
}

#search {
	height: 50px;
	color: White;
	padding-left: 10px;
	margin-bottom: 3em;
	margin-top: 3em;
}

#logaiso {
	padding-top: 5em;
	vertical-align: middle;
	text-align: center;
}
/*END LEVE MENU*/

/*
#pageImg{
	margin: 0px;
	padding: 0px;
}
*/

#cesta {
	background-color: #DEA61D;
	color: White;
	font-weight: bold;
	font-size: 12px;
	padding: 2px;
	padding-left: 5px;
	margin: 0px;
}

#cesta a{
	/*text-decoration: none;*/
	color: White;
}
#sortiment_hlavicka{
	color:#103C94;
}

#sortiment_hlavicka h3{
	padding-top: 1em;
}

#neprelozeno{
	text-align: right;
	font-size: 10px;
	color: #B50C08;
	padding-right: 5px;
}

table.sortiment{
	border-collapse: collapse;
	font-size: 11px;
	background: #D6E3E7;
	border: 1px solid #103C94;
}
table.sortiment caption{
	text-align: left;
	padding: 10px;
	color: #103C94;
	font-size: 11px;
	font-weight: bold;
}
table.sortiment th{
	vertical-align: bottom;
	background: #103C94;
	color: White;
	font-size: 11px;
}

table.sortiment td, table.sortiment th{
	margin: 0px;
	/*border: none;*/
	border-collapse: collapse;
	padding: 3px;
}

table.sortiment td{
	vertical-align: top;
}



dl{
	margin: 0px;
	padding:0px;
	float: left;
	background: #D6E3E7;
	border: 1px solid #CEDBE7;
	width: 276px;
	color: #103C94;
	font-size: 10px;
}
dl a{
	color: #103C94;
}
dt{
	padding: 2px;
	padding-left: 20px;
	background: #CEDBE7 url(../images/ctverecek.gif) no-repeat left;
}

dd{
	margin: 0px;
	padding: 2px;
	padding-left: 20px;
}

#pouziti li{
	padding: 0px;
	margin: 0px;
	list-style: none;
}


.vyrobek_img{
/*	margin-left: 10px;*/
}
.f_right{
	float: right;
}

.f_left{
	float: left;
}

img.right{
	margin-left: 0.5em;
	margin-bottom: 0.5em;
}

img.left{
	margin-right: 0.5em;
    margin-bottom: 0.5em;	
	float: left;
}

/*AKTUALITA*/

div.vice {
	color: #6D96A4;
	border-right: 25px #65919F solid;
	padding-right: 0px;
	padding-top: 0px;
	height: 10px;
	text-align: right;
	font-size: 9px;
}



 h3.aktualita_nadpis {
	color:#113D96;
	font-size: 11px;
	padding: 8px; 
	margin: 0px;
	margin-bottom: 3px;
	font-weight: bold;
	border-bottom: 1px #9AB4BC solid;
	/*clear: both;*/
}
/*DOKUMENT*/

div.dokument_left{
	width:275px;
	float: left;
 	vertical-align: top;
}

div.dokument_right{
	width:275px;
	float:right;
	vertical-align: top;
	border-left: 1px solid #7BA6B5;
}

div.thumbnail {
	min-height: 170px;
	float: left;
	margin:3px;
	text-align: center;
}
.thumbnail img {
	/*border: 1px solid #63929C;*/
}

h5 {
	padding-right: 5px;
	padding-left: 5px;
	font-weight: normal;
	font-size: 84%;
	padding-bottom: 5px;
	margin: 0px;
	padding-top: 5px
}
.hight_search_string{
	color: #9C0000;
}
div.listovani{
	text-align : right;
	padding-right : 10px;
	word-spacing: 2px;
}
div.listovani .stranka{
	color : #9C0000;
	font-size : 120%;
}


#mapa{
 z-index: 100;
}
#mapa ul{
	position: absolute;
	list-style: none;
	top: 150px;
	left: 200px;
}

#mapa ul li a{
	position: absolute;
	top: -50em;
}


#mapa ul li a:focus,#mapa ul li a:active {
    z-index:200;
	 top:0px;
    background:#7CA7B5;
	 border: Black 1px solid;
	 display: block;
	 white-space: nowrap;
	 padding: 3px;
}


body#popup{
	background: White url(../images/css.pozadi.grad.jpg) repeat-x scroll center top;
	padding: 1em;
}
body#popup h1{
	font-size: 160%;
	background: #7CA7B5;
	color: White;
	padding: 0.2em;
}

body#popup a img{
	border: none;
}
body#popup a:hover img{
	border-bottom: 5px solid #ACBEC4;
}

body#popup address{
	font-size: 120%;
}