/*
/*
   Lubomír Pokorný (lubomirpokorny@email.cz)
   CSS styly pro vranin.cz
*/

body {margin:0;padding:0;font-size:0.7em;color:#606060;font-family:"Tahoma",'Arial',Sans-Serif;text-align:center;background:url(../img/body-back.gif) no-repeat center 10px fixed;}
h1 {margin:0 0 8px 0;padding:7px 0 5px 0;font-weight:normal;font-size:1.7em;color:#4e9745;border-bottom:1px solid #e4e4e4;}
h2 {margin:10px 0 5px 0;font-size:1.3em;color:#4e9745;}
h3 {margin:5px;font-size:.95em;color:#4e9745;}
img {border:0;}
p {text-align:justify;}
td {_font-size:0.7em;}
ul {list-style:square;}
.cb {clear:both;}
.right {text-align:right;}
.fright {float:right;}
.left {text-align:left;}
.fleft {float:left;}
.center {text-align:center;}
.center2 {text-align:center;}
.aligncenter {margin:8px auto;text-align:center;}
.red {color:#ff0000;cursor:default;}
.green {color:#009933;cursor:default;}
.w40p {width:40%;}
.w15p {width:15%;}
.w220px {width:220px;}
.m20 {margin:0 20px;}
.m35 {margin:0 35px;}
.p7 {padding:0 7px;}
#container {width:750px;margin:0 auto;text-align:justify;}
#topstrip {padding:.3em 2em .3em 2em;font-size:0.9em;text-align:left;color:#fff;background:#ba1010;border-bottom:1px solid #487d1c;}
#topstrip .right {float:right;}
#topstrip a {color:#fff;text-decoration:none;}
#topstrip a:hover,#footer a:hover,.navigace a:hover,.ed a:hover {text-decoration:underline;}
#page {clear:both;background:#fff;padding-bottom:60px;}
#header {height:160px;text-align:center;background:url(../img/panorama.jpg) no-repeat;}
#title {width:220px;margin:0 auto;position:relative;top:15px;right:110px;font-size:1.6em;font-weight:bold;color:#fff;}
#title span {position:relative;bottom:10px;_bottom:2px;font-size:0.65em;font-weight:normal}

/* Mainmenu */
#mainmenu {margin:0;padding:0;height:29px;list-style:none;background:#487d1c;border-top:2px solid #ba1010;border-bottom:1px solid #fff;}
#mainmenu li {float:left;position:relative;top:7px;_top:0;}
#mainmenu a {display:inline-block;margin:0;padding:8px 13px;color:#fff;font-size:0.9em;font-weight:bold;text-decoration:none;border-bottom:1px solid #487d1c;}
#mainmenu a.last {padding:8px 14px 8px 15px;}
#mainmenu a.selected {color:#000;background:#aac395;border-bottom:1px solid #fff;}
#mainmenu a:hover {background:#6d9749;border-bottom:1px solid #fff;}

/* Leftbox */
#lbox {float:left;width:190px;}
.lbnadpis {height:13px;padding:8px 0 5px 23px;font-size:1em;font-weight:bold;color:#fff;background:#487d1c url(../img/lbnadpis-back.gif) no-repeat;}
#lbox ul {margin:0;padding:5px 0;list-style:none;}
#lbox ul a {display:block;_height:23px;padding:5px 0 6px 18px;font-size:0.9em;font-weight:bold;color:#838383;text-decoration:none;background:#f9f9f9 url(../img/lb-button.png) no-repeat;}
#lbox ul a.selected {color:#4e9745;background-position:-190px;}
#lbox ul a:hover {color:#4e9745;background-position:-380px;}
#lbox .innerul {border-bottom:1px solid #dedede;}
#lbox .innerul a {_height:13px;margin:0;padding:2px 25px;background:#fff;}
#lbox .innerul a:hover,.innerul a.selected,#lbox p a:hover {color:#4e9745;}
#lbox .innerul2 a {_height:10px;margin:0;padding:0 0 0 40px;background:#fff;}
#lbox h3 {margin:5px 18px 0 18px;}
#lbox p {margin:4px 18px 10px 18px;}
#lbox p a {color:#606060;}
#lbox .odkazy a {_height:10px;padding:2px 4px 2px 18px;font-size:1em;font-weight:normal;color:#606060;background:0;}
/* Content */
#obal {float:right;width:560px;}
.navigace {height:13px;padding:8px 5px 5px 10px;background:#ababab url(../img/navigace-back.gif) repeat-x top;}
.navigace a {margin:0 8px 0 4px;font-weight:bold;color:#fff;text-decoration:none;}
#content {margin:0 20px 0 20px;}
#content p {margin:7px 0;}
#content a {color:#4e9745;}
#content a:hover,#content a.selected {color:#ba1010;}
p.uvod {margin:3px 15px;color:#4e9745;}
.podpis {padding:15px 8px;text-align:right;color:#4e9745;background:url(../img/bubbles.gif) no-repeat 340px 10px;}
.borderimg {position:relative;right:3px;bottom:3px;border:6px solid #c8d8ba;}
.stin {float:left;position:relative;top:5px;left:3px;margin-right:11px;background:#f0f0f0;}
span.center {padding-bottom:10px;}
span.center,span.legenda {display:block;}
.center img {margin:10px auto 0 auto;padding:4px;border:6px solid #c8d8ba;}
.legenda {text-align:center;font-style:italic;color:#888888;}
#content .artfoto {margin:0 auto;padding:5px;border:6px solid #c8d8ba;}
.ed {clear:both;padding-top:5px;}
.ed a {font-weight:bold;color:#888888;text-decoration:none;}
#content table {margin:0 auto;}
#content thead td {font-weight:bold;background:#c8d8ba;color:#000;}
#content td {padding: 2px 10px;text-align:center;background:#f5f5f5;}
#content td.left {text-align:left;}
#content td.nadpis {padding:5px 0;font-size:1.1em;_font-size:0.8em;background:#fff;}
#content .skorovali {width:95%;}
#content table.skorovali td {padding:5px;width:250px;text-align:left;vertical-align:top;background:none;}
#content a.deska {text-decoration:none;}
#content a.deska img {position:relative;top:2px;right:3px;}
#content a.deska:hover {font-weight:bold;}
#content .spolecna {display:block;margin:4px;width:500px;height:361px;background:url(http://www.obec-lukov.cz/img/hraci/spolecna-2008.jpg) no-repeat;border:6px solid #c8d8ba;}
#content .spolecna:hover {background-position:-500px;}
#karticka {width:535px;height:415px;margin-left:14px;background:#d1dae0 url(../img/karticka-back.jpg) no-repeat;}
#karticka .fright {float:right;width:274px;height:386px;margin:10px 10px 0 0;_margin:10px 6px 0 0;text-align:center;}
#kartfoto {width:180px;height:230px;margin:30px auto 10px auto;_margin-bottom:0;}
#kartfoto table {width:100%;height:100%;}
#kartfoto td {text-align:center;vertical-align:center;}
#kartfoto img {padding:0;margin:0 auto;border:1px solid #6px solid #c8d8ba;}
#karticka .kartab {position:relative;bottom:6px;margin:0 auto;color:#fff;}
#karticka .kartab .tdleft {width:105px;padding-right:15px;text-align:right;}
#karticka .kartab .tdright {width:100px;text-align:left;}
#karticka h2 {padding:20px 20px 10px 20px;_padding:8px 20px;color:#000;}
#karticka p {width:220px;margin:7px 15px;color:#000;}
.edittext {color:#8e8e8e;text-align:right;}
.edittext a {color:#8e8e8e;font-weight:bold;text-decoration:none;}
.edittext a:hover {text-decoration:underline;}
.adminline {float:right;position:relative;top:10px;padding:0 15px;}
.odkaz {display:block;padding:10px 0 0 15px;text-align:left;font-weight:bold;font-size:1.1em;color:#ba1010;text-decoration:none;}
.odkaz:hover {text-decoration:underline;}
.clanekfoto {margin:0 auto;padding:20px 0;}
.galart {clear:both;text-align:left;padding-bottom:20px;}
.galart a {text-decoration:none;}
.galart img {position:relative;top:16px;padding:2px;border:4px solid #6px solid #c8d8ba;}
.galartimg {margin:0 5px 0 40px;}
/* Anketa */
.anketa {margin:0 12px;text-align:left;}
.anketa form,.anketa ul,.anketa input {margin:0;padding:0;list-style:none;}
.anketa li {width:100%;}
.anketa .otazka {margin:0 2px 5px 5px;font-weight:bold;text-indent:O;}
.anketa .procenta {_float:left;height:6px;margin:3px 0 0 18px;_margin-left:25px;padding:0;background:#487d1c;}
.anketa .hlaska {font-weight:bold;margin-top:4px;}
.anketa .liche,.anketa .sude {padding:4px 2px 10px 5px;_padding:0;font-size:0.9em;background:#efefef;}
.anketa .sude {background:#f8f8f8;}
.anketa label {font-weight:bold;cursor:pointer;}
.anketa ul input {border:0;}
.anketa .submit {position:relative;bottom:2px;}
.afooter {padding:10px 0 35px 0;text-align:right;}
.afooter a {color:#}
/* Novinky */
.novinka h1 {padding-top:3px;color:#606060;font-size:1.6em;}
/* Clanky */
.clanek h1 {position:relative;top:4px;margin:0;padding:25px 0 0 8px;font-size:1.3em;font-weight:bold;border:0;}
.clanek p {text-indent:22px;}
.clanek a {text-decoration:none;}
.clanek .fright {padding-bottom:6px;}
.clanek .cfooter {clear:both;margin:0 5px;padding:2px 7px;font-size:0.9em;text-align:right;color:#434343;background:#f3f3f3;}
.clanek .cfooter img {padding-left:10px;}
.clanek .top1 {position:relative;top:1px;}
/* Diskuze */
.dh1 {margin:5px 10px;}
.diskuzeheader {padding:5px 20px;text-align:right;color:#606060;}
.diskuzeheader a {float:left;position:relative;bottom:3px;font-weight:bold;color:#4e9745;}
.diskuzeheader .nadpis {width:94%;text-align:left;margin:5px 0 10px 0;font-size:1.5em;font-weight:bold;color:#606060;}
.diskuze {clear:both;width:96%;margin:0 10px 5px 10px;_font-size:1em;color:#606060;border-collapse:collapse;}
.diskuze td {_font-size:1em;}
.diskuze thead td {padding:3px 5px;font-weight:bold;text-align:left;color:#000;background:#d9d9d9;}
.diskuze tbody td {padding:5px 10px;border-bottom:1px dashed #ccc;}
.diskuze tfoot td {padding:5px 10px;color:#000;border-top:1px solid #e4e4e4;}
.diskuze a {font-weight:bold;color:#000;text-decoration:none;}
.diskuze a:hover {color:#4e9745;}
.diskuze .dicon {position:relative;top:2px;}
.ded {float:left;}
.ded a {float:none;color:#888888;text-decoration:none;}
.prispevek a.dodkaz {background:none;}
.prispevek a.dodkaz:hover {color:#4e9745;}
.prispevek {width:96%;margin:0 auto 15px auto;}
.pheader {text-align:left;color:#4e4e4e;padding:4px 6px 4px 6px;background:#d9d9d9;}
.pheader a {color:#000;text-decoration:none;}
.pheader div {float:right;}
.pcontent {padding:5px 8px 5px 8px;text-align:justify;}
.pcontent a {color:#000;font-weight:bold;background:#f6f6f6;}
.pcontent a:hover,.pheader a:hover {text-decoration:underline;}
.pcontent div, .ucenter, td.trpodtr span {display:block;text-align:center;}
.pcontent div img {margin:5px auto;}
.pfooter {padding:2px 4px 6px 4px;margin:2px;text-align:right;border-top:1px solid #c8d8ba;}
.prispet {font-weight:bold;font-size:1.2em;color:#4e9745;text-decoration:none;}
.prispet:hover {text-decoration:underline;}
.vice span{font-weight:normal;}
.napoveda {font-weight:bold;cursor:help;}
/* Fotogalerie */
.fh1 {margin:5px 10px;}
.galerie {clear:both;width:96%;margin:0 10px 5px 10px;color:#606060;border-collapse:collapse;}
.galerie thead {font-weight:bold;text-align:left;color:#000;background:#d9d9d9;}
.galerie td {padding:5px 10px;}
.galerie tfoot td {color:#000;border-top:1px solid #e4e4e4;}
.galerie a {font-weight:bold;color:#000;text-decoration:none;}
.galerie a:hover {color:#4e9745;}
.galerie .dicon {position:relative;top:2px;}
.alba {margin:0;padding:5px 11px 5px 0;list-style:none;_display:inline;}
.alba li {float:left;display:-moz-inline-box;_display:inline;width:48%;margin:3px;padding:0;vertical-align:bottom;}
.alba a.obal {display: block;color:#867666;text-decoration:none;cursor:pointer;padding:1px 6px 3px 6px;background:#f7f8f8;border:1px solid #eaedf0;}
.alba a.obal:hover {background:#f2f4f5;border:1px solid #ebedee;}
.alba img {border:1px solid #bcbcbc;}
.alba .nazev {display:block;padding:0 4px 2px 4px;font-size:1.2em;color:#000;font-weight:bold;}
.alba .popis {float:right;width:140px;_width:147px;height:70px;margin-top:7px;font-size:0.9em;}
.alba .footer {display:block;text-align:right;font-size:0.9em;}
.fotky {margin:0 11px;padding:0;border-collapse:collapse;font-size:0.9em;}
.fotky td {width:150px;padding:6px 6px 3px 6px;_font-size:0.9em;color:#867666;text-align:center;text-decoration:none;cursor:pointer;background:#f7f8f8;border:1px solid #eaedf0;}
.fotky td:hover {background:#f2f4f5;border:1px solid #ebedee;}
.fotky .imgobal {display:block;width:100px;height:100px;}
.fotky img {border:1px solid #bcbcbc;margin:0 auto;}
.fotky .clean {background:#fff;border:0;}
.fotky .ed {font-size:1em;} 
.posun {text-align:center;}
.posun a {margin:0 100px;color:#4e9745;text-decoration:none;}
.posun a:hover {color:#ba1010;}
.fotka {text-align:center;}
.fotka p {margin:10px 40px;}
.fotka img {border:6px solid #c8d8ba;}
.pridat {padding:15px 0 0 10px;font-size:1.2em;font-weight:bold;color:#4e9745;}
.pridat:hover {color:#606060;}
.nadpis {font-size:1.2em;font-weight:bold;}
.nadpis span {font-weight:normal;}
/* Komentare */
.guestbook{width:400px;margin:5px auto 0 auto;padding:5px 5px 9px 5px;background:#EAF2F4;border:1px solid #E0EBF3;}
.gcontent{text-indent:0;padding-bottom:10px;font-size:1em;}
.gcontent img {position:relative;top:2px;}
#content .gcontent a{color:#ba1010;border:0;font-weight:bold;}
.gfooter {text-align:right;color:#7e7e7e;font-size:0.9em;}
.gfooter .ed {position:relative;bottom:5px;}
/* Strankovani */
.page {float:right;padding:5px 22px;text-align:left;font-weight:bold;color:#7E7E7E;}
#content .page .selected,.page .selected {text-decoration:underline;color:#ba1010;}
.page a {color:#7E7E7E;text-decoration:none;}
.allfooter {clear:both;margin-top:8px;padding:2px 8px 25px 8px;font-size:0.9em;text-align:right;color:#989696;border-top:1px dashed #e4e4e4;}
.vice,.vice a,a.vice {text-align:right;padding-right:12px;font-weight:bold;color:#4e9745;text-decoration:none;}
.vice a:hover,a.vice:hover {text-decoration:underline;}
/* Formulářové prvky */
.hlaska {padding:5px;color:#ba1010;font-weight:bold;}
#formular td, #formular2 td {_font-size:0.7em;}
#formular,#formular2 {width:94%;margin:5px 10px;padding:0 5px;font-size:0.85em;}
#formular .submit,#formular2 .submit,.submit {margin:5px 0 0 10px;font-size:1em;color:#fff;background:#a7a7a7;border:1px solid #707070;cursor:pointer;}
#formular2 .submit {margin:0;padding:0;}
.vymazathlasy {position:relative;bottom:34px;left:430px}
#formular input,#formular2 input {padding:1px 2px;font-size:1em;color:#606060;border:1px solid #a7a7a7;}
#formular fieldset,#formular2 fieldset {margin-top:15px;padding:0 10px 10px 10px;background:#f7f8f9;border:1px solid #a7a7a7;border-top:3px solid #a7a7a7;}
#formular legend,#formular2 legend {padding:2px 8px;font-weight:bold;border:1px solid #a7a7a7;}
#formular label,#formular2 label {padding:6px 15px 6px 5px;}
#formular select,#formular2 select {font-size:1em;color: #606060;}
#formular textarea,#formular2 textarea {border:1px solid #a7a7a7;}
#formular table,#formular2 table {margin-top:8px;}
#formular .popisek {width: 110px;}
.center2 #formular {width:75%;margin:0 auto;} /* Komentar pod foto */
textarea {padding:1px 2px;font-size:1.2em;_font-size:1em;color:#606060;font-family:"Tahoma",'Arial',Sans-Serif;}
.info {margin:0;padding:0 10px;color:#888888;text-align:right;}
#formular .info input {font-weight:bold;text-align:center;border:0;background:none;width:22px;}
#sendmail {text-align:center;}
#sendmail form {text-align:left;}
#sendmail #formular {width:70%;margin:0 auto;}
/* Mapa webu */
#mapa ul {padding:0 25px;}
#mapa a {color:#000;text-decoration:none;}
#mapa a:hover {text-decoration:underline;}
#mapa h2 a {position:relative;top:2px;color:#4e9745;text-decoration:none;}
#mapa h2 a:hover {color:#000;}
/* Bubliny */
.bublina {padding:1px 5px;border:1px dashed #606060;background:#fff;}
/* Footer */
#footer {clear:both;margin:0 16px;padding:12px 4px;color:#888787;background:url(../img/page-bottom.gif) repeat-x top;}
#footer strong {color:#4e9745;}
#footer a {color:#4e9745;text-decoration:none;}
