/* verze 100627h */

#zahlavi {
	height: 120px;
	background-color: #ffffff;
	color: #000000;
	background-image: url(../zahlavi.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
}

#zahlavi h1 {
	font-size: 30px;
	font-weight: bold;
	position: relative;
	float: left;
	width: auto;
}

#zahlavi h1 span {
	background-image: url(../logo.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	position: absolute;
	width: 380px; /* 100%; */
	height: 110px;
}

#zahlavi p {
	padding-top: 10px;
	float: right;
	font-size: 18px;
/*	font-weight: bold;*/
	font-style: normal;
	font-family: cursive;
	width: auto;
}

#menu {
	height: 50px;
	background-color: #fa6432;
	color: #ffffff;
	background-image: url(../menu.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}

#menu a:link, #menu a:visited {
	text-decoration: none;
	color: #ffffff;
	background-color: transparent;
} 
#menu a:hover {
	text-decoration: underline;
	color: #ffffff;
	background-color: transparent;
}

#menu .menu-zacatek {
	float: left;
	background-image: url(../menuoddelovac.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 2px;
	height: 50px;
	display: block;
}

#menu a.tlacitko {
	float: left;
	position: relative;
	height: 50px;
	display: block;
	cursor: pointer;
}

#menu a.tl-uvod, #menu a.tl-uvod-akt {
	width: 67px;
}
#menu a.tl-uvod span, #menu .tl-uvod-akt span {
	position: absolute;
	background-position: top left;
	background-repeat: no-repeat;
	width: 100%;
	height: 50px;
}
#menu .tl-uvod span {
	background-image: url(../tlacitko-uvod.jpg);
}
#menu .tl-uvod-akt span {
	background-image: url(../tlacitko-uvod-akt.jpg);
}


#menu a.tl-webdesign, #menu .tl-webdesign-akt {
	width: 119px;
}
#menu a.tl-webdesign span, #menu .tl-webdesign-akt span {
	position: absolute;
	background-position: top left;
	background-repeat: no-repeat;
	width: 100%;
	height: 50px;
}
#menu .tl-webdesign span {
	background-image: url(../tlacitko-webdesign.jpg);
}
#menu .tl-webdesign-akt span {
	background-image: url(../tlacitko-webdesign-akt.jpg);
}


#menu a.tl-aplikace, #menu .tl-aplikace-akt {
	width: 101px;
}
#menu a.tl-aplikace span, #menu .tl-aplikace-akt span {
	position: absolute;
	background-image: url(../tlacitko-software.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 100%;
	height: 50px;
}
#menu .tl-aplikace span {
	background-image: url(../tlacitko-software.jpg);
}
#menu .tl-aplikace-akt span {
	background-image: url(../tlacitko-software-akt.jpg);
}

/*
#menu a.tl-aplikace, #menu .tl-aplikace-akt {
	width: 98px;
}
#menu a.tl-aplikace span, #menu .tl-aplikace-akt span {
	position: absolute;
	background-image: url(../tlacitko-aplikace.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 100%;
	height: 50px;
}
#menu .tl-aplikace span {
	background-image: url(../tlacitko-aplikace.jpg);
}
#menu .tl-aplikace-akt span {
	background-image: url(../tlacitko-aplikace-akt.jpg);
}
*/

#menu a.tl-video, #menu .tl-video-akt {
	width: 77px;
}
#menu a.tl-video span, #menu .tl-video-akt span {
	position: absolute;
	background-image: url(../tlacitko-video.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 100%;
	height: 50px;
}
#menu .tl-video span {
	background-image: url(../tlacitko-video.jpg);
}
#menu .tl-video-akt span {
	background-image: url(../tlacitko-video-akt.jpg);
}


#menu a.tl-reference, #menu .tl-reference-akt {
	width: 105px;
}
#menu a.tl-reference span, #menu .tl-reference-akt span {
	position: absolute;
	background-image: url(../tlacitko-reference.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 100%;
	height: 50px;
}
#menu .tl-reference span {
	background-image: url(../tlacitko-reference.jpg);
}
#menu .tl-reference-akt span {
	background-image: url(../tlacitko-reference-akt.jpg);
}


#menu a.tl-cenik, #menu .tl-cenik-akt {
	width: 72px;
}
#menu a.tl-cenik span, #menu .tl-cenik-akt span {
	position: absolute;
	background-image: url(../tlacitko-cenik.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 100%;
	height: 50px;
}
#menu .tl-cenik span {
	background-image: url(../tlacitko-cenik.jpg);
}
#menu .tl-cenik-akt span {
	background-image: url(../tlacitko-cenik-akt.jpg);
}


#menu a.tl-onas, #menu .tl-onas-akt {
	width: 76px;
}
#menu a.tl-onas span, #menu .tl-onas-akt span {
	position: absolute;
	background-image: url(../tlacitko-onas.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 100%;
	height: 50px;
}
#menu .tl-onas span {
	background-image: url(../tlacitko-onas.jpg);
}
#menu .tl-onas-akt span {
	background-image: url(../tlacitko-onas-akt.jpg);
}


