body
{
	margin:0;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	text-align: center;
	padding: 0;
	font-size: 0.7em;
	background:url(../files/images/layout/index/bg-body-index.jpg) center top no-repeat #000000;
	color:#898989;
}
* {
	padding: 0;
	margin: 0;
	border: 0px none;
}
.invisible {
     position:absolute;
     top:-2000px;
     left:0;
     width:1px;
     height:1px;
     overflow:hidden;
}
.clear {
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
	overflow:hidden;
	display:block;
}
.right {
	text-align:right;
}
.center {
	text-align:center;
}
input, select, textarea {
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size:1em;
	padding:2px 3px;
}

@font-face {
	font-family: 'Franklin';
	src: url('../font/framdcn.eot');
	src: local('Franklin'), local('FranklinGothic-MediumCond'), url('../font/framdcn.woff') format('woff'), url('../font/framdcn.svg#FranklinGothic-MediumCond') format('svg'), url('../font/framdcn.ttf') format('truetype');
}


/*Page*/
#page {
	width:930px;
	margin:0px auto;
	text-align:left;
	padding-left:5px;
}
/*Page*/

/*Header*/
#header {
	height:473px;
	position:relative;
	overflow:hidden;
	color:#a7a7a7;
}

/*Logo*/
#logo-box {
	position:absolute;
	top:49px;
	left:67px;
}
a.logo{
	color:#ffffff;
	font-weight:bold;
	font-size:2em;
	display:block;
	cursor:pointer;
	text-decoration:none;
	position:relative;
	overflow:hidden;
	width:89px;
	height:85px;
}
a.logo span{
	display:block;
    position:absolute; left:0; top:0; z-index:1;
	background:url(../files/images/layout/index/logo-index.png) top left no-repeat;
	width:89px;
	height:85px;
}
a.logo em {
	font-size:0.4em;
	display:block;
	font-style:normal;
}
/*Logo*/

p#header-text1 {
	position:absolute;
	top:41px;
	left:229px;
	width:170px;
	overflow:hidden;
	font: 11px/15px 'Franklin', Arial, sans-serif;
	text-transform:uppercase;
	height:120px;
}

#header-text2 {
	position:absolute;
	top:27px;
	left:477px;
	width:326px;
	background:url(../files/images/layout/index/bg-header-text2.jpg) left top no-repeat;
	padding-left:100px;
	min-height:102px;
	_height:102px;
}
#header-text2 h2 {
	color:#ffffff;
	font: 22px/24px 'Franklin', Arial, sans-serif;
	margin-bottom:7px;
}
#header-text2 p {
	font: 13px/17px 'Franklin', Arial, sans-serif;
	text-transform:uppercase;
}

/*Main-menu*/
#main-menu {
	position:absolute;
	left:7px;
	top:176px;
	z-index:100;
}
#main-menu li {
	position:relative;
	list-style-type:none;
	width:104px;
	text-align:center;
	float:left;
	padding-right:6px;
}
#main-menu ul li a.parent{
	width:104px;
	text-align:center;
	float:left;
	display:block;
	text-decoration:none;
	color:#ffffff;
	height:25px;
	padding-top:16px;
	font: 15px/15px 'Franklin', Arial, sans-serif;
}
#main-menu li.act a.parent, #main-menu li.parent a.parent:hover, #main-menu li.active a.parent{
	color:#dddee4;
}
#main-menu ul.mm-submenu{
	position:absolute;
	overflow:hidden;
	display:none;
	z-index:100;
	width:104px;
	top:41px;
	left:0px;
	height:auto;
	padding:1px 0px 1px 0px;
}
#main-menu ul.mm-submenu li{
	float:none;
	padding:2px 0px;
	background:url(../files/images/layout/index/bg-mm-submenu.png) left top repeat;
	width:104px;
	overflow:hidden;
}
#main-menu ul.mm-submenu li a{
	background:none;
	text-decoration:none;
	color:#ffffff;
	width:96px;
	overflow:hidden;
	padding:3px 4px;
	float:none;
	font: 13px/16px 'Franklin', Arial, sans-serif;
	display:block;
}
#main-menu li ul.mm-submenu li a:hover, #main-menu li ul.mm-submenu li.act a{
	color:#dddee4;
}
/*Main-menu*/

