@CHARSET "UTF-8";

/**
 * @author Ex
 */
*{
  margin: 0;
  padding: 0;
}

img{
  border: none;	
}

body{
  font-family: Tahoma, 'Lucida G  rande CE', lucida, sans-serif;
  font-size: 12px;
  /* color: #1170b8; */
  background: url('../img/pozadi_stranky.png') top left no-repeat;
}
 
#frame{
  text-align: center;
  margin: 0 auto;
  width: 990px;
}

#frame_in{
  text-align: left;
}

#header{
  width: 990px;
  height: 152px;
  background-image: url('../img/hlavicka.png');
  position: relative;
}

#header #zem{
  display: block;
  width: 200px;
  height: 152px;	
}

#header #logo{
  position: absolute;
  display: block;
  width: 150px;
  height: 150px;
  right: 60px;
  top: 30px;
}

#Menu{
  width: 990px;
  height: 50px;
  text-align: center;
  clear: both;
}

#Menu_in{
  margin: 0 44px 0 37px;
  height: 50px;
  text-align: left;
  background: url('../img/pozadi_menu.png') left bottom repeat-x;
}

#Menu_in ul{
  list-style: none;
}

#Menu_in li{
  display: block;
  width: 147px;
  height: 39px;
  float: left;
}

#Menu_in li a{
  display: block;
  width: 100%;
  height: 100%;
  line-height: 39px;
  color: #1170b8;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  text-align: right;
  font-weight: bold;
  position: relative;
}

#Menu_in li a span{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#Menu_in .internet span{
  background: white url('../img/menu_internet.png') top left no-repeat;
}

#Menu_in .internet:hover span{
  background-position: 0 -38px;
}

#Menu_in .ip-telefonie span{
  background: white url('../img/menu_ip_telefonie.png') top left no-repeat;
}

#Menu_in .ip-telefonie:hover span{
  background-position: left bottom;
}

#Menu_in .sluzby span{
  background: white url('../img/menu_sluzby.png') top left no-repeat;
}

#Menu_in .sluzby:hover span{
  background-position: 0 -38px;
}

#Menu_in .e-shop span{
  background: white url('../img/menu_eshop.png') top left no-repeat;
}

#Menu_in .e-shop:hover span{
  background-position: 1px -39px;
}

#Menu_in .kontakt span{
  background: white url('../img/menu_kontakt.png') top left no-repeat;
}

#Menu_in .kontakt:hover span{
  background-position: left bottom;
}

#Menu_in .satelitni-tv span{
  background: white url('../img/menu_satelitni.png') 0 1px no-repeat;
}

#Menu_in .satelitni-tv:hover span{
  background-position: 0 -37px;
}

/*********/
/* Obsah */
/*********/
#content{
  min-height: 300px;
  /* color: #aecee6; */ 
}

#content_in{
  margin: 0 43px 0 37px;	
  line-height: 180%;
}

/***********/
/* Patička */
/***********/
#bottom{
  width: 990px;
  clear: both;
  height: 72px;  
}

#bottom_in{
  margin: 0 44px 0 37px;
  height: 72px;
  background: url('../img/zluta_linka.png') top left repeat-x;
}

#bottom #adresa{
  width: 420px;
  float: left;  
}

#bottom #adresa_in{
  padding: 15px 0 0 5px;
}

#bottom #adresa td{
  width: 140px;
}

#bottom .copy{
  width: 470px;
  float: right;  
  font-size: 10px;
}

#bottom .copy_in{
  margin: 15px 0 0 5px;
  background: url('../img/lev_okraj_pat.png') top left no-repeat;
}
  
#bottom .copy_in2{
  height: 72px;
  margin: 0 0 0 20px;
  background: url('../img/prozek_paticky.png') top left repeat-x; 
} 

#bottom .copy ul{
  list-style: none;
  text-align: center;
  padding-top: 10px; 
}

#bottom .copy li{
  display: inline;
  padding-right: 20px;
}

