/* CSS Document */
* {
	margin:0px;
	padding:0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
html {
	font-size:80%;
	background:#0055D4 url(../img/bg.jpg) top center
}
body {
	text-align:center;
	color:#000000;
	background:url(../img/bg-top.jpg) top center repeat-x;
	padding-top:0px;
	
}
table, input, textarea {
	font-size:100%;
}
table td {
	padding:3px;
	text-align:left;
}
img, fieldset {
	border:0px;
}
p { margin-bottom:10px}


.foto { display:block; width:137px; height:107px; text-decoration:none}

.dispNone {
	display:none;
}
.box-info {
	border:1px #E57716 solid; margin:20px 10px 0px 10px; padding:10px;
}

/* ------------------------ */
/* -------- LAYOUT -------- */
/* ------------------------ */
#hlavni2 {  min-width:869px; background:url(../img/bg-bottom.jpg) bottom center repeat-x}
#hlavni {
	width:869px;
	margin:auto;
	text-align:left;
	position:relative;
}


#top { border-left:1px #855142 solid; border-right:1px #855142 solid; height:70px; }
#hlavicka {height:222px; background:url(../img/hlavicka01.jpg) no-repeat; }

#obsah { 
	background:url(../img/bg-obsah.jpg) top center repeat-y;
	min-height:215px;
	padding: 0 30px 10px 30px;
}

#levy {
	float:left;
	width:170px;
	display:inline;
	color:#001358;
}
#pravy {
	float:right;
	width:580px;
	display:inline;
}


#paticka {
	margin:auto;
	height:80px;
	position:relative;
	font-size:85%;
	background:url(../img/bg-paticka.jpg) top center no-repeat;
	padding-top:9px
}


/* ---------------------- */
/* -------- BOXY -------- */
/* ---------------------- */



