﻿/*
--------------------------------
Styly vyhradne pro podstranky////////
--------------------------------
*/

/* Gradientni pozadi stranky */
#kontejner {
	background: #fff;
}
body, #stin-start {
	background-position: 0 -222px;
}
#stin-end {
	height: /*330px;*/ 224px;
	top: 370px;
	
}
#small #stin-start {
	background: url(../img/page-small-bg-start.gif) no-repeat 0 -250px;
}
#small #stin-end { /* prechod stinu do stracena */
 	background: #fff url(../img/page-small-bg-end.gif) no-repeat left top; 
	height: 330px;
}

#content {
        padding-top: 10px !important; 
}

/* Seznamy */
#content ul{
	margin-bottom: 10px;
}

#content ul li {
	padding-left: 14px;
	margin-bottom: 3px;
	background: url(../img/li-1.gif) no-repeat 0 5px;
}

#content ul li ul li {
	padding-left: 14px;
	margin-bottom: 3px;
	background: url(../img/li-1.gif) no-repeat 0 5px;
}
#content ul li ul li ul li {
	padding-left: 14px;
	margin-bottom: 3px;
	background: url(../img/li-1.gif) no-repeat 0 5px;
}


/* Velke opoutavkove foto */

#promo {
        height:263px;
        margin:0;
        max-width:668px;
        padding:3px 0 0;
        position:relative;
        width:680px;
}
* html #promo {
        height: 243px;
}

#promo-investori {
        background: #EDEDEE url(../img/page/foto-ramecek.gif) no-repeat scroll left top;
        margin: -19px 0 20px -19px;
        max-width: 680px;
        padding: 19px 1px 22px 19px;
        position: relative;
        width: 700px;
}
#promo-investori blockquote {
        font-size:15px;
        height:41px;
        margin-bottom:16px;
        width:371px;
}
* html #promo-investori blockquote {
        margin-bottom:8px;
}
#promo-investori blockquote span {
        background-image:url(../img/page/motto.gif);
}
#promo-investori blockquote.en span {
        background-image:url(../img/page/motto-en.gif);
}
#promo-investori strong span {
        background:transparent url(../img/page/foto-martin-roman.jpg) no-repeat scroll left top;
        display:block;
        height:91px;
        position:absolute;
        right:24px;
        top:25px;
        width:78px;
}
#promo-investori a {
        font-weight:bold;
        position:absolute;
        right:140px;
        top:102px;
}

#posvitte-si {
        margin-top:10px;
        padding-top:10px;
}

/*
#content ul ul li {
	background: url(../img/li-12.gif) no-repeat 0 5px;
}
#content ul ul ul li {
	background: url(../img/li-12.gif) no-repeat 0 5px;
}
*/

#content ol {
	padding-left: 24px;
	margin-bottom: 8px;
	list-style: decimal;
}

/* Odkazy se sipkou */
#content .sipka-link {
	padding-left: 18px;
	background: url(../img/page/strankovani-next.gif) no-repeat left 60%;
}

/* tri svisle bloky s odkazy */
#domacnosti h1 span { /* obrazky pro jednotlive nadpisy sekci */
	background-image: url(../img/nadpisy/domacnosti.gif);
}
#domacnosti p {
	_height: 70px;
	min-height: 65px;	
}
#firmy h1 span {
	background-image: url(../img/nadpisy/firmy.gif);
}
#firmy p {
	_height: 70px;
	min-height: 65px;
}
#velkoodberatele h1 span {
	background-image: url(../img/nadpisy/velkoodberatele.gif);
}
#velkoodberatele p {
	_height: 70px;
	min-height: 65px;
}
#jaderne h1 span {
	background-image: url(../img/nadpisy/jaderne.gif);
}
#ostatni-el h1 span {
	background-image: url(../img/nadpisy/obnovitelne.gif);
}
#prostredi h1 span {
	background-image: url(../img/nadpisy/prostredi.gif);
}
#podpora h1 span {
	background-image: url(../img/nadpisy/virtualni-kancelar.gif);
}
#stazeni h1 span {
	background-image: url(../img/nadpisy/poradenstvi.gif);
}
#kontakty h1 span {
	background-image: url(../img/nadpisy/co-delat.gif);
}
#centrum h1 span {
	background-image: url(../img/nadpisy/centrum.gif);
}
#investor h1 span {
	background-image: url(../img/nadpisy/investor.gif);
}
#investors h1 span {
	background-image: url(../img/nadpisy/investors.gif); /*to-do*/
}
#spolecnost h1 span {
	background-image: url(../img/nadpisy/spolecnost.gif);
}
#hriste h1 span {
	background-image: url(../img/nadpisy/hriste.gif);
}
#kolo h1 span {
	background-image: url(../img/nadpisy/kolo.gif);
}
#regiony h1 span {
	background-image: url(../img/nadpisy/regiony.gif);
}
#o-cez-slovensko h1 span {
	background-image: url(../img/nadpisy/o-cez-slovensko.gif);
}
#cez-germany h1 span {
	background-image: url(../img/nadpisy/cez-germany.gif);
}
#media h1 span {
	background-image: url(../img/nadpisy/media.gif); /*to-do*/
}
#novinky h1 span {
	background-image: url(../img/nadpisy/novinky.jpg); /*to-do*/
}
#energetika h1 span {
	background-image: url(../img/nadpisy/energetika.jpg); /*to-do*/
}
#download h1 span {
	background-image: url(../img/nadpisy/download.jpg);
}

/* EN nadpisy */

#centrum-en h1 span {
	background-image: url(../img/nadpisy/centrum-en.gif);
}

#spolecnost-en h1 span {
	background-image: url(../img/nadpisy/spolecnost-en.gif);
}

#investors-en h1 span {
	background-image: url(../img/nadpisy/investors-en.gif); 
}


#media-en h1 span {
	background-image: url(../img/nadpisy/media-en.gif); 
}


/* DE nadpisy */
#spolecnost-de h1 span {
	background-image: url(../img/nadpisy/spolecnost-de.gif);
}




/********deprecated nadpisy *************/
.en #spolecnost h1 span { /* EN */
	background-image: url(../img/nadpisy/spolecnost-en.gif);
}
.en #centrum h1 span {
	background-image: url(../img/nadpisy/centrum-en.gif);
}
.de #spolecnost h1 span { /* DE */
	background-image: url(../img/nadpisy/spolecnost-de.gif);
}
.de #centrum h1 span {
	background-image: url(../img/nadpisy/centrum-en.gif);
}
.blok h1 {
	margin-bottom: 0;
}


/* dva svisle bloky s odkazy */
#zakaznicky-servis h1 span { /* obrazky pro jednotlive nadpisy sekci */
	background-image: url(../img/nadpisy/zakaznicky-servis.gif);
}
#kontakt h1 span { /* obrazky pro jednotlive nadpisy sekci */
	background-image: url(../img/nadpisy/kontakt.gif);
}

.long-blok {
	height: 100%;
	padding-bottom: 45px;
}
.long-blok p {
	margin-bottom: 20px;
	background-position: left bottom;
}
.long-blok strong {
	display: block;
	margin: 13px 0 14px 0;
	font-size: 110%;
	color: #000;
}
.long-blok ul {
	position: relative;
	margin-bottom: 28px;
}
#content .long-blok li {
	padding-left: 23px;
	margin-bottom: 12px;
	background: url(../img/li-2.gif) no-repeat 0 1px;
}
.long-blok ul a {
	color: #000;
}
.long-blok ul a:visited {
	color: #666;
}
.long-blok ul a:hover {
	color: #F24F00;
}

.visual { /* imageova fota v boxech na HP sekci (4 boxy)  */
	position: relative;
	margin-left: 0px;
	width: 240px;
	max-width: 240px;
	height: 210px;
	max-height: 210px;
/*	padding: 0px 0px 20px 0px; */
	color: #fff;
	overflow: hidden;
}
.visualt { /* imageova fota v boxech na HP sekci (3 boxy) */
	position: relative;
	margin-left: 0px;
	width: 300px;
	max-width: 300px;
	height: 188px;
	max-height: 188px;
/*	padding: 0px 0px 20px 0px; */
	color: #fff;
	overflow: hidden;
}

#videot { /* imageova fota v boxech na HP sekci (3 boxy) */
	position: relative;
	margin-left: 0px;
	width: 300px;
	max-width: 300px;
	height: 188px;
	max-height: 188px;
	color: #fff;
	overflow: hidden;
}

object.visual { /* imageova fota v boxech na HP sekci  */
	position: relative;
	margin-left: -10px !important;
	width: 240px;
	max-width: 240px !important;
	height: 170px;
	max-height: 170px !important;
	padding: 18px;
	color: #fff;
	overflow: hidden;
}
.visual p { /* odkazy pres fotku */
	position: absolute;
	right: 17px;
	top: 60px;
	width: 115px;
	height: 100px;
	padding: 0;
	margin: 0;
	text-align: right;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	z-index: 10;
	overflow: hidden;
}
#stazeni .visual p, #podpora .visual p {
	width: 140px;
}
.blok .visual .link-button { /* button pres fotku */
	position: absolute;
	right: 16px;
	bottom: 30px;
	z-index: 100;
}
/*
#kontakty .visual .link-button, #stazeni .visual .link-button, #podpora .visual .link-button, #jaderne .visual .link-button, #ostatni-el .visual .link-button, #prostredi .visual .link-button {
	bottom: 14px;
}
#podpora .visual a, #podpora .visual a:visited {
	color: #000;
}*/
#kontakty .visual .link-button, #stazeni .visual .link-button, #podpora .visual .link-button, #jaderne .visual .link-button, #ostatni-el .visual .link-button, #prostredi .visual .link-button {
	bottom: 14px;
}
#podpora .visual a, #podpora .visual a:visited, #stazeni .visual a, #stazeni .visual a:visited {
	color: #000;
}
#podpora .visual a:hover, #stazeni .visual a:hover {
	color: #F24F00;
}
.blok .visual a.lighter {
	font-weight: normal;
	font-size: 95%;
}

#centrum .visual p, #investor .visual p { /* text u generalniho reditele a ceny akcii */
	top: 108px;
	width: 150px;
	height: auto;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
}
#akcieTagVyvoj {
	position: absolute;
	z-index: 200;
	margin-top: 15px;
}
#akcieTagKurz {
	position: absolute;
	z-index: 201;
	margin-top: 135px;
}
#akcieFirst, #akcieLast {
	position: absolute;
	z-index: 201;
	margin-top: 135px;
}
#akcieTagKurz a {
	display: inline;
	color: #F24F00;
	font-weight: bold;
	font-size: 130%;
}
#akcieTagZdroj {
	position: absolute;
	z-index: 202;
	margin-top: 155px;
	color: #000 !important;
}
#akcieMax {
	position: absolute;
	z-index: 202;
	margin-top: 45px;
	font-size: 80%;
	color: #000 !important;
}
#akcieMin {
	position: absolute;
	z-index: 202;
	margin-top: 105px;
	color: #000 !important;
	font-size: 80%;
}
#akcieTagGraf {
	position: absolute;
	z-index: 203;
	margin-top: 50px;
	margin-left: 40px;
	border: 0px;
	border-left: solid 1px #737373;
	border-bottom: solid 1px #737373;
}

#centrum .visual a {
	display: inline;
	font-size: 12px;
}
#investor .visual a {
	display: inline;
	font-size: 14px;
}

.novinky strong { /* vypis novinek na HP - o spolecnosti */
	font-weight: normal;
	font-size: 100%;
	display: block;
	margin-bottom: 3px;
	color: #666;
}
.novinky a {
	font-weight: bold;
	color: #000;
}
.novinky a:visited {
	color: #666;
}
.novinky a:hover {
	color: #F24F00;
}
.novinky p {	
	margin: 3px 0 17px 0;
	padding: 0;
}

.blok .visual a, .blok .visual a:visited {
	color: #fff;
}
.blok .visual a:hover {
	color: #000;
}
#velkoodberatele .visual p, #ostatni-el .visual p {
	width: 130px;
}
#jaderne .visual p {
	width: 150px;
}
.visual span {
	width: 240px;
}
.visualt span {
	width: 300px;
}
#domacnosti .visual { /* barvy pozadi boxu pod obrazkem */
	background-color: #4582C2;
}
#firmy .visual, #prostredi .visual, #stazeni .visual {
	background-color: #53B231;
}
#velkoodberatele .visual {
	background-color: #AAABA5;
}
#jaderne .visual {
	background-color: #65B3DA;
}
#ostatni-el .visual, #hriste .visual, #kolo .visual, #regiony .visual {
	background-color: #66A0F0;
}
#centrum .visual {
	background-color: #B1AFAE;
}
#investor .visual {
	background-color: #F2F2F2;
}

#investors .visual {
	background-color: #F2F2F2;
}
#investors-en .visual {
	background-color: #F2F2F2;
}

#spolecnost .visual, #kontakty .visual {
	background-color: #B6D1ED;
}
#podpora .visual {
	background-color: #DBDBDB;
}
#domacnosti .visual span { /* fotky v boxech */
	background: url(../img/hp/domacnosti.jpg) no-repeat left top;
}
#firmy .visual span {
	background: url(../img/hp/firmy.jpg) no-repeat left top;
}
#velkoodberatele .visual span {
	background: url(../img/hp/velkoodberatele.jpg) no-repeat left top;
}
#jaderne .visual span {
	background: url(../img/hp/jaderne.jpg) no-repeat left top;
}
#ostatni-el .visual span {
	background: url(../img/hp/elektrarny.jpg) no-repeat left top;
}
#prostredi .visual span {
	background: url(../img/hp/prostredi.jpg) no-repeat left top;
}
#podpora .visual span {
	background: url(../img/hp/podpora.jpg) no-repeat left top;
}
/* #stazeni .visual span {
	background: url(../img/hp/stazeni.jpg) no-repeat left top;
}*/
#stazeni .visual span {
	background: url(../img/hp/posvitte-si-na-uspory.gif) no-repeat left top;
}
#kontakty .visual span {
	background: url(../img/hp/kontakty.jpg) no-repeat left top;
}
#centrum .visual span {
	background: url(../img/hp/centrum.jpg) no-repeat left top;
}
#novinky .visual span {
	background: url(../img/hp/centrum.jpg) no-repeat left top;
}
#energetika .visual span {
	background: url(../img/hp/investor.jpg) no-repeat left top;
}
#download .visual span {
	background: url(../img/hp/jaderne.jpg) no-repeat left top;
}

#graphHP {
	background: url(../img/hp/investor.jpg) no-repeat left top;
	position: relative;
	margin-left: -10px !important;
	width: 240px;
	max-width: 240px !important;
	height: 170px;
	max-height: 170px !important;
	color: #666666;
	padding-left: 10px;
}

#investors-en #graphHP {
	background: url(../img/hp/investor-en.jpg) no-repeat left top;
}

#spolecnost .visual span {
	background: url(../img/hp/spolecnost.jpg) no-repeat left top;
}
#hriste .visual span {
	background: url(../img/hp/hriste.jpg) no-repeat left top;
}
#kolo .visual span {
	background: url(../img/hp/kolo.jpg) no-repeat left top;
}
#regiony .visual span {
	background: url(../img/hp/regiony.jpg) no-repeat left top;
}

#media .visual span {
	background: url(../img/hp/centrum.jpg) no-repeat left top;
}

/* EN */
#spolecnost-en .visual span {
	background: url(../img/hp/spolecnost-en.jpg) no-repeat left top;
}
#media-en .visual span {
	background: url(../img/hp/centrum-en.jpg) no-repeat left top;
}


/* DE */
#spolecnost-de .visual span {
	background: url(../img/hp/spolecnost-en.jpg) no-repeat left top; /* to-do */
}




.visual form { /* login v imageovem boxu na HP pece a podpora  */
	position: relative;
	z-index: 100;
	margin-top: 10px;
	text-align: right;
}
.visual label {
	color: #333;
}
.visual table {
	position: relative;
	float: right;
}
.visual td {
	width: 75px;
	padding-left: 7px;
	text-align: left;
}
#podpora .visual table input {
	width: 100%;
	margin: 0;
	margin-top: 2px;
	border-color: #727272;
}
.visual .button {
	position: relative;
	width: 75px;
	margin-top: 8px;
	margin-bottom: 10px;
	float: right;
	display: block;
}
.blok .visual form a, .blok .visual form a:visited {
	display: block;
	clear: both;
	color: #000;
}
.blok .visual form a:hover {
	color: #F24F00;
}