#menu a.tl-kontakt, #menu .tl-kontakt-akt {
	width: 91px;
}
#menu a.tl-kontakt span, #menu .tl-kontakt-akt span {
	position: absolute;
	background-image: url(../tlacitko-kontakt.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 100%;
	height: 50px;
}
#menu .tl-kontakt span {
	background-image: url(../tlacitko-kontakt.jpg);
}
#menu .tl-kontakt-akt span {
	background-image: url(../tlacitko-kontakt-akt.jpg);
}


#menu a.tl-volnamista, #menu a.tl-volnamista-akt {
	width: 119px;
}
#menu a.tl-volnamista span, #menu .tl-volnamista-akt span {
	position: absolute;
	background-position: top left;
	background-repeat: no-repeat;
	width: 100%;
	height: 50px;
}
#menu .tl-volnamista span {
	background-image: url(../tlacitko-volnamista.jpg);
}
#menu .tl-volnamista-akt span {
	background-image: url(../tlacitko-volnamista-akt.jpg);
}


#stin {
	max-height: 10px;
	background-image: url(../telo.jpg);
	background-position: top left;
	background-repeat: repeat-x;	
}


#telo {
/*	background-image: url(../telo.jpg);
	background-position: top left;
	background-repeat: repeat-x;*/
}

#zapati {
	height: 40px;
	background-color: #fa6432;
	color: #ffffff;
	background-image: url(../zapati.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}

.stranka {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	text-align: left;
}

.fox {
	font-size: 11px;
	text-align: right;
	padding-right: 10px;
	padding-top: 19px;
}

#obsah {
	float: left;
	width: 520px;
	margin-top: 30px;
}

.obsahzahlavi {
	width: 510px;
	height: 50px;
	background-color: transparent;
	color: #000000;
	background-image: url(../obsahzahlavi.png);	
	background-position: top left;
	background-repeat: no-repeat;		
}

.obsahtelo {
	width: 510px;
	background-color: transparent;
	color: #000000;
	background-image: url(../obsahtelo.png);
	background-position: top left;
	background-repeat: repeat-y;
	padding-top: 10px;
}

.obsahtelo h3 {
	font-size: 16px;
	padding-left: 10px;
	padding-right: 40px;
	padding-top: 10px;
	padding-bottom: 5px;	
	background-color: transparent;
	color: #006699; /* #827841; */
}

.obsahtelo p {
	padding-left: 20px;
	padding-right: 40px;
	padding-bottom: 10px;
}

.obsahtelo ul {
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 10px;
}

.obsahtelo table {
	margin-left: 20px;
	margin-right: 40px;
	_margin-bottom: 15px;
	padding-bottom: 15px;
}

