*{
  margin:0;
  padding:0; 
}

body {
	margin:0;
	padding:0;
	font-family: "Arial","Trebuchet MS", "Geneva CE", lucida, sans-serif;
	font-size:12px;
	background:#ffffff url(../design/background_html.png) repeat-x;
	/*background:#ffffff;*/
	color:#000
}

p {
	margin:0 0 0 10px;
	color:#666666;
	font-size:12px;		
}

h1{
	margin:0;
	color:#ffffff;
	font-size:15px;	
}

h2{
	margin:0;
	color:#ffffff;
	font-size:15px;	
}

h3{
	margin:0;
  padding:0; 
	font-size:13px;	
	color:#666666;	
}

h4{
	margin:0 0 5px 2px;
  padding:0; 
	font-size:13px;	
	color:#676767;	
  border-bottom:solid 1px #cccccc;			
}

h5{
	margin:0 0 0 10px;
  padding:0; 
	font-size:13px;	
	color:#666666;	
}

a:link {color:#21409a; text-decoration: underline;}
a:visited {color:#21409a; text-decoration: underline;}
a:hover {color:#666666; text-decoration: underline;}


#container{
	margin:0;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	width:1100px;
}

#top {
	margin:0 0 0 60px;
	padding:0;	
	width:1000px;
	height:140px;
	background-color:transparent;
	position:relative;	
}

#center {
	margin:13px 0 0 60px;
	padding:0;
	width:1000px;
	min-height:680px;
	position:relative;	
	background:transparent url(../design/background_cener.gif) repeat-y;	
}

#menu_left {
	margin:0 0 10px 0;
	padding:0;
	width:250px;
	min-height:700px;
	position:relative;
	float:left;	
}

#middle{
	margin:0 0 10px 0;
	padding:0 0 0 10px;
	width:518px;
	min-height:700px;
	position:relative;
	float:left;	
  border-left:solid 1px #cccccc;		
}

#content{
	margin:0 0 10px 0;
	padding:0 0 0 10px;
	width:739px;
	min-height:700px;
	position:relative;
	float:left;	
  border-left:solid 1px #cccccc;			
}

#right {
	margin:0 0 10px 0;
	padding:0 0 0 10px;
	width:200px;
	min-height:700px;
	position:relative;	
	float:right;	
	border-left:solid 1px #cccccc;	
}

#drobecky_empty {
	margin:10px 0 0 60px;
	padding:0;
	width:1000px;
	height:1px;
	position:relative;
	border-color:#cccccc;
  border-style:none none solid none;
  border-width:0 0 1px 0;
}

.cara {
	margin:0;
	padding:0;
	width:520px;
	height:1px;
	background:transparent url(../design/cara.png) no-repeat;				
	clear: both; 
}

.cara_long {
	margin:0;
	padding:0;
	width:750px;
	height:1px;
	background:transparent url(../design/cara_long.png) no-repeat;				
	clear: both; 
}

#logo {
	margin:0;
	padding:45px 0 0 40px;
	width:210px;
	height:95px;
	position:relative;
	float:left;	
}

#logo a{
  color: #e7e7e7;
  text-decoration: none;	
}

.logo {
	margin:0;
  padding:0; 
  border:0; 
  position: absolute;
  left: 40px; top: 45px;  
}

hr {
  border-color:#cccccc;
  border-style:solid none none;
  border-width:1px 0 0;
  height:1px;
}

.clear { 
	clear: both; 
	height: 1px; 
	line-height: 0px;
	font-size: 0px;
	text-indent: -500px;
}

.border0 { 
  border:0;   
}

.left {
	margin:0;
  padding:8px 0 0 45px; 
  border:0; 
  width:195px;
	height:33px;
	background:transparent url(../design/left.png) no-repeat;	
}

.middle {
	margin:0;
  padding:8px 0 0 45px; 
  border:0; 
  width:500px;
	height:33px;
	background:transparent url(../design/middle.png) no-repeat;				
}