form.produkt{
	display: none; /* defaultnÄ‚â€žÄąÄ…Ă„Ä…Ă„ËťÄ‚â€ąÄąÄ„ skrytÄ‚â€žÄąÄ…Ă„Ä…Ă„ËťÄ‚â€ąÄąÄ„ a zobrazÄ‚â€žÄąÄ…Ă„Ä…Ă„ËťÄ‚â€ąÄąÄ„ se pomocÄ‚â€žÄąÄ…Ă„Ä…Ă„ËťÄ‚â€ąÄąÄ„ js pÄ‚â€žÄąÄ…Ă„Ä…Ă„ËťÄ‚â€ąÄąÄ„i naÄ‚â€žÄąÄ…Ă„Ä…Ă„ËťÄ‚â€ąÄąÄ„tenÄ‚â€žÄąÄ…Ă„Ä…Ă„ËťÄ‚â€ąÄąÄ„ strÄ‚â€žÄąÄ…Ă„Ä…Ă„ËťÄ‚â€ąÄąÄ„nky */
}

.produkt div { /* select pro vyber produktu na HP pruduktu */
	height: 53px;
	max-height: 21px;
	width: 240px;
	max-width: 220px;
	margin-left: -10px;
	padding: 16px 10px 16px 10px;
	background: #EFEFF0 url(../img/hp/select-prechod.gif) repeat-x left top;

}
.produkt select {
	width: 100%;
	height: 20px;
}
.produkt .button {
	position: absolute;
	right: 17px;
	top: 175px;
	cursor: pointer;
	z-index: 10;
}
* html .produkt .button {
	cursor: hand;
}

#p-domacnosti { /* male ilustracni obrazky uvnitr svislych bloku */
	background-image: url(../img/obr-6.jpg);
	background-position: left 5px;	
}
#p-firmy {
	background-image: url(../img/zabicka.jpg);
	background-position: left 5px;	
}
#p-velkoodberatele {
	background-image: url(../img/obr-8.jpg);
	background-position: left 5px;	
}
#p-hriste {
	background-image: url(../img/obr-9.jpg);
	background-position: top left;	
}
#p-kolo {
	background-image: url(../img/obr-10.jpg);
	background-position: top left;	
}
#p-regiony {
	background-image: url(../img/obr-11.jpg);
	background-position: top left;	
}
#p-eradce {
	background-image: url(../img/obr-5.jpg);
	background-position: top left;	
}
#p-formulare {
	background-image: url(../img/obr-2.jpg);
	background-position: top left;	
}
#p-technicke {
	background-image: url(../img/obr-4.jpg);
	background-position: top left;	
}

#p-eradce a,#p-formulare a, #p-technicke a {
	color: #000;
}

.blok p span.obr {
	top: 14px;
}

.mesto div { /* select pro vyber mesta na HP pece a podpora */
	margin-top: 12px;
	margin-bottom: 21px;
}
.mesto select {
	width: 100%;
}
#kontakty p {
	padding: 0;
	margin: 0;
}


/*
Pravy sloupec
*/
#right {
	float: right;
}
.subpage #right { /* pravy sloupec na dynamicky plnenych textovych strankach */
	position: relative;
	right: -535px;
}
.mapa #right { /* pravy sloupec na mape stranek */
	right: -745px;
}

.widecontent #right { /* pravy sloupec na mape stranek */
	right: -745px;
}


/* sede boxy */
.kancelar h3 span { /* obrazky pro jednotlive nadpisy sekci */
	background-image: url(../img/nadpisy/kancelar.gif);
}
.completion h3 span {
	background-image: url(../img/nadpisy/completion-of-temelin.gif);
}

.odkazy h3 span {
	background-image: url(../img/nadpisy/odkazy.gif);
}

.odkazy h3 span.en {
	background-image: url(../img/nadpisy/odkazy-en.gif);
}

.odkazy h3 span.de {
	background-image: url(../img/nadpisy/odkazy-de.gif);
}

.npp h3 span.en {
	background-image: url(../img/nadpisy/npp-en.gif);
}

.npp h3 span.de {
	background-image: url(../img/nadpisy/npp-de.gif);
}
.objednejte h3 span { /* obrazky pro jednotlive nadpisy sekci */
	background-image: url(../img/nadpisy/objednejte-se-k-nam.gif);
}


.zavolejte h3 span {
	background-image: url(../img/nadpisy/zavolejte-nam.gif);
}
.energetika h3 span {
	background-image: url(../img/nadpisy/energetika.gif);
}
.zpravy h3 span {
	background-image: url(../img/nadpisy/tiskove-zpravy.gif);
}
.clanky h3 span {
	background-image: url(../img/nadpisy/clanky.gif);
}
.dokumenty h3 span {
	background-image: url(../img/nadpisy/dokumenty.gif);
}
.rychle h3 span {
	background-image: url(../img/nadpisy/rychle-menu.gif);
}
.aktuality h3 span {
	background-image: url(../img/nadpisy/aktuality.gif);
}
.novikny h3 span {
	background-image: url(../img/nadpisy/novinky.gif);
}
.news h3 span {
	background-image: url(../img/nadpisy/news.gif);
}
.en .npp h3 span { /* EN */
	background-image: url(../img/nadpisy/npp-en.gif);
}
.en .zavolejte h3 span {
	background-image: url(../img/nadpisy/zavolejte-nam-en.gif);
}
.en .odkazy h3 span {
	background-image: url(../img/nadpisy/odkazy-en.gif);
}
.en .dokumenty h3 span {
	background-image: url(../img/nadpisy/dokumenty-en.gif);
}
.en .tiskovky h3 span {
	background-image: url(../img/nadpisy/tiskove-zpravy-en.gif);
}
.de .npp h3 span { /* DE */
	background-image: url(../img/nadpisy/npp-de.gif);
}
.de .zavolejte h3 span {
	background-image: url(../img/nadpisy/zavolejte-nam-en.gif);
}
.de .odkazy h3 span {
	background-image: url(../img/nadpisy/odkazy-en.gif);
}
.de .dokumenty h3 span {
	background-image: url(../img/nadpisy/dokumenty-en.gif);
}
.de .tiskovky h3 span {
	background-image: url(../img/nadpisy/tiskove-zpravy-en.gif);
}

#right table { /* login v pravem sloupci */
	margin-top: -3px;
}
#right form label {
	float: left;
	display: block;
	color: #333;
	width: 80px;
	margin-bottom: 3px;
}
#right input {
	float: left;
	width: 80px;
}
#right .button {
	width: 83px;
	margin-top: 7px;
	margin-bottom: 12px;
}
* html #right .button {
	width: 80px;
}
input#v-jmeno {
	margin-right: 9px;
}
input#supplier {
	width: 20px !important;
	float: left;
}

#right ul { /* clear pro formular */
	clear: both;
}

.kancelar ul {
	padding-top: 40px;
}
.kancelar .link-button {
	position: absolute;
	margin-top: 10px;
}

.zavolejte ul {
	padding-right: 78px;
	margin-bottom: -7px;
	background: url(../img/sluchatko.gif) no-repeat 107px 1px;
}
.zavolejte ul li {
	border-bottom: 1px solid #fff; /* korekce IE */
}
.zavolejte li strong {
	display: block;
	font-size: 128%;
	margin-bottom: 4px;
}
.en .zavolejte ul, .de .zavolejte ul {
	background: none;
}

#right .dokumenty .doc, #right .dokumenty .xls, #right .dokumenty .pdf, #right .dokumenty .imgs, .docIco  {
	margin-left: -2px;
	padding: 2px 0 2px 23px;
	background: url(../img/ico/doc.gif) no-repeat left center;
}
#right .dokumenty .xls, .xls {
	background-image: url(../img/ico/xls.gif);
}
#right .dokumenty .pdf, .pdf {
	background-image: url(../img/ico/pdf.gif);
}
#right .dokumenty .imgs, .jpg, .gif, .png, .bmp {
	background-image: url(../img/ico/img.gif);
}
#right .dokumenty .avi, .mp3, .wmv, .mp4 {
	background-image: url(../img/ico/avi.gif);
}
#right .dokumenty .zip, .zip, .archive {
	background-image: url(../img/ico/zip.gif);
}
#right .dokumenty .ppt, .ppt {
	background-image: url(../img/ico/ppt.gif);
}



/*
Levy sloupec a rozbalovaci urovnove menu
*/
#left {
	float: left;
	width: 240px;
	position: relative;
}

#content #navigace li { /* reset */
	padding: 0;
	margin: 0;
	background-image: none;
	position: relative;
}

#navigace ul {
/*	display: none; */ /* mpc - skryti se pouzije pokud se pouzije js rozbalovani menu */
	margin: 0px !important;
	padding: 0;
	list-style: none;
}

* html #kontejner #navigace ul { /* odstraneni IE renderovaciho bugu */
	position: static;
	overflow: hidden;
	/*width: 200px;*/
}
#content #navigace li { /* prvni uroven menu */
	background: #979797 url(../img/page/menu-level1-bg.gif) repeat-y left top;
}
#content #navigace li li { /* druha uroven menu */
	background: #DBDADA url(../img/page/menu-level2-bg.gif) repeat-y left top;
}
#content #navigace li li li { /* treti uroven menu */
	background: #EBEBEB url(../img/page/menu-level3-bg.gif) repeat-y left top;
}

#navigace a	{ /* uroven 1 */
	display: block;
	padding: 11px 24px 11px 24px;
	color: #fff;
	border-bottom: 1px solid #B7B7B7;
	background: url(../img/page/menu-last.gif) 7px 14px no-repeat; /* vychozi, dale nerozbalitelna polozka */
	text-decoration: none;
}
* html #kontejner #navigace a {
	width: 100%;
}

#navigace a:hover	{
	background-color: #666;
}
#navigace ul a	{ /* uroven 2 */
	color: #000;
	padding-left: 40px;
	background: url(../img/page/menu-last2.gif) 23px 14px no-repeat;
}
#navigace ul a:hover	{
	background-color: #D0D0D0;
}
#navigace ul ul a	{ /* uroven 3 */
	padding-left: 57px;
	background-position: 40px 14px;
}
#navigace ul ul a:hover	{
	background-color: #FAFAFA;
}
#navigace ul ul ul a	{ /* uroven 4 */
	padding-left: 70px;
	background: url(../img/page/menu-odrazka.gif) 57px 16px no-repeat;
}

#navigace a#active { /* vyznaceni aktivni polozky */
	color: #fff;
/*	background-color: #fff; */
	background-image: url(../img/page/menu-odrazka-activ2.gif);
/*	border-bottom: 0; 
	margin-top: -1px; */
}
#navigace ul a#active { /* vyznaceni aktivni polozky */
	color: #000;
/*	background-color: #fff; */
	background-image: url(../img/page/menu-odrazka-activ2.gif);
/*	border-bottom: 0; 
	margin-top: -1px; */
}

#navigace li.expanded a.nextLevel{
	background-image: url(../img/page/menu-minus.gif);	
}
#navigace ul li.expanded a.nextLevel{
	background-image: url(../img/page/menu-minus-gray.gif);	
}

#navigace ul li.notexpanded a.nextLevel{
	background-image: url(../img/page/menu-plus-gray.gif);	
}
#navigace ul ul ul a#active {
	color: #000;
	background-image: url(../img/page/menu-odrazka-activ.gif);
}

#navigace a.nextLevel { /* rozbalitelna polozka */
	background-image: url(../img/page/menu-plus.gif); 
}


#navigace ul a.nextLevel {
	background-image: url(../img/page/menu-plus2.gif);
}

#navigace ul a.nextLevel {
	background-image: url(../img/page/menu-plus2.gif);
}


#navigace a.nextLevelActive { /* rozbalena polozka */
	background-image: url(../img/page/menu-minus.gif); 
}
#navigace ul a.nextLevelActive {
	background-image: url(../img/page/menu-minus2.gif); 
}

#small #navigace {
  margin-bottom: 10px;
}
#small #navigace a#active { /* vyznaceni aktivni polozky */
	color: #FFF;
	border-bottom: 1px solid #B7B7B7;
	background: url(../img/page/menu-odrazka-activ.gif) 7px center no-repeat;
}

/*
Centralni box pro dynamicky plneny content
*/
#center {
	float: right;
	width: 700px;
/*	max-width: 734px; */
/*	padding-left: 6px;*/
	padding-bottom: 40px;
	position: relative;
	border: 1px solid #E8E8E8;
/*	background: url(../img/page/center-box-middle.gif) repeat-y left top;*/
}
* html #center {
/*	width: 734px; */
	padding-bottom: 50px;
	overflow: hidden; /* jen pro IE, je treba se do budoucna zbavit */
}

#center hr {
	color: #E8E8E8;
	border-bottom: 1x solid #E8E8E8;
}
#small #center {
  left: 0;
}
#small .subpage #center {
  left: -210px;
}
#small.slovensko #center {
  left: -210px;
}
#small.slovensko #left {
  left: 540px;
}


#center_right {
        background: transparent url(../img/page/center-box-middle.gif) repeat-y scroll left top;
        border-right:1px solid #E8E8E8;
        float:right;
        max-width:760px;
        padding-bottom:40px;
        padding-left:6px;
        position:relative;
/*        width:739px; */
        width: 699px;
        padding-top: 49px;
}
#center_right h1 {
        background-color:#F24F00;
        border-right:1px solid #F24F00;
        color:#FFFFFF;
        font-size:183%;
        margin-bottom:13px;
        margin-top:-49px;
        max-width:96% !important;
        padding:13px 10px 12px 19px;
        width:100% !important;
}
#center_right p#cesta {
        margin:0 0 12px;
}
#center_right p#cesta {
        border-bottom:1px solid #E8E8E8;
        font-weight:bold;
        line-height:175%;
        margin:0;
        padding:0 19px 13px;
}

#c-top, #c-bottom { /* stin kolem prostredniho sloupce */
	display: block;
	width: 705px;
	*height: 49px;
	font-size: 1px;
	margin-left: -6px;
/*	background: url(../img/page/center-box-top.gif) no-repeat left top;*/
}
#c-bottom {
	position: absolute;
	left: 6px;
	bottom: -6px;
	height: 6px;
/*	background-image: url(../img/page/center-box-end.gif); */
}
* html #c-bottom {
	bottom: -1px;
}

#center h1 { /* hlavni nadpis stranky */
	width: 700px;
	max-width: 579px;	
  margin-top: 0;
	margin-bottom: 13px;
	padding: 13px 100px 12px 19px;
/*	padding: 13px 19px 12px 19px; */
	font-size: 183%;
	color: #fff;
	background-color: #F24F00;
	border-right: 1px solid #F24F00;
}
* html #center h1 {
	margin-top: -52px;
}

#print { /* odkaz pro tisk */
	display: block;
	position: absolute;
	right: 19px;
	top: 20px;
	color: #fff;
	font-size: 11px;
	padding-left: 20px;
	background: url(../img/page/ico-print.gif) no-repeat left center;
}
#onTop { /* odkaz pro navrat na zacatek stranky */
	display: block;
	position: absolute;
	right: -1px;
	bottom: 20px;
	color: #000;
	padding: 5px 10px 7px 22px;
	background: #E6E6E7 url(../img/page/skip-top.gif) no-repeat 8px center;
}
a#onTop:hover {
	color: #F24F00;
	background-position: 8px 4px;
}
* html #onTop {
	bottom: 26px;
}
#center p#cesta { /* drobeckova navigace */
	padding: 0 19px 13px 19px;
	margin: 0;
	font-weight: bold;
	line-height: 175%;
	border-bottom: 1px solid #E8E8E8;
}
#center p#cesta { /* drobeckova navigace */
/*	margin: 0 0 12px 0;*/
}
#cesta a {
	padding: 0 1px 0 1px;
	font-weight: normal;
	color: #666;
}
#cesta strong {
	padding: 0 1px 0 1px;
}
#obsah { /* blok s odsazenim pro texty, obrazky apod */
	width: 660px;
	margin: 19px;
	_height: 200px;
	min-height: 200px;
}
#obsah_er { /* blok s odsazenim pro texty, obrazky apod */
	width: 665px;
	margin: 19px;
}

#small #obsah {
	margin: 0 19px;
}

/* zakladni prvky obsahu */
#center p {
	margin-bottom: 20px;
}
#center p.bold {
	font-weight: bold;
}
#center h2 { /* nadpisy */
	font-size: 20px;
	color: #333;
  margin-top: 0px;
	margin-bottom: 10px;
        font-weight: bold;
/*	padding-left: 18px;*/
/*	background: url(../img/li-3.gif) no-repeat left 3px; */
}

#column1 {
	border:1px solid #E8E8E8; 
	float:left; 
	margin-bottom:10px; 
	margin-right:10px;  
	padding:15px; 
/*	max-width:343px;
	width:375px;  */
	max-width:630px;
	width:662px;
}
#column2 {
	background:#F7F7F7;
  border:1px solid #E8E8E8; 
	float:left; 
	margin-bottom:10px;  
	padding:15px; 
