html {margin: 0; padding: 0;  width: 100%;}
body {background: url(../img/body-bg.jpg) repeat-x left top #FAFAFA; margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #393939; width: 100%;}
form {margin: 0; padding: 0;}
input, textarea, table {font-family: helvetica, arial, sans-serif; font-size: 12px; color: #393939;}

.cleaner {clear: both; height: 1px; overflow: hidden; }

#body-bg {position: absolute; height: 195px; width: 100%; top: 57px; background: url(../img/body-bg.jpg) repeat-x 0px -57px #3C84AC;}
#body-bg-1 {position: absolute;  height: 195px; width: 50%; left: 0px; top: 0px; background: url(../img/body-bg-22.jpg) repeat-x 0px -57px;}
#body-bg-2 {position: absolute;  height: 195px; left: 0px; top: 0px; width: 100%; background: url(../img/header-bg-center2.jpg) no-repeat top center;}
#bg-menu {position: absolute;  height: 29px; left: 0px; top: 252px; width: 100%; background: #010101; }

#c-main { width: 980px;  margin: 0px auto 0px auto; height:400px; position: relative; z-index: 100;}

#c-top {height: 57px; background: #fff;}
#top {position: absolute; top: 0px; left: 0px; width: 980px; height: 57px; background: #fff;}
#top div {position: absolute; height: 18px; font-size: 11px; padding-top: 1px;}
#top div.top-pod {top: 31px;  left: 443px; color: #FF5E57; background: url(../img/top-pod.gif) no-repeat 0px -1px; padding-left: 24px;}
#top div.top-hot {top: 31px; left: 274px; color: #FF6761; background: url(../img/top-hot.gif) no-repeat 0px 0px; padding-left: 24px;}
#top div.top-sofico {position: absolute; height: 57px; width: 173px; left: 29px; top: 0px; overflow: hidden; font-size: 28px; color: #29201C; }
#top div.top-sofico a {position: absolute; height: 57px; width: 173px; left: 0px; top: 0px; cursor: pointer; text-decoration: none; color: #29201C;}
#top div.top-sofico span {position: relative; top: 15px; padding-left: 10px;}
#top div.top-sofico strong {position: absolute; height: 57px; width: 173px; top: 0px; left: 0px; background: url(../img/sofico.gif) no-repeat top left;}

#header {position: relative; height: 195px; overflow: hidden; background: url(../img/header-bg-center2.jpg) no-repeat -150px 0px; z-index: 100;}
#c-menu {height: 29px; overflow: hidden; background: url(../img/menu-bg.jpg) no-repeat left top #020202;}

#menu {position: absolute; left: 0px; top: 252px; height: 29px; width: 980px; z-index: 2000; font-size: 11px; color: #fff;}

#menu ul {position: absolute; left: 18px; top: 0px; height: 26px; width: 738px; padding: 0px; margin: 0px; z-index: 2000; color: #fff;}
#menu ul li {float: left; list-style-type: none;}
#menu ul li a {float: left; color: white; text-decoration: none; padding: 8px 18px 7px 18px; }
#menu ul li a:hover {color: #fff;}

/*#c-search {position: absolute; height: 16px; width: 143px; top: 6px; right: 59px; background: url(../img/search-bg.gif) no-repeat left top #646464; overflow: hidden;}
*/
#c-search {position: absolute; height: 18px; width: 143px; top: 6px; right: 59px; background-color:#FFFFFF; overflow: hidden;}

/*#c-search input {position: absolute; height: 16px; width: 138px; top: 0px; left: 2px; font-size: 11px; background: transparent; border: none; color: #fff; text-align: right; padding: 2px 0px 0px 0px; margin: 0px;}
*/
#c-search input {position:absolute;height: 16px; width: 136px; top: 0px; left: 4px; font-size: 11px; background: transparent; border: none; color: #000000; text-align: left; padding: 2px 0px 0px 0px; margin: 0px;}

#c-bookmarks {height: 105px; overflow: hidden;}
#bookmarks {height: 105px; overflow: hidden; position: absolute; width: 980px; top: 281px; left: 0px;}
#bookmarks .bkm {float: left; width: 215px; height: 105px; left: 23px; margin-right: 23px; color: #010101; position: relative; background-color: #FBBC5E; overflow: hidden;}
#bookmarks .bkm h2 {padding: 16px 0px 0px 0px; margin: 0px; font-size: 26px; font-weight: normal; text-align: center; }
#bookmarks .bkm p {position: absolute; left: 17px; top:64px; width: 180px; line-height: 14px; z-index: 100; padding: 0px; margin: 0px;}
#bookmarks .bkm a {color: #010101; text-decoration: none;}

#bookmarks .bkm.book1 a.b-top {background: url(../img/e.gif); position: absolute; top: 0px; left: 0px; width: 215px; height: 105px; z-index: 200;}
#bookmarks .bkm.book1 div {position: absolute; top: 0px; left: 0px; width: 215px; height: 105px; background: url(../img/b-book1.jpg) no-repeat left bottom ;}

#bookmarks .bkm.book2 a.b-top {background: url(../img/e.gif); position: absolute; top: 0px; left: 0px; width: 215px; height: 105px; z-index: 200;}
#bookmarks .bkm.book2 div {position: absolute; top: 0px; left: 0px; width: 215px; height: 105px; background: url(../img/b-book2.jpg) no-repeat left bottom ;}

#bookmarks .bkm.book3 a.b-top {background: url(../img/e.gif); position: absolute; top: 0px; left: 0px; width: 215px; height: 105px; z-index: 200;}
#bookmarks .bkm.book3 div {position: absolute; top: 0px; left: 0px; width: 215px; height: 105px; background: url(../img/b-book3.jpg) no-repeat left bottom ;}

#bookmarks .bkm.book4 a.b-top {background: url(../img/e.gif); position: absolute; top: 0px; left: 0px; width: 215px; height: 105px; z-index: 200;}
#bookmarks .bkm.book4 div {position: absolute; top: 0px; left: 0px; width: 215px; height: 105px; background: url(../img/b-book4.jpg) no-repeat left bottom ;}
#bookmarks .bkm.book4 h2 {text-align: right; padding-right: 17px;}


.navigate {height: 20px; margin: 25px 266px 0px 23px; color: #BD8938; }
.navigate a {color: #BD8938; text-decoration: none;}
.navigate a:hover {color: #BD8938; text-decoration: underline;}
.navigate ul {margin: 0px; padding: 3px 0px 0px 0px; text-align: right;}
.navigate li {list-style-type: none; display: inline; font-size: 10px; font-weight: bold; text-transform:lowercase;}

#col-1 {position: relative; float: left; width: 692px; left: 23px;}
#col-1-in {margin: 0px 0px 35px 50px;}
#col-1 h1 {font-size: 26px; margin: 0px; padding: 0px 0px 20px 0px; font-weight: normal;}
#col-1 p {margin: 0px; padding: 8px 0px 8px 0px;}
#col-1 ul {margin: 0px 0px 0px 25px; padding: 8px 0px 8px 0px;}

#col-2 {position: relative; float: right; width: 215px; right: 27px; margin: -4px 0px 50px 0px;}
#col-2 h2 {font-size: 14px; color: #BD8938; margin: 0px; padding: 8px 17px 8px 17px;}
#col-2 p {margin: 0px; padding: 8px 17px 8px 17px;}

#foot {margin: 10px; padding: 3px 8px 4px 8px; text-align: center; font-size: 11px;}
#foot .f-line {background: #FAB64E; color: #020607; padding: 3px 8px 4px 8px; position: relative;}
#foot .f-line a {color: #020607; text-decoration: none;}
#foot .f-line a:hover {text-decoration: underline; color: #000;}
#foot .f-line span {padding: 0px 16px 0px 16px; }
#foot .f-bot {padding: 4px 16px 16px 16px; font-size: 10px; color: #00555B;}

#collage-1 {font-size: 51px; position: absolute; top: 128px; left: 110px; color: #1C1713;}
#collage-2 {font-size: 31px; position: absolute; top: 201px; right: 28px; color: #fff;}

#rebis-ico {position: absolute; top: 17px; right: 18px; width: 109px; height: 130px; z-index: 20000; color: #160F0A;}
#rebis-ico a {position: absolute; top: 0px; left: 0px; width: 100%; height: 40px; font-size: 21px; color: #160F0A; text-decoration: none; text-align: right; }
#rebis-ico a strong {padding: 0px 15px 0px 0px; position: relative; top: 8px;}
#rebis-ico a span {position: absolute; top: 0px; left: 0px; width: 100%; height: 40px; background: url(../img/rebis.gif) no-repeat right top transparent; cursor: pointer;}
#rebis-ico p {position: absolute; top: 50px; right: 15px; width: 109px; padding: 0px; margin: 0px; text-align: right; color: #fff;}

#ordis-ico {position: absolute; top: 17px; right: 127px; width: 113px; height: 130px; z-index: 20000; color: #160F0A;}
#ordis-ico a {position: absolute; top: 0px; left: 0px; width: 100%; height: 40px; font-size: 21px; color: #160F0A; text-decoration: none; text-align: right; }
#ordis-ico a strong {padding: 0px 15px 0px 0px; position: relative; top: 8px;}
#ordis-ico a span {position: absolute; top: 0px; left: 0px; width: 100%; height: 40px; background: url(../img/ordis.gif) no-repeat right top transparent; cursor: pointer;}
#ordis-ico p {position: absolute; top: 50px; right: 15px; width: 113px; padding: 0px; margin: 0px; text-align: right; color: #fff;}

#sofix-ico {position: absolute; top: 17px; right: 235px; width: 108px; height: 130px; z-index: 20000; color: #160F0A}
#sofix-ico a {position: absolute; top: 0px; left: 0px; width: 100%; height: 40px; font-size: 21px; color: #160F0A; text-decoration: none; text-align: right; }
#sofix-ico a strong {padding: 0px 15px 0px 0px; position: relative; top: 8px;}
#sofix-ico a span {position: absolute; top: 0px; left: 0px; width: 100%; height: 40px; background: url(../img/sofix.gif) no-repeat right top transparent; cursor: pointer;}
#sofix-ico p {position: absolute; top: 50px; right: 15px; width: 113px; padding: 0px; margin: 0px; text-align: right; color: #fff;}

.reference_box{
	position:relative;
	background:url(../img/foto_box.gif) right top no-repeat;
	margin-top:20px;
	margin-bottom:20px;
	border-bottom:solid 1px #CCCCCC;
	_height:170px;
	min-height:170px;
	padding-right:10px;
}

.strankovani{
  background-color:#E8E8E8;
  padding:5px;
}

.fotoleft{
	float:left;
	margin:0px 15px 5px 0px;
	border-color:#000000;
	border:solid 1px;
}

.fotoright{
	float:right;
	margin:0px 0px 5px 15px;
	border-color:#000000;
	border:solid 1px;
}

h3{
	font-size:13px;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

a{
	color:#CC6633;
}
a:hover{
	color:#3399CC;
}

#logo{
	position:absolute;
	top:48px;
	left:40px;

}

#logo span{
	position:absolute;
	top:0px;
	left:0px;
	background:url(../img/logo2.jpg) top no-repeat;
	width:445px;
	height:100px;
	cursor:pointer;
}