﻿/* Zakladni definice */
body  {
	font-size: 12px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	color: white;
	margin: 0;
	padding: 0;
	text-align: center; 
    background: #C0C0C0;
}

body, #stin-start {
	background-position: 0px 0px 0px 0px;	
}

p, h1, h2, h3, h4, h5, h6, ul, ol, li, hr, form, fieldset, legend, table, theah, tbody, blockquote { /* resety */
	margin: 0;
	padding: 0;
}

a, a:link, a:active  {
	text-decoration: underline;
	color: #3F7D23;
}
a:visited {
	color: #3F7D23;
}
a:hover {
	color: #3F7D23;
/*	font-weight: bold; */
	text-decoration: none;
}

a img {
	border: 0;
}

table {
	font-size: 100%;
}

ul {
	list-style-type: none;
/*	margin-left: 15px; 
	margin-top: 10px;  */	
/*	width: 189px;*/
}
/* Media Player */
.mediaspace {
	height:240px;
	margin:20px 0 20px 285px;
	padding:0;
	text-align:center;
	width:320px;
}

/* Obrazek s popisem (xstandard) */
div.contImgLeft {
	padding: 0 20px 0 0;
	background-color: white;
	margin: 0;
	text-align: left;
	width: 235px;
        height:auto;
	float: left;
}
div.contImgLeft img {
	padding: 0;
	margin: 0 0 -15px 0;
}
div.contImgRight {
	padding: 0;
	background-color: white;
	margin: 0;
	text-align: left;
	width: 235px;
        height:auto;
	float: left;
}
div.contImgRight img {
	padding: 0;
	margin: 0 0 -15px 0;
}
p.description {
	padding: 10px;
	background-color: #E6E6E7;
        color: black;
        margin: 0;
	_margin: -15px 0 0 0;
	text-align: left;
	width: 215px;
        _width: 235px;
        height:auto;  
        clear: both;
}

/* nahrazeni textu obrazkem */
h1, h2, h3, #logo, #zalozky a, #zalozky strong, .visual, #promo blockquote {
	position: relative;
}

h1 span, h2 span, h3 span, #logo span, #zalozky span, .visual span, #promo blockquote span, .help-info span, .help-infow span { /* obrazky pro prepis textu */
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	height: 100%;
}
* html h1 a span, * html h3 a span, * html #logo a span, * html #zalozky a span, * html .blok p span.obr, * html .help-info, * html .help-infow  { /* zmena kurzoru pro IE u replacovanych odkazu */
	cursor: hand;
}

.hidden { /* skryte objekty */
	display: none;
}

.break { /* nasilne zalomeni na novy radek */
	display: block;
}


.screenHide {
	height: 0;
	overflow: hidden;
	position: absolute;
	width: 0;
}


#logo .screenHide { /* v grafickem rezimu neviditelne objekty */
	position: absolute;
  	overflow: hidden;
  	width: 0;
  	height: 0;
}

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

/* inputy, buttony, selecty, textarea */
input, select {
	vertical-align: middle;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 11px;
}
input {
	height: 15px;
/*	padding-top: 2px;
	padding-left: 2px;	*/
	border: 1px solid #B3B3B3;
	margin-right: 2px;	
	background: #fff url(../img/input-bg.gif) no-repeat left top;
}
input.disabled {
	height: 15px;
	padding-top: 2px;
	border: 1px solid #B3B3B3;
	background: #E3E3E3;
}
* html input, * html select {
	height: 20px;
}
* html select.multiple {
	height: auto;
}
textarea {
	border: 1px solid #B3B3B3;
	background: #fff url(../img/textarea-bg.gif) no-repeat left top;
}
input.button {
	height: 22px;
	padding: 0 10px 0 10px;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	border: 0;
	background: transparent url(../img/buttons-small.gif) no-repeat left top;
	cursor: pointer;
        width: 77px;
}
* html input.button {
	padding: 0 4px 0 4px;
	cursor: hand;
}
:root input.button {
	padding-bottom: 2px;
}
input.dark { /* tmava verze buttonu */
	background-color: #6F6F6F;
	background-image: url(../img/button-dark.gif);
}
input.radio, input.checkbox { /* reset */
	height: auto;
	border: 0;
	background-image: none;
        width: 20px !important;
        background-color: transparent !important;
        margin-left: -2px;
}

/* formulare */
fieldset {
	border: 0;
}
legend {
	display: none;
}

/* odkazy pro preskoceni v obsahu */
.skip a {
 	position: absolute;
  	overflow: hidden;
  	width: 0;
  	height: 0;
	color: #F24F00;
}
.skip a:active, .skip a:focus {
	color: #000;
  	display: block;
  	position: absolute;
  	overflow: visible;
	width: auto;
  	height: 50px;
	max-height: 14px;
	padding: 16px 50px 20px 20px;
  	top: 15px;
  	left: 300px;
	z-index: 100;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	background-color: #fff;
	border: 1px solid #EFEFEF;
	overflow: hidden;
}
* html .skip a:active {
	padding-top: 3px;
}
.skip a:hover {
	color: #F24F00;
}
.skip a span {
	position: absolute;
	display: block;
	top: 5px;
	right: 20px;
	font-size: 28px;
	color: #ddd;
}
.skip a:hover span {
	color: #000;
}