.next-info {padding:3px 0 10px 0; font-size:85%;}
.next-info .dnes { color:#800000; font-weight:bold}
.next-info .vcera { color:#8ABA2A; font-weight:bold}


#levy p { margin-bottom:10px;}

.span-datum {
	float:right;
	display:block;
}

#levy .datum { font-size:85%; margin-bottom:5px;}

.datum1 { font-size:85%; margin-bottom:5px;}

.clearBoth { clear:both;}
.floatRight { float:right;}
.floatLeft { float:left;}

.tCenter { text-align:center; }
.nulapx {
	font-size:0px;
	line-height:0px;
	height:0px;
	float:none;
	overflow:hidden;
}
.margin0 {margin:0 !important;}
.info { border:1px #ffffff solid;  margin:0 0px 20px 0px !important; padding:10px !important; }

table.main {
	width:100%;
}
table.main th {background: url(../img/bg-th.jpg) left center repeat-x; height:27px; padding:0 5px 0 5px; color:#FFFFFF}
table.main .sudy {background:#E8F1D4}
table.main td { }

.ppns {
	margin-top:50px;
	font-weight:bold;
}
.ppns span {
	padding:0 5px 0 5px;
	border:1px #ffffff solid;
}
.ppns a {
}


/* ---------------------------------------- */
/* -------- NADPISY, POPISY, TEXTY -------- */
/* ---------------------------------------- */

h1 { 
	font-size:50%;
}
h1 span {
	visibility:hidden;
}

h2 {color:#28166F;font-size:120%; margin-bottom:5px;}
h3 {font-size:120%; margin-bottom:10px; color:#D45500}

#levy h3 {font-size:100%; margin-bottom:3px}
#levy h2 { background:none;}

h4, h5, h6, h7 {color:#000000;font-size:100%; margin-bottom:5px}



h2.nadpis { background:url(../img/bg-nadpis.jpg) top left no-repeat; padding-left:40px; margin-bottom:15px; text-transform:uppercase}

.detail-popis { padding:10px 0 10px 0; border-bottom:1px #E8F1D4 solid; margin:10px 0 20px 0;}


.center {text-align:center;}
.tLeft {text-align:left;}
.tRight {text-align:right;}
.bold {font-weight:bold;}
.italic {font-style:italic}
.white {color:#FFFFFF;}
.borderGreen { border-bottom:1px #8DBC30 solid; padding-bottom:5px; }

label span, span.povinny { color: #FF0000 }

hr { border:0;border-top:1px #2A7FFF solid; border-bottom:1px #2A7FFF solid; padding-bottom:1px; position:relative; left:-10px; width:200px}

/* ------------------------- */
/* -------- SEZNAMY -------- */
/* ------------------------- */

#levy ul, #pravy ul {
	margin:5px 0 15px 30px;
}
#pravy ul li { margin-bottom:5px; line-height:1.5}
#levy ul li {margin-bottom:5px;}


/* ------------------------ */
/* -------- ODKAZY -------- */
/* ------------------------ */
h1 a { position:absolute; left:0px; top:70px; 
		width:230px; height:195px; 
		text-decoration:none;
}

a { color:#001358; text-decoration:underline;}
a:hover {text-decoration:none}

a.napiste { background:url(../img/napiste.jpg); width:115px; height:20px; 
			display:block; 
			text-decoration:none;
			padding:7px 0px 5px 50px;
}

a.kform, a.oform { padding:5px 0 5px 25px; display:block; }
a.kform { background:url(../img/ico-konakt.jpg) left center no-repeat;}
a.oform { background:url(../img/ico-objednavky.jpg) left center no-repeat; }

/* ------------------------ */
/* -------- OBRAZKY -------- */
/* ------------------------ */

img { margin:3px; padding:2px; border:1px #001358 solid }
#headerImages {margin:0px; padding:0px; border:0px}



/* ============================================================================================================================= */
/* -------- PATICKA -------- */
/* ============================================================================================================================= */
#paticka a {	
	text-decoration:none;
	padding:0 5px 0 5px;
	color:#CCCCCC;
}
#paticka a:hover {text-decoration:underline;}

#paticka p { padding:0 0 0 20px; position:absolute; left:15px; top:35px; text-align:left; color:#CCCCCC; background:url(../img/pixel-pata.jpg) no-repeat; }
#paticka p a { padding:0; }

#paticka .menu-pata { position:absolute; right:15px; top:35px; color:#CCCCCC}
#paticka .border {border-left:1px #855142 solid; border-right:1px #855142 solid; height:80px;}


/* ------------------------ */
/* -------- MENU 1 -------- */
/* ------------------------ */
#menu {
	position:absolute;
	top:37px;
	right:20px;
	height:33px;
	overflow:hidden;
}
#menu ul {
	list-style:none;
}
#menu ul li {
	position:relative;
	float:left;
	margin-left:1px;
}
#menu li a {
	width:125px; height:33px;
	color: #ffffff;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	text-decoration:none;
	display:block;
	background:url(../img/top-menu.jpg) top center no-repeat;
	padding-top:9px;
	
}
#menu li a:hover {background:url(../img/top-menu-hover.jpg) top center no-repeat;}
#menu li a.active {background:url(../img/top-menu-hover.jpg) top center no-repeat; color:#E77817;}
#menu li a span { background: url(../img/left-menu-ico.jpg) no-repeat; position:absolute; left:25px; top:10px; width:9px; height:10px}
#menu li a:hover span { background: url(../img/left-menu-ico-hover.jpg) no-repeat; position:absolute; left:25px; top:10px; width:9px; height:10px}


/* ------------------------ */
/* -------- MENU 2 -------- */
/* ------------------------ */
#menu2 {
	position:relative; width:230px;
	left:-25px;
	margin-bottom:10px;
}
#menu2 ul {
	list-style:none;
	margin:0;
	border-top:1px #2A7FFF solid;
}
#menu2 ul li {
	margin:0 !important; position:relative;
	border-bottom:1px #2A7FFF solid;
}
#menu2 li a {
	color: #D45500;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:6px 5px 6px 40px;
	background:#CADEFD url(../img/left-menu.jpg) right top repeat-y;
	
}
#menu2 li a:hover, #menu2 li.active {background:#8EBBFD url(../img/left-menu-hover.jpg) right top repeat-y}
#menu2 li a span { background: url(../img/left-menu-ico.jpg) no-repeat; position:absolute; left:25px; top:10px; width:9px; height:10px}
#menu2 li a:hover span { background: url(../img/left-menu-ico-hover.jpg) no-repeat; position:absolute; left:25px; top:10px; width:9px; height:10px}

.M-mail {
	margin:auto;
}
.M-mail label {
	float:left;
	width:80px;
	padding-top:3px;
	clear:left;
}
.M-mail input, .M-mail textarea {	
	clear:right;
	width:250px;
	border:1px #E57716 solid;
	padding:2px;
	margin-bottom:5px;
}
.M-mail textarea {
	width:350px;
	height:120px;
	overflow:auto;
}
.M-mail .submit {
	background: #FFFFFF;
	width:124px;
	clear:both;
	margin-left:80px;
	color: #666666;
}
.M-mail span {
	color:#FF0000;
}
.M-mail .odpocet {
	margin-left:80px;
}

.certifikaty { margin:0; padding:0; border:0; width:100%; }
.certifikaty td { padding:0; text-align:center }
.certifikaty td img { padding:0; margin:0px; }