.content {
	margin:0;
  padding:8px 0 0 45px; 
  border:0; 
  width:720px;
	height:33px;
	background:transparent url(../design/content.png) no-repeat;				
}

.right_meteostanice {
	margin:0;
  padding:8px 0 0 45px; 
  border:0; 
  width:200px;
	height:33px;
	background:transparent url(../design/right_meteostanice.png) no-repeat;	
}

.right_eshop {
	margin:0;
  padding:8px 0 0 45px; 
  border:0; 
  width:200px;
	height:33px;
	background:transparent url(../design/right_eshop.png) no-repeat;	
}

.right_newsletter {
	margin:0;
  padding:8px 0 0 45px; 
  border:0; 
  width:200px;
	height:33px;
	background:transparent url(../design/right_newsletter.png) no-repeat;	
}

.right_pratele {
	margin:0;
  padding:8px 0 0 45px; 
  border:0; 
  width:200px;
	height:33px;
	background:transparent url(../design/right_pratele.png) no-repeat;	
}

.right_akce {
	margin:0;
  padding:8px 0 0 45px; 
  border:0; 
  width:200px;
	height:33px;
	background:transparent url(../design/right_akce.png) no-repeat;	
}

.sipka_light {
	padding:0 0 0 12px;
	background:transparent url(../design/arrow_light.gif) no-repeat scroll 0 4px;
}

.sipka_blue {
	padding:0 0 0 12px;
	background:transparent url(../design/arrow_blue.gif) no-repeat scroll 0 5px;
}

.sipka_blue_tabulka {
	padding:0 0 0 12px;
	background:transparent url(../design/arrow_blue.gif) no-repeat scroll 0 7px;
}

.nahoru {
	font-size:11px;  
  float: right; 
  margin-right:5px;
	padding:20px 0 5px 12px;
	background:transparent url(../design/arrow_up_blue.png) no-repeat scroll 0 25px;
}

.zpet {
  float: right; 
  margin-right:5px;
	padding:20px 0 5px 12px;
	background:transparent url(../design/arrow_blue.gif) no-repeat scroll 0 25px;
}

.obdelnik {
  width:729px; 
  border:solid 1px #cccccc; 
  padding:10px 8px 10px 0;
  background-color:#F3F3F3;
}

.print {
	padding:0 0 0 15px;
	background:transparent url(../design/print.gif) no-repeat scroll 0 3px;
}

.shop {
  float: right; 
  margin-right:5px;
	padding:22px 0 5px 15px;
	background:transparent url(../design/shop.png) no-repeat scroll 0 25px;
}


.www_back_all {
	margin:10px 15px 10px 35px;
	padding:0;	
	width:190px;
	height:170px;
	float:left;
  text-align:center;
}

.www_back_img {
	margin:0;
	padding:0;	
	width:190px;
	height:140px;
	background:transparent url(../design/reference_back_img.png) no-repeat scroll 0 0;
}

.www_img {
	margin:11px 0 0 9px;
	padding:0;	
  border:solid 1px #cccccc; 
	float:left;
}

/***********************************
            buttony
************************************/ 

input.button_odeslat{
	margin:2px 0;
	display:block;	
	padding:0;
	height:21px;	
	width:80px;
	float:left;
  color:#ffffff;
	font-size:11px;  
  font-weight:bold;
  border:none;
  background:url("../design/button_odeslat.png") 0px 0px no-repeat;
  cursor: pointer;
  cursor: hand;
}

input.button_odeslat:hover {
  color:#ffffff;
  background:url("../design/button_odeslat.png") 0px -21px no-repeat;
}

/***********************************
            tagy
************************************/ 

.tag_obdelnik {
  width:512px; 
  padding:10px 0 10px 5px;
  background-color:#F3F3F3;
  line-height:26px;
  text-align:left;
}

.tag_obdelnik a:link, a:visited{
	color:#666666;
  text-decoration: underline;
}

