body { background-image: url(../../uploads/ramec/bg-body-3-jaro.jpg); background-position: top center; background-attachment: fixed; margin: 0px auto; padding: 0px; text-align: center; /*width: 1040px;*/ font-family: trebuchet ms, "MS Sans Serif", Geneva, sans-serif; font-size: .9em; }
.obrazek-ilustrace {margin: 5px; padding: 5px; border: solid 4px silver; background: white;}
.cleaaar { clear: both;}
h1, h2, h3, h4, h5, ul, li {text-align: left;}
#z-top-stin { z-index: 1; position: relative; top: 0px;margin: 0px auto 0px auto;width: 1040px; text-align: center; }
#z-top-stin img {position: relative; top: 0px; margin-left: -25px; margin-top: -5px; }
#z-top-ilustrace { z-index: 2; position: relative; top: 0px;left: 0px; margin: -924px auto 0px auto; text-align: center; width: 1040px;}
#z-top-logotyp { z-index: 3; position: relative; top: -465px; margin: 0px auto 0px auto; padding: 0px; text-align: center; width: 1012px; /*margin-left: 16px;*/ width: 1040px;}
#z-top-lidi { z-index: 5; position: relative; top: 0px; margin: -455px auto 0px auto; text-align: center; width: 1040px;}
#z-top-menu { z-index: 4; position: relative; top: 0px;left: -15px; height: 60px; width: 1000px; margin: -65px auto 0px auto; text-align: center; border-top: solid 1px white; background-image: url(../../uploads/ramec/top-menu-bg.png); padding: 5px 0px 0px -5px; text-align: left; }
#z-top-menu-obsah { z-index: 6; position: relative; top: 0px; height: 60px; padding: 0px; text-align:center;width: 1000px; margin: -60px auto 0px auto; }

