body { text-align: center; margin: 0; padding: 0; color: #004072; font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif; font-size: 80%; background: #fff; }

img {border: 0;}

input, select, textarea{  border:1px solid #D4ECFF; background-color:#f6f9fc;}

 
#main { margin: 0 auto 0 auto; width: 780px; text-align: left; background: #3C96C7 url(../images/back.png) repeat-y; }

#header { height: 105px; position: relative; font-size: 1.9em; margin: 0; padding: 0; }
#header span { background: url(../images/head.png) no-repeat center; position: absolute; width: 100%; height: 100%; }

#logo { display: block; padding-left: 26px; margin: 0; position: absolute; top: 57px; z-index: 1; }
#logo  { border: 0; }
#top-text { text-align: right; margin: 0; padding: 6px; font-size: 85%; }
#selling { margin: 0; padding: 8px; }
hr, .up { position: absolute; top: -10000px; }
.clear {clear:both; font-size:1px; line-height:1px; height:1px; overflow:hidden; margin-top:-1px;}

a, a:link, a:visited, a:active { color: #004072; text-decoration: underline; }
a:hover { color: #A41900; text-decoration: none; }

#menu, #menu_private {font-size:85%; text-align: center; background: #004B7D url(../images/menu.png) no-repeat left top; height: 26px; line-height: 26px; vertical-align: middle; margin: 0 auto 0 auto; color: #ff0;} 
#menu_private { margin-top:1em; background: #004B7D url(../images/menu_private.png) no-repeat left top; color: #fff;} 
#odskok {margin-bottom:5px; font-size:1px; line-height:1px; height:1px; overflow:hidden; margin-top:-1px;}

#nav, #nav ul { padding: 0; margin: 0 0 0 20px; list-style: none; font-weight: bold;}
#nav a { display: block; color: #FCFF00; text-decoration: none; width: 152px }
#nav a:hover { text-decoration: underline; }
#nav li { float: left; }
#nav li ul { position: absolute; background: #004B7D; width: 130px; left: -999em; margin: 0 0 0 15px; }
#nav li ul ul { margin: -25px 0 0 130px; }
#nav li ul ul ul { margin: -26px 0 0 130px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul { left: auto; z-index: 1000; text-align: left; }
#nav li li a { display: block; background-color: #004B7D; padding: 0 0 0 5px; }
#nav li li a:hover { background-color: #4897CE; padding: 0 0 0 5px; }

#menu_private ul { padding: 0; margin: 0; list-style: none; font-weight: bold;}
#menu_private a { display: block; color: #FCFF00; text-decoration: none; width: 125px; }
#menu_private a:hover { text-decoration: underline; }
#menu_private li { float: left; }
#menu_private li ul { position: absolute; background: #004B7D; width: 125px; left: -999em; margin: 0 0 0 15px; }
#menu_private li ul ul { margin: -25px 0 0 130px; }
#menu_private li ul ul ul { margin: -26px 0 0 130px; }
#menu_private li:hover ul ul, #menu_private li:hover ul ul ul, #menu_private li:hover ul ul ul ul, #menu_private li.sfhoverprivate ul ul, #menu_private li.sfhoverprivate ul ul ul, #menu_private li.sfhoverprivate ul ul ul ul { left: -999em; }
#menu_private li:hover ul, #menu_private li li:hover ul, #menu_private li li li:hover ul, #menu_private li li li li:hover ul, #menu_private li.sfhoverprivate ul, #menu_private li li.sfhoverprivate ul, #menu_private li li li.sfhoverprivate ul, #menu_private li li li li.sfhoverprivate ul { left: auto; z-index: 1000; text-align: left; }
#menu_private li li a { display: block; background-color: #B00; padding: 0 0 0 5px; }
#menu_private li li a:hover { background-color: #E00; padding: 0 0 0 5px; }

#tab { width: 130px; }

#content { float: left; width: 493px; margin: 8px 0 0 146px; }
* html #content { display: inline; }
#content p, .article_view, .article_viewfull { margin: 0; padding: 6px 6px 6px 10px; }
#content h2 { margin: 0; padding: 15px 6px 6px 10px; font-size: 1.5em; }
.ponuka, .error, .good {margin: 6px; padding: 0px; border: 1px solid #D4ECFF; background-color: #FFF; line-height: 1.2em; }
.ponuka-front{margin-left:10px; text-align: center; background-color: #fff; vertical-align: top; }
#content table.ponuka-front td {padding: 1px; width: 112px; vertical-align: top;}
#content table.ponuka-front td p {padding: 1px; width: 112px; vertical-align: top;}
#content table.ponuka-front td p a img { vertical-align: top; }
.ponuka-front td table td.tba_vyska { border: 0; vertical-align: top; }
.ponuka-front td table td.tba_vyska img { vertical-align: top; }
.ponuka-front td table .pop {border: 0; vertical-align: top;}
.ponuka p { margin: 0px; padding: 0px; }

.ponuka-vlavo {margin-top: 10px;}

.ponuka .select {width:300px; border:1px solid #D4ECFF;background-color:#f6f9fc;}
.ponuka .select-doba {width:120px; border:1px solid #D4ECFF;background-color:#f6f9fc;}
.ponuka .select-ponuka {width:300px; border:1px solid #D4ECFF;background-color:#f6f9fc;}
.ponuka .button { float:left; border:1px solid #D4ECFF; background-color:#f6f9fc;}
.ponuka .table td { padding-left: 10px; padding-right: 0px; border:red 0px solid; }
.table .pdficon {border:0px; padding:0px; vertical-align:top;padding-right:3px;}
.table th { text-align: left; padding: 10px; padding-top:0px;}

.error { padding: 0; border: 1px solid #f00; color: #f00; }
.good { padding: 0; border: 1px solid #228B22; color: #228B22; }
.good h3, .error h3, ponuka h3 { margin: 10px; padding: 0; font-size: 1.3em; }
.small { font-size: 85%; }
.table, .new_reg, .edit, .edit_2, .kontakt { font-size: 100%; }
.kontakt td { vertical-align: top; padding: 5px; width: 100%; }
.new_reg { vertical-align: top; padding: 5px; width: 400px; }
.edit, .edit_2 { padding: 0; width: 410px; }
.edit td { background-color: #fff; padding: 5px; }
.edit_2 td { background-color: #F6F9FC; padding: 5px; }
.first { width: 110px; }
.second { width: 340px; }
.pon_in { width: 200px; }
.pon_in_text { width: 92%; }
.new_reg_input { width: 210px; }
.kontakt { border: 1px solid #91B5CC; padding: 0; font-size: 100%; margin: 6px; }
.kontakt td { background: #F6F9FC; }
.input { width: 220px; }
.textarea { width: 220px; height: 80px; }
.pridat td { background: #E0EBF5; }
.small_td { font-size: 90%; color: #f00; }
.pon_kat { width: 20px; }


.table td { vertical-align: top; padding: 0px; }
.table img { background-color: #fff; border: 1px solid #004072;}

.table .img { background-color: #fff; width:120px;  text-align: center;vertical-align: middle; }
.table .text {width:300px; border:1px green solid;}
.pdficon {width:16px;}



.right { text-align: right; margin: 0; padding: 0; font-size: 100%; }
.red { text-align: right; margin-top: 5px; margin-bottom: 5px; padding: 0; font-size: 100%; color: #f00; font-weight: bold;}
.red a {color:#f00;}

#left-col { float: left; width: 146px; margin: 7px 0 0 -639px; background: #fff url(../images/col-back-left.png) repeat-y; }
#left-col h3 { font-size: 1.2em; margin: 0 0 0 8px; padding: 0; background-color: #004072; color: #FCFF00; text-align: center; height: 26px; line-height: 26px; vertical-align: middle; }
#left-col p { margin: 0 0 0 7px; padding: 5px 12px 5px 12px; font-size: 85%; }
#left-col h3.mall {background-color: #A41900; color: #FFF;}
#left-col p#mall_inzer { margin: 0 0 0 7px; padding: 5px 12px 5px 12px; font-size: 85%; font-weight:bold; color:#A41900; }
#left-col p#mall_inzer a {color:#A41900; text-decoration:none;}
#left-col p#mall_inzer a:hover, #left-col p#mall_inzer a:focus {color:#A41900; text-decoration:underline;}

#left-col ul { margin: 3px 8px 3px 18px; padding: 0; font-size: 85%; }
#left-col li { list-style: none; padding: 0 0 5px 0; margin: 0; }
#left-col .banner { margin: 3px 8px 3px 13px; padding: 0; }
#left-col .banner img { margin: 0; padding: 0; }
.new { margin: 0 0 0 0; padding: 5px 0 5px 13px; }
.new a, .new a:link, .new a:visited, .new a:active { color: #A41900; text-decoration: underline; }
.new a:hover { color: #A41900; text-decoration: none; }
.heslo { margin: -15px 0 10px 0px; padding: 5px; }
#left-col img { margin: 8px 0 0 20px; padding: 0; border: 1px solid #275D83; }
.menu_user { margin: 0 0 10px 17px; padding: 0; }
.edit td.bad, .edit_2 td.bad { background: #FFEAEA; border: 1px solid #f00; padding: 5px; color: #f00; font-weight: bold; }

#left-col-top { background: #fff url(../images/col-top-left.png) no-repeat; }
#right-col-top { background: #fff url(../images/col-top-right.png) no-repeat; }
#left-col-bottom { background: #fff url(../images/col-bottom-left.png) no-repeat; }
#right-col-bottom { background: #fff url(../images/col-bottom-right.png) no-repeat; }
#left-col-top, #right-col-top, #left-col-bottom, #right-col-bottom { height: 16px; margin: 0; padding: 0; }

#login { position:relative; left: 10px; top: 5px; width: 130px; }
#login form { margin: 0 0 15px 0; padding: 0; }
.login-text { vertical-align: middle; width: 120px; font-size: 85%; }
.search-text { width: 250px; }
.search-select { vertical-align: middle; width: 350px; font-size: 85%; }
.login-but { margin: 5px 10px 0 0; background: #7993F3; color: white; font-weight:bold;}



#right-col { float: left; width: 141px; background: #fff url(../images/col-back-right.png) repeat-y; margin: 7px 0 0 0; }
#right-col h3 { font-size: 1.2em; margin: 0 8px 0 1px; padding: 0; background-color: #004072; color: #FCFF00; text-align: center; height: 26px; line-height: 26px; vertical-align: middle; }
#right-col p { margin: 0 0 0 7px; padding: 5px 12px 5px 6px; font-size: 85%; }
#right-col p.img { margin: 0 0 0 1px; padding: 5px 12px 5px 6px; font-size: 85%; }
#right-col ul { margin: 3px 8px 8px 8px; padding: 0; font-size: 85%; }
#right-col li { list-style: none;  padding: 0 0 5px 0; margin: 0; }


#search { width: 450px; text-align: center; }
#search form { margin: 0; padding: 0; }
.search-text { margin-top: 0; }
.search-select { margin-top: 5px; }
.search-but { height: 22px; margin: 5px 5px 0 0; }
.search-select {width: 100px;}

#footer { clear: both; margin: 0 auto 0 auto; padding: 0; width: 780px; background-color: #fff; text-align: center; font-size: 85%; border-top: 1px solid #91B5CC; }
#footer p { margin: 0; padding: 6px; }
#footer p a { text-decoration: underline; }
#footer p a:hover { text-decoration: none; }


/* added by jazvec */
.otaznik {border: 0;}
.kategoria {font-weight: bold; font-size: 130%; display:block;}
.hviezdicka {font-weight: bold;}
.center {text-align: center;}
.hide {display:none;}
/*
DOM Tooltip Style

<div class="domTT">
<div class="top"><h1>Charakteristika lokality:</h1></div>
<div class="contents">
  <p>Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem</p>
  <p><span>Príklad:</span> Lorem ipsum dolor sit amet Lorem ipsum dolor
  sit amet Lorem</p>
</div>
<div class="closed"><strong>zatvoriť  nápovedu</strong></div>
<div class="close"></div>
<div class="bottom">&nbsp;</div>
</div>

*/
.domTT { display: block; left: 100px; margin: 0; position: absolute;
top: 0; font-size: 85%; z-index: 1000; text-align:left;}
.domTT p {margin:0 1em;}
div.domTT .top { width: 177px; height: 34px; margin: 0; padding: 0;}
div.domTT h1 { font-size: 100%; color: #fff; margin: 0; padding: 0 25px
0 10px; height: 34px; line-height: 34px; vertical-align: middle;
background: url(../images/top2.gif) no-repeat bottom; }
div.domTT .contents { margin: 0; padding: 0px; width: 177px; background:
url(../images/middle.gif) repeat-y top; }
div.domTT .bottom { height: 21px; width: 177px; margin: 0; padding: 0;
background: url(../images/bottom.gif) no-repeat top center; }
div.domTT .close { position: absolute; top: 9px; left: 152px; border: 0; width: 16px; height: 16px;
margin: 0; padding: 0; background: url(../images/close.png)}
div.domTT .close img { border: 0; margin: 0; padding: 0; }

div.domTT .closed { text-align: right;  width: 177px;  background: url(../images/middle.gif) repeat-y top;}
div.domTT .closed strong {padding:3px 10px 3px 0;}
div.domTT span { color: #f00; }