/* CSS Base*/
body { font-size: 11px; line-height: 13px; text-align:center; background: url("../_img/page-bg.gif") repeat-x top center #bababa; color: #474a41; }
html { }
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,hr,pre,code,form,fieldset,legend,input,button,select,option,textarea,p,blockquote,th,td,table,img { font-family: Tahoma, Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
table { border-spacing: 0; border-collapse: collapse; }
fieldset,img { border: 0; }
input, button, select, option, textarea, table, tr, td { font-size: 11px; }
h1 { font-size: 153.9%; }
h2 { font-size: 123.1%; }
h3 { font-size: 108% }
h1,h2,h3 { margin: 1em 0; text-align: left;  }
h1,h2,h3,h4,h5,h6,strong,b { font-weight: bold;  }
em,i { font-style: italic; }
ol,ul,dl { margin-left: 2em; }
a { text-decoration: none; color: #474a41; }
a:hover { text-decoration: underline; }

.alc { text-align: center; }
.alr { text-align: right; }
.all { text-align: left; }

.flr { float: right; }
.fll { float: left; }

a.tdu { text-decoration: underline !important; }
a.tdu:hover { text-decoration: none !important; }

a.tdn { text-decoration: none !important; }
a.tdn:hover { text-decoration: underline !important; }


div.left, div.right { font-size: 1px; line-height: 1px;  }
div.left { float: left !important; }
div.right { float: right !important; }
div.clear { height: 1px !important; font-size: 1px !important; line-height: 1px !important; width: auto !important; clear: both; }

div#green-line { width: 1000px; height: 5px; background-color: #b4dc11; font-size: 1px; line-height: 1px; margin: 0 auto; }
div#green-line div.left { width: 10px; height: 5px; background: url("../_img/green-line-left.gif") repeat-y top left; }
div#green-line div.right { width: 10px; height: 5px; background: url("../_img/green-line-right.gif") repeat-y top left; }

div#top-menu { width: 1000px; height: 35px; line-height: 30px; background: url("../_img/top-menu-bg.gif") repeat-x top left; margin: 0 auto; }
div#top-menu div.left { width: 20px; height: 35px; background: url("../_img/top-menu-left.gif") no-repeat top left; }
div#top-menu div.right { width: 20px; height: 35px; background: url("../_img/top-menu-right.gif") no-repeat top left; }
div#top-menu a { font-weight: bold; float: left; display: block; height: 30px; line-height: 30px; padding: 0 15px; background-image: url("../_img/top-menu-separator.gif"); background-repeat: no-repeat; background-position: 100% 1px; }
div#top-menu a.right { font-weight: normal; float: right; background-position: 0 1px; }
div#top-menu a.right img { margin-top: 5px; line-height: 30px; background-color: #fff; padding: 1px; border: 1px solid #a2a2a2; }

div#logo { width: 1000px; height: 112px; font-size: 1px; line-height: 1px; margin: 0 auto; background: url("../_img/logo.jpg") no-repeat top left;  }
div#logo div#flash { padding-top: 4px; margin-right: 10px; text-align: right;}

div#main-menu { width: 1000px; height: 39px; line-height: 39px; background: url("../_img/main-menu-bg.gif") repeat-x top left; margin: 0 auto; }
div#main-menu div { float: left; width: 2px; height: 39px; line-height: 1px; font-size: 1px; background: url("../_img/main-menu-separator.gif") no-repeat bottom left; }
div#main-menu div.left { width: 20px; height: 39px; background: url("../_img/main-menu-left.gif") no-repeat top left; }
div#main-menu div.right { width: 20px; height: 39px; background: url("../_img/main-menu-right.gif") no-repeat top left; }
div#main-menu a { font-size: 12px; color: #354d00; float: left; display: block; font-weight: bold; height: 32px; line-height: 32px; padding: 0 15px; margin-top: 7px; }
div#main-menu a:hover { color: #f2ffa3; text-decoration: none; background: url("../_img/main-menu-bg-hover.gif") repeat-x bottom left;  }
div#main-menu a.active { color: #f2ffa3; text-decoration: none; background: url("../_img/main-menu-bg-hover.gif") repeat-x bottom left;  }

div#main-menu form#menu-search { display: block; float: right; margin-top: 15px; line-height: 18px; }
div#main-menu form#menu-search br { display: none; }
div#main-menu form#menu-search input.text { border: 1px solid #888; background-color: #F3F3F3; padding: 2px 5px; width: 100px; }
div#main-menu form#menu-search input.submit { margin: 0 0 0 0; padding: 1px 5px; cursor: pointer; border: 1px solid #888; background-color: #DDD;  }
div#main-menu form#menu-search label { cursor: pointer; padding: 3px 3px 3px 0; }
div#main-menu form#menu-search label input { margin: 0 3px; }

/*
div#sub-menu { width: 1000px; height: 28px; line-height: 28px; background-color: #9db11e; margin: 0 auto; }
div#sub-menu div.left { width: 20px; height: 28px; background: url("../_img/sub-menu-left.gif") repeat-y top left; }
div#sub-menu div.right { width: 10px; height: 28px; background: url("../_img/sub-menu-right.gif") repeat-y top left; }
div#sub-menu div { height: 28px; line-height: 28px; }
div#sub-menu div a { text-decoration: underline; font-weight: bold; color: #e7ecdc; float: left; height: 28px; line-height: 28px; padding: 0 15px; background: url("../_img/sub-menu-arrow.gif") no-repeat 5px 55%; }
div#sub-menu div a:hover { text-decoration: none; }
*/
div#sub-menu2 { width: 1000px; background: url("../_img/sub-menu-2-bg.gif") repeat-y top left #9db11e; margin: 0 auto; }
div#sub-menu2 div.left { width: 20px; height: 28px; }
div#sub-menu2 div.right { width: 20px; height: 28px; }
div#sub-menu2 div.holder { width: 960px; float: left; }
div#sub-menu2 div.holder a { white-space: nowrap; text-decoration: underline; font-weight: bold; color: #e7ecdc; float: left; height: 28px; line-height: 28px; padding: 0 15px; background: url("../_img/sub-menu-arrow.gif") no-repeat 5px 55%; }
div#sub-menu2 div.holder a:hover { text-decoration: none; }
div#sub-menu2 div.holder div { float: left; width: 100%; }
div#sub-menu2 div.spec-clear { width: auto !important; height: 0px !important; line-height: 0px !important; font-size: 1px !important; clear: both !important; float: none !important; }

div#footer { width: 1000px; height: 81px; margin: 0 auto; background: url("../_img/footer-bg.gif") no-repeat center top; clear: both; }
div#footer div.icons { float: left; padding: 20px 0 0 35px; }
div#footer div.icons a { text-decoration: none; text-align: center; width: 36px; height: 36px; line-height: 36px; display: block; float: left; margin: 0 5px; background-repeat: no-repeat; background-position: top left; }
div#footer div.icons a.icon1 { background-image: url("../_img/footer-icon-1.gif"); }
div#footer div.icons a.icon2 { background-image: url("../_img/footer-icon-2.gif"); }
div#footer div.icons a.icon3 { background-image: url("../_img/footer-icon-3.gif"); }
div#footer div.text { font-size: 11px; line-height: 13px; text-align: right; float: right; width: 550px; padding: 20px 35px 0 0; }

div#footer2 { width: 1000px; height: 40px; line-height: 40px; margin: 0 auto; }
div#footer2 p { text-align: right; padding-right: 30px; height: 40px; line-height: 40px; color: #fff; font-weight: bold; }

div#content { width: 1000px; margin: 0 auto; background: url("../_img/content-bg.gif") repeat-y top left; text-align: left; }
div#content div.left { width: 10px; height: 380px; background: url("../_img/content-left.gif") no-repeat top left; }
div#content div.right { width: 10px; height: 380px; background: url("../_img/content-right.gif") no-repeat top left; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

div#content a { text-decoration: underline;  }
div#content a:hover { text-decoration: none; }

div#content div#menu { float: left; width: 206px; background: url("../_img/content-menu-bg.gif") repeat-x top left #fff; padding: 9px 0 0 0; }
div#content div#menu div.header { height: 33px; line-height: 33px; background: url("../_img/content-menu-h1.gif") no-repeat center center; padding: 0 20px 0 40px; font-size: 11px; font-weight: bold; }
div#content div#menu div.header p { height: 33px; line-height: 33px; float: left; color: #6ea100; }
div#content div#menu div.header a { height: 33px; line-height: 33px; float: right; color: #4a6c00; display: block; }

div#content div#menu div.newska { margin: 10px 10px 0 10px; padding: 0 15px 30px 15px; background: url("../_img/page-wannabe.gif") no-repeat bottom left;  }
div#content div#menu div.newska p { line-height: 14px; }
div#content div#menu div.newska p.datum { font-size: 10px; line-height: 13px; color: #6ea100; }
div#content div#menu div.newska a.headline { font-weight: bold; line-height: 17px; display: block; color: #4a6c00;  }
div#content div#menu div.newska a img { vertical-align: middle; margin: 0 3px; }

div#content div#menu form.registrace { padding: 17px 22px 0 22px; display: block; background: url("../_img/content-menu-form.gif") no-repeat top left; }
div#content div#menu form.registrace p { margin: 0 0 7px 0 }
div#content div#menu form.registrace p input.field { width: 150px; padding: 2px 5px; background: #fff; border: 1px solid #dedede; }
div#content div#menu form.registrace div.submit { margin: 0 0 10px 0; height: 25px; line-height: 25px; padding: 0 10px; }
div#content div#menu form.registrace div.submit a { height: 25px; line-height: 25px; float: left; color: #4a6c00; display: block; }
div#content div#menu form.registrace div.submit input { float: right; width: 30px; height: 25px; line-height: 25px; text-align: center; background: url("../_img/content-menu-form-ok.gif") no-repeat top left transparent; border: 0 none; font-weight: bold; cursor: pointer; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

div#content div#page.noleftcol { width: 980px !important; }
div#content div#page.noleftcol div.center { width: 924px !important; }

div#content div#page { float: left; width: 774px; background: url("../_img/content-page-bg.gif") repeat-x top left #fff; }
div#content div#page div.left { width: 28px; height: 321px; background: url("../_img/content-page-left.gif") no-repeat top left; }
div#content div#page div.right { width: 28px; height: 321px; background: url("../_img/content-page-right.gif") no-repeat top right; }
div#content div#page div.center { float: left; width: 718px; }
div#content div#page div.center h1.main { margin: 0; height: 96px; line-height: 80px; color: #6ea100; font-size: 18px; font-weight: bold; }
div#content div#page div.center a.main-button { color: #6ea100; font-weight: bold; float: right; display: block; margin: 23px 0 0 0; padding: 0 25px 0 45px; height: 33px; line-height: 33px; text-align: center; background: url("../_img/content-icon-map+bg.gif") no-repeat top center;  }

div#content div#page div.center h2 { margin: 10px 0; font-size: 14px; line-height: 17px; text-transform: uppercase; color: #6ea100; padding: 0 8px; }
div#content div#page div.center h3 { margin: 8px 0; font-size: 12px; line-height: 14px; text-transform: uppercase; color: #6ea100; padding: 0 5px; }
div#content div#page div.center h4 { margin: 5px 0; font-size: 12px; line-height: 14px; text-transform: uppercase; color: #4a6c00; padding: 0 2px; }
div#content div#page div.center hr { width: auto; height: 1px; line-height: 1px; margin: 10px 0; border: 0 none; color: #c9c9c9; background-color: #c9c9c9; }

div#content div#page div.center div.box { width: 350px; background: #eee url("../_img/page-wannabe.gif") no-repeat bottom left; padding: 20px 0 30px 0; margin: 0 0 20px 0; }
div#content div#page div.center div.box.left { font-size: 12px; line-height: 16px; height: auto; }
div#content div#page div.center div.box.right { font-size: 12px; line-height: 16px; height: auto; }
div#content div#page div.center div.box p { margin: 5px 22px; text-align: justify; }
div#content div#page div.center div.box p span.headline { display: inline; color: #4a6c00; font-weight: bold; }
div#content div#page div.center div.box a { color: #4a6c00; }
div#content div#page div.center div.box ul { margin: 10px 22px; list-style: none; }
div#content div#page div.center div.box ul li { text-align: justify; margin: 10px 0 10px 0; padding: 3px 0 0 30px; background: url("../_img/ul-li.gif") 0px 0px no-repeat;  } 
div#content div#page div.center div.box div.alert { font-size: 11px; padding: 10px 10px 10px 55px; background: url("../_img/page-alert.gif") no-repeat 10px 50% #c9c9c9; margin: 10px 12px; border-top: 1px solid #fff; border-bottom: 1px solid #a8a8a8; color: #4a6c00; font-weight: bold; }
div#content div#page div.center div.box div.alert a { color: #4a6c00; }
div#content div#page div.center div.box div.alert p { margin: 0; }

div#content div#page div.center a.button1 { font-size: 12px; margin: 5px 22px; height: 27px; line-height: 27px; color: #4a6c00; background-repeat: no-repeat; background-position: top left; text-align: center; text-decoration: none; font-weight: bold; display: block; cursor: pointer; }
div#content div#page div.center a.button1.b1w80 { width: 80px; background-image: url("../_img/button1-bg-w80.gif"); }
div#content div#page div.center a.button1.b1w120 { width: 120px; background-image: url("../_img/button1-bg-w120.gif"); }
div#content div#page div.center a.button1.b1w160 { width: 160px; background-image: url("../_img/button1-bg-w160.gif"); }
div#content div#page div.center a.button1.b1w200 { width: 200px; background-image: url("../_img/button1-bg-w200.gif"); }

div#content div#page div.center a.button2 { font-size: 12px; margin: 5px 0; height: 27px; line-height: 27px; color: #4a6c00; background-repeat: no-repeat; background-position: top left; text-align: center; text-decoration: none; font-weight: bold; display: block; cursor: pointer; }
div#content div#page div.center a.button2.b2w80 { width: 80px; background-image: url("../_img/button2-bg-w80.gif"); }
div#content div#page div.center a.button2.b2w120 { width: 120px; background-image: url("../_img/button2-bg-w120.gif"); }
div#content div#page div.center a.button2.b2w160 { width: 160px; background-image: url("../_img/button2-bg-w160.gif"); }
div#content div#page div.center a.button2.b2w200 { width: 200px; background-image: url("../_img/button2-bg-w200.gif"); }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

div#content div#page div.center div.village-list { margin: 5px 50px 20px 0; float: left; }
div#content div#page div.center div.village-list div { height: 24px; line-height: 24px; }
div#content div#page div.center div.village-list div a { display: block; height: 24px; line-height: 24px; color: #6ea100; }
div#content div#page div.center div.village-list div a:hover { color: #474a41; text-decoration: underline; }
div#content div#page div.center div.village-list div div.icons { width: 48px; float: left; }
div#content div#page div.center div.village-list div div.icons a.google { float: left; width: 24px; text-decoration: none; background: url("../_img/content-icon-google.gif") no-repeat top left; }
div#content div#page div.center div.village-list div div.icons a.maps { float: right; width: 24px; text-decoration: none; background: url("../_img/content-icon-map.gif") no-repeat top left; }
div#content div#page div.center div.village-list div a.link { float: left; padding: 0 10px; font-size: 12px; font-weight: bold; }

div#content div#page div.center div.detail-header { border-top: 1px solid #fff; background: url("../_img/page-wannabe.gif") no-repeat bottom left #c9c9c9; padding: 10px 0 20px 0; margin: 0 0 20px 0; }
div#content div#page div.center div.detail-header div.image { float: left; width: 110px; text-align: center; }
div#content div#page div.center div.detail-header div.text  { font-size: 12px; float: left; width: 388px; line-height: 16px; }
div#content div#page div.center div.detail-header div.text .green { color: #4a6c00; }
div#content div#page div.center div.detail-header div.links { float: right; width: 220px; text-align: left; }
div#content div#page div.center div.detail-header div.links a { padding: 0 0 0 40px; font-weight: bold; font-size: 12px; display: block; line-height: 28px; height: 28px; margin: 0 15px 0 0; background-position: 8px 50%; background-repeat: no-repeat; }
div#content div#page div.center div.detail-header div.links a.g-button { text-decoration: none; color: #4a6c00; background: url("../_img/content-icon-google+bg.gif") no-repeat top left; height: 35px; line-height: 35px; }
div#content div#page div.center div.detail-header div.links a.g-button:hover { text-decoration: underline; }
div#content div#page div.center div.detail-header div.links a.m-button { text-decoration: none; color: #4a6c00; background: url("../_img/content-icon-map2+bg.gif") no-repeat top left; height: 35px; line-height: 35px; }
div#content div#page div.center div.detail-header div.links a.m-button:hover { text-decoration: underline; }

div#content div#page div.center div.detail-maps { border-top: 1px solid #fff; background: url("../_img/page-wannabe.gif") no-repeat bottom left #f2f2f2; padding: 5px 25px 20px 25px; margin: 0 0 20px 0; }
div#content div#page div.center div.detail-maps h1 { text-transform: uppercase; color: #4a6c00; font-size: 14px; height: 32px; line-height: 32px; padding: 0 3px; margin: 0 0 10px 0; border-bottom: 1px solid #c9c9c9; }
div#content div#page div.center div.detail-maps div { width: 50%; background: none; height: auto; font-size: 11px; font-weight: bold; line-height: 14px; }
div#content div#page div.center div.detail-maps div h2 { text-transform: uppercase; color: #4a6c00; font-size: 13px; height: 26px; line-height: 26px; padding: 0 3px; margin: 0 0 10px 0; }
div#content div#page div.center div.detail-maps div a { color: #6ea100; padding: 0 0 0 30px; font-weight: bold; font-size: 12px; display: block; line-height: 28px; min-height: 28px; *height: 28px; _height: 28px; margin: 0 15px 0 0; background-position: 0px 5px; background-repeat: no-repeat; text-decoration: none;}
div#content div#page div.center div.detail-maps div a:hover { color: #474a41; text-decoration: underline; }
div#content div#page div.center div.detail-maps div p.alert { font-weight: normal; margin: 20px 20px 20px 0; color: #000; width: auto; padding: 5px 10px; background-color: #c9c9c9; border-top: 1px solid white; border-bottom: 1px solid #a8a8a8; }
div#content div#page div.center div.detail-maps div p.alert img { float: left; margin: 0 5px 0 0; }

div#content div#page div.center div.detail-footer { margin: 20px 0 20px; 0;  }
div#content div#page div.center div.detail-footer div { width: 50%; background: none; height: auto; font-size: 11px; line-height: 14px; } 
div#content div#page div.center div.detail-footer div.left p { margin: 3px 10px; }
div#content div#page div.center div.detail-footer div.left p a { color: #6ea100; }
div#content div#page div.center div.detail-footer div.left img { float: left; border-bottom: 1px solid #c1c1bf; margin: 0 10px 5px 0; }
div#content div#page div.center div.detail-footer div.right { font-weight: bold; color: #bd0000; }
div#content div#page div.center div.detail-footer div.right p { margin: 3px 10px; }
div#content div#page div.center div.detail-footer div.right p a { color: #6ea100; }

a.print { background-image: url("../_img/content-icon-print.gif"); }
a.chat { background-image: url("../_img/content-icon-chat.gif"); }
a.house { background-image: url("../_img/content-icon-house.gif"); }
a.drop { background-image: url("../_img/content-icon-drop.gif"); }
a.hivolt { background-image: url("../_img/content-icon-hivolt.gif"); }
a.tree { background-image: url("../_img/content-icon-tree.gif"); }
a.excl { background-image: url("../_img/content-icon-excl.gif"); }
a.corn { background-image: url("../_img/content-icon-corn.gif"); }
a.book { background-image: url("../_img/content-icon-book.gif"); }
a.car { background-image: url("../_img/content-icon-trabant.gif"); }

#char-select { font-size: 12px; font-weight: bold; height: 20px; line-height: 20px; margin: 0 10px; }
#char-select a { display: block; float: left; padding: 0 3px; }

#mapa { margin-bottom: 20px; }



/* Kontaktny formular */
div#content div#page div.center table.contact { width: 100%; margin: 0 0 20px 0; }
div#content div#page div.center table.contact tr th { height: 1px; line-height: 1px; font-size: 1px; }
div#content div#page div.center table.contact tr th.col-left { width: 30%; }
div#content div#page div.center table.contact tr th.col-righ { width: 70%; }
div#content div#page div.center table.contact tr td { padding: 4px 5px; vertical-align: middle; }
div#content div#page div.center table.contact tr td h3 { margin: 5px 50px; border-bottom: 1px solid #ddd; }
div#content div#page div.center table.contact tr td .field { border: 1px solid #9DB11E; padding: 2px 5px; background-color: #F4FFBF; }
div#content div#page div.center table.contact tr td .field:focus { background-color: #fff; }
div#content div#page div.center table.contact tr td input.submit { font-size: 12px; margin: 22px 0; height: 27px; line-height: 27px; text-align: center; font-weight: bold; width: 160px; background: url("../_img/button1-bg-w160.gif") no-repeat top left transparent; border: 0 none; }
div#content div#page div.center table.contact tr td p { margin: 0 0 0 5px; line-height: 24px; }
div#content div#page div.center table.contact tr td .bad-field { border: 1px solid #b11e1e; padding: 2px 5px; background-color: #fce7e7; }
div#content div#page div.center table.contact tr td .bad-field:focus { background-color: #fff; }

select.field { width: 10em; }
input.submit { cursor: pointer; }

div#loader {
	height : 35px;
	background-image : url('../_img/ajax-loader.gif');
	background-repeat : no-repeat;
	background-position : 5px 50%;
	line-height : 35px;
	padding-left : 45px;
	display : none;
}

td.submitCol {
	height : 32px;
}

div.tcrow,
div.gcrow {
	width: 280px !important;
	clear: right !important;
}

div.tcrow a.pdficon,
div.gcrow a.pdficon {
	margin: 0pt !important;
	padding: 0pt !important;
	width: 20px !important;
	float: right !important;
}
