/*
--------------------------------
Styly vyhradne pro uvodni stanku
--------------------------------
*/

/* Velke opoutavkove foto */
#promo {
	position: relative;
	width: 970px;
	max-width: 970px;
	height: 223px;
	*height: 233px; 
	max-height: 233px;
	padding: 10px 0 0px 0;
	_padding: 10px 0 -10px 0;
	_margin: 0px 0px -10px 0px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	clear: left;
}

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

#promo span { /* promo foto */
	position: relative;
	left: 0;
	top: 0;
	*top: -35px; /* MSIE 7 a nizsi hack */
	display: block;
	width: 970px;
	height: 263px;
	background: url(../img/shp/shp_promo2.jpg) no-repeat left bottom;
	z-index: 0;
}
#promo #text { /* obrazkovy text */
	left: 719px;
	top: 171px;
	*top: 136px;
	width: 172px;
	height: 36px;
	z-index: 10;
	background: transparent;
}
#promo #text a{
	display: block;
	width: 172px;
	height: 36px;
}

#promo em { /* editovatelny text */
	display: block;
	font-style: normal;
	font-size: 19px;
	text-transform: uppercase;
	margin-bottom: 15px;
	color: #F24F00;
}
#promo ul {
	color: #333;
}


/* Hlavni obsah */

/* tri svisle bloky s odkazy */
#elektrarny {
	padding-bottom: 70px; /* zarovnani spodniho okraje bloku */
}
#sluzby h1 span { /* obrazky pro jednotlive nadpisy sekci */
	background-image: url(../img/nadpisy/produkty-sluzby.gif);
}
#pece h1 span {
	background-image: url(../img/nadpisy/pece-podpora.gif);
}
#elektrarny h1 {
	padding-top: 10px;
	line-height: 100%;
	max-height: 40px;
}
#elektrarny h1 span {
	background-image: url(../img/nadpisy/elektrarny.gif);
}

#domacnosti { /* male ilustracni obrazky uvnitr svislych bloku */
	background-image: url(../img/obr-1.jpg);
}
#firmy {
	background-image: url(../img/obr-2.jpg);
}
#velkoodberatele {
	background-image: url(../img/obr-3.jpg);
}
#kancelar {
	background-image: url(../img/obr-4.jpg);
}
#centrum {
	background-image: url(../img/obr-5.jpg);
}
#linka {
	background-image: url(../img/obr-6.jpg);
}
#prostredi {
	background-image: url(../img/obr-7.jpg);
}

/* vycet odkazu se svislitky */
.blok .vycet {
	margin: 18px 0 20px 0;
}
.blok .vycet .bold {
	font-weight: bold;
}


/* aktualni vykon elektrarny */
#vykon {
	position: relative;
	width: 220px;
	height: 110px;
	margin-bottom: 4px;
	background: #ccc url(../img/shp/temelin.jpg) no-repeat left top;
	font-size: 12px;
}
#vykon p {
	position: absolute;
	right: 15px;
	top: 15px;
	padding: 0;
	margin: 0;
	text-align: right;
	text-transform: uppercase;
}
#vykon strong {
	display: block;
	font-size: 20px;
	margin: 5px 0 30px 0;
}
#vykon span {
	font-size: 11px;
	color: #fff;
}

/* cena akcii */
.akcie {
	margin-bottom: 0;
}

/* banner Krizová komunikace na HP */
#promo.cez-distribuce {
 max-width: none !important;
 max-height: 213px !important;
}

#promo #kriz-kom-banner { 
	background: transparent url(../img/krizova-situace-banner-cez.jpg) no-repeat left top !important;	
	position: relative;
	left: 0;
	top: 0px;
/*	*top: 10px; */
	display: block;
	width: 970px;
/*	max-width: 958px; */
	height: 263px;
	*height: 213px; /* MSIE 7 a nizsi hack */
	max-height: 213px;
	z-index: 0;
}

#kriz-kom-banner{
	margin: 0px 20px 20px 0px;
	color: White;
}

#kriz-kom-banner-in{
	margin: 0px 20px 20px 20px;
	*margin: 15px 20px 20px 20px;
/*	background-color: yellow; */
	color: White;
}


#kriz-kom-banner #kriz-kom-banner-in h2{
	font-size: 2.5em;
	margin: 0;
	padding: 10px 0 0 10px;
	font-weight: normal;
	text-align: right;
}

#kriz-kom-banner #kriz-kom-banner-in h3{
	font-size: 1.7em;
	margin: 0;
	padding: 1em 0 1.5em 10px;
	font-weight: normal;
	text-align: right;
}

#kriz-kom-banner #kriz-kom-banner-in #tl-vice-informaci{
	display: block;
	padding: 0.5em 0 0.5em 0;
}

#kriz-kom-banner #kriz-kom-banner-in #tl-vice-informaci{
	text-align: right;
}

#kriz-kom-banner #kriz-kom-banner-in #tl-vice-informaci a{
	position: static;
	color: White;
	background:#EB4D00 url(../img/a-button.gif) center center;
	font-weight: bold !important;
	text-decoration: none;
	padding: 7px 10px 7px 10px;
}
.facebook {
	bottom:8px;
	clear:both;
	left:205px;
	position:absolute;
	font-size: 12px;
	line-height: 1.9;
	width: 250px;
	color: #F24F00;
}
.facebook .fb span {
	height: 24px;
	width: 24px;
	display: block;
	float: left;
	margin: 0px 3px 0 0;
	*margin-right: 3px;
	background: url(../img/facebook_ico.gif) no-repeat left top;
	cursor: pointer;
}
.facebook .twitter span {
	height: 24px;
	width: 24px;
	display: block;
	float: left;
	margin: 0px 6px 0 0;
	*margin-right: 5px;
	background: url(../img/twitter_ico.gif) no-repeat left top;
	cursor: pointer;
}

/* graf Vyvoj cen akci - EN a DE mutace */

#graphHP {
	width: 280px;
	height: 180px;
	position: relative;
}
#akcieTagVyvoj {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 11px;
	color: #666666;
	display: none;
}
#akcieTagZdroj {
	position: absolute;
	bottom: 6px;
	left: 50px;
	font-size: 11px;
	color: #666666;
	font-style: italic;
}
#akcieTagKurz {
	position: absolute;
	bottom: 20px;
	left: 50px;
	font-size: 11px;
}
#akcieTagKurz a {
	color:#F24F00;
	display:inline;
	font-size:140%;
	font-weight:bold;
	padding-left: 10px;
} 
#akcieMax {
	font-size:11px;
	position:absolute;
	top: -2px;
	left: -6px;
	color: #666666;
}
#akcieMin {
	font-size:11px;
	position:absolute;
	top: 108px;
	left: -6px;
	color: #666666;
}
#akcieTagGraf {
	position:absolute;
	top: 0px;
	left: 55px;
}

#content {
	padding-bottom: 27px;
	*padding-bottom: 13px;
}