/*	max-width:243px;
	width:275px;  */
	max-width:630px;
	width:662px;
}
#column2new {
	background:#FFF;
	float:left;
	margin-bottom:10px;
	padding:0;
	max-width:662px;
	width:662px;
}
#column1 h2 a:link, #column1 h2 a:visited, #column2 h2 a:link, #column2 h2 a:visited, #column2new h2 a:link, #column2new h2 a:visited { /* nadpisy ve dvouslopcovem layoutu*/
	font-size: 16px;
	color: #333;
	margin-top: 0px;
	margin-bottom: 10px;
	font-weight: bold;
}
#column2 h2 a:link, #column2 h2 a:visited, #column2new h2 a:link, #column2new h2 a:visited {
	padding-left: 18px;
	background: url(../img/li-3.gif) no-repeat left 6px;
	display: block;
	height:20px;
}
#column1 h2 a:hover, #column2 h2 a:hover, #column2new h2 a:hover { /* nadpisy ve dvouslopcovem layoutu*/
	font-size: 16px;
	color: #F24F00;
  font-weight: bold;
}
.formular1 h2 { /* nadpisy */
	font-size: 130%;
	color: #333;
	margin-top: 18px;
	padding-left: 18px;
	background: url(../img/li-3.gif) no-repeat left center;
}
#center h3 {
	font-size: 16px;
  font-weight: bold
	color: #000;
	margin-top: 30px;
	margin-bottom: 20px;
        margin-left: 0;	
        width: auto;
}
#center .pruvodce h3 {
	font-size: 110%;
	color: #000;
}
#center h4 {
	font-size: 12px;
	color: #000;
        font-weight: bold;
	margin-top: 20px;
}
#small #center h2 {
  display: table;
}
* html #small #center h2 {
  display: inline-block;
}

#center ol {
	list-style-type:decimal;
}

#center ol ol {
	list-style-type:lower-alpha;
}
#center ol ol ol {
	list-style-type:lower-roman;
}
#center .line { /* oddelovaci linka */
	display: block;
	margin: 18px 0 18px 0;
	width: 100%;
	height: 1px;
	font-size: 1px;
	background-color: #E8E8E8;
	border-bottom: 1x solid #E8E8E8;
	overflow: hidden;
	clear: both;
}

#center span.white{
	display: block;
	margin: 18px 0 18px 0;
	width: 100%;
	height: 1px;
	font-size: 1px;
	background-color: White;
	border-bottom: 1x solid White;
	overflow: hidden;
	clear: both;
}
.aktuality.white {
	display: block;
	margin: 18px 0 18px 0;
	width: 100%;
	height: 1px;
	font-size: 1px;
	background-color: White;
	border-bottom: 1x solid White;
	overflow: hidden;
	clear: both;
}
/* tabulky */
/*#center table {
	margin-bottom: 20px;
	width: 100%;
	color: #333;
	text-align: left;
        border-left: 1px solid #E1E1E1;
        border-right: 1px solid #E1E1E1;
}
#center th {
	border: 0;
	border-bottom: 1px solid #E1E1E1;
	padding: 9px 12px 9px 12px;
        background: #F24F00;
        color: #fff;
}
#center td {
	border: 0;
	border-bottom: 1px solid #E1E1E1;
	padding: 4px 12px 4px 15px;
        height: 36px;
}
#center .produkty-usetrit td {
	border: 0;
	border-bottom: 1px solid #E1E1E1;
	padding: 4px 10px 4px 10px;
	vertical-align: top;
        text-align:center;
        width: 130px;
}
#center th.silver, #center td.silver {
	padding: 8px 12px 8px 12px;
	font-weight: bold;
}
*/

#center table { /* tabulky */
	margin-bottom: 15px;
	width: 100%;
        border-top: 2px solid #B5B4B4;
	border-bottom: 1px solid #B5B4B4;	
	color: #333;
	text-align: left;
}
#center th {
	border: 0;
	border-bottom: 1px solid #B5B4B4;
	padding: 9px 12px 9px 12px;
}
#center td {
	border: 0;
	border-bottom: 1px solid #B5B4B4;
	padding: 4px 12px 4px 12px;
}
#center .produkty-usetrit td {
	border: 0;
	border-bottom: 1px solid #B5B4B4;
	padding: 4px 10px 4px 10px;
	vertical-align: top;
        text-align:center;
        width: 130px;
}
#center th.silver, #center td.silver {
	padding: 8px 12px 8px 12px;
	font-weight: bold;
	color: #999;
	border-top: 1px solid #B5B4B4;
}

/* mpc - pokusne styly */
#center th.gray1{
	background-color: #E8E8E8;
}

#center th.gray2{
	background-color: #F7F7F7;
}

#center table.test-table{
	border-collapse: collapse;
}

#center table.test-table th,
#center table.test-table td
{
	border: 1px solid #b5b4b4;
}

#center table.test-table th
{
	border-top: 2px solid #b5b4b4;
	border-bottom: 2px solid #b5b4b4;
}

/* END - mpc pokusne styly */

#center td.firstTD {
	font-weight: bold;
	padding-right: 30px;
}

#center img.fLeft {
	float: left;
	margin: 0 20px 15px 0;
}

#center img.fRight {
	float: right;
	margin: 0 0 15px 20px;
}

#center table.no-border,
#center table.no-border th,
#center table.no-border td{
	border: none !important;
}


/*
TiskovÄ‚â€žÄąÄ…Ă„Ä…Ă„ËťÄ‚â€ąÄąÄ„ zprÄ‚â€žÄąÄ…Ă„Ä…Ă„ËťÄ‚â€ąÄąÄ„vy
*/
#filtr { /* filtr tiskovych zprav */
	margin-bottom: 18px;
}
#filtr select {
	margin-right: 7px;
}
#filtr #f-zpravy {
	width: 220px;
}

#center .zpravy strong {
	color: #333;
/*	padding-left: 19px; */
}
#center .zpravy h2 {
}
#center .zpravy p {
	margin-bottom: 22px;
/*	padding-left: 19px; */
}
#center .codelat h2 {
	font-size: 16px;
}


/* ----START ---- NOVE STYLY PRO KALKULACKY */
input.strankovani {
	padding: 10px 3px 10px 3px;
   /*    _padding: 10px 0px 10px 0px;*/
	color: #333;
	font-weight: bold;
	text-align: center;
}

.strankovani input.prev:hover {
	border: 1px solid #F24F00;
	color: #F24F00;
}
.strankovani input.next:hover {
	border: 1px solid #F24F00;
	color: #F24F00;
}
span.noact_prev:hover {
	border: 1px solid #F24F00;
	color: #F24F00;
}
/*span.noact:hover {
	border: 1px solid #F24F00;
	color: #F24F00;
}*/
.strankovani input:hover {
	border: 1px solid #F24F00;
	color: #F24F00;
}
* html .strankovani input.prev, * html .strankovani input.next {margin-top: 3px;}

.strankovani input.prev {
	display: block;
	height: auto;
	float: left;
	font-weight: bold;
	padding: 3px 8px 3px 22px;
	_padding: 3px 0px 3px 10px;
	margin: 0px auto;
	border: 1px solid #DBDBDB;
	background: url(../img/page/strankovani-prev.gif) no-repeat 10% 50%;
}
.strankovani input.next {
	float: right;
	display: block;
	height: auto;
	margin: 0px auto;
	font-weight: bold;
	margin-top: -3px;
	padding: 3px 45px 3px 8px;
	_padding: 3px 35px 3px 0px;
	border: 1px solid #DBDBDB;
	background: url(../img/page/strankovani-next.gif) no-repeat 90% 50%;
}
/* ---- END ---- NOVE STYLY PRO KaLKULACKY



/* Strankovani */
.strankovani {
	padding: 10px 5px 10px 5px;
	color: #333;
	font-weight: bold;
	text-align: center;
}
.strankovani a, .strankovani .act, .strankovani .noact_prev {
	display: inline;
	padding: 4px 7px 4px 7px;
	_padding:4px 7px 4px 7px;
	margin-right: 4px;
	margin-left:0px;
	margin-bottom: 3px;
	border: 1px solid #DBDBDB;
	color: #333;
	text-decoration: none;
	vertical-align: middle;
}
* html .strankovani .nrCenter a, * html .strankovani .act {
	height: 19px;
}

.strankovani span.pagination-separator {
	color: black;
	padding: 0 7px 0 0;
	margin: 0px auto;
}

.strankovani .noact, .strankovani .noact_prev {
	display: inline;
	color:  #DBDBDB;
	padding: 4px 6px 4px 6px;	
	margin-right:3px;
	margin-bottom:3px;
	border: 1px solid #DBDBDB;
	text-decoration: none;
	vertical-align: middle;	
}
.strankovani .noact_prev {
	display: inline;
	color: Black;
	padding: 4px 6px 4px 6px;	
	margin-right:6px;
	margin-bottom:3px;
	border: 1px solid #DBDBDB;
	text-decoration: none;
	vertical-align: middle;	
}
.strankovani .act {
	background-color: #F24F00;
	border: 1px solid #F24F00;
	color: #fff;
	margin-top: 3px;
	_margin-top: 0px;
}
.strankovani a:hover {
	border: 1px solid #F24F00;
	color: #F24F00;
}
.strankovani .prev, .strankovani .next {
	display: block;
	height: auto;
	float: left;
	padding: 4px 10px 4px 24px;
	margin: 0;
	margin-top: -3px;
	border: 1px solid #DBDBDB;
	background: url(../img/page/strankovani-prev.gif) no-repeat 10% 50%;
}
* html .strankovani .prev, * html .strankovani .next {
	margin-top: 3px;
}
.strankovani span.prev,.strankovani span.next {
	text-decoration: none;
	color: #999;
	background-image: url(../img/page/strankovani-prev-noactive.gif)
}
.strankovani span.next {
	background-image: url(../img/page/strankovani-next-noactive.gif)
}

.strankovani .next {
	float: right;
	padding-left: 10px;
	padding-right: 28px;
	background: url(../img/page/strankovani-next.gif) no-repeat 95% 50%;
}

.strankovani .nrCenter {
	float: left;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 490px;
	_width: 490px;	
	margin-left: -5px;
	_margin-left: 5px;	
	margin-bottom: 1px;
}
* html .strankovani .nrCenter {
	padding-top: 2px;
	margin-bottom: -2px;
}


/*
Aktuality
*/
.aktuality img {
	float: left;
	margin-bottom: 22px;
	margin-right: 20px;
}
.aktuality div {
	float: left;
	width: 560px;
	margin: 0 0 22px 0px;
}
#center .aktuality h2 {
	background: none;
	padding: 0;
	margin-top: 0;
	margin-bottom: 8px;
}
#center .aktuality p {
	margin: 0;
}

/* Boxy s odkazy */
.square {
	float: left;
	width: 293px;
	*width: 325px;
	padding: 15px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #E8E8E8;
	*height: 200px;
	min-height: 155px;
}
* html .square {
/*	height: 170px; */
}
#center .nom { /* reset marginu */
	margin-right: 0 !important;
}
#center .square h2 {
	padding: 0;
	margin: 0 0 9px 0;
	background: none;
}
#center .square h2 a {
	color: #333;
}
#center .square h2 a:hover {
	color: #F24F00;
}
.square .sipka-link {
	font-weight: bold;
}
.square ul {
	margin-top: 16px;
}

/*
PravÄ‚â€žÄąÄ…Ă„Ä…Ă„ËťÄ‚â€ąÄąÄ„ boxy
*/

/* cena akcii */
.akcie li {
 width: 100%;
}

.akcie li a {
 margin: 0;
}



/*
Produkty
*/

/* Ä‚â€žÄąÄ…Ă„Ä…Ă„ËťÄ‚â€ąÄąÄ„edÄ‚â€žÄąÄ…Ă„Ä…Ă„ËťÄ‚â€ąÄąÄ„ "Ä‚â€žÄąÄ…Ă„Ä…Ă„ËťÄ‚â€ąÄąÄ„tvercovÄ‚â€žÄąÄ…Ă„Ä…Ă„ËťÄ‚â€ąÄąÄ„" boxy - 2 na Ä‚â€žÄąÄ…Ă„Ä…Ă„ËťÄ‚â€ąÄąÄ„Ä‚â€žÄąÄ…Ă„Ä…Ă„ËťÄ‚â€ąÄąÄ„dku */
.tiles-gray div.box-gray { 
	position: relative;
	float: left;
	width: 323px;
	height: 200px;
  _height: 200px;	
	max-width: 293px;
	max-height: 135px;
	padding: 15px 15px 15px 15px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #E8E8E8;
	overflow: hidden;
}

.tiles-gray div.box-perex{
	height: 80px;
	overflow: hidden;
}
.tiles-gray div.box-gray2 { 
	position: relative;
	float: left;
	width: 323px;
	height: 200px;
  _height: 220px;	
	max-width: 293px;
	max-height: 155px;
	padding: 15px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #E8E8E8;
	padding-bottom: 45px;
	overflow: hidden;
}

.tiles-gray div.box-perex2{
	height: 110px;
	overflow: hidden;
}

#center .tiles-gray div.box-title{
	width: 308px;
	max-width: 323px;
	padding: 12px 15px 14px 0px;
	margin: -15px 0px 10px -15px;
	background: #FDE5D9 url(../img/page/nadpis-sipka.gif) no-repeat 290px center;
}

#center .tiles-gray div h2 {
	width: 290px;
	max-width: 327px;
	background: none;
	margin: 0px 0px 0px 15px;
}

/*
#center .tiles-gray div h2 {
	width: 238px;
	max-width: 208px;
	max-height: 2em;
	padding: 12px 15px 14px 15px;
	margin: -15px 0 10px -15px;
	background: #FDE5D9 url(../img/page/nadpis-sipka.gif) no-repeat 205px center;
	overflow: hidden;
}
*/

#center .tiles-gray p {
	margin-bottom: 0;
}
#center .tiles-gray div ul {
	position: relative;
	margin-top: 12px;
}
.tiles-gray .link-button {
	position: absolute;
	bottom: 15px;
}

/* Ä‚â€žÄąÄ…Ă„Ä…Ă„ËťÄ‚â€ąÄąÄ„edÄ‚â€žÄąÄ…Ă„Ä…Ă„ËťÄ‚â€ąÄąÄ„ "Ä‚â€žÄąÄ…Ă„Ä…Ă„ËťÄ‚â€ąÄąÄ„irokÄ‚â€žÄąÄ…Ă„Ä…Ă„ËťÄ‚â€ąÄąÄ„" boxy - 1 na Ä‚â€žÄąÄ…Ă„Ä…Ă„ËťÄ‚â€ąÄąÄ„Ä‚â€žÄąÄ…Ă„Ä…Ă„ËťÄ‚â€ąÄąÄ„dku */
.tiles-gray-wide div.box-gray { 
	position: relative;
	float: left;
	width: 487px;
	max-width: 457px;
	height: 180px;
	max-height: 115px;
	padding: 15px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #E8E8E8;
	padding-bottom: 45px;
	overflow: hidden;
}

.tiles-gray-wide div.box-perex{
	max-height: 60px;
	overflow: hidden;	background: cyan;
}

#center .tiles-gray-wide div.box-title{
	width: 487px;
	max-width: 457px;
	padding: 12px 15px 14px 15px;
	margin: -15px 0 10px -15px;
	background: #FDE5D9 url(../img/page/nadpis-sipka.gif) no-repeat 460px center;
}

#center .tiles-gray-wide div h2 {
	width: 450px;
	max-width: 430px;
	background: none;
	margin: 0 0 0 -15px;
/*
	max-height: 2em;	
	padding: 12px 15px 14px 15px;
	margin: -15px 0 10px -15px;
	background: #FDE5D9 url(../img/page/nadpis-sipka.gif) no-repeat 460px center;
	overflow: hidden;
*/
}

#center .tiles-gray-wide p {
	margin-bottom: 0;
}
#center .tiles-gray-wide div ul {
	position: relative;
	margin-top: 12px;
}
.tiles-gray-wide .link-button {
	position: absolute;
	bottom: 15px;
}

/* bile boxy - 2 na radku */
.box-white {
	float: left;
	width: 323px;
	max-width: 293px;
	padding: 15px;
	/*min-height: 135px;*/
	height: 135px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #E8E8E8;
}
* html .box-white {
	height: 170px;
}

#center .nom { /* reset marginu */
	margin-right: 0 !important;
}
#center .box-white h2 {
	padding: 0px 0 0 0px;
	margin: 0px 0 9px 0px;
	background: none;
        font-size: 16px;
}
#center .box-white h2 a {
	color: #F24F00;
}
#center .box-white h2 a:hover {
	color: #333;
}
.box-white .sipka-link {
	font-weight: bold;
}
.box-white ul {
	margin-top: 16px;
}
/* prirazeny perex k aktualnimu stylu dlazdice */
.box-perex{
	height: 80px;
	overflow: hidden;
}

/*****************************************************************/
/*
Mapa stranek
*/
.mapa #center { /* rozsireni centralniho boxu */
/*	width: 945px;
	max-width: 939px;
*/
	width: 950px;
	max-width: 950px;
}
* html .mapa #center {
	width: 950px;
}
.mapa #c-bottom { /* rozsireni stinu */
	width: 976px;
}
.mapa #center h1 { /* rozsireni nadpisu stranky */
	width: 970px;
	max-width: 830px;
}
.mapa #obsah { /* rozsireni bloku pro obsah */
	width: 902px;
}