#ramec-obsah { margin: -60px auto 0px auto; z-index: 5; width: 1040px; text-align: center; position: relative; left: -10px;}
#menu-hlavni { margin: 18px 0px 0px 30px; color: white; z-index: 200;}
#menu-hlavni dd { margin: 0px 30px 0px 0px; display: inline; float: left; z-index: 200;}
a.menu-top:link { font-weight: bold; color: white; text-decoration: none; }
a.menu-top:visited { font-weight: bold; color: white; text-decoration: none; }
a.menu-top:hover { color: #f5deb3; text-decoration: underline; }

.tlacitko-1 { height: 50px; min-height: 50px;width: 250px; min-width: 250px;display: block; background-repeat: no-repeat; text-align: left;font-family: 'CharlesworthCE';font-weight: bold;font-style: normal;font-size: 1.3em;line-height: 100%;padding: 0px 0px 0px 40px; text-decoration: none; display: block; float: left; margin: -2px 0px 0px 0px;}
.tlacitko-1 a:link, .tlacitko-1 a:visited { background-image: url(../../uploads/ramec/tlacitka-of.png);color: white; display: block; text-decoration: none; padding: 20px 0px 10px 30px;}
.tlacitko-1 a:hover { background-image: url(../../uploads/ramec/tlacitka-on.png); color: white;}

/*bloky zacatek*/
#bloky-r1 {margin: 20px auto 0px auto; clear: both; padding: 50px 18px 0px 0px;width: 1040px; text-align: center; position: relative; right: 16px;}
#bloky-r2 {margin: 20px auto 0px auto; clear: both; padding: 20px 18px 0px 0px;width: 1040px; text-align: center; position: relative; right: 16px;}
#bloky-r1 h2, #bloky-r2 h2 { color: #369400; margin: 0px 0px 0px 0px; display: block; text-align: left; float: left; font-size: 2.3em;font-family: 'Steelfish';font-weight: bold; padding: 0px; line-height: 100%; }

.blok-deleni{float: left; width: 175px;}
#blok-1 { width: 319px; background-image: url(../../uploads/ramec/blok-bg.png); background-position: bottom center; margin: 0px 0px 0px 27px; padding: 0px; float: left }
#blok-1 h2 {font-family: 'Steelfish';}
.bl-1-obsah { padding: 15px; font-size: .8em; text-align: left; }
.bl-1-obsah p { padding: 0px; margin: 0px; line-height: 110%; float: left; }
.blok-zakonceni { float: left; margin: -2px 0px 0px 0px; padding: 0px; }
.bl-1-img { border: solid 5px white; float: left; margin: 0px 15px 5px 0px; padding: 3px; display: block;}

#blok-2 { width: 319px; background-image: url(../../uploads/ramec/blok-bg.png); background-position: bottom center; margin: 0px 0px 0px 30px; padding: 0px; float: left }
#blok-2 h2 {font-family: 'Steelfish';}
.bl-2-obsah { padding: 15px; font-size: .8em; text-align: left; }
.bl-2-obsah p { padding: 0px; margin: 0px; line-height: 110%; float: left; }
.blok-zakonceni { float: left; margin: -2px 0px 0px 0px; padding: 0px; }
.bl-2-img { border: solid 5px white; float: left; margin: 0px 15px 5px 0px; padding: 3px; display: block;}

#blok-3 { width: 319px; background-image: url(../../uploads/ramec/blok-bg.png); background-position: bottom center; margin: 0px 0px 0px 0px; padding: 0px; float: right; }
#blok-3 h2 {font-family: 'Steelfish';}
.bl-3-obsah { padding: 15px; font-size: .8em; text-align: left; }
.bl-3-obsah p { padding: 0px; margin: 0px 0px 0px 0px; line-height: 110%; float: left; }
.blok-zakonceni { float: left; margin: -2px 0px 0px 0px; padding: 0px; }
.bl-3-img { border: solid 5px white; float: left; margin: 0px 15px 5px 0px; padding: 3px; display: block;}

#blok-4 { width: 319px; background-image: url(../../uploads/ramec/blok-bg.png); background-position: bottom center; margin: 0px 0px 0px 27px; padding: 0px; float: left; }
#blok-4 h2 {font-family: 'Steelfish';}
.bl-4-obsah { padding: 15px; font-size: .8em; text-align: left; }
.bl-4-obsah p { padding: 0px; margin: 0px; line-height: 110%; float: left; }
.blok-zakonceni { float: left; margin: -2px 0px 0px 0px; padding: 0px; }
.bl-4-img { border: solid 5px white; float: left; margin: 0px 15px 5px 0px; padding: 3px; display: block;}

#blok-5 { width: 319px; background-image: url(../../uploads/ramec/blok-bg.png); background-position: bottom center; margin: 0px 0px 0px 30px; padding: 0px; float: left }
#blok-5 h2 {font-family: 'Steelfish';}
.bl-5-obsah { padding: 15px; font-size: .8em; text-align: left; }
.bl-5-obsah p { padding: 0px; margin: 0px; line-height: 110%; float: left; }
.blok-zakonceni { float: left; margin: -2px 0px 0px 0px; padding: 0px; }
.bl-5-img { border: solid 5px white; float: left; margin: 0px 15px 5px 0px; padding: 3px; display: block;}

#blok-6 { width: 319px; background-image: url(../../uploads/ramec/blok-bg.png); background-position: bottom center; margin: 0px 0px 0px 0px; padding: 0px; float: right; }
#blok-6 h2 {font-family: 'Steelfish';}
.bl-6-obsah { padding: 15px; font-size: .8em; text-align: left; }
.bl-6-obsah p { padding: 0px; margin: 0px; line-height: 110%; float: left; }
.blok-zakonceni { float: left; margin: -2px 0px 0px 0px; padding: 0px; }
.bl-6-img { border: solid 5px white; float: left; margin: 0px 15px 5px 0px; padding: 3px; display: block;}
/*bloky konec*/


#obsah-vpravo {margin: 0px 15px 0px 0px; padding: 28px 0px 0px 0px; float: right; width: 314px;}
#obsah-text-sub1 {background-image: url(../../uploads/ramec/bg-50procent.png); padding: 15px 20px 15px 20px; margin: 50px 0px 50px 10px; width: 625px; float: left; text-align: center;}
#obsah-text-sub1 p { margin: 5px 0px 5px 0px; text-align: left; }
#obsah-text-sub1 h2 { color: #fd6906; font-family: 'Aller', "MS Sans Serif", Geneva, sans-serif; font-style: italic; font-weight: bold; margin: 10px 0px 10px 0px; display: block; width: 100%; background-position: bottom left; background-repeat: repeat-x; background-image: url(uploads/ramec/patka-linie-h.png); text-align: left; }
#obsah-text-sub2 {background-image: url(../../uploads/ramec/bg-50procent.png); padding: 15px 20px 15px 20px; margin: 50px 15px 50px 15px; width: auto; float: left; text-align: center;}
#obsah-text-sub2 p { margin: 5px 0px 5px 0px; text-align: left; }
#obsah-text-sub2 h2 { color: #fd6906; font-family: 'Aller', "MS Sans Serif", Geneva, sans-serif; font-style: italic; font-weight: bold; margin: 10px 0px 10px 0px; display: block; width: 100%; background-position: bottom left; background-repeat: repeat-x; background-image: url(../../uploads/ramec/patka-linie-h.png); text-align: left; }

.archiv a:link, .archiv a:visited { color: black; font-weight: bold; text-decoration: none;}
.archiv a:hover { color: red; font-weight: bold; text-decoration: none;}
p.archiv { color: red; text-align: right; margin-top: 20px;}


#blok-1 h2 a:link, #blok-1 h2 a:visited {color: #369400; text-decoration: none;}
#blok-1 h2 a:hover {color: #fd6906; text-decoration: none;}
#blok-2 h2 a:link, #blok-2 h2 a:visited {color: #369400; text-decoration: none;}
#blok-2 h2 a:hover {color: #fd6906; text-decoration: none;}
#blok-3 h2 a:link, #blok-3 h2 a:visited {color: #369400; text-decoration: none;}
#blok-3 h2 a:hover {color: #fd6906; text-decoration: none;}
#blok-4 h2 a:link, #blok-4 h2 a:visited {color: #369400; text-decoration: none;}
#blok-4 h2 a:hover {color: #fd6906; text-decoration: none;}
#blok-5 h2 a:link, #blok-5 h2 a:visited {color: #369400; text-decoration: none;}
#blok-5 h2 a:hover {color: #fd6906; text-decoration: none;}
#blok-6 h2 a:link, #blok-6 h2 a:visited {color: #369400; text-decoration: none;}
#blok-6 h2 a:hover {color: #fd6906; text-decoration: none;}

/*Patka zacatek*/
#patka { background-color: black; background-image: url(../../uploads/ramec/patka-bg.jpg); background-repeat: repeat-x; background-position: bottom; text-align: center; width: 100%; }
#patka-pad { padding: 0px; text-align: center; margin: 0px auto 0px auto; padding-bottom: 30px; width: 1040px; }
#patka-velka { text-align: left; width: 50%; float: left; margin-left: 0px; margin-bottom: 0px; }
#patka-velka h2 { color: #fd6906; font-family: 'Aller', "MS Sans Serif", Geneva, sans-serif; font-style: italic; font-weight: bold; margin: 30px 0px 10px 0px; display: block; width: 100%; background-position: bottom left; background-repeat: repeat-x; background-image: url(../../uploads/ramec/patka-linie-h.png) }
#patka-velka h3 { color: #fd6906; font-family: "MS Sans Serif", Geneva, sans-serif; font-style: normal; font-weight: bold; margin: 10px 0px 0px 0px; font-size: 1em; background-image: url(../../uploads/ramec/patka-akt-krizek.png); background-position: left center; background-repeat: no-repeat; padding-left: 20px;}
#patka-velka h3 span { color: black; font-size: .8em; font-weight: normal;}
#patka-velka h3 a:link, #patka-velka h3 a:visited { color: #6eb300; text-decoration: none;}
#patka-velka h3 a:hover { color: #fd6906; text-decoration: none;}
p a.vice:link, .vice a:visited { color: #fd6906; text-decoration: none;}
p a.vice:hover { color: red;}
#patka-velka p {font-family: "MS Sans Serif", Geneva, sans-serif; font-style: normal;margin: 0px 0px 0px 20px; font-size: .8em; font-weight: normal;}
#patka-mala-2 { width: 20%; text-align: left; float: right; margin-right: 20px; }

#patka-mala-1 h2, #patka-mala-2 h2 { color: #fd6906; font-family: 'Aller', "MS Sans Serif", Geneva, sans-serif; font-style: italic; font-weight: bold; margin: 30px 0px 10px 0px; display: block; width: 100%; background-position: bottom left; background-repeat: repeat-x; background-image: url(uploads/ramec/patka-linie-h.png) }

#patka-mala-1 { width: 20%; float: left; margin-left: 30px; text-align: left;}
#patka-mala-1 ul {text-align: left; list-style-image: url(../../uploads/ramec/patka-akt-sipka.png);}
#patka-mala-1 ul li { margin-bottom: 5px; padding-bottom: 0px;}
#patka-mala-1 ul a:link, #patka-mala-1 ul a:visited { color: black; text-decoration: none;}
#patka-mala-1 ul a:hover { color: gray;}
p.patka-tel { padding-left: 40px; background-image: url(../../uploads/ramec/patka-telefon.png); background-position: top left; background-repeat: no-repeat; }
p.patka-obalka { padding-left: 40px; background-image: url(../../uploads/ramec/patka-obalka.png); background-position: top left; background-repeat: no-repeat; clear: both; }

.patka-form { margin: 0px; padding: 0px;}
.patka-form-t { border: solid #fd6906 1px; background-color: white; color: #fd6906;}
.patka-form-s { background-color: #fd6906; color: white; border: none;}

.copy { background-color: #6a6a6a; text-align: center; width: 100%; color: white; font-size: .85em;}
.copy-pad { padding: 0px; text-align: center; margin: 0px auto 0px auto; padding-bottom: 10px; padding-top: 10px; width: 1040px; clear: both; }
.copy p { margin: 0px;}
.copy-left {float: left; text-align: left; color: #c6c6c6}
.copy-right {float: right; text-align: right; color: #c6c6c6}
.copy a:link, .copy a:visited { color: #c6c6c6; margin-right: 20px; text-decoration: none;}
.copy a:hover { color: white;}


.menu-o1-i { width: 314px; height: 51px; border: none; }
.menu-o1 { width: 314px; height: 51px; float: right; margin: 0px; position: relative; top: 20px;margin-bottom: 3px; border: none;}
.menu-o1 img { width: 314px; height: 51px; border: none; }
a.menu-o1:link, a.menu-o1:visited {width: 314px; height: 51px; background-image: url(../../uploads/ramec/menu-b-1-of.png); background-repeat: no-repeat; background-position: top left; border: none;}
a.menu-o1:hover {background-image: url(../../uploads/ramec/menu-b-1-on.png); border: none;}

.menu-o2-i { width: 314px; height: 51px; border: none;}
.menu-o2 { width: 314px; height: 51px; float: right; margin: 0px; position: relative; top: 20px;margin-bottom: 3px;}
.menu-o2 img { width: 314px; height: 51px; border: none;}
a.menu-o2:link, a.menu-o2:visited {width: 314px; height: 51px; background-image: url(../../uploads/ramec/menu-b-2-of.png); background-repeat: no-repeat; background-position: top left;}
a.menu-o2:hover {background-image: url(../../uploads/ramec/menu-b-2-on.png)}

.menu-o3-i { width: 314px; height: 51px; border: none;}
.menu-o3 { width: 314px; height: 51px; float: right; margin: 0px; position: relative; top: 20px;margin-bottom: 3px;}
.menu-o3 img { width: 314px; height: 51px; border: none;}
a.menu-o3:link, a.menu-o3:visited {width: 314px; height: 51px; background-image: url(../../uploads/ramec/menu-b-3-of.png); background-repeat: no-repeat; background-position: top left;}
a.menu-o3:hover {background-image: url(../../uploads/ramec/menu-b-3-on.png)}

.menu-o4-i { width: 314px; height: 51px; border: none;}
.menu-o4 { width: 314px; height: 51px; float: right; margin: 0px; position: relative; top: 20px;margin-bottom: 3px;}
.menu-o4 img { width: 314px; height: 51px; border: none;}
a.menu-o4:link, a.menu-o4:visited {width: 314px; height: 51px; background-image: url(../../uploads/ramec/menu-b-4-of.png); background-repeat: no-repeat; background-position: top left;}
a.menu-o4:hover {background-image: url(../../uploads/ramec/menu-b-4-on.png)}

.menu-o-stin { margin-top: 10px; clear: both;}

#obsah-text-sub1 h2 { color: #fd6906; font-family: 'Aller', "MS Sans Serif", Geneva, sans-serif; font-style: italic; font-weight: bold; margin: 10px 0px 10px 0px; display: block; width: 100%; background-position: bottom left; background-repeat: repeat-x; background-image: url(uploads/ramec/patka-linie-h.png); text-align: left;  font-size: 2em;}

#obsah-text-sub1 h3 { color: green; font-family: 'Aller', "MS Sans Serif", Geneva, sans-serif; font-weight: bold; margin: 10px 0px 3px 0px; font-size: 1.6em;}

#obsah-text-sub1 h4 { color: tomato; font-family: 'Aller', "MS Sans Serif", Geneva, sans-serif; font-weight: bold; margin: 10px 0px 0px 0px; font-size: 1.2em;}

ul {margin-top: 5px; margin-bottom: 5px; }