/* CSS Document */
* {
	margin: 0;
}

html,body {
	height: 100%;
}

body {
	margin: 0;
	font-family: Arial, Helvetica, Verdana, Tahoma;
	font-size: 13px;
	background-color: #A0A28A;
	background:
		url(/common/image.php?filename=design/kalkulator2/background.png)
		repeat-y center top;
}

body.bgstep_1 {
	background:
		url(/common/image.php?filename=design/kalkulator2/bg_step_1.png) repeat-y
		center top;
}

body.bgstep_2 {
	background:
		url(/common/image.php?filename=design/kalkulator2/bg_step_2.png) repeat-y
		center top;
}

body.bgstep_3 {
	background:
		url(/common/image.php?filename=design/kalkulator2/bg_step_3.png) repeat-y
		center top;
}


body.bgstep_3 select {
    width: 100%
}

#technical_report_delete {
    color: white;
    font-weight: bold;
    background: #ff6464;
    border: 1px solid #ff3939;
    padding: 2px;
    text-decoration: none;
}

body.bgstep_4 {
	background:
		url(/common/image.php?filename=design/kalkulator2/bg_step_4.png) repeat-y
		center top;
}

a.tech-param {
	background: none repeat scroll 0 0 #027DCD;
	border: 1px solid #18609A;
	color: white;
	display: inline-block;
	float: left;
	padding: 1px 6px;
	font-weight: bold;
	margin-top: 10px;
}

a:hover.tech-param {
	text-decoration: none;
}

#param-dialog tr.odd {
	background: #D5D5D5;
}

#param-dialog tr.even {
	background: #F7F7F7;
}

#wrapper {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -120px;
	z-index: 0;
	/* the bottom margin is the negative value of the footer's height */
}

#background {
	position: relative;
	z-index: 1000;
	background: url(/common/image.php?filename=design/kalkulator2/menu_bg.png)
		repeat-x center top;
}

#gateway {
	position: fixed;
	background: rgba(0, 0, 0, 0.6);
	margin: 0;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 6;
}

#gw-wrapper {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.gw-title {
	margin: 0 0 10px 20px;
}

.gw-domain {
	margin: 0 10px 0 10px;
}

img.gw-domain {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

img.gw-domain:hover {
	-webkit-filter: brightness(140%);
	filter: brightness(140%);
	
}

h1 {
	margin: 0;
	padding: 0;
}

h2 {
	font-size: 18px;
	margin: 5px 0 5px 0;
}

h3 {
	font-size: 15px;
	margin: 5px 0 5px 0;
}

h4 {
	font-size: 13px;
	margin: 3px 0 3px 0;
}

img {
	border: 0;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.bold {
	font-weight: bold;
}

#center {
	width: 985px;
	margin-left: auto;
	margin-right: auto;
}

/*uploaded logo preview*/
.preview {
	width: 200px;
	border: solid 1px #dedede;
	padding: 10px;
}

#preview {
	float: left;
	color: #cc0000;
	font-size: 12px
}

#menu1 {
	background: #6C6C6C;
	height: 25px;
}

#header {
	height: 108px;
	position: relative;
	z-index: 5;
}

#header h1 a {
	color: transparent;
}

#navigace_1 {
	position: absolute;
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

#navigace_1 li {
	background: url(/common/image.php?filename=design/navigace_1_oddelovac.png)
		repeat-y scroll right center transparent;
	float: left;
	padding-right: 2px;
}

#navigace_1 li a {
	color: #FFFFFF;
	display: block;
	float: left;
	height: 23px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	text-decoration: none;
}

#navigace_1 li a:hover span {
	border-bottom: 2px solid #9E9E9E;
	display: block;
}

#navigace_1 .aktivni a {
	background: url(/common/image.php?filename=design/navigace_1_aktivni.png)
		repeat-x scroll center bottom transparent;
	color: #1F1E1E;
}

#telefon {
	position: absolute;
	color: #FFFFFF;
	top: 5px;
	right: 0px;
	padding-left: 30px;
	text-align: right;
	font-weight: bold;
	height: 17px;
	background: url(/common/image.php?filename=design/telefon.png) left center
		no-repeat;
}