.mapa #center h2 { /* nadpisy sloupcu */
	font-size: 190%;
	font-weight: normal;
	padding: 0;
	margin: 0;
	background: none;
}
.mapa #center h2 a {
	color: #333;
}
.mapa #center h2 a:hover {
	color: #F24F00;
}

.mapa #obsah div { /* sloupce s vypisy stranek */
	float: left;
	width: 220px;
	margin: 0;
	margin-right: 20px;
}

/* Odrazky v mape */
body .mapa #center ul {
	margin-left: 0;
	background: url(../img/page/mapa-3line.gif) repeat-y 4px 0;
}
.mapa #center ul li {
	margin-top: 17px;
	margin-bottom: 6px;
	padding-left: 20px;
	background: url(../img/li-3.gif) no-repeat 0 2px;
	font-size: 120%;
	font-weight: bold;
}
.mapa #center ul ul {
	margin: 9px 0 10px 0;
	background: url(../img/page/mapa-2line.gif) repeat-y 4px 0;
}
.mapa #center ul li li {
	font-size: 85%;
	margin-top: 0;
	margin-bottom: 4px;
}
.mapa #center ul li li strong {
	font-weight: normal;
}
.mapa #center ul ul ul {
	background: url(../img/page/mapa-1line.gif) repeat-y 2px 0;
}
.mapa #center ul li li li {
	font-size: 100%;
	font-weight: normal;
	padding-left: 15px;
	background: url(../img/page/menu-odrazka-activ.gif) no-repeat 0 5px;
}
.mapa #center ul li li li li {
	background-image: url(../img/page/menu-odrazka3.gif);
}


/*****************************************************************/
/*
Obsah "siroke" stranky, tj. pokud neni zobrazeno leve menu
*/
.widecontent #center { /* rozsireni centralniho boxu */
	width: 948px;
	max-width: 948px;
}
* html .widecontent #center {
	width: 950px;
}
.widecontent #c-bottom { /* rozsireni stinu */
	width: 965px;
}
.widecontent #center h1 { /* rozsireni nadpisu stranky */
	max-width: 828px;
	width: 828px;
	*width: 948px;
}
.widecontent #obsah { /* rozsireni bloku pro obsah */
	width: 910px;
}

.widecontent h2 { /* nadpisy */
	font-size: 130%;
	color: #333;
	margin-bottom: 12px;
	padding-left: 18px;
	background: url(../img/li-3.gif) no-repeat left center;
}
.widecontent h3 {
	font-size: 110%;
	color: #000;
	margin-top: 16px;
	margin-bottom: 7px;
}

.widecontent .box h3 {
	font-size: 110%;
	color: #000;
	margin-top: 0;
	margin-bottom: 7px;
}



.widecontent h4 {
	font-size: 100%;
	color: gray;
	margin-top: 16px;
	margin-bottom: 7px;
}


/*
Vyhledavani
*/
/* Parametry vyhledavani */
#center .vyhledavani table td {
	padding: 5px;
	border: 0;
}
#center .vyhledavani table .roz td {
	border-bottom: 1px solid #E8E8E8;
	background-color: #F5F5F5;
}
#center .vyhledavani table .nob td {
	border: 0;
}
#center .vyhledavani table input, #center .vyhledavani table select {
	width: 200px;
	float: right;
}
#center .vyhledavani form p {	
	margin: 0;
	margin-top: 4px;
}
#center .vyhledavani form #zobrazeno {	
	padding: 10px 0 25px 0;
	border: 0;
}
#center .vyhledavani #kde-hledat label {
	padding-right: 10px;
}
#center .vyhledavani #kde-hledat td {
	padding-right: 0;
}
#center .vyhledavani #kde-hledat input {
	float: none;
	width: auto;
	margin: -1px 2px 0 0;
}
#center .vyhledavani #kde-hledat select {
	float: none;
}
* html #center .vyhledavani #kde-hledat select {
	margin-left: 5px;
}

/* Vysledky hledani */
#center p#nalezeno { /* bylo nalezeno XXX vysledku */
	position: relative;
	padding: 0 19px 13px 19px;
	margin: 0;
	line-height: 175%;
	border-bottom: 1px solid #E8E8E8;
}
* html #center p#nalezeno {
	width: 100%;
}
* html #center .vysledky {
	margin-top: 0;
}
#center p#nalezeno a { /* upresnit hledani */
	position: absolute;
	right: 19px;
	top: 0;
	color: #F24F00;
	padding-right: 20px;
	background: url(../img/li-2.gif) no-repeat right center;
}
#center p#nalezeno a:hover {
	color: #000;
}
#center .vyhledavani h2 {
	background: none;
	padding-left: 0;
	color: #666;
}
#center .vyhledavani h2 a {
	font-weight: normal;
}
#center .vyhledavani h2 span { /* info o typu odkazu - DOC atd */
	font-weight: normal;
	position: relative;
	display: inline;
}
#center .vyhledavani strong { /* zvyrazneni hledanych slov v textu */
	color: #000;
}
#center .vyhledavani a strong {
	color: #F24F00;
}
* html #center .vyhledavani strong {
	font-size: 95%;
}
#center .vyhledavani a:hover strong {
	color: #000;
}
#center #zobrazeno { /* zobrazit XXX vysledku na stranku */
	padding: 13px 19px 13px 19px;
	margin: 0;
	line-height: 175%;
	border-top: 1px solid #E8E8E8;
}
#center #zobrazeno select, #center #zobrazeno input {
	margin: 0 5px 0 5px;
}
#center .vyhledavani .strankovani {
	margin-top: 25px;
}
.vysledky span.size {
    font-size: 75%;
}
/* keywords result begin */
#center .vyhledavani h2 {
  font-weight: normal;
  margin: 15px 0 5px 0;
}
.vyhledavani .breadcrumbs {
  font-size: 11px;
  margin: 0 0 7px 0 !important;
}
.vyhledavani .breadcrumbs a {
  color: #AFAFAF;
  text-decoration: none;
}
.vyhledavani .breadcrumbs a:hover {
  text-decoration: underline;
}
.keywords-result {
  background: #F7F7F7;
  padding: 0 15px 0 15px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #DEDDDD;
}
.vyhledavani p {
  margin: 0 0 10px 0 !important;
}
/* keywords result end */
/* Vyhledavaci box v levem sloupci */
#left form {	
	color: #000;
	width: 240px;
	padding: 10px;
	max-width: 220px;
	background: #DBDADA url(../img/page/menu-level2-bg.gif) repeat-y left top;
}
#left label {
	display: block;
}
#left input, #left select {
	width: 100%;
	margin: 3px 0 8px 0;
}
#left .button, #left .checkbox {
	width: auto;
}
#left .button {
	margin-top: 15px;
	margin-bottom: 0;
}
#left .checkbox {	
	margin: 0 4px 0 0;
	background-image: none;
}
* html #left .checkbox {
	background: none;
}
#left form p label {	
	display: inline;;
}

/*
Formulare
*/
#center .formular {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 8px solid #F6F6F6;
	background-color: #F6F6F6;
}
#center .formular h4, #center .formular1 h4 {
	padding: 12px;
	color: #fff;
	font-size: 120%;
	background: #A3A3A3 url(../img/page/menu-level1-bg.gif) repeat-y left top;
	margin: 0;
}
#center .formular fieldset, #center .formular1 fieldset {
	border: 0;
}
#center. formular1 fieldset {
        min-height: 135px;
        _height: 135px;
}
#center .formular legend, #center .formular1 legend {	
	display: block;
	font-size: 120%;
	font-weight: bold;
	color: #000;
	border-top: 22px solid #F6F6F6;
	border-bottom: 10px solid #F6F6F6;
	padding: 0px 0px 0px 22px;
/*	padding-left: 0px; */
	background: url(../img/li-2.gif) no-repeat 0 1px;
}
#center .formular1 legend{
        min-height: 32px !important;
        _height: 32px !important;
}

#center .formular table, #center .formular1 table {
	width: 100%;
	border: 5px solid #FBFBFB;
	padding: 0;
	margin: 0;
	background-color: #FBFBFB;
}
#center .formular th, #center .formular td, #center .formular1 th, #center .formular1 td {
	background-color: #FBFBFB;
        color:#333333;
	border: 0;
}
#center .formular td {
	padding: 5px 8px 5px 8px;
}
#center .checkbox-sm td {
        width: 190px !important;
        float: left;
}
#center .formular th {
	font-size: 110%;
	width: 125px;
	font-weight: normal;
	vertical-align: top;
}

/* oznaceni povinnych udaju
#center .formular th span { 
	color: #F24F00;
}
#center .formular td span {
	color: #F24F00;
}
*/

#center .formular input, #center .formular select {
	width: 200px;
	float: left;
        margin-right: 5px;
}
#center .formular2 input, #center .formular2 select {
	width: 50px;
	float: left;
}
#center .formular input.checkbox input.radio {
	width: auto;
	height: auto;
	margin: 0;
	margin-right: 8px;
	padding: 0;
	vertical-align: middle;
}
* html #center .formular input.checkbox input.radio {
	background: none;
	border: 0;
}
#center .formular input.radio {	
	width: auto;
	border: 0;
	margin-left: 0;
	margin-right: 5px;
	background: none;
}
#center .pruvodce input.radio {
	width: 20px;
	border: 0;
	margin-left: 0;
	margin-right: 5px;
	background: none;
}
#center .formular textarea {
	width: 92%;
	height: 60px;
	float: left;
}
#center .formular table h5 {
	font-size: 110%;
	padding: 0;
	margin-top: 14px;
	margin-bottom: 2px;
}
#center .formular .help-info, #center .formular .help-infow { /* symbol pro napovedu */	
	position: relative;
	float: left;
	display: block;
	width: 15px;
	height: 15px;
	margin-left: 6px;
	margin-top: 2px;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	overflow: hidden;
}
#center .formular .help-info span {
	background: url(../img/page/ico-help.gif) no-repeat left center;
}
#center .formular .help-infow span {
	background: url(../img/page/ico-help-w.gif) no-repeat left center;
}
#center .formular .note { /* poznamka o povinnych polozkach */
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 110%;
	color: #F24F00;
}
#center .formular .note em {
	font-style: normal;
}
#center .formular1 .note em {
	font-style: normal;
        color: #F24F00;
}
#center .formular .button {
	margin-top: 15px;
	width: auto;
	float: none;
}

/*#center .formular strong.spatne { 
	color: #FB000D;
}*/
#center .formular label.spatne, #left label.spatne { /* spatne vyplnena povinna pole */
	color: #FB000D;
	font-weight: bold;
}

#center .formular input.spatne, #center .formular select.spatne, #center .formular textarea.spatne, #left input.spatne { /* spatne vyplnene inputy, selecty apod */
	border: 1px solid #FB000D;
}
#center .formular span.spatneText {
	float: left; color:#FB000D;
}
#center .formular input.radio {
	border: 0;
}
#center .formular .messageBox {
	margin-top: 10px !important;
}

/*
Elektronicky pruvodce - wizzard
*/
#center .pruvodce {
	border: 8px solid #FEF9F7;
	background-color: #FEF9F7;
        margin: 19px;
        width: 644px;
        *width: 660px;
}
.radio1 {
	width: 10px !important;
	text-align: left;
	/* border: 1px solid red !important; */
        border: none !important;
}
#center .pruvodce h4, #center .pruvodce1 h4 {
	color: #F24F00;
	background-color: #FDE5D9;
	background-image: none;
	position: relative;
}
#center .pruvodce table {
	border: 5px solid #fff;
	background-color: #fff;
}
#center .pruvodce th, #center .pruvodce td {
	background-color: #fff;
}
.pruvodce p, .pruvodce1 p {
	margin: 15px 0 10px 0;
	position: relative;
}
#center .pruvodce td p {
	margin: 0 0 0 25px;
}
#center .pruvodce1 td p {
	margin: 0 0 10px 0;
}

#center .pruvodce .right {
    float: right;
    margin-right: 5px;	
}

.pruvodce label {
/*
	font-weight: bold;
	color: #F24F00;
*/
    min-width: 160px;
}

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


#center .pruvodce legend {	
	border-top: 5px solid #FEF9F7;
	border-color: #FEF9F7;
}

.popis-y {
	margin-top: 5px;
	margin-left: 10px;
	text-indent: 45px;
}

#center .pruvodce label.spatne { /* spatne vyplnena povinna pole */
	color: #FB000D;
	font-weight: bold;
}

#center .pruvodce input.spatne, #center .pruvodce select.spatne { /* spatne vyplnene inputy, selecty apod */
	border: 1px solid #FB000D;
}

#center .pruvodce input.disabled { /* spatne vyplnene inputy, selecty apod */
	background-color: #dddddd;
    _height: 21px;
}

#center .pruvodce span.spatneText {
	float: left; color:#FB000D;
}

.pruvodce div.price-selector input {
    border: none !important;
    background-image: none;
    background-color:#FEF9F7;
    border-color: white;
    margin-left: 20px;
    margin-top: 1px;
}

#center #optimalni-tarif-1 label {
    padding-right: 12px;
}

#center .vyber-optim-tarifu strong {
    position: relative;
}

#center .vyber-optim-tarifu legend  {
	border-top: 15px solid #FEF9F7;
	border-color: #FEF9F7;
}

#center .vyber-optim-tarifu td {
    max-width: 140px;
}

#center .vyber-optim-tarifu select {
    margin-left: 0px;
}

#center .vyber-optim-tarifu td.radio input, td.checkbox input, table.checkbox td input {
    height: auto;
    border: 0px;
    background-image: none;
    margin-right: 10px;
    margin-left: 0px;
    _margin-right: 0px;
}

#center .vyber-optim-tarifu table.checkbox td {
    margin: 0;
	padding: 0;
}

#center .vyber-optim-tarifu table.checkbox td input {
    height: auto;
	border: 0;
	background-image: none;
    margin-left: 17px;
    _margin-left: 13px;
}

#center .vyber-optim-tarifu .text60 {
    width: 60px;
}

#center .optimalni-tarif td {
    width: 120px; 
}

#center #opt-tarif-2 input {
    margin-bottom: 5px;
    margin-top: 5px;
}

#center #opt-tarif-51 input {
    margin: 3px 5px 3px 1px;
}

#center #opt-tarif-52 {
    border: 0px;
}

#center #opt-tarif-52 td {
    padding-left: 0px;
}

#center #opt-tarif-52 td input {
    margin-left: 0px;
    width: 20px;
    background: none;
    border: 0px;
}

#center table#opt-tarif-appliances {
    border: none !important;
    margin: 0;
}

#center #opt-tarif-appliances td {
    padding-left: 0px;
}

#center #opt-tarif-appliances input {
    background: none;

    border: 0;
}

#center #opt-tarif-1 {
    display: block;
}

#center #opt-tarif-1 input {
    width: 12px;
    float: left;
}

#center #opt-tarif-1 label {
    display: block;
    margin-left: 23px; 
    padding-top: 2px;
    width: 410px;
}

#center .vyber-optim-tarifu table.opt-tarif-vysledek th {
    width: 120px;
}

#center .vyber-optim-tarifu td.opt-tarif-vysledek {
    font-weight: bold;
    color:#F24F00;
}

#center .pruvodce .note {
	position: relative;
	font-size: 100%;
}

#center #pruvodce_koeficient select {
    width: 130px;
}

.pruvodce a.otaznik{
	text-decoration: none;
	color: white !important;
	background-color: #f24f00;
	padding: 0 3px 0 3px;
}

.otaznik {
	text-decoration: none;
	color: white !important;
	background-color: #f24f00;
	padding: 0 3px 0 3px;
        cursor:help;
}

.otaznik-jq {
	text-decoration: none;
	color: white !important;
	background-color: #f24f00;
	padding: 0 3px 0 3px;
        cursor:help;
        float: left;
        margin-right: 5px;
}

.otaznik-full {
    background-color:#F24F00;
    color:white;
    padding:0 3px;
    text-decoration:none;
}

.pruvodce .strankovani, .pruvodce1 .strankovani { /* krokovani v pruvodci - zmeny oproti strankovani */
	padding-bottom: 0;
}
* html .pruvodce .strankovani, * html .pruvodce1 .strankovani {
	margin-bottom: -7px;
}
.pruvodce .strankovani a, .pruvodce1 .strankovani a, .pruvodce .strankovani input {
	background-color: #fff;
}
.pruvodce .strankovani .prev {
	padding-left: 58px;
}
.pruvodce .strankovani .next {
	padding-right: 26px;
}

#center .pruvodce .strankovani input {
  width: 125px;
}

.pruvodce .strankovani .nrCenter {
	width: 400px;
	*width: 370px;
	margin-left: 13px;
	_margin-top: -2px;
	margin-top: 1px;
}


