/*!
*
*	Project: PRE
*	Author:	 Matouš Barnat, SYMBIO
* do tohoto souboru uz nepripisujte nova css!
*/


/*@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=a331d198-c259-4b84-a854-1de47f1bf5cc");*/
@font-face{
	font-family:"HelveticaNeueW02-47LtCn 694048";
	src:url("../js/Fonts/3fd2c21d-af8b-45be-a1e2-4e7182b7639e.eot?#iefix");
	src:url("../js/Fonts/3fd2c21d-af8b-45be-a1e2-4e7182b7639e.eot?#iefix") format("eot"),url("../js/Fonts/4d888997-2061-451b-8569-6cee195e9915.woff") format("woff"),url("../js/Fonts/bc71ac4a-9cc7-4120-a150-788ae80b91ec.ttf") format("truetype"),url("../js/Fonts/3cf3e566-7fc6-488f-8058-e5eb7ac5dc23.svg#3cf3e566-7fc6-488f-8058-e5eb7ac5dc23") format("svg");
}



article,
aside,ap
details,
figcaption,
figure,lis
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
audio:not([controls]) {
	display: none;
}
html,
body {
	margin: 0;
	padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
}
html {
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
a:hover,
a:active {
	outline: 0;
}
sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
nobr {
	white-space: nowrap;
}
img {
	-ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
	margin: 0;
	font-size: 100%;
	vertical-align: middle;
}
area {
	outline: 0;
}
button,
input {
	*overflow: visible;
	line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}
input[disabled], textarea[disabled], input.empty[disabled], input.empty[disabled]:hover, input[readonly], textarea[readonly], input.select[disabled], input.select[disabled][readonly] {
	background-color: #ccc;
	color: #555555;
}
input[disabled], textarea[disabled], input.empty[disabled], input.empty[disabled]:hover {
	background-color: #ccc !important;
	color: #555555 !important;
}

::-ms-clear { display: none; }
textarea {
	overflow: auto;
	vertical-align: top;
	width: 100%;
	border: 1px solid #9CAAC4;
	border-radius: 3px 3px 3px 3px;
	font-size: 1em;
	line-height: 1;
	margin: 0;
	padding: 0.75em;
	min-height: 200px;
}

.textarea-small {
	min-height: 50px;
}

p {
	margin: 0;
	line-height: 1.4em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	text-rendering: optimizelegibility;
}
ul,
ol {
	padding: 0;
	margin: 0;
}
ul ul,
ul ol,
ol ol,
ol ul {
	margin-bottom: 0;
}
ul {
	list-style: none;
}
ol {
	list-style: none;
}
dl {
	margin-bottom: 0;
}
hr {
	margin: 0;
	border: 0;
}
strong, bold, .bold {
	font-weight: bold;
}
em {
	font-style: italic;
}
abbr {
	border-bottom: 1px dotted #ddd;
	cursor: help;
}
small {
	font-size: 100%;
}
cite {
	font-style: normal;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url(../js/boxsizing.htc);
}
html {
	-webkit-font-smoothing: antialiased;
}
html,
body {
	height: 100%;
	margin: 0;
	font-size: 14px;
	line-height: 1;
	font-family: 'Arial CE', Arial, sans-serif;
	color: #71675B;
}
body.firmy {
	color: #aebacd;
}
body.velkoodberatele {
	color: #8fc8e2;
}
body.ospolecnosti {
	color: #4C8FAA;
}
input,
textarea {
	font-family: 'Arial CE', Arial, sans-serif;
}
a {
	color: #777777;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a.no-underline{
	text-decoration: none;
}
h1,
h2,
h3 {
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
}
h3 .description {
	font-size: 65%;
	line-height: 70%;
	margin: 5px 0px;
}
.ac {
	text-align: center;
}
.al {
	text-align: left;
}
.ar {
	text-align: right;
}
.relative {
	position: relative;
}
.external-link:after {
	width: 10px;
	height: 10px;
	display: inline-block;
	content: "";
	background: url("../images/sprite.png") no-repeat scroll -105px -30px rgba(0, 0, 0, 0);
	margin: 2px 0 0 5px;
	position: relative;
}
.button.external-link:after {
	display: none;
}

.page header nav .main-menu li a.external-link:after {
	display: none;
}
.button {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #232f63;
	color: #fff;
	text-transform: uppercase;
	padding: 0.75em 1.5em;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif !important;
	text-decoration: none;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	border: 1px solid #00244b;
	background-color: #05376e;
	background-image: -moz-linear-gradient(top, #093d77, #002f61);
	background-image: -ms-linear-gradient(top, #093d77, #002f61);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#093d77), to(#002f61));
	background-image: -webkit-linear-gradient(top, #093d77, #002f61);
	background-image: -o-linear-gradient(top, #093d77, #002f61);
	background-image: linear-gradient(top, #093d77, #002f61);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#093d77', endColorstr='#002f61', GradientType=0);
	display: inline-block;
	cursor: pointer;
}
a.button {
	line-height: normal;
	margin-bottom: 0 !important;
	vertical-align: middle;
}
.button.small, .table.small button {
	padding: 0.32em 0.75em 0.28em 0.75em !important;
}
.button.smallLikeInput {
	padding: 4px 0.75em 3px 0.75em !important;
}
.button.empty, .content-left a.button.empty, .content-main a.button.empty {
	color: #242f64;
	background: none;
	filter: none;
}
.button.empty.white, a.button.empty.white {
	background: #fff;
}
.button:disabled, .button.disabled, .button.empty.disabled {
	background: #ccc;
	color: #555555;
	border: 1px solid #555555;
	filter: none;
}
.button:disabled:hover, .button.disabled:hover {
	background: #ccc;
	filter: none;
}
.button.transparent, .button.transparent:hover {
	background-color: #e7ebf4;
	color: #05376e !important;
	background-image: none;
}
.button.pink {
	background-color: #9b2f2f;
	background-image: -moz-linear-gradient(top, #a63636, #8a2525);
	background-image: -ms-linear-gradient(top, #a63636, #8a2525);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a63636), to(#8a2525));
	background-image: -webkit-linear-gradient(top, #a63636, #8a2525);
	background-image: -o-linear-gradient(top, #a63636, #8a2525);
	background-image: linear-gradient(top, #a63636, #8a2525);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a63636', endColorstr='#8a2525', GradientType=0);
	border: 1px solid #8a2525;
}
.button.pink:hover {
	background-color: #952c2c;
	background-image: -moz-linear-gradient(top, #8a2525, #a63636);
	background-image: -ms-linear-gradient(top, #8a2525, #a63636);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8a2525), to(#a63636));
	background-image: -webkit-linear-gradient(top, #8a2525, #a63636);
	background-image: -o-linear-gradient(top, #8a2525, #a63636);
	background-image: linear-gradient(top, #8a2525, #a63636);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a2525', endColorstr='#a63636', GradientType=0);
}
.button.green {
	color: white;
	background-color: #73bf41;
	background-image: -moz-linear-gradient(top, #73bf41, #599332);
	background-image: -ms-linear-gradient(top, #73bf41, #599332);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#73bf41), to(#599332));
	background-image: -webkit-linear-gradient(top, #73bf41, #599332);
	background-image: -o-linear-gradient(top, #73bf41, #599332);
	background-image: linear-gradient(top, #73bf41, #599332);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#73bf41', endColorstr='#599332', GradientType=0);
	border: 1px solid #599332;
}
.button.green:hover {
	background-color: #73bf41;
	background-image: -moz-linear-gradient(top, #599332, #73bf41);
	background-image: -ms-linear-gradient(top, #599332, #73bf41);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599332), to(#73bf41));
	background-image: -webkit-linear-gradient(top, #599332, #73bf41);
	background-image: -o-linear-gradient(top, #599332, #73bf41);
	background-image: linear-gradient(top, #599332, #73bf41);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#599332', endColorstr='#73bf41', GradientType=0);
}
.button:hover, .button_hover {
	background-color: #04356a;
	background-image: -moz-linear-gradient(top, #002f61, #093d77);
	background-image: -ms-linear-gradient(top, #002f61, #093d77);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#002f61), to(#093d77));
	background-image: -webkit-linear-gradient(top, #002f61, #093d77);
	background-image: -o-linear-gradient(top, #002f61, #093d77);
	background-image: linear-gradient(top, #002f61, #093d77);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002f61', endColorstr='#093d77', GradientType=0);
}
.button.empty:hover {
	background: #D2D8E4 !important;
	filter: none;
}
a.button.nextStep, a.button.prevStep, a.button.customAction, a.button.submit {
	margin-top: 20px;
}
a.button.nextStep, a.button.nextStepIcon {
	padding-right: 35px !important;
	position: relative;
	float: right;
}
a.button.small.nextStep, a.button.small.nextStepIcon {
	padding-right: 24px !important;
}
a.button.small.prevStep {
	padding-left: 24px !important;
}
a.button.nextStep:after, a.button.nextStepIcon:after {
	background: url("../images/icons.png") no-repeat scroll -115px -138px rgba(0, 0, 0, 0);
	content: "";
	height: 16px;
	right: 10px;
	position: absolute;
	top: 50%;
	margin-top: -8px;
	width: 12px;
}
a.button.nextStep.empty:after, a.button.empty.nextStepIcon:after {
	background: url("../images/icons.png") no-repeat scroll -115px -160px rgba(0, 0, 0, 0);
}
a.button.nextStep.disabled:after {
	background: url("../images/icons.png") no-repeat scroll -297px -160px rgba(0, 0, 0, 0);
}
a.button.prevStep {
	padding-left: 35px;
	position: relative;
	float: left;
}
a.button.prevStep:after {
	background: url("../images/icons.png") no-repeat scroll -95px -138px rgba(0, 0, 0, 0);
	content: "";
	height: 16px;
	left: 10px;
	position: absolute;
	top: 50%;
	margin-top: -8px;
	width: 12px;
}
a.button.prevStep.empty:after {
	background: url("../images/icons.png") no-repeat scroll -95px -160px rgba(0, 0, 0, 0);
}
.button.wide {
	padding-left: 35px;
	padding-right: 35px;
}
.button.plus {
	padding-left: 35px;
	position: relative;
}
.button.plus:before {
	background: url('../images/icons.png') -140px -139px no-repeat;
	content: "";
	height: 14px;
	width: 14px;
	left: 10px;
	position: absolute;
	top: 50%;
	margin-top: -7px;
	cursor: pointer;
}
.button.small.plus {
	padding-left: 30px !important;
}
a.button.submit {
	float: right;
}
.fileUploadBox .button.plus {
	overflow: hidden;
	position: relative;
}
.fileUploadBox input[type=file] {
	cursor: pointer;
	direction: ltr;
	font-size: 200px;
	margin: 0;
	padding: 0;
	width: auto;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.filesBox {
	margin: 20px 0 0 0 !important;
	padding: 20px 20px 0 20px;
}


/* cancel a save odkazy */
a.cancel-request, a.cancel-order, a.save-request, a.save-request2 {
	margin-left: 40px;
	margin-bottom: 0 !important;
	position: relative;
	color: #71675B;
}
a.save-request:after, a.save-request2:after, a.cancel-request:after, a.cancel-order:after {
	background: url("../images/icons.png") no-repeat scroll -180px -315px rgba(0, 0, 0, 0);
	content: '';
	width: 21px;
	height: 21px;
	position: absolute;
	left: -25px;
	top: -3px;
}
a.cancel-request:after, a.cancel-order:after {
	background-position: -159px -159px;
}
a.cancel-request.button:after, a.cancel-order.button:after {
	display: none;
}


.button.radio {
	display: block;
	padding: 0.75em;
	position: relative;
	cursor: pointer;
}
.button.radio .icon {
	position: absolute;
	top: 50%;
	height: 30px;
	width: 30px;
	margin-top: -13px;
	/*	background: transparent url('../images/radio_checkbox.png') -180px center no-repeat;*/
}
.button.radio .inside{
	display: block;
	padding-left: 40px;
}
.button.radio .inside .text{
	font-weight: normal;
	line-height: 1.5em;
	font-size: 120%;
}
.button.radio .inside .right{
	float: right;
}
.button.radio .inside p{
	margin: 10px 0 0;
}
.accordion #product-configurator-dialog.expand,
.accordion #pre_productOverviewComponent.expand {
	margin: 0 -20px;
}
#pre_productOverviewComponent .button.radio .inside p {
	display: inline;
}
.button.radio .inside strong {
	display: inline-block;
	font-size: 1.5em;
	margin-bottom: 5px;
}
.button.radio .ico-title {
	line-height: 30px;
}
.button.radio .ico-title.prodSl01 {
	margin-left: 35px;
}
.button.radio.small {
	padding: 5px 5px 5px 8px;
}
.button.radio.small .inside p {
	margin: 4px 0 0;
	font-size: 80%;
}
.button.radio.small .inside{
	padding-left: 35px;
}

.selectbox {
	padding: 0.75em;
	font-family: 'Arial CE',Arial,sans-serif;
	font-size: 1em;
	border: 1px solid #9CAAC4;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: white;
}

/* PRE checkbox */
input.__checkbox,
input.__labelbox {
	margin-left: 0 !important;
	opacity: 0 !important;
	position: absolute !important;
}
div.check_box {
	background: url('../images/radio_checkbox.png') -31px -2px no-repeat;
	float: left;
	left: 0;
	margin-right: 7px;
	position: relative;
	top: 0;
	width: 27px;
	height: 27px;
	z-index: 2;
}
div.check_box.checked{
	background: url('../images/radio_checkbox.png') -1px -2px no-repeat;
}
div.check_box.disabled{
	background: url('../images/radio_checkbox.png') -91px -2px no-repeat;
}
div.check_box.disabled.checked{
	background: url('../images/radio_checkbox.png') -61px -2px no-repeat;
}
div.check_box.error{
	background: url('../images/radio_checkbox.png') -121px -2px no-repeat;
	border: 0 !important;
}
div.check_box.error.checked{
	background: url('../images/radio_checkbox.png') -301px -2px no-repeat;
	border: 0 !important;
}

div.label_box {
	border: 1px solid #9caac4;
	background-color: white;
	line-height: 30px;
	position: relative;
	border-radius: 3px;
	cursor: pointer;
	text-align: center;
	margin: 4px;
}
div.label_box.checked {
	border: 1px solid #85c758;
	background-color: #DCEFCF;
}


/* PRE radio */
input.__radio, input.__radiohidden {
	margin-left: 0 !important;
	opacity: 0 !important;
	position: absolute !important;
}

div.radio_button {
	display: inline-block;
	position: relative;
	left: 0;
	top: 0;
	width: 26px;
	height: 25px;
	margin-right: 7px;
	margin-top: -2px;
	line-height: 1em;
	vertical-align: middle;
	background: url('../images/radio_checkbox.png') -182px -2px no-repeat;
	cursor: pointer;
	z-index: 2;
}
div.radio_button.checked {
	background: url('../images/radio_checkbox.png') -152px -2px no-repeat;
}
div.radio_button.disabled {
	background: url('../images/radio_checkbox.png') -242px -2px no-repeat;
}
div.radio_button.disabled.checked {
	background: url('../images/radio_checkbox.png') -212px -2px no-repeat;
}

div.radio_button.error {
	background: url('../images/radio_checkbox.png') -272px -2px no-repeat;
	border: 0 !important;
}


.hp .page {
	background: url('../images/bg-page.jpg') 50% -25px no-repeat #626B72;
}
.hp.firmy .page {
	background: url('../images/bg-page-firmy.jpg') 50% 0 no-repeat #8da7c2;
}
.hp.velkoodberatele .page {
	background: url('../images/bg-page-velkoodberatele.jpg') 50% 0 no-repeat #a8c3d0;
}
.hp.ospolecnosti .page {
	background: url('../images/bg-page-ospolecnosti.jpg') 50% 0 no-repeat #4889a5;
}

.front.households .page {
	background: url('../images/bg-page-households.jpg') 50% 0 no-repeat #A0A0A0;
}
.front.households .page.page--white.bunny {
	background: url(../images/zajic-1920-x.jpg) no-repeat center top, url('../images/bg-page-households.jpg') 50% 0 no-repeat #A0A0A0;
}
.front.company .page.page--white.bunny {
	background: url(../images/zajic-1920-x.jpg) no-repeat center top, url('../images/bg-page-company.jpg') 50% 0 no-repeat #8da7c2;
}

.front.households .page.eco {
	background: url('../images/les-shora.jpg') top center repeat-y #A0A0A0;
}
/*.front.households .page.eco.eco2021.blue {*/
/*	background: url('../images/PREekoproud/wallpapers/modre-pozadi.jpg') 50% 0 repeat-y #A0A0A0;*/
/*}*/
.front.households .page.eco.eco2021,
.front.company .page.eco.eco2021{
	/*background-image: none;*/
	background-color: #d6d6d6;
	background-image: url(../images/zelena_liska.jpg);
	/*background-image: url(../images/PREekoproud/wallpapers/kralik-2022-v2.jpg), url(../images/PREekoproud/wallpapers/kralik-2022-v3.jpg) !important;*/
	/*background-position: 54% -3px, 50% 0 !important;*/
	background-position: 0 3%;
	background-repeat: no-repeat, repeat !important;
}
.front.company .page.eco.eco2021.eco2021c{
	background-image: url(../images/zelena_liska.jpg);
}
.front.company .page.eco.eco2021{
	background-color: #a5b4d2;
}

@media (max-width: 767px) {
	.front.households .page.eco, .front.company .page.eco {
		background: radial-gradient(circle at 50% 30%, #c0c0c0, #a0a0a0) #A0A0A0 !important;
		background-image: url(../images/zelena_liska.jpg)  !important;
		background-position: 48% 72px !important
	}
	.front.households .page.page--white.bunny {
		background: url(../images/zajic-768.jpg) no-repeat 59% top, url('../images/bg-page-households.jpg') 50% 0 no-repeat #A0A0A0;
	}
	.front.company .page.page--white.bunny {

		background: url(../images/zajic-768.jpg) no-repeat center top, url('../images/bg-page-company.jpg') 50% 0 no-repeat #8da7c2;
	}
}
@media (max-width: 425px) {
	.front.households .page.page--white.bunny {
		background: url('../images/bg-page-households.jpg') 50% 0 no-repeat #A0A0A0;
	}
	.front.company .page.page--white.bunny {
		background: url('../images/bg-page-company.jpg') 50% 0 no-repeat #8da7c2;
	}
}
@media (max-width: 375px) {
	.front.households .page.eco {
		background: radial-gradient(circle at 50% 30%, #c0c0c0, #a0a0a0) #A0A0A0 !important;
	}

}

.front.company .page {
	background: url('../images/bg-page-company.jpg') 50% 0 no-repeat #A5B4D2;
}
.front.preenergo .page, .front.preds .page{
	background: url('../images/bg-page-company.jpg') 50% 0 no-repeat #A5B4D2;
}
.front.company .page.eco {
	background: url('../images/les-shora.jpg') top center repeat-y #A5B4D2;
}
.preenergo .page.hp-preds{
	background: url('../images/preds_hp.jpg') 70% 0 no-repeat #4889a5;
	/*background-size: contain;*/
	background-size: 130%;
}
.preenergo .page.hp-preenergo{
	background: url(../images/bg-preenergo.jpg) 50% 0 no-repeat #4889a5;
	background-size: contain;
}
@media (max-width: 767px) {
	.front.company .page.eco {
		/*background: radial-gradient(circle at 50% 30%, #d2def5, #a5b4d2) #a5b4d2 !important;*/
		background-image: url(../images/zelena_liska.jpg);
	}
}

.front.wholesale .page {
	background: url('../images/bg-page-wholesale.jpg') 50% 0 no-repeat #9199B0;
}

.page {
	max-width: 1920px;
	margin: 0 auto;
	position: relative;
	background: url('../images/bg_shadow.jpg') center 0 no-repeat #71675B; /*TODO*/
	/*overflow: hidden;*/
}
.page.eco, .firmy .page.eco {
	background: url('../images/les-pod-zabu-3.jpg') center 0 no-repeat #111201; /*TODO*/
}
.firmy .page {
	background: url('../images/gradients/8da7c2.jpg') center top no-repeat #8da7c2;
}
.velkoodberatele .page {
	background: url('../images/gradients/89aef7.jpg') center top no-repeat #89aef7;
}
.ospolecnosti .page {
	background: url('../images/gradients/4889a5.jpg') center top no-repeat #4889a5;
}

.page-preekoproud {
	max-width: 1920px;
	margin: 0 auto;
	position: relative;
	background: url('../images/bg-preekoproud.jpg') center 0 no-repeat #71675B;
}

.sp .page {
	max-width: 1920px;
	margin: 0 auto;
	position: relative;
	background: #B8DFFF;
}
.in {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	position: relative;
}
.top ul {
	float: left;
}
.top ul.right {
	float: right;
}
.top ul.right a {
	text-decoration: underline;
}
.top ul.right li {
	position: relative;
}
.top li {
	float: left;
}
.top li:first-child a {
	padding-left: 0;
}
.top li:first-child a:after {
	left: 0;
}
.top li a.active, .firmy .eco .top li a.active {
	color: #fff;
}
.top a {
	font-size: 1.14em;
	line-height: 71px;
	color: #c1bebb;
	display: block;
	padding: 0 0.75em;
	position: relative;
	text-decoration: none;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	outline: none;
}

.households .top a, .company .top a, .wholesale .top a {
	color: #1c2f67;
}

.households .top a.active, .company .top a.active, .wholesale .top a.active {
	color: #1c2f67;
	font-weight: bold;
}

.households .top a:hover, .company .top a:hover, .wholesale .top a:hover {
	color: #1c2f67;
	text-decoration: underline;
}

.households .page.eco .top a, .company .page.eco .top a {
	color: #ffffff !important;
}

.firmy .top a, .velkoodberatele .top a, .ospolecnosti .top a {
	color: #ffffff;
}
.firmy .top a.active, .velkoodberatele .top a.active, .ospolecnosti .top a.active {
	color: #242f64;
}
.top a.active:after, .firmy .eco .top a.active:after{
	content: "";
	display: block;
	height: 4px;
	left: 0.75em;
	position: absolute;
	right: 0.75em;
	top: 0;
	background: #ffffff;
}
.eco2021 .top a.active:after, .firmy .eco .top a.active:after{
	display:none;
}
.households .top a.active:after, .company .top a.active:after, .wholesale .top a.active:after {
	background: #1c2f67;
}
.firmy .top a.active:after, .velkoodberatele .top a.active:after, .ospolecnosti .top a.active:after {
	background: #242f64;
}
.households .page.page--white .top .in.c ul li a.active:after,
.company .page.page--white .top .in.c ul li a.active:after{
	background-color: white;
}
.top a:hover {
	color: #fff;
}
.firmy .top a:hover, .velkoodberatele .top a:hover, .ospolecnosti .top a:hover {
	color: #242f64;
}
.top input:first-child {
	padding: 0.75em 75px 0.75em 0.75em;
	border: 0;
	font-size: 1.07em;
	line-height: 1;
	width: 250px;
	margin-top: 16px;
	color: #002c5c;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.top .btn-search {
	border: 0;
	background: white;
	position: absolute;
	right: 2px;
	top: 0;
	margin-top: 27px;
	margin-right: 6px;
	font-size: 1.07em;
	line-height: 1;
	text-transform: uppercase;
	color: #002c5c;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
}

.top .btn-search .search-icon {
	display: inline-block;
	width: 15px;
	height: 15px;
	background: #ffffff url('../images/sprite.png') 0 -154px no-repeat;
	margin-right: 2px;
}

.no-svg .top .btn-search {
	background-image: url('../images/sprite.png');
}
header nav {
	background: url('../images/bg-html.png');
	min-height: 71px;
	position: relative;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
}
header nav:after {
	width: 100%;
	background: url('../images/bg-menu.png') 50% 0 no-repeat;
	height: 60px;
	content: '';
	position: absolute;
	top: 0;
}
header nav .in {
	position: relative;
	z-index: 10;
}
header nav .logo {
	margin: 15px 30px 0 0;
	width: 102px;
	height: 42px;
	display: block;
	float: left;
	background: url('../images/sprite.png') 0 0 no-repeat;
	position: absolute;
}

header nav .logoeco {
	margin: 15px 30px 0 0;
	width: 280px;
	height: 42px;
	display: block;
	float: left;
	background: url('../images/PREekoproud/ikony/prekoproubrand.svg') 0 0 no-repeat;
	position: absolute;
}

.preekoproud-top{
	background-color:rgba(0, 0, 0, 0.7);
}
.hidden{
	display: none;
}
.subheading{
	font-weight: normal !important;
	font-size: 16px !important;
	color: #ccc !important;
	padding-bottom: 20px;
}

header nav.preekoproud {
	background: url('../images/bg-menu-ekoproud.png');
	min-height: 71px;
	position: relative;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
}
header nav.preekoproud:after {
	width: 100%;
	background: none;
	height: 60px;
	content: '';
	position: absolute;
	top: 0;
}
.preekoproud-box{
	padding-top: 40px;
	padding-bottom: 20px;
	width: 330px;
	float: right;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	color: #ccc;
	font-size: 16px;
}
.preekoproud-box img{
	width: 290px;
}
.preekoproud-box .text{
	color: #fff;
	margin-top: 30px;
	font-size: 20px;
}

.preekoproud-box #countdown{
	text-align: center;
}
.preekoproud-box #countdown .days{
	font-weight: 900;
	color: #80cc28;
	font-size: 35px;
}
.preekoproud-box #countdown .hours,
.preekoproud-box #countdown .minutes,
.preekoproud-box #countdown .seconds,
.preekoproud-box #countdown .timeRefHours,
.preekoproud-box #countdown .timeRefMinutes,
.preekoproud-box #countdown .timeRefSeconds{
	color: #80cc28;
	font-weight: bold;
	font-size: 22px;
}
.preekoproud-box #countdown .timeRefDays{
	color: #fff;
	font-size: 22px;
}

.preekoproud-box #countdown .time{
	display: inline-block;
}
.preekoproud-box .image-box .image{
	float: left;
	margin: 0px 8px 5px 0px;
}
.preekoproud-box .image-box .image h3{
	color: #ccc;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 4px;
}
.preekoproud-box .image-box .image img{
	width: 95px;
	border: solid 1px #ccc;
}
.preekoproud-box .image-box .image .link a{
	font-size: 10px;
	color: #ddd;
}

.no-svg header nav .logo {
	background-image: url('../images/sprite.png');
}
header nav ul.main-menu {
	padding-left: 110px;
	/*padding-right: 180px;*/
}
header nav .main-menu li {
	float: left;
	margin-left: 30px;
}

@media screen and (min-width: 921px) and (max-width: 980px) {
	header nav .main-menu li {
		margin-left: 21px!important;
	}
}

@media screen and (min-width: 785px) and (max-width: 804px) {
	header nav .main-menu li {
		margin-left: 25px!important;
	}
}

@media screen and (min-width: 761px) and (max-width: 784px) {
	header nav .main-menu li {
		margin-left: 22px!important;
	}
}


header nav .main-menu li.last {
	float: right;
	position: relative;
}


header nav .account {
	width: 250px;
	height: 71px;
	background-color: #ea6a6a;
	background-image: -moz-linear-gradient(top, #f07373, #e05c5c);
	background-image: -ms-linear-gradient(top, #f07373, #e05c5c);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f07373), to(#e05c5c));
	background-image: -webkit-linear-gradient(top, #f07373, #e05c5c);
	background-image: -o-linear-gradient(top, #f07373, #e05c5c);
	background-image: linear-gradient(top, #f07373, #e05c5c);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f07373', endColorstr='#e05c5c', GradientType=0);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	display: block;
	color: #fff;
	font-family: Arial;
	position: relative;
}
header nav .account .long .name {
	display: block;
	font-size: 1.2em;
	position: relative;
	top: 7px;
	left: 5px;
	padding-left: 25px;
	padding-right: 5px;
}
header nav .account .long .name:before {
	background: url("../images/icons.png") no-repeat scroll -203px -317px rgba(0, 0, 0, 0);
	width: 20px;
	height: 20px;
	content: "";
	top: 1px;
	left: 0;
	display: block;
	position: absolute;
}
header nav .account .long .name a {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 20px;
}
header nav .account .long .name a:hover {
	color: white;
	text-decoration: underline;
}
header nav .account .long .links {
	color: #f0c5c5;
	font-size: 0.9em;
	position: absolute;
	bottom: 5px;
	right: 5px;
}
header nav .account .long .links a {
	color: #f0c5c5;
}
header nav .account .mojepre {
	color: white;
	font-family: 'HelveticaNeueW02-47LtCn 694048','Arial CE',Arial,sans-serif;
	position: absolute;
	bottom: 5px;
	left: 5px;
}
header nav .account .mojepre a {
	color: white;
	text-decoration: none;
}
header nav .account .mojepre a:hover {
	text-decoration: underline;
}
header nav .account-ico .short {
	display: none;
}

header nav .main-menu li > a {
	display: block;
	color: #fff;
	font-size: 1.71em;
	line-height: 71px;
	text-decoration: none;
	outline: 0;
	position: relative;
}
header nav .main-menu li > a:hover,
header nav .main-menu li > a.active {
	color: #95b5d8;
}
header nav .main-menu li > a.active:after {
	display: block;
	position: absolute;
	bottom: -18px;
	left: 50%;
	content: "";
	margin-left: -10px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 8px solid #242f64;
}
header nav .menu-icon {
	display: none;
	float: right;
	cursor: pointer;
	width: 71px;
	height: 71px;
}
header nav .menu-icon span {
	background: url('../images/sprite.png') -327px -43px no-repeat;
	width: 56px;
	height: 41px;
	display: block;
	margin: 15px 0 15px 15px;
}
.no-svg header nav .menu-icon span {
	background-image: url('../images/sprite.png');
}
header nav .menu-icon.opened span {
	background-position: -327px -110px;
}
.intro {
	padding-top: 40px;
}
.intro .in {
	position: relative;
}
.intro h1,
.hp .intro h2 {
	color: #fff;
}
.front.households .page .intro #pre_productOverview_miniPromo h1,
.front.company .page .intro #pre_productOverview_miniPromo h1,
.front.households .page .intro #pre_productOverview_miniPromo_gas h1,
.front.company .page .intro #pre_productOverview_miniPromo_gas h1 {
	color: #1c2f67;
}
.intro h1 {
	font-size: 1.42em;
	line-height: 1;
	padding-bottom: 1em;
}
.hp.firmy .intro h1 {
	color: #242f64;
	/*	padding-top: 100px;
        padding-left: 50px;*/
}
.hp.firmy .intro h1,
.hp.firmy .intro h2 {
	color: #242f64;
}
.hp.velkoodberatele .intro h1, .hp.velkoodberatele .intro h2 {
	color: #242f64;
}
.intro .welcomebar {
	min-height: 360px;
}
.intro h2.default {
	font-size: 2.5em !important;
}
.intro h2 {
	font-size: 3.5em;
	line-height: 1;
}
.intro h2.preMobil-h2faq {
	font-size: 3.1em;
	line-height: 1;
}
@media only screen and (max-width: 319px) {
	.intro.pre-energo{
		padding-top: 20px;
		padding-bottom: 40px;
	}
	.intro.pre-energo h1{
		font-size: 3.4em;
	}
	.intro.pre-energo h2{
		font-size: 2.4em;
		color: #ffffff;
	}
}

@media only screen and (min-width: 320px) {
	.intro.pre-energo{
		padding-top: 20px;
		padding-bottom: 40px;
	}
	.intro.pre-energo h1{
		font-size: 3.4em;
	}
	.intro.pre-energo h2{
		font-size: 2.4em;
		color: #ffffff;
	}

}
@media only screen and (min-width: 760px) {
	.intro.pre-energo{
		padding-top: 20px;
		padding-bottom: initial;
	}
	.intro.pre-energo h1{
		font-size: 3.4em;
	}
	.intro.pre-energo h2{
		font-size: 2.4em;
		color: #ffffff;
	}
	.intro.pre-energo .welcomebar{
		min-height: 330px;
	}
}
@media only screen and (min-width: 1200px) {
	.intro.pre-energo{
		padding-top: 40px;
		padding-bottom: 6%;
	}
}
@media only screen and (min-width: 1440px) {
	.intro.pre-energo{
		padding-top: 40px;
		padding-bottom: 10%;
	}
}
.login {
	position: absolute;
	right: 0;
	color: #fff;
	top: 64px;
	width: 250px;
	font-family: 'Arial CE',Arial,sans-serif;
}

#login-arrow {
	position: relative;
	width: 18px;
	height: 7px;
	background-color: blue;
	left: 80%;
	display: block;
	background: url("../images/bg-arrows.png") repeat scroll 0 -7px rgba(0, 0, 0, 0)
}

.login a {
	color: #fff;
}
.login form {
	margin: 0 !important;
}
.login input[type="text"],
.login input[type="password"] {
	width: 100%;
	border: 0;
	border-top: 1px solid #cd4c4c;
	padding: 10px 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 15px;
}
.login .heading {
	font-size: 1.714em;
	line-height: 1;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
}
.login > div {
	background-color: #c44b4b;
	background-image: -moz-linear-gradient(top, #c95353, #bc3f3f);
	background-image: -ms-linear-gradient(top, #c95353, #bc3f3f);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c95353), to(#bc3f3f));
	background-image: -webkit-linear-gradient(top, #c95353, #bc3f3f);
	background-image: -o-linear-gradient(top, #c95353, #bc3f3f);
	background-image: linear-gradient(top, #c95353, #bc3f3f);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c95353', endColorstr='#bc3f3f', GradientType=0);
	padding: 25px 15px;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}
.login > div *, .login form input[type="text"] {
	margin-bottom: 15px;
}
.menu-right .box.red {
	background-color: #ea6a6a; /* fix IE8 */
}
.login > div:first-of-type, .menu-right .box.red {
	background-color: #ea6a6a;
	background-image: -moz-linear-gradient(top, #f07373, #e05c5c);
	background-image: -ms-linear-gradient(top, #f07373, #e05c5c);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f07373), to(#e05c5c));
	background-image: -webkit-linear-gradient(top, #f07373, #e05c5c);
	background-image: -o-linear-gradient(top, #f07373, #e05c5c);
	background-image: linear-gradient(top, #f07373, #e05c5c);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f07373', endColorstr='#e05c5c', GradientType=0);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.login li {
	padding: 0 0 0 1.5em;
	position: relative;
}
.login li:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0.3em;
	width: 10px;
	height: 5px;
	background: #e86868;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.login a.button.pink {
	margin-bottom: 15px !important;
}
.login a.button.last {
	margin-bottom: 0 !important;
}

.subhead {
	margin: -15px 20px 20px 20px;
	color: #242f64;
	font-size: 1.5em;
	line-height: 30px;
}


/* cookie bar */
#cookieBar {
	height: 70px;
	color: black;
	background-color: #E7EBF4;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
}

#cookieBar a {
	color: black;
}

#cookieBar ul {
	display: block;
	max-width: 1300px;
	margin: 0 auto;
	padding: 7px 0;
}

#cookieBar li {
	float: left;
	width: 160px;
	height: 55px;
	border-right: 1px solid #999999;
	text-align: center;
	line-height: 55px;
}
#cookieBar li:first-child {
	padding: 0 25px;
	width: calc(100% - 320px);
	border-left: 1px solid #999999;
	line-height: 18px;
	text-align: left;
	font-family: 'Arial CE', Arial, sans-serif;
}

#cookieBar-souhlas {
	text-decoration: underline;
	cursor: pointer;
	letter-spacing: 1px;
}
#cookieBar-souhlas:hover {
	text-decoration: none;
}

@media screen and (max-width: 960px) {
	#cookieBar li:nth-child(1) {
		width: 100%;
		float: none;
		margin-bottom: 14px;
		height: auto;
	}

	#cookieBar {
		height: 120px;
	}

	#cookieBar li:nth-child(2) {
		border-left: 1px solid #999999;
	}

	#cookieBar li {
		width: 50%;
	}
}

@media screen and (max-width: 760px) {
	#cookieBar li {
		width: 100%;
		float: none;
		margin-bottom: 14px;
		border-left: 1px solid #999999;
	}

	#cookieBar {
		height: auto;
	}
}

/* homepage základní přehled produktů */
.hp-services {
	margin: 320px 0 40px;
	padding: 25px 0;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#services-hp-box-top {
	margin: 320px 0 30px;
}
.hp.firmy .hp-services {
	margin-top: 220px;
}
.hp-services li.box {
	float: left;
	width: 33.33%;
	padding: 0 25px;
	border-left: 1px solid #bfc5d6;
	margin: 0;
}
.hp-services li {
	color: #777777 !important;
}
.hp-services li.box .head a.box {
	text-decoration: none;
}
.hp-services li.box .head a.box:hover {
	color: #444;
}
.hp-services li.box .head img {
	width: 109px;
	height: 109px;
	display: inline-block;
	float: left;
}
.hp-services > li.box {
	border-radius: 0;
}
.hp-services > li.box.first {
	border: 0;
}
.hp-services li.box ul {
	height: 8em;
}
.hp-services li.box li {
	padding: 0.5em 0 0.5em 2em;
	position: relative;
}
.hp-services li.box li:after {
	background: none repeat scroll 0 0 #C14646;
	border-radius: 3px 3px 3px 3px;
	content: "";
	display: block;
	height: 5px;
	left: 0;
	margin-top: -3px;
	position: absolute;
	top: 50%;
	width: 10px;
}
.hp-services h3 {
	font-size: 2em;
	text-transform: uppercase;
	padding: 1em 0 1.75em 130px;
	color: #777777 !important;
}
#services-hp-box-top h3 {
	padding: 0 0 0 130px;
}
#services-hp-box-top .button.link {
	margin: 0 0 0 130px;
	display: block;
	text-align: center;
	padding: 0.75em 0.75em;
}

/* homepage box služby */
#services-box-hp {
	margin-bottom: 30px;
	background: url('../images/hp/bg-arrow-big-white.png') 0 0 no-repeat;
	height: 169px;
}
#services-box-head {
	float: left;
	width: 330px;
	height: 169px;
	background: url('../images/hp/ico-sluzbyhp.png') 25px 32px no-repeat;
	position: absolute;
}
#services-box-head h3 {
	text-transform: uppercase;
	margin: 60px 0 0 155px
}
#services-box-list {
	margin-left: 330px;
	height: 169px;
}
#services-box-list ul {
	display: block;
	height: 100%;
}
#services-box-list li {
	float: left;
	width: 25%;
	height: 100%;
	text-align: center;
	position: relative;
}
#services-box-list li:after {
	display: block;
	content: "";
	width: 30px;
	height: 30px;
	background: url('../images/hp/icons-sluzbyhp.png') 0 0 no-repeat;
	top: 50px;
	left: 50%;
	margin-left: -15px;
	position: absolute;
}
#services-box-list li.invoice:after {
	background-position: -30px 0;
}
#services-box-list li.contact:after {
	background-position: -60px 0;
}
#services-box-list li.services:after {
	background-position: -90px 0;
}
#services-box-list li.new:after {
	width: 51px;
	height: 51px;
	margin-left: -25px;
	top: 40px;
	background-position: 0 -31px;
}
#services-box-list li.new.calculator:after {
	background-position: 0 -31px;
}
#services-box-list li.new span {
	background-color: #73bf41;
	border-radius: 3px;
	color: white;
	left: 50%;
	margin-left: 20px;
	padding: 3px 10px;
	position: absolute;
	top: 45px;
	z-index: 5;
	font-size: 0.9em;
}
#services-box-list li.new span:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	left: -5px;
	top: 0;
	border-left: 5px solid #73bf41;
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */
	-ms-transform: rotate(-45deg); /* IE9 */
	transform: rotate(-45deg);
}

#services-box-list li a {
	color: #242f64;
	display: block;
	height: 100%;
	padding: 95px 5px 0 5px;
	font-size: 1.1em;
}

/* patička */
footer {
	background: url('../images/bg-html.png');
	color: #60688f;
	padding: 0px 0 30px;
}
footer.enfooter{
	background: url('../images/bg-html.png') !important;
	color: #60688f !important;;
	padding: 0px 0 30px !important;
}
footer a {
	color: #60688f;
}
footer a:hover {
	color: white;
}
footer .line-left,
footer .line-right {
	width: 50%;
	position: absolute;
	height: 65px;
}
footer .line-left {
	background: #d3dae6;
	left: 0px;
}
footer .line-right {
	background: #e6ebf3;
	right: 0px;
}
footer .line-content {
	height: 65px;
	background: #e6ebf3 url('../images/bg-line.png') 0 0 no-repeat;
}
footer .line-content h3,
footer .line-content .news {
	float: left;
}
footer .line-content .news {
	padding-right: 10px;
}
footer .line-content .news li a {
	padding-left: 10px;
}

#news-box {
	background: url("../images/bg-line.png") no-repeat scroll 0 0 #E6EBF3 !important;
	padding: 0 20px 0 15px !important;
}
#news-box h3 {
	color: #242F64;
	font-size: 1.28em !important;
	line-height: 65px !important;
	float: left;
	margin: 0 !important;
}
#news-box > div {
	color: #242F64;
	margin: 5px 0 5px 110px;
}
#news-box li {
	line-height: 1.3em;
}
#news-box a {
	color: #242F64;
	margin-left: 10px;
}
#news-box .news-overview-link {
	float: right;
	line-height: 65px !important;
	padding-left: 35px;
	background: url("../images/bg-line-arrow.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}
#news-box .news li{
	margin-top: 24px;
}
.hp-gravity-box{
	position: relative;
}
.hp-gravity-box .line-left2{
	position: absolute;
	height: 65px;
	background-color: #d3dae6;
	width: 50%;
	left: -49%;
	top: 0px;
}
.hp-gravity-box .line-right2{
	position: absolute;
	height: 65px;
	background-color: #e6ebf3;
	width: 50%;
	right: -49%;
	top: 0px;
}

footer .line-content li {
	font-size: 1.07em;
	line-height: 65px;
	color: #242f64 ;
	background: transparent url('../images/bg-line-arrow.png') right top no-repeat;
	padding-right: 32px;
}
footer .line-content li.two-rows {
	line-height: 20px;
	min-width: 270px;
	padding-top: 12px;
	min-height: 64px;
}
footer .line-content a {
	color: #242f64 ;
}
footer .line-content h3 {
	font-size: 1.28em;
	line-height: 65px;
	margin-right: 60px;
	color: #242f64 ;
	min-width: 57px;
}
footer .line-content .button {
	font-size: 1em;
	line-height: 1em;
}
footer .line-content .news-options {
	float: right;
}
footer .line-content .news-options.pull-left {
	float: left;
}
footer .line-content .news-options li {
	float: left;
	margin-left: 20px;
}
footer .line-content .news-options li i {
	display: inline-block;
	float: none;
	vertical-align: middle;
	width: 30px;
	margin-bottom: 4px;
}
footer .line-content li.two-rows i {
	float: left;
	margin-top: 4px;
}
ul.blue-dots{
	margin-left: 10px;
}
.footercontent {
	padding-top: 30px;
}
.footercontent .fullweb {
	display: none;
}
.footercontent .submenus {
	background: url('../images/bg-light.png') 672px -54px no-repeat;
}
.footercontent .submenus > li{
	width: 25%;
	padding-right: 10px;
	float: left;
}
.footercontent .submenus > li li, ul.blue-dots > li {
	padding: 0.5em 0 0.5em 20px;
	position: relative;
}
.footercontent .submenus > li li:after, ul.blue-dots > li:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0.75em;
	width: 10px;
	height: 5px;
	background: #505984;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.footercontent .submenus > li .number, .footercontent .submenus > li .numbero {
	color: #73bf41;
	padding: 0.1em 0 0.25em 20px;
	font-size: 2.65em;
	line-height: 1;
}
.footercontent .submenus > li .number a, .footercontent .submenus > li .numbero a {
	font-size: 80%;
	white-space: nowrap;
	color: #73bf41;
	text-decoration: none;
}
.footercontent .submenus > li .number:after,.footercontent .submenus > li .numbero:after {
	width: 27px;
	height: 30px;
	left: -16px;
	top: 26px;
	margin-top: -15px;
	background: url('../images/sprite.png') -102px 1px no-repeat;
}
.no-svg .footercontent .submenus > li .number:after {
	background-image: url('../images/sprite.png');
}
.footercontent .submenus > li .green:after {
	background: #73bf41;
}


.footercontent .submenus > li.st,
.domacnosti .footercontent .submenus > li.st,
.firmy .footercontent .submenus > li.st {
	width: 22%;
}
.footercontent .submenus > li.nd,
.domacnosti .footercontent .submenus > li.nd,
.firmy .footercontent .submenus > li.nd {
	width: 22%;
}
.footercontent .submenus > li.rd,
.domacnosti .footercontent .submenus > li.rd,
.firmy .footercontent .submenus > li.rd {
	width: 23%;
}
.footercontent .submenus > li.th,
.domacnosti .footercontent .submenus > li.th,
.firmy .footercontent .submenus > li.th {
	width: 25%;
	float: right;
}

.footercontent .whiteText a {
	color: white;
}
.footercontent .submenus .extloga{
	position: relative;
}
.footercontent .submenus .extloga .fblink img {
	width:	50px;
	height:	50px;
}
.footercontent .submenus .extloga .ytlink img {
	width:	43px;
	position: relative;
}
.footercontent .submenus .extloga .fblink a {
	position: absolute;
	right: 20px;
	top: 96px;
	z-index: 90;
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	transition: -webkit-transform 180ms ease-in-out;
	transition: transform 180ms ease-in-out;
	transition: transform 180ms ease-in-out, -
	webkit-transform 180ms ease-in-out;
}
.footercontent .submenus .extloga .ytlink a {
	position: absolute;
	right: 25px;
	top: 160px;
	z-index: 90;
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	transition: -webkit-transform 180ms ease-in-out;
	transition: transform 180ms ease-in-out;
	transition: transform 180ms ease-in-out,
	-webkit-transform 180ms ease-in-out;
}



@media screen and (min-width:992px) {
	.footercontent .submenus .extloga .fblink a:hover, .footercontent .submenus .extloga .ytlink a:hover {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}



.footercontent .submenus .extloga .external-link.fblogo:after, .footercontent .submenus .extloga .external-link.ytlogo:after{
	display: none;
}
.footercontent .submenus .extloga .fblink a.vo{
	top: auto;
	bottom: 54px;
}
.footercontent .submenus .extloga .ytlink a.vo{
	/*top: auto;*/
	bottom: 5px;
}

.footercontent ul.only75 li{
	width: 75%;
}

.footercontent .submenus .extloga .ytlink a{
	position: absolute;
	/*left: 145px;
    /*	right: auto;
    top: auto;
        bottom: -25%;*/
}
.footercontent .submenus .extloga .fblink a.vo{
	top: auto;
	bottom: -40%;
}
.footercontent .submenus .extloga .ytlink a.vo{
	bottom: -40%;
}
.footercontent ul.only75 li{
	width: 100%;
}





@media screen and (max-width: 940px) {
	.footercontent .submenus .extloga .ytlink a {
		left: 90px;
		top: 211px;
	}
}



@media screen and (max-width: 940px) {
	.footercontent .submenus .extloga .fblink a{
		position: absolute;
		/*left: 20px;
            /*right: auto;*/
		/*top: auto;*/
		/*	bottom: -25%;*/

		top:200px;
		left: 25px;
	}
}
@media screen and (max-width: 640px) {
	.footercontent .submenus > li {
		display: block !important;
		width: auto !important;
		float: none !important;
		margin: 0 1em 3em;
	}
}

@media screen and (max-width: 880px) {
	.footercontent .bottom-logos > li a span {
		margin: 0 !important;
	}
}

@media screen and (max-width: 1300px) {
	#PREmobilHP .PREmobil-bg-prom{
		display: none;
	}
	/*	.footercontent .bottom-logos > li a span {
            margin: 0 !important;
        }*/
	.footercontent .bottom-logos > li.right {
		text-align: left;
	}
}



.footercontent .submenus a {
	color: #fff;
}
.footercontent .submenus h3 {
	text-transform: uppercase;
	font-size: 1.43em;
	line-height: 1em;
	color: #a8acc2;
	margin-bottom: 1em;
}
.bottom-logos {
	padding: 25px 0;
	margin: 2em 0;
	border-bottom: 1px solid #424b78;
	border-top: 1px solid #424b78;
	height: 80px;
	font-size: 1.75rem;
	padding-left: 15px;
	padding-right: 10px
}

.bottom-logos li {
	float: left;
	margin-right: 2.6%;
}
.bottom-logos li span {
	display: inline-block;

}
.no-svg .bottom-logos li span {
	background-image: url('../images/sprite.png');
}
.bottom-logos li a {
	color: #fff;
	text-decoration: none;
	opacity: 0.25;
	filter: alpha(opacity=25);
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	width: 100%;
	zoom: 1;
}
.bottom-logos li a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
.bottom-logos li.distribution span {
	/*width: 156px;
	height: 26px;
	background-position: -509px 0;
	margin: 0 0 0 50px;*/
	margin-left:3%;
}
.bottom-logos li.count span {
	/*width: 124px;
	height: 26px;
	background-position: -375px 0;
	margin: 0 0 0 70px;*/
}
.bottom-logos li.premobil span {
	/*width: 133px;
	height: 26px;
	background-position: -233px 0;*/
}
/*.bottom-logos li.consulting span {
	width: 155px;
	height: 38px;
	background-position: -88px -150px;
	margin-top: -10px;
}*/
.bottom-logos li.bike span {
	/*width: 118px;
	height: 26px;
	background-position: -675px 0;
	margin: 0 0 0 60px;*/
}
.bottom-logos li.premobilita span {
	/*	background-position: -72px 0;
      height: 26px;
      width: 151px;
        margin: 0 0 0 40px;*/
}
.bottom-logos li.kormak span {
	/*	background-position: -1054px 0;
      height: 26px;
      width: 151px;
        margin: 0 0 0 60px;*/
}
.bottom-logos li.prezak span {
	/*background-position: -803px 0;
  height: 26px;
  width: 162px;
	margin: 0 0 0 50px;*/
}
.bottom-logos li.yello span {
	/*	background-position: -971px 0;
      height: 26px;
      width: 83px;
        margin: 0 0 0 50px;*/
	margin-right: -100px;
}

.copyright span {
	font-size: 1.14em;
	line-height: 1;
	float: left;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
}
.copyright ul {
	float: right;
}
.copyright ul li {
	float: left;
}
.copyright ul li:first-child a:after {
	display: none;
}
.copyright ul li:last-child a {
	padding-right: 0;
}
.copyright ul a {
	font-size: 1.14em;
	line-height: 1;
	color: #60688f;
	display: block;
	padding: 0 0.75em;
	position: relative;
	text-decoration: none;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
}
.copyright ul a:hover {
	color: #fff;
}
.copyright ul a:after {
	content: '';
	display: block;
	height: 14px;
	left: 0;
	position: absolute;
	top: 2px;
	width: 1px;
	background: #60688f;
}
.opinion {
	display: none;
}




.in h4 {
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	font-size: 1.6em;
	color: #242F65;
	margin: 18px 0 5px 0;
}
.dodavatele h4 {
	margin-top: 0;
	margin-bottom: 15px;
}
.in h4:first-child {
	margin: 5px 0 5px 0;
}

.content-main {
	color: #002e5f;
}

.content-main a {
	color: #002e5f;
}

.content-main .link-more {
	text-align: center;
	margin: 20px 0 0;
}

.content-main .link-more .button {
	color: #fff;
	text-decoration: none;
	min-width: 150px;
}

.content-main a.button {
	color: #fff;
	text-decoration: none;
}

.in .box.container-tabs {
	background-color: rgb(231,235,244);
}

.container-tabs .container-tabs-tab-button {
	background: white;
	border-top: 1px solid #d6deea;
	width: 50%;
	height: 85px;
	text-align: center;
	cursor: pointer;
}

.container-tabs .container-tabs-tab-button h3 {
	line-height: 85px;
	margin: 0;
	font-size: 2em;
	font-weight: bold;
}

.container-tabs .container-tabs-tab {
	display: none;
}

.container-tabs[data-clients-tabs="actual"] .container-tabs-tab-button[data-clients-button-tab="actual"] {
	background: rgb(231,235,244);
	cursor: default;
}

.container-tabs[data-clients-tabs="new"] .container-tabs-tab-button[data-clients-button-tab="new"] {
	background: rgb(231,235,244);
	cursor: default;
}

.container-tabs[data-clients-tabs="actual"] .container-tabs-tab[data-tab-actual] {
	display: block;
}

.container-tabs[data-clients-tabs="new"] .container-tabs-tab[data-tab-new] {
	display: block;
}

.container-tabs .container-tabs-tab .container-service {
	padding: 15px 15px;
	box-shadow: inset 0 1px 0 0 white;
	display: table;
	position: relative;
	width: 100%;
}

.container-tabs .container-tabs-tab .container-service:first-child {
	box-shadow: none;
}

.container-tabs .container-tabs-tab .container-service .service-title {
	width: 60px;
	position: absolute;
	left: 15px;
	top: 15px;
	bottom: 15px;
	background: white;
}

.container-tabs .container-tabs-tab .container-service .service-title > h3 {
	position: absolute;
	pointer-events:none;
	top: -1000px;
	bottom: -1000px;
	left: -1000px;
	right: -1000px;
	margin: auto;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	height: 60px;
	font-size: 2em;
	line-height: 60px;
	text-align: center;
}

.container-tabs .container-tabs-tab .container-service .type-services {
	width: 855px;
	padding: 25px 0 10px;
}

.container-tabs .container-tabs-tab .container-service .type-services .block-service {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 230px;
	margin: 15px 6px 0 48px;
	color: #002e5f;
	font-size: 1em;
}

.container-tabs .container-tabs-tab .container-service .type-services .block-service:nth-child(-n+3) {
	margin-top: 0;
}

.container-tabs .container-tabs-tab .container-service .type-services .block-service:nth-child(3n) {
	margin-right: 0;
}

.container-tabs .container-tabs-tab .container-service .type-services .block-service a {
	text-decoration: none;
}

.container-tabs .container-tabs-tab .container-service .type-services .block-service img {
	position: absolute;
	display: block;
	top: 0;
	left: -48px;
	right: 100%;
	margin: 0 auto;
}

.container-tabs .container-tabs-tab .container-service .type-services .block-service .service-name {
	display: block;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.16em;
}

.container-tabs .container-tabs-tab .container-service .type-services .block-service .service-description {
	display: block;
	margin-top: 5px;
	line-height: 1.3em;
	font-size: 0.9em;
	position: relative;
	height: 64px;
}

.container-tabs .container-tabs-tab .container-service .type-services .block-service .service-description .short-text {
	position: absolute;
}
.container-tabs .container-tabs-tab .container-service .type-services .block-service:hover .service-description .short-text {
	display: none;
}

.container-tabs .container-tabs-tab .container-service .type-services .block-service .service-description .short-text:after {
	font-weight: bold;
	content: ' >>>';
}
.container-tabs .container-tabs-tab .container-service .type-services .block-service .service-description .long-text {
	opacity: 0;
}
.container-tabs .container-tabs-tab .container-service .type-services .block-service:hover .service-description .long-text {
	opacity: 1;
}

.container-tabs .container-tabs-tab .container-service .type-services .block-service .service-description.shade:after {
	content: '';
	position: absolute;
	top: 32px;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgb(231,235,244);
}

.service-information {
	display: table;
	margin: 0 0 20px;
}

.in .service-information .inner-box {
	padding: 17px 20px;
}

.service-information .inner-box > h3 {
	margin: 0;
}

.service-information .space {
	display: table-cell;
	width: 15px;
	height: 20px;
}

.service-information .service-information-main {
	width: 325px;
	display: table-cell;
	border-radius: 3px;
}

.service-information .service-information-main .box.inner-box.glue-top {
	padding: 0 15px 20px 15px;
	margin-bottom: 0;
}

.service-information .service-information-main .block-service-information {
	position: relative;
	color: #002e5f;
	font-size: 1em;
	padding: 0 0 0 48px;
	margin: 20px 0 0;
}

.service-information .service-information-main .block-service-information a {
	text-decoration: none;
}

.service-information .service-information-main .block-service-information img {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: calc(100% - 48px);
	margin: 0 auto;
}

.service-information .service-information-main .block-service-information .information-name {
	font-size: 1.1em;
	line-height: 1.16em;
	font-weight: bold;
}

.service-information .service-information-main .block-service-information .information-description {
	line-height: 1.3em;
	font-size: 0.9em;
	padding: 5px 0 0;
}

.in .need-help .inner-box {
	padding: 10px 0;
}

.in .need-help .inner-box.red-bg {
	padding: 17px 20px;
}

.need-help .box > h3 {
	color: #fff;
	margin: 0;
}

.need-help .help-table {
	display: table;
	width: 100%;
}

.need-help .space-line {
	display: table-cell;
	width: 1px;
	border-left: 1px solid #d6dee7;
}

.need-help .help-questions {
	position: relative;
	display: table-cell;
	vertical-align: top;
	width: calc(100% / 3);
	color: #002e5f;
	font-size: 1em;
	padding: 15px 15px 15px 60px;
}

.need-help .help-questions img {
	position: absolute;
	display: block;
	top: 15px;
	left: 12px;
	right: calc(100% - 60px);
	margin: 0 auto;
}

.need-help .help-questions:nth-child(5n) {
	margin: 0;
	width: 265px;
}

.need-help .help-questions .question-name {
	font-size: 1.16em;
	line-height: 1.16em;
	font-weight: bold;
	padding: 5px 0 0;
}

.need-help .help-questions .question-description {
	padding: 5px 0;
}

.need-help .help-questions .single-question {
	margin: 20px 0 0;
	position: relative;
	line-height: 1.4em;
}

.need-help .help-questions .single-question:after {
	position: absolute;
	content: '';
	display: block;
	height: 5px;
	width: 10px;
	border-radius: 3px;
	left: -25px;
	top: 0.6em;
	background: #002e5f;
}

@media screen and (max-width: 980px) {
	.info-tip {
		display: none;
	}

	.container-tabs .container-tabs-tab .container-service {
		box-shadow: none;
	}

	.container-tabs .container-tabs-tab .container-service .type-services {
		width: 100%;
	}

	.container-tabs .container-tabs-tab .container-service .type-services .block-service:nth-child(n) {
		margin-top: 25px;
		margin-right: 0;
	}

	.container-tabs .container-tabs-tab .container-service .type-services .block-service {
		width: calc(50% - 53px);
	}

	.container-tabs .container-tabs-tab .container-service .type-services .block-service:nth-child(2n-1) {
		margin-right: 6px;
	}

	.container-tabs .container-tabs-tab .container-service .service-title{
		height: auto;
		width: 100%;
		position: relative;
		left: 0;
		top: 0;
	}

	.container-tabs .container-tabs-tab .container-service .type-services .block-service .service-description .short-text {
		display: none;
	}
	.container-tabs .container-tabs-tab .container-service .type-services .block-service .service-description .long-text {
		opacity: 1;
	}

	.container-tabs .container-tabs-tab .container-service .service-title > h3 {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
	}

	.service-information,
	.service-information .service-information-main {
		display: block;
	}

	.service-information .service-information-main {
		width: 100%;
	}

	.service-information .service-information-main .block-service-information {
		display: inline-block;
		vertical-align: top;
		width: calc(50% - 5px);
	}
	.service-information .service-information-main .block-service-information:nth-child(2n-1) {
		margin-right: 6px;
	}

	.title-for-img h2{
		bottom: 100px;
		left: 50%;
	}
}

@media screen and (max-width: 760px) {
	.need-help .help-table .space-line {
		display: none;
	}

	.need-help .help-questions {
		padding-left: 0;
		padding-top: 45px;
	}

	.need-help .help-questions img {
		top: 0;
		left: 0;
		margin: 0;
	}

	.need-help .help-questions .question-description {
		padding-left: 20px;
	}

	.need-help .help-questions .single-question:after {
		left: -20px;
	}

	.in .content-main .inner-box {
		padding-left: 10px;
		padding-right: 10px;
	}

	.preekoproud-box{
		float: none;
		margin: 0px auto;
		background-color:rgba(0, 0, 0, 0.7);
		padding: 15px;
		width: 339px;
	}
}

.content-left {
	width: 690px;
	height: auto;
}
p, .content-left a {
	margin-bottom: 15px;
}
.content-left .mobileVersion a{
	margin-bottom: 0px;
}
table .t-cell:first-of-type {
	color: #666666;
	line-height: 38px;
}

.t-cell.silver {
	color: #666666;
	line-height: 38px;
}
.t-cell.topLine {
	border-top: 1px solid #9CAAC4;
	padding: 0 20px;
}
.t-cell #loginSl20full-switch {
	margin-left: 20px;
}
#loginSl20-switch h3, #loginSl20-switch p {
	padding-left: 10px;
}
#loginSl20-switch .inner-box{
	padding: 10px 20px;
}
#loginSl20full-switch .w35 label{
	padding-left: 10px;
}


.table .t-plaintext {
	line-height: 38px;
}
.table .t-cell:first-of-type, .table .t-cell.label, .table .t-cell.oneRow {
	line-height: 20px;
	margin: 10px 0;
	color: #71675B;
}
.table .t-cell.onlytext {
	line-height: 20px;
	margin: 10px 0;
}

.table .t-cell.noFirstOfTypeSL20	{
	line-height: 30px;
	margin: 0;
	color: black;
}
.table .t-cell.black {
	color: black;
}
.table.small .t-cell:first-of-type, .table.small .t-cell.label,.table.small .t-cell.oneRow {
	margin: 0;
	line-height: 25px;
}
.table.small .t-cell.w10.oneRow{
	width: 12%
}
.table.tiny .t-cell:first-of-type, .table.tiny .t-cell {
	line-height: 20px;
	margin: 0;
	padding: 5px 10px;
}
.table #trade_certificate_info div, .white-text-box {
	background-color: white;
	width: 100%;
	border-radius: 3px;
	color: black;
	line-height: 25px;
	padding: 10px 20px;
	margin-top: 20px;
}
.table .normal-line-height {
	line-height: normal !important;
}
.two-lines-radio-label {
	padding-left: 3px;
	vertical-align: middle;
	display: inline-block;
}
.t-row {
	display: block;
	float: left;
	width: 100%;
}
.t-cell {
	display: inline-block;
	float: left;
	padding: 10px;
	line-height: 1.5em;
}
.t-cell.noPadding {
	padding: 0 10px 10px 10px;
}
.two-cell-vertical-padding-simulate {
	padding: 20px 10px;
}
.t-cell.right, .deleteRowResponsiblePerson {
	float: right;
}

.t-cell p.middle {
	line-height: 1.5em;
	margin-bottom: 0;
	margin-top: 10px;
}
.t-cell.stick-bottom {
	margin-bottom: 0;
	padding-bottom: 0;
}
.t-cell.clearForm {
	float: right;
	line-height: 20px;
	margin: 10px 0;
}

.t-required {
	font-style: italic;
}

#component-m-amm-tabs {
	padding-top: 25px;
	border-radius: 3px 3px 0 0 ;
}
#amm-menu {
	width: 235px;
	margin: 0 10px;
}
#amm-menu-head {
	height: 25px;
	border: 1px solid #242F65;
	border-radius: 3px;
	line-height: 25px;
	text-align: center;
	margin-bottom: 10px;
	cursor: pointer;
}
#amm-menu-body {
	border: 1px solid #242F65;
	border-radius: 3px;
	padding: 10px;
	box-shadow: 5px 5px 0 rgba(50, 50, 50, 0.3);
	width: 235px;
	z-index: 100;
	position: absolute;
	background-color: white;
	z-index: 100;
}
#amm-menu-body .ammIntervalChangePeriod{
	width: 100%;
	margin-bottom: 7px;
}
#amm-menu-body input[type="text"] {
	width: 110px;
	text-align: center;
}
#amm-menu-body label {
	line-height: 35px;
	font-size: 90%;
	width: 30px;
	display: inline-block;
}
#amm-menu-body label[for="ammInterval-compare-checkbox"] {
	width: auto;
}
#ammInterval-compare-table {
	margin-bottom: 10px;
}
.amm-help {
	position: absolute;
	display: block;
	right: 20px;
	top: -40px;
}
.amm-help:before {
	position: absolute;
	content: "";
	display: block;
	background: url("../images/icons.png") no-repeat scroll -141px -70px rgba(0, 0, 0, 0);
	height: 18px;
	width: 18px;
	left: -22px;
	top: -1px;
}
.graph-box {
	padding-left: 18px;
	position: relative;
}
.graph-box:before {
	border-radius: 3px;
	content: "";
	display: block;
	height: 13px;
	left: 0;
	position: absolute;
	top: 0;
	width: 13px;
}
.graph-box.blue-box:before {
	background-color: #1C2F67;
}
.graph-box.green-box:before {
	background-color: #556B2F;
}
.graph-box.red-box:before {
	background-color: #DF0032;
}
.graph-box.yellow-box:before {
	background-color: #FDBD4D;
}
.graph-box.light-blue-box:before {
	background-color: #B0C4DE;
}
.graph-box.light-green-box:before {
	background-color: #3CB371;
}
.graph-box.peach-box:before {
	background-color: #FFA07A;
}
.graph-box.lemon-box:before {
	background-color: #EEE8AA;
}

.t-row.forms {
	display: block;
	border-top: 1px solid #b2bdd3;
	padding: 10px;
}
.t-row.forms a {
	margin-bottom: 0;
}
.t-row.forms .text {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.4em;
	margin-bottom: 0;
}
.t-row.first {
	font-weight: bold;
	font-size: 1.1em;
}
.t-row.forms .price{
	font-weight: bold;
	font-size: 1.15em;
	line-height: 1.5em;
}
.invoice .t-row.closer div, .prepayment .t-row.closer div {
	padding: 0 10px;
}

p.required{
	color: #9f9fa0;
}



/* pravé menu*/

.menu-right {
	width: 250px;
	position: relative;
}
.menu-right div.account-overview.red, .menu-right div.account-overview.red h3, .menu-right div.account-overview.red a {
	color: #fff;
}
.menu-right div.account-overview.red {
	padding: 0;
}
.menu-right div.account-overview {
	padding: 0;
}
.menu-right div.account-overview .red-arrow {
	margin-left: -10px;
	position: absolute;
	top: 40px;
	left: 0;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #F07373;
}
.menu-right div.buyelectricity .arrow {
	margin-left: -10px;
	position: absolute;
	top: 40px;
	left: 0;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #fff;
}
.menu-right div.buyelectricity.prepointBoxRight .arrow{
	top:24px;
	border-right-color: #E7EBF4;
}
.menu-right div.account-overview > a:last-of-type .account-info-head {
	border-radius: 0 0 3px 3px;
}
.menu-right div.account-overview .account-info {
	padding: 15px 15px;
}
.menu-right div.account-overview .account-info-head {
	padding: 0 15px 15px 15px;
	border-top: 1px solid #F09799;
	background: #bd4242;
	cursor: pointer;
	cursor: hand;
}
.menu-right div.account-overview .account-info-head .account-details{
	border-top: 0;
}
.menu-right div.account-overview .account-info-head .status {
	float: right;
	font-size: 0.1em;
	margin: 10px 6px 0 8px;
}
.menu-right div.account-overview .account-info-head .right-top-nav {
	position: absolute;
	right: -5px;
}
.menu-right div.account-overview .account-info-head .status .wrapper {
	padding: 2px 7px;
}
.menu-right div.account-overview .account-info-head .account-no h4 {
	margin-top: 0;
}
.menu-right div.account-overview a:first-of-type .account-info-head {
	border-top: 0;
	border-radius: 3px 3px 0 0;
}
.menu-right div.account-overview h3, .menu-right div.account-overview h4 {
	display: block;
	/*float: left;*/
}
.menu-right div.account-overview .account-details {
	border-top: 1px solid #F09799;
	padding: 15px 0 15px 0;
	clear: both;
	position: relative;
}
.menu-right div.account-overview .account-details > .ico {
	position: absolute;
	left: 0;
	top: 50px;
}
.menu-right div.account-overview .account-details .bubble {
	line-height: 15px;
	top: -3px;
	position: relative;
}
.menu-right div.account-overview .bubble {
	line-height: 15px;
	top: -3px;
	position: relative;
}
.menu-right div.account-overview .account-details > .account-no {
	margin-left: 35px;
}

.menu-right div.account-overview-blue .account-details {
	border-top: 1px solid #242F65;
	padding: 15px 0 15px 0;
	clear: both;
}
.menu-right div.account-overview .account-details:last-of-type {
	padding-bottom: 0;
}
.menu-right div.account-overview .account-details p,
.menu-right div.account-overview-blue .account-details p {
	margin-bottom: 15px;
	line-height: 1.35;
}
.menu-right div.account-overview .account-details p:last-of-type,
.menu-right div.account-overview-blue .account-details p:last-of-type {
	margin-bottom: 0;
}
.menu-right div.account-overview .other-account {
	background-color: #c44b4b;
	background-image: -moz-linear-gradient(top, #c95353, #bc3f3f);
	background-image: -ms-linear-gradient(top, #c95353, #bc3f3f);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c95353), to(#bc3f3f));
	background-image: -webkit-linear-gradient(top, #c95353, #bc3f3f);
	background-image: -o-linear-gradient(top, #c95353, #bc3f3f);
	background-image: linear-gradient(top, #c95353, #bc3f3f);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c95353', endColorstr='#bc3f3f', GradientType=0);
	padding: 15px;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}
.menu-right div.account-overview .account-info .bubble,
.menu-right div.account-overview-blue .account-info .bubble {
	font-size: 0.6em;
	padding: 4px 8px;
}
.menu-right .account-info h4 {
	margin: 0 0 15px 0;
}
.menu-right a {
	color: #242F65;
}
.menu-right h3 {
	color: #67758F;
	font-size: 1.9em;
	line-height: 1;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	margin-bottom: 15px;
}
.menu-right h4 {
	font-size: 1.71em;
}
.menu-right .red h4 {
	color: white !important;
}
.menu-right h6 {
	font-size: 0.9em;
	line-height: 1.2;
	font-family: 'Arial CE', Arial, sans-serif;
	margin-bottom: 10px;
}
.menu-right div.box {
	border-radius: 3px !important;
	margin-bottom: 20px;
	padding: 15px;
}
.menu-right div.box.blue {
	background-color: #E7EBF4;
	color: #242F65;
}
.menu-right div.box.red {
	color: #fff;
	padding: 0;
	position: relative;
}
.menu-right div.box.dark-blue-box{
	padding: 7px;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	font-size: 1.15em;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-top-right-radius: 4px;
	-moz-border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-left: 5px solid #bc3f3f;

}
.menu-right div.dark-blue-box .boxpdf{
	margin-bottom: 0px;
	position: relative;
}

.menu-right div.dark-blue-box .icopdf:after{
	content: '';
	width: 19px;
	height: 22px;
	background: url("../images/pdf-ikona.gif") no-repeat scroll -0px -0px rgba(0, 0, 0, 0);
	position: absolute;
	top: 50%;
	left: 0%;
}
.menu-right div.dark-blue-box .icopdf:after{
	content: '';
	width: 19px;
	height: 22px;
	background: url("../images/pdf-ikona.gif") no-repeat scroll -0px -0px rgba(0, 0, 0, 0);
	position: absolute;
	top: 50%;
	left: 0%;
}

.menu-right div.dark-blue-box .icotext{
	padding-left: 30px;
	float: left;
}
.menu-right div.dark-blue-box .icotext:hover{
	text-decoration: underline;
}
.menu-right .button {
	width: 100%;
	padding: 0.75em 0;
	text-align: center;
	color: white;
}
.menu-right h4.vkont {
	/*margin: 0 0 5px 35px;*/
	font-size: 1.5em;
}
.menu-right h4.account-no {
	margin: 0 0 0px 40px;
	font-size: 1.3em;
}
.menu-right h5.account-no {
	margin: 3px 0 0 40px;
	font-size: 0.8em;
}
.content-box ul li {
	padding: 7px 0 7px 1.5em;
	position: relative;
	color: #222222;
	line-height: 1.1em;
}
.content-box ul li:after {
	background: none repeat scroll 0 0 #242f64;
	border-radius: 3px 3px 3px 3px;
	content: "";
	display: block;
	height: 5px;
	left: 0;
	margin-top: -2px;
	position: absolute;
	top: 13px;
	width: 10px;
}

/* SL01 pravé boxíky */
.menu-right .header {
	background: #e6eaf3;
	margin: -15px -15px 15px -15px;
	padding: 15px 15px 0;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
.menu-right .header.ico-head {
	position: relative;
	padding-left: 47px;
	cursor: pointer;
}
.menu-right .header.ico-head:after {
	content: "";
	display: block;
	height: 27px;
	left: 10px;
	position: absolute;
	top: 9px;
	width: 27px;
}
.menu-right .header.ico-head.person:after {
	background: url("../images/icons.png") no-repeat scroll -145px -98px rgba(0, 0, 0, 0);
}
.menu-right .header.ico-head.electricity:after {
	background: url("../images/icons.png") no-repeat scroll -100px -53px rgba(0, 0, 0, 0);
}
.menu-right .header.ico-head.gas:after {
	background: url("../images/icons.png") no-repeat scroll -12px -99px rgba(0, 0, 0, 0);
}
.menu-right .header.ico-head.document:after {
	background: url("../images/icons.png") no-repeat scroll -145px -9px rgba(0, 0, 0, 0);
}

.menu-right .header.closed {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: -15px;
}
.menu-right .header.opened .subtitle {
	display: none;
}
.menu-right .header.closed .subtitle {
	display: block;
	margin-left: -37px;
	padding-bottom: 8px;
}
.menu-right .selected-item .header.opened:before,
.menu-right .selected-item .header.closed:before {
	background: url("../images/icons.png") no-repeat scroll -49px -160px rgba(0, 0, 0, 0);
	display: block;
	height: 16px;
	width: 16px;
	margin-top: -8px;
	position: absolute;
	content: "";
	top: 50%;
	right: 10px;
}
.menu-right .selected-item .header.closed:before {
	background-position: -114px -160px;
}

.menu-right .selected-item .body p:last-of-type {
	margin-bottom: 0;
}

.menu-right .selected-item h3 {
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 140%;
	color: #333333;
}
.menu-right .selected-item .price-desc {
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	margin-bottom: 2px;
}
.menu-right .selected-item .price {
	float: left;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	font-weight: bold;
	font-size: 175%;
	text-transform: uppercase;
	color: #333333;
}
.menu-right .selected-item .green-label {
	margin-right: 2px;
}
.menu-right .selected-item .product.actual {
	position: relative;
}
.menu-right .selected-item .product.actual:after {
	content: "";
	border-bottom: 10px solid rgba(0, 0, 0, 0);
	border-right: 10px solid white;
	border-top: 10px solid rgba(0, 0, 0, 0);
	height: 0;
	left: 0;
	margin-left: -25px;
	position: absolute;
	top: 0;
	width: 0;
}
.menu-right .selected-item .product p {
	margin-bottom: 8px;
}
#component-salesman .box.blue {
	padding: 15px;
}
#component-salesmansl03.box.blue {
	padding: 15px;
	margin-top: -30px;
}
#component-salesmansl03.box.blue .button {
	width: 200px;
	text-align: center;
}

/* ikony komplet */

.icon-href {
	width: 20px;
	height: 20px;
	display: block;
	margin-left: 5px;
}
.ico{
	display: inline-block;
	width: 30px;
	height: 30px;
}
.ico.middle {
	display: inline-block;
	float: none;
	vertical-align: middle;
}
.ico.small {
	width: 20px;
	height: 20px;
}
.ico.s22 {
	width: 22px;
	height: 22px;
}
.ico.small-input {
	width: 20px;
	height: 15px;
	margin-left: 3px;
	background-position: -43px -160px !important;
}
.ico.medium {
	width:30px;
	height: 30px;
}
.ico.calendar {
	background: url('../images/icons.png') -270px -136px no-repeat;
}
.ico.chart {
	background: url('../images/icons.png') -293px -135px no-repeat;
}
.ico.profile-up {
	background: url('../images/icons.png') -225px -1px no-repeat;
}
.ico.profile-down {
	background: url('../images/icons.png') -248px -1px no-repeat;
}
.ico.profile-both {
	background: url('../images/icons.png') -225px -23px no-repeat;
}
.ico.pdf {
	background: url('../images/icons.png') -56px -54px no-repeat;
}
.ico.electricity {
	background: url('../images/icons.png') -100px -99px no-repeat;
}
.chbxButt .ico.electricity {
	background: url('../images/icons.png') -100px -97px no-repeat;
}
.ico.electricity.sl01 {
	margin: 0 0 -10px;
}
label.inside.sl01 {
	margin: 5px 0 5px 0;
}
.ico.electricity-blue {
	background: url('../images/icons.png') -100px -52px no-repeat;
}
.ico.electricity-gray {
	background: url('../images/icons.png') -368px -7px no-repeat;
}
.ico.gas {
	background: url('../images/icons.png') -56px -99px no-repeat !important;
}
.ico.gas.sl01 {
	margin: 0 0 -10px;
}
.ico.gas-blue {
	background: url('../images/icons.png') -10px -97px no-repeat;
}
.ico.gas-gray {
	background: url('../images/icons.png') -413px -7px no-repeat;
}
.chbxButt .ico.gas{
	background: url('../images/icons.png') -56px -97px no-repeat !important;
}
.ico.pooledBilling-blue {
	background: url('../images/icons.png') -370px -367px no-repeat;
}
.ico.pooledBilling-gray {
	background: url('../images/icons.png') -415px -367px no-repeat;
}
.ico.edit {
	background: url("../images/icons.png") no-repeat scroll -2px -136px rgba(0, 0, 0, 0);
	margin-top: 5px;
	position: absolute;
	right: 0;
}
.ico.edit-blue {
	margin-top: 5px;
	background: url('../images/icons.png') -2px -156px no-repeat;
	float: right;
}
.ico.salesman-blue {
	background: url("../images/icons.png") -144px -96px no-repeat;
}
.ico.qr-info-blue {
	background: url("../images/icons.png") -409px -319px no-repeat;
	height: 37px;
}
.ico.qr-code-blue {
	background: url("../images/icons.png") -364px -323px no-repeat;
}
.amm-set-date .ico.edit-blue {
	margin-top: -4px;
}
.ico.arrow-down {
	margin-top: 4px;
	width: 28px;
	height: 28px;
	background: url('../images/icons.png') -234px -65px no-repeat;
	float: right;
}
.ico.arrow-right {
	margin-top: 4px;
	width: 28px;
	height: 28px;
	background: url('../images/icons.png') -245px -98px no-repeat;
	float: right;
}
.ico.open {
	margin-top: 5px;
	background: url('../images/icons.png') -46px -136px no-repeat;
	float: right;
}
.ico.open-blue{
	background: url('../images/icons.png') -46px -156px no-repeat;
	float: right;
}
.ico.closed {
	background: url('../images/icons.png') -111px -136px no-repeat;
	float: right;
	margin-top: 4px;
}
.ico.closed-blue {
	background: url('../images/icons.png') -111px -156px no-repeat;
	float: right;
}
.ico-close-white {
	background: url('../images/icons.png') -22px -136px no-repeat;
}
.ico.xclosed {
	background: url('../images/icons.png') -20px -136px no-repeat;
	float: right;
}
.ico.ok-green {
	background: url('../images/icons.png') -136px -159px no-repeat;
	float: right;
}

.ico.closed-white {
	background: url('../images/icons.png') -108px -137px no-repeat;
	float: right;
	margin-left: 3px;
}
.ico.ok-green.profiles {
	float: none;
	display: inline-block;
}
.ico.xclosed-blue {
	background: url('../images/icons.png') -20px -156px no-repeat;
	float: right;
}
.ico.head {
	background: url('../images/icons.png') -143px -95px no-repeat;
}
.ico.request {
	background: url('../images/icons.png') -188px -97px no-repeat;
}
.ico.house {
	background: url('../images/icons.png') -90px -10px no-repeat;
}
.ico.checkbox{
	background: url('../images/radio_checkbox.png') -30px 0 no-repeat;
}
.ico.checkbox.checked{
	background: url('../images/radio_checkbox.png') 0 0 no-repeat;
}
.ico.radiobutton{
	background: url('../images/radio_checkbox.png') -90px 0 no-repeat;
}
.ico.radiobutton.checked{
	background: url('../images/radio_checkbox.png') -60px 0 no-repeat;
}
.ico.email {
	background: url('../images/icons.png') -10px -318px no-repeat;
}
.ico.pre {
	background: url('../images/icons.png') -97px -318px no-repeat;
}
.ico.post {
	background: url('../images/icons.png') -54px -318px no-repeat;
}

.ico.warning {
	background: url('../images/icons_messages.png') 0px 0px no-repeat;
}
.ico.done {
	background: url('../images/icons_messages.png') 0px -30px no-repeat;
}

.ico.prodSl01{
	position: absolute;
}

.ico.sort {
	display: inline-block;
	vertical-align: middle;
	margin-left: 4px;
	margin-bottom: 1px;
	float: none;
	height: 14px;
	width: 12px;
	background: url("../images/ico_sort.png") no-repeat scroll right 0 transparent;
}
.ico.sort.asc {
	background: url("../images/ico_sort.png") no-repeat scroll right -14px transparent;
}
.ico.sort.desc {
	background: url("../images/ico_sort.png") no-repeat scroll right -28px transparent;
}

/* Files */
.ico.file {
	width: 32px;
	height: 32px;
	background: url('../images/files.png');
	background-position: 0 0;
}
.ico.file.jpg,
.ico.file.jpeg,
.ico.file.gif,
.ico.file.png,
.ico.file.bmp,
.ico.file.tga,
.ico.file.tif,
.ico.file.tiff {
	background-position: -32px 0;
}
.ico.file.doc,
.ico.file.docx,
.ico.file.txt,
.ico.file.tex,
.ico.file.rtf,
.ico.file.wpd,
.ico.file.wps,
.ico.file.pages,
.ico.file.odt,
.ico.file.msg,
.ico.file.log {
	background-position: -64px 0;
}
.ico.file.xls,
.ico.file.xlsx,
.ico.file.xlr {
	background-position: -96px 0;
}
.ico.file.pdf,
.ico.file.pct {
	background-position: -128px 0;
}
.ico.file.zip,
.ico.file.zipx,
.ico.file.rar,
.ico.file.z7,
.ico.file.gz,
.ico.file.targz {
	background-position: -160px 0;
}

.ico.file.paper {
	width: 37px;
	height: 46px;
	background: url('../images/ico-paper.svg');
	background-position: 0 0;
}

.ico.file.papers {
	width: 37px;
	height: 46px;
	background: url('../images/ico-papers.svg');
	background-position: 0 0;
}

.ico.floatLeftIco {
	float: left;
	width: 40px;
}
.ico.electricity-blue.main {
	background: url('../images/icons.png') -88px -45px no-repeat;
}
.ico.gas-blue.main {
	background: url('../images/icons.png') 0px -90px no-repeat;
}
.ico.forpay {
	width: 40px;
	float:	left;
}

i.icon.plus {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 2px 8px -2px 0;
	background: url('../images/icons.png') -140px -139px no-repeat;
}

.ico.post.longAdress {
	float: left;
	margin-bottom: 25px;
	margin-right: 10px;
}
.salesman, .request-menu {
	padding: 0 0 0 40px;
	position: relative;
	margin: 0;
}
.salesman:after {
	background: url('../images/icons.png') -144px -96px no-repeat;
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	width: 30px;
	height: 30px;
}
.salesman strong {
	line-height: 30px;
}
.request-menu :after {
	background: url("../images/icons.png") no-repeat scroll -188px -97px rgba(0, 0, 0, 0);
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
}

.ico-message {
	width:30px;
	height: 30px;
	margin: -15px 0 0 20px;
	top: 50%;
	position: absolute;
}
.datepicker-icon {
	background: url("../images/icons.png") no-repeat scroll -190px -145px rgba(0, 0, 0, 0);
	cursor: text;
	display: inline-block;
	height: 25px;
	left: -5px;
	margin: 0 0 0 -25px;
	position: relative;
	top: 8px;
	width: 25px;
}


/* flash messages */
.flash .text {
	padding: 20px 20px 20px 65px;
	line-height: 18px;
}
.flash.info .ico-message {
	background: url('../images/icons_messages.png') 0px -90px no-repeat;
}
.flash.info-blue .ico-message, .flash.info-blue-sl03 .ico-message {
	background: url('../images/icons_messages.png') 0px -60px no-repeat;
}
.flash.error .ico-message {
	background: url('../images/icons_messages.png') 0px 0px no-repeat;
}
.flash.success .ico-message {
	background: url('../images/icons_messages.png') 0px -30px no-repeat;
}
.flash.confirm .ico-message {
	background: url('../images/icons_messages.png') 0px -60px no-repeat;
}
.flash {
	border-radius: 3px 3px 3px 3px;
	/*margin-top: 20px; TODO: pokud nevyhovuje odsazeni, je treba resit v sablone, ne globalne zde!! */
	position: relative;
}
.flash.confirm {
	color: #1c1b4f;
	background-color: #b7d8fa;
	border: 1px solid #1c1b4f;
}
.flash.success {
	color: #2aa13e;
	background-color: #d4e7d7;
	border: 1px solid #2aa13e;
}
.flash.error {
	color: #8d2727;
	background-color: #ffd4d4;
	border: 1px solid #8d2727 !important;
}
.flash.info {
	color: white;
	background-color: #242f64;
}
.flash.info-blue {
	color: #242f64;
	background-color: #E7EBF4;
	border: 1px solid #242f64;
}
.flash.info-blue a {
	color: #242f64 !important;
}
.flash .date {
	float: left;
	width: 90px;
	height: 50px;
}
.flash a {
	color: white !important;
}
.flash.error a {
	color: #8D2727 !important;
}
#top-menu .flash a {
	margin-left: 15px;
}
.newErrorflash{
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.newErrorflash .newErrorflash-error{
	position: relative;
	height: 76px;
}
.newErrorflash .newErrorflash-success{
	position: relative;
}
.newErrorflash .newErrorflash-error:after{
	background: url('../images/ikony-check-cervena.png') 0px 0px no-repeat;
	position: absolute;
	display: block;
	height: 60px;
	width: 60px;
	content: "";
	right: 15px;
}
.newErrorflash .newErrorflash-success:after{
	background: url('../images/ikony-check-zelena.png') 0px 0px no-repeat;
	height: 60px;
	position: absolute;
	display: block;
	height: 60px;
	width: 60px;
	content: "";
	top:	10px;
	right: 15px;
}

#infoMessageNoCable .flash.success, #infoMessageNoCable .flash.error,
#infoMessageMobile .flash.success, #infoMessageMobile .flash.error,
#infoMessageFix .flash.success, #infoMessageFix .flash.error,
#infoMessageTv .flash.success, #infoMessageTv .flash.error{
	padding: 15px 15px 15px 65px;
	margin-top: 10px;
	margin-bottom: 0px !important;
}
#infoMessageNoCable .flash.success .ico-message, #infoMessageNoCable .flash.error .ico-message,
#infoMessageMobile .flash.success .ico-message, #infoMessageMobile .flash.error .ico-message,
#infoMessageFix .flash.success .ico-message, #infoMessageFix .flash.error .ico-message,
#infoMessageTv .flash.success .ico-message, #infoMessageTv .flash.error .ico-message{
	left: 0px;
}

p.info {
	padding-left: 50px;
	color: #242F65;
	position: relative;
	/*font-size: 0.9em;*/
	line-height: 15px;
	text-align: justify;
}
p.info:after {
	content: "";
	width: 30px;
	height: 30px;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -15px;
	display: block;
	background: url('../images/icons_messages.png') 0px -60px no-repeat;
}
p.info.small {
	padding-left: 35px;
}
p.info.small:after {
	width: 22px;
	height: 22px;
	left: 5px;
	margin-top: -9px;
	background: url('../images/icons.png') -270px -160px no-repeat;
}
p.info.smallgrey {
	padding-left: 35px;
}
p.info.smallgrey:after {
	width: 22px;
	height: 22px;
	left: 5px;
	top: 20px;
	background: url('../images/icons.png') -247px -318px no-repeat;
}

.infotextgrey {
	font-size: 80%;
	color: #71675B;
}

p.info.pdf:after {
	background: url('../images/icons.png') -56px -54px no-repeat;
}
p.info a {
	font-weight: bold;
}

p.info.spaninfoSl15 {
	line-height: 20px;
	margin: 10px 0;
	color: #71675B;
	text-align: left;
}

p.info.spaninfoSl14 {
	line-height: 24px;
	margin: 10px 0;
	color: #71675B;
	text-align: left;
}

p.infoSendEmail{
	font-size: 16px;
	color: #242F65;
}

.message-close-white {
	background: url('../images/icons_messages.png') -30px -86px no-repeat;
}
.message-close-blue {
	background: url('../images/icons_messages.png') -30px -56px no-repeat;
}
.message-close-red {
	background: url('../images/icons_messages.png') -30px -4px no-repeat;
}
.message-close-green {
	background: url('../images/icons_messages.png') -30px -26px no-repeat;
}



.status{
	display: block;
	color: white;
	font-family: 'Arial CE',Arial,sans-serif;
	vertical-align: middle;
}
.status.vertical {
	margin-left: 10px;
}
.status .wrapper {
	display: block;
	float: left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 10px;
	color: white !important;
}
.status.vertical .wrapper {
	padding: 4px 1px;
	margin-top: 1px;
}
.status .wrapper.green{
	background: #73bf41;
}
.status .wrapper.red {
	background: #df5a5a;
}
.status .wrapper.orange{
	background: #f28900;
}
.status .wrapper.light-blue {
	background: #9CACC5;
}
.status .wrapper.dark-blue {
	background: #242F65;
}
.status.width20	{
	width:  20px;
}

.hdo {
	margin-bottom: 0 !important;
	padding-left: 36px;
	position: relative;
}
.hdo:before {
	background: url("../images/icons.png") no-repeat scroll -188px -55px rgba(0, 0, 0, 0);
	content: "";
	display: block;
	height: 28px;
	left: 0;
	position: absolute;
	top: 0;
	width: 28px;
}
#hdo-sections .status {
	color: black;
	margin-top: 10px;
}
#hdo-sections .wrapper {
	padding: 6px 7px;
	margin: 0 5px 0 10px;
}
#hdoLoader {
	z-index: 100000;
	opacity: 0.8;
	background-color: white;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	border-radius: 3px;
}
#hdoLoader:after {
	left: 50%;
	margin-left: -16px;
	margin-top: -16px;
	position: absolute;
	top: 50%;
	width: 32px;
	height: 30px;
	content: "";
	background: url("../images/loading.gif") no-repeat scroll 0 0 transparent;
}

/* SL01 */
#tech-info .v_mask {
	width: 120px;
}
#tech-info .invisible {
	position: absolute;
	top: 20px;
}
#product .products-table {
	margin: 0 -20px;
}
#product .products-table .recommendedProducts li .header {
	background-color: white;
	cursor: default;
}
#product .inner-box-slim.title {
	background-color: #E7EBF4;
}
#product .selected .inner-box-slim.title {
	background-color: #DCEFCF;
}
#product .selected .inner-box-slim {
	background-color: #EEF7E7;
}
#product .inner-box-slim .recommendedProductsPrice {
	line-height: 15px !important;
	text-align: right;
}
#product .recommendedProductsPrice strong {
	font-family: 'HelveticaNeueW02-47LtCn 694048','Arial CE',Arial,sans-serif;
	font-size: 1.4em;
}

#product .recommendedProductVariant.no-price {
	margin: 0 100px 0 25px;
}
#product .productRadio {
	padding-left: 15px;
}
#product .productRadio .radio_button {
	margin-right: 0;
}
#product:not(.sl07) .recommendedProducts li .header:after {
	display: none;
}

#supplier [id$="current_supplier_contract_up_to"] {
	width: 150px;
}
#supplier [id$="current_supplier_price_increase"] {
	width: 150px;
}
#supplier [id$="current_supplier_self_contract"] {
	width: 150px;
}
.recommendedProductsSl03{
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
}
.recommendedProducts div.radio_button:not(.error) {
	background-position: -362px -2px;
}

.recommendedProducts div.radio_button.checked {
	background-position: -332px -2px;
}
.recommendedProducts .productRadio .product-price{
	display: inline-block;
}
.recommendedProducts .productRadio .product-price-info{
	display: inline-block;
	font-size: 11px;
	line-height: 14px;
	margin-left: 10px;
	font-weight: bold;
}
.recommendedProductsSl03 ul.recommendedProducts {
	margin-left: -20px;
	margin-right: -20px;
	margin-top: -10px;
}
.recommendedProductsSl03 .oneProductbox{
	padding: 15px;
}

.recommendedProductsSl03 .grey-top-line{
	border-top: 1px solid #adb8d0;
}
.recommendedProductsSl03 .grey-top-line:nth-last-child(1){
	border-bottom: 1px solid #adb8d0;
}
.recommendedProductsSl03 div.radio_button {
	left: 5px;
	top: -5px;
}
.recommendedProductsSl03 .righttext{
	text-align: right;
}

table {
	border-collapse: collapse;
}
table.skin-a td {
	height: 24px;
	border-top: 1px solid #D5D4E2;
	padding: 8px;
}
table.skin-a th {
	height: 24px;
	padding: 8px;
	font-weight: bold;
	font-size: 0.9em;
	border-top: 2px solid #04356a;
	border-bottom: 2px solid #04356a;
	color: #04356a;
}
table.skin-a th a {
	color: inherit;
}
table.skin-a tr.l th {
	text-align: left;
}
table.skin-a tbody tr:nth-of-type(2n+1) td {
	background-color: #f9fafe;
}
table.skin-a tbody tr:hover td {
	background-color: #E7EBF4;
}
table.skin-a tbody tr:last-child td {
	border-bottom: 1px solid #D5D4E2;
}
table.skin-a tbody tr.red td {
	background-color: #fee6e6;
}
table.skin-a tbody tr.red td:first-child {
	border-left: 3px solid #f00;
}
table.skin-a tbody tr.blue td {
	background-color: #468cd7;
	color: #fff;
}
table.skin-a tbody tr.blue td:first-child {
	border-left: 3px solid #04356a;
}
table.skin-a.r5 td:nth-of-type(5) {
	text-align: right;
}
table.skin-a.r2 td:nth-of-type(2) {
	text-align: right;
}
table.skin-a.selectedProduct th,
table.skin-a.selectedProduct td,
table.skin-a.selectedProduct td:hover
table.skin-a.selectedProduct tr:hover {
	background: none !important;
}
table.skin-a.selectedProduct th,
table.skin-a.selectedProduct td:nth-of-type(2),
table.skin-a.selectedProduct td:nth-of-type(3) {
	text-align: right;
}
table.skin-a.selectedProduct th {
	border-top: 0;
	border-bottom: 0;
}
table.skin-a.selectedProduct tr:first-of-type th {
	padding-top: 4px;
}


table.skin-a.double-rows tr:nth-of-type(4n+1) td,
table.skin-a.double-rows tr:nth-of-type(4n+2) td {
	background-color: transparent;
}
table.skin-a.double-rows tr:nth-of-type(4n+3) td,
table.skin-a.double-rows tr:nth-of-type(4n+4) td {
	background-color: #f9fafe;
}
table.skin-a.double-rows tr:nth-of-type(2n+2) td {
	border-top: 0;
}
table.skin-a.double-rows tr td:first-of-type {
	color: #71675B;
	width: 45%;
	padding-left: 0;
}


/* B */
table.skin-b {
	table-layout: fixed;
}
table.skin-b td, table.skin-b th {
	width: 2%;
	vertical-align: top;
}
table.skin-b th {
	width: 1%;
}
table.skin-b.v-indent {
	margin: 12px 0;
}
table.skin-b th, table.skin-b td {
	padding: 4px 0;
	bexorder-bottom: 1px solid #D5D4E2;
}
table.skin-b tbody th {
	text-align: right;
	padding-right: 8px;
}

/* C */
table.skin-c, table.skin-c tr:first-child td, table.skin-c tr:first-child th {
	border-top: 1px solid #04356a;
}
table.skin-c td, table.skin-c th {
	padding: 8px 4px;
	border-top: 1px solid #D5D4E2;
}
table.skin-c tr:last-child td, table.skin-c tr:last-child th {
	border-bottom: 1px solid #D5D4E2;
}
table.skin-c td:first-child, table.skin-c tbody th:first-child {
	text-align: left;
	width: 25%;
	background: #E7EBF4;
}
table.skin-c + h3,
table.skin-c + form > h3 {
	margin: 16px 0 2px 0;
	color: #04356a;
}

/* D */
table.skin-d, table.skin-d tr:first-child td, table.skin-d tr:first-child th {
}
table.skin-d td, table.skin-d th {
	padding: 8px;
}
table.skin-d tr:last-child td, table.skin-d tr:last-child th {
}
table.skin-d td:first-child, table.skin-d tbody th:first-child {
	text-align: right;
	width: 25%;
	font-weight: bold;
}
table.skin-d + h3,
table.skin-d + form > h3 {
	margin: 16px 0 2px 0;
	color: #04356a;
}

/* F */
table.skin-f th {
	text-align: left;
	color: #242F65;
	border-bottom: 1px solid #9CAAC4;
}
table.skin-f th, table.skin-f td {
	padding: 10px 10px 10px 2px;
}

/* E */
.general table.skin-e {
	border-collapse: collapse;
	border-color: #E7EBF4;
}
.general table.skin-e thead th {
	height: 24px;
	padding: 8px;
	font-weight: bold;
	font-size: 0.9em;
	background: #E7EBF4;
	color: #242F65;
}
.general table.skin-e thead th b.hl {
	color: #000;
}
.general table.skin-e thead tr:first-child th:first-child {
	border-left: 1px solid #E7EBF4;
	font-weight: bold;
	font-size: 1.15em;
}
.general table.skin-e thead th {
	text-align: center;
}
.general .productDetail table.skin-e thead th[rowspan]:first-child {
	text-align: left;
}
.general table.skin-e tbody tr td {
	height: 24px;
	border-color: #E7EBF4;
	padding: 8px;
	color: #242F65;
	text-align: center;
}
.general table.skin-e tbody tr td.hl {
	color: #242F65;
	font-weight: bold;
}
.general table.skin-e tbody tr td.no-tarif {
	text-align: center;
	color: #aaa;
}
.general table.skin-e tbody tr td:first-child {
	font-weight: bold;
	text-align: left;
}

.paginator {
	text-align: center;
}
.paginator a, .paginator span {
	margin: 0 4px;
}
.paginator .button,
.paginator a.button {
	background: none;
	color: #093d77 !important;
	font-size: 14px;
	padding: 3px 5px;
}
.paginator .button:hover,
.paginator a.button:hover {
	background: #E7EBF4;
}
.paginator .button.prevButton {
	margin-right: 12px;
}
.paginator .button.nextButton {
	margin-left: 12px;
}

/* js okno výběru zákaznického účtu */
#SupplyPoints_dialog {
	display: none;
}

.accounts table {
	width: 100%;
}
.accounts td {
	padding: 5px;
	line-height: 1.4em;
}
.accounts th {
	text-align: left;
	padding: 5px;
}
#CustomerAccount_account ul.paginator-table li,
#SupplyPoints_dialog ul.paginator-table li,
#CustomerAccountTable_account ul.paginator-table li,
#selected-vkonts-container ul.paginator-table li,
#OverviewPooledAccountDialog ul.paginator-table li,
.priceOfferPaginator ul.paginator-table li {
	display: inline-block;
	padding: 5px;
}
.paginator-table li a {
	color: #242F65;
}
#selected-vkonts-container ul.paginator-table li.active,
.priceOfferPaginator ul.paginator-table li.active {
	font-weight: bold;
}

#CustomerAccount_account ul.paginator-table .prev,
#SupplyPoints_dialog ul.paginator-table .prev,
#CustomerAccountTable_account ul.paginator-table .prev,
#OverviewPooledAccountDialog ul.paginator-table .prev {
	width: 25px;
	height: 25px;
	padding: 0;
	background: url('../images/icons.png') -92px -156px no-repeat;
	display: block;
	border: 1px solid #00244B;
	border-radius: 2px;
}
#CustomerAccount_account ul.paginator-table .prev a,
#SupplyPoints_dialog ul.paginator-table .prev a,
#CustomerAccountTable_account ul.paginator-table .prev a {
	width: 25px;
	height: 25px;
	display: block;
}
#CustomerAccount_account ul.paginator-table .next,
#SupplyPoints_dialog ul.paginator-table .next,
#CustomerAccountTable_account ul.paginator-table .next,
#OverviewPooledAccountDialog ul.paginator-table .next {
	width: 25px;
	height: 25px;
	padding: 0;
	background: url('../images/icons.png') -109px -156px no-repeat;
	display: block;
	border: 1px solid #00244B;
	border-radius: 2px;
}

#OverviewPooledAccountDialog ul.paginator-table .prev,
#OverviewPooledAccountDialog ul.paginator-table .next {
	display: inline-block;
	position: relative;
	top: 7px;
}
#OverviewPooledAccountDialog ul.paginator-table .prev a,
#OverviewPooledAccountDialog ul.paginator-table .next a {
	width: 25px;
	height: 25px;
	display: inline-block;
}

#CustomerAccount_account ul.paginator-table li,
#SupplyPoints_dialog ul.paginator-table li,
#CustomerAccountTable_account ul.paginator-table li {
	width: 18px;
	height: 25px;
	display: block;
}
#CustomerAccount_account .accounts th,
#SupplyPoints_dialog .accounts th,
#CustomerAccountTable_account .accounts th,
.jsCustomerAccountPooledDetailWindow .accounts th,
.jsCustomerAccountSelectorWindow .accounts th,
.customerAccountDefaultWindow .accounts th{
	font-size: 0.8em;
	color: #71675B;
}
#CustomerAccount_account .accounts th,
#SupplyPoints_dialog .accounts th,
#CustomerAccountTable_account .accounts th{
	padding: 5px 0 10px 0;
}


/* PRE paginator table */
.prePaginator-container {
	float: right;
	margin: 7px 10px 7px 0;
}

.prePaginator-container .prePaginator-page,
.prePaginator-container .prePaginator-prev,
.prePaginator-container .prePaginator-next,
.prePaginator-container .prePaginator-ellipsis {
	display: inline-block;
	float: left;

	padding: 5px;
	margin: 0 5px;

	cursor: pointer;
	/*	font-weight: bold;*/
	color: #242F65;
}

.prePaginator-container .prePaginator-page,
.prePaginator-container .prePaginator-ellipsis {
	width: 18px;
	height: 25px;
	text-decoration: underline;
}
.prePaginator-container .prePaginator-page-active,
.prePaginator-container .prePaginator-ellipsis,
.prePaginator-container .prePaginator-page:hover {
	text-decoration: none;
}
.prePaginator-container .prePaginator-page-active,
.prePaginator-container .prePaginator-ellipsis {
	cursor: default;
}

.prePaginator-container .prePaginator-prev,
.prePaginator-container .prePaginator-next {
	width: 25px;
	height: 25px;
	border: 1px solid #00244B;
	border-radius: 2px;
}

.prePaginator-container .prePaginator-prev {
	background: url('../images/icons.png') -92px -156px no-repeat;
}
.prePaginator-container .prePaginator-next {
	background: url('../images/icons.png') -109px -156px no-repeat;
}
.prePaginator-container .prePaginator-page-active {
	font-weight: bold;
}
.jsPaginatorTable.no-visible ~ .dialog-foot {
	margin-top: 20px;
}


.custAccountTable {
	display: block;
	color: #fff;
	padding: 5px 5px 5px 5px;
	border: 1px solid #00244b;
	background-color: #05376e;
	background-image: -moz-linear-gradient(top, #093d77, #002f61);
	background-image: -ms-linear-gradient(top, #093d77, #002f61);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#093d77), to(#002f61));
	background-image: -webkit-linear-gradient(top, #093d77, #002f61);
	background-image: -o-linear-gradient(top, #093d77, #002f61);
	background-image: linear-gradient(top, #093d77, #002f61);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#093d77', endColorstr='#002f61', GradientType=0);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	margin-top: 25px;
}
.custAccountTable .button, .custAccountTable a.button.nextStepIcon, #selected-product .selected-product-div a.button.nextStepIcon {
	position: absolute;
	right: 0;
	top: -28px;
	margin: 4px !important;
	padding-top: 0.3em !important;
	padding-bottom: 0.1em !important;
	font-size: 90%;
	border-radius: 3px 3px 0 0;
	font-weight: bold;
}
.custAccountTable .button.nextStepIcon:after, #selected-product .selected-product-div a.button.nextStepIcon:after {
	right: 4px;
}
.custAccountTable .status {
	margin: 0;
}
.custAccountTable .ico {
	margin-top: 5px;
	float: left;
	background: url("../images/icons.png") no-repeat scroll -95px -99px rgba(0, 0, 0, 0);
}
.custAccountTable .account-info-table {
	max-width: 570px;
}
.custAccountTable .t-head .t-cell {
	padding: 0;
	margin: 0 !important;
	color: white !important;
	font-weight: bold;
}
.custAccountTable .t-cell {
	padding: 5px 0 0 0;
	margin: 0 !important;
	color: white !important;
	font-family: 'HelveticaNeueW02-47LtCn 694048','Arial CE',Arial,sans-serif !important;
	font-size: 110%;
	line-height: 20px;
}


.customer-account-table-open {
	margin-left: .25em;
}
.show-accounts-link {
	float: right;
	line-height: 25px !important;
}
#SupplyPoints_dialog .button {
	float: right;
}
.accounts th a {
	color: #71675B;
}

.ico-sort:after {
	content: "";
	display: inline-block;
	width: 11px;
	height: 14px;
	margin: 0 0 0 5px;
	background: url("../images/ico_sort.png") no-repeat scroll right 0 transparent;
}
.ico-sort.asc:after {
	background-position: 0 -14px;
}
.ico-sort.desc:after {
	background-position: 0 -28px;
}

#component-customeraccountgrouped {
	min-height: 0 !important;
}
p.account_grouped_label {
	margin: 2em 2em 0 2em;
}


.wx{width: auto;}
.w5{width: 5%;}
.w6{width: 6%;}
.w8{width: 8%;}
.w9{width: 9%;}
.w10{width: 10%;}
.w11{width: 11%;}
.w12{width: 12%;}
.w15{width: 15%;}
.w17{width: 17%;}
.w20{width: 20%;}
.w25{width: 25%;}
.w27{width: 27%;}
.w29{width: 29%;}
.w30{width: 30%;}
.w31{width: 31%;}
.w33{width: 33%;}
.w34{width: 34%;}
.w35{width: 35%;}
.w36{width: 36%;}
.w37{width: 37%;}
.w39{width: 39%;}
.w40{width: 40%;}
.w45{width: 45%;}
.w47{width: 47%;}
.w50{width: 50%;}
.w55{width: 55%;}
.w60{width: 60%;}
.w65{width: 65%;}
.w70{width: 70%;}
.w75{width: 75%;}
.w80{width: 80%;}
.w90{width: 90%;}
.w95{width: 95%;}
.w100{width: 100%;}
.w72{width: 72%;}
.w14{width: 14%;}
.w68{width: 68%;}
.w16{width: 16%;}

.w250px{width: 250px;}
.w270px {width:270px;}
.mh160 {min-height: 160px;}
.mh120 {min-height: 120px;}

.mh120 {min-height: 120px;}

.ml10 {
	margin-left: 10px;
}

.l28 {
	line-height: 28px;
}
.l38 {
	line-height: 38px;
}

.inner {
	padding: 20px;
}

/* levý obsah */

.in .prev {
	width: 25px;
	height: 25px;
	padding: 0;
	background: url('../images/icons.png') -92px -156px no-repeat;
	display: inline-block;
	border: 1px solid #00244B;
	border-radius: 2px;
	vertical-align: middle;
}
.in .prev a {
	width: 25px;
	height: 25px;
	display: block;
	margin-bottom: 0;
}
.in .next {
	width: 25px;
	height: 25px;
	padding: 0;
	background: url('../images/icons.png') -109px -156px no-repeat;
	display: inline-block;
	border: 1px solid #00244B;
	border-radius: 2px;
	vertical-align: middle;
}
.in .next a {
	width: 25px;
	height: 25px;
	display: block;
	margin-bottom: 0;
}

.in .box {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: white;
	margin-bottom: 20px;
	color: black;
}
.in .address-box {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: white;
	margin: 10px;
	color: black;
	line-height: 1.5em;
	width: 250px;
}
.in .box.glue-bottom {
	border-radius: 3px 3px 0 0;
	margin-bottom: 0;
}
.in .box.glue-top {
	border-radius: 0 0 3px 3px;
}
.in .box.glue-both {
	border-radius: 0;
	margin-bottom: 0;
}

.in .box.red {
	background-color: #ea6a6a;
	background-image: -moz-linear-gradient(top, #f07373, #e05c5c);
	background-image: -ms-linear-gradient(top, #f07373, #e05c5c);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f07373), to(#e05c5c));
	background-image: -webkit-linear-gradient(top, #f07373, #e05c5c);
	background-image: -o-linear-gradient(top, #f07373, #e05c5c);
	background-image: linear-gradient(top, #f07373, #e05c5c);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f07373', endColorstr='#e05c5c', GradientType=0);
	color: #fff;
}

.in .box.red h3 {
	color: white;
}
.in .box.result{
	margin-bottom: 0px;
}

.in .inner-box {
	padding: 30px 20px;
}
.in .inner-box.white {
	background-color: white;
}
.in .inner-box.inRow {
	padding: 0 20px;
}
.in .inner-box .perex {
	margin-top: -20px;
}
.in .inner-box-slim {
	padding: 15px 20px;
}
.in .outOf20 {
	margin: 0 -20px;
}
.inner-box.box.glue-top.general p:first-child {
	margin-top: 0px;
}
.inner-box.box.glue-top.general #promotionFormContainer p:first-child, .inner-box.box.glue-top.general .en-el-product p:first-child {
	margin-top: 0;
}
.inner-box.box.glue-top.general table p:first-child {
	margin-top: 0px;
}
.inner-box.box.glue-top.general p.contest:first-child {
	margin-top: 5px;
}
.half-box {
	width: 50%;
}
.in h2, .content-left a, .blue-text {
	color: #242F65;
}
.content-left a.button {
	color: white;
}
.content-left a.button.disabled {
	color: #555555;
}
.in .inner-box.noTopBottomPadding{
	padding: 0px 20px;
}

.content-left a.button.sdrfa, input.button.sdrfa {
	font-size: 14px;
	padding: 0.2em 1.5em;
}
.content-left a.button.prepoint, input.button.prepoint {
	font-size: 18px;
	padding: 0.5em 1.5em;
}
.content-left .prepointBoxLeft{
	padding: 15px 15px;
	height: 70px;

}
.menu-right .prepointBoxRight{
	padding:15px;
	position: relative;
	height: 70px;
	background-color: #E7EBF4;
}
.content-left .prepointBoxLeft h3{
	font-size: 1.9em;
	line-height: 1;
	margin-top: 7px;
	margin-left: 10px;
}
.menu-right .prepointBoxRight h4{
	font-size: 1.71em;
	line-height: 1px;
	margin: 8px 0 0 0;
}
.menu-right .prepointBoxRight .arrow{
	top:24px;
	border-right-color: #E7EBF4;
}

.in h3,
#CustomerAccount_account h3,
#SupplyPoints_dialog h3,
.ui-dialog h3,
#CustomerAccountTable_account h3,
.summary h3 {
	margin-bottom: 15px;
	color: #242F65;
	font-size: 1.9em;
	line-height: 1;
}
#CustomerAccountTable_account h3 {
	font-size: 1.7em;
}
.summary h2 {
	font-size: 2em;
	margin: 1em 0 0.5em 0;
}
.summary h2:first-child {
	margin-top: 0;
}
.summary h2 small {
	font-size: 0.7em;
}
.summary h3 {
	font-size: 1.5em;
}
.summary h5 {
	font-size: 1.1em;
	/*font-weight: bold;*/
	color: #242f65;
	margin-bottom: 15px;
}
.summary p {
	clear: both;
}
h2.summary-title {
	font-size: 2.7em;
}
/* sl03 rekapitulace */
.summary .nextInfo {
	border-bottom: 1px solid #D5D4E2;
	cursor: pointer;
	margin: -25px -20px 20px;
	padding: 15px 20px;
	position: relative;
}
.summary .nextInfo:after {
	display: block;
	content: "";
	height: 16px;
	position: absolute;
	width: 16px;
	right: 15px;
	top: 50%;
	margin-top: -8px;
	background: url("../images/icons.png") no-repeat scroll -114px -160px rgba(0, 0, 0, 0);
}
.summary .nextInfo.opened:after {
	background-position: -49px -160px;
}
.summary .nextInfo.opened {
	border-bottom: 0;
}
.summary .nextInfoContent {
	margin: 0 -20px 20px -20px;
	padding: 0 20px;
	border-bottom: 1px solid #D5D4E2;
}

.in h3 .change-link {
	vertical-align: middle;
}
.in h3 .change-link a {
	color: #242F65;
	font-size: 0.6em;
	line-height: 1;
}
.change-link-new {
	margin-left: 10px;

}

.change-link-new a{
	color: #242F65;
	font-size: 0.6em;
	line-height: 1;
}
.in h3.bottom-line, .in h4.bottom-line {
	padding: 10px 0 5px 0;
	border-bottom: 1px solid #D5D4E2;
	margin-bottom: 25px;
}
.in h4.bottom-line {
	padding: 10px 0;
}
.bottom-line {
	border-bottom: 1px solid #D5D4E2;
}

.inline-list li {
	float: left;
	margin-right: 8px;
}

.in h3.nomargin	{
	margin-bottom:	0 !important;
}
.errorIE {
	border: 1px solid #9a2f2f !important;
	color: #9a2f2f;
	background-color: #ffe8e8;
}

.wantInfo {
	background-color: #b9d2f2;
	border: 1px solid #397fdb !important;
	color: #397fdb;
}
.error, .likeError {
	border: 1px solid #9a2f2f !important;
	color: #9a2f2f;
	background-color: #ffe8e8;
}

.error-static {
	border: 1px solid #9a2f2f !important;
	color: #9a2f2f;
	background-color: #ffe8e8;
}

/*SL-07 rekapitulace */

.ptitle {
	line-height: 23px;
	margin-left: 10px;
}

.descsl07 {
	padding-left:	40px;
	padding-top: 5px;
	line-height: 17px;
}


/* top menu*/
#top-menu ul {
	position: relative; /* NE-musí být relative - cmnt fix prekryvu v uykem designu */
}
#top-menu li {
	display: inline-block;
	width: 20%;
	background-color: #E7EBF4;
	float: left;
}
#top-menu li:first-of-type {
	border-radius: 3px 0 0 0;
}
#top-menu li:last-of-type {
	border-radius: 0 3px 0 0;
}
#top-menu li.w25 {
	width: 25%;
}
#top-menu li.w50 {
	width: 50%;
}
#top-menu li a {
	width: 100%;
	line-height: 10px;
	display: block;
	text-decoration: none;
	padding: 10px 0 20px 0;
	margin: 0;
	text-align: center;
	color: #242F65;
}
#top-menu li:hover {
	background-color: #d2d8e4;
}
#top-menu li.active, #top-menu li.active:hover {
	background-color: white;
}
#top-menu .body {
	padding: 20px;
}
#top-menu h2 {
	margin-top: 20px;
	font-size: 3.2em;
}
#top-menu ul a span {
	display: block;
}
#top-menu ul a span.ico{
	display: inline-block;
	float: none;
	padding: 0;
	width: 45px;
	height: 45px;
	background-image: url('../images/icons.png');
}
#top-menu ul a span.ico.overview {
	background-position: -90px 0;
}
#top-menu ul a span.ico.invoices {
	background-position: -135px 0;
}
#top-menu ul a span.ico.billing-place {
	background-position: 0 0;
}
#top-menu ul a span.ico.messages {
	background-position: 0 -45px;
}
#top-menu ul a span.ico.messages.incom {
	background-position: -180px 0;
	font-weight: bold;
	color: white;
	padding: 9px 0 0 19px;
}
#top-menu ul a span.ico.messages.incom.small {
	font-weight: normal;
	font-size: 0.8em;
}
#top-menu ul a span.ico.measure {
	background-position: -45px 0;
}
#top-menu #overflow-item {
	bottom: -40px;
	position: absolute;
	right: 7px;
	text-align: center;
}



/* přehled účtu */
#actual-account-status {
	display: inline-block;
	cursor: default;
}
#actual-account-status.posrel	{
	position: relative;
}
.in .actual-state {
	margin-left: 15px;
}

.in .account-status {
	font-size: 1.9em;
	margin-right: 10px;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	font-weight: bold;
	margin-bottom: 5px;
	white-space: nowrap;
	margin-top: -4px;
}

.in .account-status.sdrfa {
	margin-left: 90px;
	font-size: 1.7em;
}

.in .account-status.nosdrfa {
	margin-left: 170px;
	font-size: 1.7em;
}

.in .account-status.small {
	font-size: 1.4em;
}

/*.in .account-status.middle {
	font-size: 1.7em;
}*/

.content-left .product-description {
	margin-left: 40px;
}

.content-left .product-type {
	font-size: 1.6em;
	color: #333333;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	font-weight: bold;
	line-height: 25px;
	margin: 4px 0 3px 0;
	width: 275px;
}
.content-left .prepay-table {
	border-collapse: collapse;
}
.content-left .prepay-table tr:first-of-type td {
	padding-top: 0;
}
.content-left .prepay-table td {
	padding: 20px 0;
	border-bottom: 1px solid #D5D4E2;
}
.content-left .prepay-table tr:last-of-type td {
	border-bottom: 0;
	margin-bottom: 20px;
}
.content-left .prepay-table .tinytext {
	padding-left: 4px;
}

.content-left .row30 {
	line-height: 30px;
	padding-left: 10px;
}
.content-left .invoice-overview a {
	font-size: 1.2em;
}
.content-left .invoice-overview p {
	margin-top: 5px;
	margin-bottom: 20px;
}
.last-invoice-buttons a {
	width: 300px;
	text-align: center;
}
.last-invoice-buttons {
	margin: 0;
}
.actualproduct {
	position: absolute;
	top: 42px;
	left:	250px;
}
.actualproduct-ico {
	position: absolute;
	top: 0px;
	left:	-36px;
}
.margin-top15	{
	margin-top: 15px;
}

.in h3.actualproduct-h3	{
	margin-top: 15px;
	margin-bottom: 40px;
	float: left;
}

.content-left .actualproduct-type {
	font-size: 1.6em;
	color: #333333;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	font-weight: bold;
	line-height: 25px;
	margin: 4px 0 3px 0;
}

.header-holder {
	padding: 0px 25px 13px;
	font-size: small;
	line-height: 17px;
}

.header-holder .green-label{
	margin-top: 5px;
}

@media screen and (max-width: 660px)	{
	.in .account-status.nosdrfa {
		margin-left: 30px;
		font-size: 1.7em;
	}
	.in .account-status.sdrfa {
		margin-left: 0px;
		font-size: 1.7em;
	}
}
@media screen and (max-width: 560px)	{
	.content-left a.button.sdrfa {
		font-size: 14px;
		padding: 0.2em 1.5em;
		position: absolute;
		top: 85px;
		left: 20px;
	}
}

/* Three columns */
.col3 {
	display: inline-block;
	float: left;
	width: 32%;
	padding-right: 3%;
	height: 1%;
	min-height: 200px;
}
.col3 + .col3 {
	padding-left: 3%;
}
*:not(.col3) + .col3 + .col3, .col3:first-child + .col3 {
	width: 36%;
}
*:not(.col3) + .col3 + .col3 + .col3, .col3:first-child + .col3 + .col3 {
	padding-right: 0;
}
*:not(.col3) + .col3 + .col3 + .col3:after, .col3:first-child + .col3 + .col3 + *:before {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	margin-bottom: 32px;
}
/* Three columns new - mosaic */
.mosaic .col3 {
	min-height: 120px;
	text-align: center;
}
.general .mosaic h4 {
	padding-top: 70px;
	position: relative;
}
.mosaic h4 a:before {
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 30px;
	top: 0px;
	left: 50%;
	margin-left: -30px;
	background-color: #E7EBF4;
	content: "";
	position: absolute;
}
.mosaic h4:after {
	pointer-events: none;
	display: block;
	width: 45px;
	height: 45px;
	top: 8px;
	left: 50%;
	margin-left: -22px;
	background: url("../images/icons.png") no-repeat scroll -180px -90px rgba(0, 0, 0, 0);
	content: "";
	position: absolute;
}
.mosaic h4.customerLine:after {
	background-position: -316px -180px;
}
.mosaic h4.contactUs:after {
	background-position: -270px -360px;
}
.mosaic h4.customerCentre:after {
	background-position: -45px -180px;
}
.mosaic h4.emergencyLine:after {
	background-position: -405px -180px;
}
.mosaic h4.officeAddress:after {
	background-position: -270px -180px;
}
.mosaic h4.email:after {
	background-position: -360px -180px;
}
.mosaic h4.online:after {
	background-position: -360px -225px;
}
.mosaic h4.serviceCentre:after {
	background-position: -315px -225px;
}
.mosaic h4.pohledavkyPripominky:after {
	background-position: -270px -225px;
}
.mosaic h4.bankConnection:after	{
	background-position: -315px	-360px;
}

/*Two columns for contacts*/
.col6 {
	display: inline-block;
	float: left;
	width: 50%;
	padding-right: 3%;
	height: 1%;
	min-height: 150px;
}
.contactAdressClearfix {
	position: relative;
	padding-left: 13%;
}

.contactAdress .contactAdressClearfix:before {
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 30px;
	top: 15px;
	left: 42px;
	margin-left: -30px;
	background-color: #E7EBF4;
	content: "";
	position: absolute;
}
.contactAdress .contactAdressClearfix div:after {
	pointer-events: none;
	display: block;
	width: 45px;
	height: 45px;
	top: 22px;
	left: 42px;
	margin-left: -22px;
	background: url("../images/icons.png") no-repeat scroll -180px -90px rgba(0, 0, 0, 0);
	content: "";
	position: absolute;
}

.contactAdress .contactAdressClearfix div.email:after {
	background-position: -360px -180px;
}
.contactAdress .contactAdressClearfix div.officeAdress:after {
	background-position: -270px -180px;
}

ul.button-tab {
	display: block;
	float: left;
}
ul.button-tab li {
	float: left;
	padding: 0;
	margin: 0;
	border-right: 1px solid #D5D4E2;
	border-top: 1px solid #D5D4E2;
}
ul.button-tab li:first-of-type {
	border-radius: 5px 0 0 0;
}
ul.button-tab li:last-of-type {
	border-top-right-radius: 5px;
}

ul.button-tab li a{
	display: block;
	padding: 20px;
	margin: 0;
	color: #242F65;
	line-height: 10px;
	text-align: center;
}
ul.button-tab li a:hover{
	background: #d2d8e4;
}
ul.button-tab li.active,
ul.button-tab li.active a:hover {
	background: white;
}
ul.button-tab li.active a{
	text-decoration: none;
}


.tab {
	padding: 10px;
	background-color: white;
}
.tab table {
	border-collapse: collapse;
}
.tab .header {
	position: relative;
}
.tab .header li {
	display: inline-block;
	float: left;
	padding-left: 10px;
}


ul.button-tab.backgrounded {
	display: block;
	width: 100%;
	min-height: 32px;
	float: none;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e7ebf4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7ebf4));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e7ebf4 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#e7ebf4 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#e7ebf4 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e7ebf4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7ebf4',GradientType=0 );
}
ul.button-tab.backgrounded li {
	background: #e7ebf4;
	margin: 0;
}
ul.button-tab.backgrounded li.active {
	background: #fff;
}
ul.button-tab.backgrounded:after {
	content: '';
	display: block;
	clear: both;
}

/* změna dodavatele - SL01 */

.box.button-tab {
	border-top-left-radius: 0;
}


/* tabulka malá z odstavců */
.p-table {
	color: #555555;
	padding: 10px 0 0 0;
}
.p-table p {
	margin-bottom: 8px;
}
.p-table p > span {
	float: right;
	font-style: italic;
	color: black;
	margin-bottom: 8px;
	text-align: right;
}
.p-table p:last-child, .p-table p:last-child > span {
	margin: 0;
}
.p-table .pull-left {
	padding-right: 4%;
	border-right: 1px solid #D5D4E2;
}
.p-table .pull-right {
	padding-left: 4%;
}
.p-table .head, .p-table .head span {
	font-weight: bold;
	font-style: normal;
	color: #71675B;
}
.p-table .pull-left.noline{
	border-right: none;
}
.p-table .pull-right.leftline{
	border-left: 1px solid #D5D4E2;
}
/* amm table */
.p-table.amm h4 {
	margin: 0 0 20px 0;
}
.p-table.ammf .pull-left {
	padding-right: 25px;
}
.p-table.ammf .pull-right {
	padding-left: 25px;
}

.product-header {
	background-color: #FFFFFF;
	border-radius: 5px;
	margin: 10px 0;
	padding: 8px 15px;
	position: relative;
}
.product-header h3 {
	margin: 0;
	line-height: 30px;
}
.product-header .remove-product {
	margin-top: -11px;
	right: 10px;
	top: 50%;
	position: absolute;
}
.product-header .desc {
	padding-left: 40px;
	font-size: 0.6em;
	line-height: 0.9em;
	color: #71675B;
}
.product-header .index {
	float: right;
	font-size: 0.6em;
	line-height: 1.1em;
	margin-left: 4px;
}
.product-header .address {
	color: #71675B;
	float: right;
	font-size: 0.9em;
	line-height: 15px;
	margin-right: 30px;
	margin-top: 6px;
	width: 270px;
}
.product-header .address strong {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 20px;
}

#selected-product .selected-product-div {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #232f63;
	color: #fff;
	padding: 7px 13px;
	font-size: 15px;
	border: 1px solid #00244b;
	background-color: #05376e;
	background-image: -moz-linear-gradient(top, #093d77, #002f61);
	background-image: -ms-linear-gradient(top, #093d77, #002f61);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#093d77), to(#002f61));
	background-image: -webkit-linear-gradient(top, #093d77, #002f61);
	background-image: -o-linear-gradient(top, #093d77, #002f61);
	background-image: linear-gradient(top, #093d77, #002f61);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#093d77', endColorstr='#002f61', GradientType=0);
	display: block;
	min-height: 43px;
	position: relative;
}
#selected-product .selected-product-div.hide {
	display: none;
}
#selected-product .selected-product-div .selected-product-description {
	font-size: 12px;
}
#selected-product .selected-product-div > div {
	line-height: normal;
}


.open-menu-button {
	z-index: 500;
	border: 1px solid #00244B;
	position: absolute;
	padding: 10px;
	border-radius: 3px;
	background-color: white;
	margin-top: 27px;
	-webkit-box-shadow: 5px 5px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    5px 5px 0px rgba(50, 50, 50, 0.3);
	box-shadow:         5px 5px 0px rgba(50, 50, 50, 0.3);
}
.open-menu-box{
	display: none;
	float: left;
	position: absolute;
	border-radius: 3px;
	-webkit-box-shadow: 7px 7px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    7px 7px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         7px 7px 0px rgba(50, 50, 50, 0.5);
	background: white;
	padding: 10px;
}
.open-menu-box-2 {
	border: 1px solid #b2bdd3;
	border-top: 0;
	background-color: #E7EBF4;
	padding: 10px;

}

input[type="text"], input[type="password"], select, input[type="file"] {
	padding: 0.75em;
	border: 1px solid #9CAAC4;
	font-size: 1em;
	width: 250px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0;
}
input[type="file"]:not(.error) {
	background-color: white;
}
input[type="text"].small, select.small, .table.small input[type="text"] {
	padding: 0.30em 0.75em;

}
input[type="text"].short {
	width: 100px;
}
input[type="text"].datelen {
	width: 120px;
}

input[type="text"].kwlen {
	width: 160px;
}

input[type="text"].full {
	width: 100%;
}
input[type="text"].housenums {
	width: 83px;
}


table {
	width: 100%;
}
table td {
	padding: 10px;
}
table td.table-item {
	border-bottom: 1px solid #ccc;
}
table td.table-item.text-content {
	padding-top: 0;
}
.content-left .input-bottom {
	margin: 15px;
}

.customerAccountGrouped .t-row {
	padding-bottom: 0;
}
.customerAccountGrouped .t-row a {
	color: #242F65;
}
.customerAccountGrouped .t-row a span {
	margin-left: 5px;
	margin-top: 5px;
}
.customerAccountGrouped ul,
.customerAccountUnGrouped ul,
#CustomerAccount_account ul,
#SupplyPoints_dialog ul,
#CustomerAccountTable_account ul {
	float: right;
}
.customerAccountGrouped li,
.customerAccountUnGrouped li,
#CustomerAccount_account li,
#SupplyPoints_dialog li,
#CustomerAccountTable_account li {
	display: inline-block;
	float: left;
	margin: 10px 5px 0 5px;
	font-weight: bold;
	color: #242F65;
}
.customerAccountGrouped li a,
.customerAccountUnGrouped li a,
#CustomerAccount_account li a,
#SupplyPoints_dialog li a,
#CustomerAccountTable_account li a {
	font-weight: normal;
	color: #242F65;
}
.customerAccountGrouped .foot,
.customerAccountUnGrouped .foot,
#CustomerAccount_account .foot,
#SupplyPoints_dialog .foot,
#CustomerAccountTable_account .foot {
	border-top: 1px solid #b2bdd3;
}




/* COMBOBOX */

div.combo_button {
	background: url("../images/icons.png") no-repeat scroll -43px -156px transparent;
	cursor: pointer;
	float: left;
	height: 25px;
	margin: 10px 0 0 -30px;
	width: 25px;
	outline: 0;
}
div.combo_button.small {
	margin-top: 2px;
}
input.select {
	padding-right: 30px;
}
input.select[readonly] {
	cursor: pointer;
	background-color: white;
	color: black;
}
input.select[readonly].error {
	color: #9a2f2f;
	background-color: #ffe8e8;
}

.ui-autocomplete.ui-menu {
	border: 1px solid #9CAAC4;
	border-radius: 3px;
	padding: 0;
	box-sizing: content-box;
}
.ui-autocomplete.ui-menu .ui-menu-item a {
	display: block;
	padding: 4px 10px;
}
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-focus {
	border: 0;
	color: black;
	background: none;
	background-color: #edf2fa;
	margin: 0;
}



/* HDO */

.hdo-bar > span {
	height: 29px;
	margin: 0;
	padding: 0;
	display: inline-block;
	border: 0;
	position: absolute;
	top: 20px;
	right: 0;
	z-index: 99;
}
.hdo-bar > span.span-overflow {
	z-index: 101;
}
.hdont {
	background: #242f65;
}
.hdovt {
	background: #9babc5;
}
.hdo-bar {
	margin-bottom: 10px;
	margin-top: 20px;
	height: 80px;
	clear: both;
	position: relative;
	z-index: 100;
}
.hdo-bar > span {
	border-radius: 0 3px 3px 0;
}
.hdo-bar > span:first-of-type {
	border-radius: 3px;
}
.hdo-bar > span.span-actualTime {
	border-left: 2px solid red;
	z-index: 100;
	height: 39px;
	top: 15px;
}
.overflow-bar {
	width: 650px;
	height: 55px;
	background: url('../images/hdo_bar.png') 0 0 no-repeat;
	position: absolute;
	left: 0;
	top: 20px;
	z-index: 101;
}



/* zprávy */

.table-message .t-cell {
	line-height: 30px;
	color: #333333;
}
.message-body {
	background-color: #E7EBF4;
	border-radius: 3px;
	width: 100%;
}
.messages-header a {
	margin: 0;
}
.messages-header li {
	display: inline-block;
}
.message-link {
	border-bottom: 1px solid #D5D4E2;
	padding: 5px 0 5px 0;
}
.message-link:first-child {
	border-top: 1px solid #D5D4E2;
}
.message-link:hover {
	background-color: #f9fafe;
	color: black;
}
.message-link:hover .t-cell {
	color: black !important;
}
.message-link.new {
	font-weight: bold;
}
.message-tab-results .t-cell {
	color: #333333;
}
.messages-unreaded-count {
	display: block;
	width: 22px;
	height: 22px;
	background: url('../images/icons.png') -158px -135px no-repeat;
	float: right;
	margin-left: 8px;
	margin-top: -6px;
	padding-top: 7px;
	font-size: 0.8em;
	font-weight: normal;
	color: white;
}
.tab .head {
	color: #71675B;
	border-bottom: 1px solid #D5D4E2;
}
#component-messages-navbar .button-tab a {
	height: 50px;
}
#component-messages-navbar .button-tab a > div {
	display: inline-block;
	float: left;
}


.message-status {
	display: block;
	float: right;
	width: 15px;
	height: 8px;
	background-color: black;
	border-radius: 5px;
	border: 0;
	margin-top: 5px;
}
/* TRASH - Koncept */
/*.message-status.color_1 { background-color: #; }*/
/* SENT - Odeslano */
.message-status.color_2 { background-color: #3399FF; }
/* WORKING - Ve zpracovani */
.message-status.color_3 { background-color: #66CC00; }
/* ACCEPTED - Akceptovano */
.message-status.color_4 { background-color: #006600; }
/* DECLINED - Odmitnuto */
.message-status.color_5 { background-color: #FF0000; }
/* CANCELED - Zrušeno zákazníkem */
.message-status.color_6 { background-color: #FF0000; }
/* SUSPENDED - Pozastaveno */
.message-status.color_7 { background-color: #CC6600; }


table.documents {
	border-collapse: collapse;
}
table.documents td {
	height: 24px;
	border-top: 1px solid #D5D4E2;
	padding: 8px;
}
table.documents tr:first-of-type td {
	border-top: 0;
}


/* zálohy a faktury tabulka danove doklady*/

#component-invoices #component-invoice-navbar {
	background-color: #E7EBF4;
	width: 100%;
}
#component-invoices #component-invoice-navbar.button-tab {
	padding: 0;
	border-radius: 3px 3px 0 0;
}
#component-invoices #component-invoice-navbar.button-tab li:first-of-type a, .button-tab li:first-of-type a {
	border-radius: 3px 0 0 0;
}
#component-invoices .table-full td:nth-of-type(2), #component-invoices .table-full td:nth-of-type(3), #component-invoices .table-full td:nth-of-type(4), #component-invoices .table-full td:nth-of-type(5)   {
	text-align: right;
}
#component-invoices .table-full td:nth-of-type(2) span  {
	float: right;
	line-height: 1;
}
#taxdocs-tab .table-full tbody td{
	text-align: right;
}

#taxdocs-tab .ico{
	display: inline-block;
	float: none;
	width: 29px;
}

#taxdocs-tab .table-full td:nth-of-type(5) {
	text-align: center;
}

/*#taxdocs-tab .table-full th{
	text-align: right;
}*/

#prepays-tab .table-full td:nth-of-type(4),
#invoice-tab .table-full td:nth-of-type(5){
	text-align: center;
}
#component-invoices #discountlist-tab .table-full td{
	text-align: left;
}
#component-invoices #discountlist-tab th{
	padding: 0 10px;
}
#prepays-tab .table-full td:nth-of-type(4) span,
#invoice-tab .table-full td:nth-of-type(5) span,
#discountlist-tab .table-full td:nth-of-type(5) span
{
	display: inline-block;
	margin-right: 0px;
	float: none;

}

#payments-tab p,
#payments-tab h3 {
	padding: 10px 10px 0;
	margin: 0;
}
#payments-tab p:first-child {
	padding-top: 10px;
}
#payments-tab p:last-child {
	padding-bottom: 10px;
}

#payments-tab ul {
	padding: 0 20px;
}

#component-invoices th {
	font-weight: bold;
	font-size: 0.8em;
	padding: 0 5px;
}

#component-invoices th a {
	color: #555555;
}
#component-invoices #discountlist-tab{
	text-align: left;
}

#invoice-active-filters, #prepays-active-filters {
	position: absolute;
	right: 40px;
	top: 5px;
}
#invoice-active-filters div, #prepays-active-filters div {
	display: inline-block;
}
#invoice-active-filters div.hide, #prepays-active-filters div.hide {
	display: none;
}
#invoice-active-filters > div, #prepays-active-filters > div {
	text-align: right;
	display: block;
	line-height: 16px;
	font-size: 0.9em;
	color: #242F65;
	font-weight: bold;
}
.filter-item-cancel {
	cursor: pointer;
	width: 13px;
	height: 15px;
	display: inline-block;
	background: url("../images/icons.png") no-repeat scroll -25px -159px;
	margin-bottom: -2px;
}


/* loading animace přes celou obrazovku*/

#loading-overlay {
	position: fixed;
	z-index: 100000;
	opacity: 0.8;
	background-color: white;
	width: 100%;
	height: 100%;
	display: none;
}
#loading-overlay img {
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -16px;
	margin-top: -16px;
}
.loading-overlay {
	position: absolute;
	z-index: 100000;
	opacity: 0.7;
	background-color: white;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: block;
	border-radius: 3px;
}
.loading-overlay img {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -16px;
	margin-top: -16px;
}

.input-loading {
	display: inline-block;
	background: url("../images/loading_small.gif") no-repeat scroll 0 0 transparent;
	width: 16px;
	height: 16px;
	position: absolute;
	margin: 11px -25px;
}
.small .input-loading {
	margin-top: 6px;
}



/* tabulka běžná */

.table-full {
	border-collapse: collapse;
}
.table-full td {
	min-height: 32px;
	border-top: 1px solid #D5D4E2;
}
.table-full th {
	color: #555555;
	height: 32px;
	font-weight: bold;
	font-size: 0.9em;
}
.table-full tbody tr:nth-of-type(2n+1) {
	background-color: #f9fafe;
}
.table-full tbody tr:hover {
	background-color: #E7EBF4;
}
.table-full tbody tr:last-child td {
	border-bottom: 1px solid #D5D4E2;
}
.table-full.center td {
	text-align: center;
}
.table-full td.right {
	text-align: right;
}
.table-full tbody tr.added {
	background-color: #cfc;
}
.table-full tbody tr.added:nth-of-type(2n+1) {
	background-color: #efe;
}



/* tabulka výpis souborů */

.table-files th {
	padding: 10px;
	text-align: right;
}
.table-files td {
	padding: 5px 10px;
	text-align: right;
}
.table-files td:nth-of-type(2),
.table-files th:nth-of-type(2),
.table-files td:nth-of-type(3),
.table-files th:nth-of-type(3) {
	text-align: left;
}

.border-right {
	border-right: 1px solid #D5D4E2;
}
.border-left {
	border-left: 1px solid #D5D4E2;
}
.border-bottom {
	border-bottom: 1px solid #D5D4E2;
}
table.summary {
	margin-bottom: 16px;
}
table.summary td {
	width: 50%;
	padding: 4px 8px;
}
table.summary tr td:last-child {
	font-style: italic;
	padding: 4px 0px;
}
table.summary2 td, table.summary2 th {
	text-align: left;
}



/* podrobnosti a pokyny k platbě dialog */

#payment-info .sl-description {
	margin: 0 0 20px;
}

#payment-info ul {
	list-style: none outside none;
}
#payment-info li {
	padding: 0.5em 0 0.5em 2em;
	position: relative;
	color: #777777;
}
#payment-info li:after {
	background: none repeat scroll 0 0 #C14646;
	border-radius: 3px 3px 3px 3px;
	content: "";
	display: block;
	height: 5px;
	left: 0;
	margin-top: -3px;
	position: absolute;
	/*top: 50%;*/
	top: 14px;
	width: 10px;
}
#payment-info p, #payment-info ul {
	margin: 25px 25px 25px 80px;
	padding: 0;
	position: relative;
}
#payment-info dd p, #payment-info dd ul {
	margin: 5px 25px;
}
#payment-info dd p.payAfterPayFormBtn {
	margin-top: 20px;
}
#payment-info dl.overviewExpandable > dd {
	padding: 20px !important;
}
#payment-info dd {
	background: none repeat scroll 0 0 #fff;
}
#payment-info img {
	display: block;
	margin: 30px auto;
}
#payment-info img.qr {
	margin: 1px auto;
	position: relative;
	top: 30px;
}
#payment-info h3 img {
	display: inline;
	margin: 0 0 0 10px;
	position: relative;
	top: 12px;
}
#payment-info input.button-card {
	background: rgba(0, 0, 0, 0) url("../images/icons.png") no-repeat scroll -268px -317px;
	border: 0 none;
	height: 40px;
	margin: 0;
	width: 50px;
}
#payment-info input.button-qr {
	background: rgba(0, 0, 0, 0) url("../images/icons.png") no-repeat scroll -313px -317px;
	border: 0 none;
	height: 40px;
	margin: 0;
	width: 50px;
	margin: 0 0 0 15px;
}
#payment-info .rbtn input.button {
	margin: 0;
}
#sumAfterPay {
	width: 169px;
}
/*#payment-info td input, #payment-info th input {
	display: inline;
	margin: 0;
}
#payment-info input.hide {
	display: none;
}*/

.blue.payment{
	margin: 5px -20px -30px -20px;
	padding: 16px 16px 16px 44px;
	border-radius: 0 0 3px 3px;
}

#payment-info .big-text {
	font-size: 110%;
	font-weight: bold;
}
#payment-info .point {
	display: block;
	position: absolute;
	left: -60px;
	top: -5px;
	background: none repeat scroll 0 0 #DF5A5A;
	border-radius: 50% 50% 50% 50%;
	color: #FFFFFF;
	height: 34px;
	line-height: 2.2em;
	text-align: center;
	width: 34px;
}
#payment-info .point.second {
	top: -10px;
}
#payment-info .fl {
	float: left;
}
#payment-info .fr {
	float: right;
}
#payment-info h3 {
	margin: 0 25px 15px;
	font-size: 1.7em;
}
#payment-info h3 span {
	position: relative;
	top: -5px;
}
#payment-info h3 span.qr-info-blue {
	top: -12px;
}
#payment-info h3.margin-top20 {
	margin-top: 20px;
}
#payment-info dd p.ac {
	margin-top: 35px;
}

#payment-info dd p.lbtn {
	margin: 15px 10px 5px 25px;
}

#payment-info dd p.rbtn {
	margin: 15px 25px 5px 10px;
}

#payment-info dd p.totprice,
#payment-info dd p.totpriceqr {
	background-color: #ccc;
	height: 42px;
	margin: 0;
	margin-top: 15px;
	font-size: 16px;
	padding-top: 10px;
	width: 406px;
}

#payment-info dd p.totpriceqr {
	width: 100%;
	margin: 0;
}

#payment-info table td,
#payment-info table th {
	padding: 10px;
}

#payment-info table td:first-child,
#payment-info table th:first-child {
	padding-left: 25px;
}
#payment-info table td:last-child,
#payment-info table th:last-child {
	padding-right: 25px;
}
#payment-info table td .red-label {
	position: relative;
	left: 22px;
}
#payment-info table td .orange-label {
	position: relative;
	left: 32px;
}

#payments-tab .history {
	font-size: 12px;
}

#payAfterPayFormRec {
	margin-top: 30px;
}
.contact-form-radio {
	padding: 2px 15px 2px 0 ;
}
#component-voForm > div {
	margin: 0;
}

#jsNewsList {
	margin-top: 0;
}

.red-text {
	color: red;
	float: left;
	line-height: 30px;
}
.green-text {
	color: green;
	float: left;
	line-height: 30px;
}
.green-text-normal {
	color: green;
	line-height: 30px;
}
.green-label {
	display: block;
	width: 20px;
	height: 21px;
	background: url('../images/icons.png') -136px -159px no-repeat;
	float: left;
	margin-right: 10px;
}
.red-label {
	display: block;
	width: 20px;
	height: 21px;
	background: url('../images/icons.png') -159px -159px no-repeat;
	float: left;
	margin-right: 10px;
}
.orange-label {
	display: block;
	width: 20px;
	height: 21px;
	background: url('../images/icons.png') -180px -315px no-repeat;
	float: left;
	margin-right: 10px;
}
.gray-label {
	display: block;
	width: 20px;
	height: 21px;
	background: url('../images/icons.png') -226px -316px no-repeat;
	float: left;
	margin-right: 10px;
}

#invoices-data .ico.pdf {
	width: 30px;
}
hr {
	border-bottom: 1px solid #D5D4E2;
	width: 100%;
	clear: both;
	margin: 20px 0;
}

hr.menu-dotted-file {
	border:none;
	border-top:1px dotted #000;
	color:#fff;
	background-color:#fff;
	height:1px;
	margin: -1px 0px 10px 0px;
}
.ui-autocomplete {
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 1000 !important;
}
.ui-dialog .dialog-body {
	min-height: 100px;
	padding: 2em;
}
.ui-dialog h4 {
	margin-bottom: 15px;
	color: #242F65;
	font-size: 1.4em;
	line-height: 1;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
}



/* pásovec */

.accordion-header {
	border-top: 1px solid #9CAAC4;
	padding: 20px;
	margin: 0 -20px;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 140%;
	color: #333333;
	position: relative;
}
.accordion-header:first-child {
	border-top: 0;
	padding-top: 0;
}
.accordion-header.finished .finished-ico {
	width: 24px;
	height: 24px;
	position: absolute;
	right: 18px;
	top: 19px;
	background: url("../images/icons.png") no-repeat scroll -134px -157px transparent;
}
.accordion-header:first-child.finished .finished-ico {
	top: 0;
}
.accordion-body {
	padding: 0 0 30px 0;
}
.map-content {
	padding: 10px;
	width: 200px;
}

/* přílohy grafika */
.file-row {
	margin-top: 5px;
	position: relative;
}
.file-row:first-of-type {
	margin-top: 0px;
}
.remove.file {
	margin-top: -10px;
	position: absolute;
	top: 50%;
	right: -40px;
}
.attch-cf .remove.file{
	right: -30px;
}

.vertical-holder {
	display: table-cell;
	height: 45px;
	line-height: 15px;
	vertical-align: middle;
}
.delete.file{

}
.attachment_roxw .t-cell:first-of-type {
	line-height: 20px !important;
}
.attachment_row .vertical-holder {
	position: relative;
}
.attachment_row .vertical-holder:nth-child(2) {
	padding-left: 10px;
}
.attachment_row .ico.file:not(.noStatus):after {
	background: url("../images/icons.png") no-repeat scroll -179px -338px rgba(0, 0, 0, 0);
	bottom: -2px;
	content: "";
	display: block;
	height: 21px;
	position: absolute;
	right: -2px;
	width: 21px;
}
.attachment_row .ico.file.ok:after {
	background-position: -136px -159px;
}
.attachment_row a {
	margin-bottom: 0;
}

/* drobeckova navigace */

.breadCrumbs, .firmy .eco .breadCrumbs {
	color: #dddddd;
	font-family: 'HelveticaNeueW02-47LtCn 694048','Arial CE',Arial,sans-serif;
	font-size: 1.14em;
	position: relative;
}
.breadCrumbs .separator {
	font-family: 'HelveticaNeueW02-47LtCn 694048','Arial CE',Arial,sans-serif;
	font-size: 1.5em;
	line-height: 10px;
}
.breadCrumbs a, .firmy .eco .breadCrumbs a {
	color: #dddddd;
	text-decoration: none;
	border-bottom: 0;
}
.firmy .breadCrumbs, .firmy .breadCrumbs a,
.velkoodberatele .breadCrumbs, .velkoodberatele .breadCrumbs a,
.ospolecnosti .breadCrumbs, .ospolecnosti .breadCrumbs a {
	color: #242F64;
}

.households .breadCrumbs, .company .breadCrumbs, .wholesale .breadCrumbs, .preds .breadCrumbs, .preenergo .breadCrumbs {
	color: #1c2f67;
	z-index: 1;
}
/* Oprava pro tmavy podklad na .page.eco */
.households .page.eco .breadCrumbs, .company .page.eco .breadCrumbs {
	color: #ffffff !important;
}

.households .breadCrumbs a, .company .breadCrumbs a, .wholesale .breadCrumbs a, .preds .breadCrumbs a, .preenergo .breadCrumbs a {
	color: #1c2f67;
}

.households .breadCrumbs a:hover, .company .breadCrumbs a:hover, .wholesale .breadCrumbs a:hover {
	color: #1c2f67;
	text-decoration: underline;
	border-bottom: none;
}

.firmy .breadCrumbs a:hover,
.velkoodberatele .breadCrumbs a:hover,
.ospolecnosti .breadCrumbs a:hover {
	color: #fff;
}
.firmy .breadCrumbs .last, .velkoodberatele .breadCrumbs .last, .firmy .breadCrumbs .last {
	color: #242F64;
}
.domacnosti .breadCrumbs .last {
	color: #fff;
}
.breadCrumbs a:hover {
	border-bottom: 1px solid #fff;
	color: #fff;
}
.domacnosti .breadCrumbs a:hover, .ospolecnosti .breadCrumbs a:hover {
	border-bottom: 1px solid #fff;
	color: #fff;
}
.breadCrumbs ul li {
	float: left;
	padding: 0 3px;
	line-height: 17px;
}
/* Oprava pro tmavy podklad */
.households .page.eco .breadCrumbs a, .company .page.eco .breadCrumbs a {
	color: #ffffff !important;
}



/* styly pro obecne layouty */

.general h4, .general h3, .general h2, .general h1 {
	margin: 0 0 20px 0;
}
.general h3.ml10{
	margin-left: 10px;
	color: #fff;
}
.general h3.ml10mt10{
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.general h3.ml10mt10.mt-minus10{
	margin-top: -10px;
}
.general h2 span.warningred{
	color: #df0032;
	font-size: 0.8em;
	font-weight: bold;
}

.general ul {
	margin: 20px;
}

.general ul.small-margin-up-down {
	margin-top: 0px;
	margin-bottom: 10px;
}

.general ul li, .rightBoxInfo ul li {
	padding: 7px 0 7px 2em;
	position: relative;
	color: #222222;
	line-height: 1.1em;
}
.description-inner.general ul li, .description.general ul li {
	padding: 7px 5px 7px 2em;
}
.general ul li:after, #jsAlias-box ul li:after, .rightBoxInfo ul li:after {
	background: none repeat scroll 0 0 #242f64;
	border-radius: 3px 3px 3px 3px;
	content: "";
	display: block;
	height: 5px;
	left: 0;
	margin-top: -1px;
	position: absolute;
	top: 13px;
	width: 10px;
}
.general ul ul {
	margin: 15px 20px;
}
.general ul li li {
	padding: 5px 0 5px 1em;
	color: #444444;
}
.general ul li li:after  {
	height: 6px;
	top: 11px;
	width: 6px;
}
.general ul ul ul {
	margin: 10px 20px;
}
.general ul li li li {
	color: #777777;
	line-height: 20px;
}
.general ul li li li:after  {
	height: 2px;
	width: 8px;
}
.general p {
	line-height: 20px;
}
.general p:last-child {
	margin-bottom: 0;
}
.general .small-text {
	color: #666666;
	font-size: 90%;
}
.general ul .date {
	margin-bottom: 10px;
	display: inline-block;
}
.general table {
	border-collapse: collapse;
	border: 1px solid #D5D4E2;
	font-size: 0.9em;
}
.general table td, .general table th {
	border-left: 1px solid #D5D4E2;
}
.general table th {
	text-align: left;
	padding: 10px;
}
.general table th.center {
	text-align: center;
}
.general table thead th {
	border-bottom: 1px solid #D5D4E2;
	background-color: #242F65;
	color: white;
	padding: 4px 10px;
	font-weight: normal;
}
.general table tr:nth-child(2n) {
	background: none repeat scroll 0 0 #F9FAFE;
}
.general table tr:hover {
	background: none repeat scroll 0 0 #E7EBF4;
}
.general table thead tr:hover {
	background: none;
}
.general table.no-border, .general table.no-border thead th, .general table.no-border td, .general table.no-border th {
	border: 0;
}
.general table.no-border tr:hover, .general table.no-hover tr {
	background: none repeat scroll 0 0 transparent;
}
.general table.no-hover tr:nth-child(2n) {
	background: none repeat scroll 0 0 #F9FAFE;
}
table.no-background, table.no-background th, table.no-background td, table.no-background tr {
	background: none !important;
}

.general .ico-section {
	position: relative;
	padding-left: 35px;
}
.general .ico-section:after {
	content: "";
	width: 27px;
	height: 27px;
	top: 0px;
	left: 0px;
	position: absolute;
	display: block;
}
.general .ico-section.default:after {
	background: url("../images/icons.png") no-repeat scroll -100px -54px rgba(0, 0, 0, 0);
}
.general .ico-section.head:after {
	background: url('../images/icons.png') -145px -98px no-repeat;
}
.general .ico-section.head-new:after {
	background: url('../images/icons.png') -280px -98px no-repeat;
}
.general .ico-section.tool:after{
	background: url('../images/icons.png') -368px -98px no-repeat;
}
.general .ico-section.gift:after{
	background: url('../images/icons.png') -322px -99px no-repeat;
}
.general ul.noMarker li:after{
	display: none;
}
.general ul.noMarker li{
	padding: 7px 0 7px 1em;
}
.customer-service ul{
	margin-left:0;
}
.general ol.lower-roman {
	list-style: lower-roman;
}
.customer-service ul li{
	padding-left: 1.5em;
}

.customer-service div.description{
	margin-top:5px;
}

.noStyleList li{
	list-style: none;
}

.ico-news {
	padding-left: 42px;
	position: relative;
}
.ico-news:after {
	content: "";
	width: 22px;
	height: 17px;
	top: 10px;
	left: 10px;
	position: absolute;
	display: block;
	background: url("../images/icons.png") no-repeat scroll -147px -50px rgba(0, 0, 0, 0);
}

.left-line {
	position: relative;
}
.left-line:before {
	background-color: #D5D4E2;
	bottom: 30px;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	top: 30px;
	width: 1px;
}

.mb0 {
	margin-bottom: 0;
}






@media screen and (max-width: 1080px) {
	/*	.opinion {
			color: #60688F;
			display: block;
			font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
			font-size: 1.14em;
			line-height: 1;
			padding: 0.75em 0 0;
			position: static;
			text-decoration: none;
			float: right;
			width: auto;
			height: auto;
			text-indent: 0;
			background: none;
			clear: both;
		}
		.opinion:hover {
			color: #fff;
		}*/
}
@media screen and (max-width: 980px) {
	.in {
		padding-left: 10px;
		padding-right: 10px;
	}
	.login {
		right: 10px;
	}
	.footercontent .submenus {
		background: none;
	}
	.footercontent .submenus > li .number, .footercontent .submenus > li .numbero {
		font-size: 2em;
	}
	.menu-right, .content-left {
		float: none;
		width: 100% !important;
	}
	.menu-right>div {
		width: calc(50% - 10px);
		float: left;
	}
	.menu-right>div:nth-child(2n) {
		float: right;
	}
	#follow-wrap {
		height: auto !important;
	}

	.footercontent .fullweb {
		display: inline;
	}
}
@media screen and (max-width: 940px) {
	.footercontent .submenus > li,
	.bottom-logos li {
		width: 50%;
		margin-bottom: 3em;
	}
	footer .line-content {
		height: auto;
	}
	footer .line-content .news-options {
		float: left;
	}
	footer .line-content .news-options li:first-child {
		margin-left: 0;
	}
}
@media screen and (max-width: 920px) {
	header nav .account {
		width: 65px;
	}
	header nav .account .long {
		display: none;
	}
	header nav .account .short {
		display: auto;
		position: relative;
	}
	header nav .account .short:before {
		display: block;
		width: 30px;
		height: 30px;
		content: "";
		background: url("../images/icons.png") no-repeat scroll -5px -185px rgba(0, 0, 0, 0);
		position: absolute;
		left: 15px;
		top: 8px;
	}
	header nav .account .short .mojepre {
		text-align: center;
		position: static;
		padding-top: 50px;
	}
	header nav .account.hideable {
		width: 250px;
		position: absolute;
		right: 0;
	}
	header nav .account.hideable .long {
		display: block;
	}
	header nav .account.hideable .short {
		display: none;
	}
	#services-hp-box-top li.box .head img {
		width: 80px;
		height: 80px;
	}
	#services-hp-box-top h3 {
		padding-left: 100px;
	}
	#services-hp-box-top .button.link {
		margin-left: 100px;
	}
}

@media screen and (max-width: 880px) {
	.hp .page {
		background-position: -700px -25px;
	}
	#services-hp-box-top {
		padding: 15px 0;
	}
	.hp-services li.box {
		padding: 0 10px;
	}

	/*nova hp nepotrebuje - cele pak smazat */
	.hp-services li.box .head {
		text-align: center;
	}
	#services-hp-box-top .head {
		text-align: left;
	}
	.hp-services li.box .head img {
		float: none;
	}
	#services-hp-box-top .head img {
		float: left;
	}
	.hp-services li.box h3 {
		padding: 20px 0;
	}
	/* nova hp nepotrebuje */

	footer .line-content {
		height: auto;
	}
	footer .line-content .news-options {
		float: left;
	}
	footer .line-content .news-options li:first-child {
		margin-left: 0;
	}
	.bottom-logos {
		height: auto;
		padding-bottom: 0;
	}
	.footercontent .submenus > li,
	.bottom-logos li {
		width: 50%;
		margin-bottom: 3em;
	}

	.footercontent .pull-right {
		float: none !important;
		padding-top: 10px;
	}
}
@media screen and (max-width: 940px) {
	.bottom-logos {
		height: auto;
		padding-bottom: 0;
	}
}
@media screen and (max-width: 760px) {
	.menu-right>div {
		width: 100%;
	}

	.hp .page {
		background: #626B72;
	}
	.hp.firmy .page {
		background: #aebacd;
	}
	.hp.velkoodberatele .page {
		background: #89aef7;
	}
	.hp.ospolecnosti .page {
		background: #4C8FAA;
	}
	.hp-services {
		margin-top: 40px;
	}
	#services-hp-box-top {
		background: none;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.hp-services li.box {
		width: 100%;
		text-align: center;
		margin-bottom: 3em;
		border: 0;
	}
	#services-hp-box-top li.box {
		margin-bottom: 25px;
		border-radius: 3px;
		padding: 20px 25px;
	}
	#services-hp-box-top li.box.last {
		margin-bottom: 0px;
	}
	#services-hp-box-top li.box h3 {
		display: inline-block;
		font-size: 2em;
		margin: 15px 0 0 20px;
		padding: 0;
		vertical-align: top;
	}
	#services-hp-box-top li.box .head img {
		float: none;
		width: 80px;
		height: 80px;
	}
	#services-hp-box-top .button.link {
		float: right;
		margin: 25px 0 0 0;
	}

	#services-box-hp {
		background: none;
		height: auto;
	}
	#services-box-head {
		float: none;
		position: relative;
		width: auto;
		height: 140px;
		background: url("../images/hp/ico-sluzbyhp-small.png") no-repeat scroll 25px 32px white;
		border-radius: 3px 3px 0 0;
	}
	#services-box-head h3 {
		margin: 0 0 0 130px;
		padding-top: 55px;
	}
	#services-box-head h3 br {
		display: none;
	}
	#services-box-head:after {
		content: '';
		display: block;
		position: absolute;
		width: 0;
		height: 0;
		border: 10px solid transparent;
		left: 50%;
		bottom: -20px;
		margin-left: -10px;
		border-top: 10px solid white;
	}
	#services-box-list {
		margin-left: 0;
	}

	/*nova hp nepotrebuje - pak cele smazat */
	.hp-services li.box ul {
		display: inline-block;
		height: auto;
		margin-bottom: 1.75em;
	}
	.hp-services br {
		display: none;
	}
	#services-hp-box-top br {
		display: inline;
	}
	/*nova hp nepotrebuje*/

	.top ul {
		float: none;
	}
	.top ul.right {
		float: none;
		margin-bottom: 1em;
	}
	.top ul a {
		line-height: 45px;
	}
	.top ul input:first-child {
		margin-top: 0;
	}
	.top ul .btn-search {
		margin-top: 11px;
	}
	header nav .logo:after {
		display: none;
	}
	header nav ul.main-menu {
		clear: both;
		padding: 0;
		display: none;
	}
	header nav ul.main-menu li {
		float: none;
		margin-left: 0;
	}
	header nav ul.main-menu li.last {
		float: none;
	}
	header nav .account .long {
		display: block;
	}
	header nav .account .short {
		display: none;
	}
	header nav .account {
		width: auto;
		margin: 0 -10px 0 -10px;
	}
	header nav .account .long .name a {
		display: inline;
	}
	header nav .main-menu li.last a {
		border: 0;
	}
	header nav .main-menu li.last:after {
		display: none;
	}
	header nav .main-menu li a {
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}
	header nav .menu-icon {
		display: block;
	}
	.login {
		position: static;
		margin: 0 -10px;
		width: auto;
	}
	.copyright ul {
		clear: both;
		margin-top: 2em;
		float: none;
	}
	.copyright ul li:first-child a {
		padding-left: 0;
	}
	/*	.opinion {
			float: none;
		}*/
	.preenergo .page.hp-preenergo{
		background: url(../images/bg-preenergo.jpg) 50% 0 no-repeat #4889a5;
		background-size: auto;
	}
	.preenergo .page.hp-preds{
		background: url(../images/preds_hp.jpg) 70% 0 no-repeat #4889a5;
		background-size: auto;
	}
}
@media screen and (max-width: 660px) {
	.footercontent .pull-right a:nth-child(3) {
		display: block;
		padding-top: 10px;
	}
}
@media screen and (max-width: 500px) {

	.top input:first-child {
		width: 100%;
	}
	.copyright ul li {
		float: none;
		position: relative;
	}
	.copyright ul li:after {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -3px;
		width: 10px;
		height: 5px;
		background: #505984;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	.copyright ul li:first-child a {
		padding-left: 20px;
	}
	.copyright ul li a {
		padding: 0.75em 0 0.75em 20px;
	}
	.copyright ul li a:after {
		display: none;
	}
	footer .line-content h3 {
		background: #D3DAE6;
		float: none;
		margin: 0 -10px;
		padding-left: 25px;
	}
	footer .line-content .news {
		padding-left: 15px;
	}
	footer .line-content .news li {
		line-height: 1.5em;
		margin-top: 20px;
	}
	footer .line-content .news-options {
		padding-left: 15px;
	}
	footer .line-content .news-options li {
		margin: 0 20px 0 0;
	}

	.footercontent .submenus > li,
	.bottom-logos li {
		width: 100%;
		padding-left: 15px;
	}
}
@media screen and (max-width: 400px) {
	.top ul li {
		float: none;
		position: relative;
	}
	.top ul li:after {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -3px;
		width: 10px;
		height: 5px;
		background: #C1BEBB;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	.top ul li.last.search:after {
		display: none;
	}
	.top ul li:first-child a {
		padding-left: 20px;
	}
	.top ul li a {
		padding: 0 0 0 20px;
	}
	.top ul li a:after {
		display: none;
	}
}













.pull-right {
	float: right !important;
}
.pull-left {
	float: left;
}
.t-left {
	text-align: left;
}
.t-right {
	text-align: right;
}
.r-indent {
	margin-right: 20px;
}
.r-indent40 {
	margin-right: 40px;
}
.l-indent {
	margin-left: 20px;
}
.hide, .none {
	display: none;
}
.show {
	display: block;
}
.invisible {
	visibility: hidden;
}
.c {
	*zoom: 1;
}
.c:before,
.c:after {
	display: table;
	content: "";
}
.c:after, .clear {
	clear: both;
}
.vh {
	border: 0;
	clip: rect(0 0 0 0);
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	height: 1px;
}
.vh.focusable:active,
.vh.focusable:focus {
	clip: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
	height: auto;
}
.log {
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 1000;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	font-size: 25px;
}
.tinytext {
	font-size: 0.9em;
}
.underline {
	text-decoration: underline;
}
.blue {
	background-color: #E7EBF4 !important;
}
.blue-dark {
	background-color: #7783A8 !important;
}
.red2 {
	background-color: #ea6a6a !important;
	color: #fff !important;
}
.box.red2 h3 {
	color: white;
}
.red-bg {
	background-color: #e66464 !important;
}
.medium-blue{
	background-color: #CDD8E9 !important;
}
.red {
	color: #EA6A6A;
}
.green {
	color: #73BF41;
}
.gray {
	color: #71675B;
}
.dark-gray {
	color: #333333;
}
.dark-blue {
	color: #242F65 !important;
}

.dark-blue-box{
	color: #fff !important;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#002f61), to(#093d77));
	background-image: -webkit-linear-gradient(top, #002f61, #093d77);
	background-image: -o-linear-gradient(top, #002f61, #093d77);
	background-image: linear-gradient(top, #002f61, #093d77);
	background-repeat: repeat-x;
}
.dark-blue-box a {
	color: #fff !important;
}
.dark-blue-box .icopdf{
	float: left;
}

.preInternet-blue{
	background-color: #ddeaf7 !important;
}
.preInternet-purple{
	background-color: #fffde0 !important;
}
.preInternet-orange{
	background-color: #ff8c69 !important;
}
.top-space {
	margin-top: 20px;
}
.top-space-half {
	margin-top: 10px;
}
.bottom-space {
	margin-bottom: 20px;
}
.left-space {
	margin-left: 10px;
}
.bottom-space-half,
.in .box.bottom-space-half {
	margin-bottom: 10px;
}
.no-margin {
	margin: 0 !important;
}
.center {
	text-align: center;
}
.nowrap {
	white-space: nowrap;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.italic {
	font-style: italic;
}
.paddingTop10 {
	padding-top: 10px;
}

.pull-l {
	float: left;
}




/* TOOLTIP */

.ui-tooltip.info {
	box-shadow: 2px 2px 2px 2px rgba(50, 50, 50, 0.3);
	border: 1px solid rgba(50, 50, 50, 0.3);
	z-index: 30000;
}

/* bílý tooltip info */
.ui-tooltip.info .arrow, .ui-tooltip.blue-info .arrow {
	margin-left: -10px;
	position: absolute;
	top: -10px;
	left: 50%;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid rgba(50, 50, 50, 0.3);
}
.ui-tooltip.info .arrow:after, .ui-tooltip.blue-info .arrow:after {
	content: "";
	display: block;
	margin-left: -10px;
	position: absolute;
	top: 1px;
	left: 50%;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid white;
}
.ui-tooltip.info .arrow.bottom, .ui-tooltip.blue-info .arrow.bottom {
	border-top: 10px solid rgba(50, 50, 50, 0.3);
	border-bottom: 10px solid transparent;
	top: auto;
	bottom: -20px;
}
.ui-tooltip.info .arrow.bottom:after, .ui-tooltip.blue-info .arrow.bottom:after {
	border-top: 10px solid white;
	border-bottom: 10px solid transparent;
	top: auto;
	bottom: -9px;
}
.ui-tooltip.blue-info .arrow.bottom:after {
	border-top: 10px solid #E7EBF4;
}

.ui-tooltip.info p{
	font-size: 11px;
	margin-top: 10px;
	margin-bottom:0px;
}
.ui-tooltip.info h3{
	font-size: 15px;
	margin-bottom:10px;
}

.ui-tooltip.info .top-overlay{
	position:absolute;
	height:40px;
	top:-40px;
	left:0;
	width:100%;
}

/* modrý tooltip info */
.ui-tooltip.info.blue {
	background: none;
	background-color: #E7EBF4;
}
.ui-tooltip.info.blue .arrow:after {
	border-bottom: 10px solid #E7EBF4;
}

/* modrý tooltip info */
.ui-tooltip.blue-info {
	background: none;
	background-color: #E7EBF4;
}
.ui-tooltip.blue-info .arrow:after {
	border-bottom: 10px solid #E7EBF4;
}


.ui-tooltip table .value {
	font-size: 1.5em;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	font-weight: bold;
}
.ui-tooltip table th {
	font-size: 0.8em;
	color: #777777;
	font-weight: normal;
	padding: 10px 5px;
	text-align: left;
}
.ui-tooltip table td {
	padding: 5px 5px;
}
.ui-tooltip p.tooltip-head {
	font-size: 1.1em;
	margin-bottom: 10px;
}


#account-tooltip {
	border: 0;
}
#account-tooltip th {
	padding: 2px 10px 2px 0;
	color: #71675B;
	font-size: 100%;
	text-align: right;
}
#account-tooltip td {
	padding: 2px 0 2px 0;
	color: #333333;
}

.velkoodber-hp .half-box.pull-left {
	width: 48%;
}
.velkoodber-hp .velkoodber-main {
	margin-top: 270px;
}


/* error tooltip pro formuláře */


.ui-tooltip.error {
	background-color: #e05c5c;
	background-image: -moz-linear-gradient(top, #f07373, #e05c5c);
	background-image: -ms-linear-gradient(top, #f07373, #e05c5c);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f07373), to(#e05c5c));
	background-image: -webkit-linear-gradient(top, #f07373, #e05c5c);
	background-image: -o-linear-gradient(top, #f07373, #e05c5c);
	background-image: linear-gradient(top, #f07373, #e05c5c);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f07373', endColorstr='#e05c5c', GradientType=0);
	color: white;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: none !important;
	padding: 10px 15px;
	border-radius: 5px !important;
	z-index: 20001;
}
.ui-tooltip.error .error-arrow {
	position: absolute;
	bottom: -9px;
	left: 20px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #e05c5c;
}

.ui-tooltip.wantInfo {
	background-color: #74a5e5;
	background-image: none;
	background-image: -moz-linear-gradient(center top , #397fdb, #74a5e5);
	background-repeat: repeat-x;
	border: medium none !important;
	border-radius: 5px !important;
	box-shadow: none;
	color: white;
	padding: 10px 15px;
}
.ui-tooltip.wantInfo .wantInfo-arrow {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #74a5e5;
	bottom: -9px;
	height: 0;
	left: 20px;
	position: absolute;
	width: 0;
}


.ui-tooltip.info.fs13 .ui-tooltip-content{
	font-size: 13px;
}


/* datepicker */
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: 0;
}
#ui-datepicker-div {
	z-index: 10000 !important;
	border: 5px solid #d3d5e0;
	padding: 10px;
	width: auto;
}
.ui-datepicker .ui-widget-header.ui-datepicker-header {
	background: none;
	color: #242F65;
	border: 0;
	font-family: 'HelveticaNeueW02-47LtCn 694048','Arial CE',Arial,sans-serif;
	font-size: 140%;
	height: 50px;
}
.ui-datepicker .ui-datepicker-title {
	line-height: 50px !important;
}
.ui-datepicker .ui-datepicker-title select {
	padding: 0.15em;
	font-family: inherit;
	font-weight: inherit;
	color: inherit;
	margin: 2px 0 6px !important;
}
.ui-datepicker .ui-datepicker-prev .ui-icon {
	background: url("../images/icons.png") no-repeat scroll -92px -156px transparent;
	margin-left: -13px;
	margin-top: -8px;
	height: 25px;
	width: 25px;
	cursor: pointer;
}
.ui-state-hover, .ui-state-default {
	border: 0;
	background: none !important;
	filter: none !important;
}
.ui-dialog .ui-dialog-buttonpane .ui-state-focus {
	background: none !important;
	background-color: #242F65 !important;
}
.ui-dialog .ui-state-focus:hover {
	color: white !important;
}
.ui-state-default.ui-button:hover {
	background-color: #edf2fa !important;
}
/*bt59062 */
/*.ui-state-focus.ui-button:hover {*/
/*	background-color: #242f65 !important;*/
/*}*/
.ui-datepicker .ui-datepicker-prev-hover.ui-state-hover .ui-icon {
	border-radius: 3px;
	background-color: #edf2fa;
}
.ui-datepicker .ui-datepicker-next .ui-icon {
	background: url("../images/icons.png") no-repeat scroll -109px -156px transparent;
	margin-left: -13px;
	margin-top: -8px;
	height: 25px;
	width: 25px;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-next-hover.ui-state-hover {
	border: 0;
	background: none !important;
}
.ui-datepicker .ui-datepicker-next-hover.ui-state-hover .ui-icon {
	border-radius: 3px;
	background-color: #edf2fa;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 2px;
}
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default,
.ui-datepicker .ui-state-default {
	background: none !important;
	border: 0 !important;
	padding: 0.5em 0.8em;
	text-align: center;
	border-radius: 3px;
}
.ui-datepicker .ui-state-hover {
	background: none;
	background-color: #edf2fa !important;
	border: 0;
	color: #242F65 !important;
}
.ui-datepicker .ui-state-highlight {
	background-color: #242F65 !important;
	color: white !important;
}
.ui-datepicker .ui-datepicker-calendar thead th {
	color: #242F65;
	border-bottom: 1px solid #D5D4E2;
}

/* Component diagrams */
#component-diagrams-select {
	margin: 10px;
	float: right;
}
.quartal-table input {
	width: 100%;
}
.quartal-table td, .quartal-table th {
	width: 33%;
}
.box .filter {
	margin: 10px 0 10px 0;
	padding: 10px 15px;
	border: 1px solid #D5D4E2;
}
.box .filter h4 {
	margin: 10px 0;
}
.box .filter .t-cell {
	padding: 5px 0;
	font-size: 0.9em;
	line-height: 25px;
}


/****** PÁSOVEC Armadillo ******/

.box.roller {
	margin: 7px 0 7px 0;
	padding: 0;
}
.box.roller:last-of-type {
	margin-bottom: 20px;
}
.box.roller.active .header {
	-webkit-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
}
.box.roller.active .content {
	display: block;
}

/* content */
.box.roller .content {
	display: none;
	border: 1px solid #D5D4E2;
	-webkit-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px;
	border-top: none;
	padding: 10px;
	min-height: 30px;
}
.box.roller .content.auto {
	min-height: 0;
}
.box.roller .content h4 {
	margin-left: 10px;
}
.box.roller .content input.full {
	width: 100%;
}
.box.roller .content label {
	line-height: 30px;
}

/* hlavička */
.box.roller .header {
	border: 1px solid #D5D4E2;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	position: relative;
}
.box.roller .header > div {
	float: left;
	line-height: 25px;
	padding: 10px 0 3px 10px;
}
.box.roller .header > div:nth-of-type(2) {
	width: 160px;
}
.box.roller .header > div:nth-of-type(3) {
	width: 375px;
	width: calc(100% - 273px);
}
.box.roller .header label {
	color: #999999;
	display: block;
	font-size: 0.9em;
	line-height: 12px;
	cursor: pointer;
	height: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.box.roller .header .account {
	font-weight: bold;
}
.box.roller .header .address {
	height: 25px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}
.box.roller .header .active-icon {
	margin-top: -11px;
	position: absolute;
	right: 6px;
	top: 50%;
}
.box.roller .validation {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right: 20px;
}

/* potvrzený box */
.box.roller.ok .header {
	background-color: #dcefcf;
}
.box.roller.ok .header label {
	color: #589d53;
}
.box.roller.ok .content {
	background-color: #EEF7E7;
}
.box.roller.ok .header,
.box.roller.ok .content {
	border-color: #73be3f;
}
.box.roller.ok input[type="text"],
.box.roller.ok input[type="password"],
.box.roller.ok select,
.box.roller.ok input[type="file"],
.box.roller.ok .content hr {
	border-color: #a6d686;
}

/* zakázaný box */
.box.roller.disabled .header {
	background-color: #E4E4E4;
}
.box.roller.disabled .header label {
	color: #999999;
}
.box.roller.disabled .content {
	background-color: #F3F4F6;
}
.box.roller.disabled .header,
.box.roller.disabled .content {
	border-color: #999999;
}
.box.roller.disabled .content hr {
	border-color: #999999;
}
.box.roller.disabled .header label {
	color: #999999;
}
.box.roller.disabled .header .ico.electricity-blue {
	background: url('../images/icons.png') -368px -7px no-repeat;
}
.box.roller.disabled .header .ico.gas-blue {
	background: url('../images/icons.png') -413px -7px no-repeat;
}
.box.roller.disabled .header .ico.pooledBilling-blue {
	background: url('../images/icons.png') -415px -367px no-repeat;
}

.roller-error {
	color: #cc0000;
	padding: 10px 10px 0 49px;
	position: relative;
	top: -5px;
}
.roller-error p:last-child {
	margin: 0;
}


.inner-box .request .button.small {
	margin-top: 8px;
}


/* blue dialog window */
.ui-dialog.blue, .ui-dialog.blue .dialog-body {
	background: none;
}
.ui-dialog.blue .ui-dialog-titlebar {
	border-bottom: 1px solid #9CAAC4;
}
.ui-dialog.blue .dialog-foot {
	border-top: 1px solid #9CAAC4;
}

/* Switch button
/*---------------------------*/
.switch-container {
	position: relative;
	display: inline-block;
	width: 58px;
	height: 30px;
	margin: 8px 2px;
	background: #e6ebf3;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	overflow: hidden;
	vertical-align: middle;
}
.switch-container * {
}
.switcher {
	position: absolute;
	right: 0;
	top: 0;
	width: 88px;
	display: inline-block;
	white-space: nowrap;
	padding: 4px 0;
	text-align: center;
	line-height: 18px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	font-size: 90%;
	border: none !important;
}
.switcher.on {
	left: 0;
}
.switcher > span {
	display: inline-block;
	text-align: center;
	width: 30px;
	color: #333333;
	margin-top: 3px;
}
.switcher i.ico {
	float: none;
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: -3px 0 0 1px;
	background-color: #93A3BD;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	vertical-align: middle;
}
.switch-container.switch-container-big {
	width: 68px;
	height: 34px;
	background: #cdd8e9;
	margin: 0;
}
.switch-container.switch-container-big .switcher {
	width: 102px;
	font-size: 100%;
}
.switch-container.switch-container-big .switcher > span {
	width: 34px;
	margin-top: 4px;
}
.switch-container.switch-container-big .switcher i.ico {
	background: #033367;
	width: 26px;
	height: 26px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.switch-container.switch-container-big .switcher i.ico:after {
	content: '';
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	margin-left: -3px;
	margin-top: -3px;
	width: 6px;
	height: 6px;
	background: #cdd8e9;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.switcher:focus {
	border: 1px solid #f00;
}


/* Usage
/*--------------------------------*/
#fieldsetUsageNotKnown, #fieldsetUsageKnown {
	counter-reset: labels;
	border: 0;
	margin-top: 20px;
	margin-right: -10px;
}
.fieldsetUsageKnownSL03#fieldsetUsageKnown{
	margin-top: 0;
}
#fieldsetUsageNotKnown > div, #fieldsetUsageKnown > div {
	position: relative;
}
#fieldsetUsageNotKnown legend, #fieldsetUsageKnown legend {
	display: none;
}
#fieldsetUsageNotKnown .step1, #fieldsetUsageNotKnown .step2, #fieldsetUsageNotKnown .step3, #fieldsetUsageNotKnown .step4 {
	float: left;
	/*height: 128px;*/
}
#fieldsetUsageNotKnown .step1 {
	width: 330px;
	border-right: 1px solid #d6d8e2;
	padding-right: 16px;
}
.gas #fieldsetUsageNotKnown .step1 {
	width: 155px;
}
#fieldsetUsageNotKnown .step2 {
	width: 405px;
	border-right: 1px solid #d6d8e2;
	padding: 0 16px;
}
.gas #fieldsetUsageNotKnown .step2 {
	width: 282px;
}
#fieldsetUsageNotKnown .step3 {
	padding-left: 16px;
}
.gas #fieldsetUsageNotKnown .step3 {
	width: 294px;
	border-right: 1px solid #d6d8e2;
}
.gas #fieldsetUsageNotKnown .step4 {
	width: 150px;
	padding-left: 16px;
}
#fieldsetUsageNotKnown label.steps, #fieldsetUsageKnown label.steps {
	display: block;
	position: relative;
	padding: 10px 0 0 45px;
	min-height: 2.6em;
}
#fieldsetUsageNotKnown span.steps, #fieldsetUsageKnown span.steps {
	display: inline-block;
	position: absolute;
	left: 16px;
	top: 0;
	width: 34px;
	height: 34px;
	margin-right: 8px;
	background: #df5a5a;
	font-size: 1.3em;
	text-align: center;
	line-height: 1.8em;
	color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#fieldsetUsageNotKnown .step1 span.steps, #fieldsetUsageKnown .step1 span.steps {
	left: 4px;
}
#fieldsetUsageNotKnownAdditional {
	display: none;
}
#fieldsetUsageNotKnownAdditional .switch-container {
	margin-top: 0;
	margin-bottom: 0;
}
#fieldsetUsageNotKnownAdditional .pull-right {
	margin-left: 20px;
}
#fieldsetUsageNotKnownAdditional h3, .recommendedProducts h2 {
	font-size: 1.6em;
}

.usedTo, .usedFor {
	position: relative;
	display: inline-block;
	float: left;
	width: 62px;
	height: 80px;
	text-align: center;
	font-size: .9em;
	color: #242f64;
	cursor: pointer;
	margin-top: 16px;
}
.usedTo.disabled {
	cursor: default;
}
.usedTo label, .usedFor label {
	text-decoration: underline;
	cursor: pointer;
}
.usedTo.disabled label {
	color: #999;
	text-decoration: none;
	cursor: default;
}
.usedTo input, .usedFor input {
	position: absolute;
	left: -9999px;
}
.usedTo .ico, .usedFor .ico {
	position: relative;
	float: none;
	display: inline-block;
	margin: 0 auto;
	width: 42px;
	height: 36px;
	margin-bottom: 5px;
	background-image: url('../images/icons.png');
	background-repeat: no-repeat;
}

.usedTo.detail{
	height: 36px;
	cursor: default;
}
/* sviceni */
.usedTo .ico.sviceni {background-position: -46px -279px;}
.usedTo.on .ico.sviceni {background-position: -45px -232px;}
.usedTo.disabled .ico.sviceni {background-position: -270px -279px;}
/* vareni */
.usedTo .ico.sviceni_vareni {background-position: -2px -276px;}
.usedTo.on .ico.sviceni_vareni {background-position: -2px -231px;}
.usedTo.disabled .ico.sviceni_vareni {background-position: -227px -276px;}
/* topeni */
.usedTo .ico.topeni {background-position: -139px -276px;}
.usedTo.on .ico.topeni {background-position: -138px -232px;}
.usedTo.disabled .ico.topeni {background-position: -364px -276px;}
/* ohrev */
.usedTo .ico.ohrev_vody {background-position: -92px -278px;}
.usedTo.on .ico.ohrev_vody {background-position: -92px -232px;}
.usedTo.disabled .ico.ohrev_vody {background-position: -317px -278px;}
/* cerpadlo */
.usedTo .ico.tepelne_cerpadlo {background-position: -182px -277px;}
.usedTo.on .ico.tepelne_cerpadlo {background-position: -182px -233px;}
.usedTo.disabled .ico.tepelne_cerpadlo {background-position: -407px -277px;}

.usedTo .ico.vareni {background-position: -270px -5px;}
.usedTo .ico.ohrev {background-position: -315px -5px;}
.usedTo .ico.topim_malo {background-position: -270px -50px;}
.usedTo .ico.topim_hodne {background-position: -315px -50px;}

.gas .usedTo.on .ico:after,
.usedTo.on .ico.kombi:after,
.usedTo.on .ico.elektromobilita:after,
.usedTo.on .ico.vikend:after {
	content: "";
	display: block;
	position: absolute;
	background: url("../images/icons.png") no-repeat scroll -136px -159px;
	height: 21px;
	width: 21px;
	right: -2px;
	bottom: 0px;
}

.usedFor .ico.dum {background-position: -92px -7px;}
.usedFor.on .ico.dum {background-position: -227px -232px;}
.usedFor .ico.byt {background-position: -226px -142px;}
.usedFor.on .ico.byt {background-position: -226px -186px;}

/* kombi */
.usedTo .ico.kombi {background-position: -406px -95px;}
.usedTo.on .ico.sviceni_vareni {background-position: -2px -231px;}
.usedTo.disabled .ico.sviceni_vareni {background-position: -227px -276px;}
/* elektromobilita */
.usedTo .ico.elektromobilita {background-position: -405px -51px;}
/* víkend */
.usedTo .ico.vikend {background-position: -361px -53px;}


#fieldsetUsageNotKnown .recommendButton, .gas .recommendButton {
	margin-top: 3.5em;
}

#annualUsageVal .value {
	font-size: 2em;
	margin-right: .2em;
	font-family: 'HelveticaNeueW02-47LtCn 694048','Arial CE',Arial,sans-serif;
	font-weight: bold;
}
#switchKnownUsage {
	float: right;
	color: #033367;
	font-size: .9em;
	margin-top: 1em;
}
#fieldsetUsageNotKnown .bubble {
	margin: 1em 0 0 1.5em;
}
.product-faq ul {
	margin-bottom: 0px;
	margin-top: 10px;
}
.product-faq p {
	margin-left: 48px;
	margin-bottom: 10px;
}

/* UsageForm nk
/*---------------------------------------*/
#fieldsetUsageKnown {
	display: none;
}
#fieldsetUsageKnown .step1, #fieldsetUsageKnown .step2, #fieldsetUsageKnown .step3, #fieldsetUsageKnown .step4 {
	position: relative;
	float: left;
	min-height: 210px;
	width: 230px;
	border-right: 1px solid #d6d8e2;
	padding: 0 16px;
}
.gas #fieldsetUsageKnown .step1, .gas #fieldsetUsageKnown .step2, .gas #fieldsetUsageKnown .step3 {
	min-height: 172px;
}
#fieldsetUsageKnown .step1 {
	padding-left: 0;
}
.gas #fieldsetUsageKnown .step1 {
	width: auto;
	padding-right: 64px;
}
.gas #fieldsetUsageKnown .step2 {
	width: 360px;
}
#fieldsetUsageKnown .step4, .gas #fieldsetUsageKnown .step3 {
	padding-right: 0;
	border-right: 0;
}
#fieldsetUsageKnown input,
#fieldsetUsageKnown select {
	max-width: 100%;
}


/* responsive calculator */

.fluid #fieldsetUsageNotKnown .step1,
.fluid #fieldsetUsageNotKnown .step2,
.fluid #fieldsetUsageNotKnown .step3,
.fluid #fieldsetUsageNotKnown .step4,
.fluid #fieldsetUsageKnown .step1,
.fluid #fieldsetUsageKnown .step2,
.fluid #fieldsetUsageKnown .step3,
.fluid #fieldsetUsageKnown .step4 {
	display: block;
	float: none;
	clear: left;
	width: auto;
	padding-left: 0;
	padding-top: 16px;
	padding-bottom: 8px;
	border-right: 0;
	border-top: 1px solid #d6d8e2;
}



.input-holder {
	position: relative;
}
.static-placeholder {
	position: absolute;
	right: .5em;
	top: .9em;
	z-index: 1;
	color: #999;
}
td.input-holder {
	padding: 10px;
	line-height: 1.5em;
}
.input-holder input, .input-holder input.small {
	/*padding-right: 42px;*/
}
.t-cell.input-holder .static-placeholder {
	right: 1.3em;
	top: 1.4em;
}
td.input-holder .static-placeholder {
	right: 2.7em;
	top: 1.4em;
}
.input-holder .small.static-placeholder {
	right: 1em;
	top: 0.9em;
}
span.input-holder .small.static-placeholder {
	right: 0.5em;
	top: 0.5em;
}
span.input-holder .small.static-placeholder.zero {
	top: 0;
}
.input-help-box {
	position: absolute;
	display: block;
	background: url("../images/icons.png") no-repeat scroll -141px -69px rgba(0, 0, 0, 0);
	height: 18px;
	width: 18px;
	margin-top: -9px;
	right: -20px;
	top: 50%;
	border: 0;
}
.input-help-box.mt-3 {
	margin-top: -3px;
}
.input-info-box {
	position: absolute;
	display: block;
	background: url("../images/icons.png") no-repeat scroll -272px -160px rgba(0, 0, 0, 0);
	height: 18px;
	width: 18px;
	margin-top: -9px;
	right: -20px;
	top: 50%;
	border: 0;
}

.promotion-form .file-row .input-help-box{
	right: -180px;
}

.customer-account-help-box {
	display: block;
	background: url("../images/icons.png") no-repeat scroll -141px -70px rgba(0, 0, 0, 0);
	height: 18px;
	width: 18px;
	float: right;
	border: 0;
}
.t-cell.input-holder.input-right input {
	float: right;
}
.t-cell.input-holder.input-right input[type="text"], .t-cell input.w140 {
	width: 140px;
}
.t-cell.input-holder.input-right label {
	line-height: 40px;
}
#fieldsetUsageKnown label {
	display: block;
	margin-bottom: 8px;
}
input.right {
	float: right;
	margin-left: 5px;
}
.input-holder .tabbutton {
	position: absolute;
	right: 45px;
	top: 12px;
}

.input-help-box.sl01CommodityInfo{
	top: 75px;
	left: 90px;
}

/* UI components
/*-------------------------------*/
#annualUsageSlider, #calcMinutes, #calcSms, #calcData {
	width: 200px;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}

#calcMinutes, #calcSms, #calcData {
	width: 210px;
}

form #annualUsageSlider, form #calcMinutes, form #calcSms, form #calcData {
	position: relative;
	background: #cdd8e9;
	height: 6px;
	border-radius: 3px;
	margin: 2em 32px .8em;
}
form #calcMinutes, form #calcSms, form #calcData {
	margin: 0.7em 0 0.7em 0;
}

form .ui-slider .ui-handle-helper-parent {
	display: block;
	position: relative;
	margin: 0 24px;
}
.premobile-calculator form .ui-slider .ui-handle-helper-parent {
	margin: 0 15px;
}
form .ui-slider .ui-slider-handle, form .ui-slider .ui-slider-handle.ui-state-hover {
	width: 55px;
	margin-left: -28px;
	height: 14px;
	border: 0;
	background: #033367 !important;
	border-radius: 7px;
}
.premobile-calculator form .ui-slider .ui-slider-handle {
	margin-left: -15px;
	width: 30px;
}

form #annualUsageSlider:before {
	position: absolute;
	content: '';
	display: block;
	left: -36px;
	top: -16px;
	width: 32px;
	height: 32px;
	background: url('../images/icons.png');
	background-position: -97px -187px;
}
form #annualUsageSlider:after {
	position: absolute;
	content: '';
	display: block;
	right: -36px;
	top: -16px;
	width: 32px;
	height: 32px;
	background: url('../images/icons.png');
	background-position: -52px -187px;
}
#breakerSizeMoreContainer {
	margin-top: 3em;
	margin-bottom: -12px;
}


/* Bubbles
/*-----------------------------*/
.bubble {
	position: relative;
	display: inline-block;
	background: #cdd8e9;
	padding: 6px 8px;
	color: #242f64;
	margin-left: 18px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.bubble:after {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	left: -7px;
	top: 0;
	border-left: 8px solid #cdd8e9;
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */
	-ms-transform: rotate(-45deg); /* IE9 */
	transform: rotate(-45deg);
}

.bubble.green {background: #73bf41;	color: #fff;}
.bubble.green:after {
	border-left: 8px solid #73bf41;
}
.bubble.orange {background: #f28900;	color: #fff;}
.bubble.orange:after {
	border-left: 8px solid #f28900;
}
.bubble.red {background: #EA6A6A;	color: #fff;}
.bubble.red:after {
	border-left: 8px solid #EA6A6A;
}

.bubble.top {
	margin: 0 0 0 0;
}
.bubble.top.green:after {
	left: 16px;
	top: 100%;
	margin-top: -9px;
	border: 8px solid transparent;
	border-left: 8px solid #73bf41;
}
.bubble2 {
	position: absolute;
	display: inline-block;
	background: #cdd8e9;
	padding: 6px 8px;
	color: #242f64;
	margin-left: 18px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	top: 38px;
	left: 100px;
}
.bubble2:after {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	left: 20px;
	top: -16px;
	border-bottom: 8px solid #cdd8e9;
	filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */
}
.bubble2.nosdrfa {
	left: 190px;
}
.bubble2.green {background: #73bf41;	color: #fff;}
.bubble2.green:after {
	border-bottom: 8px solid #73bf41;
}
.bubble2.orange {background: #f28900;	color: #fff;}
.bubble2.orange:after {
	border-bottom: 8px solid #f28900;
}
.bubble2.red {background: #EA6A6A;	color: #fff;}
.bubble2.red:after {
	border-bottom: 8px solid #EA6A6A;
}

@media screen and (max-width: 660px)	{
	.bubble2.nosdrfa {
		left: 40px;
	}
	.bubble2{
		left: 0px;
	}
}

/* komentáře v detailech SL v Moje PRE */
#comments {
	background-color: white;
	border-spacing:0;
	border-collapse:collapse;
}
#comments tr {
	background-color: #E7EBF4;
}
#comments th {
	padding: 10px 0;
	border-bottom: 1px solid #9CAAC4;
	background-color: white;
}
#comments .comment-head {
	font-size: 110%;
	color: #71675B;
	font-style: italic;
}
#comments .comment-body {
	border-bottom: 1px solid #9CAAC4;

}
#comments tr:nth-of-type(4n+4), #comments tr:nth-of-type(4n+5) {
	background-color: #F9FAFE;
}

/* minified calc
/*--------------------------------------*/

#pre_productOverviewForm.minified>fieldset {
	margin-top: 0;
}
#pre_productOverviewForm.minified>div.pull-right:first-child, #pre_productOverviewForm.minified span.steps, #pre_productOverviewForm.minified .usedTo,
#pre_productOverviewForm.minified span.steps, #pre_productOverviewForm.minified .usedFor, #pre_productOverviewForm.minified #annualUsageSlider,
#pre_productOverviewForm.minified .bubble, #pre_productOverviewForm.minified #switchKnownUsage,
#pre_productOverviewForm.minified .step1 br, #pre_productOverviewForm.minified .recommendButton, #fieldsetUsageNotKnown .deminificator,
#pre_productOverviewForm.minified #mapa-distribuci-plyn-wrapper, #pre_productOverviewForm .distributionAreaG{
	display: none;
}
#pre_productOverviewForm.minified #fieldsetUsageNotKnown .deminificator, #pre_productOverviewForm.minified .gas .deminificator {
	display: block;
	margin-top: 3em;
}
#pre_productOverviewForm.minified .step1, #pre_productOverviewForm.minified .step2, #pre_productOverviewForm.minified .step3 {
	border-right: none;
}
#pre_productOverviewForm.minified .usedTo.on, #pre_productOverviewForm.minified .usedFor.on {
	display: block;
	pointer-events: none;
	height: 70px;
}
#pre_productOverviewForm.minified label.steps {
	padding: 0;
	min-height: 0;
}
#pre_productOverviewForm.minified .step1 label.steps {
	padding-left: 10px;
}
#pre_productOverviewForm.minified .distributionAreaG {
	display: block;
	margin: 40px 0 0;
	padding-left: 30px;
	position: relative;
}
#pre_productOverviewForm.minified .distributionAreaG:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto 0;
	width: 22px;
	height: 21px;
	background: url('../images/icons.png') -135px -159px no-repeat;
}



/* Recommend products
/*--------------------------------------*/

#recommendedProduct {
	position: relative;
	background: #E7EBF4;
	border-bottom: 1px solid #c1c8d8;
}
#recommendedProduct:last-child {
	border-bottom: none;
}
#recommendedProduct:after {
	content: '';
	position: absolute;
	right: 64px;
	top: 0;
	border: 18px solid transparent;
	border-top: 18px solid #fff;
}

#product-configurator-dialog #recommendedProduct:after {
	border-top: 18px solid #E7EBF4;
}
#recommendedProduct .left, .recommendedProducts .left {
	float: left;
	width: 580px;
	min-height: 100px;
	padding-right: 30px;
}
#recommendedProduct .right, .recommendedProducts .right {
	float: right;
	width: 300px;
}
#recommendedProduct .productTitle {
	padding-bottom: 15px;
}
#recommendedProduct h2 {
	display: inline-block;
	color: #333333;
	font-size: 2.1em;
	font-weight: 600;
}
#recommendedProduct h2:before {
	content: '';
	display: inline-block;
	position: relative;
	width: 26px;
	height: 26px;
	background: url('../images/icons.png') -101px -54px no-repeat;
	margin: 0 12px -3px 0;
}
#recommendedProduct h2.gas:before {
	background-position: -11px -99px;
}
#recommendedProduct h2 + .bubble {
	position: relative;
	top: -5px;
}

#recommendedProduct .left .description,
.recommendedProducts .left .description,
.recommendedProducts .left .description-inner,
#recommendedProduct .left > p,
.recommendedProducts .left > p {
	padding-left: 5px;
}

#recommendedProduct .left .description ul,
.recommendedProducts .left .description-inner ul,
.recommendedProducts .description ul {
	margin: 10px 0;
}
#recommendedProduct .left .description ul li,
.recommendedProducts .left .description-inner ul li,
.recommendedProducts .description ul li {
	color: rgb(119,119,119);
}
#recommendedProduct .left .description .productVyhody ul li,
.recommendedProducts .left .description-inner .productVyhody ul li,
.recommendedProducts .description .productVyhody ul li {
	padding: 7px 0 7px 34px;
}
#recommendedProduct .left .description .productVyhody ul li:after,
.recommendedProducts .left .description-inner .productVyhody ul li:after,
.recommendedProducts .description .productVyhody ul li:after,
._static_content.ecoProduct .pull-left .box .jsPagePanelContent ul li:after,
#jsAlias-box ul li:after {
	background: url("../images/icons.png") no-repeat scroll -102px -373px rgba(0, 0, 0, 0);
	height: 21px;
	top: 4px;
	width: 21px;
}

#recommendedProduct .left .description .productVyhody ul li.red:after,
.recommendedProducts .left .description-inner .productVyhody ul li.red:after,
.recommendedProducts .description .productVyhody ul li.red:after,
._static_content.ecoProduct .pull-left .box .jsPagePanelContent ul li.red:after,
#jsAlias-box ul li.red:after {
	background: url("../images/icon_OK-CG.png") no-repeat scroll 0px 0px;
}

._static_content.ecoProduct .pull-left .box .jsPagePanelContent ul li {
	padding: 5px 10px 15px 30px;
	float: left;
	width: 50%;
}

.recommendedProducts {
	position: relative;
}
.recommendedProducts h3:first-of-type {
	margin-bottom: 0;
}
.recommendedProducts ul {
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	overflow: hidden;
}
.recommendedProducts li .header {
	position: relative;
	border-top: 1px solid #adb8d0;
	background: #E7EBF4;
}
.recommendedProducts .description {
	position: relative;
}
#recommendedProduct .description h3, .recommendedProducts .description h3 {
	font-size: 1.4em;
	margin-bottom: 20px;
}
.recommendedProducts li .header:after {
	content: '';
	display: block;
	position: absolute;
	right: 16px;
	top: 50%;
	margin-top: -8px;
	width: 16px;
	height: 16px;
	background: url('../images/icons.png') -112px -161px;
}
.recommendedProducts li.active .header:after {
	background-position: -48px -160px;
}
.recommendedProducts li .header h3 {
	float: left;
	font-size: 1.5em;
	margin-bottom: 0;
	font-weight: 700;
	color: #333333;
}
.recommendedProducts li .header h3:before {
	content: '';
	display: inline-block;
	position: relative;
	width: 26px;
	height: 26px;
	background: url('../images/icons.png') -101px -54px no-repeat;
	margin: 0 15px -5px 0;
}
.recommendedProducts li .header h3.gas:before {
	background: url('../images/icons.png') -12px -99px no-repeat;
}
.recommendedProducts li .header .price {
	float: right;
	font-size: 1.1em;
	line-height: 2em;
	color: #333333;
}
.recommendedProducts li .header .price strong {
	display: inline-block;
	width: 170px;
	padding-left: 10px;
	font-size: 1.3em;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
}
.recommendedProducts li .header .claim {
	line-height: 28px;
	margin-left: 20px;
	color: #333333;
}
.recommendedProducts li .inner-box-slim > * {
	line-height: 28px !important;
}

#recommendedProduct:before, .recommendedProducts .description:before {
	content: '';
	display: block;
	position: absolute;
	left: 615px;
	top: 35px;
	bottom: 35px;
	width: 1px;
	border-right: 1px solid #c1c8d8;
}
#recommendedProduct .left .more, .recommendedProducts .left .more {
	float: right;
	color: #242f64;
	margin-top: 10px;
}
#recommendedProduct .right .login-link, .recommendedProducts .right .login-link {
	position: relative;
	display: block;
	line-height: 1.4em;
	padding: 0 0 0 42px;
	color: #242f64;
	margin-bottom: 30px;
}
#recommendedProduct .right .login-link i.icon, .recommendedProducts .right .login-link i.icon {
	position: absolute;
	left: 0;
	top: 50%;
	width: 26px;
	height: 26px;
	margin-top: -13px;
	background: url('../images/icons.png') -146px -98px;
}

#recommendedProduct .right .price, .recommendedProducts .right .price {
	float: left;
	color: #333333;
}
.ecoProductRecommend .price-box {
	width: 31%;
	padding: 55px 0 0 0;
}
#recommendedProduct .right .price strong,
.recommendedProducts .right .price strong,
.ecoProductRecommend .price-box h3.center {
	display: block;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	font-size: 2.3em;
	font-weight: 700;
	margin-bottom: 5px;
}
.ecoProductRecommend .price-box h3.center {
	padding: 20px 0 25px;
}
#recommendedProduct .right .order, .recommendedProducts .right .order {
	float: right;
}
#recommendedProduct .right .bubble, .recommendedProducts .right .bubble {
	margin-bottom: 18px;
	position: relative;
	left: -10px;
}

.recommendedProducts .recommendedProductInfo {
	width: 27%;
	position: relative;
	padding-left: 28px;
}
.recommendedProducts .recommendedProductInfo:after {
	background: url("../images/icons.png") no-repeat scroll -136px -159px rgba(0, 0, 0, 0);
	content: "";
	display: block;
	height: 21px;
	left: 0;
	position: absolute;
	top: 0;
	width: 21px;
}
.recommendedProducts li .inner-box-slim > .recommendedProductInfo {
	line-height: 15px !important;
}
.recommendedProducts .moreInfo {
	clear: left;
	float: left;
	margin: -8px 0 -10px 40px;
}

hr.resultSeparator {
	margin-top: 0;
}


/* Footer list
-----------------------------*/

.pre_productOverviewForm_footer {
	padding: 	12px 0;
}
.pre_productOverviewForm_footer li {
	display: inline-block;
	width: 33%;
	border-right: 1px solid #d6d8e2;
}
.pre_productOverviewForm_footer li:last-child {
	border-right: 0;
}
.pre_productOverviewForm_footer li a {
	display: block;
	padding: 16px 0;
	text-align: center;
	color: #242f64;
}
.pre_productOverviewForm_footer li a .icon, body.ospolecnosti .icon {
	display: inline-block;
	width: 26px;
	height: 26px;
	vertical-align: middle;
	background: url('../images/icons.png');
	margin-right: 8px;
}
.pre_productOverviewForm_footer li a .icon.ico-document {
	background-position: -146px -10px;
}
.pre_productOverviewForm_footer li a .icon.ico-archive {
	background-position: -190px -190px;
}
.pre_productOverviewForm_footer li a .icon.ico-question, body.ospolecnosti .icon.ico-question {
	background-position: -144px -190px;
}

#pre_productOverview_calc_title {
	color: white;
	/*min-height: 300px;*/
	position: relative;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	padding-top: 15px;
	padding: 0px 0 0;
	margin-bottom: 40px;
}

.front.company .page #pre_productOverview_calc_title, .front.households .page #pre_productOverview_calc_title {
	color: #1c2f67;
}

.page.eco .front.company .page #pre_productOverview_calc_title, .page.eco .front.households .page #pre_productOverview_calc_title {
	color: #ffffff !important;
}

#pre_productOverview_calc_title.pre_productOverview_calc_eco {
	min-height: 160px;
}
#pre_productOverview_calc_title.pre_productOverview_calc_eco {
	min-height: 160px;
}
.pre_productOverview_calc_eco p{
	font-size: 2em;
	padding: 40px 0 0 0;
}
#pre_productOverview_calc_title ul {
	margin-top: 20px;
	margin-bottom: 15px;
	font-size: 1.45em;
}
#pre_productOverview_calc_title ul li {
	padding: 7px 0 7px 47px;
	position: relative;
	line-height: 1.1em;
}
#pre_productOverview_calc_title ul li:after  {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
	background: url('../images/icons.png') no-repeat;
}
#pre_productOverview_calc_title ul.vyhody li:after  {
	background-position: -9px -370px;
	width: 27px;
	height: 25px;
}

#pre_productOverview_calc_title>a, #pre_productOverview_calc_title div.jsCalcPanelContent>a, #pre_productOverview_calc_title div.jsCalcPanelContent div.ajaxLoaded>a {
	color: white;
	text-decoration: underline;
	font-size: 1.45em;
	position: relative;
}
.front.households .page #pre_productOverview_calc_title div.jsCalcPanelContent div.ajaxLoaded>a,
.front.company .page #pre_productOverview_calc_title div.jsCalcPanelContent div.ajaxLoaded>a {
	color: #1c2f67;
}
#pre_productOverview_calc_title h1 {
	font-size: 4.3em;
	color: white;
	padding-bottom: 0;
	font-weight: bold;
	position: relative;
	/*padding: 20px 0 35px 0;*/
}
#pre_productOverview_calc_title h1.newProducts {
	font-size: 60px;
	font-weight: normal;
}
.front.company .page #pre_productOverview_calc_title h1, .front.households .page #pre_productOverview_calc_title h1 {
	color: #1c2f67;
}
#pre_productOverview_calc_title h1 span {
	color: rgb(115,190,65);
}
.front.company .page.eco #pre_productOverview_calc_title h1, .front.households .page.eco #pre_productOverview_calc_title h1 {
	color: #ffffff !important;
	line-height: 1.0em;
}

#pre_productOverview_calc_title .price, #pre_productOverview_calc_title .price-no-tooltip {
	position: relative;
	margin: 40px 0 25px;
	font-size: 18px;
}
#pre_productOverview_calc_title .price span:nth-child(1), #pre_productOverview_calc_title .price-no-tooltip span:nth-child(1) {
	font-size: 3em;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	#pre_productOverview_calc_title .price span:nth-child(1), #pre_productOverview_calc_title .price-no-tooltip span:nth-child(1) {
		font-size: 2em;
		font-weight: bold;
	}
}
#pre_productOverview_calc_title .price span.tranb:nth-child(1), #pre_productOverview_calc_title .price-no-tooltip span.tranb:nth-child(1){
	font-size: 18px;
}
#pre_productOverview_calc_title .price span:nth-child(2), #pre_productOverview_calc_title .price-no-tooltip span:nth-child(2) {
	font-size: 2em;
}
#pre_productOverview_calc_title .price a.button, #pre_productOverview_calc_title .price-no-tooltip a.button {
	/*  position: relative;
      bottom: 13px;
      left: 55px;
      margin-bottom: auto !important;*/
	font-size: 1em;
	letter-spacing: 2px;
	padding: 0.6em 3.1em;
	font-weight: bold;
	vertical-align: top;
}

@media screen and (min-width: 1280px) {
	#pre_productOverview_calc_title .price a.button, #pre_productOverview_calc_title .price-no-tooltip a.button {
		position: relative;
		bottom: -4px;
		left: 476px;
		margin-bottom: auto !important;
	}
}
#pre_productOverview_calc_title .price a.button.orderButton, #pre_productOverview_calc_title .price-no-tooltip a.button.orderButton {
	/*  position: relative;
      bottom: 13px;
      left: 55px;
      margin-bottom: auto !important;*/
	font-size: 1em;
	letter-spacing: 2px;
	padding: 0.6em 3.1em;
	font-weight: bold;
	vertical-align: top;
	position: unset;
	bottom: auto;
	left: auto;
	right: 0px;
	margin-top: 20px;
}
#pre_productOverview_calc_title.pre_productOverview_calc_title_gas .price a.button.orderButton, #pre_productOverview_calc_title.pre_productOverview_calc_title_gas .price-no-tooltip a.button.orderButton{
	position: unset;
	margin-top: 15px;
}

@media screen and (min-width: 1280px) {
	#pre_productOverview_calc_title .price a.button.orderButton, #pre_productOverview_calc_title .price-no-tooltip a.button.orderButton {
		position: unset;
		bottom: auto;
		left: auto;
		right: 0px;
		margin-bottom: auto !important;
		margin-top: 20px;
	}
	#pre_productOverview_calc_title.pre_productOverview_calc_title_gas .price a.button.orderButton, #pre_productOverview_calc_title.pre_productOverview_calc_title_gas .price-no-tooltip a.button.orderButton{
		position: unset;
		margin-top: 15px;
	}
}

@media screen and (max-width: 660px) {
	#pre_productOverview_calc_title .price a.button.orderButton, #pre_productOverview_calc_title .price-no-tooltip a.button.orderButton {
		position: static;
	}
}

#pre_productOverview_calc_title:before, ._product_detail #pre_productOverview_miniPromo:before, ._product_detail #pre_productOverview_miniPromo_gas:before  {
	display: block;
	position: absolute;
	content: '';
	margin: 0 auto;
	left: 0;
	right: 0;
}

/*razitko na eko proudu*/
/*.pre_productOverview_calc_title_ele:after {*/
/*	position: absolute;*/
/*	content: '';*/
/*	background-image: url(../images/PREekoproud/razitko-eko.svg);*/
/*	background-repeat: no-repeat;*/
/*	background-size: 100%;*/
/*	width: 30%;*/
/*	height: 30%;*/
/*	transform: rotate(-20deg);*/
/*	bottom: 40px;*/
/*	right: 20px;*/
/*}*/

/*@media screen and (max-width: 768px) {*/
/*	.pre_productOverview_calc_title_ele:after{*/
/*		height: 25%;*/
/*		right: 10px;*/
/*	}*/
/*}*/
/*@media screen and (max-width: 425px) {*/
/*	.pre_productOverview_calc_title_ele:after{*/
/*		height: 25%;*/
/*		right: 10px;*/
/*		width: 0%;*/
/*	}*/
/*}*/

#pre_productOverview_calc_title.pre_productOverview_calc_title_ele2:before {
	left: 59%;
	width: 259px;
	height: 384px;
	bottom: -15px;
	background: url(../images/EL-zarovka.png) no-repeat 0 0/auto 100%;
}

#pre_productOverview_calc_title.pre_productOverview_calc_title_ele2 p{
	font-size: 1.6em;
	font-family: 'Arial CE', Arial, sans-serif;
}
#pre_productOverview_calc_title.pre_productOverview_calc_title_ele2 h2,
#pre_productOverview_calc_title.pre_productOverview_calc_title_gas71008 h2{
	font-size: 2.5em;
	max-width: 585px;
	padding: 20px 0px;
	z-index: 2;
}
#pre_productOverview_calc_title.pre_productOverview_calc_title_gas71008 h1{
	/*padding: 10px 0px;*/
	/*font-weight: normal;*/
}

/* Podnadpis na strance /cs/domacnosti/eleddktrina, /cs/domacnosti/elektrina, /cs/domacnosti/elektrina/preekoproud, /cs/firmy/elektrina/preekoproud */
#pre_productOverview_calc_title.pre_productOverview_calc_title_ele h3, #pre_productOverview_calc_title.pre_productOverview_calc_eco h3 {
	font-size: 3.3em;
	font-weight: bold;
	line-height: 1.3em;
	margin: .25em 0 .5em 0;
	position: relative;
}
#pre_productOverview_calc_title.pre_productOverview_calc_title_ele h3{
	font-size:  2.57142857rem;
}
@media screen and (max-width: 768px) {
	#pre_productOverview_calc_title.pre_productOverview_calc_title_ele.ecop h3{
		font-size:  28px;
		z-index: 1;
	}
}
#pre_productOverview_calc_title.pre_productOverview_calc_title_ele2 h3, #pre_productOverview_calc_title.pre_productOverview_calc_title_gas71008 h3{
	margin-bottom: 50px;
}
#pre_productOverview_calc_title.pre_productOverview_calc_title_ele2 .stdbutton, #pre_productOverview_calc_title.pre_productOverview_calc_title_gas71008 .stdbutton{
	text-decoration: none;
}
#dialog-noProduct span h3{
	font-size: 2.5em;
	color: #1C2F67;
	padding: 30px;
}


/* Uprava barvy na /cs/domacnosti/elektrina/preekoproud, /cs/firmy/elektrina/preekoproud */
#pre_productOverview_calc_title.pre_productOverview_calc_eco h3 {
	color: #ffffff;
}
#pre_productOverview_calc_title.pre_productOverview_calc_title_gas:before{
	left: calc(50% - 160px);
	/*width: 937px;*/
	height: 370px;
	bottom: -30px;
	background: url(../images/PLYN-plotna.png) no-repeat 100px 70px/auto 80%;
}
/*#pre_productOverview_calc_title.pre_productOverview_calc_title_gas:before, ._product_detail #pre_productOverview_miniPromo_gas.pre_productOverview_calc_title_gas71008:before {*/
/*	left: calc(50% - 14px);*/
/*	width: 639px;*/
/*	height: 384px;*/
/*	bottom: -90px;*/
/*	background: url(../images/PLYN-plotna.png) no-repeat 131px 80px/auto 60%;*/
/*}*/
._product_detail #pre_productOverview_miniPromo:before {
	left: 59%;
	width: 259px;
	height: 384px;
	bottom: -125px;
	background: url(../images/EL-zarovka.png) no-repeat 0 0/auto 100%;
}
._product_detail #pre_productOverview_miniPromo_gas:before {
	left: calc(50% - 250px);
	width: 937px;
	height: 384px;
	bottom: -135px;
	background: url(../images/PLYN-plotna.png) no-repeat 350px 30px/auto 60%;
}

.firmy #pre_productOverview_calc_title h1, .firmy #pre_productOverview_calc_title,
.firmy #pre_productOverview_calc_title>a,
.firmy #pre_productOverview_calc_title div.jsCalcPanelContent>a,
.firmy #pre_productOverview_calc_title div.jsCalcPanelContent div.ajaxLoaded>a {
	color: #242F64;
}
.firmy .eco #pre_productOverview_calc_title h1, .firmy .eco #pre_productOverview_calc_title,
.firmy .eco #pre_productOverview_calc_title>a,
.firmy .eco #pre_productOverview_calc_title div.jsCalcPanelContent>a,
.firmy .eco #pre_productOverview_calc_title div.jsCalcPanelContent div.ajaxLoaded>a {
	color: white;
}
#pre_productOverview_calc_vyhody {
	padding: 20px;
	position: relative;
}
#pre_productOverview_calc_vyhody ul li {
	float: left;
	position: relative;
	padding: 25px 0 0 100px;
	margin-right: 25px;
	text-transform: uppercase;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	font-size: 1.3em;
	color: #242f64;
	min-height: 85px;
	width: calc((100% - 50px) / 3);
}
#pre_productOverview_calc_vyhody ul li:last-child {
	margin-right: 0;
}
#pre_productOverview_calc_vyhody ul li:after {
	display: block;
	position: absolute;
	content: '';
	top: 0;
	left: 0;

	background: none;
	background-image: url(../images/PREmobil/sprites.png);
	background-repeat: no-repeat;
	width: 85px;
	height: 85px;
}
#pre_productOverview_calc_vyhody ul li:nth-child(1):after, .ecoProductRecommend .sprites.money {
	background-position: -163px -5px;
}
#pre_productOverview_calc_vyhody ul li:nth-child(2):after {
	background-position: -92px -124px;
}
#pre_productOverview_calc_vyhody ul li:nth-child(3):after {
	background-position: -223px -419px;
}

.eco2021carousel {
	// position: relative !important;
/*	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto;*/
}
#ecoCarusel {

	// height: 420px;
	// display: grid;
	/*align-self: stretch;
	justify-self: stretch;*/
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
}

#ecoCaruselMap area {
	cursor: pointer;
}

#ecoCarusel .dots {
	display: flex;
	justify-content: center;
	margin-top: 35px;
	width: 100%;
}

#ecoCarusel .dots > div {
	padding: 5px;
}

#ecoCarusel .dots > div > div {
	background: #9297b2;
	border-radius: 50%;
	border: 1px solid #242f65;
	cursor: pointer;
	height: 15px;
	width: 15px;
}

#ecoCarusel .dots > div > div:hover,
#ecoCarusel .dots > div.active > div{
	background: #494b5b;
}

.eco2021carousel #ecoCarusel .ecobox {
	//position: absolute;
	grid-area: 1 / 1 / 2 / 2;
	display: grid;
 	//width: 100%;
	grid-template-columns: 1fr auto;
}

.eco2021carousel #ecoCarusel .ecobox {
//position: absolute;
	grid-area: 1 / 1 / 2 / 2;
	display: grid;
//width: 100%;
	grid-template-columns: 1fr auto;
}

.eco2021carousel #ecoCarusel .ecobox .ecobox__text {
	padding-right: 20px;
}

.eco2021carousel #ecoCarusel .ecobox .ecobox__pic {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: center;
	padding-top: 3rem
}

.eco2021carousel #ecoCarusel .dots>div>div>div{
	display: table-cell;
	height: 100%;
}

/*#ecoCarusel>div {
	position: absolute;
	height: inherit;
	padding: 0 30px 0 450px;
	opacity: 0;
	top: 0;
}
#ecoCarusel>div:nth-child(1) {
	opacity: 1;
}
#ecoCarusel>div>img {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	left: 30px;
	width: 380px;
	height: 249px;
}
#ecoCarusel h4 {
	margin-bottom: 15px;
}
#ecoCarusel .dots {
	position: absolute;
	bottom: 10px;
	left: 450px;
	right: 30px;
	height: 20px;
	width: 80px;
	margin: 0 auto;
}
#ecoCarusel .dots>div {
	width: 100%;
	height: 100%;
	display: table;
}
#ecoCarusel .dots>div>div {
	display: table-cell;
	height: 100%;
}
#ecoCarusel .dots>div>div>div {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
#ecoCarusel .dots>div>div>div:after {
	width: 12px;
	height: 12px;
	border: 1px solid #242F65;
	border-radius: 12px;
	content: '';
	display: block;
	margin: auto;
	background: none;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	cursor: pointer;
}
#ecoCarusel .dots>div>div.active>div:after {
	width: 14px;
	height: 14px;
	border-radius: 14px;
	background: #9297B2;
}*/
.ecoProductRecommend .sprites, .ecoProduct .sprites {
	display: block;

	background: none;
	background-image: url(../images/PREmobil/sprites-new.png);
	background-repeat: no-repeat;
	width: 85px;
	height: 85px;
}
.dodavatele .sprites {
	margin: 0 30px 10px 0;
}
.ecoProductRecommend .box strong {
	white-space: nowrap;
}
.ecoProductRecommend .sprites.trees {
	background-position: -5px -516px;
}
.ecoProductRecommend .sprites.coals {
	background-position: -95px -517px;
}
.ecoProductRecommend .sprites.road {
	background-position: -185px -516px;
}
.ecoProduct .sprites.blossom {
	background-position: -275px -516px;
}
.ecoProduct .sprites.water {
	background-position: -365px -516px;
}
.ecoProductRecommend h4 {
	color: #6FB83E; font-weight: bold; line-height: 80px;
}
.ecoProductRecommend .desc {
	margin: 33px 5px;
}

.ecoProduct .boxFaq h3 {
	margin-bottom: 20px;
}
.ecoProduct .boxFaq h4 {
	margin: 0 0 15px;
}

.in ._price_table {
	padding-top: 0;
}

.recommendedProducts li .header h3 {
	color: #242F65;
	font-size: 2em;
}
.recommendedProducts li .header h3:before, .recommendedProducts li .header:after, ._product_detail #recommendedProduct:after {
	display: none;
}
.recommendedProducts li.recommended .header:after {
	display: block;
	position: absolute;
	margin: 0;
	top: -1px;
	right: 0px;
	width: 94px;
	height: 94px;
	background: none, url(../images/PREmobil/sprites.png) no-repeat;
	background-position: -305px -306px;
}

.recommendedProducts .description:before, ._product_detail #recommendedProduct:before {
	display:none;
}
.recommendedProducts .description .left,
._product_detail #recommendedProduct .left,
._product_detail .productdetail .pull-left,
.ecoProductRecommend .saved-box
{
	width: 68.4%;
	padding-right: 15px;
	border-right: 1px solid #c1c8d8;
}
.ecoProductRecommend.saveNature .saved-box{
	width: 100%;
}
.ecoProductRecommend .saved-box {
	/*width: 67.1%;*/
	border-right: none;
}
.ecoProductRecommend .saved-box .saved-table {
	padding: 10px 0 0 20px;
}
.ecoProductRecommend .inner {
	padding: 20px 0 20px 20px;
}
.recommendedProducts .description .right, ._product_detail #recommendedProduct .right, ._product_detail .productdetail .pull-right {
	position: relative;
	left: -1px;
	width: 31.6%;
	padding-left: 28px;
	padding-right: 11px;
	border-left: 1px solid #c1c8d8;
}
.recommendedProducts .right .price, ._product_detail #recommendedProduct .right .price {
	float: none;
	text-align: center;
	margin-bottom: 15px;
	font-size: 13.125px;
	color: rgb(119,119,119);
}
.recommendedProducts .right .price strong, ._product_detail #recommendedProduct .right .price strong {
	color: #242F65;
}
.recommendedProducts .right .price strong .info,
._product_detail #recommendedProduct .right .price strong .info,
.ecoProductRecommend .price strong .info{
	display: inline-block;
	background: url("../images/icons.png") no-repeat scroll -411px -236px rgba(0, 0, 0, 0);
	height: 30px;
	width: 30px;
	position: relative;
	top: 6px;
	left: 10px;
}
.recommendedProducts .right .order2, .recommendedProducts .right .order, ._product_detail #recommendedProduct .right .order, ._product_detail #recommendedProduct .right .order2 {
	padding: 11px 0;
	text-align: center;
	display: block;
	float: none;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 1.3em;
}
._product_detail #pre_productOverview_miniPromo, ._product_detail #pre_productOverview_miniPromo_gas {
	/*border-bottom: 1px solid rgb(204, 204, 204);*/
	padding: 15px 0 20px;
	position: relative;
}
._product_detail #pre_productOverview_miniPromo h1, ._product_detail #pre_productOverview_miniPromo_gas h1 {
	/*color: #242F65;*/
	font-size: 4em;
	font-weight: bold;
	line-height: 1;
	padding: 10px 0 35px 0;
}
.firmy ._product_detail #pre_productOverview_miniPromo_gas h1, .firmy ._product_detail #pre_productOverview_miniPromo_gas p,
.firmy ._product_detail #pre_productOverview_miniPromo h1, .firmy ._product_detail #pre_productOverview_miniPromo p {
	color: #242F65;
}
._product_detail #pre_productOverview_miniPromo p, ._product_detail #pre_productOverview_miniPromo_gas p {
	color: #FFF;
	font-size: 1.6em;
	padding: 10px 0 0 0;
	margin: 0;
}

.front.households .page .intro #pre_productOverview_miniPromo p,
.front.company .page .intro #pre_productOverview_miniPromo p,
.front.households .page .intro #pre_productOverview_miniPromo_gas p,
.front.company .page .intro #pre_productOverview_miniPromo_gas p {
	color: #1c2f67;
}

._product_detail .productdetail .pull-right {
	padding-left: 15px;
	padding-right: 15px;
}

._product_detail .priceTable .legend {
	width: 200px;
}
._product_detail .priceTable .products {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 200px;
	right: 0;
	border-radius: 10px 0 0 0;
	font-size: 0;
	white-space: nowrap;
}
._product_detail .priceTable .products>* {
	font-size: 14px;
}
._product_detail .priceTable.masked .products .product {
	display: none;
}
._product_detail .priceTable .products .product {
	display: inline-block;
	width: 205px;
	padding-right: 5px;
	position: relative;
}
._product_detail .priceTable .products .product.selected {
	z-index: 1;
}
._product_detail .priceTable.masked .products .product.selected {
	width: 400px;
	display: inline-block;
}
._product_detail .priceTable .legend>div, ._product_detail .priceTable .products .product div {
	height: 60px;
	padding-top: 20px;
	border-bottom: 1px solid #c1c8d8;
	color: black;
}
._product_detail .priceTable .legend>div {
	padding-left: 10px;
	font-weight: bold;
}
._product_detail .priceTable .legend>div span {
	cursor: pointer;
	font-size: 14px;
	width: 26px;
	height: 26px;
	text-align: center;
	padding-top: 6px;
	background: rgb(242, 242, 242);
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: 5px;
	margin-top: -10px;
	color: #242F65;
}
._product_detail .priceTable .legend>div.pull-left {
	height: 120px;
	padding-top: 45px;
	padding-right: 15px;
}
._product_detail .priceTable .products .product div {
	text-align: center;
	background-color: rgb(242, 242, 242);
}
._product_detail .priceTable .products .product>a:hover div {
	background-color: #E7EBF4;
}
._product_detail .priceTable .products .product.selected>a>div:first-child {
	background-color: rgb(115, 191, 65);
	border-bottom-color: rgb(115, 191, 65);
}
._product_detail .priceTable .products .product>a {
	text-decoration: none;
}
._product_detail .priceTable .products .product>a>div:first-child {
	border-radius: 10px 10px 0 0;
	background-color: rgb(174, 174, 174);
	border-bottom-color: rgb(174, 174, 174);
	color: white;
	font-weight: bold;
	white-space: pre-line;
	padding-left: 11px;
	padding-right: 11px;
}
._product_detail .priceTable .products .product>a:hover>div:first-child {
	background-color: rgb(76, 181, 7);
	border-bottom-color: rgb(76, 181, 7);
}
._product_detail .priceTable .products .priceTableMore, ._product_detail .priceTable.masked .products .priceTableMore:nth-child(-n + 2) {
	display: none;
}
._product_detail .priceTable .products .priceTableMove {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 30px;
	background-color: rgba(255, 255, 255, 0.72);
}
._product_detail .priceTable .products .priceTableMove:hover:before {
	width: 19px;
	height: 14px;
}
._product_detail .priceTable .products .priceTableMove.priceTableMoveRight:hover:before {
	background-position: -136px -376px;
}
._product_detail .priceTable .products .priceTableMove.priceTableMoveLeft:hover:before {
	background-position: -159px -376px;
}
._product_detail .priceTable.masked .products .priceTableMove {
	display: none;
}
._product_detail .priceTable .products .priceTableMove.priceTableMoveLeft {
	right: 0;
}
._product_detail .priceTable .products .priceTableMove.priceTableMoveRight {
	left: 200px;
}
._product_detail .priceTable .priceTableMove:before {
	background: url("../images/icons.png") no-repeat scroll  rgba(0, 0, 0, 0);
	content: "";
	display: block;
	height: 14px;
	left: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 8px;
}
._product_detail .priceTable .priceTableMove.priceTableMoveLeft:before {
	background-position: -117px -161px;
}
._product_detail .priceTable .priceTableMove.priceTableMoveRight:before {
	background-position: -99px -161px;
}
._product_detail ._footer_product_detail a.button.center {
	width: 200px;
	margin: 0 auto;
	float: none !important;
	display: block;
}

._product_detail.miniProductDetail .priceTable .products .priceTableMove {
	display: none;
}
._product_detail.miniProductDetail .priceTable .products .product.selected {
	width: 100%;
	padding-right: 0;
	display: inline-block;
}
._product_detail.miniProductDetail .priceTable .products .product {
	display: none;
}

#pre_productOverviewForm_firstBox {
	padding: 15px 20px;
	position: relative;
}
.preProductOverviewFormFirstBoxSL03#pre_productOverviewForm_firstBox {
	padding: 0 20px 30px 20px;
}
#pre_productOverviewForm_firstBox h3 {
	float: left;
}
#pre_productOverviewForm_firstBox h2 {
	margin-bottom: 15px;
}
#pre_productOverviewForm_firstBox.glue-bottom {
	border-radius: 3px 3px 0 0;
	margin-bottom: 0;
}
.priceTable table td {
	text-align: right;
}
.priceTable table td:first-of-type {
	text-align: left;
	white-space: nowrap;
}


@media screen and (max-width: 980px) {
	.pre_productOverviewForm_footer li {
		display: block;
		width: auto;
		border-right: 0;
	}

	#pre_productOverview_calc_vyhody ul li, #pre_productOverview_calc_vyhody ul li:nth-child(3) {
		padding: 100px 10px 0;
		text-align: center;
	}

	#pre_productOverview_calc_vyhody ul li:after {
		right: 0;
		margin: 0 auto;
	}

	.step1, .step2, .step3, .step4 {
		float: none;
		width: 100%;
		border-right: none;
		border-top: 1px solid #d6d8e2;
		padding: 15px 0;
	}

	.step1:after {
		clear: both;
		display: block;
		content: "";
	}

	span.steps {
		left: 0;
		top: 16px;
	}

	#annualUsageSlider {
		width: calc(100% - 160px);
	}

	#pre_productOverviewForm.minified .step1 {
		border-top: none;
		padding-top: 0;
	}

	#pre_productOverviewForm.minified #fieldsetUsageNotKnown .deminificator, #pre_productOverviewForm.minified .gas .deminificator {
		margin: 0 auto;
	}

	._product_detail .priceTable.masked .products .product.selected {
		width: 205px;
	}

	._product_detail .priceTable.masked .products .priceTableMore {
		left: 205px;
	}
	.recommendedProducts .description .right, ._product_detail #recommendedProduct .right, ._product_detail .productdetail .pull-right {
		width: 100%;
		padding: 0;
		border-left: none;
		border-top: 1px solid #c1c8d8;
		clear: both;
		padding-top: 15px;
	}
}

@media screen and (max-width: 768px) {


	#pre_productOverview_calc_vyhody ul li {
		width: calc((100% - 25px) / 2);
	}

	#pre_productOverview_calc_vyhody ul li:nth-child(2n) {
		margin-right: 0;
	}

	#pre_productOverview_calc_vyhody ul li:nth-child(n+3) {
		margin-top: 25px;
	}

	#fieldsetUsageNotKnown .recommendButton, .gas .recommendButton {
		display: block;
		margin: 1em auto 0;
	}

	.recommendedProducts .description .left, ._product_detail #recommendedProduct .left, ._product_detail .productdetail .pull-left {
		width: 100%;
		padding: 0;
		border: none;
	}

	#recommendedProduct .left .description ul li, .recommendedProducts .left .description-inner ul li, .recommendedProducts .left .description ul li {
		width: 100%;
	}

	#recommendedProduct .left .more, .recommendedProducts .left .more {
		margin: 10px 0 15px;
	}

	.recommendedProducts .description .right, ._product_detail #recommendedProduct .right, ._product_detail .productdetail .pull-right {
		width: 100%;
		padding: 0;
		border-left: none;
		border-top: 1px solid #c1c8d8;
		clear: both;
		padding-top: 15px;
	}

	._product_detail .priceTable .products .product.selected {
		width: 100%;
		padding-right: 0;
	}

	._product_detail .priceTable.masked .products .product.selected {
		width: 100%;
		padding-right: 0;
	}

	._product_detail .priceTable .products .priceTableMore, ._product_detail .priceTable.masked .products .priceTableMore {
		display: none;
	}

	._product_detail .priceTable .products {
		left: 50%;
	}

	._product_detail .priceTable .legend {
		width: 50%;
	}
	._product_detail #pre_productOverview_miniPromo:before {
		display: none;
	}
	._product_detail #pre_productOverview_miniPromo_gas:before {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.eco2021carousel #ecoCarusel .ecobox .ecobox__pic {
		order: 1;
		padding-top: 0;
	}

	.eco2021carousel #ecoCarusel .ecobox .ecobox__text {
		order: 2;
		grid-template-columns: 1fr;
	}

	.eco2021carousel #ecoCarusel {
		align-items: flex-start;
	}

	.eco2021carousel #ecoCarusel .ecobox {
		grid-template-columns: 1fr;
	}
}


/* Wide account login
/*-----------------------------*/
#component-login {
	margin: 20px 0;
}
.account-login-wide.box.red {
	min-height: 56px;
	padding: 2px 10px 2px 0;
}
.account-login-wide.red input[type="password"] {
	width: 120px;
}
.account-login-wide.red fieldset span {
	margin: 0 10px;
}
.account-login-wide .inner-box-slim {
	padding: 5px;
}
.account-login-wide i.icon-user {
	display: block;
	float: left;
	width: 26px;
	height: 26px;
	margin: 8px 12px;
	background: url('../images/icons.png') -9px -190px;
}
.account-login-wide .twoRows {
	display: inline-block;
	float: left;
	line-height: 1.2em;
	font-size: .9em;
	padding: 6px 4px;
}
.account-login-wide fieldset {
	float: right;
}
.account-login-wide input[type="text"], .account-login-wide input[type="password"] {
	width: 165px;
}
.account-login-wide .radios {
	float: right;
}
.account-login-wide a.button.radio {
	display: inline-block;
	width: 220px;
	margin-left: 6px;
}
.account-login-wide a.button.next-step {
	margin: 6px;
}

.fluid .account-login-wide {
	text-align: center;
}
.fluid .account-login-wide fieldset {
	clear: both;
	float: none;
}
.fluid .account-login-wide i.icon-user {
	float: none;
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0;
}
.fluid .account-login-wide .twoRows {
	display: inline-block;
	float: none;
}

.fluid .recommendedProducts .left,
.fluid .recommendedProducts .right {
	display: block;
	float: none;
	width: auto;
	padding-right: 0;
	border-right: 0;
}
.fluid #recommendedProduct:before, .fluid .recommendedProducts .description:before {
	display: none;
}
.fluid #recommendedProduct .left .description,
.fluid .recommendedProducts .left .description,
.fluid .recommendedProducts .left .description-inner,
.fluid #recommendedProduct .left > p, .fluid .recommendedProducts .left > p {
	padding-left: 0;
}

#selected-vkonts-container {
	/*	background: #fff;
		padding: 12px;
		border-radius: 4px;*/
}
/*#selected-vkonts th {
	text-align: left;
	padding: 0 10px;
}
#selected-vkonts td {
	vertical-align: middle;
}
#selected-vkonts td:nth-child(2) {
	color: #71675B;
}
#selected-vkonts td .ico {
	vertical-align: middle;
	float: none;
	display: inline-block;
}
#selected-vkonts .indicator {
	margin-top: 0;
}*/
#selected-vkonts .account,
.vkont {
	line-height: 30px;
	margin: 0 6px 0 0;
}
a.remove, span.remove, a.remove-product, .ico.remove {
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url('../images/icons.png') -159px -159px no-repeat;
	margin: 0;
	text-indent: -9999px;
	outline: 0;
}
a.remove.inline {
	vertical-align: middle;
}
.ico.remove.profiles {
	float:	none;
}

/* Electricity result
/*--------------------------------------*/
#component-calculator .result {
	position: relative;
	font-size: 110%;
	padding-left: 60px;
}
#component-calculator .result:before {
	content: '';
	width: 26px;
	height: 26px;
	background: url('../images/icons.png') -101px -54px no-repeat;
	display: block;
	left: 17px;
	top: 50%;
	margin-top: -13px;
	position: absolute;
}
#calculatorHelper {
	position: absolute;
	right: -290px;
	top: 20px;
	width: 370px;
	height: 387px;
	display: none;
	background: url('../images/calculatorHelper.jpg') 0 0 no-repeat;
	-webkit-box-shadow: 0px 0px 10px 0px #999;
	box-shadow: 0px 0px 10px 0px #999;
}
#calculatorHelper .calculatorExplanation {
	position: absolute;
	display: none;
	height: 20px;
	border: 3px solid red;
	border-radius: 8px;
}


.search-box {
	position: relative;
}
.search-box input {
	padding-right: 75px;
}
.search-box button {
	border: 0 none;
	color: #002C5C;
	background-color:  transparent;
	font-family: 'HelveticaNeueW02-47LtCn 694048','Arial CE',Arial,sans-serif;
	font-size: 1.07em;
	line-height: 1;
	margin-top: 7px;
	position: absolute;
	right: 2px;
	text-transform: uppercase;
	top: 0;
}

.search-box button .search-icon {
	display: inline-block;
	float: left;
	background: url("../images/sprite.png") no-repeat scroll 0 -154px;
	width: 16px;
	height: 16px;
	margin-top: -1px;
}


/** vysvetleni faktury **/
.invoice-example {
	border: 1px solid #000;
}
.invoice-explanation-container{
	position: relative;
	padding-bottom: 30px;
}
.invoice-explanation {
	display: block;
	width: 680px;
	height: 962px;
	margin: 5px -15px;
	border: 1px solid #000;
}
.vo.arrear .invoice-explanation.page1 { background: url('../images/invoice_explanation/vf-mop-ele-nedoplatek-1.png') 0 0 no-repeat; }
.vo.arrear .invoice-explanation.page2 { background: url('../images/invoice_explanation/vf-mop-ele-nedoplatek-2.png') 0 0 no-repeat; }
.vo.arrear .invoice-explanation.page3 { background: url('../images/invoice_explanation/vf-mop-ele-nedoplatek-3.png') 0 0 no-repeat; }

.vo.overpay .invoice-explanation.page1 { background: url('../images/invoice_explanation/vf-mop-ele-preplatek-1.png') 0 0 no-repeat; }
.vo.overpay .invoice-explanation.page2 { background: url('../images/invoice_explanation/vf-mop-ele-preplatek-2.png') 0 0 no-repeat; }
.vo.overpay .invoice-explanation.page3 { background: url('../images/invoice_explanation/vf-mop-ele-preplatek-3.png') 0 0 no-repeat; }

.gas.mo .invoice-explanation.page1 { background: url('../images/invoice_explanation/vf-moo-gas-do-63-1.png') 0 0 no-repeat; }
.gas.mo .invoice-explanation.page2 { background: url('../images/invoice_explanation/vf-moo-gas-do-63-2.png') 0 0 no-repeat; }
.gas.mo .invoice-explanation.page3 { background: url('../images/invoice_explanation/vf-moo-gas-do-63-3.png') 0 0 no-repeat; }

.gas.mo.up .invoice-explanation.page1 { background: url('../images/invoice_explanation/vf-moo-gas-nad-63-1.png') 0 0 no-repeat; }
.gas.mo.up .invoice-explanation.page2 { background: url('../images/invoice_explanation/vf-moo-gas-nad-63-2.png') 0 0 no-repeat; }
.gas.mo.up .invoice-explanation.page3 { background: url('../images/invoice_explanation/vf-moo-gas-nad-63-3.png') 0 0 no-repeat; }

.gas.mop .invoice-explanation.page1 { background: url('../images/invoice_explanation/vf-mop-gas-do-63-1.png') 0 0 no-repeat; }
.gas.mop .invoice-explanation.page2 { background: url('../images/invoice_explanation/vf-mop-gas-do-63-2.png') 0 0 no-repeat; }
.gas.mop .invoice-explanation.page3 { background: url('../images/invoice_explanation/vf-mop-gas-do-63-3.png') 0 0 no-repeat; }

.gas.mop.up .invoice-explanation.page1 { background: url('../images/invoice_explanation/vf-mop-gas-nad-63-1.png') 0 0 no-repeat; }
.gas.mop.up .invoice-explanation.page2 { background: url('../images/invoice_explanation/vf-mop-gas-nad-63-2.png') 0 0 no-repeat; }
.gas.mop.up .invoice-explanation.page3 { background: url('../images/invoice_explanation/vf-mop-gas-nad-63-3.png') 0 0 no-repeat; }

/*.mo.arrear .invoice-explanation.page1 { background: url('../images/invoice_explanation/vf-moo-nedoplatek-1.png') 0 0 no-repeat; }*/
/*.mo.arrear .invoice-explanation.page2 { background: url('../images/invoice_explanation/vf-moo-nedoplatek-2-640.png') 0 0 no-repeat; }*/
/*.mo.arrear .invoice-explanation.page3 { background: url('../images/invoice_explanation/vf-moo-nedoplatek-3.png') 0 0 no-repeat; }*/
.mo.arrear .invoice-explanation.page1 { background: url('../images/invoice_explanation/mooElNedoplatek1.png') 0 0 no-repeat; }
.mo.arrear .invoice-explanation.page2 { background: url('../images/invoice_explanation/mooElNedoplatek2.png') 0 0 no-repeat; }
.mo.arrear .invoice-explanation.page3 { background: url('../images/invoice_explanation/mooElNedoplatek3.png') 0 0 no-repeat; }

.mo.overpay .invoice-explanation.page1 { background: url('../images/invoice_explanation/vf-moo-preplatek-1.png') 0 0 no-repeat; }
.mo.overpay .invoice-explanation.page2 { background: url('../images/invoice_explanation/vf-moo-preplatek-2.png') 0 0 no-repeat; }
.mo.overpay .invoice-explanation.page3 { background: url('../images/invoice_explanation/vf-moo-preplatek-3.png') 0 0 no-repeat; }

.explanation-position {
	position: absolute;
	display: block;
	height: 13px;
	width:100px;
	cursor: pointer;
}
.explanation-position .overlay{
	width: 100%;
	height: 100%;
}
.explanation-position:hover .overlay {
	background: rgba(2,53,108,0.25);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.explanation-position .field-num {
	color: #FFFFFF;
	display: block;
	font-size: 70%;
	font-weight: bold;
	height: 12px;
	left: -16px;
	position: absolute;
	text-align: center;
	top: 3px;
	width: 12px;
}
.explanation-position:before {
	background-color: #DF5A5A;
	border-radius: 7px;
	content: "";
	display: block;
	height: 15px;
	left: -17px;
	position: absolute;
	top: 0px;
	width: 15px;
}
.explanation-position .boxdata{
	display: none;
}

/** invoice tooltip */
#tooltipInvoice h3 {
	font-size: 20px;
}
#tooltipInvoice p {
	font-size: 11px;
	margin-left: 0px;
	color: black;
}
#tooltipInvoice strong {
	display: inline;
}



/* Menu Navigation
/*------------------------------*/

/* global */
#nav-menu {
	margin-bottom: 20px;
	font-size: 1.25em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#nav-menu ul {
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
#nav-menu, #nav-menu > li:first-child, #nav-menu > li:first-child > a {
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-top-right-radius: 4px;
	-moz-border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}
#nav-menu, #nav-menu > li:last-child, #nav-menu > li:last-child > a {
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	-moz-border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
#nav-menu li a {
	position: relative;
	display: block;
	background: #fff;
	padding: .75em .5em;
	text-decoration: none;
	border-left: 5px solid #002f61;
	border-bottom: 1px solid #002f61;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
}
#nav-menu li:last-child > a {
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

#nav-menu li.active > a {
	background-color: #E7EBF4;
}
#nav-menu li.open > a {
	border-color: #bc3f3f;
	background-color: #E7EBF4;
	/*
	background-image: -moz-linear-gradient(top, #c95353, #bc3f3f);
	background-image: -ms-linear-gradient(top, #c95353, #bc3f3f);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c95353), to(#bc3f3f));
	background-image: -webkit-linear-gradient(top, #c95353, #bc3f3f);
	background-image: -o-linear-gradient(top, #c95353, #bc3f3f);
	background-image: linear-gradient(top, #c95353, #bc3f3f);
	background-repeat: repeat-x;*/
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c95353', endColorstr='#bc3f3f', GradientType=0);*/
}
#nav-menu li.open > a.pdfversionlink{
	-webkit-border-top-right-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-top-right-radius: 0px;
	-moz-border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	border-top: none;
	padding-top: 0px;
}
#nav-menu li.open a.pdfversionlink ~ a{
	border-bottom: none;
}
#nav-menu li a.pdfversionlinkbefore{
	border-bottom: none;
}



#nav-menu a:hover, #nav-menu li.active a:hover {
	color: #fff;
	border-color: #04356a;
	background-color: #04356a;
	background-image: -moz-linear-gradient(top, #002f61, #093d77);
	background-image: -ms-linear-gradient(top, #002f61, #093d77);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#002f61), to(#093d77));
	background-image: -webkit-linear-gradient(top, #002f61, #093d77);
	background-image: -o-linear-gradient(top, #002f61, #093d77);
	background-image: linear-gradient(top, #002f61, #093d77);
	background-repeat: repeat-x;
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002f61', endColorstr='#093d77', GradientType=0);*/
}

#nav-menu ul {
	background: none;
	background: rgba(255,255,255,0.15);
	border-left: 1px solid rgba(0,0,0,0.15)
}

/* deep */
#nav-menu li.active + li a {
	border-top: 1px solid #002f61;
}


/* first level */
#nav-menu > li {
}
/* second level */
#nav-menu > li > ul > li {padding-left: 10px;}
#nav-menu > li > ul > li a {font-size: .9em; padding: .6em 1em;}
/* third level */
#nav-menu > li > ul > li > ul > li {padding-left: 10px;}
#nav-menu > li > ul > li > ul > li a {font-size: .85em; padding: .6em 1em;}
/* fourth level */
#nav-menu > li > ul > li > ul > li > ul > li {padding-left: 10px;}
#nav-menu > li > ul > li > ul > li > ul > li a {font-size: .75em; padding: .6em 1em;}
/* zmensovani fontu v urovnich */

/* triicek */
#nav-menu li.active > a:first-child:nth-last-child(2),
#nav-menu li.open > a:first-child:nth-last-child(2) {
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
#nav-menu li.open > a.pdfversionlinkbefore:first-child:nth-last-child(2) {
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom: none;
}
#nav-menu li.active + li a {
	-webkit-border-top-left-radius: 4px;
	-moz-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
}
#nav-menu li.active + li a.pdfversionlinkbefore {
	-webkit-border-top-left-radius: 0px;
	-moz-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	border-bottom: none;
	border-bottom: dotted;
}
#nav-menu li.active > a:first-child:nth-last-child(2):after {
	display: block;
	content: '';
	position: absolute;
	right: 1em;
	top: 50%;
	margin-top: -4px;
	width: 14px;
	height: 8px;
	background: url('../images/icons.png') -49px -164px;
}
#nav-menu li.active.open > a:first-child:nth-last-child(2):after {
	background: url("../images/icons.png") -49px -164px;
}
#nav-menu li.active > a:hover:first-child:nth-last-child(2):after {
	background: url('../images/icons.png') -49px -142px;
}

#nav-menu li.active:last-child > a:first-child:nth-last-child(2) {
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

#nav-menu .pdfversion{
	padding: 0 0 0 30px;
	position: relative;
}
#nav-menu .pdfversion:after{
	content: '';
	width: 19px;
	height: 22px;
	background: url("../images/pdf-ikona.gif") no-repeat scroll -0px -0px rgba(0, 0, 0, 0);
	position: absolute;
	top: -2px;
	left: 0px;
}

/* EN beforesubmenubox */
.before-submenu-box {
	margin-bottom: 20px;
	background-color: #fff;
	border-bottom: 1px solid #73bf41;
	border-left: 5px solid #73bf41;
	font-family: "HelveticaNeueW02-47LtCn 694048","Arial CE",Arial,sans-serif;
	padding: 0.75em 0.5em;
	border-radius: 3px;
	font-size: 1.25em;
}


/* Progress
/*---------------------------------------------*/

.progress {
	position: relative;
	display: block;
	display: tabl\e;
	width: 100%;
	counter-reset: steps;
	padding: 4px 20px 16px;
	overflow: hidden;
}

.progress li {
	position: relative;
	float: left;
	display: inline-block;
	width: 50%;
	display: table-cel\l;
	text-align: center;
	color: #777;
	padding: 70px 8px 0;
	z-index: 1;
}
.progress li a {
	color: #777;
}
.progress li.active {
	color: #000;
}
.progress li:first-child {
	text-align: left;
	padding-left: 0;
}
.progress li:last-child {
	text-align: right;
	padding-right: 0;
}

/* korekce mezer 3 polozek */
/*.progress li:nth-child(1):nth-last-child(3),
.progress li:nth-child(3):nth-last-child(1)*/ /* !!! Docasne kvuli bugu v Chrome !!! */
.progress.items-3 .item-1, .progress.items-3 .item-3 {width: 28%; } /* prvni a posledni */
/*.progress li:nth-child(2):nth-last-child(2)*/ /* !!! Docasne kvuli bugu v Chrome !!! */
.progress.items-3 .item-2 {width: 44%;} /* prostredni */

/* korekce mezer 4 polozek */
/*.progress li:nth-child(1):nth-last-child(4),
.progress li:nth-child(4):nth-last-child(1),*/ /* !!! Docasne kvuli bugu v Chrome !!! */
.progress.items-4 .item-1, .progress.items-4 .item-4 {width: 20%;} /* prvni a posledni */
/*.progress li:nth-child(2):nth-last-child(3),
.progress li:nth-child(3):nth-last-child(2)*/ /* !!! Docasne kvuli bugu v Chrome !!! */
.progress.items-4 .item-2, .progress.items-4 .item-3 {width: 30%;} /* druhy a treti */

/* korekce mezer 5 polozek */
/*.progress li:nth-child(1):nth-last-child(5), .progress li:nth-child(5):nth-last-child(1)*/ /* !!! Docasne kvuli bugu v Chrome !!! */
.progress.items-5 .item-1, .progress.items-5 .item-5 {width: 14%;} /* prvni a posledni */
/*.progress li:nth-child(2):nth-last-child(4), .progress li:nth-child(3):nth-last-child(3),
.progress li:nth-child(4):nth-last-child(2)*/ /* !!! Docasne kvuli bugu v Chrome !!! */
.progress.items-5 .item-2, .progress.items-5 .item-3, .progress.items-5 .item-4 {width: 24%;} /* x-2-3-4 */

/* counter */
.progress li:after {
	counter-increment: steps;
	content: counter(steps);
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -30px;
	width: 48px;
	height: 48px;
	background: #e6eaf3;
	background-clip: content-box;
	border: 6px solid #cdd8ea;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ie-border-radius: 50%;
	border-radius: 50%;

	color: #02356c;
	font-size: 2em;
	line-height: 1.66em;
	text-align: center;
	z-index: 9;
}
.progress li:first-child:after {
	left: 0;
	margin-left: 0;
}
.progress li:last-child:after {
	left: auto;
	right: 0;
}
.progress li.done:after {
	content: '';
	background: #73be3f url('../images/check_32.png') center center no-repeat;
	background-clip: content-box;
	border: 6px solid rgba(115,190,63,0.5);
	color: #fff;
}
.progress li.active:after {
	background: #242F65;
	background-clip: content-box;
	border: 6px solid rgba(2,53,108,0.25);
	color: #fff;
}

/* bar */
.progress li:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 28px;
	right: 0;
	height: 6px;
	background: #cdd8ea;
	z-index: -1;
}
.progress li.done:before {
	background: #73be3f;
	right: -60%;
	z-index: 1;
}
.progress li.active:before {
	left: 50%;
}
.progress li.active:last-child:before {
	left: 100%;
}
.progress li:first-child:before {
	left: 8px;
}
.progress li:last-child:before {
	right: 8px;
}

/* korekce */
.progress li.done:last-child:before, .progress li.done.lasta:before {
	right: 8px;
}
.progress li.done:first-child:nth-last-child(2):before {
	right: -95%;
}
.progress li.done:nth-child(1):nth-last-child(3):before {
	right: -70%;
	z-index: 2;
}

.progress li.active:before {
	background: #02356c;
}

.sl-description {
	margin: -15px 20px 30px 20px;
	color: #71675B;
}

.sl-description-orange {
	margin: -15px 20px 30px 20px;
	color: #df7e00;
	line-height: 1.3em;
}

.topLine {
	border-top: 1px solid #9CAAC4;
}
/* Icons
/*-------------------------------*/
i {
	display: inline-block;
}
i.req {
	font-size: 1.2em;
	/*font-weight: bold;*/
	/*color: #ea6a6a;*/
	padding-right: 3px;
}


/* Bulls
/*-------------------------------*/
i.bull {
	display: inline-block;
	width: 96px;
	height: 96px;
	background: #e6eaf3;
	background-clip: content-box;
	background-position: center center;
	background-repeat: no-repeat;
	background-clip: content-box;
	border: 9px solid #cdd8ea;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ie-border-radius: 50%;
	border-radius: 50%;

	color: #02356c;
	font-size: 4em;
	line-height: 3.32em;
	text-align: center;
	margin-bottom: 20px;
}
i.bull.green {
	background-color: #73be3f;
	border: 9px solid rgba(115,190,63,0.5);
	color: #fff;
}
i.bull.blue {
	background-color: #242F65 !important;
	border: 9px solid rgba(36,47,101,0.5);
	color: #fff;
}
i.bull.red {
	background-color: #df0032 !important;
	border: 9px solid rgba(223,0,50,0.5);
	color: #fff;
}
i.bull.ok {
	background-image: url('../images/check_48.png');
}
i.bull.lower-30 {
	margin-top: 30px;
}
i.bull.nok {
	background-image: url('../images/cancel_48.png');
}
i.bull.ok32 {
	background-image: url('../images/check_32.png');
}
i.bull.nok32 {
	background-image: url('../images/cancel_32.png');
	width: 75px;
	height: 75px;
}
i.bull.nok24 {
	background-image: url('../images/cancel_24.png');
}
i.bull.exclamation-mark {
	line-height: 80px;
	font-style: normal;
}
i.bull.exclamation-mark::after {
	content: "!";
}
i.bull.small{
	width: 55px;
	height: 55px;
	font-size: 32px;
}
i.bull.exclamation-mark.small{
	line-height: 44px;
}

i.bull.blue.small{
	border: 6px solid rgba(36,47,101,0.5);
}
i.bull.red.small{
	border: 6px solid rgba(223,0,50,0.5);
}
i.bull.green.small{
	border: 6px solid rgba(115,190,63,0.5);
}

i.bullSmallOk{
	background-image: url('../images/ikony-check-zelena.png');
}
i.bullSmallNOk{
	background-image: url('../images/ikony-check-cervena.png');
}
i.bullSmallExMark{
	background-image: url('../images/ikony-check-modra.png');
}
i.bull.nok32.position-relative {
	top: -20px;
}
@media screen and (max-width: 445px) {
	i.bull.nok32.position-relative {
		top: auto;
		left: 20px;
	}
}

/* Visual map list
/*-------------------------------*/
.map {
	display: inline-block;
	height: 200px;
	width: 343px;
}
.map li {
	position: relative;
}
.map input {
	position: absolute;
	left: -9999px;
}
.map span {
	display: none;
}
.map li label {
	position: absolute;
	display: block;
	background-position: center center;
	cursor: pointer;
}

/* regions */
.map li label[for="region_cz"] {
	width: 343px;
	height: 200px;
	background-image: url('../images/map/czmap_default.png');
	background-size: 343px 200px;
}
.map li label[for="region_cz"]:hover, .map li label[for="region_cz"].checked {
	background-image: url('../images/map/czmap_hover.png');
}
.map li label[for="region_prg"] {
	width: 35px;
	height: 28px;
	left: 103px;
	top: 72px;
	background-image: url('../images/map/prgmap_default.png');
	background-size: 35px 28px;
}
.map li label[for="region_prg"]:hover, .map li label[for="region_prg"].checked {
	background-image: url('../images/map/prgmap_hover.png');
}

#CustomerAccount_account{
	position: relative;
}
#CustomerAccount_account .iddqd{
	position: absolute;
	bottom: 15px;
	left: 240px;
}

.priceTooltip {
	line-height: 22px;
	width: 275px;
}
.priceTooltip .grey {
	float: right;
	color: grey;
	margin-top: -5px;
}
.priceTooltip .label {
	float: left;
}
.priceTooltip .grey.label {
	position: relative;
	bottom: -8px;
}
.priceTooltip .priceHolder {
	float: right;
	font-weight: bold;
	font-size: 1.3em;
}
.priceTooltip hr {
	margin: 5px 0;
}
.priceTooltip .priceHolder.bigger {
	font-size: 1.5em;
}



/*=================== FAKTURY A ZALOHY - ZMENA ZALOH ====================*/


/* TODO všechno pryč po odstranění původního address selectoru!!!!!!!!!!!!!!!!! */
#component-address-selector {
	margin: 0 -10px;
}
.addressContainer {
	margin: 10px;
}
.addressSelector {
	float: left;
	width: 206px;
	height: 80px;
	padding: 10px;
	display: block;
	text-decoration: none;
	margin: 0;
	position: relative;
	padding-left: 40px;
	border-radius: 3px;
	overflow: hidden;
	font-size: 90%;
	border: 1px solid #242F65;
	margin-right: 2px;
	margin-left: 2px;
	box-shadow: 0 1px 4px 1px rgba(36, 47, 101, 0.3) inset;
}
.addressSelector.active {
	background: #fff;
	font-weight: bold;
}
.addressSelector:hover {
	background: #D2D8E4;
	border: 1px solid #242F65;
}
.addressSelector .ico {
	top: 10px;
	left: -4px;
	position: absolute;
}
/* TODO END !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

.indicator {
	width: 12px;
	height: 12px;
	border-radius: 4px;
	margin-top: 10px;
}
.indicator.green {
	background-color: green;
}
.indicator.red {
	background-color: red;
}

.left-col, .right-col {
	width: 50%;
	float: left;
	/*padding: 10px;*/
}
.left-col .t-cell, .right-col .t-cell {
	width: 270px;
}
.button.full-width {
	width: 610px;
}
.left-col .float-right, .right-col .float-right {
	line-height: 20px;
}
.left10{
	margin-left: 10px;
}
.anotation {
	color: #71675B;
	font-size: 0.9em;
	line-height: 1.4em;
}


/* tabulka vyhledaných výsledků */
#jsSearchResult {
	border: 0;
}
#jsSearchResult .match{
	background-color:rgb(153,204,255);
}
#jsSearchResult td {
	padding: 15px 20px;
}
#jsSearchResult .result_abstract {
	padding-top: 5px;
}
#jsSearchResult .result_path {
	color: #73BF41;
	text-decoration: none;
	line-height: 22px;
}
#jsSearchResult .result_title {
	color: #242F65;
	font-size: 120%;
}


.eurtempp{
	margin-top: 7px;
}

/* =========== jCarousel ========== */
.jcarousel-prev, .jcarousel-next {
	width: 20px;
	height: 80px;
	position: absolute;
	top: 0;
	cursor: pointer;
	border-radius: 3px;
}
.jcarousel-prev.jcarousel-prev-disabled, .jcarousel-next.jcarousel-next-disabled {
	display: none;
}
.jcarousel-prev {
	left: 0;
}
.jcarousel-prev:after {
	width: 100%;
	background: url("../images/icons.png") no-repeat scroll -93px -156px transparent;
	height: 20px;
	content: '';
	position: absolute;
	top: 30px;
}
.jcarousel-prev:hover:after {
	background: url("../images/icons.png") no-repeat scroll -93px -136px transparent;
}
.jcarousel-next {
	right: 0;
}
.jcarousel-next:after {
	width: 100%;
	background: url("../images/icons.png") no-repeat scroll -111px -156px transparent;
	height: 20px;
	content: '';
	position: absolute;
	top: 30px;
}
.jcarousel-next:hover:after {
	background: url("../images/icons.png") no-repeat scroll -111px -136px transparent;
}
.jcarousel-next:hover, .jcarousel-prev:hover {
	background-color: #242F65;
}
.jcarousel-clip {
	overflow: hidden;
}
.jcarousel-container {
	padding: 0 20px;
}





td.input {
	padding: 0;
}
td.input .t-cell.input-holder .static-placeholder {
	top: 0.9em;
}
td.input .t-cell {
	float: none;
}

/*
.in #conditions .condition-content {
	max-height: 220px;
	overflow-y: auto;
	margin: 4px 0 8px;
}*/

#follow-wrap {
	position: relative;
	height: 1px;
	padding-top: 1px;
	overflow: visible;
	box-sizing: border-box;
}
#follow-box {
	position: relative;
	box-sizing: border-box;
}


#mapa-distribuci-wrapper,
#mapa-distribuci-wrapper-gas {
	display: none;
	position: absolute;
	left: -260px;
	z-index: 99;
	-webkit-box-shadow: 1px 1px 8px 0 rgba(0,0,0,0.35);
	-moz-box-shadow: 1px 1px 8px 0 rgba(0,0,0,0.35);
	box-shadow: 1px 1px 8px 0 rgba(0,0,0,0.35);
	background-color: white;
}
#mapa-distribuci-plyn-wrapper {
	width: 200px;
	margin: 0 auto;
}

/* Tooltip SO */
.inline-tooltip {
	position: relative;
}
.inline-tooltip > .tooltip-wrap {
	position: absolute;
	left: 0px;
	background: #fff;
	padding: 20px;
	width: 350px;
	color: #333;
	z-index: 10000;
	cursor: default;
	text-decoration: none;
	-webkit-box-shadow: 0px 0px 10px 0px #999;
	box-shadow: 0px 0px 10px 0px #999;
	border-radius: 5px;
}
.inline-tooltip > .tooltip-wrap.bottom {
	top: 25px;
}
.inline-tooltip > .tooltip-wrap.top {
	bottom: 25px;
}
.inline-tooltip > .tooltip-wrap h3 {
	padding-bottom: 10px;
}
.inline-tooltip {
	border-bottom: 1px dotted #333;
	cursor: help;
}
/* Tooltip EO*/



#consuption-filter input[type="text"],
#consuption-filter select {
	width: 200px;
}
#consuption-filter label[for="filtr-month-data"] {
	display: block;
	line-height: 2em;
	margin-top: .5em;
}

.component-consumption-profiles .filtr-month-data  {
	margin: 6px 4px 0 0;
}

.ean-paginator-table li {
	display: inline-block;
}
.ean-paginator-table li a {
	cursor: pointer;
	padding: 5px;
}
.ean-paginator-table li.actual a {
	cursor: default;
	font-weight: bold;
	text-decoration: none;
}

.component-consumption-profiles input[type="text"].datelen {
	width: 137px;
}


/* indikace validace u pásovců služeb */
.validation {
	display: inline-block;
	width: 21px;
	height: 21px;
	position: relative;
	float: right;
	vertical-align: middle;
	margin: 9px 12px 0 0;
	background: url('../images/icons.png') no-repeat;
	background-position: 999px 999px;
}
.validation.ok {
	background-position: -136px -159px;
}
.validation.error {
	background-position: -159px -159px;
}
.validation.hide {
	display: none;
}

/* Accordion */
.accordion > div > a.header {
	display: block;
	position: relative;
	margin: 0 -20px;
	padding: 10px 20px;
	border-top: 1px solid #9CAAC4;
	text-decoration: none;
}
.accordion > div > a.header:hover {
	background: #eee;
}
.accordion > div > a.header.nonclick {
	cursor: default;
}
.accordion > div > a.header.nonclick:hover {
	background: none;
}
.accordion > div > a.header:after {
	display: block;
	content: '';
	clear: both;
}
.accordion > div:first-child {
	border-top: 0;
	padding-top: 0;
}
.accordion > div > .header h2 {
	position: relative;
	float: left;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	font-weight: bold;
	font-size: 140%;
	color: #333333;
	margin: 10px 0;
	text-transform: uppercase;
}
.accordion > div > .header .state {
	display: inline-block;
	width: 16px;
	height: 16px;
	position: relative;
	float: right;
	vertical-align: middle;
	margin: 12px 0 0 0;
	background: url('../images/icons.png') no-repeat;
	background-position: -114px -160px;
}
.accordion > div > .header .state.open {
	background-position: -49px -160px;
}
.accordion > div > .header .validation {
	display: inline-block;
	width: 21px;
	height: 21px;
	position: relative;
	float: right;
	vertical-align: middle;
	margin: 9px 12px 0 0;
	background: url('../images/icons.png') no-repeat;
	background-position: 999px 999px;
}
.accordion > div > .header .validation.ok {
	background-position: -136px -159px;
}
.accordion > div > .body {
	padding: 10px 0 20px 0;
}
/* pseudoviditelnost pro validaci */
.accordion > div > .body.visible {
	display: block !important;
	position: absolute;
	visibility: hidden;
}

.placeholder { color: #555555 !important; }

.t-cell.account input{
	margin-left: 10px;
}
.account .t-row .t-cell:first-of-type{
	line-height: 1.5em;
	color: #71675B;
	margin: 0;
}
.no-vertical-padding {
	padding-top: 0;
	padding-bottom: 0;
}


.electricity-mark {
	background: url("../images/icons.png") no-repeat scroll -101px -54px rgba(0, 0, 0, 0);
	content: "";
	display: inline-block;
	height: 26px;
	margin: 2px 15px 2px 2px;
	position: relative;
	width: 26px;
}

.vivo-roller, dl.overviewExpandable {
	margin: 0 -20px !important;
	position: relative;
}
dl.overviewExpandable.overviewExpandableSL01 {
	margin: 0 -14px !important;
}
dl.overviewExpandable.overviewExpandable2 {
	margin: 0 !important;
}
.vivo-roller .header, dl.overviewExpandable > dt {
	background: none repeat scroll 0 0 #E7EBF4;
	font-family: 'HelveticaNeueW02-47LtCn 694048','Arial CE',Arial,sans-serif;
	padding: 8px 8px 8px 12px !important;
	border-radius: 0px !important;
	border-bottom: 0 none !important;
}
dl.overviewExpandable > dt {
	border-top: 1px solid #D5D4E2 !important;
	min-height: 48px;
	padding: 8px 6px 8px 8px;
	position: relative;
	margin: 0 !important;
	background: none repeat scroll 0 0 #E7EBF4 !important;
	line-height: 30px;
	font-size: 1.3em;
	cursor: pointer;
}
dl.overviewExpandable.archive {
	margin: 0 8px !important;
}
dl.overviewExpandable.archive ul {
	margin: 0 !important;
	padding: 0 !important;
}
dl.overviewExpandable.archive > dt {
	background: none !important;
	font-size: 1em;
	font-family: inherit;
	border: none !important;
	min-height: 0;
}

dl.overviewExpandable.archive > dd {
	padding: 5px 40px !important;
}
dl.overviewExpandable > dt:after {
	background: url("../images/icons.png") no-repeat scroll -111px -156px rgba(0, 0, 0, 0);
	height: 20px;
	width: 20px;
	content: "";
	display: block;
	right: 10px;
	top: 50%;
	margin-top: -10px;
	position: absolute;
}
dl.overviewExpandable.overviewExpandable2 > dt:first-child {
	font-size: 1.8em;
}
dl.overviewExpandable.overviewExpandable2 > dt:first-child p {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
dl.overviewExpandable.overviewExpandable2 > dt.no-icon:after {
	background: none;
}
dl.overviewExpandable.overviewExpandable2 > dt.no-icon {
	cursor: default;
}
dl.overviewExpandable.overviewExpandable2 > dt.white {
	background: #FFF !important;
}
dl.overviewExpandable > dt[stus="active"]:after {
	background: url("../images/icons.png") no-repeat scroll -46px -156px rgba(0, 0, 0, 0);
}
dl.overviewExpandable > dd {
	display: none;
	top: 0 !important;
	padding: 30px 20px !important;
	border-radius: 0 !important;
	border: 0 !important;
}
dl.overviewExpandable.overviewExpandable2 > dd {
	padding: 15px 10px !important;
	background-color: #FFF;
}
dl.overviewExpandable > dd dd {
	padding: 15px 15px !important;
}
dl.overviewExpandable > dd dt {
	padding: 8px 15px !important;
	position: relative;
}

dl.overviewExpandable > dd dt:after {
	background: url("../images/icons.png") no-repeat scroll -111px -156px rgba(0, 0, 0, 0);
	height: 20px;
	width: 20px;
	content: "";
	display: block;
	right: 3px;
	top: 50%;
	margin-top: -12px;
	position: absolute;
}
dl.overviewExpandable > dd dt[stus="active"]:after {
	background: url("../images/icons.png") no-repeat scroll -46px -156px rgba(0, 0, 0, 0);
}
dl.overviewExpandable > dd dt[stus="active"] {
	border-radius: 3px 3px 0 0;
}

/*.f-right{
	float: right;
}*/

@media screen and (max-width: 760px) {
	.vivo-roller, dl.overviewExpandable {
		margin: 0 -10px !important;
	}
}



.vivo-roller .header > div {
	float: left;
}
.vivo-roller .header:last-of-type {
	border-bottom: 1px solid !important;
}
.vivo-roller .no-border-bottom.header:last-of-type {
	border-bottom: none !important;
}
.vivo-roller .header .title {
	color: #333333;
	float: left;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 30px;
	margin-right: 15px;
}
.vivo-roller .header {
	border: 1px solid #d5d4e2;
	cursor: pointer;
	min-height: 48px;
	padding: 8px 6px 8px 8px;
	position: relative;
}
.vivo-roller .header .active-icon {
	margin-top: 4px;
}
.vivo-roller .header .description {
	line-height: 30px;
	color: #71675B;
	font-size: 1.1em;
}
.vivo-roller .content {
	border: 1px solid #D5D4E2;
	border-top: none;
	padding: 20px;
	min-height: 0;
	position: relative;
	display: none;
}
.vivo-roller .content .left-one {
	min-height: 80px;
	padding-right: 30px;
}
.vivo-roller .content .limited {
	width: 540px;
}


.vo-informace .info-item {
	font-family: 'HelveticaNeueW02-47LtCn 694048','Arial CE',Arial,sans-serif;
	font-size: 1.4em;
	font-weight: 700;
	color: #242F65;
}
.vo-informace li:after {
	margin-top: 0px !important;
}
.vo-informace p {
	padding: 4px 0px 0px 10px;
}


.dialog-body h4 {
	margin: 16px 0 16px 0 !important;
}
.dialog-body p {
	margin: 5px 0;
}
.dialog-body .whole-box {
	margin-bottom: 10px;
}
.dialog-body .half-box {
	/*width:295px;*/
	margin-bottom: 10px;
}
.dialog-body .half-box:nth-child(odd) {
	padding-right: 15px;
}
.dialog-body .half-box:nth-child(even) {
	padding-left: 15px;
}
.dialog-body .row div  {
	padding: 6px 0px;
}
.dialog-body .address div:first-of-type {
	font-weight: bold;
}
.dialog-body .tbl div {
	float: left;
}
.dialog-body .tbl div:nth-child(odd){
	min-width: 120px;
	padding-right: 3px;
}
.dialog-body .half-box .tbl div:nth-child(even){
	min-width: 120px;
	float: right;
	text-align: right;
	font-style: italic;
}
.dialog-body .half-box .row:after {
	clear:both;
}
.dialog-body .change-link {
	font-size: 100%;
}
.dialog-body .change-link .edit-blue {
	margin-top: -3px;
}
.dialog-body .change-link-new {
	font-size: 100%;
}
.dialog-body .change-link-new .edit-blue {
	margin-top: -3px;
}

.dialog-body .change-link-h4 {
	font-size: 70%;
	margin-top: 4px;
}

.dialog-body .change-link-h4 .edit-blue {
	margin-top: -2px;
}
.dialog-body .change-link a{
	outline: none;
}
.dialog-body .ico-sort {
	outline:none;
}

.dialog-body .text-content {
	text-align: left;
	display: block;
	margin-left: 5px;
}

.box.red.orderProductLoginStatus {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #EA6A6A;
}
.orderProductLoginStatus .twoRows > li {
	display: inline-block;
	float: left;
	width: 370px;
	color: #fff;
	padding: 0 32px;
	margin: 24px 0;
	text-align: left;
}
.orderProductLoginStatus .twoRows > li:first-child {
	border-right: 1px solid #fff;
}
.orderProductLoginStatus .twoRows h3 {
	font-size: 1.7em;
	color: #fff;
}
.orderProductLoginStatus .twoRows h3 + * {
	clear: both;
}
.orderProductLoginStatus .twoRows > li ul {
	margin: 20px 0;
}
.orderProductLoginStatus .twoRows > li li {
	position: relative;
	display: list-item;
	text-align: -webkit-match-parent;
	padding-left: 1.5em;
	margin: 10px 0px;
}
.orderProductLoginStatus .twoRows > li li:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0.25em;
	width: 10px;
	height: 5px;
	background: #eee;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.marginLeft35{
	margin-left:35px;
}

.marginBottom25 {
	margin-bottom: 25px !important;
}
.marginBottom20 {
	margin-bottom: 20px;
}

table.recaptchatable {
	border: 0 !important;
}

/* premobile */

.close_window_faq{
	text-align: right;
	padding-bottom: 18px;
	background-color: #fff;
	padding-right: 15px;
	margin-top: -30px;
}

#PREmobilHP #PREmobilHP-titlte {
	padding-top: 15px;
	/*padding-right: 43%;*/
	position: relative;
}

.domacnosti #PREmobilHP #PREmobilHP-titlte .promo h2, .domacnosti #PREmobilHP #PREmobilHP-titlte .promo h3 {
	color: white;
}


#PREmobilHP #PREmobilHP-titlte h2 {
	font-size: 4.3em;
}

#PREmobilHP #PREmobilHP-titlte h3 {
	font-size: 1.6em;
	line-height: 1.3em;
	margin-bottom: 25px;
}

/*#PREmobilHP #PREmobilHP-titlte:after {
    display: block;
    position: absolute;
    content: '';
    top: -23px;
    left: 57%;
    right: 0;
    margin: 0 auto;
    background: url(../images/PREmobil/sim-mala.png) no-repeat 0 0/auto 100%;
    width: 205px;
    height: 273px;
}*/

#PREmobilHP #PREmobilHP-vyhody {
	padding: 20px;
}
#PREmobilHP #PREmobilHP-vyhody ul {
	padding: 0 0 25px;
	margin: 0;
}
#PREmobilHP #PREmobilHP-vyhody ul li {
	float: left;
	position: relative;
	padding: 10px 0 0 100px;
	margin-right: 25px;
	text-transform: uppercase;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	font-size: 1.3em;
	line-height: 1.3em;
	color: #242f64;
	min-height: 85px;
	width: calc((100% - 75px) / 4);
}
#PREmobilHP #PREmobilHP-vyhody ul li:last-child {
	margin-right: 0;
}
#PREmobilHP #PREmobilHP-vyhody ul li:after {
	display: block;
	position: absolute;
	content: '';
	top: 0;
	left: 0;

	background: none;
	background-image: url(../images/PREmobil/sprites.png);
	background-repeat: no-repeat;
	width: 85px;
	height: 85px;
}
#PREmobilHP #PREmobilHP-vyhody ul li:nth-child(1):after {
	background-position: -5px -243px;
}
#PREmobilHP #PREmobilHP-vyhody ul li:nth-child(2):after {
	background-position: -163px -5px;
}
#PREmobilHP #PREmobilHP-vyhody ul li:nth-child(3):after {
	background-position: -377px -92px;
}
#PREmobilHP #PREmobilHP-vyhody ul li:nth-child(4):after {
	background-position: -92px -124px;
}

#PREmobilHP #PREmobilHP-tarif{
	padding: 0 10px;
}
#PREmobilHP .preInternetBox{
	padding: 0;
}

#PREmobilHP #PREmobilHP-tarif>div,
#PREmobilHP .preInternetBox>div{
	position: relative;
	width: calc((100% - 21px)/3);
	margin-right: 10px;
	padding: 30px 10px;
	text-align: center;
}
#PREmobilHP #PREmobilHP-tarif>div:last-child,
#PREmobilHP .preInternetBox>div:last-child{
	margin-right: 0;
	margin-left: 1px;
}

#PREmobilHP .premobile-action-red{
	background: #ea6a6a;
	color: white;
	font-weight: bold;
	width: 107%;
	display: inline-block;
	font-size: 16px;
	position: relative;
	left: -10px;
}

#PREmobilHP .preinternet-action-red{
	background: #ea6a6a;
	color: white;
	font-weight: bold;
	width: 100%;
	display: inline-block;
	font-size: 16px;
}
#PREmobilHP .white-middle-box{
	position: relative;
	display: block;
	position: relative;
	margin: 0px -10px;
}

#PREmobilHP .white-middle-box .tarif-info.paddingTop5{
	padding-top: 5px;
}

.tarif-offer {
	position: absolute;
	top: -1px;
	right: -1px;
	width: 94px;
	height: 94px;
	background: none, url("../images/PREmobil/sprites.png?v=2") no-repeat;
}
.tarif-offer.large {
	width: 184px;
	height: 184px;
}
.tarif-offer.action {
	background-position: -472px -4px;
}
.tarif-offer.recommand {
	background-position: -305px -305px;
}
.tarif-offer.bestseller {
	background-position: -305px -305px;
}
.tarif-offer.withdrawn {
	background-position: -313px -405px;
}
.tarif-offer.large.withdrawn {
	background-position: -454px -405px;
}


#PREmobilHP #PREmobilHP-tarif h4,
#PREmobilHP .preInternetBox h4{
	margin: 0 0 10px 0;
	font-size: 2.4em;
}
#PREmobilHP #PREmobilHP-tarif .tarif-short-description,
#PREmobilHP .preInternetBox .tarif-short-description{
	padding: 0 5px;
	text-align: center;
	color: #777;
	line-height: 1.3em;
	height: 55px;
	margin-bottom: 20px;
}
#PREmobilHP .preInternetBox .tarif-short-description-underprice{
	padding: 0 5px;
	text-align: center;
	color: #777;
	line-height: 13px;
	height: 55px;
	font-size: 10px;
	display: block;
	margin-bottom: 20px;
}
#PREmobilHP .preInternetBox .tarif-short-description-underpriceTV{
	padding: 0 5px;
	text-align: center;
	color: #777;
	line-height: 13px;
	font-size: 10px;
	display: block;
}
#PREmobilHP .preInternetBox .tarif-short-description-underpriceTV.mh26p{
	min-height: 26px;
}
.preInternetBoxes .box.inner-box{
	border-radius: 0;
}

.internetDevices {
	/*float: left;*/
	width: 100%;
	height: 350px;
	background-color: #fff;
	display: inline-block;
	/*margin-top: 15px;*/
}
.internetDevices .boxleft {
	width:50%;
	float: left;
	height: 350px;
}
.internetDevices .boxleft.modemZyxel {
	background: none, url(../images/PREmobil/zyxelT20A.jpg) no-repeat;
	background-position: -363px -50px;
}

.internetDevices .boxleft.modemHuawei{
	background: none, url(../images/PREmobil/huawei.jpg) no-repeat;
	background-position: -260px 0px;
	background-size: auto 100%;
}
.internetDevices .boxleft.modemHuawei310{
	background: none, url(../images/PREmobil/huawei310.jpg) no-repeat;
	background-position: -300px 0px;
	background-size: auto 100%;
}
.internetDevices .boxleft.modemAlcatel{
	background: none, url(../images/PREmobil/alcatel.jpg) no-repeat;
	background-position: -270px 0px;
	background-size: auto 100%;
}
.internetDevices .boxleft.modemArris{
	background: none, url(../images/PREmobil/arrisstb.jpg) no-repeat;
	background-position: -290px 0px;
	background-size: auto 100%;
}
.internetDevices .boxleft.tabletAllviewViva{
	background: none, url(../images/PREmobil/allviewViva.jpg) no-repeat;
	background-position: -290px 0px;
	background-size: auto 100%;
}
.internetDevices .boxleft.tabletHuaweiMediapad{
	background: none, url(../images/PREmobil/huaweiMediapad.jpg) no-repeat;
	background-position: -290px 0px;
	background-size: auto 100%;
}
.internetDevices .deviceDetailInfo{
	width: 50%;
	float: left;
	text-align: center;
}

.tvOffer, .tvProduct {
	background-color: #fff;
	color: #000;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	/* border-bottom: 1px solid #242F65; */
	line-height: 30px;
	font-size: 1.3em;
	font-weight: bold;
	border-bottom: 1px solid #D5D4E2;
}

.tvOfferHeader{
	padding: 10px 10px;
}
.tvOfferHeader .ico.small{
	margin-top: 4px;
}
.preMobileSmallMenuLine{
	padding: 15px 10px;
}
.contentTvOffer{
	/*padding-top: 15px;*/
}
table.tvOfferTable, .general table.tvProductTable{
	background-color: #fff !important;
	color: #242F65;
	border:none;
}
table.tvOfferTable thead th, .general table.tvProductTable thead th{
	background-color: #fff;
	color: #242F65;
	text-align: center;
	padding: 10px;
	border: none;
	font-weight: bold;
	font-size: 18px;
	border-bottom: 1px solid #242F65;
}
table.tvOfferTable thead tr th:first-child,.general table.tvProductTable thead tr th:first-child{
	background-color: #fff;
	color: #242F65;
	text-align: left;
}
table.tvOfferTable td,.general table.tvProductTable td{
	text-align: center;
	position: relative;
	border: none;
	font-size: 18px;
}
table.tvOfferTable td span,.general table.tvProductTable td span{
	position: absolute;
	top: 25%;
	left: 45%;
}
table.tvOfferTable td:first-child, .general table.tvOfferTable{
	text-align: left;
}
table.tvOfferTable tbody, .general table.tvProductTable tbody{
	background-color: #fff;
	color: #242F65;
	border:none;
}

.contentTvOffer.active, .contentTvProduct.active{
	display: block;
}

.contentTvOffer.noActive, .contentTvProduct.noActive{
	display: none;
}
.contentTvProduct .allProgramPackage{
	padding: 10px;
	font-size: 14px;
	font-weight: normal;
	font-family: 'Arial CE', Arial, sans-serif;
}
.contentTvProduct .allProgramPackagePrice{
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	font-family: 'Arial CE', Arial, sans-serif;
}

#preMobileSmallMenu{
	margin-bottom: 10px;
}

#preMobileSmallMenu .firstRows .divFirstMenu.noActive:first-child {
	border-top: 1px solid #000;
}
#preMobileSmallMenu .firstRows a .divFirstMenu.noActive:first-child {
	border-top: none;
}
#preMobileSmallMenu .firstRows a .divFirstMenu.active:first-child {
	border-top: none;
}
#preMobileSmallMenu .firstRows .divFirstMenu.active:first-child {

	border-top: 1px solid #000;
}
#preMobileSmallMenu .firstRows a{
	text-decoration: none;
}

#preMobileSmallMenu .firstRows .divFirstMenu.noActive {
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	background-color: #fffccc;
	color: #242F65;
	font-size: 1.9em;
	line-height: 1;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;

}
#preMobileSmallMenu .firstRows .divFirstMenu.active {
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	background-color: #fffccc;
	color: #242F65;
	font-size: 1.9em;
	line-height: 1;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;

}

#preMobileSmallMenu .divSecondMenu.noActive {
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border-top: 1px solid #000;
	background-color: #cccfff;
	margin-left: -15px;
	margin-right: -15px;

}

#preMobileSmallMenu .divSecondMenu.noActive:first-child,#preMobileSmallMenu .divSecondMenu.active:first-child,#preMobileSmallMenu .divThirdMenu:first-child.noActive,#preMobileSmallMenu .divThirdMenu:first-child.active {
	margin-top: 15px;
}
#preMobileSmallMenu .divSecondMenu.active {
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border-top: 1px solid #000;
	background-color: #cccfff;
	margin-left: -15px;
	margin-right: -15px;
}
#preMobileSmallMenu .divSecondMenu.active.hasChildren, #preMobileSmallMenu .divFirstMenu.active.hasChildren{
	padding-bottom:0px;
}
#preMobileSmallMenu .firstRows .divThirdMenu.noActive {
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border-top: 1px solid #000;
	background-color: #666666;
	margin-left: -15px;
	margin-right: -15px;
}
#preMobileSmallMenu .firstRows .divThirdMenu.active {
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border-top: 1px solid #000;
	background-color: #666666;
	margin-left: -15px;
	margin-right: -15px;
}
#preMobileSmallMenu #preMobileMenuSmallInternet, #preMobileSmallMenu #preMobileMenuSmallInternet .divSecondMenu.active, #preMobileSmallMenu #preMobileMenuSmallInternet .divSecondMenu.active .divThirdMenu.active{
	background-color: #98bde5;
}
#preMobileSmallMenu #preMobileMenuSmallInternet .divSecondMenu.noActive,  #preMobileSmallMenu #preMobileMenuSmallInternet .divSecondMenu.active .divThirdMenu.noActive{
	background-color: #fff;
}
#preMobileSmallMenu #preMobileMenuSmallTv{
	background-color: #fffde0;
}
#preMobileSmallMenu #preMobileMenuSmallCall{
	background-color: #ff8c69;
}


#preMobileSmallMenu .firstRows .divFirstMenu.active .secondRows
{
	display: block;
}
#preMobileSmallMenu .firstRows .divFirstMenu.noActive .secondRows {
	display: none;
}
#preMobileSmallMenu .firstRows .divFirstMenu.noActive .secondRows .divSecondMenu.noActive .thirdRows{
	display: none;
}
#preMobileSmallMenu .firstRows .divFirstMenu.active .secondRows .divSecondMenu.noActive .thirdRows{
	display: none;
}

.coPotrebujete div span {
	text-decoration: underline;

}
.coPotrebujete div {
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	font-size: 24px;
	color: #242F65;
	padding: 5px 0px;
}
.internetDevices .boxright {
	width:50%;
	height: 300px;
	/*background-color: #fff;*/
	float: left;
}

.internetDevices .nameTitle{
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	font-size: 31px;
	color: #242f64;
	text-align: center;
}
.internetDevices .nameTitle.devicePrice{
	font-size: 28px;
	text-align: right;
}
.internetDevices .nameTitle.smallDevicePrice{
	font-size: 16px;
	text-align: right;
}
.preInternetContact{
	display: inline-block;
	width: 100%;
	/*margin-bottom: -2px !important;*/
}
.preInternetContact .preInternetContactBox{
	float: left;

}
.preInternetContact .preInternetContactBox:last-child{
	border-right: none;
	text-align: center;
}

.preInternetContact .contact-line{
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #242f64;
	display: block;
}
.preInternetContact .contact-line2{
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #242f64;
	display: block;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.preInternetContact .contact-line2.simpletext{
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #242f64;
	display: block;
}
.preInternetContact .contact-line.simpletext{
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #242f64;
	display: block;
}
.preInternetContact .contact-line.simpletext:before{
	display: inline-block;
	content: '';
	vertical-align: top;
	margin: -3px 0 0;
	background-image: url(../images/PREmobil/sprites.png);
	background-repeat: no-repeat;
	background-position: -5px -5px;
	width: 29px;
	height: 32px;
}
#faqPreInternet, #faqNoCablePreInternet{
	padding-top: 0;
	padding-bottom: 5px;
}

#faqTv {
	padding-top: 0px;
	padding-bottom: 0px;
}

#faqPreInternet .overviewExpandable dt, #faqNoCablePreInternet .overviewExpandable dt, .preinternetnoPadding .overviewExpandable dt{
	background-color: #ddeaf7 !important;
	padding-right: 50px !important;
}
#faqTv .overviewExpandable dt{
	background-color: #ddeaf7 !important;
}

.preinternetnoPadding {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.mobileDevicesTable tbody tr td{
	width: 50%;
}


.fright {
	float: right;
}

.tarif-info {
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	font-size: 18px;
	color: #242f64;
	text-align: center;
	padding: 20px 0 20px 0;
}
.tarif-info.download{
	padding-bottom: 0px;
}
.tarif-info .download{
	font-family: "Arial CE",Arial,sans-serif;
	font-size: 14px;
}

.tarif-info > span {
	font-weight: bold;
	font-size: 28px;
}
.tarif-info > span.modemPrice {
	font-size: 25px;
}

.tarif-info div {
	line-height: 25px;
	/*font-family: "Arial CE",Arial,sans-serif;*/
	/*font-size: 14px;*/
}

.tarif-info div span {
	/*font-size: 16px;*/
}

.tarif-info .modem {
	color: #777;
	font-weight: normal;
	font-size: 15px;
}
#PREmobilHP #PREmobilHP-tarif form{
	width: 220px;
	margin: 30px auto 0;
}

#PREmobilHP .preInternetBox form{
	width: 220px;
	margin: 10px auto 0;
}

#PREmobilHP #PREmobilHP-tarif .limit-price>div.tarif-info,
#PREmobilHP .preInternetBox .limit-price>div.tarif-info{
	width: calc((100% - 10px)/2);
	background: #fff;
	font-size: 14px;
	padding: 30px 0 27px;
	margin: 10px 0;
}

#PREmobilHP #PREmobilHP-tarif .limit-price>div.underPriceText,
#PREmobilHP .preInternetBox .limit-price>div.underPriceText{
	position: absolute;
	top: 110%;
	margin: 0 auto;
	left: 0;
	right: 0;
}

#PREmobilHP #PREmobilHP-tarif select,
#PREmobilHP .preInternetBox select{
	width: 100%;
}

#PREmobilHP #PREmobilHP-tarif .tarif-detail-url,
#PREmobilHP .preInternetBox .tarif-detail-url{
	padding: 30px 0 0;
}

#PREmobilHP #PREmobilHP-tarif .tarif-detail-url a,
#PREmobilHP .preInternetBox .tarif-detail-url a{
	color: #242f64;
}

#PREmobilHP #PREmobilHP-leftSide {
	padding-right: 20px;
}

.preInternetHeader {
	color: #242f64;
	background-color: #fff;
}

.preInternetHeader h3 span a{
	font-size: 14px;
	line-height: 1;
	font-family: 'Arial CE', Arial, sans-serif;
	float: right;
	margin-right: 30px;
	margin-top: 5px;
}

.pdfBoxes .pdfBox{
	position: relative;
	border-bottom: 1px solid #D5D4E2;
}
.pdfBoxes .pdfBox .pdfName{
	position: absolute;
	top:	7px;
	left: 55px;
}
.pdfBoxes .pdfBox .pdfNameDownload{
	position: absolute;
	top:	15px;
	right: 25px;
}

.pdfBoxes .pdfBox .ico.pdf{
	margin: 5px 10px;
}
.pdfBoxes .pdfBox span{
	color: #000;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	line-height: 30px;
	font-size: 1.3em;
	font-weight: bold;
}

.zindex5{
	z-index: 5;
}

div.blankcounter {
	border:	1px solid #000;
	height: 10px;
	width: 400px;
	position: relative;
}
div.blankcounter.green {
	/*	border-left: none;
        border-right: none;*/
	background-color: #73be3f;
	height: 10px;
	width: 400px;
	position: absolute;
	top: -1px;
	left: -1px;
}
.sms-decounter-post{
	position: relative;
	margin-left: 30px;
}
.sms-decounter-post:after{
	content: '';
	background-image: url(../images/obalka.png);
	width: 20px;
	height: 15px;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top: 1px;
	left: -30px;
}

.dphInfo {
	margin-left: 10px;
	margin-top: 10px;
	color:	#ffffff;
}

#PREmobilHP #client-line {
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	font-weight: bold;
	font-size: 2em;
	color: #242f64;
	display: block;
}
#PREmobilHP #client-line:before {
	display: inline-block;
	content: '';
	vertical-align: top;
	margin: -3px 0 0;
	background-image: url(../images/PREmobil/sprites.png);
	background-repeat: no-repeat;
	background-position: -5px -5px;
	width: 29px;
	height: 32px;
}

#PREmobilHP #mobile-transfer {
	padding-bottom: 0;
}

#digitalTV .preInternetContact{
	background-color: #ddeaf7;
}
#fixInternet .preInternetContact{
	background-color: #ddeaf7;
}
#noCableInternet .preInternetContact{
	background-color: #ddeaf7;
}
#mobileInternet .preInternetContact{
	background-color: #ddeaf7;
}

#PREmobilHP .box.inner-box .flash{
	margin-bottom: 40px;
}

.PREmobil-bg-prom{
	position: absolute;
	content: '';
	width: 320px;
	height: 320px;
	width: calc((100vw - 100%)/2 + 10px);
	height: calc((100vw - 100%)/2 + 10px);
	max-width: 320px;
	max-height: 320px;
	/*height: calc((100vw - 100%)/2 - 10px);*/
	z-index: 0;
}

.PREmobil-topLeft{
	background: url(../images/PREmobil/postrani-hlasky/brusle.png) 0px 0px/95%;
	right: 842px;
	top:-75px;
	background-repeat: no-repeat;
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	transform: rotate(-30deg);
}

.PREmobil-pullitr{
	background: url(../images/PREmobil/postrani-hlasky/pullitr.png) 0px 0px/95%;
	left: -150px;
	top:450px;
	background-repeat: no-repeat;
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	transform: rotate(10deg);
}

.PREmobil-bottomLeft{
	background: url(../images/PREmobil/postrani-hlasky/vana.png) 0px 0px/95%;
	right: 835px;
	top:896px;
	z-index: 0;
	background-repeat: no-repeat;
	-webkit-transform: rotate(13deg);
	-moz-transform: rotate(13deg);
	-ms-transform: rotate(13deg);
	-o-transform: rotate(13deg);
	transform: rotate(13deg);
}

.PREmobil-topRight{
	background: url(../images/PREmobil/postrani-hlasky/duch.png) 0px 0px/95%;
	left: 892px;
	top:111px;
	z-index: 0;
	background-repeat: no-repeat;
	-webkit-transform: rotate(19deg);
	-moz-transform: rotate(19deg);
	-ms-transform: rotate(19deg);
	-o-transform: rotate(19deg);
	transform: rotate(19deg);
}


.PREmobil-bottomRight{
	background: url(../images/PREmobil/postrani-hlasky/kamna.png) 0px 0px/95%;
	left: 866px;
	top:741px;
	z-index: 0;
	background-repeat: no-repeat;
	-webkit-transform: rotate(-25deg);
	-moz-transform: rotate(-25deg);
	-ms-transform: rotate(-25deg);
	-o-transform: rotate(-25deg);
	transform: rotate(-25deg);
}

/*#PREmobilHP:before{
	content: '';
	right: 100%;
	width: 60%;
	width: calc((100vw - 100%)/2 - 10px);
	max-width: 340px;
	height: 100%;
	position: absolute;
	background: url(../images/PREmobil/postrani-hlasky/laska.png) 10px 10%/95%, url(../images/PREmobil/postrani-hlasky/pullitr.png) 10px 50%/95%, url(../images/PREmobil/postrani-hlasky/divocak.png) 10px 90%/95%;
	background-repeat: no-repeat;
	-webkit-transform: rotate(30deg), rotate(60deg);
  -moz-transform: rotate(30deg), rotate(60deg);
  -ms-transform: rotate(30deg), rotate(60deg);
  -o-transform: rotate(30deg), rotate(60deg);
  transform: rotate(30deg), rotate(60deg);
}*/

.premobil-listek{
	position: absolute;
	content: '';
	width: 320px;
	height: 320px;
	width: calc((100vw - 960px )/ 2 + 200px);
	height: calc((100vw - 960px )/ 2 + 200px );
	max-width: 320px;
	max-height: 320px;
	top: 155px;
	right: 770px;
	background: 0px 0px/93%;
	background-repeat: no-repeat;
	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	transform: rotate(-15deg);
	z-index: 30;
}

.premobil-listek:hover{
	/*z-index: 30;*/
}

h3.premobil-kontakty{
	font-size: 2.5em;
	background-color: #e7ebf4;
	padding: 20px 0 20px 20px;
	margin: -40px -20px 15px -20px;
}

#client-line{
	padding-bottom: 50px;
}

#PREmobilHP #PREmobilHP-akce.vanocni-nabidka{
	content: '';
	background: url(../../images/PREmobil/kampane/vanocni-nabidka/hp-banner/banner.png) no-repeat;
	width: 960px;
	height: 175px;
	display: block;
	margin: 0 auto;
	text-decoration: none;
}


#PREmobilHP-titlte .promo{
	color: white;
	min-height: 300px;
	position: relative;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	padding-top: 15px;
	padding: 15px 0 0;
	margin-bottom: 14px;
	padding-left: 20px;
	margin-top: 15px;
}

.front.households .page #PREmobilHP-titlte .promo, .front.company .page #PREmobilHP-titlte .promo {
	color: #1c2f67;
}

#PREmobilHP-titlte .promo:before{
	background: url("../images/PREmobil/hp-kampan/mobil/full.png") no-repeat scroll center bottom / auto 100% rgba(0, 0, 0, 0);
	pointer-events: none;
	z-index: -1;
	bottom: -14px;
	height: 400px;
	width: 100%;
	right: -130px;
	position: absolute;
	content: '';
	display: block;
	pointer-events: none;

}

#PREmobilHP-titlte .promo h1{
	color: white;
	font-size: 4.3em;
	font-weight: bold;
	padding-bottom: 0;
	position: relative;
}

.front.households .page #PREmobilHP-titlte .promo h1, .front.company .page #PREmobilHP-titlte .promo h1 {
	color: #1c2f67;
}

#PREmobilHP-titlte .promo .order-alone{
	bottom: -70px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px;
	margin-bottom: auto !important;
	padding: 0.6em 3.1em;
	position: relative;
	text-decoration: none;
}

.firmy #PREmobilHP-titlte .promo h1{
	color: #242f64;
}

#PREmobilHP #PREmobilHP-titlte .promo h2{
	color: white;
	font-size: 1.45em;
	padding-bottom: 0;
	margin-top: -20px;
	padding-right: 43%;
}

.front.households .page #PREmobilHP #PREmobilHP-titlte .promo h2, .front.company .page #PREmobilHP #PREmobilHP-titlte .promo h2 {
	color: #1c2f67;
}

.firmy #PREmobilHP #PREmobilHP-titlte .promo h2{
	color: #242f64;
}

#PREmobilHP-titlte .promo ul {
	margin-top: 20px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-size: 1.45em;
}
#PREmobilHP-titlte .promo ul li {
	padding: 7px 0 7px 47px;
	position: relative;
	line-height: 1.1em;
	color: white;
}

.firmy #PREmobilHP-titlte .promo ul li{
	color: #242f64;
}

#PREmobilHP-titlte .promo ul li:after  {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
	background: url('../images/icons.png') no-repeat;
}
#PREmobilHP-titlte .promo  ul.vyhody li:after  {
	background-position: -9px -370px;
	width: 27px;
	height: 25px;
}

#PREmobilHP-titlte .promo a{
	color: white;
	font-size: 1.45em;
	position: relative;
	text-decoration: underline;
}

.firmy #PREmobilHP-titlte .promo a:not(.order):not(.order-alone){
	color: #242f64;
}

#PREmobilHP-titlte .promo .price-no-tooltip{
	position: relative;
	margin: 20px 0 15px;
	font-size: 18px;
}
#PREmobilHP-titlte .promo .price-no-tooltip span:nth-child(1) {
	font-size: 3em;
	font-weight: bold;
}
#PREmobilHP-titlte .promo .price-no-tooltip span:nth-child(2) {
	font-size: 2em;
}
#PREmobilHP-titlte .promo .price-no-tooltip a.button {
	position: relative;
	bottom: 13px;
	left: 55px;
	margin-bottom: auto !important;
	font-size: 1em;
	letter-spacing: 2px;
	padding: 0.6em 3.1em;
	font-weight: bold;
	text-decoration: none;
}

.firmy #PREmobilHP-titlte .promo {
	color: #242f64;
}

#premobilPictureMenu {
	height: 250px;
}

#premobilPictureMenu .menu {
	list-style: none;
	position: relative;
}
#premobilPictureMenu .menu li {
	width: 33.3%;
	/*height: 186px;*/
	/*	background: blue;*/
	float: left;
	cursor: pointer;
}
/*#premobilPictureMenu .menu li:hover {
	background: green;
}*/
#premobilPictureMenu .menu li .submenu li, .menu li .deepmenu li{

	width: 50%;
	float: left;
}
#premobilPictureMenu .menu li .submenu, .menu li .deepmenu {
	display: none;
	list-style: none;
	position: absolute;
	top: 120px;
	left: 0;
}
#premobilPictureMenu .menu li ul li {
	/*background: red;*/
	float: left;
}

#premobilPictureMenu .tiles,
#premobilPictureMenu .tilessub{
	/*  margin-left: -10px;
      margin-right: -10px;
      margin-bottom: 1.25em;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
#premobilPictureMenu .tiles .tile,
#premobilPictureMenu .tilessub .tile{
	float: left;
	font-family: 'HelveticaNeueLTPro', Arial, sans-serif;
}
#premobilPictureMenu .tiles .tile .pictureMenuA,
#premobilPictureMenu .tilessub .tile .pictureMenuA{
	position: relative;
	display: block;
	overflow: hidden;
}
#premobilPictureMenu .tiles .tile .pictureMenuA:before,
#premobilPictureMenu .tiles .tile .pictureMenuA:after,
#premobilPictureMenu .tilessub .tile .pictureMenuA:before,
#premobilPictureMenu .tilessub .tile .pictureMenuA:after{
	content: " ";
	display: table;
}
#premobilPictureMenu .tiles .tile .pictureMenuA:after,
#premobilPictureMenu .tilessub .tile .pictureMenuA:after{
	clear: both;
}
#premobilPictureMenu .tiles .tile .pictureMenuA h2,
#premobilPictureMenu .tilessub .tile .pictureMenuA h2{
	font-weight: 200;
	margin-bottom: .75em;
	font-size: 1.875em;
}
#premobilPictureMenu .tiles .tile .pictureMenuA em,
#premobilPictureMenu .tilessub .tile .pictureMenuA em{
	position: relative;
	left: 1em;
}
#premobilPictureMenu .tiles.activeMenu .tile .pictureMenuA em,
#premobilPictureMenu .tilessub.activeMenu .tile .pictureMenuA em{
	font-weight: bold;
}
#premobilPictureMenu .tiles .tile .pictureMenuA em:before,
#premobilPictureMenu .tilessub .tile .pictureMenuA em:before{
	content: "";
	position: absolute;
	top: -0.5em;
	left: 0;
	width: 60px;
	height: 0;
	border-bottom: 1px solid #242F65;
}
#premobilPictureMenu .tiles .tile .pictureMenuA img,
#premobilPictureMenu .tilessub .tile .pictureMenuA img{
	width: 100%;
	float: left;
	opacity: 1;
}
#premobilPictureMenu .firstLi.wrapped .tiles .tile .pictureMenuA img,
#premobilPictureMenu .wrapped .tilessub .tile .pictureMenuA img{
	width: 100%;
	float: left;
	opacity: 0.65;
}
#premobilPictureMenu .wrapped .tiles.activeMenu .tile .pictureMenuA img,
#premobilPictureMenu .wrapped .tilessub.activeMenu .tile .pictureMenuA img{
	width: 100%;
	float: left;
	opacity: 1;
}
#premobilPictureMenu .tiles.activeMenu .tile .pictureMenuA img,
#premobilPictureMenu .tilessub.activeMenu .tile .pictureMenuA img{
	width: 100%;
	float: left;
	/*opacity: 1;*/

}

#premobilPictureMenu .firstLi.wrapped .secondLi .tilessub .tile .pictureMenuA img{
	opacity: 1;
}
#premobilPictureMenu .firstLi.wrapped .secondLi.wrapped .tilessub .tile .pictureMenuA img{
	opacity: 0.65;
}
#premobilPictureMenu .firstLi.wrapped .secondLi.wrapped .thirdLi .tilessub .tile .pictureMenuA img{
	opacity: 1;
}
#premobilPictureMenu .firstLi.wrapped .secondLi.wrapped .thirdLi.wrapped .tilessub .tile .pictureMenuA img{
	opacity: 0.65;
}

#premobilPictureMenu .tiles .tile .pictureMenuA .title,
#premobilPictureMenu .tilessub .tile .pictureMenuA .title{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	/*min-height: 2.5em;*/
	padding: .1em 1em;
	color: #242F65;
	text-transform: uppercase;
	font-weight: bold;
	background-color: rgba(231, 235, 244, 0.8);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-webkit-transition: transform 0.35s ease-out;
	-moz-transition: transform 0.35s ease-out;
	-ms-transition: transform 0.35s ease-out;
	-o-transition: transform 0.35s ease-out;
	transition: transform 0.35s ease-out;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	font-size: 1.75em;

}
#premobilPictureMenu .tiles .tile .pictureMenuA .overlay,
#premobilPictureMenu .tilessub .tile .pictureMenuA .overlay{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	z-index: 2;
}
#premobilPictureMenu .tiles .tile .pictureMenuA .overlay:before,
#premobilPictureMenu .tilessub .tile .pictureMenuA .overlay:before{
	border-bottom: 1px solid #242F65;
	border-top: 1px solid #242F65;
	-webkit-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
}
#premobilPictureMenu .tiles .tile .pictureMenuA .overlay:after,
#premobilPictureMenu .tilessub .tile .pictureMenuA .overlay:after{
	border-left: 1px solid #242F65;
	border-right: 1px solid #242F65;
	-webkit-transform: scale(1, 0);
	-moz-transform: scale(1, 0);
	-ms-transform: scale(1, 0);
	transform: scale(1, 0);
}
#premobilPictureMenu .tiles .tile .pictureMenuA .overlay:before,
#premobilPictureMenu .tiles .tile .pictureMenuA .overlay:after,
#premobilPictureMenu .tilessub .tile .pictureMenuA .overlay:before,
#premobilPictureMenu .tilessub .tile .pictureMenuA .overlay:after{
	content: "";
	position: absolute;
	bottom: 15px;
	left: 15px;
	right: 15px;
	top: 15px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
	-moz-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
	-ms-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
	-o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
	transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
	z-index: 1;
}
#premobilPictureMenu .tiles .tile .pictureMenuA .overlay .overlay-color,
#premobilPictureMenu .tilessub .tile .pictureMenuA .overlay .overlay-color{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.35s ease 0s;
	-moz-transition: opacity 0.35s ease 0s;
	-ms-transition: opacity 0.35s ease 0s;
	-o-transition: opacity 0.35s ease 0s;
	transition: opacity 0.35s ease 0s;
}
#premobilPictureMenu .tiles .tile .pictureMenuA .overlay .overlay-content,
#premobilPictureMenu .tilessub .tile .pictureMenuA .overlay .overlay-content{
	position: absolute;
	bottom: 27px;
	left: 43px;
	right: 43px;
	opacity: 0;
	filter: alpha(opacity=0);
	color: #242F65;
	-webkit-transform: translate3d(-40px, 0, 0);
	-moz-transform: translate3d(-40px, 0, 0);
	-ms-transform: translate3d(-40px, 0, 0);
	-o-transform: translate3d(-40px, 0, 0);
	-webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
	-moz-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
	-ms-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
	-o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
	transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
	z-index: 4;
}
#premobilPictureMenu .secondLi.wrapped .thirdLi .tilessub .tile .pictureMenuA .overlay .overlay-content{
	font-size: 100%;
}

#premobilPictureMenu #level1Internet.smallFirstLine .tiles .tile .pictureMenuA .overlay .overlay-content,
#premobilPictureMenu .wrapped .tiles .tile .pictureMenuA .overlay .overlay-content,
#premobilPictureMenu .secondLi.wrapped .tilessub .tile .pictureMenuA .overlay .overlay-content,
#premobilPictureMenu .secondLi.wrapped .thirdLi.wrapped .tilessub .tile .pictureMenuA .overlay .overlay-content{

	font-size: 11px;
}

#premobilPictureMenu .tiles .tile .pictureMenuA:hover .title,
#premobilPictureMenu .tiles .tile .pictureMenuA:focus .title,
#premobilPictureMenu .tilessub .tile .pictureMenuA:hover .title,
#premobilPictureMenu .tilessub .tile .pictureMenuA:focus .title{
	-webkit-transform: translate3d(0, 150%, 0);
	-moz-transform: translate3d(0, 150%, 0);
	-ms-transform: translate3d(0, 150%, 0);
	-o-transform: translate3d(0, 150%, 0);
	-webkit-transition: transform 0.4s ease-out;
	-moz-transition: transform 0.4s ease-out;
	-ms-transition: transform 0.4s ease-out;
	-o-transition: transform 0.4s ease-out;
	transition: transform 0.4s ease-out;
}
#premobilPictureMenu .tiles.activeMenu .tile .pictureMenuA .title,
#premobilPictureMenu .tilessub.activeMenu .tile .pictureMenuA .title{
	-webkit-transform: translate3d(0, 150%, 0);
	-moz-transform: translate3d(0, 150%, 0);
	-ms-transform: translate3d(0, 150%, 0);
	-o-transform: translate3d(0, 150%, 0);
	-webkit-transition: transform 0.4s ease-out;
	-moz-transition: transform 0.4s ease-out;
	-ms-transition: transform 0.4s ease-out;
	-o-transition: transform 0.4s ease-out;
	transition: transform 0.4s ease-out;
}

#premobilPictureMenu .tiles .tile .pictureMenuA:hover .overlay:before,
#premobilPictureMenu .tiles .tile .pictureMenuA:focus .overlay:before,
#premobilPictureMenu .tiles .tile .pictureMenuA:hover .overlay:after,
#premobilPictureMenu .tiles .tile .pictureMenuA:focus .overlay:after,
#premobilPictureMenu .tilessub .tile .pictureMenuA:hover .overlay:before,
#premobilPictureMenu .tilessub .tile .pictureMenuA:focus .overlay:before,
#premobilPictureMenu .tilessub .tile .pictureMenuA:hover .overlay:after,
#premobilPictureMenu .tilessub .tile .pictureMenuA:focus .overlay:after{
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: opacity 0.4s ease 0s, transform 0.45s ease 0.2s;
	-moz-transition: opacity 0.4s ease 0s, transform 0.45s ease 0.2s;
	-ms-transition: opacity 0.4s ease 0s, transform 0.45s ease 0.2s;
	-o-transition: opacity 0.4s ease 0s, transform 0.45s ease 0.2s;
	transition: opacity 0.4s ease 0s, transform 0.45s ease 0.2s;
}
#premobilPictureMenu .tiles.activeMenu .tile .pictureMenuA .overlay:before,
#premobilPictureMenu .tiles.activeMenu .tile .pictureMenuA .overlay:after,
#premobilPictureMenu .tilessub.activeMenu .tile .pictureMenuA .overlay:before,
#premobilPictureMenu .tilessub.activeMenu .tile .pictureMenuA .overlay:after{
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: opacity 0.4s ease 0s, transform 0.45s ease 0.2s;
	-moz-transition: opacity 0.4s ease 0s, transform 0.45s ease 0.2s;
	-ms-transition: opacity 0.4s ease 0s, transform 0.45s ease 0.2s;
	-o-transition: opacity 0.4s ease 0s, transform 0.45s ease 0.2s;
	transition: opacity 0.4s ease 0s, transform 0.45s ease 0.2s;
}

#premobilPictureMenu .tiles .tile .pictureMenuA:hover .overlay .overlay-color,
#premobilPictureMenu .tiles .tile .pictureMenuA:focus .overlay .overlay-color,
#premobilPictureMenu .tilessub .tile .pictureMenuA:hover .overlay .overlay-color,
#premobilPictureMenu .tilessub .tile .pictureMenuA:focus .overlay .overlay-color{
	opacity: 0.75;
	filter: alpha(opacity=75);
}

#premobilPictureMenu .tiles.activeMenu .tile .pictureMenuA .overlay .overlay-color,
#premobilPictureMenu .tilessub.activeMenu .tile .pictureMenuA .overlay .overlay-color{
	opacity: 0.75;
	filter: alpha(opacity=75);
}

#premobilPictureMenu .tiles .tile .pictureMenuA:hover .overlay .overlay-content,
#premobilPictureMenu .tiles .tile .pictureMenuA:focus .overlay .overlay-content,
#premobilPictureMenu .tilessub .tile .pictureMenuA:hover .overlay .overlay-content,
#premobilPictureMenu .tilessub .tile .pictureMenuA:focus .overlay .overlay-content{
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
}

#premobilPictureMenu .tiles.activeMenu .tile .pictureMenuA .overlay .overlay-content,
#premobilPictureMenu .tilessub.activeMenu .tile .pictureMenuA .overlay .overlay-content{
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
}

#premobilPictureMenu .tiles .tile.bike-rent .overlay-color {
	background-color: #98bde5;
}
#premobilPictureMenu .tiles .tile.bike-sale .overlay-color {
	background-color: #b5a9a1;
}
#premobilPictureMenu .tiles .tile.battery-replace .overlay-color {
	background-color: #9f79ee;
}
#premobilPictureMenu .tiles .tile.car-rent .overlay-color {
	background-color: #89d3ee;
}
#premobilPictureMenu .tiles .tile.recharge-stations .overlay-color {
	background-color: #ff8c69;
}
#premobilPictureMenu .tiles .tile.car-leasing .overlay-color {
	background-color: #ff8c69;
}
#premobilPictureMenu .tiles .tile.e-Up .overlay-color {
	background-color: #89d3ee;
}
#premobilPictureMenu .tiles .tile.e-Golf .overlay-color {
	background-color: #ff8c69;
}
#premobilPictureMenu .tiles .tile.preInternet-blue .overlay-color, #premobilPictureMenu .tilessub .tile.preInternet-blue .overlay-color {
	/*background-color: #98bde5;*/
	background-color: #E7EBF4;
}
#premobilPictureMenu .tiles .tile.preInternet-purple .overlay-color, #premobilPictureMenu .tilessub .tile.preInternet-purple .overlay-color {
	/*background-color: #9f79ee;*/
	background-color: #fffde0;
}
#premobilPictureMenu .tiles .tile.preInternet-orange .overlay-color, #premobilPictureMenu .tilessub .tile.preInternet-orange .overlay-color {
	background-color: #ff8c69;
}
#premobilPictureMenu .tiles .tile.e-nv200 .overlay-color {
	background-color: #b5a9a1;
}
#premobilPictureMenu .tiles .tile.i3 .overlay-color, #premobilPictureMenu .tilessub .tile.i3 .overlay-color {
	background-color: #9f79ee;
}
#premobilPictureMenu .tiles.guide-post, #premobilPictureMenu .tilessub.guide-post {
	/*margin: 0 -20px -32px -20px;*/
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
#premobilPictureMenu .tiles.guide-rent, #premobilPictureMenu .tilessub.guide-rent {
	/*margin: 0 -20px 30px -20px;*/
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
#premobilPictureMenu .tiles.guide-menu-top, #premobilPictureMenu .tilessub.guide-menu-top {
	/*margin: 0 -20px 0px -20px;*/
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
#premobilPictureMenu .tiles.guide-leasing-bottom, #premobilPictureMenu .tilessub.guide-leasing-bottom {
	/*margin: 0 -20px 30px -20px;*/
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
#premobilPictureMenu .tiles .tile-1, #premobilPictureMenu .tilessub .tile-1 {
	width: 50%;
}
#premobilPictureMenu .tiles .tile-2, #premobilPictureMenu .tilessub .tile-2 {
	width: 100%;
}
#premobilPictureMenu .tiles .tile-3, #premobilPictureMenu .tilessub .tile-3 {
	width: 100%;
}

#premobilPictureMenu {
	display: block;
}

#preMobileSmallMenu {
	display: none;
}

#premobilPictureMenu h1{
	color: #242F65;
}
.ended-action {
	background-color: rgba(89,89,89, 0.7);
	bottom: 0;
	top: 0;
	right: 0;
	left: 0px;
	position: absolute;
}

.ended-action > div{
	vertical-align: middle;
	background-color: white;
	padding: 10px;
	width: 390px;
	height: 55px;
	position: absolute;
	top: 0;
	bottom: 320px;
	right: 0;
	left: 0;
	margin: auto;

}

@media screen and (max-width: 1100px) {
	/*#PREmobilHP-titlte .promo:before{
		left: 75%;
	}*/

	.premobil-listek{
		display: none;
	}
}

@media screen and (max-width: 795px) {
	#PREmobilHP-titlte .promo:before{
		background: url("../images/PREmobil/hp-kampan/mobil/full.png") no-repeat scroll right bottom / 100% auto rgba(0, 0, 0, 0);
		width: 70%;
		right: 0px;
	}
}
@media screen and (max-width: 560px) {
	#PREmobilHP-titlte .promo:before{
		background: url("../images/PREmobil/hp-kampan/mobil/half.png") no-repeat scroll right bottom / 100% auto rgba(0, 0, 0, 0);
		width: 60%;
		right: 0px;
		bottom: 10px;
	}
}
@media screen and (max-width: 430px) {
	#PREmobilHP-titlte .promo:before{
		background: url("../images/PREmobil/hp-kampan/mobil/small.png") no-repeat scroll right bottom / 100% auto rgba(0, 0, 0, 0);
		width: 40%;
		right: -30px;
		bottom: 10px;
	}
}

@media screen and (max-width: 960px) {
	#PREmobilHP #PREmobilHP-vyhody ul li {
		padding: 100px 10px 0;
		text-align: center;
	}
	#PREmobilHP #PREmobilHP-vyhody ul li:after {
		right: 0;
		margin: 0 auto;
	}

	#PREmobilHP #PREmobilHP-tarif .tarif-short-description,
	#PREmobilHP .preInternetBox .tarif-short-description{
		height: 72px;
	}

	#PREmobilHP #PREmobilHP-akce.vanocni-nabidka{
		content: '';
		background: url(../../images/PREmobil/kampane/vanocni-nabidka/hp-banner/banner2.png) no-repeat;
		width: 760px;
		height: 175px;
	}
	#premobilPictureMenu .tiles .tile .pictureMenuA .overlay .overlay-content em,
	#premobilPictureMenu .tilessub .tile .pictureMenuA .overlay .overlay-content em{
		display: none;
	}



}

@media screen and (max-width: 768px) {
	#PREmobilHP #PREmobilHP-vyhody ul li {
		width: calc((100% - 25px) / 2);
		margin-bottom: 20px;
	}
	#PREmobilHP #PREmobilHP-vyhody ul {
		padding-bottom: 5px;
	}
	#PREmobilHP #PREmobilHP-vyhody ul li:nth-child(2n) {
		margin-right: 0;
	}

	#PREmobilHP #PREmobilHP-tarif>div,
	#PREmobilHP .preInternetBox>div{
		margin-right: 0;
		width: 100%;
		margin-bottom: 10px;
	}
	#PREmobilHP #PREmobilHP-tarif .tarif-short-description,
	#PREmobilHP .preInternetBox .tarif-short-description{
		height: auto;
	}



	#PREmobilHP #PREmobilHP-leftSide {
		width: 100%;
		padding-right: 0;
	}
	#PREmobilHP>.w40 {
		width: 100%;
	}
	#PREmobilHP #panel_Layouts_page-icss_obecne_premobil_hp_info ul li{
		width: 50%;
		display: block;
		float: left;
	}

	#PREmobilHP #PREmobilHP-akce.vanocni-nabidka{
		content: '';
		background: url(../../images/PREmobil/kampane/vanocni-nabidka/hp-banner/banner3.png) no-repeat;
		width: 480px;
		height: 350px;
	}
	#premobilPictureMenu {
		display: none;
	}
	#preMobileSmallMenu {
		display: block;
	}
}
@media screen and (max-width: 560px) {
	.pdfBoxes .pdfBox span{
		font-size: 0.8em;
	}
}

#PREmobilTarif .full-tarif-information {
	background: #242f64;
	padding: 5px;
	margin-bottom: 20px;
}
#PREmobilTarif .full-tarif-information>div {
	padding: 5px;
	width: calc((100% - 15px)/4);
	margin-left: 5px;
	float: left;

	background: #fff;
	text-align: center;
	min-height: 100px;
	padding-top: 35px;

	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	font-size: 1.286em;
	color: #242f64;
}
#PREmobilTarif .full-tarif-information>div:first-child {
	background: #242f64;
	color: white;
	margin-left: 0;
}

#PREmobilTarif .full-tarif-information>div.aktiv:first-child {
	padding-top: 11px;
}

#PREmobilTarif .full-tarif-information>div span {
	font-weight: bold;
	font-size: 1.556em;
}

#PREmobilTarif .full-tarif-information>div span.gray {
	display: block;
	color: #7f849d;
	font-weight: normal;
	font-size: 0.75em;
}

#PREmobilTarif .tarif-info-text {
	color: #a9a9a9;
	font-size: 0.85em;
	line-height: 1.55em;
	margin: 20px 0 0;
}

#PREmobilTarif .full-tarif-pluses li{
	width: calc((100% - 75px)/4);
	float: left;
	padding-top: 95px;
	margin-right: 25px;
	position: relative;
	line-height: 1.75em;
}
#PREmobilTarif .full-tarif-pluses li:last-child {
	margin-right: 0;
}

#PREmobilTarif .full-tarif-pluses li h5 {
	font-size: 1.14em;
	color: #242f64;
	font-weight: bold;
	margin-bottom: 20px;
}

#PREmobilTarif .full-tarif-pluses li:after{
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 77px;
	height: 77px;
	margin: 0 auto;
	background: none, url(../images/PREmobil/sprites.png) no-repeat;
}

/** aktiv **/
#PREmobilTarif .full-tarif-pluses.aktiv li:nth-child(1):after {
	background-position: -218px -243px;
}
#PREmobilTarif .full-tarif-pluses.aktiv li:nth-child(2):after {
	background-position: -484px -276px;
}
#PREmobilTarif .full-tarif-pluses.aktiv li:nth-child(3):after {
	background-position: -403px -325px;
}
#PREmobilTarif .full-tarif-pluses.aktiv li:nth-child(4):after {
	background-position: -484px -106px;
}

/** komfort **/
#PREmobilTarif .full-tarif-pluses.komfort li:nth-child(1):after {
	background-position: -5px -124px;
}
#PREmobilTarif .full-tarif-pluses.komfort li:nth-child(2):after {
	background-position: -484px -191px;
}
#PREmobilTarif .full-tarif-pluses.komfort li:nth-child(3):after {
	background-position: -484px -106px;
}
#PREmobilTarif .full-tarif-pluses.komfort li:nth-child(4):after {
	background-position: -218px -243px;
}

/** garant **/
#PREmobilTarif .full-tarif-pluses.garant li:nth-child(1):after {
	background-position: -5px -124px;
}
#PREmobilTarif .full-tarif-pluses.garant li:nth-child(2):after {
	background-position: -218px -325px;
}
#PREmobilTarif .full-tarif-pluses.garant li:nth-child(3):after {
	background-position: -484px -106px;
}
#PREmobilTarif .full-tarif-pluses.garant li:nth-child(4):after {
	background-position: -218px -243px;
}


#PREmobilTarif .full-tarif-packets {
	padding-top: 5px;
	padding-bottom: 25px;
}

#PREmobilTarif .full-tarif-packets>div {
	width: calc(50% - 5px);
	height: 240px;
	float: left;
	padding: 20px;
	margin-top: 10px;

	text-align: center;
	background: #e6ebf3;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	color: #242f64;
	font-weight: bold;
}
#PREmobilTarif .full-tarif-packets>div:nth-child(2n) {
	float: right;
}

#PREmobilTarif .full-tarif-packets h5 {
	font-weight: bold;
	font-size: 24px;
}

#PREmobilTarif .full-tarif-packets .packet-info {
	font-size: 24px;
	background: #f3f5f9;
	width:  calc(50% - 5px);
	float: left;
	padding: 29px 0 27px;
	margin: 30px 0 25px;
}

#PREmobilTarif .full-tarif-packets .packet-info-text {
	font-size: 21px;
	background: #f3f5f9;
	width:  calc(50% - 5px);
	float: left;
	padding: 19px 0 19px;
	margin: 30px 0 25px;
}

#PREmobilTarif .full-tarif-packets p {
	font-weight: normal;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #9ea1a6;
	margin-bottom: 5px;
}
#PREmobilTarif .full-tarif-packets span {
	font-weight: normal;
	font-family: Arial, sans-serif;
	font-size: 16px;
	padding: 0 5px;
}

@media screen and (max-width: 960px) {
	#panel_Layouts_page-icss_obecne_premobil_tarif_boxfaq1 ul li{
		width: 50%;
		display: block;
		float: left;
	}
}

@media screen and (max-width: 768px) {
	#PREmobilTarif .full-tarif-information>div {
		width: calc((100% - 5px)/2);
		margin-bottom: 5px;
	}
	#PREmobilTarif .full-tarif-information>div:nth-child(2n-1) {
		margin-left: 0;
	}
	#PREmobilTarif .full-tarif-information {
		padding-bottom: 0;
	}

	#PREmobilTarif .full-tarif-pluses li {
		width: calc((100% - 25px)/2);
	}
	#PREmobilTarif .full-tarif-pluses li:nth-child(2n) {
		margin-right: 0;
	}
	#PREmobilTarif .full-tarif-pluses li:nth-child(-n+2) {
		margin-bottom: 25px;
	}
	#PREmobilTarif .full-tarif-pluses li:after {
		margin: 0;
	}

	#PREmobilTarif .full-tarif-packets>div {
		width: 100%;
	}

	#panel_Layouts_page-icss_obecne_subpage-2col_boxfaq1 ul li {
		width: 50%;
		display: block;
		float: left;
	}
}


.premobile-calculator {
	padding: 0 0 0 20px;
	border-left: 1px solid #d6d8e2;
}

.premobil-dots{
	content: '';
	height: 20px;
	width: 55px;
	margin-top: 10px;
	margin-right: -20px;
}

.premobil-dots:after{
	display: block;
	content: '';
	position: absolute;
	bottom: 5px;
	left: 20px;
	width: 25px;
	height: 6px;
	background: none, url(../images/PREmobil/dalsi-info.png) no-repeat;
}

.just-left {
	float:left;
}

.just-right {
	float:right;
}

.pr2 {
	padding-right: 2%;
}

.pl2 {
	padding-left: 2%;
}

.pr4 {
	padding-right: 4%;
}

.mt8p {
	margin-top: 8px;
}
.mt25p {
	margin-top: 25px;
}
.mtmb25p {
	margin-top: 25px;
	margin-bottom: 25px;
}

.pl4 {
	padding-left: 4%;
}

.bottom-dotted {
	border-bottom: 1px dotted #D5D4E2;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

hr.recap-split {
	border-color:darkgray;
	margin-top: 25px;
}

.in .box.stick-bottom {
	padding-bottom: 0;
	margin-bottom: 0;
}

.in .box.stick-top {
	padding-top: 0;
	margin-top: 0;
}

.in .box.grey {
	background-color: lightgrey;
}
.in .box.green {
	background-color: #73bf41;
	color: white;
}
.in .box.green h3 {
	color: white;
}
.in .wide-box {
	padding: 40px;
	margin-left: -20px;
	margin-right: -20px;
}
/** pro tisk **/

.hide-el {
	display: none;
}

.print-hdo {
	position: absolute;
	top: 150px;
	right: 18px;
}

.print-el {
	position: absolute;
	top: 18px;
	right: 18px;
}

.print-el:hover, .print-hdo:hover{
	margin: -6px -6px -5px -5px;
	padding: 5px 5px 5px 5px;
	cursor:pointer;
	border: solid 1px #242F65;
	border-radius: 3px;
	background: #d2d8e4;
}

#print-hdo-table{
	width: 675px;
}

#print-hdo-table .right-celkem{
	display: inline-block;
	float: right;
}

#print-hdo-table .povel{
	display: inline-block;
	font-size: 1.2em;
}

#print-hdo table{
	margin-top: 15px;
}

#print-hdo th{
	text-align: left;
	padding-left: 10px;
}

.print-box tbody td, .green-text, .red-text, .orange-text{
	line-height: normal;
}

.margin-top15{
	margin-top: 15px;
}

.en-el-product h5{
	font-weight: bold;
	font-size: 1.2em;
}

.en-el-product .ceny{
	margin-left: 20px;
}

.en-el-product ul{
	margin: 10px;
}
.inner-box.box.glue-top.general .en-el-product .pull-left.left-one p:first-child {
	margin-top: 0;
}

.margin-top20{
	margin-top: 20px;
}

#filtr-usedto > div{
	height: 90px;
	margin-bottom: 20px;
}

#filtr-usedto .usedToText{
	padding-left: 15px;
	padding-top: 20px;
}

#filtr-usedto .usedToFind{
	padding-left: 15px;
	padding-top: 10px;
}

body.ospolecnosti .icon {
	position: absolute;
	right: 0;
	top: 15px;
}

body.ospolecnosti .tooltip {
	padding-right: 40px;
	position: relative;
}

.checkbox-label{
	line-height: 1.5;
	width: 90%;
	margin-top: -2px;
}

dt .info-ico{
	float: right !important;
	margin-right: 40px;
}

dt .info-ico{
	background: url("../images/premobil_products-sprite.png") no-repeat scroll 0px 00px rgba(0, 0, 0, 0);
	float: right !important;
	margin-right: 40px;
	width: 106px;
	height: 30px;
}

dt .info-ico.action{
	background-position: -9px -9px;
}

dt .info-ico.recommand{
	background-position: -9px -57px;
}

.input-holder.prefix .static-placeholder {
	color: black;
	left: 1.3em;
	right: auto;
}

.input-holder.prefix.gpart input {
	padding-left: 20px;
}

.smaller{
	font-size: 75%;
	liner-height: unset;
}

.paddingLeft35{
	padding-left:35px;
}

h6{
	font-size: 110%;
	padding-bottom: 10px;
	line-height: 30px;
}

.w32 {
	width: 32%;
}
.w23 {
	width: 23%;
}

.dist-map-label, .dist-map-gas-label {
	color: #B3C2DF;
	font-weight: bold;
	font-size: 1.1em;
	margin: 15px 0 0 15px;
}

.dist-map-label p, .dist-map-gas-label p {
	line-height: 15px;
}

.dist-map-label p.active, .dist-map-gas-label p.active {
	color: #02356C;
}

.dialog-co-je-dobre-noli i{
	font-size: 90%;
	line-height: 15px;
	margin-top: 5px;
}

.dialog-co-je-dobre li i{
	font-size: 90%;
	margin-top: 5px;
}

.beforeIco {
	height: 68px;
}

.beforeIco span {
	vertical-align: bottom;
}

/*ul.icoTriple li {
	background: url("../images/ico-upload-email-post.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	padding: 0 10px 10px 160px;
	min-height: 70px;
}

ul.icoTriple li:first-child {
	background: url("../images/ico-online-email-post.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}*/

abbr.imgIco {
	border-bottom: none;
}

.imgIco {
	height: 30px;
	width: 30px;
	margin: 0 0 -4px;
	padding: 0;
	display: inline-block;
}

.imgIcoEmail {
	background: url("../images/ico-mail.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.imgIcoScan {
	background: url("../images/ico-scan.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.imgIcoOnline {
	background: url("../images/ico-online.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.imgIcoPost {
	background: url("../images/ico-post.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

ul.icoTriple {
	margin: 20px 20px 20px 0;
}

ul.icoTriple li {
	padding: 0 10px 10px 0px;
}

ul.icoTriple li::after {
	content: none;
}

span.likeAHref {
	color: #242f65;
	text-decoration: underline;
	cursor: pointer;
}

.adress-pre{
	line-height: 25px;
}

.adress-pre div{
	font-weight: bold;
	line-height: 1;
	margin-bottom: 5px;
}

.no-pad-mar-up-down{
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

.info-text-small{
	font-size: 80%;
	line-height: 1;
	margin-left: 4px;
}

.font-size90{
	font-size: 90%;
}
.premobil-news-head{
	color: white;
	font-size: 110%;
	margin-top: 10px;
}

.premobil-news-head p{
	margin-bottom: 0px;
}

.premobil-news li{
	color: white;
}

.premobil-news li a{
	margin-top: 5px;
	display: inline-block;
}

.messPlace {
	margin-left: 10px;
	margin-top: 20px;
	width: 63%;
	font-size: 86%;
}

.messPlace .okPlace {
	background-color: #e0ffee;
	border: 1px solid #009933 !important;
	border-radius: 3px;
	color: #009933;
	padding: 5px;
	height: 42px;
	font-weight: bold;
	line-height: 29px;
}

.messPlace .errorPlace {
	background-color: #ffe8e8;
	border: 1px solid #9a2f2f !important;
	border-radius: 3px;
	color: #9a2f2f;
	padding: 5px;
	height: 42px;
	font-weight: bold;
	line-height: 29px;
}

.messPlace .likeErrorPlace {
	padding: 5px 5px 5px 10px;
}

.likeMessPlace {
	margin-top: 0;
}

.messPlace .errorPlace span, .messPlace .okPlace span {
	line-height: 14px;
	vertical-align: middle;
	display: inline-block;
}

.overBackgroudBox{
	margin-top: -30px;
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 40px;
	padding-right: 40px;
	padding: 30px 20px;
}

.marginT-neg30{
	margin-top: -30px;
}

.pad-left-right-20{
	padding-left:20px;
	padding-right:20px;
}

.mb0-mt5{
	margin-bottom: 0px;
	margin-top: 5px;
}

.leftInCenterAlign{
	display: table;
	margin: 0 auto;
	text-align: left;
	white-space: nowrap;
}

.ml5{
	margin-left: 5px;
}
.ml50{
	margin-left: 50px;
}

.double-box > .box:first-child {
	float: left;
}

.double-box > .box:last-child {
	float: right;
}
.double-box > .box {
	width: 49%;
}

.single-box{
	background-color: white;
	border-radius: 3px;
	color: black;
	margin-bottom: 20px;
}

.contact-map > iframe {
	border: medium none;
	height: 300px;
	margin-bottom: 15px;
	width: 100%;
}

.contact-table{
	height: 95px;
}

.contact-table th {
	padding-bottom: 10px;
	text-align: left;
}

.contact-table td{
	padding-bottom: 5px;
	padding-top: 5px;
}

.mt10{
	margin-top: 10px;
}
.mb10{
	margin-bottom: 10px;
}
.mb30{
	margin-bottom: 30px;
}

.mt-minus50{
	margin-top: -50px;
}

.mt5{
	margin-top: 5px;
}
.mt30{
	margin-top: 30px;
}
.mt10{
	margin-top: 10px;
}

ul.pasovec-no-margin{
	margin: 0 !important;
	padding-left: 21px;
}

.auto-center{
	margin: 0 auto;
}

.tt-none { text-transform: none !important; }

.grey.label.tooltip-box {
	padding: 10px 0;
	font-size: .85em;
	line-height: 1.2em;
}

.price-orientation {
	font-size: .88em;
}

.black {
	color: black;
}
.normal {
	font-weight: normal;
}

.title-for-img h2{
	background-color: rgba(255, 255, 255, 0.6);
	padding-left: 20px;
	padding-right: 20px;
	display: inline-block;
	position: relative;
	z-index: 1;
	margin-top: 30px;
	bottom:	30px;
	right:	0px;
}

#premobilAkceCarusel {
	position: relative;
	height: 400px;
	margin-top: -79px;
}
#premobilAkceCarusel>div {
	position: absolute;
	opacity: 0;
	top: 0;
	overflow: hidden;
	border-radius: 3px;
	height: 100%;
	width: 100%;
}
#premobilAkceCarusel>div:nth-child(1) {
	opacity: 1;
}
#premobilAkceCarusel>div>img {
	display: block;
	margin: auto;
	left: -1000px;
	right: -1000px;
	top: -1000px;
	bottom: -1000px;
	position: absolute;
	min-width: 100%;
	min-height: 100%;
}
#premobilAkceCarusel h4 {
	margin-bottom: 15px;
}
#premobilAkceCarusel .dots {
	position: absolute;
	bottom: 10px;
	left: 50%;
	height: 20px;
	width: 80px;
	margin: 0 auto;
}
#premobilAkceCarusel .dots>div {
	width: 100%;
	height: 100%;
	display: table;
}
#premobilAkceCarusel .dots>div>div {
	display: table-cell;
	height: 100%;
}
#premobilAkceCarusel .dots>div>div>div {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
#premobilAkceCarusel .dots>div>div>div:after {
	width: 12px;
	height: 12px;
	border: 1px solid #242F65;
	border-radius: 12px;
	content: '';
	display: block;
	margin: auto;
	background: none;
	background-repeat: no-repeat;
	background-color: rgba(255,255,255, 0.8);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	cursor: pointer;
}
#premobilAkceCarusel .dots>div>div.active>div:after {
	width: 14px;
	height: 14px;
	border-radius: 14px;
	background: #9297B2;
}

#premobilAkceCarusel.astronaut:after{
	content: '';
	width: 100%;
	height: 391px;
	background: url("../images/PREmobil/kampane/neo/astronaut.png") no-repeat scroll 86% 0 rgba(0, 0, 0, 0);
	position: absolute;
	top: 130px;
	pointer-events: none;
	z-index: 5;
}

#premobilAkceCarusel.prodlouzeno:after{
	content: '';
	width: 152px;
	height: 152px;
	background: url("../images/PREmobil/prodlouzeno.png") no-repeat;
	position: absolute;
	top: 0;
	right: 0;
}

ul.p-line-height > li {
	line-height: 1.4em;
}

table.premobil-akce{
	font-size: 12px;
}

table.premobil-akce th{
	background-color: #02356c;
	color: white;
	font-family: "Arial CE",Arial,sans-serif;
	height: 50px;
	border: 1px solid white;
}

table.premobil-akce tbody th{
	width: 125px;
}

table.premobil-akce tbody td{
	border-bottom: 1px solid black;
}

table.premobil-akce tbody th[rowspan="2"]~td{
	border-bottom: none;
}

table.premobil-akce .colorfull{
	color: #003672;

	background: #ffffff ; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #ffc000   100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#ffc000  )); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#ffc000   100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#ffc000    100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#ffc000   100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #ffffff  0%,#ffc000   100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffc000 ',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

p.small{
	font-size: 80%;
}

.powerbank img{
	float: left;
	padding-right: 10px;
}

.d-table{
	display: table;
}

.vertical-middle{
	display: table-cell;
	vertical-align: middle;
}

.sl03-tooltip {
	left: 570px !important;
	top: 690px !important;
}
.sl03-tooltip .arrow {
	left: 74% !important;
}
.sl03-ico {
	position: absolute;
	left: 0px;
	top: -2px
}
.sl03-productName {
	margin-left: 35px;
}
.ui-dialog .ui-dialog-buttonpane.no-background, .no-background {
	background: none !important;
}

@media screen and (max-width: 768px) {
	.internetDevices{
		float: none;
		height: auto;
	}

	.internetDevices .boxleft {
		width: 100%;
		float: none;
	}

	.internetDevices .boxleft.modemArris{
		background: none, url(../images/PREmobil/arrisstb.jpg) no-repeat;
		background-position: -230px -46px;
		background-size: auto;
	}
	.internetDevices .boxright{
		width: 100%;

		height: auto;
		/* background-color: #fff; */
		float: none;
	}

	.preInternetContact .preInternetContactBox{
		float: none;
		padding: 15px;
		width: 100%;
	}
	.preInternetContact .contact-line2{
		border-left: none;
		border-right: none;

	}
	.preInternetContact .preInternetContactBox:nth-child(2){
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #ccc;
	}
	#faqTv, #faqPreInternet, .preinternetnoPadding, #faqNoCablePreInternet{
		padding-left: 10px !important;
		padding-right: 10px  !important;
	}
	#premobilPictureMenu{
		/*display: none;*/
	}
	/*//bt71008*/
	#pre_productOverview_calc_title.pre_productOverview_calc_title_gas:before, ._product_detail #pre_productOverview_miniPromo_gas.pre_productOverview_calc_title_gas71008:before {
		left: calc(50% - 14px);
		width: 0px;
		height: 384px;
		bottom: -90px;
		background: url(../images/PLYN-plotna.png) no-repeat 101px 70px/auto 67%;
	}
	#pre_productOverview_calc_title.pre_productOverview_calc_title_ele2 h2, #pre_productOverview_calc_title.pre_productOverview_calc_title_gas71008 h2{
		/*font-size: 2.0em;*/
	}
	#pre_productOverview_calc_title.pre_productOverview_calc_title_ele2 h1, #pre_productOverview_calc_title.pre_productOverview_calc_title_gas71008 h1{
		font-size: 3.8em;
	}
	#pre_productOverview_calc_title.pre_productOverview_calc_title_ele2:before {
		left: 59%;
		width: 0px;
		height: 384px;
		bottom: -15px;
		background: url(../images/EL-zarovka.png) no-repeat 0 0/auto 100%;
	}
}

@media screen and (max-width: 640px){
	.internetDevices .boxleft.modemArris{
		background-position: -290px -46px;
	}
}

/* FORM ERRORS */
.form-error-box {
	position: absolute;
	z-index: 999;
	background-color: #e05c5c;
	background-image: -moz-linear-gradient(top, #f07373, #e05c5c);
	background-image: -ms-linear-gradient(top, #f07373, #e05c5c);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f07373), to(#e05c5c));
	background-image: -webkit-linear-gradient(top, #f07373, #e05c5c);
	background-image: -o-linear-gradient(top, #f07373, #e05c5c);
	background-image: linear-gradient(top, #f07373, #e05c5c);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f07373', endColorstr='#e05c5c', GradientType=0);
	color: white;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: none !important;
	padding: 10px 15px;
	border-radius: 5px !important;
	width: 200px;
	text-align: center;
	display: none;
}
.form-error-box:after {
	content: '';
	position: absolute;
	bottom: -9px;
	left: 20px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #e05c5c;
}

.input-error{
	border: 1px solid #9a2f2f;
	color: #9a2f2f;
	background-color: #ffe8e8;
}

/* PRE radio and PRE checkbox */
input.preRadio[type="radio"],
input.preCheckbox[type="checkbox"],
input.preRadio[type="radio"] + label.preRadio,
input.preCheckbox[type="checkbox"] + label.preCheckbox {
	width: 27px;
	height: 27px;
	background: url('../images/radio_checkbox.png') 0 0 no-repeat;
	margin: 2px 13px 1px 0;
	z-index: 2;
	float: left;
	cursor: pointer;
}
.radiofloatleft input.preRadio[type="radio"],
.radiofloatleft input.preCheckbox[type="checkbox"],
.radiofloatleft input.preRadio[type="radio"] + label.preRadio,
.radiofloatleft input.preCheckbox[type="checkbox"] + label.preCheckbox {
	margin: -3px 13px 1px 0;
}

input.preRadio[type="radio"], input.preCheckbox[type="checkbox"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: none !important;
}

input.preRadio[type="radio"],
input.preRadio[type="radio"] + label.preRadio {
	background-position: -181px -1px;
}
input.preRadio[type="radio"]:checked,
input.preRadio[type="radio"]:checked + label.preRadio {
	background-position: -151px -1px;
}
input.preRadio[type="radio"]:disabled,
input.preRadio[type="radio"]:disabled + label.preRadio {
	background-position: -241px -1px;
}
input.preRadio[type="radio"]:disabled:checked,
input.preRadio[type="radio"]:disabled:checked + label.preRadio {
	background-position: -211px -1px;
}
input.preRadio[type="radio"].input-error,
input.preRadio[type="radio"].input-error + label.preRadio {
	background-position: -271px -1px;
}

input.preCheckbox[type="checkbox"],
input.preCheckbox[type="checkbox"] + label.preCheckbox {
	background-position: -31px -2px;
}
input.preCheckbox[type="checkbox"]:checked,
input.preCheckbox[type="checkbox"]:checked + label.preCheckbox {
	background-position: -1px -2px;
}
input.preCheckbox[type="checkbox"]:disabled,
input.preCheckbox[type="checkbox"]:disabled + label.preCheckbox {
	background-position: -91px -2px;
}
input.preCheckbox[type="checkbox"]:disabled:checked,
input.preCheckbox[type="checkbox"]:disabled:checked + label.preCheckbox {
	background-position: -61px -2px;
}
input.preCheckbox[type="checkbox"].input-error,
input.preCheckbox[type="checkbox"].input-error + label.preCheckbox {
	background-position: -121px -2px;
}
input.preCheckbox[type="checkbox"].input-error:checked,
input.preCheckbox[type="checkbox"].input-error:checked + label.preCheckbox {
	background-position: -301px -2px;
}


form span.radio {
	margin: 0 30px 0 0;
}
form span.radiofloatleft {
	margin: 0 30px 0 0;
	float: left;
}
form div.radio {
	margin: 0 10px 10px 0;
}

#bothSelectedText{
	background-color: #e05c5c;
	background-image: -moz-linear-gradient(top, #f07373, #e05c5c);
	background-image: -ms-linear-gradient(top, #f07373, #e05c5c);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f07373), to(#e05c5c));
	background-image: -webkit-linear-gradient(top, #f07373, #e05c5c);
	background-image: -o-linear-gradient(top, #f07373, #e05c5c);
	background-image: linear-gradient(top, #f07373, #e05c5c);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f07373', endColorstr='#e05c5c', GradientType=0);
	color: white;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: none !important;
	padding: 30px 20px;
}

div.t-row > div.t-cell.whiteText{
	color: white;
}
.p10{
	padding: 10px;
}



a.overviewPooledAccount:hover {
	color: #DF5A5A;
	text-decoration: underline;
}

/*#OverviewPooledAccountDialog .overviewPooledAccountList {
	padding-left: 10px;
}*/
#OverviewPooledAccountDialog .overviewPooledAccountList .box.roller:first-child {
	margin-bottom: 0;
}
#OverviewPooledAccountDialog .overviewPooledAccountList .box.roller {
	margin-top: 0;
}
#OverviewPooledAccountDialog .overviewPooledAccountList .box.roller .header {
	border: none;
	cursor: auto;
	margin-left: 5px;
}
#OverviewPooledAccountDialog .overviewPooledAccountList .box.roller div {
	width: auto;
	margin-right: 30px;
}
#OverviewPooledAccountDialog .overviewPooledAccountList .box.roller .komodita {
	width: 70px;
}
#OverviewPooledAccountDialog .overviewPooledAccountList .box.roller .komodita span{
	margin-left: 15px;
}
#OverviewPooledAccountDialog .overviewPooledAccountList .box.roller .adrplace {
	line-height: 1.2;
	padding-top: 5px;
}
/*#OverviewPooledAccountDialog .overviewPooledAccountList .box.roller .header a.sort:after {
	background: url("../images/ico_sort.png") no-repeat scroll right 0 transparent;
	height: 14px;
	content: "";
	display: block;
	position: relative;
	bottom: 20px;
	left: 15px;
}*/
/*#OverviewPooledAccountDialog .overviewPooledAccountList .box.roller .header a.sort {
	color: #71675b;
  font-size: 0.8em;
	font-weight: bold;
}*/
#selected-vkonts .box.roller .header, #selected-vkonts .box.roller .header label {
	cursor: auto;
}
#selected-vkonts .box.roller .header {
	height: 53px;
}

.find-account-help-box {
	display: block;
	background: url("../images/icons.png") no-repeat scroll -141px -70px rgba(0, 0, 0, 0);
	height: 18px;
	width: 18px;
	position: absolute;
	bottom: 25px;
	left: 525px;
}
table.skin-a.nb td {
	border-top: none;
}

table.skin-a.nb tbody tr:last-child td {
	border-bottom: none;
}

.jsAliasDialog.ui-dialog.ui-front {
	z-index: 20000;
}

#jsAlias-box {
	margin-bottom: 2em;
}
#jsAlias-box h2, #jsAlias-box .discount h3 {
	font-size: 23px;
	text-align: left;
	margin-left: 10px;
	margin-top: 15px;
	font-weight: bold;
}
#jsAlias-box h2:first-child {
	margin-left: 15px;
}
#jsAlias-box .discount {
	margin: 15px 0 0 0;
	padding: 0;
}
#jsAlias-box .discount h3 {
	color: #000000;
	font-weight: normal;
	margin: 0 15px 20px 15px;
}
#jsAlias-box .discount h3:last-child {
	margin: 0 15px;
}
#jsAlias-box .discount h3 span.green {
	color: #73BE3F;
	font-weight: bold;
}
#jsAlias-box .discount p {
	margin: 0 0 0 15px;
	padding: 0 0 15px 0;
}
#jsAlias-box .discount p:last-child {
	padding: 0;
}
#jsAlias-box .discount hr {
	clear: both;
	margin: 0 0 9px 0;
	padding: 24px 0 0 0;
}
#jsAlias-box .discount .border-right {
	border-right: 1px solid #D5D4E2;
}

#jsAlias-box form .top-space {
	margin-left: 25px;
}
#jsAlias-box form input[type="text"] {
	width: 250px;
}
#jsAlias-box form .m10 {
	margin-top: 10px;
	margin-left: 5px;
}
#jsAlias-box p {
	text-align: left;
	margin-left: 15px;
	margin-top: 20px;
	width: 85%;
}
#jsAlias-box ul li {
	position: relative;
	padding: 12px 0 11px 50px;
}
#jsAlias-box ul li:after {
	left: 10px;
	top: 12px;
}
.icons_check {
	text-align: left;
	margin-top: 20px;
}
.box.inner-box .flash {
	margin-bottom: 10px;
}

#top-menu .body.setting-body {
	padding: 0;
}
#top-menu .body.setting-body h2 {
	margin-top: 0;
}
#top-menu .body.setting-body .cancel_settings {
	display: block;
	height: 30px;
	width: 30px;
	position: relative;
	left: 30px;
	bottom: 70px;
}

#panel_Layouts_page-icss_moje-pre_prihlaseny-uzivatel_menu .flash.success, .settings-error {
	margin-bottom: 20px;
}

span.activation_blue {
	color: #0000FB;
}

.tooltipHalfLogin {
	position: relative;
	bottom: 20px;
	right: -265px;
}
.tooltipNotChoose {
	position: relative;
}

.flash.info-blue-sl03 a {
	color: black !important;
}

.armadillo_sl03 div.half-box {
	height: 70px;
	margin-bottom: 40px;
}
.armadillo_sl03 p {
	margin-bottom: 0;
}

table.skin-a.nb td {
	border-top: none;
}

table.skin-a.nb tbody tr:last-child td {
	border-bottom: none;
}

div.accountsSL14 table.accounts {
	border-collapse:collapse;
}

div.accountsSL14 table.accounts tr.selected {
	border: solid #73be3f 1px;
	padding: 5px 7px;
	background-color:#eef7e7;
}

div.accountsSL14 table.accounts tr.space {
	border: none;
	padding-top: 5px;
}

table.skin-a.nb td {
	border-top: none;
}

table.skin-a.nb tbody tr:last-child td {
	border-bottom: none;
}

.jsCustomerAccountSelectorWindow .dialog-body.in {
	padding-bottom: 0px;
}
.jsCustomerAccountSelectorWindow .box.roller:last-child {
	margin-bottom: 0px;
}

.margin15-5 {
	margin:	15px 5px;
}

.multiplePartnerInfo {
	font-family: 'HelveticaNeueW02-47LtCn 694048','Arial CE',Arial,sans-serif;
	font-size: 1.9em;
	color: #242F65;
	line-height: 40px;
	padding: 15px;
}

@media screen and (max-width: 760px) {
	.container-tabs .container-tabs-tab .container-service .type-services .block-service .service-description {
		height: auto;
	}


	.velkoodber-hp.intro .welcomebar,
	.o-spolecnosti.intro .welcomebar,
	.hp .hp-gravity-box {
		min-height: auto;
	}
}

.velkoodber-hp.intro,
.o-spolecnosti.intro {
	padding-top: 0;
}

.velkoodber-hp.intro .welcomebar,
.o-spolecnosti.intro .welcomebar {
	margin-bottom: 40px;
}

#priceOffer_header #carousel {
	position: relative;
	height: 200px;
	/*margin-left: 15px;*/
}
#priceOffer_header #description {
	margin-top: 25px;
	text-align: center;
	/*width: 380px;*/
	font-size: x-large;
	font-weight: bold;
	color: #242f65;
}

#pre_priceOffer_vyhody {
	height: 100px;
	padding-top: 21px;
}
#pre_priceOffer_vyhody p {
	font-size: small;
}
#pre_priceOffer_vyhody ul li {
	color: #242f64;
	float: left;
	font-family: "HelveticaNeueW02-47LtCn 694048","Arial CE",Arial,sans-serif;
	font-size: 1.3em;
	/*margin-right: 15px;*/
	min-height: 85px;
	padding: 10px 0 0 80px;
	position: relative;
	text-transform: uppercase;
	width: calc((100% - 30px) / 3);
	text-align: center;
}
#pre_priceOffer_vyhody div {
	color: #242f64;
	float: left;
	font-family: "HelveticaNeueW02-47LtCn 694048","Arial CE",Arial,sans-serif;
	font-size: 1.3em;
	/*margin-right: 15px;*/
	min-height: 85px;
	/*padding: 10px 0 0 110px;*/
	position: relative;
	text-transform: uppercase;
	width: calc((100% - 30px) / 3);
	/*text-align: center;*/
}
#pre_priceOffer_vyhody .priceOffer_telephone {
	background: rgba(0, 0, 0, 0) url("../images/priceOffer/ico_dotazy2.png") no-repeat scroll 70px 0;
	content: "";
	display: block;
	height: 85px;
	background-size: 60px;
	margin-right: 0;
	/*float: right;*/
	padding: 10px 0 0 150px;
}
#pre_priceOffer_vyhody .priceOffer_info {
	background: rgba(0, 0, 0, 0) url("../images/priceOffer/ico_info.png") no-repeat scroll 50px 0;
	content: "";
	display: block;
	height: 85px;
	background-size: 60px;
	padding: 10px 0 0 130px;
}
#pre_priceOffer_vyhody .priceOffer_question {
	background: rgba(0, 0, 0, 0) url("../images/priceOffer/ico_dotazy.png") no-repeat scroll 50px 0;
	content: "";
	display: block;
	height: 85px;
	background-size: 60px;
	padding: 10px 0 0 130px;
	/*margin-left: 135px;*/
}

#pre_priceOffer #priceOffer_header {
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	color: white;
	margin-bottom: 20px;
}
#pre_priceOffer #priceOffer_header h2 {
	color: white;
	margin-bottom: 20px;
	font-size: 2.7em;
}
#pre_priceOffer #priceOffer_header p {
	font-size: large;
}

#pre_priceOffer #priceOffer_header #savePriceView {
	width: 384px;
	height: 50px;
}
#pre_priceOffer #priceOffer_header #savePriceView .loading-overlay {
	position: initial;
}
#pre_priceOffer #priceOffer_header #savePriceView .loading-overlay img {
	position: initial;
	margin-left: -125px;
	margin-top: 10px;
}
#pre_priceOffer #priceOffer_header table.priceOffer_table {
	width: 65%;
	font-size: large;
}
#pre_priceOffer #priceOffer_header table.priceOffer_table td {
	padding: 10px 0;
}
#pre_priceOffer #priceOffer_header table.priceOffer_table tr td:last-child {
	text-align: left;
	padding-left: 5px;
}
#pre_priceOffer #priceOffer_header span.tooltip_text {
	font-size: large;
	margin-right: 30px;
}
#pre_priceOffer #priceOffer_header span.price {
	font-size: 40px;
	color: rgb(0,0,255);
}
#pre_priceOffer #pre_productOverviewComponent h3 {
	padding: 20px 0 0 22px;
	background-color: white;
	border-radius: 3px;
}
#pre_priceOffer #pre_productOverviewComponent form .header:hover, #pre_priceOffer #pre_productOverviewComponent form .header:hover .labelAddress {
	cursor: auto;
}
#pre_priceOffer #pre_productOverviewComponent form .header div {
	width: auto;
}
#pre_priceOffer #pre_productOverviewComponent form .header div.pull-right {
	padding-right: 20px;
}
#pre_priceOffer #pre_productOverviewComponent form span.blue_text {
	color: rgb(0,0,255);
	font-size: 1.2em;
}
#pre_priceOffer #pre_productOverviewComponent form p.w120 {
	width: 120px;
}
#pre_priceOffer #pre_productOverviewComponent form p.ml50 {
	margin-left: 50px;
	margin-right: 10px;
}
#pre_priceOffer #pre_productOverviewComponent form #accountBox {
	padding: 20px;
}
#pre_priceOffer #pre_productOverviewComponent form .box.roller .documents_wrapper {
	background-color: #f1f1f1;
	/*margin: 0px -10px 0 -10px;*/
	padding-left: 10px;
	padding-top: 6px;
	border-bottom: 1px solid #D5D4E2;
	border-left: 1px solid #D5D4E1;
	border-right: 1px solid #D5D4E2;
}
#pre_priceOffer #pre_productOverviewComponent form .box.roller .documents_wrapper .pull-left:first-child {
	/*height: 88px;*/
}
#pre_priceOffer #pre_productOverviewComponent form .box.roller .documents_wrapper .pull-left:first-child a img {
	margin-right: 5px;
	margin-bottom: -5px;
}
#pre_priceOffer #pre_productOverviewComponent form .box.roller .documents_wrapper .otherInfomaiton{
	width:47%;
}
#pre_priceOffer #pre_productOverviewComponent form .box.roller .documents_wrapper .documents_list{
	/*padding-left: 45px;*/
}
#pre_priceOffer #pre_productOverviewComponent form .box.roller .product_table .t-row:last-child .t-cell {
	margin-bottom: 10px;
}
#pre_priceOffer #pre_productOverviewComponent form .box.roller .product_table .t-row .t-cell {
	padding-top: 0px;
	padding-bottom: 0px;
}
#pre_priceOffer #pre_productOverviewComponent form .box.roller .product_table .t-row .t-cell:last-child {
	padding-right: 0px;
}
#pre_priceOffer #pre_productOverviewComponent form .box.roller .product_table .currentLabel {
	background-color: gray;
	color: white;
	text-align: center;
	padding: 0;
}
#pre_priceOffer #pre_productOverviewComponent form .box.roller .product_table {
	text-align: center;
}
#pre_priceOffer #pre_productOverviewComponent form .box.roller .product_table .t-row.blue_text {
	color: rgb(0,0,255);
	margin-bottom: 10px;
}
#pre_priceOffer #pre_productOverviewComponent form .box.roller .product_table .t-row.blue_text_first_line {
	margin-bottom: 0px;
}
#pre_priceOffer #pre_productOverviewComponent form .box.roller .product_table .t-row.blue_text .newLabel {
	background-color: rgb(0,0,255);
	color: white;
	text-align: center;
}
#pre_priceOffer #pre_productOverviewComponent form .box.roller .product_table .t-row .doubleH {
	line-height: 42px;
}
#pre_priceOffer #pre_productOverviewComponent form .box.roller .product_table .t-row .lh20px {
	line-height: 20px;
}

#pre_priceOffer #pre_productOverviewComponent form .box.roller .product_table.product_table_small{
	display: none;
}

#pre_priceOffer .box.roller .product_table_small .blue_text_small{
	background-color: rgb(0,0,255);
	color: white;
	margin-left: 5px;
	text-align: center;
}
#pre_priceOffer .box.roller .product_table_small .grey_text_small_bgr{
	background-color: gray;
	color: white;
	margin-left: 5px;
	text-align: center;
	padding-left: 0px;
}
#pre_priceOffer .box.roller .product_table_small .grey_text_small{
	color: gray;
	margin-left: 5px;
	text-align: center;
}

#pre_priceOffer .box.roller .product_table_small{
	text-align: center;
	margin-top: 25px;
}
#pre_priceOffer .box.roller .product_table_small .t-row{
	margin-bottom: 15px;
}
#pre_priceOffer .box.roller .product_table_small .t-row.headerRow{
	margin-bottom: 5px;
}
#pre_priceOffer .box.roller .product_table_small .t-row.product_table_small_header{
	margin-bottom: 0px;
}
#pre_priceOffer .box.roller .product_table_small .t-row.icoproduct{
	margin-top: -5px;
}
#pre_priceOffer .box.roller .product_table_small .d-table{
	height: 47px;
}
#pre_priceOffer .box.roller .product_table_small .h40 .d-table{
	height: 20px;
}
#pre_priceOffer .box.roller .product_table_small .headerRow .d-table{
	height: 20px;
}
#pre_priceOffer .box.roller .product_table_supplement{
	padding: 15px 0px;
	text-align: left;
	color: #000;
	font-size: 9.5pt
}
#answersDialog dl.overviewExpandable > dd{
	background-color: #fff;
}

.boxOverlay {
	position: absolute;
	/*bottom: 330px;*/
	bottom: 0;
	top:0;
	z-index: 99;
	width: 100%;
	height: 100%;
	background: rgba(255, 0, 0, 0.5);
}
.boxOverlay .boxOverlayRed {
	/*opacity: 0.5;
	background-color: red;
	height: 1px;*/
}
.boxOverlay .boxOverlayText {
	background-color: red;
	color: white;
	padding: 10px;
	font-weight: bold;
	bottom: 0;
	width: 100%;
	position: absolute;
}
.boxOverlay .boxOverlayText a {
	color: white;
}

.boxOverlayClear {
	height: 0px;
	clear: both;
}

@media screen and (max-width: 320px) {
	.boxOverlay .boxOverlayText {
		font-size: 12px;
	}
	#dialog-noProduct span h3{
		font-size: 2.2em;
		color: #1C2F67;
		padding: 30px;
	}
}

#pre_priceOffer #pre_productOverviewComponent form .box.roller {
	margin-bottom: 20px;
	background-color: white;
	position: relative;
}
#pre_priceOffer #pre_productOverviewComponent form .box.roller .content {
	padding-bottom: 0;
	margin-bottom: -1px;
}
#pre_priceOffer #pre_productOverviewComponent form .box.roller .content h4 {
	margin-left: 0;
}
#pre_priceOffer #pre_productOverviewComponent .agreement_wrapper {
	padding-top: 20px;
}
#pre_priceOffer #pre_productOverviewComponent .agreement {
	background-color: white;
	color: #242f64;
	border-radius: 3px;
	margin: 0 20px 20px 20px;
}
#pre_priceOffer #pre_productOverviewComponent .agreement p {
	padding: 10px 37px 0 10px;
}
#pre_priceOffer #pre_productOverviewComponent .agreement p:last-child {
	padding-bottom: 10px;
}
#pre_priceOffer #pre_productOverviewComponent .agreement span {
	font-size: small;
	line-height: 1.4em;
}
#pre_priceOffer #pre_productOverviewComponent form div.div_button {
	padding-bottom: 60px;
	height: 30px;
}
#pre_priceOffer #pre_productOverviewComponent form .box.blue div.div_button {
	padding-right: 20px;
}
#pre_priceOffer #pre_productOverviewComponent form div.div_button span {
	margin-left: 40px;
	margin-top: 8px;
	width: 75%;
	color: darkblue;
}
#pre_priceOffer #pre_productOverviewComponent form .warning_agreement .bold.red{
	padding-left: 0;
}

#pre_priceOffer .priceOfferPaginator {
	margin: 10px 0 10px 0;
}
#pre_priceOffer .inner-box.blue {
	padding-bottom: 0;
}
#onlineOfferDialog .general {
	text-align: left;
}

#pre_priceOffer_vyhody_small{
	text-align: center;
	display: none;
}
#pre_priceOffer_vyhody_small ul li{
	color: #242f64;
	font-family: "HelveticaNeueW02-47LtCn 694048","Arial CE",Arial,sans-serif;
	font-size: 1.3em;
	min-height: 85px;
	/*padding: 10px 0 0 80px;*/
	/*position: relative;*/
	text-transform: uppercase;
}
#pre_priceOffer_vyhody_small .priceOffer_info {
	height: 85px;
	background-size: 60px;
	margin-top: 80px;
}
#pre_priceOffer_vyhody_small .priceOffer_info .priceOffer_info_ico{
	position: relative;
}
#pre_priceOffer_vyhody_small .priceOffer_info .priceOffer_info_ico:after{
	position: absolute;
	content: "";
	height: 85px;
	background: rgba(0, 0, 0, 0) url(../images/priceOffer/ico_info.png) no-repeat scroll 0 0;
	background-size: 60px;
	width: 60px;
	top: -80px;
	left: 21%;
}
#pre_priceOffer_vyhody_small .priceOffer_question {
	height: 85px;
	background-size: 60px;
	margin-top: 80px;
}
#pre_priceOffer_vyhody_small .priceOffer_question .priceOffer_question_ico{
	position: relative;
}
#pre_priceOffer_vyhody_small .priceOffer_question .priceOffer_question_ico:after{
	position: absolute;
	content: "";
	height: 85px;
	background: rgba(0, 0, 0, 0) url(../images/priceOffer/ico_dotazy.png) no-repeat scroll 0 0;
	background-size: 60px;
	width: 60px;
	top: -80px;
	left: 26%;
}
#pre_priceOffer_vyhody_small .priceOffer_telephone {
	height: 85px;
	background-size: 60px;
	margin-top: 80px;
}
#pre_priceOffer_vyhody_small .priceOffer_telephone .priceOffer_telephone_ico{
	position: relative;
}
#pre_priceOffer_vyhody_small .priceOffer_telephone .priceOffer_telephone_ico:after{
	position: absolute;
	content: "";
	height: 85px;
	background: rgba(0, 0, 0, 0) url(../images/priceOffer/ico_dotazy2.png) no-repeat scroll 0 0;
	background-size: 60px;
	width: 60px;
	top: -80px;
	left: 24%;
}
#pre_priceOffer .info_table_small{
	display: none;
}
#pre_priceOffer #pre_productOverviewComponent form .box.roller .documents_wrapper_small{
	display: none;
}
#pre_priceOffer .total_annual_payment_row, #pre_priceOffer .calculating_data_row{
	float: right;
}
#pre_priceOffer .total_annual_payment, #pre_priceOffer .calculating_data{
	padding-left: 0px;
}
.agreement_wrapper .agreement .agreementChbx{
	vertical-align: bottom;
}
#pre_priceOffer .clear{
	padding: 0px;
}
#pre_priceOffer .info_table_large{
	float:right;
}
#pre_priceOffer	#pre_productOverviewComponent .otherInfomaiton555{
	display: none;
}
.agreement_wrapper .agreement .agreementText{
	padding-bottom: 15px
}
@media screen and (max-width: 910px) {
	#pre_priceOffer #pre_productOverviewComponent form div.div_button span{
		width: 65%;
	}
	#pre_priceOffer .product_table_small .bluebold{
		color: rgb(0,0,255);
	}
}
@media screen and (max-width: 880px) {
	#pre_priceOffer .product_table_small .bluebold{
		color: rgb(0,0,255);
	}
	#pre_priceOffer #pre_productOverviewComponent form .box.roller .product_table.product_table_large {
		display: none;
	}
	#pre_priceOffer #pre_productOverviewComponent form .box.roller .product_table.product_table_small {
		display: block;
	}

}
@media screen and (max-width: 820px) {
	#pre_priceOffer #pre_productOverviewComponent form .box.roller .documents_wrapper .documents_list{
		font-size: 12px;
	}
	#pre_priceOffer_vyhody .priceOffer_info{
		background: rgba(0, 0, 0, 0) url(../images/priceOffer/ico_info.png) no-repeat scroll 10px 0px;
		padding: 10px 0 0 80px;
		height: 85px;
		background-size: 60px;
	}
	#pre_priceOffer_vyhody .priceOffer_question{
		background: rgba(0, 0, 0, 0) url(../images/priceOffer/ico_dotazy.png) no-repeat scroll 20px 0px;
		padding: 10px 0 0 90px;
		height: 85px;
		background-size: 60px;
	}
	#pre_priceOffer_vyhody .priceOffer_telephone{
		background: rgba(0, 0, 0, 0) url(../images/priceOffer/ico_dotazy2.png) no-repeat scroll 50px 0px;
		padding: 10px 0 0 120px;
		height: 85px;
		background-size: 60px;
	}
	#pre_priceOffer #pre_productOverviewComponent form .box.roller .product_table.product_table_large {
		display: none;
	}
	#pre_priceOffer #pre_productOverviewComponent form .box.roller .product_table.product_table_small {
		display: block;
	}
}
@media screen and (max-width: 768px) {
	.carouselOffer{
		display: none;
		width: 0%
	}
	.priceOfferHeader_info{
		width:100%;
	}
	#pre_priceOffer .noDisplay768{
		display:none;
	}
	#pre_priceOffer #priceOffer_header table.priceOffer_table tr td:last-child{
		text-align: left;
		padding-right: 30px;
	}
	#pre_priceOffer #priceOffer_header table.priceOffer_table tr td b{
		padding-left: 147px;
	}
	#pre_priceOffer #priceOffer_header #savePriceView{
		width: 100%;
	}
	#pre_priceOffer #priceOffer_header span.price {
		margin-left: 50px;
		font-size: 40px;
		color: rgb(0,0,255);
	}
	#pre_priceOffer #priceOffer_header span.tooltip_text{
		padding-top: 12px;
	}
	#pre_priceOffer_vyhody{
		height: 126px;
		padding: 30px 30px 50px 30px;
	}
	#pre_priceOffer_vyhody ul li{
		padding: 0px 0 0 0px;
	}
	#pre_priceOffer #pre_productOverviewComponent .w9{
		width: 11%;
	}
	#pre_priceOffer #pre_productOverviewComponent .w31{
		width: 29%;
	}
	#pre_priceOffer #pre_productOverviewComponent .documents_wrapper .w50.responsive, #pre_priceOffer #pre_productOverviewComponent .documents_wrapper .w47.responsive{
		width: 100%;
	}
	#pre_priceOffer #pre_productOverviewComponent form .box.roller .documents_wrapper .pull-left:first-child{
		/*height: 106px;*/
		padding-left: 10px;
		border-bottom: 1px solid #D5D4E2;;
	}
	#pre_priceOffer #pre_productOverviewComponent form .box.roller .documents_wrapper .otherInfomaiton{
		width: calc(100% + 2px);
		background-color: #f1f1f1;
		padding-left: 10px;
		height: 106px;
		border-bottom: 1px solid #D5D4E2;
		border-left: 1px solid #D5D4E1;
		border-right: 1px solid #D5D4E2;
		margin-right: -1px;
	}
	#pre_priceOffer #pre_productOverviewComponent form .box.roller .documents_wrapper{
		margin: 0px;
		padding-left: 0px;
		padding-top: 0px;
		border-bottom: none;
	}
	#pre_priceOffer #pre_productOverviewComponent form .box.roller .documents_wrapper .border-right.responsive{
		border-right: none;
	}
	.agreement_wrapper .agreement .agreementChbx{
		vertical-align: bottom;
	}
	#pre_priceOffer #pre_productOverviewComponent form div.div_button span{
		width: 60%;
		margin-top: 0px;
	}
	#pre_priceOffer .thankspage{
		width: 100% !important;
	}
	#pre_priceOffer .clear{
		padding: 0px;
	}
	#pre_priceOffer #pre_productOverviewComponent form .box.roller .documents_wrapper .documents_list{
		padding-left: 0px;
		font-size: 100%;
	}
	#pre_priceOffer .total_annual_payment_row{
		float: left;
		text-align: left;
	}
	#pre_priceOffer .total_annual_payment{
		padding-left: 0px;
		float: left;
		margin-top: 10px;
		cursor: pointer;
	}
	#pre_priceOffer .calculating_data_row{
		float:left;
		margin-top: 5px;
	}
	#pre_priceOffer .calculating_data{
		padding-left: 5px;
		float: left;
		margin-top: 9px;
	}
	#pre_priceOffer #pre_productOverviewComponent #productOfferForm .content.no-padding{
		padding: 0px 0px 0px 5px;
	}
	#pre_priceOffer #pre_productOverviewComponent #productOfferForm .content.no-padding h4{
		padding:  10px 10px 0px 10px;
	}
	#productOfferForm #accountBox .content{
		padding-left: 5px;
	}
	#pre_priceOffer #pre_productOverviewComponent form .box.roller .product_table.product_table_small {
		display: block;
	}



}
@media screen and (max-width: 660px) {
	#pre_priceOffer_vyhody_small	{
		display: block;
	}
	#pre_priceOffer_vyhody{
		display: none;
	}
	#pre_priceOffer #pre_productOverviewComponent form div.div_button span {
		margin-left: 10px;
		margin-top: 8px;
		width: 100%;
		color: darkblue;
		text-align: center;
		line-height: 18px;
	}#pre_priceOffer #pre_productOverviewComponent form div.div_button .accept_offer{
		 width: 100%;
		 float: none !important;
		 margin-left: 10px;
		 text-align: center;
		 margin-top: 15px;
		 margin-bottom: 10px !important;
	 }
	#pre_priceOffer_vyhody .priceOffer_info{
		background: rgba(0, 0, 0, 0) url(../images/priceOffer/ico_info.png) no-repeat scroll 10px 5px;
		background-size: 60px;
		text-align: center;
		margin-left: -10px;
	}
	#pre_priceOffer_vyhody .priceOffer_question{
		background: rgba(0, 0, 0, 0) url(../images/priceOffer/ico_dotazy.png) no-repeat scroll 10px 5px;
		background-size: 60px;
		text-align: center;
		margin-left: 25px;
	}
	#pre_priceOffer_vyhody .priceOffer_telephone{
		background: rgba(0, 0, 0, 0) url(../images/priceOffer/ico_dotazy2.png) no-repeat scroll 10px 5px;
		background-size: 60px;
		text-align: center;
		margin-left: -10px;
	}
	#pre_priceOffer #pre_productOverviewComponent form div.div_button {
		padding-bottom: 0px;
		height: auto;
	}
}
@media screen and (max-width: 555px) {
	#pre_priceOffer	#pre_productOverviewComponent .otherInfomaiton555{
		display: block;
	}
	#pre_priceOffer	#pre_productOverviewComponent .otherInfomaiton{
		display: none;
	}
	#pre_priceOffer #pre_productOverviewComponent form .box.roller .documents_wrapper .otherInfomaiton555{
		width: calc(100% + 2px);
		background-color: #f1f1f1;
		padding-left: 10px;
		height: 160px;
		border-bottom: 1px solid #D5D4E2;
		border-left: 1px solid #D5D4E1;
		border-right: 1px solid #D5D4E2;
		margin-right: -1px;
	}
	#pre_priceOffer #priceOffer_header #savePriceView span.pull-left:first-child{
		width: 45%;
	}
	#pre_priceOffer #priceOffer_header span.tooltip_text{
		margin-right: 0px;
	}
}

@media screen and (max-width: 425px) {
	#pre_priceOffer .box.roller .product_table_small{
		font-size: 90%;
	}
	#pre_priceOffer .box.roller .product_table_small .w35{
		width: 32%;
	}
	#pre_priceOffer .box.roller .product_table_small .w25{
		width: 30%;
	}
	#pre_priceOffer .box.roller .product_table_supplement {
		padding: 15px 5px;
		line-height: 1.2em;
	}
	#pre_priceOffer #priceOffer_header h2{
		font-size: 2em;
	}
	#pre_priceOffer #priceOffer_header table.priceOffer_table{
		width: 100%;
	}
	#pre_priceOffer #priceOffer_header table.priceOffer_table tr td b{
		padding-left: 37px;
	}
	#pre_priceOffer #priceOffer_header #savePriceView span.uspora{
		width: 55%;
		line-height: 36px;
		padding-top: 13px;
	}
	#pre_priceOffer #priceOffer_header #savePriceView span.pull-left:first-child{
		width: 45%;
	}
	#pre_priceOffer #priceOffer_header table.priceOffer_table tr td:last-child{
		text-align: left;
		padding-right: 30px;
	}
	#pre_priceOffer #priceOffer_header span.tooltip_text{
		margin-right: 0px;
	}
	#pre_priceOffer #priceOffer_header span.price {
		margin-left: 10px;
		font-size: 26px;
		color: rgb(0,0,255);
		padding-left: 13px;
	}

	#pre_priceOffer #pre_productOverviewComponent form #accountBox{
		padding: 5px;
	}
	#pre_priceOffer .smallInfoBox{
		float:none;
	}
	#pre_priceOffer .smallInfoBox .spanAddress.address{
		font-size:14px;
	}
	#pre_priceOffer .pull-right.smallInfoBox, #pre_priceOffer .pull-right.smallInfoBox .pull-right{
		float: none !important;
	}
	#pre_priceOffer .info_table_small{
		display: block;
		width: 100% !important;
	}
	#pre_priceOffer .info_table_small .labelAddress{
		width: 40%;
		float: left;
		margin-left: 40px;
		margin-top: 5px;
	}
	#pre_priceOffer .info_table_small .labelAddress:first-child{
		margin-bottom: 10px;
	}
	#pre_priceOffer .info_table_small  span{
		width: 30%;
		float: right;
		text-align: right;
		margin-right: 40px;
	}
	#pre_priceOffer .info_table_large{
		display: none;
	}
	#pre_priceOffer .product_table_small .bluebold{
		color: rgb(0,0,255);
	}
	#pre_priceOffer #pre_productOverviewComponent form .box.roller{
		margin-bottom: 0;
	}
	#pre_priceOffer #pre_productOverviewComponent form .box.roller .documents_wrapper{
		display: none;
	}
	#pre_priceOffer #pre_productOverviewComponent form .box.roller .documents_wrapper_small{
		display: block;
	}
	#pre_priceOffer #pre_productOverviewComponent form .box.roller .documents_wrapper_small dl.overviewExpandable{
		margin: 0px 0px !important;
	}
	#pre_priceOffer #pre_productOverviewComponent form .box.roller .documents_wrapper_small dl.overviewExpandable dt{
		border-bottom: 1px solid #D5D4E2 !important;
	}
	#pre_priceOffer #pre_productOverviewComponent form .box.roller .documents_wrapper_small dl.overviewExpandable dt.active{
		border-bottom: none !important;
	}
	#pre_priceOffer #pre_productOverviewComponent form .box.roller .documents_wrapper_small .documents_list{
		margin-bottom: 20px;
		margin-top: -30px;
		float:none;
	}
	#pre_priceOffer #pre_productOverviewComponent form .box.roller .documents_wrapper_small .documents_list .t-cell{
		width: 100%;
		padding-left: 20px;
	}
	#pre_priceOffer #pre_productOverviewComponent form .box.roller .documents_wrapper_small .documents_list .t-cell a{
		position: relative;
	}
	#pre_priceOffer #pre_productOverviewComponent form .box.roller .documents_wrapper_small .documents_list .t-cell a .pdfName{
		position: absolute;
		width: 120px;
		bottom: 6px;
		left: 30px;
		text-decoration: underline;
	}
	#pre_priceOffer #pre_productOverviewComponent form div.div_button span {
		margin-left: 10px;
		margin-top: 8px;
		width: 100%;
		color: darkblue;
		text-align: center;
		line-height: 18px;
	}#pre_priceOffer #pre_productOverviewComponent form div.div_button .accept_offer{
		 width: 100%;
		 float: none !important;
		 margin-left: 10px;
		 text-align: center;
		 margin-top: 15px;
		 margin-bottom: 10px !important;
	 }
	#pre_priceOffer #pre_productOverviewComponent .agreement{
		margin: 0 5px 20px 5px;
	}
	#contactForm .t-cell{
		width: 100% !important;
		text-align: left;
	}
	#pre_priceOffer .thankspage .button{
		width: 100%;
		text-align: center;
	}
	#pre_priceOffer .thankspage .thankspagetext{
		width: 100% !important;
		text-align: center;
	}
	#pre_priceOffer .thankspage i.bull{
		position: relative; left: 50%;
		transform: translateX(-50%);
	}
	#pre_priceOffer #pre_productOverviewComponent .overviewExpandable dt{
		border-left: 1px solid #D5D4E2 !important;
		border-right: 1px solid #D5D4E2 !important;
	}
	#pre_priceOffer #pre_productOverviewComponent form .box.roller .documents_wrapper_small dl.overviewExpandable dt.active:last-of-typ{
		border-bottom: none;
	}
	#pre_priceOffer #pre_productOverviewComponent form .box.roller .documents_wrapper_small dl.overviewExpandable dd{
		/*height: 120px;*/
	}
	#pre_priceOffer #pre_productOverviewComponent form .box.roller .documents_wrapper_small dl.overviewExpandable dd.moreFiles{
		/*height: 165px;*/
	}
	#pre_priceOffer #pre_productOverviewComponent form .box.roller .documents_wrapper_small dl.overviewExpandable dd.moreInfo{
		height: 120px;
	}
	#pre_priceOffer #pre_productOverviewComponent form .box.roller .documents_wrapper_small dl.overviewExpandable dd table{
		margin-top: -30px;
		margin-left: -15px;
		width: 300px;
	}
	.overviewExpandable{
		background-color: #e7ebf4;
	}
	#pre_priceOffer #pre_productOverviewComponent .overviewExpandable dd{
		border-left: 1px solid #D5D4E2 !important;
		border-right: 1px solid #D5D4E2 !important;
		border-bottom: 1px solid #D5D4E2 !important;
	}
	#contactDialog #contactForm .t-cell.labelSmall{
		margin: 0px;
		padding: 5px 5px 0px 10px;
	}
	#contactDialog #contactForm .t-cell.inputSmall{
		padding: 5px 5px 15px 10px;
	}
	#contactDialog #contactForm .button.sendOfferContactForm{
		width: 100%;
	}
	#pre_priceOffer	#pre_productOverviewComponent .otherInfomaiton555{
		display: none;
	}
	#pre_productOverview_calc_title.pre_productOverview_calc_title_ele2 h2, #pre_productOverview_calc_title.pre_productOverview_calc_title_gas71008 h2{
		font-size: 2.0em;
	}
	#pre_productOverview_calc_title.pre_productOverview_calc_title_ele2 h3, #pre_productOverview_calc_title.pre_productOverview_calc_title_gas71008 h3{
		font-size: 1.8em;
	}

}
@media screen and (max-width: 385px) {
	.agreement_wrapper .agreement .agreementText{
		padding-bottom: 5px
	}
}
@media screen and (max-width: 375px) {
	#pre_priceOffer #pre_productOverviewComponent .currentLabelSmall{
		padding-left: 3px !important;
	}
	.agreement_wrapper .agreement .agreementChbx .preCheckbox{
		margin: 2px -10px 1px 0;
	}
}

@media screen and (max-width: 320px) {
	#pre_priceOffer #priceOffer_header span.price {
		margin-left: 10px;
		font-size: 26px;
		color: rgb(0,0,255);
		padding-left: 22px;
	}
	#pre_priceOffer #priceOffer_header #savePriceView span.uspora {
		width: 50%;
	}
	#pre_priceOffer .smallInfoBox .spanAddress.address{
		font-size:11px;
	}
	#pre_priceOffer .info_table_small  span{
		width: 30%;
		float: right;
		text-align: right;
		margin-right: 15px;
	}
	#pre_priceOffer #pre_productOverviewComponent form .box.roller .content .t-row .t-cell:first-child {
		padding-left: 5px;
	}
	#pre_priceOffer #pre_productOverviewComponent form .box.roller .product_table.product_table_small .t-row{
		font-size: 10px;
	}
	#pre_priceOffer #priceOffer_header table.priceOffer_table tr td b {
		padding-left: 42px;
	}
}
@media screen and (max-width: 300px) {
	#pre_priceOffer #priceOffer_header span.price {
		margin-left: 10px;
		font-size: 20px;
		color: rgb(0,0,255);
		padding-left: 22px;
		vertical-align: middle;
		line-height: 36px;
	}
	#pre_priceOffer #priceOffer_header #savePriceView span.uspora{
		line-height: 36px;
		padding-top: 13px;
	}
}
.calc_container {
	text-align: left;
	margin: 20px;
}
.calc_container table th {
	padding-bottom: 20px;
	text-align: left;
}
.calc_container table td {
	padding-left: 0;
}
.ui-dialog .dialog-body .calc_container p {
	padding-top: 40px;
}
.ui-dialog .dialog-body .datalabelInside {
	position: absolute;
	color: white;
	font-size: large;
	font-weight: bold;
}
.ui-dialog .dialog-body .datalabelInside.dataLabel7 {
	right: 190px;
	top: 50px;
}
.ui-dialog .dialog-body .datalabelInside.dataLabel8 {
	right: 145px;
	bottom: 65px;
}
.ui-dialog .dialog-body .datalabelInside.dataLabel9 {
	left: 205px;
	bottom: 60px;
}
.ui-dialog .dialog-body .datalabelInside.dataLabelTwo7 {
	right: 190px;
	top: 30px;
}
.ui-dialog .dialog-body .datalabelInside.dataLabelTwo8 {
	left: 210px;
	bottom: 75px;
}
#answersDialog {
	text-align: left;
}
#answersDialog hr {
	margin-bottom: 0;
}
#answersDialog dl.overviewExpandable {
	margin:  0 -14px !important;
}
.mobileVersion{
	display: none;
	visibility: hidden;
}
.desktopVersion{
	display: block;
	visibility: visible;
}


@media screen and (max-width: 768px) {
	.velkoodber-hp .half-box.pull-left,
	.velkoodber-hp .half-box {
		width: auto;
		float: none !important;
	}
	.mobileVersion{
		display: block;
		visibility: visible;
	}
	.mobileVersion a{
		text-decoration: none;
	}
	.desktopVersion{
		display: none;
		visibility: hidden;
	}
}


@media only screen and (max-width: 639px) {
	.order button {
		margin-top: 40px !important;
		margin-left: 5%;
	}
}

._product_detail #pre_productOverview_miniPromo > *, ._product_detail #pre_productOverview_miniPromo_gas > * {
	position: relative;
}



@media screen and (max-width: 800px) {
	.orderProductLoginStatus .twoRows > li {
		float: none;
		margin: 0;
		width: calc(100% - 64px);
		padding: 24px calc((100% - 370px - 64px)/2);
	}
	.orderProductLoginStatus .twoRows > li:first-child {
		border-right: none;
		border-bottom: 1px solid #fff;
	}
}


@media only screen and (max-width: 996px) {
	#fieldsetUsageNotKnown label.steps, #fieldsetUsageKnown label.steps {
		padding-top: 4px;
	}

	#fieldsetUsageNotKnown span.steps, #fieldsetUsageKnown span.steps {
		left: 0px;
		margin-top: 10px;
	}

	#pre_productOverviewForm_firstBox h3 {
		float:  none;
	}

	#fieldsetUsageKnown .step1, #fieldsetUsageKnown .step2, #fieldsetUsageKnown .step3, #fieldsetUsageKnown .step4 {
		min-height: 150px;
	}
}
@media only screen and (max-width: 639px) {
	.box.ecoProductRecommend.glue-top .inner .saved-box.pull-left {
		float: none;
		min-width: 360px;
	}

	.box.ecoProductRecommend.glue-top .inner .pull-left.inner-box.center.price-box {
		min-width: 360px;
		text-align: initial;
	}

	.recommendedProducts .description .left,
	._product_detail #recommendedProduct .left,
	._product_detail .productdetail .pull-left,
	.ecoProductRecommend .saved-box
	{
		border-right: none;
	}

}
.clearSpace{
	margin-bottom: 96px;
}
div.odstavka {
	background: rgba(0, 0, 0, 0) url('/images/ico-odstavka.png') no-repeat scroll 0 0;
	height: 100px;
	margin: 0 0 0 20px;
}

p.infoBankAccounts{
	margin-bottom: -20px;
}
p.infoCardPayment{
	margin-bottom: 0px;
}

.infoStavHeightVTto, .infoStavHeightVTfrom, .infoStavHeightNTto, .infoStavHeightNTfrom{
	position: relative;
}
.infostavVTto, .infostavVTfrom, 	.infostavNTto, .infostavNTfrom{
	position: absolute;
	height: 60px;
	display: block;
	font-size: 11px;
}
.infoStavHeightVTto, .infoStavHeightVTfrom, .infoStavHeightNTto, .infoStavHeightNTfrom{
	height: 50px;
}
#mifaFileOL {
	list-style: decimal;
	margin: 0;
	padding-left: 15px;
}

#mifaFileOL li {
	padding: 15px;
}
.afterExcelIco::after{
	background-image: url('/images/excel.png');
	background-size: 20px 20px;
	background-repeat: no-repeat;
	display: inline-block;
	width: 22px;
	background-position-x: 2px;
	height: 20px;
	content:"";
}

div.table.rowH .t-row {
	height: 40px;
}

div.table.rowHR .t-row {
	height: 38px;
}

div.promomessage p strong, div.promomessage ul li{
	line-height: 1.6em;
}
div.promomessage h3{
	line-height: 1.2em;
}
div.promomessage p.underlineInfo{
	font-size: 80%;
}
div.pdfContent p, div.pdfContent li, div.pdfContent ul,div.pdfContent {
	color: #000;
}
div.pdfContent p a{
	text-decoration: none;
	color: #000;
}
span.pl30{
	padding-left: 30px;
	display: block;
}

@media only screen and (max-width: 425px) {
	.calc_container {
		text-align: left;
		margin: 5px;
		font-size: 12px;
	}
	.calc_container table td{
		padding-right: 0;
	}
	.calc_container .pull-left.no-pull-left{
		float: none;
	}
	.calc_container .pt20{
		padding-top: 20px;
	}
}
.closeDialogDefaultColor .ui-state-default.ui-button:hover {
	background-color: #e7ebf4 !important;
}
.closeDialogDefaultColor .ui-state-focus.ui-button:hover {
	background-color: #e7ebf4 !important;
}
.hp-dialog-aktual .ui-state-default.ui-button:hover {
	background-color: transparent !important;
}
.hp-dialog-aktual button:focus {outline:0;}

#preeko_contactForm{
	background-color: white;
	padding: 15px;
	margin-bottom: 30px;
}

#preeko_contactForm .contact-row label{
	font-weight: bold;
}
#preeko_contactForm label{
	font-size: 14px;
	font-weight: bold;
	font-family: 'Arial CE', Arial, sans-serif;
	color: #000;
}
#preeko_contactForm input[type="submit"]{
	width: 250px;
}
#preeko_contactForm .contact-row input#phone, #preeko_contactForm .namesubmitrow input#name{
	width: 270px;
}
#preeko_contactForm .w30x{
	display: none;
}
#preeko_contactForm #contact-form-submit, #preeko_contactForm .telcontact{
	float: right;
}
#preeko_contactForm #contact-form-submit{
	margin-bottom: 20px;
}
#preeko_contactForm .underlineinfo{
	padding: 0px 10px;
	font-family: 'Arial CE', Arial, sans-serif;
	font-size: 12px;
}
span.bull {
	display: inline-block;
	width: 96px;
	height: 96px;
	background: #e6eaf3;
	background-clip: content-box;
	background-position: center center;
	background-repeat: no-repeat;
	background-clip: content-box;
	border: 9px solid #cdd8ea;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ie-border-radius: 50%;
	border-radius: 50%;
	color: #02356c;
	font-size: 4em;
	line-height: 3.32em;
	text-align: center;
	float:left;
}
span.bull.green {
	background-color: #73be3f;
	border: 9px solid rgba(115,190,63,0.5);
	color: #fff;
}
span.bull.ok {
	background-image: url(../images/check_48.png);
}

#ekoproudbg{
	background: url(../images/bgprekoproud.jpg) no-repeat scroll center bottom / auto 100%;
	background-position: center;
	background-size: cover;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	min-height: 1136px;
}
#ekoproudbg #gradientline {
	min-height: 50px;
	background-color: transparent; /* For browsers that do not support gradients */
	background-image: linear-gradient(-90deg,transparent, rgba(102,166,1,1), transparent); /* Standard syntax (must be last) */
	font-size: 32px;
	margin-top: 50px;
	margin-bottom: 10px;
}
#ekoproudbg .in{
	padding-left: 20px;
	padding-right: 20px;
}
#ekoproudbg .blueline{
	background: url(../images/bg-html.png) ;
	min-height: 50px;
	position: relative;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	margin-bottom: 50px;
}
#ekoproudbg #gradientline div{
	padding-top: 15px;
	padding-bottom: 15px;
}
#ekoproudbg #gradientline span{
	color: #fff;
}
#ekoproudbg .topdiv{
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	position: relative;
}
#ekoproudbg .blueline .logo{
	width: 102px;
	height: 42px;
	display: block;
	background: url(../images/logo-pre-h40_transparentni-podklad.png) 0 5px no-repeat;
}
#ekoproudbg .space{
	height: 50px;
}
#ekoproudbg h1 {
	font-size: 4.3em;
	color: white;
	padding-bottom: 0;
	font-weight: bold;
	position: relative;
	margin-bottom: 15px;
}
#ekoproudbg h2 {
	color: white;
	font-size: 32px;
	margin-bottom: 75px;
}
#ekoproudbg h2.offer {
	margin-bottom: 25px;
	margin-top: 50px;
}
#ekoproudbg h1 span {
	color: rgb(0,177,25);
	font-weight: bold;
}
#ekoproudbg ul li{
	position:relative;
	font-size: 30px;
	padding: 10px 10px 10px 30px;
}
#ekoproudbg ul li span{
	font-family: wingdings;
	font-size: 30px;
}
#ekoproudbg ul.vyhody li:after{
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 15px;
	bottom: 0;
	margin: auto 0;
	background: url(../images/fajfka.png) no-repeat;
	width: 30px;

}
#ekoproudbg .smallinfo{
	padding-left: 30px;
	font-size: 18px;
	line-height: 1.3em;
}
#ekoproudbg .smallinfo span{
	color: rgb(0,177,25);
	font-weight: bold;
}
#ekoproudbg .whitetext{
	color: white;
}
#ekoproudbg .whitetext .in span.underlineinfo{
	font-family: 'Arial CE', Arial, sans-serif;
	font-size: 14px;
}
.bottom-logos.kampan li span {
	opacity: 0.25;
}
.bottom-logos.kampan{
	margin-top: 0;
	border: none;
	margin-bottom: 1em;
}

.ekoproudEnd{
	background-color: #fff;
	padding: 20px;
	position: relative;
	margin-top: 80px;
	margin-bottom: 200px;
}
.ekoproudEnd h3{
	padding-top: 15px;
}
.ekoproudEnd h4{
	float:left;
	margin-top: 0px;
}
.ekoproudEnd a{
	text-align: center;
	float:right;
	width: 100px;
}
#preeko_contactForm input.disabled{
	background-color: inherit !important;
	border: 1px solid #ccc;
}
#preeko_contactForm label.disabled{
	font-weight: normal;
	color: #ccc;
}
footer.kampan{
	margin-top: 50px;
}

.flex-login .flashMessages.bottom-space {
	margin: 0
}
@media only screen and (max-width: 980px) {
	.flex-login {
		display: flex;
		flex-direction: column-reverse;
	}

	.flex-login .pull-right.menu-right {;
		float: none;
		display: flex;
		flex-direction: row-reverse;
		align-content: stretch;
		gap: 20px;
	}

	.flex-login .pull-right.menu-right > * {
		float: none;
		width: unset;
		width: 50%;
	}

	.panel_Components_moje-pre_box-login-zapomenute-heslo {
		display: flex;
		align-content: stretch;
	}

	#preeko_contactForm .stopro{
		width: 100%;
	}
	#preeko_contactForm .w30x{
		display: block;
		width: 31%;
		float: left;
	}
	#preeko_contactForm #contact-form-submit, #preeko_contactForm .telcontact{
		float: left;
	}
	#preeko_contactForm .w37, #preeko_contactForm .stopro .w35{
		width: 31%;
	}
	#preeko_contactForm .contact-row input#phone, #preeko_contactForm .namesubmitrow input#name{
		width: 250px;
	}
}
@media only screen and (max-width: 840px) {
	#ekoproudbg #gradientline span{
		font-size: 28px;
	}
}
@media only screen and (max-width: 768px) {
	#ekoproudbg{
		background: url(../images/landing_pre_ekoproud_768.jpg) no-repeat;
		background-position: top;
	}
	#ekoproudbg #gradientline div {
		text-align: center;
	}
	.bottom-logos.kampan li{
		width: 33%;
		margin-bottom: 1em;
	}
	.bottom-logos.kampan li span{
		margin: 0px;
	}
}
@media only screen and (max-width: 540px) {
	#preeko_contactForm .stopro .w35, #preeko_contactForm .stopro .w37{
		width: 100%;
	}
	#preeko_contactForm .w30x{
		display: none;
	}
	#preeko_contactForm #contact-form-submit, #preeko_contactForm .telcontact{
		float: left;
		width: 100%;
	}
	#preeko_contactForm .contact-row input#email, #preeko_contactForm .namesubmitrow input#name, #preeko_contactForm .contact-row input#phone, #preeko_contactForm #contact-form-submit{
		width: 100%;
	}
	.bottom-logos.kampan li span {
		margin-left: 0px;
	}
}
@media only screen and (max-width: 600px) {
	.flex-login .pull-right.menu-right {;
		flex-direction: column-reverse;
		gap: 0;
	}
	.flex-login .pull-right.menu-right > * {
		width: unset;
	}
	.bottom-logos.kampan li {
		width: 100%;
		margin-bottom: 2em;
	}
	.ekoproudEnd{
		text-align: center;
	}
	.ekoproudEnd span{
		float: none;
		margin-right: 0px;
	}
	.ekoproudEnd a{
		float: none;
		width: 100px;
	}
	.ekoproudEnd h3{
		font-weight: bold;
		font-size: 1.8em;
	}
	.ekoproudEnd h4{
		font-size: 15px;
		font-weight: bold;
		margin-bottom: 20px;
		float: none;
	}
	.in.ac425{
		text-align: center;
	}
}
@media only screen and (max-width: 425px) {
	#ekoproudbg{
		background: url(../images/landing_pre_ekoproud_425.jpg) no-repeat;
	}
	#ekoproudbg h2 {
		color: white;
		font-size: 31px;
		margin-bottom: 220px;
	}
	#ekoproudbg .whitetext .in span{
		text-align: center;
	}
	#ekoproudbg ul.bottom-logos li {
		padding: 0px 10px 0px 30px;
	}

}
@media only screen and (max-width: 320px) {
	#ekoproudbg h1 {
		font-size: 3.9em;
	}
}
#pre_contactForm textarea{
	min-height: 100px;
}
#pre_contactForm textarea, #pre_contactForm input[type="file"]{
	width: 390px;
}
#pre_contactForm hr{
	margin-bottom: 0px;
}

@media only screen and (max-width: 500px) {
	#pre_contactForm textarea, #pre_contactForm input[type="file"]{
		width: 250px;
	}
	#pre_contactForm .t-cell.w32{
		width: 100%;
	}
	#pre_contactForm .t-cell.w32.mobileHide{
		display: none;
	}
}
@media only screen and (max-width: 340px) {
	#pre_contactForm textarea, #pre_contactForm input, #pre_contactForm input[type="file"]{
		width: 100%;
	}
}

#ukonceni-tel-sluzeb {
	margin-bottom: 20px;
}

#ukonceni-tel-sluzeb table.panels {
	border-collapse: collapse;
	border: none;
}
#ukonceni-tel-sluzeb table.panels tr {
	background: #ffffff;
	border: none;
}
#ukonceni-tel-sluzeb table.panels tr:hover {
	background: transparent !important;
}
#ukonceni-tel-sluzeb table.panels td {
	border: none;
	padding: 7px;
	text-align: center;
	vertical-align: top;
}
#ukonceni-tel-sluzeb table.panels td.bottom {
	vertical-align: bottom;
}
#ukonceni-tel-sluzeb table.panels td h4 {
	font-weight: bold;
}
#ukonceni-tel-sluzeb table.panels td.content {
	background: #EBF1F9 !important;
	color: #1f497d;
	width: 144px;
}
#ukonceni-tel-sluzeb table.panels td.space {
	background: transparent !important;
	width: 8px;
	padding: 0;
}
#ukonceni-tel-sluzeb table.panels td.highlight {
	background: #1f497d !important;
	color: #ffffff;
	font-size: 11px;
}
#ukonceni-tel-sluzeb table.panels td .gray {
	color: gray;
	font-size: 10px;
	margin: 2px 0;
}
#ukonceni-tel-sluzeb table.panels td span.box {
	border-radius: 0;
	background: transparent;
	color: #1f497d;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	margin: 4px;
	padding: 10px 6px;
}
#ukonceni-tel-sluzeb table.panels td span.box.white {
	background: #ffffff;
}
#ukonceni-tel-sluzeb table.panels td span.box small {
	font-size: 80%;
}

#ukonceni-tel-sluzeb div.info {
	color: #1f497d;
	font-size: 10px;
	margin: 10px 0 30px 0;
}
#ukonceni-tel-sluzeb div.info p {
	line-height: 16px;
	margin: 0;
}
#ukonceni-tel-sluzeb h4.info {
	font-size: 18px;
	font-weight: bold;
	padding: 10px 0;
}
#ukonceni-tel-sluzeb h4.info.margin {
	margin: 10px 0 0 0;
}

#ukonceni-tel-sluzeb div.blue {
	background: #EBF1F9 !important;
	padding: 10px 20px;
	margin: 0;
}

#ukonceni-tel-sluzeb table.zebra {
	border: 2px solid #1f497d;
	color: #1f497d;
	margin-left: 20px;
	width: auto;
}
#ukonceni-tel-sluzeb table.zebra tr {
	background: #a7bfde;
}
#ukonceni-tel-sluzeb table.zebra tr:nth-child(odd) {
	background: #d3dfee;
}
#ukonceni-tel-sluzeb table.zebra th, #ukonceni-tel-sluzeb table.zebra td {
	border: none;
	border-right: 1px solid #7ba0cd;
	border-bottom: 1px solid #7ba0cd;
	padding: 3px;
	text-align: center;
	width: 140px;
}

#ukonceni-tel-sluzeb table.zebra th {
	background: #1f497d;
}

#ukonceni-tel-sluzeb div.blue ul {
	margin-top: 0;
}

#ukonceni-tel-sluzeb .text-condensed {
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
}

#panel_Components_paticka_paticka_kontaktyvo { height:200px}

#panel_Components_paticka_paticka_kontaktyvo .fblogo { margin-top:-45px }
#panel_Components_paticka_paticka_kontaktyvo .ytlogo { margin-top:-45px }

#contactForm h3 {margin-bottom: 10px}
#contactForm  .contactFormPart2 { font-size:18px;}
#contactForm  .contactFormPart3 { font-size: 13px }


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	outline: none;
}


.body .box .inkasoInformation{
	display: none;
}
.body .box.ok .inkasoInformation{
	display: block;
}
.noinkaso {
	display: none;
}
.box-bg-tree {
	background-image: url(../assets/images/pre-trees.jpg);
	background-size: 690px;
	padding-bottom: 30px;
}
.box-bg-kralik-new{
	background-image: url(../images/SL03-liska.png);
	background-size: 690px;
}

.box-bg-tree h2{
	color: white;
	font-size: 30px;
	font-weight: 600;
	padding-left: 15px;
	padding-top: 20px;
	margin-bottom: 20px;
}
.box-bg-kralik-new h2{
	color: white;
	font-size: 2.75em;
	padding-left: 20px;
	padding-top: 25px;
	margin-bottom: 10px;
	text-shadow: 0 0 10px black;
}
.box-bg-kralik-new .subtext{
	color: white;
	font-size: 1.775em;
	padding-left: 20px;
	margin-bottom: 20px;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	text-shadow: 0 0 10px black;
}
.box-bg-kralik-new .button{
	margin: 20px
}
.box-bg-kralik-new .oneProductbox{
	margin-top: 16px;
}

.pr20 {
	padding-right:20px;
}


#stateVt,#stateNt {text-align: left;margin-top:12px}

@media only screen and (min-width: 680px) {
	#status-vt-description {
		margin-top: -13px;
		margin-bottom: -20px;
	}
}
#status-vt-description {
	float: right;
	width: 200px;
	color: red;
	clear: both;
}


#stateVt:-moz-placeholder, #stateNt:-moz-placeholder {text-align: right}
#stateVt:-ms-input-placeholder, #stateNt:-ms-input-placeholder {text-align: right}
#stateVt::-webkit-input-placeholder, #stateNt::-webkit-input-placeholder {text-align: right}
#stateVt::placeholder, #stateNt::placeholder {text-align: right}
@media only screen and (max-width: 680px) {
	#stateVt,#stateNt {margin-top:0px}

}
.front.company .page #pre_productOverview_calc_title.pre_productOverview_calc_title_ele h1, .front.households .page #pre_productOverview_calc_title.pre_productOverview_calc_title_ele h1,
.front.company .page #pre_productOverview_calc_title.pre_productOverview_calc_title_ele h3, .front.households .page #pre_productOverview_calc_title.pre_productOverview_calc_title_ele h3,
.front.households .page #pre_productOverview_calc_title.pre_productOverview_calc_title_ele div.jsCalcPanelContent div.ajaxLoaded>a,
.front.company .page #pre_productOverview_calc_title.pre_productOverview_calc_title_ele div.jsCalcPanelContent div.ajaxLoaded>a{
	/*color: white;*/
	/*font-weight: normal;*/
	position: relative;
}
.breadCrumbs.breadCrumbs--white, .breadCrumbs.breadCrumbs--white a{
	color: white;
}
.households .breadCrumbs.breadCrumbs--white a:hover, .company .breadCrumbs.breadCrumbs--white a:hover, .wholesale.breadCrumbs--white .breadCrumbs a:hover {
	color: white;
	text-decoration: underline;
	border-bottom: none;
}
.pre_productOverview_cal-blackHole{
	position: relative;
}
.pre_productOverview_cal-blackHole:before{
	position: absolute;
	content: '';
	height: 640px;
	width: 1900px;
	background-color: #000;
	z-index: 0;
	top: -213px;
	left: -480px
}
#pre_productOverview_calc_title .price-no-tooltip.noPrice a.button.orderButton{
	position: unset;
}
.households .page.page--white #pre_productOverview_calc_title .jsCalcPanelContent .ajaxLoaded a:hover,
.company .page.page--white #pre_productOverview_calc_title .jsCalcPanelContent .ajaxLoaded a:hover{
	text-decoration: none;
}
#eko2021 .box .box-1, #eko2021 .box .box-2{
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 36px;
	color: #1C2F67;
	padding-top: 24px;
	padding-bottom: 24px;
	background-color: #fff;
}

#eko2021 #whatIsPreekoproud .box .box-1.blue {
	padding: 30px 0;
}

#eko2021 .box .box-2{
	font-size: 22px;
}
#eko2021 .box .box-2 a{
	color: #1C2F67;
}

.eco2021carousel #ecoCarusel .ecobox {
	opacity: 0;
}

.eco2021carousel #ecoCarusel .ecobox.active {
	opacity: 1;
}

.eco2021carousel #ecoCarusel div h4 {
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	margin: 18px 0 15px 0;
	color: #1C2F67;
}
.eco2021carousel #ecoCarusel div p {
	font-style: normal;
	font-size: 18px;
	color: #1C2F67;
}

.eco2021carousel #ecoCarusel .ecobox{
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
}

.front .page.eco2021 #pre_productOverview_calc_title{
	padding: 25px 0 30px 0;
}
.front .page.eco.eco2021 #pre_productOverview_calc_title h1, .eco2021 #eco_middle_banner h1 {
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 60px;
	color: #FFFFFF;
	text-shadow: 0px 0px 10px black;
}
.front .page.eco.eco2021 #pre_productOverview_calc_title h1{
	font-size: 52px;
}
.front .page.eco.eco2021 #pre_productOverview_calc_title .ecoinfo {
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	font-weight: 300;
	font-size: 32px;
	color: #FFFFFF;
	text-shadow: 0px 0px 10px black;
}
.eco2021 #pre_productOverview_calc_title .buttons {
	display: flex;
	padding-bottom: 20px;
	text-shadow: 0px 0px 1px black;
}
.eco2021 #pre_productOverview_calc_title .buttons .tranb .button.white,
#pre_productOverview_calc_title .jsCalcPanelContent .tranb .button.white{
	color: #1C2F67;
	background-color: rgba(255,255,255,1);
	background-image: none;
	width: 220px;
	border-radius: 5px;
	margin-right: 20px;
	display: block;
	border: none;
	text-align: center;
	z-index: 2;
	font-weight: 500;
	line-height: 1.5;
	padding: 10px 20px;
	font-size: 1.21428571rem;
	letter-spacing: 1px;
}

.eco2021 #pre_productOverview_calc_title .tranb,
#pre_productOverview_calc_title .jsCalcPanelContent .tranb{
	position: relative;
	z-index: 2;
}
#pre_productOverview_calc_title .jsCalcPanelContent .tranb{
	display: flex;
}
.front.households .page #pre_productOverview_calc_title div.jsCalcPanelContent div.ajaxLoaded>a, .front.company .page #pre_productOverview_calc_title div.jsCalcPanelContent div.ajaxLoaded>a{
	font-size: 1.21428571rem;
}
.eco2021 #pre_productOverview_calc_title .tranb:after,
#pre_productOverview_calc_title .jsCalcPanelContent .tranb:after{
	content: '';
	display: block;
	position: absolute;
	top: -3px;
	left: -4px;
	width: 228px;
	height: 51px;
	background-color: rgba(255, 255, 255, 0.5);
	z-index: -1;
	border-radius: 5px;
	opacity: 0;
	-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;

}
#pre_productOverview_calc_title .jsCalcPanelContent .tranb:after{
	height: 51px;
}
.eco2021 #pre_productOverview_calc_title .tranb:hover:after,
#pre_productOverview_calc_title .jsCalcPanelContent .tranb:hover:after{
	opacity: 1;
}

#eko2021 .faq-tabs {
	display: flex;
	width: 100%;
	height: 100px;
	background-color: #fff;
	overflow-x: auto;
	overflow-y: hidden;
	height: auto;
	overflow: hidden;
	padding: 0 45px;
}
#eko2021 .faq-tabs__link {
	position: relative;
	min-width: 100px;
	padding: 10px 22.5px 15px;
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #1c2f67;
	text-decoration: none;
	transition: background-color .36s cubic-bezier(.23,1,.32,1),color .36s cubic-bezier(.23,1,.32,1);
	padding: 40px 0;
	flex: 1;
	width: auto;
}
#eko2021 .faq-tabs__link [class*=icon-], #eko2021 .faq-tabs__link [class^=icon-] {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 30px;
	font-size: 2.14285714rem;
	border-radius: 100%;
	margin-bottom: 10px;
	pointer-events: none;
	width: 92px;
	height: 92px;
	font-size: 50px;
	font-size: 3.57142857rem;
	line-height: 92px;
	transition: background-color .36s cubic-bezier(.23,1,.32,1);
}
#eko2021 [class*=icon-], #eko2021 [class^=icon-] {
	font-family: icomoon!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#eko2021 .imageico{
	height: 80px;
	margin-bottom: 20px;
}

#eko2021 .h4{
	font-family: Helvetica Neue LT Pro,Arial Narrow,sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 18px;
	color: #1C2F67;
	text-align: center;
	line-height: 24px;
}

#eko2021 .banner{
	/*position: relative;*/
	min-height: 400px;
	background: url('../images/PREekoproud/wallpapers/holubice-pc.jpg') 50% 0 no-repeat #A0A0A0;
}
#eko2021 .in .box{
	border-radius: unset;
	margin-bottom: 0px;
}

#eko2021 #fieldsetUsageNotKnown .step2{
	width: 300px;
}

#eko2021 #pre_productOverviewComponent .bubble{
	position: absolute;
	top: 96px;
	right: 20px;
	z-index: 2;
	font-size: 16px;
}
#eko2021 #pre_productOverviewForm{
	color: #1C2F67;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	/*font-size: 1.4em;*/
}
#eko2021 #pre_productOverviewForm label{
	font-size: 1.4em;
}
#eko2021 #pre_productOverviewForm .usedTo{
	margin-top: 0;
}
#eko2021 #pre_productOverviewForm .usedTo label{
	text-decoration: none;
}
#eko2021 #pre_productOverviewForm #fieldsetUsageNotKnown .step3 {
	padding-left: 24px;
	width: 275px;
}
#eko2021 #pre_productOverviewForm #fieldsetUsageNotKnown .step3 input[type="button"] {
	width: 100%;
	font-size: 1.2em;
	margin-top: 37px;
}
#eko2021 #pre_productOverviewForm #fieldsetUsageKnown input[type="button"] {
	width: 100%;
	font-size: 1.2em;
}
#eko2021 #pre_productOverviewComponent #recommendedProduct,
#eko2021 #pre_productOverviewComponent .ecoProductRecommend,
#eko2021 .ecoProduct  .productdetail
{
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 18px;
	color: #1C2F67;
	line-height: 24px;
}
#eko2021 #pre_productOverviewComponent #recommendedProduct .description h3{
	font-weight: bold;
	font-size: 1.2em;
}
#eko2021 #pre_productOverviewComponent #recommendedProduct .description li{
	color: #1C2F67;
}
#eko2021 #pre_productOverviewComponent #recommendedProduct .right .order, #eko2021 #pre_productOverviewComponent .ecoProductRecommend .order2 {
	font-size: 16px;
	font-weight: normal;
	padding: 0.75em 1.5em;
}
#eko2021 #pre_productOverviewComponent #recommendedProduct .right .price {
	font-size: 18px;
	color: #1C2F67;
}
#eko2021 #pre_productOverviewComponent .ecoProductRecommend .order2 {
	width: 100%;
}
#eko2021 #pre_productOverviewComponent #recommendedProduct .right .price strong, #eko2021 #pre_productOverviewComponent .ecoProductRecommend h3.center  {
	font-size: 2em;
}
#eko2021 #pre_productOverviewComponent .ecoProductRecommend .price-box{
	padding: 20px 10px 20px 30px;
	border-left: 1px solid #c1c8d8;
}
#eko2021 #pre_productOverviewComponent .ecoProductRecommend .price-box div{
	/*margin-bottom: 20px;*/
}
#eko2021 #pre_productOverviewComponent .ecoProductRecommend .inner{
	padding-top: 30px;
	padding-right: 20px;
}
#eko2021 #pre_productOverviewComponent .ecoProductRecommend h3 {
	margin-bottom: 15px;
	color: #1C2F67;
	font-size: 1.2em;
	line-height: 1;
	font-weight: bold;
}
#eko2021 #pre_productOverviewComponent .ecoProductRecommend .saved-table .box{
	margin-bottom: 33px;
}
#eko2021 #pre_productOverviewComponent .ecoProductRecommend .saved-table .desc,
#eko2021 .ecoProduct  .productdetail .halfproductdetail a{
	color: #1C2F67;
}
#eko2021 .ecoProduct ._static_content {
	background-color: #ffffff;
	padding: 0px 20px 20px 20px;
}
#eko2021 .ecoProduct ._static_content.pt20{
	padding-top: 20px;
}
#eko2021 .ecoProduct  .productdetail .halfproductdetail ul li{
	margin-bottom: 10px;
}
#eko2021 .ecoProduct  .productdetail{
	display: flex;
}

#eko2021 #pre_productOverviewComponent .bubble:after {
	left: 34px;
	top: -6px;
	border-top: 8px solid #cdd8e9;
	z-index: -1;
}
.eco2021 #eco_middle_banner{
	padding: 20px;
}
#eko2021 .last-box{
	margin-top: 30px;
	margin-bottom: 30px;
}
#eko2021 .last-box .pre_productOverviewForm_footer {
	background-color: #fff;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	font-size: 20px;
}
.eco2021 .collapse-panel {
	padding: 0px 30px 0px;
}
.eco2021 .collapse-panel__item {
	border-bottom: 1px solid #e6ebf3;
}
.eco2021 .collapse-panel__header{
	background-color: #fff;
	padding: 12px;
}
.eco2021 .collapse-panel__header .btn {
	font-weight: normal;
	display: inline-block;
	width: 100%;
	text-align: left;
	color: #1c2f67;
	font-size: 2rem;
	padding: 0 30px 0 0;
	text-transform: none;
	position: relative;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	line-height: normal;
	outline: none;
}
.eco2021 .collapse-panel .btn, .eco2021 .collapse-panel .btn:active, .eco2021 .collapse-panel .btn:focus, .eco2021 .collapse-panel .btn:hover, .eco2021 .header .btn, .eco2021 .navigation-search__prefix.btn{
	background-color: transparent;
}
.eco2021 .collapse-panel .custom-collapse {
	transition: max-height .3s ease-in;
	overflow: hidden;
}
.eco2021 .collapse-panel .custom-collapse .collapse__container-wrapper {
	overflow: hidden;
	padding: 0 12px 25px;
}
.eco2021 .collapse-panel .custom-collapse .collapse__container {
	transition: transform .3s ease-in;
	transform-origin: top;
	padding-right: 2.2rem;
}
.eco2021 .collapse-panel__header .btn:before {
	content: "";
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(/assets/images/arrow-down.png?c213ae5…);
	background-repeat: no-repeat;
	background-size: contain;
}
.eco2021 .collapse-panel__header.not-collapsed .btn:before {
	background-image: url(/assets/images/arrow-up.png?780d050…);
}
.eco2021 .hiddencontent{
	display: none;
	width: 100%;
	text-align: left;
	color: #1c2f67;
	font-size: 1.6rem;
	padding: 20px 0;
	text-transform: none;
	position: relative;
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	line-height: normal;
	outline: none;
}

#eko2021 h1.like-d19 {
	margin: 60px auto;
	font-size: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 300;
	line-height: 1.2;
	text-align: center;
	color: #1c2f67;
}
@media screen and (max-width: 980px) {
	#eko2021 .pre_productOverviewForm_footer li {
		display: inline-block;
		width: 32%;
		border-right: 0;
	}
	#eko2021 .fluid #fieldsetUsageNotKnown .step1,
	#eko2021 .fluid #fieldsetUsageNotKnown .step2,
	#eko2021 .fluid #fieldsetUsageNotKnown .step3,
	#eko2021 .fluid #fieldsetUsageNotKnown .step4,
	#eko2021 .fluid #fieldsetUsageKnown .step1,
	#eko2021 .fluid #fieldsetUsageKnown .step2,
	#eko2021 .fluid #fieldsetUsageKnown .step3,
	#eko2021 .fluid #fieldsetUsageKnown .step4{
		float: left;
		clear: unset;
		border-top: none;
		padding: 15px;
	}
	#eko2021 .fluid #fieldsetUsageNotKnown .step1,
	#eko2021 .fluid #fieldsetUsageNotKnown .step2,
	#eko2021 .fluid #fieldsetUsageNotKnown .step3,
	#eko2021 .fluid #fieldsetUsageNotKnown .step4,
	#eko2021 .fluid #fieldsetUsageKnown .step1,
	#eko2021 .fluid #fieldsetUsageKnown .step2,
	#eko2021 .fluid #fieldsetUsageKnown .step3,
	#eko2021 .fluid #fieldsetUsageKnown .step4{
		float: left;
		clear: unset;
		border-top: none;
		padding: 15px;
	}
	#eko2021 .fluid #fieldsetUsageNotKnown .step1,
	#eko2021 .fluid #fieldsetUsageKnown .step1,
	#eko2021 .fluid #fieldsetUsageKnown .step2,
	#eko2021 .fluid #fieldsetUsageKnown .step3,
	#eko2021 .fluid #fieldsetUsageKnown .step4{
		width: 50%;
	}

	#eko2021 .fluid #fieldsetUsageKnown .steps{
		left: 12px;
	}
	#eko2021 .fluid #fieldsetUsageKnown input.select{
		width: 100% !important;
	}
	#eko2021 .fluid #fieldsetUsageNotKnown .step2{
		width: 50%;
		padding-left: 25px;
	}
	#eko2021  #pre_productOverviewComponent .bubble{
		top: 110px;
		right: 100px;
	}
	#eko2021 .fluid #fieldsetUsageNotKnown span.steps,
	#eko2021 .fluid #fieldsetUsageNotKnown .step1 span.steps{
		left:15px;
	}
	#eko2021 .fluid #fieldsetUsageNotKnown .step2 span.steps{
		left:25px;
	}
	#eko2021 #pre_productOverviewForm #fieldsetUsageNotKnown .step3{
		width: 47%;
		margin-left: 50%;
		padding-left: 25px;
	}
	#eko2021 .fluid #fieldsetUsageNotKnown .step3 label{
		display: none;
	}
	#eko2021 #pre_productOverviewForm #fieldsetUsageNotKnown .step3 input[type="button"]{
		margin-top: 30px;
		float: left;
		margin-bottom: 20px;
	}
}

.households .page.page--white .top .in.c ul li,
.company .page.page--white .top .in.c ul li,
.households .page.page--white header nav,
.company .page.page--white header nav{
	z-index: 1;
}
.households .page.page--white .top .in.c ul li a,
.company .page.page--white .top .in.c ul li a,
.households .page.page--white .top .in.c ul li a:hover,
.company .page.page--white .top .in.c ul li a:hover
{
	color: white;
	z-index: 1;
}
.households .page.page--white .pre_productOverview_calc_title_ele .jsCalcPanelContent,
.company .page.page--white .pre_productOverview_calc_title_ele .jsCalcPanelContent{
	margin-bottom: 10px;
}
/*.company .page.page--white .top header .in.c ul li a,*/
/*.households .top a:hover, .company header .top .in.c ul li a:hover*/
/*.company .top a:hover, .company header .top .in.c ul li a:hover*/
/*{*/
/*	color: #1c2f67*/k
						  /*}*/
					  .households .page.page--white .top .in.c ul li a.active:after,
					  .company .page.page--white .top .in.c ul li a.active:after{
						  background-color: white;
					  }
.visibleTo425{
	display: none !important;
}
.visibleUp425{
	display: block !important;

}
@media screen and (max-width: 1200px) {
	.front.households .page.eco.eco2021,
	.front.company .page.eco.eco2021{
		background-position: 38% 70px !important;
		background-repeat: no-repeat !important;
	}
}
@media screen and (max-width: 960px) {
	.front .page.eco2021 #pre_productOverview_calc_title {
		padding-left: 10px;
	}
	.pre_productOverview_cal-blackHole:before{
		display: none;
	}
	.front.households .page.eco.eco2021,
	.front.company .page.eco.eco2021{
		background-position: 40% 70px !important;
		background-repeat: no-repeat !important;
	}
}
@media screen and (max-width: 768px) {
	.company .page.page--white header nav .main-menu li,
	.households .page.page--white header nav .main-menu li{
		margin-left: 25px;
	}
	#eko2021 #whatIsPreekoproud .box-1.blue {
		padding: 30px 0;
	}

	.eco2021carousel #ecoCarusel .ecobox{
		padding: 0;
	}


	.eco2021carousel #ecoCarusel div img{
		width: 100%;
		max-width: 380px;
		justify-self: center;
		margin: 0 auto;
	}
	.eco2021carousel #ecoCarusel .dots{
		left: 415px;
		bottom: 100px;
	}
	#eko2021 .box .box-1, #eko2021 .box .box-2{
		margin-bottom: -1px;
	}
	.front .page.eco2021 #pre_productOverview_calc_title{
		padding-left: 10px;
	}
	#eko2021 #fieldsetUsageNotKnown .step1{
		border-right: 1px solid #d6d8e2;
		width: 50%;
	}

	#eko2021 #pre_productOverviewForm #fieldsetUsageNotKnown .step3{
		width: 47%;
		margin-left: 50%;
		padding-left: 25px;
	}
	#eko2021 .fluid #fieldsetUsageNotKnown .step3 label{
		display: none;
	}
	#eko2021 #pre_productOverviewForm #fieldsetUsageNotKnown .step3 input[type="button"]{
		margin-top: 30px;
		float: left;
		margin-bottom: 20px;
	}
	#eko2021 .fluid #fieldsetUsageNotKnown .step1,
	#eko2021 .fluid #fieldsetUsageNotKnown .step2,
	#eko2021 .fluid #fieldsetUsageNotKnown .step3,
	#eko2021 .fluid #fieldsetUsageNotKnown .step4,
	#eko2021 .fluid #fieldsetUsageKnown .step1,
	#eko2021 .fluid #fieldsetUsageKnown .step2,
	#eko2021 .fluid #fieldsetUsageKnown .step3,
	#eko2021 .fluid #fieldsetUsageKnown .step4{
		float: left;
		clear: unset;
		border-top: none;
		padding: 15px;
	}
	#eko2021 .fluid #fieldsetUsageKnown .step1,
	#eko2021 .fluid #fieldsetUsageKnown .step2,
	#eko2021 .fluid #fieldsetUsageKnown .step3,
	#eko2021 .fluid #fieldsetUsageKnown .step4{
		width: 50%;
	}

	#eko2021 .fluid #fieldsetUsageKnown .steps{
		left: 12px;
	}
	#eko2021 .fluid #fieldsetUsageKnown input.select{
		width: 100% !important;
	}
	#eko2021 .fluid #fieldsetUsageNotKnown .step2{
		width: 50%;
		padding-left: 25px;
	}
	#eko2021 #annualUsageSlider{
		width: calc(100% - 100px);
	}
	#eko2021 #pre_productOverviewComponent .bubble{
		top: 110px;
		right: 45px;
	}
	#eko2021 #fieldsetUsageNotKnown span.steps,
	#eko2021 #fieldsetUsageNotKnown .step1 span.steps{
		left:15px;
	}
	#eko2021 #fieldsetUsageNotKnown .step2 span.steps{
		left:25px;
	}
	#eko2021 #recommendedProduct .productUrcen,
	#eko2021 #recommendedProduct .productVyhody{
		width: 100%;
	}
	#eko2021 #recommendedProduct .productVyhody ul{
		margin-bottom: 0;
	}

	#eko2021 ._product_detail #recommendedProduct .left{
		width: 50%;
		padding: 15px;
		clear: unset;
		border-top: none;
	}
	#eko2021 ._product_detail #recommendedProduct .left{
		border-right: 1px solid #c1c8d8;
		padding-top: 0;
		padding-bottom: 0;
		width: 51%;
	}
	#eko2021 ._product_detail #recommendedProduct .right {
		width: 49%;
		padding-left: 30px;
		padding-right: 20px;
		padding-top: 70px;
		padding-bottom: 15px;
		clear: unset;
		border-top: none;
	}
	#eko2021 #pre_productOverviewComponent #recommendedProduct .right .price{
		margin-bottom: 60px;
	}
	#eko2021 #pre_productOverviewComponent .ecoProductRecommend .saved-table .box.center{
		display: none;
	}
	#eko2021 .ecoProductRecommend .saved-box{
		width: 100%;
	}
	#eko2021 #pre_productOverviewComponent .ecoProductRecommend .saved-table .box{
		margin-bottom: 0;
	}
	#eko2021 #pre_productOverviewComponent .ecoProductRecommend .saved-table .box.desc{
		margin-bottom: 0;
		margin-top: 30px;
		margin-left: 20px;
		width: 80%;
	}
	#eko2021 #pre_productOverviewComponent .ecoProductRecommend .price-box p br{
		display: none;
	}
	#eko2021 #pre_productOverviewComponent .ecoProductRecommend .price-box{
		width: 100%;
		padding: 20px 35px 20px 30px;
		border-left: none;
	}
	#eko2021 .pre_productOverviewForm_footer li {
		display: inline-block;
		width: 32%;
		border-right: 0;
	}
	.front.company .page #pre_productOverview_calc_title.pre_productOverview_calc_title_ele h1, .front.households .page #pre_productOverview_calc_title.pre_productOverview_calc_title_ele h1{
		font-size: 54px;
		z-index: 1;
	}
	#pre_productOverview_calc_title.pre_productOverview_calc_title_ele:before{
		bottom: -100px;
		left: -230px;
		background: url(../images/zajic-768.jpg) no-repeat center bottom;
	}
	.front.households .page.eco.eco2021,
	.front.company .page.eco.eco2021{
		/*background-image: url(../images/PREekoproud/wallpapers/kralik-sl03-768.jpg), url(../images/PREekoproud/wallpapers/modre-pozadi.jpg) !important;*/
		background-position: 36% 70px !important;
		background-repeat: no-repeat !important;
	}
	.front .page.eco.eco2021 #pre_productOverview_calc_title h1{
		font-size: 42px;
	}
	.front .page.eco.eco2021 #pre_productOverview_calc_title .ecoinfo {
		font-size: 28px;
	}


}
@media screen and (max-width: 760px) {
	#pre_productOverview_calc_title.pre_productOverview_calc_title_ele:before{
		bottom: -68px;
	}
}

@media screen and (max-width: 700px) {
	#eko2021 #whatIsPreekoproud .faq-tabs {
		padding: 0 5px;
		text-align: center;
	}
	.eco2021 #pre_productOverview_calc_title .buttons{
		display: block;
	}
	.eco2021 #pre_productOverview_calc_title .buttons .tranb .button.white {
		margin: 30px 0px;
	}

	.front.households .page.eco.eco2021, .front.company .page.eco.eco2021{
		background-position: 48% 70px !important;
	}
}

@media screen and (max-width: 425px) {
	.visibleTo425{
		display: block !important;
	}
	.visibleUp425{
		display: none !important;
	}
	.tranb.visibleTo425 .orderButton{
		font-size: 18px !important;
	}
	.front.company .page #pre_productOverview_calc_title.pre_productOverview_calc_title_ele h1, .front.households .page #pre_productOverview_calc_title.pre_productOverview_calc_title_ele h1{
		font-size: 42px;
	}

	#pre_productOverview_calc_title.pre_productOverview_calc_title_ele:before,
	.pre_productOverview_cal-blackHole:before{
		display: none;
	}
	.households .page.page--white .top .in.c ul li a,
	.company .page.page--white .top .in.c ul li a,
	.households .page.page--white .top .in.c ul li a:hover,
	.company .page.page--white .top .in.c ul li a:hover,
	.breadCrumbs.breadCrumbs--white,
	.breadCrumbs.breadCrumbs--white a,
	.households .breadCrumbs.breadCrumbs--white a:hover,
	.company .breadCrumbs.breadCrumbs--white a:hover,
	.wholesale.breadCrumbs--white .breadCrumbs a:hover
	{
		color: #1C2F67;
	}
	.households .page.page--white .top .in.c ul li a.active:after, .company .page.page--white .top .in.c ul li a.active:after{
		background-color: #1C2F67;
	}
	.front.company .page #pre_productOverview_calc_title.pre_productOverview_calc_title_ele h1,
	.front.households .page #pre_productOverview_calc_title.pre_productOverview_calc_title_ele h1,
	.front.company .page #pre_productOverview_calc_title.pre_productOverview_calc_title_ele h3,
	.front.households .page #pre_productOverview_calc_title.pre_productOverview_calc_title_ele h3,
	.front.households .page #pre_productOverview_calc_title.pre_productOverview_calc_title_ele div.jsCalcPanelContent div.ajaxLoaded>a,
	.front.company .page #pre_productOverview_calc_title.pre_productOverview_calc_title_ele div.jsCalcPanelContent div.ajaxLoaded>a{
		color: #1C2F67;
	}


	.front.company .page.eco.eco2021{
		/*background: url('../images/PREekoproud/wallpapers/modre-pozadi.jpg') 50% 0 repeat-y #A0A0A0 !important;;*/
		background: radial-gradient(circle at 50% 30%, #d2def5, #a5b4d2) #a5b4d2 !important;
	}

	.eco2021 #pre_productOverview_calc_title.pre_productOverview_calc_eco {
		padding-right: 10px;
	}
	.front .page.eco.eco2021 #pre_productOverview_calc_title h1{
		font-size: 46px;
	}
	.eco2021 #pre_productOverview_calc_title.pre_productOverview_calc_eco .ecoinfo {
		font-size: 32px;
	}

	.eco2021 #pre_productOverview_calc_title .buttons {
		display: block;
		padding-right: 15px;
	}

	.eco2021 #pre_productOverview_calc_title .buttons .tranb .button.white {
		width: 100%;
		margin: 30px 0px;
	}

	#eko2021 #whatIsPreekoproud .box-1 {
		font-size: 28px;
		padding: 10px;
	}

	#eko2021 #whatIsPreekoproud .box-1 .spaninfo {
		display: block;
	}

	#eko2021 #whatIsPreekoproud .faq-tabs {
		padding: 0px;
		display: inline-block;
		margin-top: -1px;
		margin-bottom: -3px;
	}

	#eko2021 #whatIsPreekoproud .faq-tabs .faq-tabs__link {
		width: 49%;
		display: inline-block;
		text-align: center;
	}

	#eko2021 .banner {
		background: none;
		min-height: auto;
	}
	.eco2021 #eco_middle_banner h1{
		font-size: 40px;
	}

	#eko2021 #pre_productOverviewComponent {
		margin-top: 20px;
	}

	#eko2021 .fluid #fieldsetUsageNotKnown .step1,
	#eko2021 .fluid #fieldsetUsageNotKnown .step2,
	#eko2021 .fluid #fieldsetUsageNotKnown .step3,
	#eko2021 .fluid #fieldsetUsageNotKnown .step4,
	#eko2021 .fluid #fieldsetUsageKnown .step1,
	#eko2021 .fluid #fieldsetUsageKnown .step2,
	#eko2021 .fluid #fieldsetUsageKnown .step3,
	#eko2021 .fluid #fieldsetUsageKnown .step4 {
		width: 100%;
	}
	#eko2021 .fluid #fieldsetUsageKnown .step1,
	#eko2021 .fluid #fieldsetUsageKnown .step2,
	#eko2021 .fluid #fieldsetUsageKnown .step3,
	#eko2021 .fluid #fieldsetUsageKnown .step4{
		padding-left: 0;
	}
	#eko2021 .fluid #fieldsetUsageKnown input.select{
		width: 100% !important;
	}

	#eko2021 .fluid #fieldsetUsageNotKnown .step1 {
		border: none;
	}

	#eko2021 .fluid #fieldsetUsageNotKnown .step2 {
		padding-left: 15px;
	}

	#eko2021 #fieldsetUsageNotKnown .step2 span.steps {
		left: 15px;
	}

	#eko2021 #pre_productOverviewForm #fieldsetUsageNotKnown .step3 {
		padding-left: 15px;
		width: 100%;
		margin: 0;
	}

	#eko2021 ._product_detail #recommendedProduct .left {
		width: 100%;
		border: none;
	}

	#eko2021 ._product_detail #recommendedProduct .right {
		width: 100%;
		border-top: 1px solid #c1c8d8;
		padding: 20px 0 15px 0;
	}

	#eko2021 #pre_productOverviewComponent #recommendedProduct .right .price {
		margin-bottom: 20px;
	}

	#eko2021 #pre_productOverviewComponent .ecoProductRecommend h3 {
		font-size: 28px;
		font-weight: normal;
	}

	#eko2021 #pre_productOverviewComponent .ecoProductRecommend .saved-box,
	#eko2021 #pre_productOverviewComponent .ecoProductRecommend .price-box {
		width: 100%;
	}

	#eko2021 #pre_productOverviewComponent .ecoProductRecommend .saved-box .saved-table {
		padding-left: 0;
	}

	#eko2021 #pre_productOverviewComponent .ecoProductRecommend .saved-table .box.desc {
		width: 56%;
		margin-top: 0;
		margin-right: 0;
	}

	#eko2021 #pre_productOverviewComponent .ecoProductRecommend .saved-table .box {
		margin-bottom: 15px;
	}

	#eko2021 #pre_productOverviewComponent .box.ecoProductRecommend.glue-top .inner .saved-box.pull-left,
	#eko2021 #pre_productOverviewComponent .box.ecoProductRecommend.glue-top .inner .pull-left.inner-box.center.price-box {
		min-width: auto;
	}

	#eko2021 #pre_productOverviewComponent .box.ecoProductRecommend.glue-top .inner .pull-left.inner-box.center.price-box .center-block {
		margin-left: 0;
		float: left;
	}

	#eko2021 #pre_productOverviewComponent .box.ecoProductRecommend.glue-top .inner .pull-left.inner-box.center.price-box {
		padding: 0;
	}

	#eko2021 #pre_productOverviewComponent .box.ecoProductRecommend.glue-top .inner .pull-left.inner-box.center.price-box p:first-of-type {
		float: left;
		width: 60%;
		/*margin-left: 20px;*/
		margin-top: 6px;
	}

	#eko2021 #pre_productOverviewComponent .ecoProductRecommend h3.center {
		padding-top: 0px;
		font-weight: bold;
	}

	#eko2021 #pre_productOverviewComponent .box.ecoProductRecommend.glue-top .inner .pull-left.inner-box.center.price-box p:nth-of-type(2),
	#eko2021 #pre_productOverviewComponent .box.ecoProductRecommend.glue-top .inner .pull-left.inner-box.center.price-box p:nth-of-type(3) {
		text-align: center;
	}

	#eko2021 .ecoProduct .productdetail {
		display: block;
	}

	.ecoProduct .general ul {
		margin: 0;
	}

	#eko2021 .box .box-1, #eko2021 .box .box-2 {
		font-size: 28px;
	}
	.eco2021 .collapse-panel {
		padding: 0;
	}
	#eko2021 .last-box .pre_productOverviewForm_footer {
		display: block;
		padding: 15px;
		text-align: left;

	}
	#eko2021 .last-box .pre_productOverviewForm_footer li {
		width: 100%;
	}
	#eko2021 .last-box .pre_productOverviewForm_footer li a{
		text-align: left;
	}
	.eco2021 #pre_productOverview_calc_title .tranb:after{
		width: 102%;
	}
	.front .page.eco.eco2021 #pre_productOverview_calc_title .ecoinfo{
		font-size: 32px;
	}
	.front .page.eco.eco2021 #pre_productOverview_calc_title .ecoinfo br,
	.front.hp .ecoinfo br {
	/*	display: none;*/
	}
	.front .page.eco.eco2021 #pre_productOverview_calc_title .ecoinfo br,
	.front.hp .ecoinfo .display-block br {
		display: block;
	}
}
@media screen and (max-width: 375px) {
/*	#eko2021 .eco2021carousel #ecoCarusel .ecobox {
		padding: 100% 0 0 0;
	}*/
/*	#eko2021 .eco2021carousel #ecoCarusel div img{
		width: 270px;
		height: 177px;
		right: 13px;
		top: 13px;
	}*/
}
@media screen and (max-width: 320px) {
	.front.company .page #pre_productOverview_calc_title.pre_productOverview_calc_title_ele h1, .front.households .page #pre_productOverview_calc_title.pre_productOverview_calc_title_ele h1{
		font-size: 42px;
	}
	.front.company .page #pre_productOverview_calc_title.pre_productOverview_calc_title_ele h3, .front.households .page #pre_productOverview_calc_title.pre_productOverview_calc_title_ele h3{
		font-size: 24px;
	}
	#pre_productOverview_calc_title.pre_productOverview_calc_title_ele:before{
		bottom: -136px;
	}
	.front .page.eco.eco2021 {
		/*background-image: url('../images/PREekoproud/wallpapers/pozadi-zelene-320.jpg') , url('../images/PREekoproud/wallpapers/pozadi-modre-320.jpg') !important;*/
		background-position: 50% 0, 50% 0 !important;
		background-repeat: no-repeat, repeat !important;
	}
	/*#eko2021 #ecoCarusel{
		height: 740px;
	}
	#eko2021 .eco2021carousel #ecoCarusel div img{
		width: 270px;
		height: 177px;
		right: -2px;
		top: 18px;
	}*/
	#eko2021 #pre_productOverviewForm label{
		font-size: 1.3em;
	}
	.eco2021 #pre_productOverview_calc_title .tranb:after{
		width: 103%;
	}
	#eko2021 #whatIsPreekoproud .faq-tabs{
		padding: 10px;
	}
	#eko2021 .faq-tabs__link .h4{
		font-size: 14px;
	}
}

.text-shadow-none {
	text-shadow: none !important;
}

#change-contract-box .alertContracts {
	background: rgba(0, 0, 0, 0) url('/images/ico-nodata.png') no-repeat scroll 0 0;
	height: 140px;
	margin: 40px 0 0 40px;
	padding-left: 130px;
}

#change-contract-box.content-left {
	width: 890px;
}

.hash-h2 {font-size: 36px!important;}
.hash-h3 {font-size: 30px!important;}
.hash-icon {padding:20px;padding-top:0px }
.hash-icon-w {width: 156px}
.hash-icon-alert {margin:0px !important;}
@media screen and (max-width: 767px) {
	.hash-center{	text-align:center !important}
	.hash-h2 {font-size: 30px!important;}
	.hash-h3 {font-size: 24px!important;text-align: center}
	.hash-w100-s {width: 100% !important;}
	.hash-icon-alert {height: 100px!important;}
	.hash-icon {margin: 0 auto; width: 140px; padding-bottom: 10px}
	.hash-content {	font-size: 14px;
		text-align: center;
		line-height: 18px;}
	.hash-button {	display: inline-block;
		margin: 0 auto;}

}

#dpi-table{
	margin: 0px -20px;
	background-color: #cdd4e1;
	padding: 20px;
}
#dpi-table .company{
	width: 50%;
	float: left;
	background-color: #cdd4e1;
	font-size: 20px;
	padding: 5px;
}
#dpi-table .ic{
	width: 50%;
	float: left;
	background-color: #cdd4e1;
	font-size: 20px;
	padding: 5px;
}

.dpi-prod span{
	width: 40%;
	float: left;
}
.dpi-prod-h3{
	margin: 0px -20px;
	background-color: #cdd4e1;
	padding: 20px;
	margin-bottom: 20px;

}
.dpi-prod-h3 h3{
	margin-bottom: 0px;
}
.dpi-prod span.cenik{
	padding: 10px;
}




@media screen and (max-width: 980px) {
	#dpi-table{
		margin: 0px -30px;
	}
}
@media screen and (max-width: 425px) {
	#dpi-table .company, #dpi-table .ic{
		/*width: 50%;*/
		font-size: 16px;
	}
	.dpi-prod span.cenik{
		width: 100%;
	}
}

.panel_Components_krizova-informace p {
	color: #565a62;
}


.sl01dpi-block {
	background-color: white;
	line-height: 1.5em;
	margin: -20px;
	padding: 20px;
	padding-bottom: 9px;
	margin-bottom: 23px;
	margin-top: -10px;
}
.sl01dpi-block h4 {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 10px;
	font-family: sans-serif;
	color: black;
}

.dpi-mb {
	margin-bottom: 90px!important;
}
.font-size--22-line {


	line-height: 1em !important;
}

.more-info--dpi {
	margin-bottom: 136px!important;
}

.dpiBox ul {
	list-style-type: decinal
}

.dpiBox ul li {
	padding: 7px 0 7px 0 !important;
	margin-left: 14px !important;
}

.dpiBox ul li:after {
	background: none !important;
}


.dark-blue-dpiBox{
	color: #fff !important;
	background-color: #242F65!important;
}

.dark-blue-dpiBox h3, .dark-blue-dpiBox li {
	color: #fff !important;
}

.dark-blue-dpiBox ul li:after {
	background: none repeat scroll 0 0 #FFFFFF;
}

.dpiTopBox {
	display:none;
}

ul.decinalie11 li {
	list-style-type: decimal;
}
.sl03-signature-box{
	margin-left: 17px;
}
.sl03-signature-box .mb-0{
	margin-bottom: 0px !important;
}
.sl03-signature-box .mt-0{
	margin-top: 0px !important;
}
.sl03-signature-box .mt-25{
	margin-top: 25px !important;
}

.sl01contractText{
	max-width: 400px;
	font-size: 12px;
	color: grey;
}

.ico-posrel{
	position: relative;
	top: 8px;
}
h3.h3-inline-block{
	display: inline-block;
}
.no-break-word{
	white-space: nowrap;
}
@media screen and (max-width: 768px) {
	.title-768{
		display: none;
	}
	.border-right-768-none{
		border-right: none;
	}

}
@media screen and (max-width: 760px) {
	.in .vo-el .inner-box{
		padding: 30px 10px;
	}
}
@media screen and (max-width: 760px) {
	.vivo-roller.vo-services .vertical-center {
		margin: 0;
		position: absolute;
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.vivo-roller.vo-services .title{
		width: calc(100% - 85px);
		margin-left: 40px
	}
}
.d-425{
	display: none;
}
.d-700{
	display: none;
}
.d-minus-700{
	display: block;
}
@media screen and (min-width: 700px) {
	.d-700 {
		display: block;
	}
	.d-minus-700{
		display: none;
	}
}
@media screen and (max-width: 400px) {
	.text-align-left-400{
		text-align: left;
	}
	.d-425{
		display: block;
	}
}

.icon-warning-svg{
	position: relative;
	margin-left: 50px !important;
}
.icon-warning-svg::after{
	content: "";
	display: block;
	position: absolute;
	width: 40px;
	height: 40px;
	background: url(../images/varovani_05mm.svg) no-repeat;
	top: -5px;
	left: -50px;
}

@media screen and (max-width: 375px) {
	.zc-h3-mobile {
		font-size: 22px !important;
	}
}
.icon-alert-svg{
	position: relative;
	margin-left: 50px !important;
}
.icon-alert-svg::after{
	content: "";
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	background: url(../images/ico-alert.svg) no-repeat;
	top: 2px;
	left: -68px;
	background-size: 50px 50px;
}

.ml-51 {
	margin-left: 51px;
}
.ml-20 {
	margin-left: 20px;
}
.font-22 {
	font-size: 22px !important;
}
.info-alert{
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	font-style: normal;
}
.info-alert h3{
	font-size: 32px;
}
.info-alert p{
	font-family: 'HelveticaNeueW02-47LtCn 694048', 'Arial CE', Arial, sans-serif;
	font-style: normal;
	font-size: 22px;
	color: #242F65;
}
.alert-large-svg{
	position: relative;
	margin-left: 120px;
}

.alert-large-svg::after{
	content: "";
	display: block;
	position: absolute;
	width: 75px;
	height: 75px;
	background: url(../images/ico-alert.svg) no-repeat;
	top: 0px;
	left: -110px;
	background-size: 75px 75px;
}
.ml-icon-alert{
	margin-left: 120px;
}
@media screen and (max-width: 425px) {
	.info-alert h3{
		font-size: 24px;
	}
	.info-alert p{
		font-size: 20px;
	}
	.alert-large-svg{
		position: relative;
		margin-left: 75px;
	}
	.alert-large-svg::after{
		content: "";
		display: block;
		position: absolute;
		width: 70px;
		height: 70px;
		background: url(../images/ico-alert.svg) no-repeat;
		top: 0px;
		left: -85px;
		background-size: 70px 70px;
	}
	.ml-icon-alert{
		margin-left: 75px;
	}
}

/* fallback */
@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/materialicons/v139/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}

.old-d .btn {
	color: #212529;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 2px;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	font-weight: 600;
	font-size: .875rem;
	letter-spacing: normal;
	line-height: 1;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	padding: 12px 24px;
}
.old-d .btn-primary{
	color: #fff;
	background-color: #1c2f67;
	border-color: #1c2f67;
}
.old-d .btn-primary:hover{
	color: #fff;
	background-color: #182858;
	border-color: #162652;
}
.old-d .btn-check:checked+.btn-primary,
.old-d .btn-check:active+.btn-primary,
.old-d .btn-primary:active,
.old-d .btn-primary.active,
.old-d .show>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #162652;
	border-color: #15234d;
}

.old-d a.btn:hover, .old-d a.btn:focus, .old-d a.btn:active {
	text-decoration: none;
	outline-offset: 0;
}

/* chatbot styles */

.onB75,
.i-embedded-chat {
  z-index: 89 !important;
}


/*ODSTÁVKOVÝ PANEL*/
.info-line-holder {
	position: relative;
	background-color: #fff;
	top: 72px;
	transition: height 250ms ease-in;
}
.info-line-holder .container{
	width: 100%;
	padding-right: 12px;
	padding-left: 12px;
	margin-right: auto;
	margin-left: auto;
}
.info-line-holder .container .row{
	/*--bs-gutter-x: 24px;*/
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(-1*var(--bs-gutter-y));
	/*margin-right: calc(-0.5*var(--bs-gutter-x));*/
	margin-left: calc(-0.5*var(--bs-gutter-x));
}
.info-line-holder .container .row>* {
	--bs-gutter-x: 24px;
	--bs-gutter-y: 0;
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-top: var(--bs-gutter-y);
}
.info-line-holder .container .row{
	flex: 0 0 auto;
	width: 100%;
}
.info-line-holder .container .info-line{
	position: relative;
	background-color: #fff;
	padding-top: 16px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f2f2f2;
	display: flex;
	flex-flow: column;
}
.info-line-holder .container .info-line  .info-line__text{
	position: relative;
	padding-top: 4px;
	padding-left: 32px;
	padding-right: 32px;
}
.info-line-holder .container .info-line  .info-line__title {
	font-size: 1.25rem;
	color: #df0032;
	margin-bottom: 4px;
}
.info-line-holder .container .info-line  .info-line__title.h6 {
	letter-spacing: .01em;
	font-family: "Helvetica Neue LT Pro Condensed",sans-serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 20px;
}
.info-line-holder .container .info-line .info-line__content {
	font-size: 14px;
	color: #df0032;
	margin-bottom: 10px;
	line-height: 1.43;
}
.info-line-holder .container .info-line .mb-0{
	margin-bottom: 0 !important;
}
.info-line-holder .container .info-line .info-line__icon{
	position: absolute;
	top: 1px;
	left: 0;
	width: 24px;
	height: auto;
}
.info-line-holder .container .info-line .info-line__close {
	cursor: pointer;
	position: absolute;
	top: 16px;
	right: 0;
}
.info-line-holder .container .info-line .info-line__close-icon{
	margin: 0;
	width: 24px;
	height: auto;
}
.info-line-holder .container .info-line img{
	vertical-align: middle;
}
@media screen and (min-width: 768px) {
	.info-line-holder .container {
		max-width: 750px;
	}
	.info-line-holder .container .info-line {
		padding-bottom: 16px;
		flex-flow: row;
		justify-content: space-between;
	}
	.info-line-holder .container .info-line .info-line__text {
		padding-top: 0;
		padding-left: 56px;
		padding-right: 24px;
	}
	.info-line-holder .container .info-line  .info-line__title {
		margin-bottom: 0;
	}
	.info-line-holder .container .info-line  .info-line__title.h6 {
		font-size: 20px;
		line-height: 24px;
		margin-bottom: 2px;
	}
	.info-line-holder .container .info-line .info-line__content {
		margin-bottom: 0;
	}
	.info-line-holder .container .info-line .info-line__icon {
		width: 40px;
	}
	.eco2021carousel #ecoCarusel .ecobox{
		padding: 0 30px;
	}
}
@media screen and (min-width: 1200px) {
	.info-line-holder .container {
		max-width: 1150px;
	}
	.info-line-holder{
		top: 0;
	}
}

/*zmeny na sl01 bt85009*/
.position-relative {
	position: relative !important;
}

.position-absolute {
	position: absolute !important;
}

.paymentsDelivery p{
	position: relative !important;
	margin-bottom: 25px;
}
.paymentsDelivery p label{
	position: absolute;
	top: -5px;
	left: 0px;
}
.paymentsDelivery p div.radio_button {
	left: 40px;
}
div[aria-describedby="dialog-isSigned"]{
	z-index: 1001;
}

.podpis .pl-0{
	padding-left: 0;
}
.podpis .signature-field{
	color: #71675B;
	font-size: 0.9em;
	line-height: 1.4em;
}
.podpis .signature-field input[type="text"]{
	font-size: 100%;
	line-height: 1.5em;
}

input.select[readonly].v_requiredMeetingTime {
	border: 1px solid #9CAAC4;
	background-color: #cccccc;
}
.hp-audio{
	text-align: center;
	padding: 5px;
}
.podklad{
	background-color: rgba(0,0,0, 0.5);
	position: relative;
	width: 50%;
}
@media screen and (max-width: 960px) {
	.podklad{
		width: 70%;
	}
}
.podklad h1 {
	padding-top: 20px;
}
.obsah {
	position: relative;
}

.obsah:before {
	display: block;
	position: absolute;
	background-color: rgba(0, 0, 0, .5);
	content: " ";
	right: 100%;
	height: 100%;
	width: 100%;
	transform-origin: right top;
	transform: scaleX(200%);
}

.m-l-10 {
	margin-left: 10px;
}

.m-t-10 {
	margin-top: 10px;
}

.m-b-10 {
	margin-top: 10px;
}


.m-t-15 {
	margin-top: 15px !important;
}

.m-b-15 {
	margin-bottom: 15px !important;
}



.display-contents {
	display: contents!important;
}
.preenergo .boxflex {
	display: flex;
	flex-direction: column;
}
.preenergo .boxflex a {
	line-height: 24px;
}
.preenergo .boxflex .left-side, .preenergo .boxflex .right-side {
	flex: 1;
}
.preenergo .boxflex.images .left-side{
	margin-right: 10px;
}
@media screen and (min-width: 768px) {
	.preenergo .boxflex {
		flex-direction: row;
	}
}
@media screen and (max-width: 768px) {
	.preenergo .boxflex.images .left-side{
		margin-right: auto;
	}
}
.gas-vo-bsd {
	position: relative;
	left: -15px;
	padding: 3px;
	padding-left: 0;
	margin-left: 0;
	border: none !important;
	border-collapse: separate !important;
	border-spacing: 15px;
	width: 425px;
}
.general table.gas-vo-bsd tr:nth-child(2n) {
	background: none repeat scroll 0 0 #fff;
}
.general table.gas-vo-bsd tr:hover {
	background: none repeat scroll 0 0 #E7EBF4;
}
.general table.gas-vo-bsd thead tr:hover {
	background: none repeat scroll 0 0 #1C2F67;
}
@media screen and (max-width: 425px) {
	.gas-vo-bsd {
		width: 100%;
	}
	.housenumsrow .t-cell {
		width: 100%;
	}
}
.contestChbxGroup {
	position: relative;
	top: 8px;
	font-size: 18px;
}
.contestChbxGroupLast {
	position: relative;
	top: 0px;
	font-size: 18px;
}

.list-style-type-lower-alpha{
	list-style-type: lower-alpha !important;
}