#header h1 a {
	color: transparent;
	display: block;
	font-size: 22px;
	height: 61px;
	left: 6px;
	overflow: hidden;
	position: absolute;
	top: 44px;
	width: 568px;
}

#header h1 a span {
	background:
		url(/common/image.php?filename=design/kalkulator2/kalkulator_logo.png)
		repeat scroll 0 0 transparent;
	cursor: pointer;
	display: block;
	height: 61px;
	left: 0;
	position: absolute;
	top: 0;
	width: 568px;
}

.clear_both {
	clear: both;
}

.hr {
	background:
		url("/common/image.php?filename=design/kalkulator2/tools_space.png")
		repeat-x scroll center center transparent;
	height: 10px;
	display: block;
}

.bg_block {
	background: #DCDCDC;
	padding: 5px;
	margin-bottom: 10px;
}

.bg_block_2 {
	background: #FECBCA;
	padding: 5px;
	margin-bottom: 10px;
}

.comment {
	font-size: 11px;
	color: #848484;
}

#calc_logo {
	float: right;
	margin-right: 5px;
	display: block;
	margin-top: 40px;
}

/* lost password*/
.podstranka {
	padding-right: 16px;
	padding-left: 16px;
	margin-right: 16px;
	margin-left: 16px;
	margin-top: 3px;
	background: #ffffff;
	padding-top: 16px;
	color: #6f6f6f;
	padding-bottom: 16px;
}

.podstranka>h2,.podstranka>.clanek>h2 {
	background: #f5f5f5;
	height: 29px;
	font: bold 16px/150% "lucida grande", arial, sans-serif;
	padding-top: 7px;
	padding-left: 10px;
	margin: 0px 0px 20px;
	color: #010101;
	position: relative;
}

.podstranka>h2 span a,.podstranka>.clanek>h2 span a {
	display: block;
	position: absolute;
	height: 21px;
	width: 35px;
	right: 0;
	top: -6px;
	overflow: hidden;
}

.podstranka>h2 span a span,.podstranka>.clanek>h2 span a span {
	display: block;
	position: absolute;
	height: 21px;
	width: 35px;
	top: 0;
	left: 0;
	background: url(/common/image.php?filename=design/h2_bezna_tisk.png);
	cursor: pointer;
}

.podstranka>h2 span a:hover,.podstranka h2 span a:hover span {
	background: url(/common/image.php?filename=design/h2_bezna_tisk_hover.png);
}
/*lost password end*/
#menu2 {
	border-top: 1px solid #cccccc;
	background: #E5E5E5;
	height: 24px;
}

/*login + logout*/
#login h2 {
	margin-top: 20px;
}

#login .body,#support .body {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
}

#support .body {
	margin-top: 10px;
}

#login {
	font-size: 11px;
	height: 149px;
	padding: 0;
	position: absolute;
	right: 0;
	top: -10px;
	width: 300px;
}

#login a {
	color: #030303;
	text-decoration: underline;
}

#login input {
	background: url("/common/image.php?filename=design/login_input.png")
		no-repeat scroll left top transparent;
	border: 1px solid #cacaca;
	color: #7C7979;
	font-size: 11px;
	height: 13px;
	padding-left: 5px;
	padding-top: 4px;
}

#login .jmeno {
	float: left;
	margin-top: 5px;
	width: 97px;
}

#login .heslo {
	float: left;
	margin-top: 5px;
	width: 65px;
}

#login .registrujte_se {
	float: left;
	margin-top: 15px;
}

#login .prihlasit,#support .odeslat {
	background: url(/common/image.php?filename=design/login_tlacitko.png)
		repeat scroll right center transparent;
	border: 0 none;
	color: #FFFFFF;
	cursor: pointer;
	float: left;
	font-size: 11px;
	height: 21px;
	margin: 10px 0 0;
	padding: 0;
	width: 56px;
}

#menu2 #logout a {
	float: right;
	color: #666666;
	background:
		url(/common/image.php?filename=design/kalkulator2/logout_button.png)
		no-repeat center right;
	padding-right: 25px;
	height: 24px;
	line-height: 24px;
	display: block;
}
/*login + logout end*/
#menu2 #customer {
	float: left;
	color: #000000;
	padding-left: 10px;
	height: 24px;
	line-height: 24px;
	display: block;
	width: 890px;
}