#bottom .copy li a{
  color: #f8c400;
  text-decoration: none; 
  text-transform: uppercase;
}

#bottom .copy li a:hover{
  text-decoration: underline;
}

#bottom .copywrite{
  padding-top: 25px;
  text-align: center;
}

#bottom .copywrite,
#bottom .copywrite a{
  color: #f8c400;
  text-decoration: none; 
}

/*********************/
/* Nastavení tabulek */
/*********************/
table{
  /*table-layout: fixed;*/
  border-collapse: collapse;
  width: 90%;
}

table caption{
  font-size: 130%;
  border-bottom: 1px solid black;
  text-align: left;
  margin: 20px 50% 10px 0;
}

/***********************/
/* Nastavení formulářů */
/***********************/
form{
  margin-bottom: 30px;	
}

form label{
  width: 200px;
  clear: left;
  float: left;	
}

form .checkbox label,
form .radio label{
   float: none;
   padding-left: 10px;
}

form select{
  width: 200px;	
}

form .input input{
  width: 196px;	
}

form textarea{
  width: 196px;
}

.submit{
  padding-top: 20px;
  padding-left: 577px;	
}

/*********************************************/
/* Nastavení nadpisů a dalších prvků stránky */
/*********************************************/
h1{
  font-size: 16px;
  margin: 15px 0 15px 0;
  color: blue;
}

h2{
  font-size: 14px;
  color: blue;
  margin: 10px 0 10px 0;	
}

p{
  margin-bottom: 15px;
}

/**********************/
/* Kontaktní formulář */
/**********************/
#contactForm{
  width: 100%;
}

#contactForm label{
  display: block;
}

#contactForm #ContactName,
#contactForm #ContactSurname{
  width: 80%;
}

#contactForm #ContactAddress{
   width: 90%;
}

#contactForm #ContactProblem{
  width: 90%;
  height: 100px;
}

#Contact #ContactName,
#Contact #ContactEmail,
#Contact #ContactMessage{
  width: 60%;
}

/*************************/
/* Objednávkový formulář */
/*************************/
#OrderObjednaniSluzbyForm .radio{
  height: 50px;
  width: 430px;
  overflow: hidden;
}

#OrderObjednaniSluzbyForm .radio input{
  float: left;
  clear: left;
  margin-left: 200px;
  margin-bottom: 5px;
}

#OrderObjednaniSluzbyForm .radio label{
  display: block;
  clear: right;
  float: right;
  width: 200px;
}

#PageEditForm label{
  width: 100%;
  display: block;
  clear: both;
  float: none;
}

#OrderObjednaniSluzbyForm .submit,
#OrderObjednaniIpForm .submit,
#OrderObjednaniTvForm .submit{
  padding-left: 325px;	
}

/*******************/
/* Ceník připojení */
/*******************/
.cenik_pripojeni{
  /*border-collapse: collapse;*/
  text-align: center;
  width: 95%;	
}

.cenik_pripojeni td, 
.cenik_pripojeni th{
  border: 1px solid black;
}

.cenik_pripojeni th{
  background: #DDD;
  padding: 5px;
}


/**********************/
/* Kontaktní formulář */
/**********************/
#Contact .submit{
  padding-left: 566px;
}

/*************************/
/* Přihlašovací formulář */
/*************************/
.login_form{
  padding: 15px 0 15px 15px;	
}

#UserLoginForm label{
  width: 80px;
}

#UserLoginForm input{
  width: 150px;
}

#UserLoginForm .submit{
  padding-left: 85px;
}

.login_form ul{
  list-style: none;
}

/*************/
/* Aktuality */
/*************/
.news{
  width: 250px; /* 260 */  
  text-align: justify;
}

.news_in{
  padding: 15px 0 15px 15px;	
}

.news h3{
  font-weight: bold;
  font-size: 12px;
}

.news .date{
  font-size: 10px;
  text-align: right;
}

.news.index{
  width: 100%;	
}

.news.index .date{
  width: 100%;
}