*{border:0; margin:0;padding:0;}
td{font-size:12px; vertical-align:top;}

body {
	font-family: Tahoma, Trebuchet MS, verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.6em;
	text-align:center;
	background:#DBDADA url("images/web/pozad.gif");
  color:#393A3C;
  margin:0;
  padding:0;
	}
	
#obal { 
        background-image: url("images/web/pozad2.gif");
        background-repeat:repeat-x;
       }	

#obsah      {	width:990px;
	  padding-top:23px;
		margin:auto auto;
		text-align:left;
	           }
	           
#hlavicka   {
  position:relative;
	width:990px;
	height:168px;
	background: #1E1E1E url("images/web/top.jpg") no-repeat;
             }

#lista{
        height:48px;
        background: #E5E5E5 url("images/web/lista.gif") repeat-x;
}

#bezici-text{
float:left;
width:825px;
_width:820px;
height:20px;
_height:36px;
font-size:11px;
font-family:arial;
color:#7D7D7D;
font-weight:bold;
display:block;
padding:16px 0 0 15px;
}

#lang{
      background-image: url("images/web/lista-rozdelovnik.gif");
      background-position:left;
      background-repeat:no-repeat;
      padding-left:20px;
      float:right;
      width:auto;
      height:48px;
}

#lang a{
      margin:15px 15px 0 0;
      display:block;
      float:left;
}
        
#stred { 
        background-color: white;
        width:990px;
        padding:1px 0 14px 0;
       }

.ramecek{
      border:1px solid #CFCFCF;
      _height:600px;
		  min-height:600px;
      margin:14px;
      background-image: url("images/web/cara.gif");
      background-position:left;
      background-repeat:repeat-y;
      padding-bottom:20px;
}

#vlevo      {width:200px;
             float: left;
            }

#vpravo     {width:750px;
             float: left;
            }
						 	
            
#paticka    {
             height:20px;
             width:990px;
             text-align:center;
             z-index:1;
			 color:white;
			 font-size:10px;
			 font-family:verdana;
             background-color:black;
						 }
						 
						 
						 
#paticka a {
			 color:white;

						 }
						 
						 
						 