/* odkazy naformatovane jako tlacitka */
.A-Button:link, .A-Button:visited, .A-Button:hover, .A-Button:focus {
	display: block;
	width: auto;
	height: 29px;
	line-height: 27px;
	padding: 0 10px 0 10px;
	color: #fff !important;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background: #EB4D00 url(../img/a-button.gif) no-repeat left top;
	border-right: 1px solid #E75914;
}
:root .A-Button { /* protoze Mozilla zvetsuje i texty v absolutnich jednotkach */
	overflow: hidden;
}
.link-button:link, .link-button:visited, .link-button:hover, .link-button:focus {
	display: block;
	width: auto;
	height: 22px;
	line-height: 22px;
	padding: 0px 0px 0px 0px;
	color: #fff !important;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none !important;
/*	background: #6F6F6F url(../img/button-dark.gif) no-repeat left top; */
/*	border-right: 1px solid #737373;*/
	overflow: hidden;
        width: 167px;
        text-align: center;
}
.light {
/*	background: #A9A9A9 url(../img/button.gif) no-repeat left top !important; */
	background: #FFF url(../img/buttons.gif) no-repeat left top;
}




/*
Hlavni obsah stranky
*/
#kontejner {
	position: relative;
	width: 1020px;
	max-width: 1020px;
    *width: 1020px;
	padding: 0 0px 0 0px;
	*padding: 0 0px 0 0px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	/*overflow: hidden;*/
	z-index: 10;
    background: #2D0000 url(../img/shp/background_emo.jpg) no-repeat left top;
}
#stin-start, #stin-end { /* zacatek stinu - pres gradient na pozadi */
	position: absolute;
	left: 0;
	top: 0;
	display: block;
  width: 982px;
/* 	height: 630px; */
 	height: 650px;
	z-index: -1; /* dulezity zaporny z-index, aby stin nezakryval obsah stranky */
}
#stin-start { /* stin podel okraju stranky */
  background: transparent url(../img/shp/motiv.png) no-repeat scroll 60px 219px;
/*	background: url(../img/shp/hp_motive.jpg) no-repeat 25px 69px; */	
}
#stin-end { /* prechod stinu do stracena */
	top: auto;
	bottom: 0;
  height: 65px;
	z-index: 1;
}
* html #page-end { /* kryti pro renderovaci bug v IE pri rozbalovani leveho menu */
	position: absolute;
	left: 0;
	bottom: -1000px;
	display: block;
  width: 982px;
 	height: 1200px;
	background-color: #fff;
	z-index: -2;
}

/* 
Hlavicka
*/
#header {
	position: relative;
	width: 1020px;
	height: 45px; 
    background-color: #33719B;
    margin-left: 0px;
    *margin-left: 0px;
}


#header .L-em {
        background:transparent url(../img/logo-elektromobilita.jpg) no-repeat scroll left top;
        height:45px;
        margin-top:0px;
        width:200px;
        cursor: pointer;
}/*
#logo (
        color:#F24F00;
        display:block;
        font-size:22px;
        height:26px;
        left:26px;
        line-height:51px;
        position:relative;
        top:32px;
        width:26px;
}
*/


#logo {
	position: relative;
	display: block;
	width: 26px;
	height: 26px;
	line-height: 51px;
	font-size: 22px;
	overflow: hidden; 
	color: #F24F00;
}

#logo1 {
	position: relative;
/*	background: url(../img/logo.gif) no-repeat 25px 15px; */
	height: 51px;
	width: 1005px;
}

#logo a {
	color: #F24F00;
}
#logo strong {
	font-weight: normal;
}
* html #logo a span {
	cursor: hand;
}
/* Legenda k logum 
#logo - skupina CEZ (defaultni logo)
.L-pv - pro vetrniky

*/
#logo span {
	background-image: url(../img/logo.gif);
    cursor: hand;
}
#header .L-pv {
	width: 295px;
/*	border: 5px solid lightblue; */
	background: url(../img/logo-kradeze.gif) no-repeat left top;	
	margin-top: 0px;
	height: 48px;
    cursor: hand;
}
#header .L-pv span {
	background-image: url(../img/logo-kradeze.png);
    cursor: hand;
}



/*
Menu
*/
#misto-pro-menu { /* vytvoreni mista pro menu */
	width: 730px;
}
#misto-pro-menu span {
	display: block;
	float: left;
	width: 29em;
/*	height: 35px; */
	text-transform: uppercase;
	font-weight: bold;
}

/* top uroven - stale viditelne odkazy */
#menu {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 820px;
	*width: 820px;
	margin-left: 200px;
	z-index: 1000;
        font-weight: bold;
/*	padding-top: 15px; */
/*	padding-bottom: 40px; */
}

#menu-start {
	background: transparent url(../img/menu-start.png) no-repeat left top;
	behavior: url("/edee/content/sys/kel/css/iepngfix.htc");
}
#menu-middle {
/*   	background-color: #F24F00;	*/
	background: transparent url(../img/menu-bck1.png) left top;
	margin-top: -10px;
}
#menu-end {
	height: 21px;
	width: 195px;
	background: transparent url(../img/menu-end.png) no-repeat left bottom;
	behavior: url("/edee/content/sys/kel/css/iepngfix.htc");
}

#menu li {
        color:#333333;
        float:left;
        font-size:110%;
        line-height:100%;
        position:relative;
}

#menu li li {
	margin-left: 20px;
}

#menu li a {
	color: #fff;
	text-decoration: none;
	display: block;
        height: 45px;
        overflow: hidden;
        position: relative;
}

#menu li a:hover {
        color: #7FD824;
}

#menu li#p-emo-100 a {
	background: url(../img/cs-menu-1.gif) left top no-repeat;
        width: 81px;
        cursor: pointer;
}
#menu li#p-emo-100 a:hover {
        background: url(../img/cs-menu-1.gif) left bottom no-repeat;
}
#menu li#p-emo-100 a.actual, #menu li#p-emo-100 a.actual:hover {
        background: url(../img/cs-menu-1.gif) 0px -90px no-repeat;
}

