@CHARSET "UTF-8";

body { background:#fff; padding:0; margin:0; font-size:12px; font-family:Arial; }
.wrapper { width:960px; margin:0 auto; }

.clear { clear:both; }
.space { display:block; height:25px; }
a { text-decoration:none; color:#0E6AB3; }
a:hover { text-decoration:underline; }
a img { border:none }

#topline { background:#039DCF; height:3px; overflow:hidden; }

#header { position:relative; height:85px; border-bottom:6px solid #F5F5F5; }
	#header #logo { background:url(../img/logo.gif); width:270px; height:53px; position:absolute; left:0; bottom:10px; display: block }
	#header ul#menu { margin:0; padding:0; list-style:none; position:absolute; right:0; top:0; }
		#header ul#menu li { float:left; position:relative; }
		#header ul#menu li a { float:left; color:#171717; padding:10px; 15px; text-transform: uppercase }
		/*#header ul#menu li.selected a { background:url(../img/menu_selected.gif) right bottom no-repeat; color:#fff; }
		#header ul#menu li.selected span { position:absolute; left:0; bottom:-1px; background:url(../img/menu_selected_corner.gif) left top no-repeat; width:5px; height:5px; overflow:hidden; }*/
		#header ul#menu li a.active { display: block; background:url(../img/menu_selected.gif) right bottom repeat-x; color:#fff; }


#colls {  }
	#colls .col { float:left; width:210px; padding:0 35px 0 5px; }
	#colls .col.last { padding: 0;  }
	#colls .col h2 { margin-top:0; }
	#colls .col h2 a { color:#000; font-size:22px; font-weight:normal; }
	#colls .col.blue h2 a { color:#063c68; }
	#colls .col.blue a { color:#063c68; }
	#colls .col.orange h2 a { color:#D34D10; }
	#colls .col.orange a { color:#D34D10; }
	#colls .col.purple h2 a { color:#A61F7D; }
	#colls .col.purple a { color:#A61F7D; }
	#colls .col.green h2 a { color:#88C40D; }
	#colls .col.green a { color:#88C40D; }
	#colls .col p { color:#4F4F4F; line-height: 19px; text-align: justify }
	#colls .col a.more { font-size:14px; text-decoration:underline;  }
	#colls .col a.more:hover { text-decoration:none; } 
	
#spot { height:126px; background:url(../img/spot.png); font-family:Arial; }
	#spot .col { float:left; width:440px; padding:0 20px; color:#fff; text-shadow:1px 1px 1px #064C64; }
	#spot .col.green { text-shadow:1px 1px 1px #55770F; }
	#spot .col h3 { margin:10px 0 10px 0; font-size:30px; font-weight:normal; }
	#spot .col h3 a { color: #ffffff }
	
#references {  }
	#references .title { background:url(../img/title_right_radius.gif) no-repeat right top #009CD0; position:relative; font-size:18px; color:#fff; text-shadow:1px 1px 1px #007AA2; padding:5px 20px; }
	#references .title span { background:url(../img/title_left_radius.gif) no-repeat left top; position:absolute; left:0; _left:-20px; top:0; width:5px; height:5px; }
	#references .container { background:#DCDCDC; height:200px; position:relative; }
	#references .container .arrow-left { position:absolute; left:-8px; top:80px; background:url(../img/arrow_left.gif); width:33px; height:32px; cursor:pointer; }
	#references .container .arrow-left:hover { background-position:left bottom; }
	#references .container .arrow-right { position:absolute; right:-8px; top:80px; background:url(../img/arrow_right.gif); width:33px; height:32px; cursor:pointer; }
	#references .container .arrow-right:hover { background-position:left bottom; }
	#references .container .overflow { overflow:hidden; margin:0 30px; height:195px; position:absolute; width:900px; }
	#references .container .overflow .indent { width:10000px; margin:10px 0; }
	#references .container .overflow .indent a.col { position:relative; float:left; border:2px solid #DCDCDC; margin:3px; }
	#references .container .overflow .indent a.col:hover { border:2px solid #007AA2; }
	#references .container .overflow .indent a.col span { background:url(../img/references_overflow.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/references_overflow.png',sizingMethod='crop'); position:absolute; width:215px; height:153px; left:0; top:0; }

        #frefs a.col { position:relative; float:left; border:2px solid #DCDCDC; margin:10px 65px 10px 0; }
        #frefs a.col:hover { border:2px solid #007AA2; } { position:relative; float:left; border:2px solid #DCDCDC; margin:10px 65px 10px 0; }
        .ofl { background:url(../img/references_overflow.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/references_overflow.png',sizingMethod='crop'); position:absolute; width:215px; height:153px; left:0; top:0; }

#footer { border-top:6px solid #F5F5F5; padding:15px 0; font-family:Arial; text-align:right; color:#8b8b8b; }
#footer ul.menu { margin:0; padding:0; float:left; }
	#footer ul.menu li { margin:0; padding:0; list-style:none; float:left; }
	#footer ul.menu li a { padding:0 15px 0 0; float:left; color:#515151; font-size:12px; }

/* podstranka*/
#top-corners { background:url(../img/top-corners.gif); width: 974px; height: 40px; position:relative; left:-7px; }
#content { width: 960px; position:relative; left:-7px;  }
  #content .text { background:url(../img/logo2.gif) no-repeat left top; padding: 2px 30px 0 73px; margin: 0; text-align: justify }  
  #content .text table { font-size: 1em; line-height: 20px }
  #content .text table td { vertical-align: top; padding-right: 30px }
  #content .text p { margin: 0 0 8px 0 }
  #content .text .headline { margin-bottom: 21px }
  #content .text h1 { color: #063c68; font-size: 1.8em; margin: 0 0 0px 0; }
  #content .text h2 { color: #063c68; font-size: 1em; margin: 0 0 20px 0; }
  #content .text .left { width: 383px; float: left; line-height: 20px; margin-bottom: 15px  }
  #content .text .right { width: 383px; float: right; line-height: 20px; margin-bottom: 15px }
  #content .text .left2 { width: 340px; float: left; line-height: 20px; margin-bottom: 15px  }
  #content .text .middle2 { width: 260px; float: left; line-height: 20px; margin-bottom: 15px}
  #content .text .right2 { width: 250px; float: left; line-height: 20px; margin-bottom: 15px }
#bottom-corners { background:url(../img/bottom-corners.gif); width: 974px; height: 40px; position:relative; left:-7px; }

div#flags { position: absolute; right: 0; top: 60px }

div#photos img { -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari, Chrome */
  border-radius: 10px; /* CSS3 */ }