/*
Stranka s prehledem vsech boxu do praveho sloupce - nepotrebne pro chod webu
*/
.sloupce #right {
	right: 0;
	margin-right: 30px;
	float: left;
}

/* Chybove hlasky */
/* ------------------------------ ZPRAVY ------------------------------- */
body .messageBox {	
	float: none !important;
	position: relative !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid #BCBCBC !important;
	background-color: #fff !important;
}
body .messageBox p {	
	float: none !important;
	display: block !important;
	position: relative !important;
	width: auto !important;
	margin: 0 !important;
	padding: 17px 15px 17px 68px !important;
	border: 3px solid #fff !important;
	color: #333 !important;
	background-color: #DCDCDC !important;
	background-position: left center !important;
	background-repeat: no-repeat !important;
}
p.help-text {
	padding: 10px 15px 17px 68px !important;
	margin: 0 !important;
}
.messageBox .alert {
	background-image: url(../img/hlaska-alert.gif) !important;
}
.messageBox .info {
	background-image: url(../img/hlaska-info.gif) !important;
}
.messageBox .stop {
	background-image: url(../img/hlaska-stop.gif) !important;
}
.messageBox .quest {
	background-image: url(../img/hlaska-quest.gif) !important;
}
/* mala varianta hlasek */
body .miniMes p {
	padding: 14px 12px 14px 45px !important;
}
.miniMes .alert {
	background-image: url(../img/hlaska-alert_small.gif) !important;
}
.miniMes .info {
	background-image: url(../img/hlaska-info_small.gif) !important;
}
.miniMes .stop {
	background-image: url(../img/hlaska-stop_small.gif) !important;
}
.miniMes .quest {
	background-image: url(../img/hlaska-quest_small.gif) !important;
}

/* novÄ‚â€žÄąÄ…Ă„Ä…Ă„ËťÄ‚â€ąÄąÄ„ styly pro mozillu */
/*
.obal {
	display: table;
	width: 150px;
.fotoPopis {
	padding: 10px !important;
	background: #E6E6E7;
	display: table-caption;
	caption-side:bottom;
	margin-top: -15px;
}*/

/* novÄ‚â€žÄąÄ…Ă„Ä…Ă„ËťÄ‚â€ąÄąÄ„ styly jednotne pro IE, Mozillu, ...*/
.foto-blok {
	padding: 10px !important;
	width: 220px;
	float: left;
	text-align: center;
}

.foto-popis {
	padding: 10px !important;
	background: #E6E6E7;
	margin-top: -15px;
	text-align: left;
	padding-right: 10px;
}
/* END OF - novÄ‚â€žÄąÄ…Ă„Ä…Ă„ËťÄ‚â€ąÄąÄ„ styly jednotnÄ‚â€žÄąÄ…Ă„Ä…Ă„ËťÄ‚â€ąÄąÄ„ pro IE, Mozillu, ...*/

/* START OF - novÄ‚â€žÄąÄ…Ă„Ä…Ă„ËťÄ‚â€ąÄąÄ„ styly pro ENERGETICKY SLOVNIK ...*/
.abeceda {
	text-align:center;
	padding-bottom: 10px;
	font-size: 12px;
}
.box-dictionary {
	background: url(../img/li-3.gif) no-repeat top left;
	_background: url(../img/li-3.gif) no-repeat 4px left;
	text-indent: 15px;
	width: 490px;
	line-height: 10px;
	margin:0px 0px 10px 15px;
	/*padding-bottom:5px;*/
}
#box-dictionary_first {
	background: url(../img/li-3.gif) no-repeat left;
	text-indent: 15px;
	padding-top: 7px;
	margin:0px 0px 0px 15px;
}

.onTop-dictionary {
	/* odkaz pro navrat na zacatek stranky */
	color: #000;
	background: #E6E6E7 url(../img/page/skip-top.gif) no-repeat 8px center;
	margin-left: 595px;
	padding: 5px 10px 7px 22px;
	display: block;
	width: 40px;
	*width: 70px;
}

a.onTop-dictionary:link {
	color: #000;;
}
a.onTop-dictionary:hover {
	color: #F24F00;
	background-position: 8px 4px;
}

.onTop-dictionary2 { /* odkaz pro navrat na zacatek stranky */
	display: block;
	position: absolute;
	right: -1px;
	bottom: 20px;
	color: #000;
	padding: 5px 10px 7px 22px;
	background: #E6E6E7 url(../img/page/skip-top.gif) no-repeat 8px center;
}
/* END OF - novÄ‚â€žÄąÄ…Ă„Ä…Ă„ËťÄ‚â€ąÄąÄ„ styly pro ENERGETICKY SLOVNIK ...*/

/* START OF - novÄ‚â€žÄąÄ…Ă„Ä…Ă„ËťÄ‚â€ąÄąÄ„ styly pro FOTOGALERII ...*/
.box-foto-folder-wrap {
	float:left;
	display: block;
	width: 152px;
	height: 175px;
	max-height: 175px;
	background: #EDEDED;	
	margin-right: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}

.box-foto-item-wrap {
	float:left;
	display: block;
	width: 152px;
	height: 175px;
	max-height: 175px;
	background: #EDEDED;	
	margin-right: 10px;
	margin-bottom: 10px;
	overflow: hidden;
        text-align: center;
}

.box-foto-item-wrap img{
	margin-top: 10px;
}

.box-foto-title {
	height: 30px; 
	width: 137px;
	margin-top: 5px;
	margin-left: 10px;
}
.box-foto-title a{
     background: url(../img/page/menu-plus-white.gif) no-repeat 0 3px;
     padding-left: 15px;
}

/* tento div se jiz nepouziva v t_list_gallery.html, je zbytecny, pokud se tato trida pouziva jeste v jine sablone, je nutne toto odkomentovat, nebo to i v ni predelat na lepsi reseni
.box-foto-plus {
	position: absolute;
	background: url(../img/page/menu-plus-white.gif) no-repeat bottom left;
	height: 9px;
	width: 9px;
	margin-left: 10px;
	margin-top: 120px;
}
*/

.box-foto {
	/* pro foto*/
	padding-top: 2px;
	
	vertical-align: middle;
	margin: 0px auto;
	overflow: hidden;
	text-align: center;
}
.box-foto-border {
	border: 1px solid #737372;
}

.page-gallery .box-foto-item-wrap {
	height: auto;
	padding: 0 0 8px 0;
}

/* END OF - novÄ‚â€žÄąÄ…Ă„Ä…Ă„ËťÄ‚â€ąÄąÄ„ styly pro FOTOGALERII ...*/
/* ---------------------------- konec ZPRAV ------------------------------- */

/* START OF Kalkulator Navrh proudove hodnoty jistice */
.th {
	font-size: 90%;
}
.th TH {
	font-weight: bold !important;
	vertical-align: bottom !important;
}
.th TH.th190 {
	width:190px !important;
	margin-left: 50px;
}
.th TH.th160 {
	width:160px !important;
}
.th TH.th150 {
	width:150px !important;
}
.th TH.th130 {
	width:140px !important;
}
.optionlist td.text160 {
	width:160px !important;
	height: 20px !important;
	display: block;
}
.optionlist td.text150 {
	width:150px !important;
}
.optionlist td.text130 {
	width:130px !important;
}
.optionlist td.text30 {
	width:30px !important;
}
#center .optionlist h2 {
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0px auto;
	_padding-left:20px;
	width: 200px;
}
.text30 {
	width: 30px !important;
}
.text100 {
	width: 100px !important;
}
.text80 {
	width: 80px !important;
}
#center .formular .text60 {
	width: 60px !important;
	float: none;
}
.optionlist label {
	color: #000;
	font-weight: normal;
}
.optionlist label.text {
	padding: 0px;
	padding-right: 1px;
	padding-top: 3px;
	height: 15px;
}
.padding20 {
	padding-left: 20px;
	_padding-left: 0px;
}
#steperror .messageBox {
	margin-top: 10px !important;
}
/* END OF Kalkulator Navrh proudove hodnoty jistice */

#center .az h2 {
	color: #333;
	margin-top: 10px;
	margin-bottom: -10px;
}
#center .az div {
	color: #333;
	margin-left: 20px;
	margin-bottom: 4px;

}
#center .az a:link {
	color: #333;
	text-decoration: none;
}
#center .az a:visited {
	color: #333;
	text-decoration: none;
}
#center .az a:hover {
	color: #F24F00;
	text-decoration: underline;
}

/* ------------------- Zacatek - Neverejne zakazky ---------------------- */

.orders{
	margin-left: 0px;
	margin: 0px auto;
	padding: 0px auto;
	width: 490px;
}
#orders-name, #orders-since, #orders-until, #orders-documentation {
	text-align: left;
	position: absolute;
	font-weight: bold;
	margin-top: 20px;
} 
#orders-name1, #orders-since1, #orders-until1, #orders-documentation1 {
	margin-top: 10px;
	_margin-top: 0px;
	position: absolute;
	text-align: left;	
}
#orders-name, #orders-name1 {
	width: 160px;
	margin-left: 10px;
}
#orders-since, #orders-since1 {
	margin-left: 180px;
	width: 60px;
}
#orders-until, #orders-until1 {
	margin-left: 260px;
	width: 60px;
}
#orders-documentation, #orders-documentation1 {
	margin-left: 340px;
	width: 140px;
}
.orders hr {
	margin-top: 40px;
	_margin-top: 30px;	
	margin-bottom: 0px;
	width: 480px;
}
.orders div {
	float: left;
	width: 490px;
	margin: 0 0 20px 0px;
}
}
.orders div {
	float: left;
	width: 400px;
	margin: 0 0 20px 0px;
}
/* ------------------- Konec - Neverejne zakazky ---------------------- */
.list {
	margin-left: 14px;
	padding-bottom: 20px;
	font-weight: bold;
}
#vykon_banner {
        text-align:center;
}
#je_status_noscript_page th, #je_status_noscript_page td, #je_status_noscript_page table{
	border: 0px;
	padding: 0px auto;
	margin: 0px auto;
}
#je_status_noscript_page table{
	padding-left: 120px;
}
#je_status_noscript_page td{
	padding-left: 0px;
	padding-right: 10px;
	width: 35px;
	_width: auto;
	padding-top: 5px;
	padding-bottom: 5px;
}
#je_status_noscript_page span{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#je_status_noscript_page th{
	width: 220px;
	text-align: center;
	padding-bottom: 0px;
	padding-top: 0px;
}
#je_status_noscript_page hr{
	width: 220px;
	text-align: center;
	padding-bottom: 0px;
	padding-top: 0px;
}

/* END OF JE banner noscript */




/* 2 svisle bloky s odkazy na strÄ‚â€žĂ�?�‚¬ĹˇÄ‚â€ąĂ�?�‚¬Ë‡nce ENERGETICKÄ‚â€žĂ�?�‚¬ĹˇÄ‚Ë��?�€šÂ¬Ă‚Â° RÄ‚â€žĂ�?�‚¬ĹˇĂ„ĹąÄąÄ˝Ă‹ĹĄDCE*/
#bloky2 {	
	position: relative;
	left: -5px;
	width: 750px;
        _margin-top: 290px;	
}
* html #bloky2 {
	height: 100px;
}

#small #bloky2 {	
	float: left;
	position: relative;
	left: -5px;
	width: 534px;
	margin-left: 5px;
}

.blok1 {
	float: left;
	width: 340px;
	max-width: 310px !important; 
	padding: 0px 10px 30px 15px;
	/*_padding: 15px 10px 60px 15px;*/	
	border-right: 5px solid #fff;
        margin-top: -15px;
}

.blok1 span.obr1, .blok1 span.obr2, .blok1 span.obr3, .blok1 span.obr4, .blok1 span.obr5, .blok1 span.obr6 {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 65px;
	height: 65px;
	margin: 0;
}

* html .blok1 span.obr1, * html .blok1 span.obr2, * html.blok1 span.obr3 {
	left: 15px;
}
* html .blok1 span.obr4, * html .blok1 span.obr5, * html .blok1 span.obr6 {
	left: 13px;
}
* html .blok1 span.obr1, * html .blok1 span.obr4 {
	top: 15px;	
}
* html .blok1 span.obr2, * html .blok1 span.obr5 {
	top: 115px;	
}
* html .blok1 span.obr3, * html .blok1 span.obr6 {
	top: 215px;	
}

html .blok1 span.obr1, .blok1 span.obr2, .blok1 span.obr3 {
	left: 15px;	
}
html .blok1 span.obr4, .blok1 span.obr5, .blok1 span.obr6 {
	left: 265px;	
	_left: 15px;
}
html .blok1 span.obr1, .blok1 span.obr4 {
	top: 20px;	
}
html .blok1 span.obr2, .blok1 span.obr5 {
	top: 120px;
}
html .blok1 span.obr3, .blok1 span.obr6 {
	top: 220px;
}

a:link.popis  {
	color: #000;
	text-decoration: underline;
}
a:hover.popis {
	color: #EB4D00;
	text-decoration: none;
}

.posun {
	margin-left: 88px;
	margin-top: 10px;
}
.popis {
	width: 140px;
	margin-left: 88px !important;
	font-weight: bold;
}
#obal1 {
	background : transparent url(../img/obr-12.gif) no-repeat top left;
	_background : transparent url(../img/obr-12.gif) no-repeat 15px left;
	padding-bottom: 2px;
	min-height: 100px;
	_height: 100px;
}
#obal2 {
	background : transparent url(../img/obr-13.gif) no-repeat top left;
	_background : transparent url(../img/obr-13.gif) no-repeat 15px left;
	padding-bottom: 2px;
}
#obal3 {
	background : transparent url(../img/obr-14.gif) no-repeat top left;
	_background : transparent url(../img/obr-14.gif) no-repeat 15px left;
	padding-bottom: 2px;
}
#obal4 {
	background : transparent url(../img/obr-15.gif) no-repeat top left;
	_background : transparent url(../img/obr-15.gif) no-repeat 15px left;
	padding-bottom: 2px;
	min-height: 100px;
	_height: 100px;
}
#obal5 {
	background : transparent url(../img/obr-16.gif) no-repeat top left;
	_background : transparent url(../img/obr-16.gif) no-repeat 15px left;
	padding-bottom: 2px;
}
#obal6 {
	background : transparent url(../img/obr-17.gif) no-repeat top left;
	_background : transparent url(../img/obr-17.gif) no-repeat 15px left;
	padding-bottom: 2px;
}
#obal7 {
       background:transparent url(../img/obr-22.gif) no-repeat scroll left top;
       _background : transparent url(../img/obr-22.gif) no-repeat 15px left;
	padding-bottom: 2px;
}

.nadpis {
	color: #000;
	font-size: 16px;
	text-align: left;
}
.odkaz {
	text-align: center;
	font-size: 11px;	
}
.odkaz a:link {
	color: #000;
	text-decoration: underline;
}
.odkaz a:hover {
	color: #F15A22;
	text-decoration: none;
}
#obal_cely {
	background : url(../img/spotrebice_pozadi.gif) repeat-x left top;
	margin-top: -15px;
}
#obal_moznosti {
	width: 680px;
	height: 240px;
	_height: 190px;
	overflow: scroll;
	margin-left: 15px;
	margin-bottom: 0px;
	scrollbar-track-color: #A5A5A5;
	scrollbar-face-color: #F15A22;
	scrollbar-highlight-color: #F15A22;
	scrollbar-3dlight-color: #F15A22;
	scrollbar-darkshadow-color: #B83C00;
	scrollbar-shadow-color: #F5793D;
	scrollbar-arrow-color: #D1D1D1;
	overflow: -moz-scrollbars-horizontal;
	overflow: "visible";
	overflow-x: auto;
}
#moznosti {
	font-size: 70%;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	color: #666;
	margin-top: -15px;
	_margin-top: 0px;
	padding: 0px;
	vertical-align: top;
	text-align: center;
}
/* Tariff calculator */
#select-customer {
	padding: 10px 0 10px 0;
	height: auto;
	margin-top:-40px;
}
#select-customer span {
	width: 200px;
	height: 10px;
	float: left;
/* padding-bottom: 100px; */
}

#center .span_tarifni input, #center .span_tarifni select {
	_width: 20px;
	_height: 20px;
	border: none !important;
	_margin-top: 34px;
}

.span_tarifni span {
/*	min-height: 80px; */
	padding-bottom: 20px;
}
.span_tarifni input {
/*	min-height: 75px;*/
	margin-bottom: 30px;
	margin-top: 36px;
	padding: 0 0 0 0;


	_position: absolute;
	_margin-bottom: 70px;
	_height: 100px;
	_width: 200px;
}
.format {
	position: absolute;
	_position: relative;
	height: 30px;
	margin:36px 0 0 0px;
	_margin-left: 10px;
        _width: 200px;
}
.span_tarifni2 span {
	margin-top: 27px;
	_margin-top: 50px;
	margin-bottom: 45px;
	float: left;
	_padding-bottom: 20px;
	_margin-left: -210px;
}
.span_tarifni3 span {
	margin-top: -7px;
	float: left;
	_margin-left: -427px;
	_margin-top: 130px;
	_padding-top: -10px;
	_position: fixed;
	_width: 440px;
}
#new-customer-note span {
	_text-align: left;
	_margin-left: -100px;
	_float: left;
}