#menu li#p-emo-200 a {
	background: url(../img/cs-menu-2.gif) 0px 0px no-repeat;
        width: 107px;
        cursor: pointer;
}
#menu li#p-emo-200 a:hover {
        background: url(../img/cs-menu-2.gif) 0px -45px no-repeat;
}
#menu li#p-emo-200 a.actual, #menu li#p-emo-200 a.actual:hover {
        background: url(../img/cs-menu-2.gif) 0px -90px no-repeat;
}

#menu li#p-emo-300 a {
	background: url(../img/cs-menu-3.gif) 0px 0px no-repeat;
        width: 86px;
        cursor: pointer;
}
#menu li#p-emo-300 a:hover {
        background: url(../img/cs-menu-3.gif) 0px -45px no-repeat;
}
#menu li#p-emo-300 a.actual, #menu li#p-emo-300 a.actual:hover {
        background: url(../img/cs-menu-3.gif) 0px -90px no-repeat;
}

#menu li#p-emo-400 a {
	background: url(../img/cs-menu-4.gif) 0px 0px no-repeat;
        width: 105px;
        cursor: pointer;
}
#menu li#p-emo-400 a:hover {
        background: url(../img/cs-menu-4.gif) 0px -45px no-repeat;
}
#menu li#p-emo-400 a.actual, #menu li#p-emo-400 a.actual:hover {
        background: url(../img/cs-menu-4.gif) 0px -90px no-repeat;
}

#menu li#p-emo-500 a {
	background: url(../img/cs-menu-5.gif) 0px 0px no-repeat;
        width: 123px;
        cursor: pointer;
}
#menu li#p-emo-500 a:hover {
        background: url(../img/cs-menu-5.gif) 0px -45px no-repeat;
}
#menu li#p-emo-500 a.actual, #menu li#p-emo-500 a.actual:hover {
        background: url(../img/cs-menu-5.gif) 0px -90px no-repeat;
}

#menu li#p-emo-600 a {
	background: url(../img/cs-menu-6.gif) 0px 0px no-repeat;
        width: 154px;
        cursor: pointer;
}
#menu li#p-emo-600 a:hover {
        background: url(../img/cs-menu-6.gif) 0px -45px no-repeat;
}
#menu li#p-emo-600 a.actual, #menu li#p-emo-600 a.actual:hover {
        background: url(../img/cs-menu-6.gif) 0px -90px no-repeat;
}

#menu li#p-emo-700 a {
	background: url(../img/cs-menu-7.gif) 0px 0px no-repeat;
        width: 112px;
        cursor: pointer;
}
#menu li#p-emo-700 a:hover {
        background: url(../img/cs-menu-7.gif) 0px -45px no-repeat;
}
#menu li#p-emo-700 a.actual, #menu li#p-emo-700 a.actual:hover {
        background: url(../img/cs-menu-7.gif) 0px -90px no-repeat;
}


#menu li#p_emo_100 a {
	background: url(../img/en-menu-1.gif) 0px 0px no-repeat;
        width: 81px;
        cursor: pointer;
}
#menu li#p_emo_100 a:hover {
        background: url(../img/en-menu-1.gif) 0px -45px no-repeat;
        *background: url(../img/en-menu-1.gif) 0px center no-repeat;
}
#menu li#p_emo_100 a.actual, #menu li#p_emo_100 a.actual:hover {
        background: url(../img/en-menu-1.gif) 0px -90px no-repeat;
}

#menu li#p_emo_200 a {
	background: url(../img/en-menu-2.gif) 0px 0px no-repeat;
        width: 107px;
        cursor: pointer;
}
#menu li#p_emo_200 a:hover {
        background: url(../img/en-menu-2.gif) 0px -45px no-repeat;
}
#menu li#p_emo_200 a.actual, #menu li#p_emo_200 a.actual:hover {
        background: url(../img/en-menu-2.gif) 0px -90px no-repeat;
}

#menu li#p_emo_300 a {
	background: url(../img/en-menu-3.gif) 0px 0px no-repeat;
        width: 86px;
        cursor: pointer;
}
#menu li#p_emo_300 a:hover {
        background: url(../img/en-menu-3.gif) 0px -45px no-repeat;
}
#menu li#p_emo_300 a.actual, #menu li#p_emo_300 a.actual:hover {
        background: url(../img/en-menu-3.gif) 0px -90px no-repeat;
}

#menu li#p_emo_400 a {
	background: url(../img/en-menu-4.gif) 0px 0px no-repeat;
        width: 105px;
        cursor: pointer;
}
#menu li#p_emo_400 a:hover {
        background: url(../img/en-menu-4.gif) 0px -45px no-repeat;
}
#menu li#p_emo_400 a.actual, #menu li#p_emo_400 a.actual:hover {
        background: url(../img/en-menu-4.gif) 0px -90px no-repeat;
}

#menu li#p_emo_500 a {
	background: url(../img/en-menu-5.gif) 0px 0px no-repeat;
        width: 123px;
        cursor: pointer;
}
#menu li#p_emo_500 a:hover {
        background: url(../img/en-menu-5.gif) 0px -45px no-repeat;
}
#menu li#p_emo_500 a.actual, #menu li#p_emo_500 a.actual:hover {
        background: url(../img/en-menu-5.gif) 0px -90px no-repeat;
}

#menu li#p_emo_600 a {
	background: url(../img/en-menu-6.gif) 0px 0px no-repeat;
        width: 154px;
        cursor: pointer;
}
#menu li#p_emo_600 a:hover {
        background: url(../img/en-menu-6.gif) 0px -45px no-repeat;
}
#menu li#p_emo_600 a.actual, #menu li#p_emo_600 a.actual:hover {
        background: url(../img/en-menu-6.gif) 0px -90px no-repeat;
}