#menu2 #customer span {
	color: #666666;
}

h2.step_1_no,h2.step_2_no,h2.step_3_no,h2.step_4_no {
	padding-left: 40px;
	height: 24px;
	line-height: 24px;
}

h2.step_1_no {
	background:
		url(/common/image.php?filename=design/kalkulator2/step_1_no.png)
		no-repeat center left;
}

h2.step_2_no {
	background:
		url(/common/image.php?filename=design/kalkulator2/step_2_no.png)
		no-repeat center left;
}

h2.step_3_no {
	background:
		url(/common/image.php?filename=design/kalkulator2/step_3_no.png)
		no-repeat center left;
}

h2.step_4_no {
	background:
		url(/common/image.php?filename=design/kalkulator2/step_4_no.png)
		no-repeat center left;
}

#wizard_step_color {
	float: left;
	display: block;
	width: 985px;
}

#wizard_step {
	float: left;
	width: 100%;
	margin-top: 10px;
	border-bottom: 2px solid #ffffff;
}

#wizard_step .step {
	float: left;
	width: 190px;
	margin: 5px 0px 5px 5px;
}

#wizard_step ul {
	margin: 5px 0 3px 0;
	padding-left: 0px;
	list-style: none;
	width: 180px;
}

#wizard_step li {
	font-size: 13px;
	line-height: 15px;
	padding-left: 5px;
	padding-right: 5px;
	background: url(/common/image.php?filename=design/kalkulator2/menuitem.png)
		no-repeat right;
}

#wizard_step li a {
	color: #808080;
}

#wizard_step li a:hover {
	color: #000000;
	text-decoration: none;
}

#wizard_step li:hover {
	background:
		url(/common/image.php?filename=design/kalkulator2/menuitem_hover.png)
		#ffffff no-repeat right;
}

#wizard_step li.active {
	background:
		url(/common/image.php?filename=design/kalkulator2/menuitem_act.png)
		#ffffff no-repeat right;
}

#wizard_step li.nobg {
	background: 0;
}

#wizard_step .step0 {
	display: block;
	padding: 0;
	height: 50px;
}

#wizard_step .step0 img {
	margin-left: 40px;
}

#wizard_step .step1 {
	display: block;
	padding-left: 48px;
	padding-top: 5px;
	background:
		url(/common/image.php?filename=design/kalkulator2/step_1_inact.png);
	height: 45px;
	color: #808080;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
}

#wizard_step .step1.active {
	color: #000000;
	background:
		url(/common/image.php?filename=design/kalkulator2/step_1_act.png);
}

#wizard_step .step2 {
	display: block;
	padding-left: 48px;
	padding-top: 5px;
	background:
		url(/common/image.php?filename=design/kalkulator2/step_2_inact.png);
	height: 45px;
	color: #808080;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
}

#wizard_step .step2.active {
	color: #000000;
	background:
		url(/common/image.php?filename=design/kalkulator2/step_2_act.png);
}

#wizard_step .step3 {
	display: block;
	padding-left: 48px;
	padding-top: 5px;
	background:
		url(/common/image.php?filename=design/kalkulator2/step_3_inact.png);
	height: 45px;
	color: #808080;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
}

#wizard_step .step3.active {
	color: #000000;
	background:
		url(/common/image.php?filename=design/kalkulator2/step_3_act.png);
}

#wizard_step .step4 {
	display: block;
	padding-left: 48px;
	padding-top: 5px;
	background:
		url(/common/image.php?filename=design/kalkulator2/step_4_inact.png);
	height: 45px;
	color: #808080;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
}

#wizard_step .step4.active {
	color: #000000;
	background:
		url(/common/image.php?filename=design/kalkulator2/step_4_act.png);
}

#left_col {
	font-size: 13px;
	background: #E5E5E5;
	width: 255px;
	margin: 10px 0px 10px 0px;
	float: left;
}

