html { height: 100% }

body {
	background-color:#333333;	
	margin:0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	height: 100%;background-image:url('../images/background.gif');background-repeat: repeat-y;
	font-size: 1em;
	color: #797979
	}
	
a:link     {text-decoration: none;color: #797979;}
a:visited  {text-decoration: none;color: #797979;}
a:hover    {text-decoration: none;color: #ffffff;}
a:active   {text-decoration: none;color: #797979;}

h1 {font-size:16px;text-align:left;margin:0;font-weight:bold;color:#797979; text-transform: uppercase; display: inline}

.emulateh1 {font-size:16px !important;text-align:left;margin:0;font-weight:bold;color:#797979; text-transform: uppercase; display: inline; font-weight: bold}

h2 {font-size:16px;text-align:left;margin:0;font-weight:bold;color:#797979; text-transform: uppercase; display: inline}
h3 {font-size:16px;text-align:left;margin:0;font-weight:bold;color:#797979; text-transform: uppercase; display: inline}
/*h2 { font-size:14px; margin:0; font-weight:bold; color:#0b3d57; }*/
/*h3 {font-size:0.8em;padding-top:5px;padding-bottom:15px;font-weight:normal;color:#797979;text-align:justify}*/
h4 {font-size:0.8em;padding-top:5px;padding-bottom:15px;font-weight:normal;color:#797979;text-align:justify}
p.def {font-size:0.8em;padding-top:5px;padding-bottom:15px;font-weight:normal;color:#797979;text-align:justify}
/*h4 {font-size:0.9em;font-weight:bold;color:#A2A2A2;margin:0px;padding:0px}*/
h5 { border-bottom: 1px dashed; font-size: 1.1em }
h2.nadpisPolozky { margin: 0; padding: 0 0 10px 0; font-size: 1.2em; font-weight: bold }

#toplist { width:1px !important;height:1px !important;border:none }
.menu-class { border-right:solid 2px #797979 }
.mbno { margin-bottom:0px !important }
.bright { border-right:solid 2px #797979 }
.mleftie { _margin-left:16px }

.nosize { font-size: 1em; margin: 0; padding: 0; text-transform: none; display: block; font-weight: normal; line-height: 20px }

.toph { font-size: 1.1em !important; text-transform: none; margin-top: 5px; display: block; margin-right: 15px; font-style: italic}

img { border: none }
form, fieldset { margin: 0px; padding: 0px; border: none }

#vyhladavanieInp { padding: 2px; font-size:11px; font-family: arial; background-color: #333333; color: #686868; border: 1px solid #686868; width: 248px}

.vaM { vertical-align: middle }
.vaB { vertical-align: bottom }

#main {

  width: 100%;
  margin:auto;
  height:auto !important; /* real browsers */
  height:100%; /* IE6: treaded as min-height*/  
  position:relative

}

#menu  {width:350px;height:100%;float:left;margin-top: 0; margin-left: 0}
.logo {margin-top: 40px;margin-left: 25px;}

#menu div.casopisy {width:300px;padding-top:11px;margin-left: 25px}
#menu div.casopisy img {width:87px;height:122px;}
.blankObalky { border: 1px solid; width: 85px; _width: 87px; height: 70px; _height: 122px; margin: 3px 3px 3px 3px;float:left; font-size: 0.7em; padding-top: 50px; text-align: center}
.blankObalkyB {
  border: 1px solid;
  width: 85px;
  _width: 87px;
  height: 100px;
  _height: 122px;
  margin: 3px 3px 3px 3px;
  float:left;
  font-size: 0.7em;
  padding-top: 20px;
  text-align: center;
  background: #E0E0E0
}

.blankObalkyB a:hover {color:#2C2C2C; text-decoration: underline}

.obalka { width: 87px; height: 122px; margin: 3px 3px 3px 3px; float:left; font-size: 0.7em; text-align: center}

/* TM .. dodane 4.5.2008 - margin-top:20px, nepretestovane v IE6 */
#content {float:left;margin-left:0px;width:600px;height:100%; margin-top:20px}

#content div.textmenu {height:100px;margin-left:30px;margin-top:20px;margin-bottom:20px;font-size:0.8em;color:#797979}


.menuTopStyle a { height:26px;_height: 32px; float:left; margin-left:0px;border-left:solid 2px #797979;padding: 6px 7px 0px 7px; margin-top:3px; }
.menuTopStyle a:hover { background-color: #3A3A3A }
.menuTopActive { background-color: #444444; color: #fff !important }


#content div.casopis_obalka {width:220px;padding-left: 30px;height:310px;margin-top:12px;}

#content div.nadpis {padding-left: 30px;height:25px;margin-top:20px;margin-bottom:20px}

.stDiv { padding-left: 30px }

#content div.textmenu2 {height:20px;margin-left:30px;_margin-left:15px;margin-top:0px;font-size:0.8em;color:#797979;text-align:center; }
#content div.textmenu2 div.menu10 {height:24px;_height:32px; margin-left:0px;border-left:solid 2px #797979;margin-top:3px;padding: 8px 5px 0px 5px;}


#content div.text {/*float:left;*/margin-left: 30px;height:25px;margin-top:20px;line-height: 20px}
#content div.textB {margin-top:20px;line-height: 20px;line-height: 20px}
#content div.textB p { font-size: 0.9em; line-height: 20px; }

#content div.text input { background-color: #414141; border: 1px solid #787878; color: #787878; padding: 3px }
#content div.text input:focus { background-color: #2C2C2C; }

.clear { clear: both; height: 25px }

#titleObalka { border:1px solid #7E7E7E; padding: 2px; }

#obsahTable { text-align: left; font-size: 0.9em; width: 100% }
#obsahTable td { text-align: left; vertical-align:top; padding: 10px; margin: 0px}
#obsahTable tr { background-color:#3C3C3C;  }
#obsahTable img { border:1px solid #7E7E7E; padding: 2px; width: 100px }
#obsahTable a { color: #a2a2a2 }
#obsahTable a:hover { color: #D9D9D9 }

/* LIGHTBOX CSS */

#lightbox{
	background-color:#eeeeee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	color: #000000
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-color: #000000;
	          -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);
}

.prehlad { font-size: 0.7em; padding-top: 28px; margin-bottom: 15px; width: 50% }
.prehlad select { font-size: 0.9em; font-family: verdana }



.upozornenia { border: 1px solid #C06F6F; color: #C06F6F; padding: 3px  }

.standardTable { width: 100%; border: 0px }
.standardTable td { padding: 2px; border: 1px solid #555555 }

#en { width: 29px; height: 20px; display: block; background-image: url('../images/en.gif'); margin-left: 5px; float: left }
#en:hover { background-position: 29px }
#sk { width: 29px; height: 20px; display: block; background-image: url('../images/sk.gif'); float: left }
#sk:hover { background-position: 29px }

#footer { color: #D9D9D9; font-size: 0.7em;}
#footer a {color: #D9D9D9 }
#footer a:hover { text-decoration: underline }

.highlight_row { background-color: #434343 !important }
#backtoarchive { float: right; font-size: 0.8em }
#backtoarchive img { vertical-align: middle }
.clearNh { clear: both; font-size:1px; height: 1px }
.flL { float: left }
.flR { float: right }
.taR { text-align: right }