.tag_obdelnik a:hover{
	color:#21409a;
  text-decoration: none;	
}

.tag1{font-size:15px;}
.tag2{font-size:12px;}
.tag3{font-size:14px;}


/***********************************
          aktuality
************************************/  

.aktualita {
	margin:0;
  padding:0; 
  width:518px;
	height:auto;
}

.aktualita_nadpis {
  width:auto;
	height:auto;
	margin:0 0 5px 120px;
  padding:5px 0 0 10px; 
	background:transparent url(../design/arrow_blue.gif) no-repeat scroll 0 10px;	
}

.aktualita_nadpis a:link  {color:#21409a; text-decoration: underline;}
.aktualita_nadpis a:visited {color:#21409a; text-decoration: underline;}
.aktualita_nadpis a:hover {color:#666666; text-decoration: underline;	}


/***********************************
              menu_up
************************************/              

#menu_up {
	margin:0 0 0 0;
	padding:0;
	width:750px;
	height:40px;
	position:relative;
	float:right;	
}

#topmenu {
	height: 40px;
	padding: 10px;
	margin: 0;
	clear: both;
	float: right;
}

#topmenu li {
	display: inline;
	padding:0 16px;
	_padding:0 20px 0 9px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bcbcbc;
	color: #666666;
	font-size:13px;
}

#topmenu #end {
	display: inline;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding:0 0 0 16px;	
}

#topmenu a {
	color: #666666;
	text-decoration: none;
}

#topmenu a:hover {
	text-decoration: underline;
	color: #666666;
}

#topmenu li.selected a{
  color: #000000;
  text-decoration:none; 
}


/********************************
      seznam slideshow
********************************/

.seznam_slideshow {
	margin:60px 0 0 340px;
  padding:0; 
}

.seznam_slideshow ul{
  float:left;
  text-align:left;
	margin:0;
  padding:0;    
}

.seznam_slideshow  li {
  line-height:16px;  
  list-style-type:none;
  display: block;
  width:auto;
	margin:0;
	padding:0 0 0 10px;
	background:transparent url(../design/arrow_dark.gif) no-repeat scroll 0 6px;
}

.seznam_slideshow  li a:link { color:#333333; text-decoration: underline;}
.seznam_slideshow  li a:visited { color:#333333; text-decoration: underline;}
.seznam_slideshow  li a:hover { color:#666666; text-decoration: underline;}


/********************************
            menu
********************************/

#menu {
	margin:0;
  padding:0; 
}

#menu ul{
  float:left;
  text-align:left;
  font-size:14px;
	margin:0;
  padding:0;    
}

#menu  li {
  line-height:18px;  
  list-style-type:none;
  display: block;
  width:190px;
	height:30px;  
	margin:0;
	padding:10px 0 0 60px;
}

.menu_pc {background:transparent url(../design/menu_background_pc.png) no-repeat;}
.menu_internet {background:transparent url(../design/menu_background_internet.png) no-repeat;}
.menu_satelity {background:transparent url(../design/menu_background_sat.png) no-repeat;}
.menu_www {background:transparent url(../design/menu_background_www.png) no-repeat;}
.menu_rozvody {background:transparent url(../design/menu_background_rozvody.png) no-repeat;}
.menu_voip {background:transparent url(../design/menu_background_voip.png) no-repeat;}
.menu_telefony {background:transparent url(../design/menu_background_telefony.png) no-repeat;}
.menu_ustredny {background:transparent url(../design/menu_background_ustredny.png) no-repeat;}
.menu_zvuk {background:transparent url(../design/menu_background_zvuk.png) no-repeat;}
.menu_elektro {background:transparent url(../design/menu_background_elektrovyroba.png) no-repeat;}
.menu_kamery {background:transparent url(../design/menu_background_kamery.png) no-repeat;}
.menu_zabezpeceni {background:transparent url(../design/menu_background_zabezpecovacky.png) no-repeat;}
.menu_dochazky {background:transparent url(../design/menu_background_dochazky.png) no-repeat;}
.menu_pristupy {background:transparent url(../design/menu_background_pristupy.png) no-repeat;}
.menu_pristupy2 {background:transparent url(../design/menu_background_pristupy2.png) no-repeat;}
.menu_hotely {background:transparent url(../design/menu_background_hotely.png) no-repeat;}
.menu_gps {background:transparent url(../design/menu_background_gps.png) no-repeat;}