#left_col ul {
	margin: 5px 0 3px 0;
	padding-left: 5px;
	list-style: none;
	width: 245px;
}

#left_col li {
	padding: 2px;
	height: 34px;
	margin-bottom: 2px;
}

#left_col li:hover {
	background: #cccccc;
}

#left_col li img {
	float: left;
	width: 34px;
	height: 34px;
}

#left_col li.space,left_col li.space:hover {
	background:
		url(/common/image.php?filename=design/kalkulator2/tools_space.png) center
		repeat-x;
	height: 10px;
}

#left_col a {
	font-size: 12px;
	color: #666666;
}

#left_col li span {
	float: left;
	display: block;
	height: 34px;
	padding-left: 5px;
	line-height: 34px;
}

#menu_head {
	background: #353535;
	line-height: 59px;
	padding-left: 10px;
	margin-bottom: 15px;
	color: white;
	font-size: 16px;
	font-family: "Arial Black", "Helvetica Black";
}

#menu_foot {
	margin-top: 10px;
	background: #E5E5E5
		url(/common/image.php?filename=design/kalkulator2/tools_bottom.jpg)
		center bottom no-repeat;
	height: 155px;
}

#steps_head {
	float: left;
	display: block;
	background: #353535
		url(/common/image.php?filename=design/kalkulator2/calc_steps_head.jpg)
		center top no-repeat;
	line-height: 59px;
	width: 100%;
	text-align: center;
	color: white;
	font-size: 16px;
	font-family: "Arial Black", "Helvetica Black";
}

#calc_steps #steps_text span {
	margin-top: 10px;
	float: left;
	width: 154px;
	color: #666666;
	padding: 10px;
	border-right: 1px solid #cccccc;
}

#calc_steps #steps_text span.last {
	border: 0;
}

#steps_body {
	float: left;
	display: block;
	width: 100%;
	height: 248px;
	background:
	url(/common/image.php?filename=design/kalkulator2/calc_steps_body.jpg)
	no-repeat;
}

.logo_htpp, .logo_hpp, .logo_hp {
	position:relative;
	display:block;
	margin-left:10px;
	margin-top:7px;
}

.logo_htpp {
	margin-top:15px;
	width:154px;
	height:41px;
	background:
	url(/common/image.php?filename=root/hunter_partner/hp_top_premium_partner.png)
	center center
	no-repeat;
	background-size: 154px 41px;
}

.logo_hpp {
	width:140px;
	height:37px;
	background:
	url(/common/image.php?filename=root/hunter_partner/hp_premium_partner.png)
	center center
	no-repeat;
	background-size: 140px 37px;
}

.logo_hp {
	width:127px;
	height:34px;
	background:
	url(/common/image.php?filename=root/hunter_partner/hp_partner.png)
	center center
	no-repeat;
	background-size: 127px 34px;
}

#steps_foot {
	float: left;
	display: block;
	width: 100%;
	height: 123px;
	background:
		url(/common/image.php?filename=design/kalkulator2/calc_steps_foot.jpg)
		no-repeat;
}

#steps_foot span {
	float: left;
	display: block;
	width: 100%;
	height: 123px;
	background:
		url(/common/image.php?filename=design/kalkulator2/bus_calc_steps.png) center
		center no-repeat;
}

#right_col {
	background: #FFFFFF;
	width: 700px;
	margin: 5px 10px 10px 0px;
	padding: 5px;
	float: right;
}

#center_col {
	clear: both;
	padding: 5px;
}
/*welcome page*/
#first_top {
	margin-left: -5px;
	float: left;
	display: block;
	height: 359px;
}

#first_top #calc_image {
	float: left;
	display: block;
	width: 729px;
	height: 354px;
	background: #cccccc
		url(/common/image.php?filename=design/kalkulator2/calculator_image.jpg)
		no-repeat top;
}

#first_top #calc_image ul {
	margin: 0;
	margin-top: 326px;
	padding: 0;
	text-align: center;
	width: 100%;
	list-style-type: none;
	float: left;
	height: 40px;
}

