/* CSS Document */

body { background: #eee; margin: 0; margin-bottom: 15px; padding: 0; color: #333;}
h1, h2, h3 { margin: 0; padding: 0;}
a { text-decoration: none;}

#site { background: url(bg/site.gif) right top repeat-y #ddd; width: 1000px; margin: 0px auto;}
#shadow { background: url(bg/shadow.gif) left top repeat-y; padding-left: 10px; width: 0px;}

#head { background: url(bg/left_head.jpg) left top no-repeat #666; width: 980px; height: 120px;}
#head h1 { font-size: 34px; letter-spacing: 1px;}
#head a  { background: url(bg/right_head.jpg) right top no-repeat; display: block; width: 980px; height: 120px; text-align: center; color: #eee; text-transform: uppercase; padding-top: 40px;}

#navigace { background: /*url(bg/navigace.gif) left top repeat-x*/ #999; width: 980px; height: 30px; border-top: 1px solid #666; border-bottom: 1px solid #666;}
#navigace h2 { margin-left: 256px; padding-top: 3px; font-size: 20px; color: #555; width: 635px; float: left;}
#navigace h2 span { font-size: 12px; font-weight: bold; margin-right: 5px;}
#navigace a img { border: 1px solid #444; margin: 6px 0px 0px 15px;}
#navigace a:hover img { border: 1px solid #777;}

#container { background: #ddd; width: 980px; height: auto;}

#menu { background: #ddd; width: 260px; float: left; padding-top: 10px;}
#menu ul { background: #ddd; padding: 0px; margin: 0px; text-align: center;}
#menu ul li { background: #888; border: 1px solid #666; padding: 5px; margin: 0px 9px 8px; list-style: none;}
#menu ul li a { text-transform: uppercase; color: #ddd; font-weight: bold; letter-spacing: 1px;}
#menu ul li a:hover, #menu ul li a.aktivni { color: #fff;}

#menu ol { background: #ddd; margin: 10px; padding-left: 0px;}
#menu ol li { height: 70px; list-style: none; position: relative;}

#menu ol li span { display: block; height: 70px; width: 95px; position: absolute; left: 0px; top: 0px;}
#menu ol li.lohamras span { background: url(bg/lohamras.jpg) top left no-repeat;}
#menu ol li.emir span { background: url(bg/emir.jpg) top left no-repeat;}
#menu ol li.askar span { background: url(bg/askar.jpg) top left no-repeat;}
#menu ol li.niksend span { background: url(bg/niksend.jpg) top left no-repeat;}
#menu ol li.cora span { background: url(bg/cora.jpg) top left no-repeat;}
#menu ol li.beauty span { background: url(bg/beauty.jpg) top left no-repeat;}
#menu ol li.dazzle span { background: url(bg/dazzle.jpg) top left no-repeat;}
#menu ol li.daring span { background: url(bg/daring.jpg) top left no-repeat;}

#menu ol li a { background: #bbb; border-right: 1px solid #666; border-bottom: 1px solid #666; display: block; height: 53px; width: 140px; position: absolute; top: 10px; padding-left: 100px; font-size: 15px; color: #444;}
#menu ol li a:hover { color: #000;}
#menu ol li a.aktivni { text-decoration: underline;}

#menu ol li.lohamras a, #menu ol li.askar a, #menu ol li.emir a { padding-top: 17px; height: 36px }
#menu ol li.niksend a, #menu ol li.beauty a, #menu ol li.dazzle a, #menu ol li.daring a { padding-top: 10px; height: 43px}


#contant { background: #ddd; margin-left: 265px;}

#rodokmen { width: 955px; clear: both; padding: 0px 15px 10px 10px;}
#rodokmen table { margin-top: 10px;}

#text { margin: 0px 15px 0px 10px; padding-top: 10px;}
#text p { text-align: justify; font-size: 17px;}
#text.stred {text-align: center;}
#text p.stred {text-align: center;}
#text p.vetsi { font-size: 26px; margin-top: 5px; margin-bottom: 10px;}
#text p.first { margin-top: 30px;}
#text p.dulezite { color: #C00;}
#text img { border: 3px double #666; padding: 3px;}

#text h1 { font-size: 22px; border-bottom: 1px solid #666; text-transform: uppercase;}
#text h2, #rodokmen h2 { font-size: 18px; border-bottom: 1px solid #666; margin-top: 25px;}

#text h3 { font-size: 24px; text-transform: uppercase; margin: 20px 10px; padding: 10px 0px; line-height: 150%; background: #ccc} /*uvodni strana*/
#text h3.memoriam { background: none; text-align: center; font-size: 20px; margin: 10px; padding: 0px;}

#text h4 { font-size: 22px; margin: 20px 10px; padding: 10px 0px; line-height: 150%; background: #ccc} /*aktuality*/

#text iframe { width: 640px; height: 800px; border: 2px solid #ddd;}

#tituly { background: #666; color: #fff; text-transform: uppercase; padding: 15px; font-size: 20px; line-height: 120%;}
#name { width: 290px; float: left;}
#name h1 { font-size: 20px;}
#popis { margin-left: 310px;}

#popis p a { color: #333; text-decoration: underline; font-weight: bold; font-size: 18px; text-align: left;}

#foot { background: #ddd; clear: both; position: relative; border-top: 1px solid #666; border-bottom: 1px solid #666; font-size: 12px; height: 17px; padding: 2px 0px 0px 10px; width: 970px; color: #666;}
#foot a { color: #666;}
#foot a:hover { color: #000;}
#navigace2 { background: #ddd; position: absolute; right: 10px;}
#navigace2 span { margin: 0px 10px;}

strong { font-weight: normal;}

img.foto { width: 200px; margin: 5px;}

table { width: 955px; font-size: 13px;}
table tr {}
table tr td.rod1 {  background: url(bg/rod1.gif) right center no-repeat; width: 160px; padding-right: 20px; } /* 1 uroven */
table tr td.rod2 {  background: url(bg/rod2.gif) right center no-repeat; width: 180px; padding-right: 20px; } /* 2 uroven */
table tr td.rod3 {  background: url(bg/rod3.gif) right center no-repeat; width: 280px; padding-right: 20px; } /* 3 uroven */
table tr td {width: 270px /*220px*/; padding-left: 5px;} /* 4 uroven */

table tr td.fena { /*background-color: #FCF;*/ color: #C00;}
table tr td.pes {/* background-color: #CFF; */ color: #036;}

#levy_sl { width: 250px; float: left;}
#levy_sl p, #pravy_sl p { font-size: 20px;}
#levy_sl a, #pravy_sl a { color: #333; text-decoration: underline;}
#levy_sl a:hover, #pravy_sl a:hover { color: #666;}
#pravy_sl { margin-left: 255px;}