.obsahtelo hr  {
	margin-left: 10px;
	margin-right: 20px;
	height: 1px;
	border-top-color: #827841;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

.cl {
	width: 370px;
	padding-top: 5px;
	padding-right: 20px;
	border-bottom-color: #827841;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	margin-right: 0px;
	color: #000080;
	background-color: transparent;
}

.cr {
	width: 120px;
	padding-top: 5px;
	border-bottom-color: #827841;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	margin-left: 0px;
	color: #000080;
	background-color: transparent;
}

.obsahzahlavi a:link, .obsahzahlavi a:visited {
	text-decoration: none;
	color: #c83705;
	background-color: transparent;
} 
.obsahzahlavi a:hover {
	text-decoration: underline;
	color: #c83705;
	background-color: transparent;
}

.obsahzahlavi h2 {
	background-color: transparent;
	color: #c83705;
	padding-left: 10px;
	padding-right: 40px;
	padding-top: 12px;
	font-size: 23px;
	font-weight: bold;
}

.obsahzahlavi hr  {
	margin-left: 10px;
	margin-right: 20px;
	height: 1px;
	border-top-color: #827841;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

.obsahzapati {
	width: 510px;
	height: 40px;
	margin-bottom: 20px;
	background-image: url(../obsahzapati.jpg);
	background-position: top left;
	background-repeat: no-repeat;		
}

.obsahzapati p {
	font-size: 12px;
	text-align: right;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 5px;
	font-style: italic;
}

.obsahzapati a:link, .obsahzapati a:visited {
	text-decoration: underline;
	color: #c83705;
	background-color: transparent;
} 
.obsahzapati a:hover {
	text-decoration: underline;
	color: #006699;
	background-color: transparent;
}

.cesta {
	padding-left: 10px;
	padding-right: 40px;
	padding-top: 0px;
	padding-bottom: 15px;
}

.cesta a:link, .cesta a:visited {
	text-decoration: underline;
	color: #c83705;
	background-color: transparent;
} 
.cesta a:hover {
	text-decoration: underline;
	color: #006699;
	background-color: transparent;
}


.panelweba {
	background-image: url(../panel-web-obr-a.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;	
	height: 130px;	
}

.panelweba ul {
	padding-left: 210px;
}

.panelwebb {
	background-image: url(../panel-web-obr-b.jpg);
	background-position: top left;
	background-repeat: no-repeat;	
	height: 29px;	
}

.panelaplikacea {
	background-image: url(../panel-aplikace-obr-a.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;	
	height: 150px;	
}

.panelaplikacea ul {
	padding-left: 210px;
}

.panelaplikaceb {
	background-image: url(../panel-aplikace-obr-b.jpg);
	background-position: top left;
	background-repeat: no-repeat;	
	height: 29px;	
}

.panelvideoa {
	background-image: url(../panel-video-obr-a.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;	
	height: 130px;	
}

.panelvideoa ul {
	padding-left: 210px;
	padding-top: 5px;
}

.panelvideob {
	background-image: url(../panel-video-obr-b.jpg);
	background-position: top left;
	background-repeat: no-repeat;	
	height: 29px;	
}


#infopanel {
	float: right;
	width: 260px;
	margin-top: 30px;
}

.infobannerzahlavi {
	width: 250px;
	height: 50px;
	background-color: transparent;
	color: #000000;
	background-image: url(../infobannerzahlavi.png);	
	background-position: top left;
	background-repeat: no-repeat;		
}

.infobannerobra {
	background-image: url(../infobannerzahlaviobr.jpg);
	background-position: top left;
	background-repeat: no-repeat;	
	height: 50px;	
}

.infobannerzahlavi h2 {
	background-color: transparent;
	color: #006699; /* #827841;*/
	padding-left: 10px;
	padding-right: 40px;
	padding-top: 14px;
	font-size: 18px;
	font-weight: bold;
}

.infobannerzahlavi hr  {
	margin-left: 10px;
	margin-right: 20px;
	height: 1px;
	border-top-color: #827841;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

.infobannertelo {
	width: 250px;
	background-color: transparent;
	color: #000000;
	background-image: url(../infobannertelo.png);
	background-position: top left;
	background-repeat: repeat-y;
}

.infobannertelo p {
	padding-left: 20px;
	padding-right: 40px;
	padding-bottom: 5px;
}

.infobannertelo ul {
	padding-left: 30px;
	padding-right: 40px;
}

.infobannerobrb {
	background-image: url(../infobannerteloobr.jpg);
	background-position: top left;
	background-repeat: no-repeat;	
}

.infobannerzapati {
	width: 250px;
	height: 40px;
	margin-bottom: 20px;
	background-image: url(../infobannerzapati.jpg);
	background-position: top left;
	background-repeat: no-repeat;		
}

.infobannerzapati p {
	font-size: 12px;
	text-align: right;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 5px;
	font-style: italic;
}

.infobannerzapati a:link, .infobannerzapati a:visited {
	text-decoration: underline;
	color: #006699;
	background-color: transparent;
} 
.infobannerzapati a:hover {
	text-decoration: underline;
	color: #c83705;
	background-color: transparent;
}

.cenik {
	font-size: 11px;
	margin-right: 35px;
	margin-bottom: 20px;
}

.cenik_zahlavi {
	color: inherit;
	background-color: #f0e049;
	font-weight: bold;
}

.cenik_licha {
	color: inherit;
	background-color: #fffff0;
}

.cenik_suda {
	color: inherit;
	background-color: #ffffe0;
}

.cenik_left {
	width: 380px;
}

.cenik_right {
	width: 110px;
}

.nezalamovat {
	white-space: nowrap;	
}

.refnahled {
	border: 2px solid #666666;
	padding: 2px;
	margin-bottom: 3px;
}

.ref_cell {
	width: 170px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 20px;
}

#ref_table {
	border-collapse: collapse;
	border: 0px none;
}

#ref_table td {
	border-top: 1px solid #827841;
	border-bottom: 1px solid #827841;
	margin: 0px;
	padding: 10px;	
	padding-right: 0px;
}

#ref_table h3 {
	padding-left: 5px;
	padding-right: 0px;
}

#ref_table p {
	padding-left: 5px;
	padding-right: 0px;
}

#ref_table a {
	font-size: 12px;
}

#ref_table a:link, #ref_table a:visited {
	text-decoration: underline;
	color: #006699;
	background-color: transparent;
} 
#ref_table a:hover {
	text-decoration: underline;
	color: #c83705;
	background-color: transparent;
}

a.ref_tlacitko {
	border: 1px solid #999999;
	padding: 3px;
	padding-left: 8px;
	padding-right: 8px;
	margin-left: 5px;
}
a.ref_tlacitko:link, a.ref_tlacitko:visited {
	text-decoration: none;
	color: #006699;
	background-color: transparent;
} 
a.ref_tlacitko:hover {
	border: 1px solid #c83705;
	text-decoration: none;
	color: #c83705;
	background-color: transparent;
}

a.ref_tlacitko_aktivni {
	border: 1px solid #006699;
	padding: 3px;
	padding-left: 8px;
	padding-right: 8px;
	margin-left: 5px;
}
a.ref_tlacitko_aktivni:link, a.ref_tlacitko_aktivni:visited {
	text-decoration: none;
	color: #ffffff;
	background-color: #006699;
} 
a.ref_tlacitko_aktivni:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #006699;
}