#first_top #calc_image li {
	display: inline;
	font-size: 13px;
	line-height: 30px;
	padding-right: 10px;
	padding-left: 5px;
	color: #333333;
	text-transform: uppercase;
	background:
		url(/common/image.php?filename=design/kalkulator2/li_div_first.png)
		no-repeat center right transparent;
}

#first_top #calc_image li.last {
	background: 0;
}

#first_top #calc_input {
	float: left;
	margin-left: 10px;
	display: block;
	width: 241px;
	height: 354px;
}

#first_top #calc_input a {
	text-decoration: none;
}

#first_top #calc_input .input {
	border-bottom: 1px solid #ffffff;
}

#first_top #first_top_shadow {
	float: left;
	height: 5px;
	width: 100%;
	display: block;
	background:
		url(/common/image.php?filename=design/kalkulator2/calc_bgline.png)
		repeat-x;
}

#first_top #calc_input .button {
	display: block;
}

#first_top #calc_input .button .text {
	display: block;
	text-align: center;
	background: #cccccc;
	line-height: 28px;
	height: 28px;
	width: 241px;
	color: #333333;
}

#first_top #calc_input .button.bottom {
	float: left;
	margin-top: 8px;
}

#first_bottom {
	float: left;
	margin-top: 20px;
	margin-bottom: 60px;
	display: block;
	width: 100%;
}

#first_bottom .moreinfo {
	height: 28px;
	float: left;
	display: block;
}

#first_bottom .link {
	font-style: italic;
	height: 28px;
	width: 100%;
	float: left;
	margin-top: 10px;
	display: block;
}

#first_bottom .link a {
	color: #0079c2;
}

#first_bottom .moreinfo span {
	color: #333333;
}

#first_bottom .moreinfo a {
	text-decoration: none;
}

.show_hide {
	padding-right: 25px;
	text-align: right;
	height: 35px;
	line-height: 35px;
	width: 918px;
	margin-left: 15px;
	float: left;
	background: #eeeeee
		url(/common/image.php?filename=design/kalkulator2/more_text_closed.png)
		no-repeat center right;
	display: block;
}

.open {
	background: #eeeeee
		url(/common/image.php?filename=design/kalkulator2/more_text_open.png)
		no-repeat center right;
}

.closed {
	background: #eeeeee
		url(/common/image.php?filename=design/kalkulator2/more_text_closed.png)
		no-repeat center right;
}

#first_bottom #wraptext,#first_bottom #wraptext1,#first_bottom #wraptext2
	{
	float: left;
	width: 940px;
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 20px;
	display: none;
	color: #333333;
}

#first_bottom .textbox {
	float: left;
	width: 942px;
	margin-left: 16px;
	padding-bottom: 10px;
	color: #666666;
}

#first_bottom h2 {
	float: left;
	font-weight: normal;
	margin-top: 20px;
	margin-left: 14px;
	font-size: 20px;
	width: 100%;
	color: #0079c2;
}

#first_bottom .text {
	float: left;
	width: 100%;
	color: #666666;
}
/*welcome page end*/
#components_left_col {
	font-size: 13px;
	width: 300px;
	margin: 10px 0px 10px 10px;
	float: left;
}

#components_left_col ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#components_left_col li {
	position: relative;
	margin-bottom: 3px;
}

#components_left_col li div {
	background: gray;
	-webkit-filter: grayscale(100%);
	filter: grayscale(1);
 	height: 53px;
}

#components_left_col li.active div, #components_left_col li:hover div{
	background: black;
	-webkit-filter: grayscale(0%);
	filter: none;
}

#components_left_col li a {
	position: absolute;
	top: 0px;
	font-weight: bold;
	display: block;
	background: url(/common/image.php?filename=design/kalkulator2/comp_menuitem.png) no-repeat 284px 5px;
	color: white;
	height: 45px;
	width: 272px;
	padding: 4px 20px 4px 4px;
}

#components_left_col li.active a {
	background: url(/common/image.php?filename=design/kalkulator2/comp_menuitem_act.png) no-repeat 275px 5px;
}

#components_left_col li a span {
	color: yellow;
	height: 100%;
	float:left;
	margin-right:3px;
}

#components_right_col {
	width: 645px;
	margin: 10px 10px 10px 0px;
	float: right;
}