#menu li a:link, #menu li a:visited{
	color:#666666;
  text-decoration: none;
}

#menu li a:hover{
	color:#333333;
  text-decoration: underline;
}


/********************************
      seznam
********************************/

.seznam {
	margin:8px 0 0 10px;
  padding:0; 
}

.seznam ul{
  float:left;
  text-align:left;
	margin:0;
  padding:0;    
}

.seznam  li {
  line-height:18px;  
  list-style-type:none;
  display: block;
  width:auto;
	margin:0;
	padding:0 0 0 10px;
	background:transparent url(../design/arrow_blue.gif) no-repeat scroll 0 7px;
}

.seznam li a:link, .seznam li a:visited{
	color:#21409a;
  text-decoration: underline;
}

.seznam li a:hover{
	color:#666666;
  text-decoration: underline;
}


/********************************
      seznam grey
********************************/

.seznam_grey {
	margin:2px 0 0 10px;
  padding:0; 
}

.seznam_grey ul{
  float:left;
  text-align:left;
	margin:0;
  padding:0;    
}

.seznam_grey  li {
  line-height:18px;  
  list-style-type:none;
  display: block;
  width:auto;
	margin:0;
	padding:0 0 0 10px;
	background:transparent url(../design/arrow_grey.gif) no-repeat scroll 0 6px;
}

.seznam_grey li a:link, .seznam_grey li a:visited{
	color:#333333;
  text-decoration: none;
}

.seznam_grey li a:hover{
	color:#666666;
  text-decoration: underline;
}


/********************************
      seznam PC sestavy
********************************/

.seznam_sestavy{
	margin:2px 0 0 10px;
  padding:0; 
}

.seznam_sestavy ul{
  float:left;
  text-align:left;
	margin:0;
  padding:0;    
}

.seznam_sestavy  li {
	color:#666666;
  line-height:18px;  
  list-style-type:none;
  display: block;
  width:auto;
	margin:0;
	padding:0 0 0 10px;
	background:transparent url(../design/arrow_grey.gif) no-repeat scroll 0 6px;
}


/*************************************
          seznam ok
**************************************/

ul.seznam_ok{
  text-align:left;
  margin:0 0 0 20px;
  padding:0;
  
}

ul.seznam_ok li {
	color:#666666;
  line-height:18px;
  margin:0;
  list-style-type:none;
	padding:0 0 0 15px;
	background:transparent url(../design/arrow_ok_blue.png) no-repeat scroll 0 7px;  
}


/*************************************
          seznam light
**************************************/

.seznam_light ul{
  float:left;
  text-align:left;
	margin:0;
  padding:0;    
}

.seznam_light  li {
	color:#666666;
  line-height:18px;  
  list-style-type:none;
  display: block;
  width:auto;
	margin:0;
}

.seznam_light li a:link, .seznam_light li a:visited{
	padding:0 0 0 10px;
	background:transparent url(../design/arrow_light.gif) no-repeat scroll 0 6px;
	color:#333333;
  text-decoration: underline;
}

.seznam_light li a:hover{
	padding:0 0 0 10px;
	background:transparent url(../design/arrow_grey.gif) no-repeat scroll 0 6px;
	color:#666666;
  text-decoration: underline;
}


/**********************************
            BREADCRUMBS
***********************************/

#breadcrumbs {
	font-size: 11px;
	color:#666666;
	position:static;
	float: left;
	background-image: url(../design/breadcrumb-icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding:0 0 0 15px;
	margin:0 0 0 5px;
}

