@charset "utf-8";
/* CSS Document */

body {
	background : #f2f3f7 url('bg-top.jpg') no-repeat 50% top;
	margin : 0;
	padding : 0;
	color : #727272;
	font-family : daxline, helvetica, tahoma, verdana, arial;
	font-size : 12px;

}
#main {
	width : 975px;
	margin : auto;
}
.float-left {
	float : left;
}
.float-right {
	float : right;
}
.clear {
	clear : both;
}
.white {
	background : #fff url('bg-sekce.gif') repeat-x;
	width : 100%;
}
h1#logo {
  width : 260px;
  height : 67px;
  position : absolute;
  top : 21px;
  *top : 35px;
  margin-left : 30px;
  *margin-left : 10px;
}
h1#logo span {
  position : absolute;
  background-image : url('logo.jpg');
  background-repeat : no-repeat;
  width : 100%;
  height : 100%;
  cursor : pointer;
}
h1 {
	display : block;
	visibility : hidden;
	cursor : pointer;
}
h1 span {
	visibility : visible;
}

.menu {
	text-align : right;
	margin-top : 85px;
}
.hp {
	height : 330px;
	overflow:hidden;
}
ul.menu li {
	list-style : none;
	display : inline;
	text-transform:uppercase;
	font-size : 11px;
	margin : 0 2px;
}
ul.menu li a {
	color : #5c5c5c;
	padding : 3px 9px 2px;
	text-decoration:none;
}
ul.menu li a:hover, ul.menu li.selected a{
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-border-radius: .5em;
	text-shadow : 0px 1px 1px #0c3f6c;
	-moz-box-shadow : 0px 1px 0px #206e9f;
	background : #2784bf;
	color : #fff;
}
#main-page .block h3 a {
	padding : .3em 1.3em;
	margin : .2em 0;
	text-decoration : none;
	font-size : 1.1em;
	display : block;
	background : url('h2-a.gif') no-repeat left .35em;
}
#main-page {
	width : 975px;
	margin : auto;
	padding : 20px 0;
	min-height : 350px;
}
#main-page h2 {
	margin : 0;
	color : #2784bf;
}
#main-page h3 {
	margin : 0;
	color : #2784bf;
}
#main-page a {
	color : #2784bf;
}
#main-page a:hover {
	text-decoration : none;
}
#bottom {
	clear:both;
	width : 100%;
	background : #0c3a6a;
}
#bottom-text {
	background : #0c3a6a url('bg-bottom.gif') no-repeat 50% top;
	width : 1000px;
	margin : auto;
	padding-top : 30px;
	padding-left : 100px;
}
#bottom-logo {
	width : 395px;
	height : 90px;
	margin-top : 40px;
	background : url('bg-logo.gif') no-repeat right bottom;
}
/* inside */
#main-page .block {
	width : 300px;
	margin-bottom : 30px;
}
#main-page .block2 {
	width : 580px;
	margin-left : 20px;
}
#main-page .block3 {
	width : 430px;
	margin-left : 20px;
}
#main-page .block2 h3 {
	text-align : center;
}
#main-page a img {
	border : none;
}
#bottom-text .block {
	width : 130px;
	border-right : 1px solid #1a5885;
	color : #fff;
	font-size : 11px;
	height : 90px;
	margin-right : 15px;
	margin-bottom : 10px;
}
#bottom-text .block strong {
	text-transform : uppercase;
	display : block;
	margin-bottom : 4px;
}
#bottom-text .block a {
	display : block;
	color : #fff;
	text-decoration : none;
}
#bottom-text .block a:hover {
	color : #ccc;
}
.novinky {
	width : 700px;
	margin : auto;
}
#main-page .button, #main-page .button2 {
	background : #f4f5f7 url('bg-top.jpg') no-repeat center bottom;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-border-radius: .5em;
	-moz-box-shadow : 0px 1px 5px #ddd;
	border : 1px solid #d2d3d5;
	margin : 5px;
}
#main-page .button a, .button2 {
	display : block;
	width : 303px;
	height : 60px;
	padding : 5px;
	text-decoration : none;
	color : #666;
}
.button2 {
	width : 465px;
	margin : 10px;
	min-height : 120px;
}
.button strong, .button2 strong {
	display : block;
	font-size : 1.5em;
	margin-bottom : .5em;
	color : #2784bf;
}
#main-page .novinky h2 {
	margin-top : 15px;
}
#main-page .novinky h2, #main-page .novinky h3 {
	text-transform : uppercase;
	display : block;
}
#main-page .novinky h3 {
	margin-bottom : 5px;
	color : #57cef5;
}
.nadpis h2 {
	text-align : center;
	text-transform : uppercase;
	font-size : 24px;
}
.nadpis {
	padding : 20px 0 60px 0;
	background : url('bg-nadpis.jpg') no-repeat 50% 85px;
}
#main-page .reference {
	width : 450px;
	float : left;
	margin : 0 10px 8px 10px;
	padding : 5px;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-border-radius: .5em;
	-moz-box-shadow : 0px 1px 5px #ddd;
	background : #fff;
	min-height : 70px;
}
#main-page .reference img {
	margin : 0 10px 20px 0;
}
#main-page .reference h2, #main-page .reference h3 {
	color : #000;
	font-size : 12px;
}
.reference h3 {
	font-weight : normal;
}
.galerie {
	width : 950px;
	margin : 20px 0 40px 0;
	text-align : center;
}
.galerie .min {
	margin : 15px;
	display : inline;
}
.galerie .min a img {
	-moz-box-shadow : 0px 0px 5px #000;
	-webkit-box-shadow : 0px 0px 5px #000;
}
 
.arrow                  { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; margin-top : -20px; cursor:pointer;}
.arrown                  { display: block; height: 200px; width: 67px; background: url(../css/arrowsn.png) no-repeat 0 0; text-indent: -9999px; position: absolute; margin-top : -20px;}
.forward                { background-position: 0 0; margin-left : 940px; }
.back                   { background-position: -67px 0; margin-left : -30px; }
.arrow .forward:hover          { background-position: 0 -200px; }
.arrow .back:hover             { background-position: -67px -200px; }
.hidden {
	display : none;
}
.panell, .panelr {
	width : 180px;
	position : absolute;
	background : url('bg-link.gif') no-repeat;
	padding : 10px 30px;
	margin-top : 20px;
}
.panell strong, .panelr strong {
	text-transform:uppercase;
}
#main-page .panell a, #main-page .panelr a {
	text-decoration : none;
	color : #666666;
}
.panell {
	background-position : -13px 50%;
}
.panelr {
	margin-left : 735px;
	text-align : right;
	background-position : 226px 50%;
}

.bottom_texts {
  font-size: 11px;
  font-weight: normal;
  height: 11px;
  line-height: 11px;
}