#components_right_col .header {
	font-size: 14px;
	background: black
		url(/common/image.php?filename=design/kalkulator2/comp_head_bg.png)
		no-repeat 5px 10px;
	color: white;
	font-weight: bold;
	padding: 6px;
	padding-left: 24px;
}

#components_right_col .space {
	height: 10px;
	width: 100%;
	display: block;
}

#components_right_col .content {
	font-size: 12px;
	background: white;
	padding: 5px;
	border: 1px solid #000000;
}

#components_right_col .left {
	float: left;
	width: 313px;
}

#components_right_col .right {
	text-align: left;
	float: right;
	width: 313px;
}

#components_right_col .box_grey {
	background: #EAEDF6;
	padding: 3px;
}

#components_right_col .box_grey .space,#components_right_col .box_orange .space
	{
	background:
		url(/common/image.php?filename=design/kalkulator2/thin_white_space.gif)
		center repeat-x;
}

#components_right_col .box_yellow {
	background: #FFFFB5;
	padding: 3px;
	margin-bottom: 7px;
}

#components_right_col .box_yellow .space {
	background:
		url(/common/image.php?filename=design/kalkulator2/thin_grey_space.gif)
		center repeat-x;
}

#components_right_col .box_orange {
	background: #FFDAB3;
	padding: 3px;
}

#components_search {
	margin: 0px 10px 10px 10px;
}

#components_search .header {
	font-size: 14px;
	background: black;
	color: white;
	font-weight: bold;
	padding: 6px;
	padding-left: 24px;
}

#components_search .content {
	font-size: 12px;
	background: white;
	padding: 5px;
	border: 1px solid #000000;
}

.checkbox_item {
	clear: both;
}

.checkbox_item input {
	float: left;
	width: 15px;
	height: 15px;
	position: relative;
	top: -1px;
	padding: 0;
	margin: 0;
}

.checkbox_item label {
	display: block;
	margin-left: 17px;
}

.category_header {
	background: black;
	color: white;
	margin: 10px 0 5px 0;
	padding: 4px;
	padding-left: 5px;
	font-weight: bold;
}

.expand_header {
	font-size: 12px;
	border: 1px solid #636363;
	height: 50px;
	cursor: pointer;
	margin: 5px 0 3px 0;
	height: 54px;
	position: relative;
}

.expand_header img {
	float: left;
	margin-right: 15px;
	border: 2px solid white;
}

.expand_header h2 {
	font-size: 13px;
	margin: 6px 0;
}

.expand_header label {
	text-align: right;
	padding-right: 5px;
	width: 105px;
	float: left;
}

.expand_header span {
	color: grey;
}

.expand_content {
	display: none;
}

.expand_header_work {
	background: #FFFFB5
		url(/common/image.php?filename=design/kalkulator2/step_2_items_menuitem.png)
		no-repeat 930px center;
}

.expand_header_work_open {
	background: #FFFFB5
		url(/common/image.php?filename=design/kalkulator2/step_2_items_menuitem_open.png)
		no-repeat 925px center;
}

.expand_header_assembly {
	background: #FFDCB6
		url(/common/image.php?filename=design/kalkulator2/step_2_items_menuitem.png)
		no-repeat 930px center;
}

.expand_header_assembly_open {
	background: #FFDCB6
		url(/common/image.php?filename=design/kalkulator2/step_2_items_menuitem_open.png)
		no-repeat 925px center;
}

.expand_header_component {
	background: #EAEDF6
		url(/common/image.php?filename=design/kalkulator2/step_2_items_menuitem.png)
		no-repeat 930px center;
}

.expand_header_component_open {
	background: #EAEDF6
		url(/common/image.php?filename=design/kalkulator2/step_2_items_menuitem_open.png)
		no-repeat 925px center;
}

#push {
	width: 100%;
	height: 120px;
	clear: both;
}

#footer {
	position: relative;
	width: 975px;
	margin: 0 auto;
	background: url(footer.jpg) no-repeat;
	background:
		url(/common/image.php?filename=design/kalkulator2/footer_bg.png) repeat-x;
	color: #808080;
	padding-left: 5px;
	padding-right: 5px;
	height: 119px;
	border-top: 1px solid #ffffff;
}

