html,body{
	font-family:  tahoma, arial, verdana;
	font-size: 11px;
	background-color: #C2E5F3;
	text-align: center;
	padding:0px;
	margin:0px auto;
	color: #2F3138;	
	scrollbar-face-color:white;
  scrollbar-highlight-color:#1DA6E5;
  scrollbar-3dlight-color:white;
  scrollbar-darkshadow-color:white;
  scrollbar-shadow-color:#1DA6E5;
  scrollbar-arrow-color:#1DA6E5;
  scrollbar-track-color:white;
  height:100%;
}
table{
  font-size: 11px;
}
img{
	padding: 0px;
	margin: 0 0 0 0;
	border: 0px none;
}
a{
  color:#000;
  font-weight:bold;
  text-decoration:none;
}
a:hover{
  color: #21A1D5;
  text-decoration:none;
}
#main_with_shadows{
  width:1038px;
  height:595px;
  margin:0px auto;
  
}


#main{
  width:1024px;
  height:580px;
  _width:1024px;
  _height:580px;
  background-color: #ffffff;
  float:left;
  border:1px solid #5B6A73;
  text-align:center;
}

#shadow1{
  background-image: url(../images/layout/shadow_03.jpg);
  width:12px;
  height:582px;
  float:left;
  background-repeat: no-repeat;
}

#shadow2{
  background-image: url(../images/layout/shadow_06.jpg);
  width:1024px;
  height:12px;
  float:left;
  background-repeat: no-repeat;
}

#lang{  
  padding:7px 0px 0px 15px;
  _padding:7px 0px 0px -5px;
  text-align:left; 
  width:1000px;
}

#lang a{
  color:#000000;  
  text-decoration:none;
  font-size:10px;
  font-weight: bold;
}

#lang a:hover{
  color:#72CDF2;  
}

#lang a.now{
  color:#21A1D5;  
}

#lang a.now:hover{
  color:#72CDF2;  
}

#content{
  width:425px;
  height:100px;  
  margin:0px auto;   
  padding:5px;
  overflow: auto;
}

#content p{
  margin:5px;
}

#content a{
  text-decoration: none;
  color:black;
}

#content a:hover{
  color:#21A1D5;
}

#content h2{
  font-size:12px;
  margin:5px;
  padding:0px;
}

#content_with_menu{
  width:425px;
  height:110px;
  overflow: auto;
  margin:0px auto;
  padding:0px 10px 0 10px;
}


#content_with_menu a{
  text-decoration: none;
  color:black;
}

#content_with_menu a:hover{
  color:#21A1D5;
}

#content_gallery{
  width:800px;
  height:460px;
  overflow: auto;
  margin:0px auto;
  padding:0px 10px 0 10px;
  float:left;
}


#content_gallery a{
  text-decoration: none;
  color:black;
}

#content_gallery a:hover{
  color:#21A1D5;
}

#holder{
  width:800px;
  float:left;
  text-align: center;
  margin:0px auto;
  height:460px; 
}

#menu{
  float:right;
  height:440px;
  _height:460px;
  width:167px;
  _width:187px;
  background-color: #1DA6E5;
  text-align: left;
  padding:10px;
  margin-right:10px;
  color:white;
}

#menu a{
  color:white;
  text-decoration: none;
}

#menu a:hover{
  text-decoration: underline;
  color:FFEEEE;
}
#flash{
  float:left;
  height:460px;
  width:925px;
  height:95px;
  margin-left:15px;
  margin-top:5px;
}

h1{
  color:#21A1D5;
  font-size:16px;
  margin:10px 0 2px 0;
  padding:0px;
}

#hladaj{
  margin:5px;
}

#hladaj input{
  border:1px solid silver;
}

.gal_block{
  width:119px;
  float:left;
  text-align: center;
  margin:5px;
  height:145px;
}

.img{
  width:100px;
  height:100px;
  text-align: center;
  margin:0px auto;
  background-position: 20% 20%;  
  border:1px solid silver;
}

.title_img{
 margin-top:10px;
}

p{
  margin:0px;padding:0px;
}



#distance { 
		width:1px;
		height:50%;
		background-color:#fc6;
		margin-bottom:-295px; /* half of container's height */
		float:left;
		}

	#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:590px;
		width:1038px;
		clear:left;
		}
      
      



/*------sCROLLER -------*/
#scrollArea{position:relative; width:150px; height:350px; overflow:hidden; top:0px; left:0px;_left:0px; clip:rect(0,320,240,0); visibility:hidden} 
#divContent{position:relative; top:0px; left:0px; color:white;text-align:left;}

.novinky{
	position:absolute;
	width:250px;
	height:300px;
	text-align: left;
	padding:20px;
	font-size: 12px;
	top:10px;
	left: 0;
}

.novinky h2{
	font-size: 14px;
	color:#5ec4ec;
}