#menu li#p_emo_700 a {
	background: url(../img/en-menu-7.gif) 0px 0px no-repeat;
        width: 112px;
        cursor: pointer;
}
#menu li#p_emo_700 a:hover {
        background: url(../img/en-menu-7.gif) 0px -45px no-repeat;
}
#menu li#p_emo_700 a.actual, #menu li#p_emo_700 a.actual:hover {
        background: url(../img/en-menu-7.gif) 0px -90px no-repeat;
}


/*
#menu li {
	position: relative;
	float: left;
	color: #305675;
	font-size: 12px;
	width: 170px;
	line-height: 100%;
}
#menu li a {
	display: block;
	color: #043862;
	text-decoration: none;
	padding: 5px 11px 8px 11px;
	border-bottom: 1px solid #fff;
}

#menu li a.rozb{
	background: #E9E9E9 url(../img/page/menu-sipka.gif) no-repeat 94% center !important;
}

#menu li a.rozb:hover{
	background: White url(../img/page/menu-sipka.gif) no-repeat 94% center !important;
}


#menu li a:hover {
        border-top: 7px solid #7FD824;
	color: #7FD824;
}
#menu li a.rozb:hover,
#menu li li a:hover {
	color: black;
	text-decoration: none;
}

/* rozbalovaci menu */
/*
#menu ul {
	width: 190px;
	margin: 0;
}
#menu ul li {
	position: relative;
	padding: 0;
	float: none !important;
	line-height: 105% !important;	
}

#menu li.rozb a {
	padding: 9px 11px 14px 12px;
	position: relative;
	left: -1px;
	margin-right: -1px;
	margin-top: -4px;
	min-height: 15px;	
	color: #333;
	text-decoration: none;
	background-color: #E9E9E9;
}
#menu li.rozb a:hover {
	text-decoration: none;
}
#menu li.rozb li {
	background: #E9E9E9 none no-repeat 94% center;
	width: 100%;
	opacity: 0.94;
  	-moz-opacity: 0.94;
  	-khtml-opacity: 0.94;
}
#menu li.rozb li:hover {
	opacity: 1;
  	-moz-opacity: 1;
  	-khtml-opacity: 1;
}
#menu li.rozb li a {
	padding: 6px 18px 7px 26px;
	left: 0;
	margin: 0;
	font-weight: normal;
	background-color: transparent;
	background: url(../img/page/menu-odrazka2.gif) no-repeat 12px center;
}
#menu li.rozb li a:hover {
	position: static;
	font-weight: normal;
	padding: 6px 18px 7px 26px;
	margin: 0;
	left: 0;
	background-color: #fff;
	background-image: url(../img/page/menu-odrazka-activ.gif);
}
* html #menu li.rozb li a, * html #menu li.rozb li a:hover {
	padding-bottom: 8px;
}

#menu li li {
	font-size: 100%;
}

#menu div {
	position: absolute;
	top: 31px;
	left: -1px;
}
#menu div div {
	top: auto;
	left: 190px;
	margin-top: -2.15em;
}

.menuLeft div div {
  margin-left: -380px;
}

*/


/*
Hlavni box pro obsah stranky s rameckem
*/
#content {
	clear: both;
	padding: 10px 0px 10px 0px;
	text-align: left;
	position: relative;
	z-index: 10;
	width: 960px;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;

}
* html #content {
	margin-bottom: -50px;
        margin-left: -6px;
        padding-left: 30px;
        width: 1020px;
}

#video {
        width: 1020px;
        height: 465px;
        margin-left:-30px;
        *margin-left:-24px;
        margin-top:-10px;
        padding-bottom: 10px;

}

/*
Centralni box
*/
#bloky3 {	
/*    background: transparent ; 
	background: black none repeat scroll 0 0 !important; */
	float: left;
	position: relative;
    top: -65px;
	left: 417px;
	width: 296px;
	height: 465px;
    min-height: 465px;
    padding-bottom: 0px;
	font-size: 11px;
}
* html #bloky3 {
	height: 490px;
}

#bloky3 ul {
	margin-left: 10px;
	margin-top: 10px;	
	width: 265px;
	background: url(../img/hr.gif) no-repeat 35px bottom;
	padding-bottom: 1px;
}

#bloky3 .none ul {
	margin-left: 10px;
	margin-top: 10px;	
	width: 265px;
	padding-bottom: 1px;
	backgrond-image: none;
}

.ht span {
	background: url(../img/hr.gif) no-repeat left top;
	display: block;
	width: 160px;
	height: 3px;
}
*/
/* tri svisle bloky s odkazy */
.blok {
	float: left;
	width: 250px;
	max-width: 220px !important; 
	padding: 15px 10px 60px 15px;
	border-right: 5px solid #fff;
	background: url(../img/page-box-top.gif) no-repeat left top;	
	overflow: hidden;
	height: 100%;
}
.blok h1 { /* oranzovy velky nadpis sekce */
	width: 240px;
	max-width: 204px;
	*max-width: 240px;
	height: 50px;
	padding: 0 18px 0 18px;
	*padding: 0 0 0 0;
	margin: -15px 0 3px -10px;
	background-color: #F24F00;
	color: white;
	font-size: 15px;
	line-height: 50px;
	text-transform: uppercase;
	overflow: hidden;
}
.blok h1 a, .blok h1 a:visited {
	color: #fff;
	text-decoration: none;
}

.blok p {
	position: relative;
	padding-left: 88px;
	padding-top: 15px;
	margin-bottom: 2px;
	background-repeat: no-repeat;
	background-position: 0pt 5pt;
}

.blok p a {
	display: block;
	color: #000;
	margin-bottom: 4px;
	font-weight: bold;
	line-height: 145%;
}
.blok p a:visited {
	color: #666;
}
:root .blok p a {
	line-height: 135%; /* korekce pro FF */
}
.blok p a:hover {
	color: #EB4D00;
}
.blok strong a, .blok strong a:visited { /* nadpisy podsekci */
	display: block;
	font-weight: normal;
	font-size: 84%;
	color: #F24F00;
	text-transform: uppercase;
	text-decoration: none;
	margin-bottom: 3px;
}
.blok strong a:hover {
	color: #333;
	text-decoration: underline;
}
.blok ul a span {
	font-weight: bold;
}

