body {
   font: 12px 'Tahoma CE', Tahoma, 'Verdana CE', Verdana, 'Arial CE', Arial, helvetica, sans-serif;
	margin:0;
   padding:5px 0 0 5px;
   background-color: #808080;
	color: white;
}

#main {
  	position:relative;
  	width:945px;
	margin: 0 auto;
	padding: 0;
	background-color: #7878FF;
	border: 3px solid #B1B1FF;
	overflow: hidden;
}

#top {
	position: relative;
	/*width: 100%;*/
	height: 150px;
	margin-bottom: 0px;
	padding-right: 0px;
	/*border-top: 1px solid red;*/
	/*background: url(obr/draty.jpg) no-repeat right;*/
	background: url(obr/sprintel_top.png) no-repeat right;
}
#top .logo	{
	position: absolute;
	top: 5px;
	left: 5px;
	/*border: 1px solid Black;*/
}

#top .datum {
	float: right;
	margin-top: 130px; 
	font-weight: bold;
	color: blue;
	/*border: 1px solid #7878ff;*/
}
#top .kontakt {
	float: left;
	margin-top: 130px;
	font-size: 11px;
}
#top ul {
	margin: 0px;
	padding: 0px 5px;
}
#top ul li {
	display: inline;
	padding: 0 5px;
	border-right: 1px solid #FFCE00;
}
#top ul li span.spec-search, #top ul li span.spec-search a{
	color: #FFCE00;
}


.banner-ie {
text-align: center;
}

.banner {
width: 468px;
height: 60px;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
text-align: left;
background-color: #cccccc;
}
#left_1page {
	width: 260px;
	float: left;
	text-align:center;
}
.news {
	height: 400px;
	overflow: hidden;
	font-size: 11px;
	/*color: #466279;*/
	color: #395063;
	border-left: 2px solid #7AA2BD;
	border-right: 2px solid #7AA2BD;
	border-bottom: 15px solid #7AA2BD;	
	padding: 0 5px 0 5px;
	margin: 10px 5px 0 0;
	background-color: #AED9F8;
	text-align:left;
}
.news h3 {
  margin: 0px -5px 0px -5px;
  padding: 10px 10px 0px 20px;
  color: white;
  /*background: #c8b36a;*/		
	background-color: #7AA2BD;	
}
.news .datum {
	font-weight: bold;
	color: blue;
}

.left {
	width: 170px; /*height: 800px;*/
	float: left;
	/*overflow: hidden;*/
	color: Navy;
	font-size: 11px; /*background-color: #7878ff;*/
	padding: 0px;
}

.left h5{
	font-size: 12px;
	padding-left:5px;
	text-decoration: underline;
	margin-bottom:0px;
	 
}
.right {
	width: 150px;
	height: 550px;
	float: right;
	background-color: #7878ff;
	margin-top: 10px;
	text-align: center;
	/*border: 1px solid Lime;*/
}

.hlavniokno {
	margin: 0 165px 10px 265px;
	padding: 0px;
	/*background-color: #7878FF;*/
	/*border: 1px solid red;*/
}

.hlavnioknocele {
	margin: 0 0 0 173px;
	padding: 5px;
}
.hlavniokno h4, .hlavnioknocele h4 {
	color: Navy;
}


#pata {
	width: 100%;
	/*margin-top: 10px;*/
	padding-top: 10px;
	clear: both;
	text-align: center;
	border-top: 1px solid Silver;
}
.menu2, .menu2a {
	list-style: none;
	margin: 10px 0 10px 0;
	padding: 0;
}