#footer li {
	display: inline;
	font-size: 13px;
	line-height: 30px;
	padding-right: 5px;
	background:
		url(/common/image.php?filename=design/paticka_navigace_spodni_oddelovac.png)
		repeat-y scroll right 5px transparent;
}

#footer li a {
	color: #666666;
}

#footer li.last {
	background: 0;
}

#footer #footer_1 {
	text-align: center;
}

#footer #footer_1 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	height: 30px;
	padding-top: 10px;
}

#footer #footer_1 #last_offer {
	text-align: left;
	font-size: 10px;
	width: 150px;
	float: left;
	height: 30px;
	padding-top: 10px;
}

#footer #footer_2_left {
	float: left;
	margin-top: 20px;
}

#footer #footer_2_right {
	float: right;
	margin-top: 5px;
	margin-right: -5px;
}

#footer #footer_2_right ul {
	height: 30px;
	padding-top: 15px;
}

#footer #footer_2_left span {
	font-size: 10px;
}

/* Form */
.Box100 {
	width: 100%;
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C0C0C0;
	box-sizing: border-box;
}

.Box {
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #C0C0C0;
}

.Button, .ButtonGreen {
	font-family: Arial;
	font-size: 12px;
	font-weight: Bold;
	color: #FFFFFF;
	background: #027DCD;
	border: 1px solid #18609A;
	display: inline-block;
	padding: 1px 3px;
}

.ButtonGreen {
   background: #00cb5b; 
}

.Button1 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background: #000000;
	border: 1px solid #18609A;
	padding: 1px 3px;
}

.Button2 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background: #C00000;
	border: 1px solid #18609A;
	padding: 1px 3px;
}

.BoxWidth {
	width: 250px;
}

/* BEGIN Highlight edited */
.check-unedited {
	
}

.check-edited {
	outline: 1px solid #FF0000;
	border: 1px solid #FF0000;
}

.box-unedited {
	font-family: Verdana;
	font-size: 8pt;
	background: #F8F8F8;
	color: #404040;
	border: 1px solid #C0C0C0;
}

.box-focused {
	font-family: Verdana;
	font-size: 8pt;
	background: #F7DEBE;
	color: #000000;
	border: 1px solid #DC8519;
}

.box-edited {
	font-family: Verdana;
	font-size: 8pt;
	background: #F7F68E;
	color: #000000;
	border: 1px solid #FF0000;
}
/* END Highlight edited */
.table_button {
	display: block;
	float: left;
	width: 20px;
	text-align: center;
}

.save_button,.delete_button {
	display: block;
	cursor: pointer;
	float: left;
	width: 100px;
	padding-top: 70px;
	height: 30px;
	text-align: center;
	background:
		url(/common/image.php?filename=/design/kalkulator2/upload_ico.png)
		center top no-repeat;
}

.delete_button {
	background:
		url(/common/image.php?filename=/design/kalkulator2/delete_ico.png)
		center top no-repeat;
}

.save_button:hover,.delete_button:hover {
	-moz-box-shadow: 3px 3px 4px #818181;
	-webkit-box-shadow: 3px 3px 4px #818181;
	box-shadow: 3px 3px 4px #818181;
	/* For IE 8 */
	-ms-filter:
		"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#818181')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135,
		Color='#818181');
}

/* Table */
td,th {
	font-size: 12px;
}

.default_table,.default_table2 {
	background: #728AC1;
}

.default_table th,.default_table2 th {
	background: #B5C2DE;
}

.default_table td {
	padding: 2px 4px;
	background: #FFFFB5;
}

.default_table2 td {
	padding: 2px 4px;
	background: #FFFFFF;
}

.default_table2 tr.Section1 td {
	background: #4970A0;
	color: white;
	font-weight: bold;
	cursor: pointer;
}

.default_table2 tr.Section2 td {
	background: #000000;
	color: white;
	font-weight: bold;
	cursor: pointer;
}

.default_table tr.add td,.default_table2 tr.add td {
	background: #D6F5D5;
}