.blok p span.obr {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 65px;
	height: 65px;
	margin: 0;
}
* html .blok p span.obr {
	left: -88px;
}

.blok .A-Button { /* odkaz nastylovany jako tlacitko */
	position: absolute !important;
	bottom: 17px;
}

/* dva svisle bloky s odkazy */
.blok2 {
	background: black none repeat scroll 0 0;
	float: left;
    width: 291px;
	_width: 291px;
	max-width: 355px;
	padding: 15px 0px 0px 0px;
	overflow: hidden;
    height: 355px;
}
* html .blok2 {
    height: 360px;
	_margin-bottom: -60px;
}
.blok2 #obr1{
	background: url(../img/ico1.gif) no-repeat left top;
}
.blok2 #obr2{
	background: url(../img/ico2.gif) no-repeat left top;
}
.blok2 #obr3{
	background: url(../img/ico3.gif) no-repeat left top;
}
.blok2 #obr4{
	background: url(../img/ico4.gif) no-repeat left top;
}
.blok2 #obr5{
	background: url(../img/ico5.gif) no-repeat left top;
}
.blok2 a {
        color: #000 !important;
}
.blok2 a:hover {
        color: #F24F00 !important;
}
.blok2 h1 { /* oranzovy velky nadpis sekce */
	width: 267px;
	max-width: 237px;
	height: 40px;
	padding: 0 18px 0 18px;
	margin: -15px 0 3px -10px;
	background-color: #F24F00;
	color: #fff;
	font-size: 15px;
	line-height: 50px;
	text-transform: uppercase;
	overflow: hidden;
}
.blok2 h1 a, .blok2 h1 a:visited {
	color: #fff;
	text-decoration: none;
}
.blok2 p {
	position: relative;
	padding-left: 0px;
	padding-top: 0px;
	margin-left: 15px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: 0 0;
	line-height: 15px;
	font-size: 11px;
}

.blok2nadpis h2 {
	font-family: Arial,Verdana,Helvetica,sans-serif;
    color: white;
	font-size: 18px;
	background: transparent url(../img/h2.gif) no-repeat left 10px;
/*	text-indent: 20px; */
	padding-top: 5px;
	padding-bottom: 15px;
	padding-left: 20px;
    font-weight: normal;
}
.blok2nadpis p a {
	display: block;
	margin-bottom: 4px;
	font-weight: bold;
	line-height: 145%;
}


.blok2 h2 {
	font-family: Arial,Verdana,Helvetica,sans-serif;
    color: white;
	font-size: 18px;
	background: url(../img/h2.gif) no-repeat left 10px;
/*	text-indent: 20px; */
	padding-top: 5px;
	padding-bottom: 15px;
	padding-left: 20px;
    font-weight: normal;
}
.blok2 p a {
	display: block;
	margin-bottom: 4px;
	font-weight: bold;
	line-height: 145%;
}
.blok2 p a:visited {
	color: #666;
}
:root .blok2 p a {
	line-height: 135%; /* korekce pro FF */
}
.blok2 p a:hover {
	color: #EB4D00;
}
.blok2 strong a, .blok2 strong a:visited { /* nadpisy podsekci */
	display: block;
	font-weight: normal;
	font-size: 84%;
	color: #F24F00;
	text-transform: uppercase;
	text-decoration: none;
	margin-bottom: 3px;
}
.blok2 strong {
/*	display: block; */
	margin: 5px 0 0 0;
	font-size: 110%;
	color: white;
}
.blok2 strong a:hover {
	color: #333;
	text-decoration: underline;
}
.blok2 ul {
	position: relative;
/*	margin-bottom: 28px; */
}

#content .blok2 li {
	padding-left: 35px;
	margin-bottom: 12px;
	font-size: 11px;
	color: #B2B2B2;
	text-align: justify;
/*	background: url(../img/li-2.gif) no-repeat 0 1px; */
}
.blok2 ul a {
	color: #000;
	font-weight: bold;
}
.blok2 ul a:visited {
	color: #666;
}
.blok2 ul a:hover {
	color: #F24F00;
}
.blok2 ul a span {
	font-weight: bold;
}
.blok2 p span.obr {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 65px;
	height: 65px;
	margin: 0;
}
* html .blok2 p span.obr {
	left: -88px;
}
.blok2 .mapka {
  background: url(../img/page/mapka.jpg) left bottom no-repeat;
}
.blok2 .mapka p {
  padding: 0 12px 12px 12px;
}
.blok2 .mapka strong {
  margin: 20px 0 15px 0;
}
.blok2 .mapka span {
  display: block;
  width: 70px;
}
.blok2 .mapka a {
  color: #000 !important;
  display: block;
  margin-top: 30px;
  width: 100px;
}
.blok2 .mapka a:hover {
  color: #F24F00 !important;
}
.blok2 .mapka span a {
  display: inline;
  margin: 0;
  text-decoration: none;
  width: 18px;
}