/* START OF Exkurze */
#center #excursion .formular select {
	float: none;
	width: auto;
}
#center #excursion .formular .narrow {
	width: 100px;
}
#center #excursion .formular .normal {
	width: 200px;
}
#center #excursion .formular .wide {
	width: 280px;
}
#center #excursion .formular td {
	padding: 3px 8px;
}
#center #excursion .formular tr.title td, #center #excursion .formular tr.separator td {
	border: 0;
	border-bottom: 1px solid #B5B4B4;
	padding: 2px 4px 4px 8px;
	margin-bottom: 3px;
}
#center #excursion .formular tr.title td {
	color: #F24F00;
}
#center #excursion .formular td.value {
	font-weight: bold;
}
#center #excursion .pruvodce label, #center #excursion .pruvodce td span.label {
	color: 0000333;
	font-weight: normal;
}
#center #excursion .pruvodce label.spatne {
	color: #FB000D;
	font-weight: bold;
}
#center #excursion #selectOrder th {
	font-weight: bold;
	padding: 3px 8px;
	border-bottom: 2px solid #B5B4B4;
}
#center #excursion #selectOrder td {
	border-bottom: 1px solid #B5B4B4;
}
#center #excursion #selectOrder th span {
	color: 0000333;
}
#center #excursion .formular tr.spaceBottom td {
	padding-bottom: 8px;
}
#center #excursion .formular tr.spaceTop td {
	padding-top: 8px;
}
#center #excursion .formular input, #center #excursion .formular select {
    float: none;
}
/* END OF Exkurze */

#flash-energeticky-radce {
        margin-top: 0px;
	margin-left: -19px;
        margin-bottom: -10px;
}
#energeticky-radce {
        _position: absolute;
}


/* Soutezni pravidla */
#pravidla {
	text-align: left;
	background: none;
	margin: 15px 15px 15px 15px;
}
#pravidla h2 {
	font-size: 130%;
	color: #333;
	margin-bottom: 12px;
	padding-left: 18px;
	background: url(../img/li-3.gif) no-repeat left center;
}
#pravidla h3 {
	font-size: 110%;
	color: #000;
	margin-top: 16px;
	margin-bottom: 7px;
}
#pravidla a:link {
	color: #000;
	text-decoration: underline;
}
#pravidla a:hover {
	color: #F15A22;
	text-decoration: none;
}
/* Nove styly pro KALKULATOR SROVNANI CEN*/
#kalkulator td {
	border: 0;
	border: none;
	padding: 4px 0px 4px 0px !important;
	vertical-align: top;
}
#kalkulator h4 {
	color: #F24F00;
	background-color: #FDE5D9;
	background-image: none;
	position: relative;
}
#kalkulator .text60 {
	width:60px;
	margin-left:21px;
}
#kalkulator select {
	width: 135px;	
	margin-right: 10px;
}
#kalkulator .pruvodce input {
	margin-left: 20px !important;
}
#kalkulator .radio input {
	_margin-left: 16px !important;
	border: none !important;
	border-color: white;
	background-image: none;
}
#kalkulator #kalk-spot-40 {
	height: 20px !important;
	color: #fff !important;
	font-weight: bold !important;
	font-size: 11px !important;
	border: 0 !important;
	background: #999 url(../img/button.gif) no-repeat left top !important;
	cursor: pointer !important;
    margin: 0px !important;
}
#kalkulator #kalk-spot-37 {
	width: 40px !important;
}
#kalkulator #kalk-spot-39 {
	width: 40px !important;
}
#kalkulator #kalk-prik-31 {
	width: 240px;
}
#kalkulator .text601 {
	width:60px;
	margin-left:21px;
	margin-top: -37px;
	_margin-top: -27px;
        z-index: -10px;
}

#kalkulator #nove_misto {
       border: none !important;
       border-color: white;
       background-image: none;
}
#kalkulator #stavajici_misto {
       border: none !important;
       border-color: white;
       background-image: none;
}
#menu4 .expanded ul {

       display: none !important;
}
#menu4 {

       display: none !important;
}


/* jquery tooltip css - vetsinou pouzito v kalkulackach */
#tooltip {
	color: #000000;
	border: 1px solid white;
	background-color: #fde5d9;
	font-weight: normal;
	padding: 6px;
	font-size: 0.9em;
	width: 250px;
	text-align: left;
}

#tooltip h3{
	background: transparent;
	color: #000000;
	font-size: 1.1em;
	max-width: 250px;
	font-weight: normal;
	text-align: left;
}

/* Kalkulator Uhlikove stopy */

#kalkulatorCO2 td.percentage {
    width: 40px;
}

#kalkulatorCO2 td.percentage input {
    width: 20px;
}

#kalkulatorCO2 input.emise {
    background: #F3F3F3;
    color: #F24F00;
    font-weight: bold;
    z-index: -1;
}

#kalkulatorCO2 input {
    width: 70px;
}

#kalkulatorCO2 .pruvodce td {
    padding: 4px !important;
}

#kalkulatorCO2 .pruvodce input,  #kalkulatorCO2  .pruvodce select {
/*    height: 19px; */
    margin-left: 0px !important;        
}

#kalkulatorCO2 td.napoveda {
    width: 100px;
}

#kalkulatorCO2 td.napoveda span {
    padding: 0pt 3px;
    cursor: help;
    color: rgb(255, 255, 255);
    background-color: rgb(242, 79, 0);
}

/* Nove styly pro KALKULATOR VYPOCTU CENY */
#kalkulator #vypocet-ceny-vysledky th {
    padding-left:0;
}

#kalkulator #vypocet-ceny-42 {
    width: 170px;
}

#kalkulator #vypocet_ceny td select {
    margin-left: 0px !important;
}

#kalkulator #vypocet_ceny td span input {
    margin-left: 0px !important;
}

#kalkulator #vypocet_ceny td.radio span input {
    margin-bottom: 5px;
    margin-right: 5px;
} 

/* Uprava stylu pro kalendar */
#datepicker_div, .datepicker_inline {
    font-family:Arial,Verdana,Helvetica,sans-serif !important;
    font-size: 100% !important;
}


.datepicker_control {
    background-color: #F24F00;
    font-size: 100% !important;
}


.datepicker_links {
    display: none;
}

.datepicker_titleRow {
    background-color: #b3b3b3 !important;

}

tr.datepicker_titleRow td.datepicker_weekEndCell a {
    background-color: #b3b3b3 !important;
    color: #666666 !important;  
}

.datepicker_titleRow td a {
    font-weight: bold !important;
    text-decoration: none !important;
    color: #000000 !important;
}

.datepicker_header {
    /* background-color :#666666; */
    background-color: #b3b3b3;
    text-align: left;
}

.datepicker_newMonth, .datepicker_newYear {
    background-color: #ffffff !important;
    color: #000000 !important;
    margin-left: 1px;
}

.datepicker_control a, .datepicker_links a {
    color: #ffffff !important;
    font-weight: bold !important;
    text-decoration: none;
}

.datepicker_control a:hover {
    background: none !important;
    font-weight: bold;
}

.datepicker {
    border-collapse: collapse !important;
}

.datepicker_wrap span {
    *width: 230px;
}

.datepicker_daysCell {
    border: 1px solid #b3b3b3 !important; 
}

datepicker_daysCell datepicker_weekEndCell {

}

/* interactive forms */
#center .form-error {
  color: red !important; 
}

#center .formular .form-field-error{
  border: 2px solid red !important;
}

#center .formular legend.form-field-error{
  padding: 5px 5px 5px 25px !important;
  width: 20% !important;
  background-position: 5px 6px !important;
}

#center .formular input.fileUpload {
  height: 18px;
}

#center .formular table.interaktivni-formulare{
  	border-collapse: collapse !important;
	margin: 5px auto 10px auto;
	width: 100%;
}

#center .formular table.interaktivni-formulare th{
  width: 170px;
  vertical-align: middle;
}
#center .formular table.interaktivni-formulare th.specth{
  width: 590px;
  vertical-align: middle;
}

table.interaktivni-formulare th, table.interaktivni-formulare td{
	padding: 5px 2px 5px 20px !important;
	font-size: 110% !important;
}

table.interaktivni-formulare th p, table.interaktivni-formulare td p{
	margin: 0 0 10px 0 !important;
}

#center .formular table.interaktivni-formulare tr th span{
  font-weight: bold;
  color: #000000;
}

#center .formular table.interaktivni-formulare tr td input{
  width: 140px;
  padding: 2px !important;
}

table.interaktivni-formulare tr td span.otaznik {
  background-color: #F24F00;
  color: #FFFFFF;
  cursor: help;
  padding: 0 3px;
  vertical-align: -2px;
}

#center .formular table.interaktivni-formulare tr th input{
  margin-right: 10px;
}

.impor{
	color: #F24F00 !important;
        font-size: 12px;
        font-weight: normal;
}

/*select*/
table.interaktivni-formulare select{
	width: auto !important;
}

/*margin pro selecty Vyberte pozadovany tarif*/
#produktovaRada, #produkt{
	margin: 0 5px 0 0 !important;
}

/*demence ie6*/
#produktovaRada{
	width: 15em !important;
}
#produkt{
	width: 14.5em !important;
}
#distribucniSazba{
	width: 11.5em !important;	
}

table.interaktivni-formulare label{
	vertical-align: -2px;
}

/*demence ie6,7*/
#revizniZprava{
	width: 200px !important;
}

/*odsazeni pro odkryvana pole*/
#doplnkovaUjednani_2 th, #revize_2 th, #zalohy_4 th, #smlouva_3 th, #adresaOdberu_3 th, #kontaktniAdresa_3 th{
	padding-left: 39px !important;
	&padding-left: 49px !important;
	width: 43% !important;
}

/*tlacitka wizardu*/
.interaktivni input.strankovani{
  width: 100px !important;
  float: right !important;
  cursor: pointer;
}
.interaktivni span.prev{
  width: 90px;
  text-align: right;
  padding-left: 0 !important;
}
.interaktivni input.prev{
  float: left !important;
  padding-left: 30px !important;
  margin: -3px 0 0 0 !important;
  _margin: 3px 0 0 0 !important;
  cursor: pointer;
}
.interaktivni span.nrCenter{
  margin: 0 0 0 30px !important;
}
.interaktivni input.button{
  width: 7em !important;
}

#perex p {
         font-size: 12px;
         font-weight: bold;
         color: #333;
}

#fivebox{
	position: relative;
	background-color: #3E3C3C;
    height: 240px;
    overflow: hidden;
	position: relative;
}

ul#fivebox-menu{
	width: 230px;
	list-style: none !important;
}

ul#fivebox-menu li{
  margin: 0;
  padding: 0;
}

ul#fivebox-menu li a{
	display: block;
	cursor: pointer;
	height: 48px;
	background-color: #CAFEFF;
        background:transparent url(../img/menu.gif) no-repeat left top;
        color: #000;
        font-size: 15px;
        font-weight: bold;
        text-decoration: none;
        padding-left: 8px;
        line-height: 350%;
		overflow: hidden;
	text-transform: uppercase;
}

ul#fivebox-menu a.current{
        background:transparent url(../img/menu.gif) no-repeat right top;	
        color: #fff;
        /*font-size: 16px;
        font-weight: normal;*/
}

#fivebox-content{
	width: 720px;	
	height: 240px;
/*        height: 188px; */
	color: #ffffff;
/*       background-color: #545252; */
  background-color:#878686;
/*	border: 1px solid red; */
	float: left;
	position: absolute;
	left: 230px;
	top: 0px;
/*	overflow: hidden; */
}

/* **************** definice obsahu petiboxu ********************** */
/*
#fivebox-content p {
        padding: 17px 10px 17px 35px;
        color: #E1E1E1;
}*/
/*
#fivebox-content h3 {
        color: #fff;
        font-size: 15px;
}
#fivebox-content a:link, #fivebox-content a:visited {
        color: #E1E1E1;
        text-decoration: underline
}
#fivebox-content a:hover {
        color: #000;
        text-decoration: underline
}
#fivebox-content .boxheader {
        background-color: #636161;
}*/
#fivebox-content .boxbody {
        background-color: #878686;
/*        height: 144px;  */
}
#fivebox-content .boxbody p{
/*        padding: 2px 10px 2px 30px;*/
}
#fivebox-content .zak_linka ul {
        background: transparent url(../img/sluchatka.png) no-repeat scroll 0px 3px;
}
#fivebox-content .zak_linka {
        padding: 0px 0px 0px 35px;
        width: 216px;
}
#fivebox-content .zak_linka ul li {
        padding-left: 42px;
        background: none;
        padding-bottom: 5px;
}

#fivebox-content .boxfooter {
        background-color: #636161;
/*        height: 48px; */
}
#fivebox-content .boxfooter td {
        padding: 17px 10px 17px 35px;
}
#fivebox-content .boxfooter td a {
        background:transparent url(../img/li-1.gif) no-repeat scroll 0 5px;
        padding-left: 14px;
}

/* **************** definice obsahu petiboxu ********************** */

/* #fivebox-link {
        height:46px;
        vertical-align: middle;
} */
#fivebox-link a:link, #fivebox-link a:visited, #fivebox-link a:hover{
        text-decoration: underline;
        padding-left: 10px;
        background:transparent url(../img/li-1.gif) no-repeat scroll 0 5px;
}
#fivebox-link a:link, #fivebox-link a:visited{
        color: #FFFFFF;
}
#fivebox-link a:hover{
        color: #F24F00;
}

.fivebox-box{
	width: 720px;
	height: 240px;
	overflow: hidden;
/*        padding: 5px 5px 5px 5px;*/
}
.fivebox-box h2 {
    font-size: 16px;
}
.fivebox-box a:link, .fivebox-box a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
.fivebox-box a:hover {
	color: #E1E1E1;
	text-decoration: underline;
}

.clear { /* clear pro floaty */
	clear: both;
	height: 1px;
	font-size: 1px;
	display: block;
	overflow: hidden;
}

#video-image {
    display: block;
	width: 110px;
	height: 90px;
	float: left;
	margin-right: 10px;
}
#video-image span.play {
    display: block; 
	width: 40px; 
	height: 40px;
	background: url(../img/play.png) no-repeat;
	margin-left: 35px;
	position: relative;
	top: 25px;
	z-index: 1000;
	cursor: pointer;
}

#fourthbox-one .visual span {
        background:white url(../img/vok-pc.gif) no-repeat scroll left top;
}
#fourthbox-two .visual span {
        background:white url(../img/jak-usetrit-penezenka.gif) no-repeat scroll left top;
}
#fourthbox-three .visual span {
        background:white url(../img/dokumenty.gif) no-repeat scroll left top;
}
#fourthbox-four .visual span {
        background:white url(../img/sluzby.gif) no-repeat scroll left top;
}

#fourthbox-one .text, #fourthbox-two .text, #fourthbox-three .text, #fourthbox-four .text {
        background:white url(../img/fourthbox-bck.gif) no-repeat scroll right bottom;
        width: 242px;
        height: 130px;
	    overflow: hidden;
}
#fourthbox-four .text {
		width: 244px;
        background:white url(../img/fourthbox-four-bck.gif) no-repeat scroll right bottom;
}
#fourthbox-four.blok_3 {
		width: 244px;
}
#fourthbox-one .text h1, #fourthbox-two .text h1, #fourthbox-three .text h1, #fourthbox-four .text h1 {
        width: 200px;
        margin-left: 20px;
}
#fourthbox-one .text p, #fourthbox-two .text p, #fourthbox-three .text p, #fourthbox-four .text p {
        width: 190px;
        margin-left:20px;
        margin-top:-10px;
        padding-bottom: 10px;
}
/*
.text div:hover {
        color: white;
        background-image: none;
        background-color: #F24F00;
        margin-left: -10px;
        margin-top: -5px;
}
*/
/*#fourthbox-one div:hover h1 {
        color: white;
}*/


/*
#threebox-one-box .visualt span {
        background:white url(../img/threebox1.gif) no-repeat scroll left top;
}
#threebox-two-box .visualt span {
        background:white url(../img/threebox2.gif) no-repeat scroll left top;
}
#threebox-three-box .visualt span {
        background:white url(../img/threebox3.gif) no-repeat scroll left top;
}
*/