/* tabulka kurzy */
.kurzy{margin-top:10px;}
.kurzy table{width:181px;}	
.kurzy td{font-size:11px; margin:0; padding:0 0 0 5px; border:0; line-height: 1.3em; border-bottom:1px solid #CFCFCF;}
.kurzyNadpis{
width:171px;
_width:181px;
background-color:#626262;
color:white;
font-size:11px;
font-weight:bold;
padding-left:10px;
}									 
.IndexZeleny{color:#619333; text-align:right;}
.IndexCerveny{color:#CE0000; text-align:right;}

/* tabulka hotlilne */
#hotline{
      background-image: url("images/web/hotline-back.gif");
      background-position:left;
      background-repeat:repeat-y;
      border-top:13px solid #EDEEEE;
      padding:10px;
      line-height: 1.3em;
}
#hotline h2{ margin-top:0;}
#hotline td{ font-size:10px; padding:0 0 0 5px;}	
#hotline .red{ color:#CE0000;}

/* tabulka indexu USA*/
.indexy{width:220px; float:left;}
.indexyIMG { width:155px; border-left:20px solid #EEEEEE; border-right:25px solid #EEEEEE; border-bottom:20px solid #EEEEEE; clear:both; background-color:#EEEEEE;}
.indexy .seznam{padding-left:5px;}
.indexy .aktiv{ 
  background-color:#EEEEEE;
  font-weight:bold;
  font-family:arial;
  color:#787878;
  margin-left:5px;
  width:57px;
  height:17px;
  font-size:11px;
  float:left;
  text-align:center;
}  
.indexy .noaktiv{
  background-color:#BFBFBF;
  font-weight:bold;
  font-family:arial;
  color:white;
  margin-left:5px;
  width:57px;
  height:17px;
  font-size:11px;
  float:left;
  cursor:default;
  text-align:center;
}  

/* tabulka indexu EVROPA*/
.indexy2{width:245px; float:left;}
.indexy2IMG { width:200px; border-left:20px solid #F6FAFC; border-right:25px solid #F6FAFC; border-bottom:5px solid #F6FAFC; clear:both; background-color:#F6FAFC;}
.indexy2 .seznam{padding-left:5px;}
.indexy2 .aktiv{
  background-color:#F6FAFC;
  font-weight:bold;
  font-family:arial;
  color:#787878;
  margin-left:5px;
  width:57px;
  height:17px;
  font-size:11px;
  float:left;
  text-align:center;
}  
.indexy2 .noaktiv{
  background-color:#8FC1DA;
  font-weight:bold;
  font-family:arial;
  color:white;
  margin-left:5px;
  width:57px;
  height:17px;
  font-size:11px;
  float:left;
  cursor:default;
  text-align:center;
}

.aktiv, .noaktiv{cursor:default; margin-top:15px;}
.indexyh3{color:white; font-weight:bold; font-size:11px; padding: 0 0 0 15px; width:175px; _width:195px; margin:0; background-color:#626262;}

/*tabulka DJIA*/  
#DJIA { width:463px; float:left; margin-top:20px;}
#DJIA h3{background-color:#EEEEEE; font-weight:bold; font-size:11px; width:180px; _width:200px; padding:5px 0 0 20px;}
#DJIA table{ width:423px; background-color:#EEEEEE; }
#DJIA table strong{ display:block; padding-bottom:10px; }
#DJIA .tbody{ background-color:#EEEEEE; border:20px solid #EEEEEE;}
#DJIA table tr td{ font-size:11px; line-height: 1.6em;}
#DJIA a{color:#3F96C0;} #DJIA a:hover{text-decoration:none;}
#DJIA img{margin:0 5px 0 5px;} 

/*tabulka SOFIX*/  
#SOFIX { width:463px; float:left; margin-top:20px;}
#SOFIX h3{background-color:#EEEEEE; font-weight:bold; font-size:11px; width:100px; _width:200px; padding:5px 0 0 20px; color:#787878;}
#SOFIX .seznam{ background-color:#EEEEEE; height:230px;}
#SOFIX .image{width:425px; height:200px; overflow:hidden; padding:10px 0 0 20px; }
#SOFIX .image2{ overflow:hidden; position:absolute;}
#SOFIX .image2 img{border:1px solid black;} 

/*tabulka SOFIX - bocni*/  
#SOFIX-bocni { width:181px; margin-top:20px;}
#SOFIX-bocni h3{background-color:#EEEEEE; font-weight:bold; font-size:11px; width:100px; _width:100px; padding:5px 0 0 10px; color:#787878;}
#SOFIX-bocni .seznam{ background-color:#EEEEEE; height:130px;}
.imageB{width:175px; overflow:hidden; padding:4px 0 0 0; }
.imageB img{width:175px;} 
.image2B{ overflow:hidden; position:absolute;}
.image2B img{border:1px solid black;} 

/* komentare titulka*/
#komentare{width:250px; margin-right:20px; height:700px; float:left;}
#komentare .datum{font-size:10px; display:block; margin-top:10px; line-height: 1.2em;}
#komentare h2{font-size:12px; font-weight:bold; margin:0; padding:0; line-height: 1.2em;}
#komentare h2 a{color:#C19200; text-decoration:none;}
#komentare .text{font-size:11px; text-align:justify; line-height: 1.2em;}
#komentare .text p{margin:0; padding:0;}
#komentare .vice{text-align:right;}
#komentare .vice a{font-size:11px; color:black;} #komentare .vice a:hover{font-weight:bold;}

/*typografie*/    			 
hr.cleaner {clear:both; display: none;}
.brcko{clear: left;}
.clearboth {clear: both;}

#obsahklas { padding:0 10px 20px 0;}
#obsahklas ul{padding:0 0 10px 50px;}
#obsahklas ol{ padding:10px 0 10px 30px;}
#obsahklas p{padding:0 0 20px 20px; margin:0;}
#obsahklas a{color:#9B7E26;} #obsahklas a:hover{color:black;}


h1 {
	font-weight:bold;
	font-size: 22px;
	text-align:left;
	margin:20px 0px 20px 0;
	color:#C19200;
  }
  
h2 {
  font-weight:bold;
	margin:10px 0px 10px 5px;
  padding:0;
	font-weight:normal;
	font-size: 20px;
	color:#C19200;
  }

input{border:1px solid #2B4FA7;}
textarea{border:1px solid #2B4FA7; width:400px; height:70px;}


/*menu*/

#menu
{
margin:0;
padding:0;
list-style-type:none;
font-family: Trebuchet MS,verdana, arial, Helvetica, sans-serif;
font-size:12px;
}

#menu li{
 list-style-type:none;
}

#menu a
{
display:block;
text-decoration:none;
color:white;
font-weight:bold;
padding:2px 0px 0px 14px;
width:167px;
height:21px;
_width:181px;
_height:23px;
}

#menu li a
{
background-color:#DCB868;
border-bottom:2px solid white;
border-right:1px solid #CFCFCF;
}
#menu li a:hover{background-color:#CFCFCF;}
#menu ul li a{ background-color:white; color:#A6A6A6; border-bottom:1px solid #CFCFCF;}
#menu ul li a:hover{ background-color:#F4F4F4; }

#active { color:white; font-weight:bold;}


#komentareArchiv p{padding:0; margin:0;}

/* LIGHTBOX2 */
#lightbox{	position: absolute;	left: 0; _margin-top:50px; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/web/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/web/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }background: url(../js) no-repeat;
width: 0px;
height: 0px;
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* .LIGHTBOX2 */