/* 
Pravy sloupec
*/
#right {
	float: right;
	width: 200px;
	position: relative;
	z-index: 10;
}
/* Sede boxy v pravem sloupci */
.box {
	width: 200px;
	max-width: 174px;
	padding: 0 13px 15px 13px;
	margin-bottom: 11px;
	background: #F5F5F5 url(../img/right-box-bg.gif) no-repeat left bottom;
	overflow: hidden;
}
.box h3 { /* nadpisy sedych boxu */
	width: 220px;
	max-width: 180px;
	height: 28px;
	padding: 0 10px 0 10px;
	margin-left: -13px;
	margin-bottom: 12px;
	line-height: 28px;
	font-size: 11px;
	text-transform: uppercase;
	color: #000;
	background-color: #E8E8E8;
	overflow: hidden;
}
.box h3.long { /* pro dvouradkove nadpisy */
	height: 50px;
	max-height: 40px;
	padding-top: 10px;
	line-height: 15px;
}
.box h3 a, .box h3 a:visited {
	color: #000;
	text-decoration: none;
}
.box h3 a:hover {
	color: #F24F00;
	text-decoration: underline;
}
.tiskovky h3 span { /* obrazky pro jednotlive nadpisy sekci */
	background-image: url(../img/nadpisy/tiskove-zpravy.gif);
}
.aktuality h3 span { /* obrazky pro jednotlive nadpisy sekci */
	background-image: url(../img/nadpisy/aktuality.gif);
}
* html .tiskovky { /* tiskove zpravy */
	padding-bottom: 4px; /* korekce */
}
* html .tiskovky h3 {
	margin-bottom: 14px; /* korekce */
}
.box a:visited {
	color: #EE9A7D;
}
.box a:hover {
	color: #000;
}
.tiskovky p a {
	display: block;
	margin: 2px 0 15px 0;
}

/* vycet odkazu se svislitky */
#content .vycet li {
	float: left;
	margin: 0;
	padding-left: 0;
	padding-right: 7px;
	margin-right: 7px;
	background: url(../img/li-sep.gif) no-repeat right center;
}
#kontejner .noB {
	background-image: none !important;
	border-right: 0;
}
.vycet li a, .vycet li a:visited {
	color: #000;
}
.vycet li a:hover {
	color: #EB4D00;
}
#small #right a:hover {
  color: #000 !important;
}
#small #content .vycet li{
	background: #FFF;
}
#small #content .vycet a {
  color: #000;
}
#small #content .vycet a:hover {
  color: #F24F00 !important;
}

/* 
Pata stranky 
*/
#footer {
        margin-top: 5px;
        *margin-top: 35px;
	width: 966px;
	position: relative;
	z-index: 10;
	color: #fff;
}
#footer a, #footer a:visited {
	color: #968080;
        text-decoration: underline;
        cursor: pointer;
}
#footer a:hover {
	color: #968080;
        text-decoration: none;
}
#odkazy { /* lista odkazu */
	width: 100%;
	margin-bottom: 15px;
	background-color: #F3F3F3;
}
#odkazy a {
	color: #000;
}
#odkazy a:visited {
	color: #737373;
}
#odkazy a:hover {
	color: #F24F00;
}
#footer li {
	float: left;
	margin-top: 15px;
	padding: 0 12px 15px 12px;
	border-right: 1px solid #fff;
}
#footer form { /* select pro vyber zeme */
	float: right;
	margin-top: 13px;
	padding-right: 12px;
}
#footer label {
	vertical-align: middle;
}
#footer select, #footer input {
	margin-left: 5px;
}
#footer p { /* copyright + created by */
	float: right;
	text-align: right;
}
#footer p#smallmenu {
	float:left;
	font-size:11px;
	margin-top:20px;
	padding-left:34px;
	text-align:left;
        color: #968080;
}



#smallmenu a:link, #smallmenu a:hover, #smallmenu a:visited {
        color: #968080 !important;
        cursor: pointer;
}
#smallmenu span {
	padding-left: 3px;
	padding-right: 3px;
}

#footer p#copy {
	float:right;
	font-size:11px;
	margin-top:20px;
	padding-right:30px;
	text-align:left;
        color: #968080;
}

#copy span {
	padding-left: 3px;
	padding-right: 3px;
}

#frameFooter {
	height: 60px;
	width: 1005px;
}

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

#content img.fLeft {
	float: left;
	margin: 0px 20px 15px 0px;
}
#content img.fRight {
	float: right;
	margin: 0px 0px 15px 20px;
}
#nadpis {
	background: transparent none repeat scroll 0 0;
}
#nadpis .under_h2 {
	background: transparent url(../img/under_h2.gif) repeat-x left top;
	border: none;
	height: 3px;
	_margin-bottom: 0px;
}

img {behavior: url("/edee/content/sys/kel/css/iepngfix.htc") }


#footer p#send {
    background: transparent url(../img/ico_obalka.gif) no-repeat left top;
/*	float: left; */
/*	width: 750px; */
/*	text-align: right; */
    margin-top: -34px;
	font-size: 11px;
	padding-right: 35px;
/*	position: absolute; */
    text-indent: 30px;
	padding-bottom: 5px;
	padding-top: 3px;
}


.messageBox .alert {
	background-image: url(../img/hlaska-alert.gif) !important;
}

body .messageBox {
	background-color: #FFFFFF !important;
	border: 1px solid #BCBCBC !important;
	float: none !important;
	margin: 10px 0px 0px 0px !important;
	padding: 0 !important;
	position: relative !important;
	width: 410px !important;
}

body .messageBox p {
	background-color: #DCDCDC !important;
	background-position: left center !important;
	background-repeat: no-repeat !important;
	border: 3px solid #FFFFFF !important;
	color: #333333 !important;
	display: block !important;
	float: none !important;
	margin: 0 !important;
	padding: 17px 15px 17px 68px !important;
	position: relative !important;
	width: 320px !important;
	*width: 410px !important;
}

#playbutton {
  background: transparent url(../img/shp/sipka.gif) no-repeat left top;
  height: 81px;
  width: 164px;
/*  position: absolute; */
  left: 50px;
  top: -10px;
  border: none;
  cursor: pointer;
  position: relative;
}

#jazyky {
	margin-top: -43px;
	right: 25px;
	z-index: 1001;
        float: right;
        position: absolute;
}