.menu21 {
	height:186px;
	/*font-size:90%;
	/*margin:20px 0 50px 15px; /* this page only */
	margin:20px 0 10px 0px; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu21 ul {
	position:relative;
	z-index:500;
	padding:0;
	margin:0;
	list-style-type:none;
	width:165px;
}

.menu2 li,  .menu2a li {
  display: block;
  border-bottom: 1px solid #7878FF;
}

/* style the list items */
.menu21 li {
	/*background:#d4d8bd url(img/shade.gif);*/
	background:#d4d8bd;
	height:31px;
	/* for IE7 */
	float:left;
}
.menu21 li.sub {z-index:100; background:#d4d8bd url(internet/obr/sub.gif) no-repeat right center;} 
.menu21 table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:12em;}

.menu2 li a:link,  .menu2 li a:visited{
	display: block;
	width: 140px;
	text-decoration: none;
	padding: 6px 0px 6px 20px;
	background: rgb(255,205,125) url(obr/modra_sipka.png) no-repeat left;
	color: #3030FF;
}
/* style the links */
.menu21 a, .menu21 a:visited {
	display:block; 
	font-size: 12px;
	/*font-weight: bold;*/
	text-decoration:none;
	height:30px;
	line-height:30px;
	width:164px;
	/*color:#000;*/
	color:#00008B;
	text-indent:5px;
	border:1px solid #7878FF;
}

/* hack for IE5.5 */
* html .menu21 a, * html .menu21 a:visited {width:150px; w\idth:149px;}
/* style the link hover */
* html .menu21 a:hover {color:#efa; background:#aa7; position:relative;}

.menu2 li a:hover {
	/*text-decoration: underline;*/
	display: block;
	background: rgb(255,126,25) url(obr/modra_sipka.png) no-repeat left;
}
.menu21 li:hover {position:relative;}

.menu2a li a:link,  .menu2a li a:visited {
	display: block;
	font-size: 11px;
	width: 160px;
	/*font-weight: bold;*/
	text-decoration: none;
	padding: 6px 5px; /*border: 2px solid Fuchsia;*/
	/*background-color: #BBBCFF;*/
	color: white;
}
.menu2a li a:hover {
	display: block; /*background-color: rgb(255,255,0);*/
	text-decoration: underline;
}
/* For accessibility of the top level menu when tabbing */
.menu21 a:active, .menu21 a:focus {color:#efa; background:#aa7;}
/* retain the hover colors for each sublevel IE7 and Firefox etc */
.menu21 li:hover > a {color:#efa; background:#aa7;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu21 li ul {
visibility:hidden;
position:absolute;
top:-30px;
/* set up the overlap (minus the overrun) */
left:100px;
/* set up the overrun area */
padding:30px;
/* this is for IE to make it interpret the overrrun padding */
background:transparent url(5-4.img/transparent.gif);
}
/* for browsers that understand this is all you need for the flyouts */
.menu21 li:hover > ul {visibility:visible;}
/* make the second level visible when hover on first level link */
.menu ul a:hover ul {
visibility:visible;
}
 
#sluzby {
	text-align: left;
}

#sluzby .nadpis {
	font-weight: bold;
	text-align: left;
}
#sluzby h3.nadpis {
	font-size: 16px;
	margin: 20px 0;
	padding-bottom: 10px;
	border-bottom: 3px solid #6F271B;
	color: #6F271B;
	/*border: 1px solid red;#D04848*/
}
#sluzby ul.pdf li {
	list-style-image: url(obr/pdf.gif);
	padding:0 00px 0;
	margin:0;
}
#sluzby ul.pdf li a{
	text-decoration: none;
	
}
#sluzby ul.pdf li a:hover{
	text-decoration: underline;
}
#sluzby ul.popis {
	display: block;
	padding: 10px;
	height: 100%;
	margin: 10px 50px 0 0;
	float:right;
} 
#sluzby ul.popis li {
	/*width: 250px;*/
	/*color: Black;*/
	padding: 0px 0px 5px 0px;
	/*border:1px solid red;*/
}

.right a {
	display: block;
	text-decoration: none;
}
.odstavec {
	text-align: justify;
	padding: 0px 15px 0px 0px;
}

#ikony {
	display:block;
}

#podpora {
	font-family: Verdana, Arial, sans-serif;
	text-align:left;
}

#podpora h4{
	margin:5px;
	text-decoration: underline;
}
#podpora ul.postup {
	list-style-type: decimal;
}

#podpora ul.postup li{
	margin:5px;
}

#podpora ul.postup li ul.podseznam {
	list-style-type: none;
	margin: 20px;
}

#tv{
	background: #5858b4;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#tv .left ul.menu {
	/*list-style-type: none;*/
	list-style-position: inside;
	/*border: 1px solid red;*/
	padding-left: 0px;
	width: 179px;
	margin: 40px 0 0 0px;
	/*list-style-image: url(tv/obr/button_green10.png);*/
	list-style-image: url(tv/obr/square_green.png);
}