#breadcrumbs ul {
	margin: 0px;
	padding: 0px;
}

#breadcrumbs li {
	list-style-type: none;
	display: inline;
	padding-right: 0 2px 0 0;
	margin: 0px;
}

#breadcrumbs .B_firstCrumb {
	text-decoration: none;
}

#breadcrumbs a {
	text-decoration: underline;
	color: #21409a;
	padding-right: 15px;
	background-image: url(../design/breadcrumb-arrow.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-left: 5px;
}

#breadcrumbs a:hover { color: #666666;}


/*************************************
                table
**************************************/

.table_650 
{
	margin:0 0 0 45px;
  width:650px;
  height:auto;
  font-size:11px;
  line-height:20px;
}

.table_650 td
{
	padding:3px 10px 3px 10px;
}

.table_650_nadpis 
{
  background-color:#1d3886; 
  text-align:center; 
  color:#FFFFFF;
  font-weight:600;
}


.table_739 
{
	margin:0;
  width:739px;
  height:auto;
  font-size:11px;
  line-height:20px;
}

.table_739 td
{
	padding:3px 10px 3px 10px;
}

.table_739 th
{
  padding:3px 10px 3px 10px;
  color:#FFFFFF;
  background-color:#676767;
  text-align:left; 	
}

.table-border-bottom
{
	border-color:#dddddd; 
	border-width:0 0 1px 0; 
	border-style: solid;
	background-color:#F3F3F3;
}


.table_500 
{
	margin:0;
  width:500px;
  height:auto;
  font-size:11px;
  line-height:20px;
}

.table_500 td
{
	padding:3px 10px 3px 10px;
}


.table_400
{
  width:400px;
  font-size:11px;
  line-height:20px;
  margin-top:20px;
  margin-left:10px;
}

.table_400 th
{
	padding:3px 10px 3px 10px;
  color:#FFFFFF;
  background-color:#676767;
  text-align:left; 
}

/********************************
            footer_up
********************************/

#footer_up {
	margin:15px 0 0 60px;
	padding:10px;	
	width:980px;
	height:115px;
	position:relative;		
	text-align:left;
	/*line-height:38px;*/
	font-size:12px;
	clear:both;
	color:#9b9b9b;
  /*background-color:#F3F3F3;	*/
  border:solid 1px #cccccc;			
}

#footer_up a:link, #footer_up a:visited {
	color:#9b9b9b;
}

#footer_up a:hover {
	color:#000000
}


/********************************
            footer
********************************/

#footer {
	margin:0 0 0 60px;
	padding:0;	
	width:1000px;
	height:37px;
	position:relative;		
	text-align:right;
	line-height:38px;
	font-size:12px;
	clear:both;
	color:#9b9b9b;
  /*border-top:solid 1px #cccccc;			*/
}

#footer a:link, #footer a:visited {
	color:#9b9b9b;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:none;
	color:#9b9b9b
}


/********************************
            slider
********************************/

/* Required */
.container_looped { width:750px; height:100px; overflow:hidden; position:relative; cursor:pointer; float: right; }
div.slides { position:absolute; top:0; left:0; }
ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
div.slides > div,ul.slides li { position:absolute; top:0; width:750px; height: 100px; display:none; padding:0; margin:0; }
/* Optional */
#loopedSlider { margin:0 auto; width:750px; position:relative; float: right; }
ul.pagination { list-style:none; padding:0; position: absolute; top: 82px; left: 12px; }
ul.pagination li { float:left; padding: 0 2px 0 2px; }
ul.pagination li a { background: url(../design/glider_control.png) 0 -28px no-repeat; text-decoration: none; }
ul.pagination li a:hover { background: url(../design/glider_control.png) 0 -14px no-repeat; }
ul.pagination li.active a { background: url(../design/glider_control.png) 0 0 no-repeat }


/********************************
        slider pro www
********************************/

#slider_www {
	margin:8px 0 14px 10px;
	padding:0;	
	width:730px;
	height:120px;
}