#jazyky a:link, #jazyky a:visited {
        color: #fff;
        text-decoration:none;
}
#jazyky a:hover  {
        color: #fff;
        text-decoration:none;
}

#vyriznute, #vyriznute-tz {
        background:#fff url(../img/page/content-bgd.jpg) no-repeat scroll left top;
        color: #000;
        margin-top: 10px; 
        *width: 960px;
        position: relative;
        *left: 6px;
}

#vyriznute h2{
        padding: 30px 60px 0px 60px;
        font-size: 20px;
        color: #33719B;
        *clear:both;
}
#vyriznute h3{
        padding: 10px 0px 0px 0px;
        font-size: 14px;
        font-weight: bold;
        color: #EF4E00;
}
.tz-detail {
    padding: 0 60px 20px;
}
.tz-detail table { 
    color: #000;
    text-align: left;
    border-bottom:1px solid #B5B4B4;
    border-top:2px solid #B5B4B4;
    margin-top: 15px;
}
.tz-detail th { 
    padding:9px 12px;
}
.tz-detail td {
    border-color:-moz-use-text-color -moz-use-text-color #B5B4B4;
    border-style:none none solid;
    border-width:0 0 1px;
    padding:4px 12px;
}
.tz-item {
    width: 360px;
}

#vyriznute .tz-item h2{
        padding-left: 0px !important;
}
#leftbody .tz-item h2{
        padding-left: 0px !important;
}


#vyriznute p {
        padding: 5px 0px 5px 0px;
}
#leftbody p, #rightbody p{
        padding: 10px 0px 10px 0px;
}
#vyriznute p.tzlist {
        padding: 0px 0px 5px 0px;
}

#bodypipe {
        background: url(../img/pipe.gif) repeat-y 470px top;
        margin-top: 20px;
        margin-bottom: 20px;
}
#leftbody, #rightbody {
        float: left;
        display: inline;
        padding-bottom: 0px;
}
#leftbody {
        width: 360px;
        margin: 0 50px 0 60px;
}
#rightbody {
        width: 360px;
        margin: 0 60px 0 50px;
}
#leftbody a, #rightbody a {
        text-decoration: underline;
}
#leftbody a:hover, #rightbody a:hover {
        text-decoration: none;
}
.greybody {
    background: #EFEDEB;
    margin: 42px 50px;
}
.greybody #bodypipe {
    margin-top: 0px;
    background: url(../img/pipe.gif) repeat-y center top;
}
.greybody #leftbody {
    margin: 0 45px 0 25px;
}
.greybody #rightbody {
    margin: 0 0px 0 45px;
}
.greybody h3 {
    padding: 20px 0 0 25px;
}

.greybody h3.megafon {
    padding: 25px 0px 0px 55px !important;
    *padding: 25px 0px 10px 55px !important;
}
.download {
    padding-bottom: 20px;
}
.download .greybody {
    padding: 20px;
    margin: 20px 50px 20px 50px;
}
.download h3 {
    font-size: 18px !important;
    padding: 0px 0 20px 0 !important;
}
.wallpaper-item {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}
.wallpaper-item.last {
    margin-right: 0px;
}
.wallpaper-item .links {
    text-align: center;
    font-size: 10px;
    line-height: 1.8;
}
.wallpaper-item .links a {
    color: #555555;
    cursor: pointer;
}
.iphone-item {
    float: left;
    margin-right: 20px;
}
.iphone-right {
    float: left;
    margin-left: 30px;
    margin-top: -30px;
    font-size: 11px;
    background: url(../img/pipe-grey.gif) no-repeat left 30px;
    padding-bottom: 10px;
}
.iphone-right p {
    padding: 10px 0 0px 40px !important;
}
.iphone-right h4 {
    color: #555555;
    font-size: 14px;
    padding: 0 0 10px 40px;
}


.buttons {
/*        margin-left: 60px;*/
         width: 400px;
         *width: 380px;
}
.buttons .link-button {
	margin-top: 10px;
        margin-right: 25px;
        *margin-right: 15px;
        float: left;
}
.filters {
        margin-left: 60px;
}
#vyriznute h2.tz {
        color: #EF4E00;
        font-size: 14px;
        font-weight: bold;
        padding-bottom: 0px;
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
}
#vyriznute h2.tz a {
        color: #EF4E00;
        text-decoration: underline;
        cursor: pointer;
        padding: 30px 0px 10px 0px;
}
#vyriznute h2.tz a:hover {
    text-decoration: none;
}
#vyriznute p.perex {
        padding: 10px 0px 20px 0px;
        color: #8D8D8D;
}
#vyriznute h4.tz {
        margin-left: 60px;
        color: #8D8D8D;
}
#vyriznute h2.tz-detail {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
}

/* Strankovani */
.strankovani {
	padding: 10px 5px 10px 5px;
	color: #333;
	font-weight: bold;
	text-align: center;
    width: 150px;
    *width: 160px;
    margin-left: 389px;
    clear: both;    
}
.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 0px 16px 24px;
	margin: 0;
	margin-top: -3px;
	border: 1px solid #DBDBDB;
	background: url(../img/page/strankovani-prev.gif) no-repeat 6px 7px;
}
* html .strankovani .prev, * html .strankovani .next {
	margin-top: 3px;
        padding-bottom: 0px;
}
.strankovani span.prev,.strankovani span.next {
	text-decoration: none;
	color: #999;
	background: url(../img/page/strankovani-prev-noactive.gif) no-repeat 6px 7px;
        padding: 10px;
        *padding: 10px 10px 0px 10px;
}
.strankovani span.next {
	background: url(../img/page/strankovani-next-noactive.gif) no-repeat 6px 7px;
}