.default_table tr.black td,.default_table2 tr.black td {
	background: #000000;
	color: white;
	font-weight: bold;
}

.default_table tr.grey td,.default_table2 tr.grey td {
	background: #AAAAAA;
	color: black;
	font-weight: bold;
}

/* Review begin */
.ReviewTable {
	margin-top: 10px;
	width: 1237px;
	border-collapse: collapse;
}

.ReviewTable th {
	border: 1px solid #606060;
	background: #C6C6C6;
}

.ReviewTable th span {
	font-size: 9px;
}

.ReviewTable th.Internal {
	border: 1px solid #E8ACAC;
	background: #C63232;
	color: #FFFFFF;
}

.ReviewTable th.transparent,.ReviewTable td.transparent {
	border: 1px solid transparent;
	background: transparent;
}

.ReviewTable td {
	border: 1px solid #C0C0C0;
	background: #FFFFFF;
}

.ReviewTable tr.BgWork td {
	background: #FFFFB5;
}

.ReviewTable tr.BgInfo td {
	background: #F2AFAF;
}

.ReviewTable td.IntInfo {
	background: #F8E7E7;
}

.ReviewTable tr.Section td {
	background: #000000;
	font-weight: bold;
	color: #FFFFFF;
	padding: 4px 6px;
}

.ReviewTable tr.BgWork td.IntInfo {
	background: #F8E7E7;
}

.ReviewTable tr.over:hover td {
	background: #FFE966;
}

/* Review end */

/* DebugTable */
.DebugTable {
	font-family: arial;
}

.DebugTable td,.DebugTable th {
	font-size: 10px;
}

/* Step1 */
.bg_step_1 fieldset {
	border: 0;
	margin-top: 10px;
	padding: 0px 8px 8px 8px;
}

.bg_step_1 ol {
	margin-left: 0;
	padding-left: 0;
	background: #ececec;
}

.bg_step_1 ol>li {
	padding: 4px 8px;
	list-style: decimal inside none;
	background: #000000;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
}

.bg_step_1 legend {
	padding: 1px 5px 1px 5px;
	background: #728AC1;
	border: 1px solid #61666E;
	color: #FFFFFF;
	font-weight: bold;
}

.bg_step_1 fieldset th {
	text-align: right;
	padding-right: 5px;
	background: #FFFFFF;
}

.bg_step_1 fieldset td {
	text-align: left;
	padding: 2px 5px 2px 5px;
	background: #cccccc;
}

/* num_step */
.num_step {
	width: 45px;
	position: relative;
	overflow: hidden;
	text-align: left;
}

.num_step input {
	width: 25px;
	text-align: right;
	margin-left: 2px;
	border: 1px solid #C0C0C0;
}

.num_step input.green {
	background: #5BE569;
}

.num_step img.plus {
	position: absolute;
	right: 0;
	top: 0px;
}

.num_step img.minus {
	position: absolute;
	right: 0px;
	bottom: 1px;
}

#review_form {
	background: #DCDCDC;
	padding-top: 10px;
	margin-top: 10px;
}

#review_form fieldset {
	border: 0;
}

#review_form legend {
	background: #000000;
	color: #FFFFFF;
	padding: 4px;
	font-size: 12px;
	font-weight: bold;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#review_form th {
	background: #FFFFFF;
	text-align: right;
	padding: 2px 5px;
}

#review_form td {
	background: #C7C7C7;
	padding: 2px 5px;
}

.cookies {
	float:right; 
	color:#817f80;
	font-size:10px;
}

.hidden_text, .hidden_text input{
    color: #888888 !important;
}

.aktuality{
    padding: 7px 0 7px 7px;
}

.aktuality .act_single{
    margin-bottom: 10px;
}


.aktuality h2{
    background-color: #bab8b8;
    padding: 7px 0 7px 7px;
}

.aktuality .odsazeni{
    margin-left: 5px;
}

.aktuality .tec-head{
    font-weight: bold;
    font-size: 14px;
}

.aktuality .tec-text{
    text-align: justify;    
}

.import_button {
	margin-left:10px;
	float:left;
	font-size:10px;
	cursor:pointer;
	text-align:center;
}