#header-text3 {
	position:absolute;
	top:275px;
	left:52px;
	width:300px;
	color:#ffffff;
	text-align:right;
}
#header-text3 h2 {
	font: 42px/42px 'Franklin', Arial, sans-serif;
}
#header-text3 h3 {
	font: 25px/27px 'Franklin', Arial, sans-serif;
}
#header-text3 p {
	font: 13px/13px 'Franklin', Arial, sans-serif;
	padding-top:5px;
}

/*Main-menu*/
/*Header*/

/*Main*/
#main {
	width:905px;
	overflow:hidden;
	padding:8px 0px 25px 25px;	
}

/*Columns*/
#left-column {
	float:left;
	overflow:hidden;
	width:408px;
}
#right-column {
	float:left;
	overflow:hidden;
	margin-left:36px;
	width:443px;
}
/*Columns*/
#main h1{
	color:#ffffff;
	font: 23px/23px 'Franklin', Arial, sans-serif;
	text-transform:uppercase;
	padding-bottom:7px;
} 
#main h2{
	color:#ffffff;
	font: 18px/18px 'Franklin', Arial, sans-serif;
	text-transform:uppercase;
	padding-top:20px;
}
#main h3{
	color:#ffffff;
	font: 14px/14px 'Franklin', Arial, sans-serif;
	text-transform:uppercase;
	padding-top:20px;
}
#main p{
	line-height:1.3em;
	padding:8px 0px;
}
#main p.font{
	font: 11px/15px 'Franklin', Arial, sans-serif;
	text-transform:uppercase;
}
#main a {
	color:#ffffff;
}
#main a:hover {
	color:#898989;
}
#main ul, #main ol {
	padding:6px 0px 6px 30px;
}
#main ul li, #main ol li {
	line-height:1.3em;
	padding:2px 0px;
}
#right-column img{
	margin:5px 10px 5px 0px; 
}

/*Index-boxik*/
.index-boxes {
	padding-top:30px;
}
.index-boxik {
	width:408px;
	overflow:hidden;
	padding-top:2px;
}
#main .index-boxik p.ib-left {
	width:150px;
	overflow:hidden;
	float:left;
	padding-top:12px;
}
.index-boxik .ib-right {
	width:258px;
	overflow:hidden;
	float:left;
}
/*Index-boxik*/
/*Main*/

/*Footer*/
#footer {
	background:url(../files/images/layout/index/bg-footer.png) center top no-repeat;
	padding:0px 2px;
	margin-bottom:20px;
	position:relative;
	width:926px;
	color:#ffffff;
}
#footer ul {
	padding:12px 0px 12px 9px;
}
#footer ul li {
	list-style-type:none;
	display:inline;
	font: 15px/15px 'Franklin', Arial, sans-serif;
	text-transform:uppercase;
}
#footer a {
	color:#ffffff;
	text-decoration:none;
	padding:0px 7px 0px 4px;
}
#footer a:hover{
	color:#dddee4;
}
#logo-footer {
	position:absolute;
	top:8px;
	left:879px;
}
#logo-footer a{
	color:#ffffff;
	font-weight:bold;
	font-size:1em;
	display:block;
	cursor:pointer;
	text-decoration:none;
	position:relative;
	overflow:hidden;
	width:37px;
	height:22px;
}
#logo-footer a span{
	display:block;
    position:absolute; left:0; top:0; z-index:1;
	background:url(../files/images/layout/index/logo-footer.png) top left no-repeat;
	width:37px;
	height:22px;
}
/*Footer*/




#main .index-boxik p.ib-right { padding-left: 10px; width: 248px;}
#header-text1 a { color:white; font-weight: bold; }
#header-text1 a:hover { color:#898989; text-decoration: none; }

#kalkulator { width: 219px; height: 113px; background:url(../files/images/layout/kalkulator-bg.png) left top no-repeat; padding: 30px 8px 8px 13px; font-size: 12px;}

#kalkulator input { width: 35px; text-align: center; font-size: 11px; }
#kalkulator input.submit { padding: 3px 3px; margin: 0 0 0 5px; width: auto; font-weight: bold; background: #000; color: #898989; border: solid 1px #898989;}
#kalkulator #kalkulator_vysledek { font-weight: bold; }