.strankovani .next {
	float: right;
	padding-left: 10px;
	padding-right: 28px;
	background: url(../img/page/strankovani-next.gif) no-repeat 6px 7px;
        padding: 10px 10px 10px 10px;
        *padding: 10px 10px 10px 10px;
}
.strankovani .prev {
    padding: 10px;
    *padding: 10px 10px 10px 10px;
}

.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;
}
.inputy {
        float: left;
}
#vyriznute-form {
        color: #000;
        *width: 960px;
        position: relative;
        padding: 0px 60px 20px 60px;
}
#vyriznute-form .formular {
        background-color: #EFEDEB;
        padding: 10px 30px 10px 30px;
}
#vyriznute-form .formular h2 {
        color:#33719B;
        font-size:14px;
        padding:10px 60px 10px 0px;
}
.formular table {
        color: #666666;
        font-weight: normal;
        text-align: left;
}
.formular table label {
        margin-left: -5px;
        *margin-left: 0px;
}
.formular input {
        border: none;
        background: #fff;
        width: 285px;
        *width: 285px;
}
.checkbox input {
        width: 25px;
        background: transparent !important;
}
.formular textarea {
        border: none;
        background: #fff;
}

.mailform  span {
    color: #666666;
}

#vyriznute-form .link-button input {
	background: transparent url(../img/buttons-small.gif) no-repeat left top;
}
#vyriznute p.note {
        padding: 5px 60px 10px 0px !important;
}

#vyriznute-form .link-button:link, #vyriznute-form .link-button:visited, #vyriznute-form .link-button:hover, #vyriznute-form .link-button:focus {
	display: block;
	width: auto;
	height: 22px;
	line-height: 22px;
	padding: 0px 0px 0px 0px;
	font-size: 11px  !important;
	font-weight: bold;
	text-decoration: none;
	overflow: hidden;
        width: 77px;
        text-align: center;
        color: #fff !important;
}
#vyriznute-form .light {
	background: transparent url(../img/buttons-small.gif) no-repeat left top;
        width: 77px;
        height: 22px;
        cursor: pointer;
        color: #fff;
	font-weight: bold;
}

/*.strankovani-zakladni */
.strankovani-zakladni {
	padding: 10px 5px 10px 5px;
	color: #333;
	font-weight: bold;
	text-align: center;
    width: 350px;
    *width: 360px;
    margin-left: 300px;
    *margin-left: 291px;
    clear: both;    
}
.strankovani-zakladni a, .strankovani-zakladni .act, .strankovani-zakladni .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-zakladni .nrCenter a, * html .strankovani-zakladni .act {
	height: 19px;
}

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

.strankovani-zakladni .noact, .strankovani-zakladni .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-zakladni .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-zakladni .act {
/*	background-color: #F24F00;*/
/*	border: 1px solid #F24F00;*/
	color: #F24F00;
	margin-top: 3px;
	_margin-top: 0px;
}
.strankovani-zakladni a:hover {
	border: 1px solid #F24F00;
	color: #F24F00;
}
.strankovani-zakladni .prev, .strankovani-zakladni .next {
	display: block;
	height: auto;
	float: left;
	padding: 4px 0px 16px 24px;
	margin: 0;
	margin-top: -3px;
	border: 1px solid #DBDBDB;
	background: url(../img/page/strankovani-prev.gif) no-repeat 6px 7px;
}
* html .strankovani-zakladni .prev, * html .strankovani-zakladni .next {
	margin-top: 3px;
        padding-bottom: 0px;
}
.strankovani-zakladni span.prev,.strankovani-zakladni span.next {
	text-decoration: none;
	color: #999;
	background: url(../img/page/strankovani-prev-noactive.gif) no-repeat 6px 7px;
        padding: 10px;
        *padding: 10px 10px 0px 10px;
}
.strankovani-zakladni span.next {
	background: url(../img/page/strankovani-next-noactive.gif) no-repeat 6px 7px;
}

.strankovani-zakladni .next {
	float: right;
	padding-left: 10px;
	padding-right: 28px;
	background: url(../img/page/strankovani-next.gif) no-repeat 6px 7px;
        padding: 10px 10px 10px 10px;
        *padding: 10px 10px 10px 10px;
}
.strankovani-zakladni .prev {
    padding: 10px;
    *padding: 10px 10px 10px 10px;
}

.strankovani-zakladni .nrCenter {
	float: left;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 290px;
	_width: 290px;	
	margin-left: -5px;
	_margin-left: 5px;	
	margin-bottom: 1px;
}
* html .strankovani-zakladni .nrCenter {
	padding-top: 2px;
	margin-bottom: -2px;
}
#vyriznute h3.megafon {
       	background: url(../img/megafon.gif) no-repeat 25px 20px;
        height: 26px;
}

#pravebody-form .link-button input {
	background: transparent url(../img/buttons-small.gif) no-repeat left top;
}
#pravebody-form p.note {
        padding: 5px 60px 10px 0px !important;
}

#pravebody-form .link-button:link, #pravebody-form .link-button:visited, #pravebody-form .link-button:hover, #pravebody-form .link-button:focus {
	display: block;
	width: auto;
	height: 22px;
	line-height: 22px;
	padding: 0px 0px 0px 0px;
	font-size: 11px  !important;
	font-weight: bold;
	text-decoration: none;
	overflow: hidden;
        width: 77px;
        text-align: center;
        color: #fff !important;
}
#pravebody-form .light {
	background: transparent url(../img/buttons-small.gif) no-repeat left top;
        width: 77px;
        height: 22px;
        cursor: pointer;
        color: #fff;
	font-weight: bold;
}
.greybody #pravebody-form {
        *margin:0 0 0 45px;
}
#noflash {
        color: #000;
/*        padding-left:60px;
        padding-top:100px;
        *padding-left:0px;
        *padding-top:0px;*/
}