#tv .left ul.menu li {
	font-size: 12px;
	width: 160px;
	border-bottom: 1px dotted white;
	padding: 12px 10px;
	
}

#tv .left ul.menu li a {
	color: yellow;
	text-decoration: none;
	font-weight: bold;
}
#tv .left ul.menu li a:hover {
	text-decoration: underline;
}

#tv .left ul.menu li ul.second {
	/*list-style-type: none;*/
	/*list-style-position: inside;*/
	border-top: 1px dotted white;
	padding-left: 0px;
	width: 120px;
	margin: 12px 0 0 20px;
	list-style-type: none;
}

#tv .left ul.menu li ul.second li{
	font-size: 11px;
	width: 100px;
	padding: 8px 10px;
	list-style: none;
	border: none;
	/*border:1px solid green;*/
}


#tv .hlavniokno {
	margin:0 0 0 190px ;
	padding: 0;
	/*border:1px solid green;*/
}

#tv .hlavniokno table.kanaly{
	/*background: #7da3e7;*/
	table-layout: fixed;
	white-space:nowrap;
	background: white;
	border-collapse: collapse;
	text-align: left;
	width:610px;
}

#prvniSloupec {width: 260px;}
#druhySloupec {width: 50px;}
#tretiSloupec {width: 150px;}
#ctvrtySloupec {width: 150px;}

#tv .hlavniokno table.kanaly th{
	background: #7da3e7;
	height: 40px;
	color:#4d4d4d;
	font-size:14px;
	text-align: center;
}

#tv .hlavniokno table.kanaly td{
	/*background: #7da3e7;*/
	height: 40px;
	color:#4d4d4d;
	border-bottom:1px solid #7da3e7; 
}

#tv .hlavniokno table.iptvkanaly{
	/*background: #7da3e7;*/
	table-layout: fixed;
	white-space:nowrap;
	background: white;
	border-collapse: collapse;
	text-align: center;
	width:610px;
	border-bottom:1px solid #7da3e7;
}

#tv .hlavniokno table.iptvkanaly th{
	background: #7da3e7;
	height: 20px;
	color:#4d4d4d;
	font-size:14px;
	text-align: center;
}

#tv .hlavniokno table.iptvkanaly td{
	background: #5858b4;
	height: 30px;
	color:white;
	/*border:4px solid #7da3e7;*/ 
}

#tv .hlavniokno ul.box_uvod {
	text-align: center;
	list-style-type: none;
	display: table;
	color:#454587;
	margin-left: 100px;
}

#tv .hlavniokno ul.box_uvod li {
	font-size: 12px;
	width: 120px;
	height: 100px;
	/*background: #ffdb6e;*/
	background: #a6c6ff;
	/*color: #326f96;*/
	color:#4d4d4d;
	display: table-cell;
	float: left;
	margin: 50px;
	padding: 20px 10px;
	/*border: 2px solid #588be7;*/
}

#tv .hlavniokno ul.box_uvod li a {
	/*font-size: 14px ;*/
	color:#4d4d4d;
}
#tv .hlavniokno .box_uvod a:hover {

	color: #183040;
}

#tv h3 {
	color:  #5858b4;
	background: white;
	margin:1px 0 0 0;
	padding:5px 0 5px 60px;
}

#tv h4 {
	color:white;
}
#tv .hlavniokno ul.iptv_box {
	margin: 0px;
	padding: 0px;
	height: 220px;
	vertical-align: bottom;
}
#tv .hlavniokno ul.iptv_box li{
	list-style-type: none;
	width: 200px;
	margin-left: 10px;
	height: 220px;
	float: left;
	display: inline;
	color: gray;
} 

#tv .hlavniokno ul.iptv_box li a{
	text-decoration: none;
	color: #4a4a4a;
}

#tv .hlavniokno ul.iptv_box li .dole{
	background-color: #ffd700;
	padding: 5px;
} 

#tv .hlavniokno ul.iptv_box li h4 {
	color: blue;
	margin: 0 0 8px 0;
	padding-left: 30px;
}
#tv_hdbox {
	/*width: 300px;*/
	background: #FF7B3D;
	position: absolute;
	top: 230px;
	left: 400px;
	color: maroon;
	font-size: 16px;
	padding: 10px;
}