#msf-kraj-1, #msf-kraj-2, #msf-kraj-3, #msf-kraj-4, #msf-kraj-5, #msf-kraj-6, #msf-kraj-7, #msf-kraj-8, #msf-kraj-9, #msf-kraj-10, #msf-kraj-11, #msf-kraj-12, #msf-kraj-13, #msf-kraj-14 {
    display: none;
    width: 680px;
}
#plyn-kraj-1, #plyn-kraj-2, #plyn-kraj-3, #plyn-kraj-4, #plyn-kraj-5, #plyn-kraj-6, #plyn-kraj-7, #plyn-kraj-8, #plyn-kraj-9, #plyn-kraj-10, #plyn-kraj-11, #plyn-kraj-12, #plyn-kraj-13, #plyn-kraj-14 {
    display: none;
    width: 660px;
}

#msf-kraje h3, #plyn-kraje h3 {
    color: #F24F00;
}
#msf-kraje .kraj-kontakt, #plyn-kraje .kraj-kontakt {
    width: 320px;
    margin: 0 20px 0 0;
    float: left;
}
#msf-kraje .kraj-kontakt .foto {
    float: left;
    width: 108px;
    height: 128px;
    border: 1px solid #BABABA;
}
#msf-kraje .kraj-kontakt .text {
    float: right;
    width: 197px;
    font-size: 11px;
}
#plyn-kraje .kraj-kontakt .text {
    width: 197px;
    font-size: 12px;
}
.kraj-kontakt .text span {
    font-weight: bold;
    width: 45px;
    display: block;
    float: left;
}
.kraj-kontakt .text strong {
    font-size: 12px;
}
#msf-kraje .space, #plyn-kraje .space {
    height: 40px;
    overflow: hidden;
    clear: both;
}

.tipbox {
        width: 238px;
		max-width:208px;
        float: right;
        border: 1px solid #E8E8E8;
        padding: 15px 15px 20px;
        margin: 0 0 10px 30px;
        display: block;
		background: #F7F7F7;
}
.titlebox {
        background: url(../img/li-3.gif) no-repeat left 3px; 
        padding-left: 18px;
        margin: 0 0 9px 0;
        color: #333333;
        font-size: 130%;
        display: block;
}

/*popis chyby v interaktivnich formularich*/
#popisChyby{
	width: 95% !important;
	height: 150px !important;
}
th.formulare-area{
	width: 100% !important;
}
tr.formulare-popis th{
	width: 79% !important;
	color: #555 !important;
	padding: 13px 0 0 0 !important;
	font-size: 11px !important;
	text-align: right !important;
}
tr.formulare-popis td input{
	width: 88px !important;
}

/*reset marginu a width pro formulare kalkulacek*/
.formular, .formular1{
	width: auto !important;
	margin: 0 !important;
}

/*margin a width pro qf formy*/
.interaktivni{
	width: 644px !important;
	margin: 19px !important;
}

/* socialni site v TZ */
#center.tz {
	padding-bottom: 0;
}
#center.tz #onTop {
	bottom: 64px;
}
.tz-footer {
        clear: both;
	margin-top: 40px;
	border-top: 1px solid #E8E8E8;
	height: 45px;
	line-height: 45px;
}
.tz-footer .facebook  {
	padding-left: 20px;
}
.facebook strong {
	float: left;
}
.facebook .fb span {
	height: 24px;
	width: 24px;
	display: block;
	float: left;
	margin: 12px 3px 0 12px;
	background: url(../img/facebook_ico.gif) no-repeat left top;
	cursor: pointer;
}
.twitter-detail{
	background: none !important;
}
.facebook .twitter-detail span {
	height: 24px;
	width: 24px;
	display: block;
	float: left;
	margin: 10px 6px 0 5px;
	*margin: 10px 6px 0 0px;
	background: url(../img/twitter_ico.gif) no-repeat left top;
	cursor: pointer;
/*        position: absolute;*/
}
.facebook .twitter span {
	height: 24px;
	width: 24px;
	display: block;
	float: left;
	margin: 12px 6px 0 0;
	background: url(../img/twitter_ico.gif) no-repeat left top;
	cursor: pointer;
}
.facebook-link {
	float: left;
	margin: 0px 20px 20px 0;
	width: 220px;
	*width: 320px;
	height: 50px;
	*height: 70px;
	background: url(../img/facebook_bg.gif) no-repeat left top;
	padding: 20px 20px 0px 80px;
	overflow: hidden;
}
.facebook-link a, a.facebook-link  {
	color: #000000;
}
.youtube-link {
	float: right;
	width: 220px;
	*width: 320px;
	height: 50px;
	*height: 70px;
	background: url(../img/youtube_bg.gif) no-repeat left top;
	padding: 20px 20px 0px 80px;
	margin: 0px 0 20px 20px;
	overflow: hidden;
}
.youtube-link a, a.youtube-link {
	color: #000000;
}

/*kalkulacka porovnani cen*/
.vysledek-srovnani th{
	padding: 9px 0 !important;
}
.vysledek-srovnani td{
	height: 32px !important;
}


#obal1-msf {
	margin-top: -5px;		
}
#obal2-msf {
	
}
#obal3-msf {
	width: 310px;
        margin-left: 88px;
/*        padding-top: 15px;*/
        padding-top: 5px;
}
#blok-msf-hp {	
        background: url(../img/page/msf-background.jpg) no-repeat left top;
	float: left;
	position: relative;
	left: -19px;
	width: 700px;
        height: 384px;
        margin-top: -10px;
}
* html #bloky-msf-hp {
	height: 100px;
}
.blok1-msf {
	float: left;
	width: 310px;
	max-width: 310px !important; 
	padding: 0px 0px 30px 15px;
	overflow: hidden;
	height: 100%;
        margin-left: 360px;
        position: absolute;
}
#center .blok1-msf h3 {
	font-size: 16px;
        font-weight: bold
	color: #000;
	margin-top: 30px;
	margin-bottom: 10px;
        margin-left: 0px;	
        width: auto;
}
#content .blok1-msf ul li {
	padding-left: 14px;
	margin-bottom: 8px;
	background: url(../img/li-1.gif) no-repeat 0 5px;
}

#blok-msf-bottom {
	padding: 5px 15px 5px 15px;
/*	background: url(../img/ico/pdf-icon.gif) no-repeat 15px top;*/
        width: 670px;
        height: 30px;
	float: left;
	position: relative;
	left: -19px;
        margin-top: 10px;
}




#obal0-karirera {
	margin-top: -5px;		
}
#obal1-karirera {
	margin-top: -5px;		
}
#obal3-kariera {
	width: 310px;
        margin-left: 88px;
        padding-top: 15px;
}
#blok-kariera-hp {	
        background: url(../img/page/kariera-background.jpg) no-repeat left top;
	float: left;
	position: relative;
	left: -19px;
	width: 700px;
        height: 384px;
        margin-top: -10px;
}
* html #bloky-kariera-hp {
	height: 100px;
}
.blok1-kariera {
	float: left;
	width: 310px;
	max-width: 310px !important; 
	padding: 0px 0px 30px 15px;
	overflow: hidden;
	height: 100%;
        margin-left: 360px;
        position: absolute;
}
#center .blok1-kariera h3 {
	font-size: 16px;
        font-weight: bold
	color: #000;
	margin-top: 15px;
	margin-bottom: 10px;
        margin-left: 0px;	
        width: auto;
	*margin-left: 48px;
}
#content .blok1-kariera ul li {
	padding-left: 14px;
	margin-bottom: 8px;
	background: url(../img/li-1.gif) no-repeat 0 5px;
}

#blok-kariera-bottom {
	padding: 5px 15px 5px 15px;
	*padding: 5px 15px 0px 15px;
        width: 670px;
        *width: 700px;
        height: 30px;
	float: left;
	position: relative;
	left: -19px;
        margin-top: 0px;
        background-color: #666666;
        line-height:30px;
        margin-bottom: 15px;
}
#blok-kariera-bottom a, #blok-kariera-bottom span { 
        color: #fff;
}

#blok-kariera-hp label {
        display: block;
        width: 230px;
	padding-top: 5px;
}
#blok-kariera-hp input {
	margin-top: 5px;
}
#blok-kariera-hp select {
        width: 100%
}
.popis-kariera {
	width: 160px;
	margin-left: 68px !important;
	*margin-left: 48px;
	font-weight: bold;
}
.posun-kariera {
	margin-left: 68px;
	*margin-left: 48px;
	margin-top: 10px;
}

/* FANCYBOX styles */
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../img/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
_right: -55px;
	width: 30px;
	height: 30px;
	background: url('../img/fancybox/fancy_close.png') no-repeat;
	background-position: 0 0;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../img/fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('../img/fancybox/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('../img/fancybox/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('../img/fancybox/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('../img/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../img/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../img/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../img/fancybox/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../img/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../img/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../img/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../img/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../img/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../img/fancybox/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../img/fancybox/fancybox.png');
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_loading.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

/* CSS pro ceniky plynu dotahovane z DWR */
th.cenikPlynu1Dph {
	font-weight: normal;
}
table#cenikPlynu2 {
        background: #D9D9D9;
        border-bottom: 1px solid #FFFFFF !important;
        border-top: 1px solid #FFFFFF !important;
}
th.cenikPlynu2Dph {
	border-bottom: 1px solid #FFFFFF !important;
        vertical-align: top;
}
th.cenikPlynu3Dph {
	border-bottom: 1px solid #FFFFFF !important;
	font-weight: normal;
}
td.cenikPlynu2Dph {
	font-weight: bold;
}
td.cenikPlynu2Dph input{
        font-weight: bold;
}
td.cenikPlynu4Dph {
	border-bottom: 1px solid #FFFFFF !important;
}
th.cenikPlynu5Dph {
	border-bottom: 1px solid #B5B4B4 !important;
        vertical-align: top;
}
#cenikPlynu1 input, #cenikPlynu2 input, #cenikPlynu3 input {
        width: 70px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        background: none;
        border: none;
        font-size: 100%;
        vertical-align: bottom;
}
#blok-jet-hp {	
        background: url(../img/page/jet-background.jpg) no-repeat left top;
	float: left;
	position: relative;
	left: -19px;
	width: 700px;
        height: 380px;
        margin-top: -10px;
        padding-bottom: 20px;
}
#blok-edu-hp {	
        background: url(../img/page/edu-background.jpg) no-repeat left top;
	float: left;
	position: relative;
	left: -19px;
	width: 700px;
        height: 380px;
        margin-top: -10px;
        padding-bottom: 20px;
}
#blok-zoso-hp {	
        background: url(../img/page/zoso-background.jpg) no-repeat left top;
	float: left;
	position: relative;
	left: -19px;
	width: 700px;
        height: 380px;
        margin-top: -10px;
        padding-bottom: 20px;
}

.list-for-items-omu{
   list-style-type:none !important;
}
.list-for-items-omu li{
   border-bottom:1px solid #E8E8E8;
   background: none !important;
   padding-left: 0 !important;
   margin-bottom: 20px !important;
   width: 660px;
   overflow: hidden;
}

/* stranka Investori / Investors - verze 2010 */
#investors-sq2 #akcieTagVyvoj {
	display: none;
}
#investors-sq2 #akcieTagKurz {
	margin-top:210px;
	width: 300px;
}
#investors-sq2 #akcieFirst {
	margin-top:195px;
	margin-left: 65px;
	width: 200px;
}
#investors-sq2 #akcieLast {
	margin-top:195px;
	margin-left: 205px;
	width: 200px;
}
#investors-sq2 #akcieMin {
	margin-top: 165px;
}
#investors-sq2 #graphHP {
	height:180px;
	position:relative;
	width:280px;
    top:-30px;
	margin-top:0;
}
#investors-sq2 img#akcieTagGraf  {
	width: 80%;
	height: 80%;
	margin-left:65px;
}
#investors-sq1,
#investors-sq2 {
	height: 270px;
}
#investors-sq2 #akcieTagZdroj {
	bottom:6px;
	color:#666666;
	font-size:11px;
	font-style:italic;
	left:75px;
	top: 75px;
	position:absolute;
}

/*Filtr a sidebar pro videa cezu, Multimedia OMU*/
#filtr-multimedia{
		border-top: 1px solid #eee;
		border-bottom: 1px solid #d7d7d7;
		background: url(../img/bg-stripe.gif) repeat-x;
		height: 30px;
	}
	#filtr-multimedia fieldset{
		padding: 0;
		margin: 0;
		height: 30px;
		border: 0;
		background: url(../img/bg-stripe-sides.gif) no-repeat left;
	}
	#filtr-multimedia fieldset p{
		padding: 5px 0 0 10px;
		height: 26px;
                _height: 30px;
		margin: 0;
		background: url(../img/bg-stripe-sides.gif) no-repeat right;
	}
	
#filtr-multimedia .button{
		margin: 0 0 0 10px;
	}
#filtr-multimedia #cancel-filter{
		font-size: 11px;
                padding: 0 0 0 10px;
                display: none;
	}

#sidebar-wrapp{
               position: relative;
               width: 260px;
		float: right;
		margin: 20px 0 0 20px;
	}

	#sidebar-right{
                position: relative;
		margin: 0;
		padding: 0;
		background: white !important;
                border-top: 1px solid #dcdcdc;
                height: 560px;
	}
	#sidebar-right li{
		list-style-type: none;
                background-image: none !important;
                background: #FAFAFA;
		border-bottom: 1px solid #dcdcdc;
                border-left: 1px solid #dcdcdc;
                border-right: 1px solid #dcdcdc;
		margin: 0 !important;
		padding: 0 !important;
		width: 258px;
                _width:260px;
		overflow: hidden;
	}
        #sidebar-right li:hover{
		background: #F8F8F8!important;
	}
	#sidebar-right li a{
		text-decoration: none;
		display: block;
		padding: 10px;
cursor:pointer;
	}
	#sidebar-right li a:hover{
		background-color: #F8F8F8;
	}
	#sidebar-right li a span{
		
width:100%;
		color: black;

		font-size: 11px;
	}

	#sidebar-right img{
		float: left;
		margin: 0 10px 10px 0;
                
	}
	.sidebar-right-margin{
                display: block;
		margin: 5px 0 0 0;
	}

#ajax-loader-sidebar{
               position: absolute;
               top: 200px;
               left: 50%;
	}

/*uprava stylu pro strankovani v sidebarech*/
.sidebar-paging{
		border: none !important;
                width: 260px !important;
                background: white !important;
	}
.sidebar-paging:hover{
               background: white !important;
	}
#sidebar-right li div.strankovani{
		padding: 10px 0 0 0 !important;
	}
#sidebar-right li div.strankovani a, #sidebar-right li div.strankovani .act{
		padding: 2px 3px;
		display: inline;
		_margin: 5px 0 0 0;
	}
#sidebar-right li div.strankovani .nrCenter{
		width: auto;
                float: none;
                margin: 0;
                
	}
#sidebar-right li .prev, #sidebar-right li .next{
		width: 10px;
                padding: 2px 0 !important;	
	}


.em-sidebar-item, .em-sidebar-item a{
		background: #F8F8F8!important;
	}
.box-for-media-content{
		width: 380px;
                float: left;
                margin: 20px 0 0 0;
	}
.box-for-media-content h2{
		color: #F24F00 !important;
	}

.date-item-video{
		margin-bottom: 5px !important;
                font-size: 11px;
	}
/* konec multimedia sidebar */


/* odstavec do ktereho se vklada info o poctu km a trvani cesty (napr kontaktni mista) */
#placeHolderForGPSInfo{
     margin:10px 0 0 0 !important;
     padding: 3px 0 !important;
     font-weight: bold;
}
#placeHolderForGPSInfo b{
     color: #F24F00;
}

.sidebarItemWrapper{
        cursor: pointer;
        padding: 10px 10px 0 10px;
        margin: 20px 0 0 0;
}
.sidebarItemWrapper p{
        margin: 0 !important;
}
.sidebarItem{
        width: 320px;
        float: left;
        padding-right: 10px;
}
.sidebarItemRight{
        width: 280px;
        float: left;
}
.gpsInfoTrigger{
        display: inline;
        cursor: pointer !important;
        text-decoration: underline;
        color: #F24F00;
        padding: 0 0 0 10px;
}
.gpsInfoTrigger:hover{
        color: black;
}
.gMapsGPSshowDirections{
        font-weight: normal;
}

/* kalkulator uspory plynu */
#center .wide-table table { /* tabulky */
	margin-bottom: 15px !important;
	width: 100% !important;
	border-bottom: 1px solid #B5B4B4;	
	color: #333 !important;
	text-align: left !important;
	border-collapse: collapse !important;
}
#center .wide-table th {
	border: 0;
	border-top: 2px solid #B5B4B4 !important;
	border-bottom: 2px solid #B5B4B4 !important;
	padding: 9px 12px 9px 12px !important;
}
#center .wide-table td {
	border: 0;
	border-bottom: 1px solid #B5B4B4 !important;
	padding: 4px 12px 4px 12px !important;
        text-align: right;
}
#center .wide-table tfoot td {
       text-align: left;
}

#center .wide-table th.silver {
	padding: 8px 12px 8px 12px !important;
	font-weight: bold !important;
	color: #999 !important;
	border-top: 0px solid #B5B4B4 !important;
}

caption{
	text-align: left;
	font-weight: bold;
	font-size: 14px;
}

.text-right{
	text-align: right;
}
.text-left{
	text-align: left !important;
}

.wide-table{
	overflow: scroll;
	padding: 10px;
}
.no-scroll{
	overflow: auto;
}

.table-em{
	background: #FEF9F7;
}

.short-text{
	width: 60px !important;
}

#select-distributor-1{
	width: 230px !important;
        margin-left: 20px !important;
}

/* Obecny dvoj a troj box (napr pro Domacnosti, omu) */
.two-boxes, .three-boxes{
  list-style-type: none;
  margin: 0;
  margin-bottom: 0 !important;
  padding: 0;
  overflow: hidden;
}
li.two-boxes-li, li.three-boxes-li{
  float: left;
  display: inline; /*ie6 box model bug*/
  width: 50%;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  position: relative;
}
.two-boxes-tiled, .three-boxes-tiled{
  margin-left: 19px !important;
  padding-top: 20px !important; /*ie6 bug, musi se pouzit padding misto margin*/
}

li.three-boxes-li{
  width: 220px;
}
.two-boxes h2, .three-boxes h2{
  text-transform: uppercase;
  color: #444 !important;
  font-size: 14px !important;
}
.two-boxes a, .three-boxes a{
  color: #F24F00;
}
.two-boxes a:hover, .three-boxes a:hover{
  color: #000;
}
.big-link{
  font-weight: bold;
  font-size: 14px;
}
.two-boxes li li, .three-boxes li li{
  padding-bottom: 10px !important;
  margin-bottom: 0px !important;
}
.two-boxes li li p, .three-boxes li li p{
  margin: 5px 0 0 0 !important;
}
/*ie6 box model bug*/
.two-boxes-tiled li.two-boxes-li{
  width: 325px;
  margin: 0 10px 0 0 !important;
  position: relative;
}
#center .two-boxes-tiled li.two-boxes-li h3 {
	position: absolute;
	bottom: 3px;
	left: 0;
	background: #F24F00;
	font-size: 16px;
	height: 37px;
	line-height: 37px;
	margin: 0;
	padding: 0;
}
.two-boxes-tiled li.two-boxes-li h3 a {
	text-decoration: none !important;
	color: #fff !important;
	padding: 9px 18px;
	*padding: 0px 18px 9px;
}
.three-boxes-tiled li.three-boxes-li{
  width: 213px;
  margin: 0 10px 0 0 !important;
}
.two-boxes-tiled li.two-boxes-li div, .three-boxes-tiled li.three-boxes-li div{
  border: 1px solid #E8E8E8;
  padding: 15px 15px 0 15px;
  *height: 177px; /*ie6 bug min-height*/
  min-height: 160px;
}
#two-boxes-elektrina{
  /*background: url("../img/bg-big-box.png") no-repeat right -4px !important;*/ /* Pozadi bez obrazku */
  background: url("../img/dvojbox_bg_zasuvka.jpg") no-repeat right -4px !important;
  width: 349px;
}
#two-boxes-plyn{
  /*background: url("../img/bg-big-box2.png") no-repeat left -4px !important;*/ /* Pozadi bez obrazku */
  background: url("../img/dvojbox_bg_horak.jpg") no-repeat right -4px !important;
  width: 349px;
}
#two-boxes-elektrina div, #two-boxes-plyn div{
  padding: 20px 20px 0 20px;
}
#headline-elektrina{
  background: url(../img/bg-headline-elektrina.png) no-repeat;
  text-indent: -99999px;
}
#headline-plyn{
  background: url(../img/bg-headline-plyn.png) no-repeat;
  text-indent: -99999px;
}
.two-boxes-li ul {
  height: 180px;
  margin: 0 !important;
}
.three-boxes-li ul {
	margin: 0 !important;
}
.three-boxes-li .morelink {
	background: url(../img/plus.gif) no-repeat left 2px;
	bottom: 15px;
	left: 12px;
	display: block;
	padding-left: 18px;
	position: absolute;
}

/* je spatne nastrukturovany #center div, pro stranku domacnosti je nutne provest korekci */
.width-correct{
   width: 698px !important;
}

/* Banner na obyc. strance nahore */
#page-wide-banner {
	padding-top: 43px;
	*padding-top: 10px;
}

/*box pro obsah vkladany nad seznam (listy) tiskovek, clanku atd*/
.perex-for-list{
   margin: 10px 0 !important;
   width: 100% !important;
   float: none !important;
}
/* span s max.poctem znaku u textarey */
span.maxtext {
    float: left;
    _clear: both;
}

/* Stranka s visualem 'Nabízíme vám kvalitní služby' */
#page-quality-service {
	margin: 10px 0;
	padding: 30px 35px 20px 430px;
	min-height: 200px;
	*height: 260px;
}
.domacnosti#page-quality-service {
	background: url(../img/visual-matka-s-miminem-edit3.jpg) no-repeat;
}
.firmy#page-quality-service {
	background: url(../img/projektovy-manazer-edit7.jpg) no-repeat;
}
#page-quality-service h2 {
	font-size: 18px;
	margin-bottom: 15px;
}
#page-quality-service ul li {
	background: url(../img/page/menu-odrazka-activ3.gif) no-repeat 0 4px;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
}
#page-quality-service ul li a {
	color: #333;
}
#page-quality-service ul li a:visited {
	color: #333;
}
#page-quality-service ul li a:hover {
	color: #F24F00;
}
.matica-blok {
	padding: 0px 19px 19px 19px;
}
.matica-blok .wraper {
	margin: 20px 20px 0 0;
	width: 320px;
	float: left;
}
.matica-blok .wraper img {
	float: left;
	margin: 0px 15px 10px 0;
}
.noMarginRight { margin-right: 0 !important; }

.matica-blok .wraper h3 {
	margin: 0 0 10px 0 !important;
}
.matica-blok .wraper p {
	margin: 0 0 5px 0 !important;
}

/* Rozbalovaci odkazy s detaily, napr. stranka 'Rizika podomniho prodeje' - ASO */

.slide-links {
	margin-bottom: 10px !important;
}
.slide-details {
	display: none;
	overflow: hidden;
}


/* jQuery validator */
label.error {
	float: none;
	color: red;
	text-indent: .5em;
	vertical-align: top;
        background: transparent url(../img/alert15x15.png) no-repeat left top;
        padding-left: 22px;
        font-weight: normal;
        margin-left: 0px;
}
input.error, textarea.error {
        border: 1px solid red;
        float: left;
}
.jqchyby {
        display: none;
}


/* tabulka otviraci doby v kontaktech */
.otviraci_doba  {
	width: 150px !important;
	border: none !important;
	border-collapse: collapse;
	margin: 10px 0px 0px 0px !important;
}

.otviraci_doba td {
	border: none;
	font-size: 11px;
	border: none !important;
	padding: 2px !important;
}

.otviraci_doba td strong  {
	font-size: 12px;
}
.otviraci_doba td.nad  {
	padding-top: 0px !important;
}

#prvni, #druhy, #treti {
	padding: 15px 15px 15px 15px;
	display: none;
	background-color: #F6F6F6;
	margin-top: 5px;
}
a.a_od_h_dva {
	color: #333333;
	font-size: 20px;
	font-weight: bold;
	margin: 0px 0px 10px 5px;
}
h2.expandedh2 {
	background: transparent url(../img/plus.gif) no-repeat scroll left 7px;
	padding-left: 20px;
	display: inline;
	cursor: pointer;
}
h2.expanded {
        background: transparent url(../img/minus.gif) no-repeat scroll left 7px;
	padding-left: 20px;
}

.clearMarfyz { /* clear pro floaty */
	clear: both;
	height: 10px;
	font-size: 1px;
	display: block;
	overflow: hidden;
/*        padding-bottom: 10px;*/
}
.expand_content {
	margin-bottom: 10px;
}
.expand_content p {
	background: #F6F6F6;
	padding: 10px 20px 10px 20px;
	margin-top: 5px;
	margin-bottom: 0px !important;
}
.expand_content ul {
	background: #F6F6F6;
	padding: 0px 20px 10px 20px;
}
p.addStudent {
	padding: 10px 0px 0px 20px;
	margin-left: 5px;
	background: transparent url(../img/plus.gif) no-repeat scroll left 12px;
	color: #F24F00;
	font-weight: bold;
	width: 155px;
}
.addStudent a, .removeStudent a {
	color: #F24F00;
}
.removeStudent {
	clear: both;
	margin-bottom: 10px !important;
}

/* -------------------------------------- */
/* styl pro mapu spolecnosti skupiny CEZ */
/* -------------------------------------- */
#mapa_skupina  {
	width: 700px;
	height: 415px;
	background: url('../img/mapa_skupina.png') 0% 0% no-repeat;
        margin: -20px 0 0 -20px;
        position: relative;
}

.mem_gr  {
	display:block;
	width: 13px;
	height: 13px;
	background: #fff;
	text-indent: -9999px;
	outline: 0px;
	z-index: 10;
	}

#mem_gr_1  {
	position: absolute;
	top: 83px;
	left: 186px;
	}
	
#mem_gr_1:hover  {
	top: 82px;
	left: 183px;
	height: 19px;
	width: 19px;
	z-index: 100;
	}

#mem_1  {
        position: absolute;
        top: 107px;
	left: 83px;
        }

#mem_gr_2  {
	position: absolute;
	top: 197px;
	left: 550px;
	}
	
#mem_gr_2:hover  {
	top: 194px;
	left: 547px;
	height: 19px;
	width: 19px;
	z-index: 100;
	}

#mem_2  {
        position: absolute;
        top: 219px;
	left: 245px;
        }

#mem_gr_3  {
	position: absolute;
	top: 158px;
	left: 212px;
	}
	
#mem_gr_3:hover  {
	top: 155px;
	left: 209px;
	height: 19px;
	width: 19px;
	z-index: 100;
	}

#mem_3  {
        position: absolute;
        top: 180px;
	left: 80px;
        }

#mem_3 .title {
        width: 262px;
        margin-left: 38px;
        }

#mem_gr_4  {
	position: absolute;
	top: 214px;
	left: 559px;
	}
	
#mem_gr_4:hover  {
	top: 211px;
	left: 556px;
	height: 19px;
	width: 19px;
	z-index: 100;
	}

#mem_4  {
        position: absolute;
        top: 236px;
	left: 251px;
        }

#mem_gr_5  {
	position: absolute;
	top: 86px;
	left: 582px;
	width: 10px;
	height: 10px;
	}
	
#mem_gr_5:hover  {
	top: 82px;
	left: 578px;
	height: 18px;
	width: 18px;
	z-index: 100;
	}

#mem_5  {
        position: absolute;
        top: 107px;
	left: 273px;
        }

#mem_gr_6  {
	position: absolute;
	top: 214px;
	left: 541px;
	}
	
#mem_gr_6:hover  {
	top: 211px;
	left: 538px;
	height: 19px;
	width: 19px;
	z-index: 100;
	}

#mem_6  {
        position: absolute;
        top: 239px;
	left: 236px;
        }

#mem_gr_7  {
	position: absolute;
	top: 152px;
	left: 338px;
	}
	
#mem_gr_7:hover  {
	top: 149px;
	left: 335px;
	height: 19px;
	width: 19px;
	z-index: 100;
	}

#mem_7  {
        position: absolute;
        top: 173px;
	left: 30px;
        }

#mem_gr_8  {
	position: absolute;
	top: 171px;
	left: 338px;
	}
	
#mem_gr_8:hover  {
	top: 168px;
	left: 335px;
	height: 19px;
	width: 19px;
	z-index: 100;
	}

#mem_8  {
        position: absolute;
        top: 193px;
	left: 30px;
        }

#mem_gr_9  {
	position: absolute;
	top: 99px;
	left: 590px;
	width: 10px;
	height: 10px;
	}
	
#mem_gr_9:hover  {
	top: 95px;
	left: 586px;
	height: 18px;
	width: 18px;
	z-index: 100;
	}

#mem_9  {
        position: absolute;
        top: 120px;
	left: 281px;
        }

#mem_gr_10  {
	position: absolute;
	top: 83px;
	left: 203px;
	}
	
#mem_gr_10:hover  {
	top: 80px;
	left: 200px;
	height: 19px;
	width: 19px;
	z-index: 100;
	}

#mem_10  {
        position: absolute;
        top: 105px;
	left: 20px;
        }

#mem_gr_11  {
	position: absolute;
	top: 110px;
	left: 144px;
	}
	
#mem_gr_11:hover  {
	top: 107px;
	left: 141px;
	height: 19px;
	width: 19px;
	z-index: 100;
	}

#mem_11  {
        position: absolute;
        top: 132px;
	left: 5px;
        }

#mem_gr_12  {
	position: absolute;
	top: 227px;
	left: 125px;
	}
	
#mem_gr_12:hover  {
	top: 224px;
	left: 121px;
	height: 19px;
	width: 19px;
	z-index: 100;
	}

#mem_12  {
        position: absolute;
        top: 252px;
	left: 5px;
        }

#mem_gr_13  {
	position: absolute;
	top: 193px;
	left: 194px;
	}
	
#mem_gr_13:hover  {
	top: 190px;
	left: 191px;
	height: 19px;
	width: 19px;
	z-index: 100;
	}

#mem_13  {
        position: absolute;
        top: 215px;
	left: 10px;
        }

#mem_gr_14  {
	position: absolute;
	top: 110px;
	left: 162px;
	}
	
#mem_gr_14:hover  {
	top: 107px;
	left: 159px;
	height: 19px;
	width: 19px;
	z-index: 100;
	}

#mem_14  {
        position: absolute;
        top: 132px;
	left: 5px;
        }

#mem_gr_15  {
	position: absolute;
	top: 99px;
	left: 605px;
	width: 10px;
	height: 10px;
	}
	
#mem_gr_15:hover  {
	top: 96px;
	left: 602px;
	height: 18px;
	width: 18px;
	z-index: 100;
	}

#mem_15  {
        position: absolute;
        top: 121px;
	left: 297px;
        }

#mem_gr_16  {
	position: absolute;
	top: 113px;
	left: 619px;
	width: 10px;
	height: 10px;
	}
	
#mem_gr_16:hover  {
	top: 110px;
	left: 616px;
	height: 18px;
	width: 18px;
	z-index: 100;
	}

#mem_16  {
        position: absolute;
        top: 135px;
	left: 311px;
        }

#mem_16 .title {
        width: 270px;
        margin-left: 30px;
        }

.member {
	position: absolute;
        width: 300px;
        display: none;
        color: #fff;
        font-size: 12px;
        z-index: 1000;
	}

.member .perex {
        width: 300px;
        padding: 0px;
        background: url('../img/mem_box.png') 0% 0%;
        }

.member .title {
        width: 240px;
        margin-left: 60px;
        padding: 5px 0px !important;
        background: url('../img/mem_box.png') 0% 0%;
        font-size: 15px;
        text-transform: uppercase;
        }

.member .title strong {
        margin: 0px 7px!important; 
        }

.member .perex p {
        margin: 0px 7px!important; 
        padding: 4px 0px 7px !important;
        }
#leadAdiv {
	display: none;
}
.rolling {
        cursor: pointer;
        text-decoration: underline;
}
input.smallInput {
	width: 65px !important;
	margin-left: 5px;
}
th.bigTh {
	width: auto !important;
	padding: 9px 12px 5px 12px !important;
}
#matfyz fieldset {
	padding-bottom: 15px;
}
#matfyz textarea {
	width: auto !important;
	margin-right: 5px;
        background: #FFFFFF url(../img/input-bg.gif) no-repeat scroll left top;
}
#matfyz input.radio {
	margin-left: 5px !important;
	border: 1px solid #B3B3B3;
}
td.specialTd {
	margin-top: 0px;
	padding: 0px 8px 10px 8px !important;
}
.sloupeckontaktu {
	float: left;
	display: inline;
	padding: 0px 0px 15px 0px;
}
.sloupeckontaktu.druhy {
	padding-left: 20px;
}

#center .pruvodce.inli {
        margin: -15px 0px 0px 20px !important;
        width: 624px !important;
        *width: 640px !important;
}
.vicesloupcu {
	float: left;
	display: inline;
	padding: 0px 80px 0px 0px;
}
.vicesloupcu.posledni {
	padding-right: 10px;
}
#leadA h4 {
	background: #FDE5D9 url(../img/minus.gif) no-repeat scroll 600px 15px !important;
        cursor: pointer;
}

#textProSouhlas-toggle {
  display: none;
}
a.toggleText {
  background: transparent url(../img/plus.gif) no-repeat scroll left 3px;
  padding: 0px 0px 5px 20px;
  display: block;
  cursor: pointer;
}
a.toggleText.expanded {
  background: transparent url(../img/minus.gif) no-repeat scroll left 3px;
  padding-left: 20px;
}
