*{

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

}

body {

	background: url("images/podkl2023.jpg") no-repeat center 1px;
	font-size:small;
    opacity: 1;
    transition-duration: 0.7s;
    transition-property: opacity;

}

body.fade {
    opacity: 0;
  }



.zavolame {margin-right:0px;position:absolute;right:0%;

background: url("images/zavolame.png") no-repeat center 0px; z-index:100;

background-color:transparent;

width:213px;height:286px;}



.fixni-menu {position: fixed; left: 0; top: 0; width: 100%; background: transparent; text-align: center; z-index: 1;

}    

  

nav ul{

	display: table;

	width:100%;

	max-width:1250px;

	margin:0 auto;
    
    letter-spacing: 2px;

}

.topmenu{

	text-align:center;

	background:#000;

	min-height:40px;

	line-height:40px;

}

nav.menu{

	background:#cb151a;

	min-height:60px;

	line-height:60px; /**/

	text-align:left;



}

nav li{

	display:table-cell;

	/* pro ie7*/

	zoom: 1;

	*display: inline;

   

}



nav.menu_prace{

	background:gold;

	min-height:35px;

	line-height:35px; /**/

	text-align:center;

  font-size:20px;

  color:black;

}



nav.menu_prace a{

  color:black;

  letter-spacing:1.2px;

}





.topmenu a, .menu a{

	color:#fff;

	font-size:180%;

	padding:0 20px;

	text-decoration:none;

	display:block;

	text-align: center;

}

.topmenu a{

	font-size:100%;

	text-transform:uppercase;

	padding:0 20px;

}

nav li a:hover{

	text-decoration:underline;

}

.lista{

	width:100%;

	height:120px;

	padding:35px 0 0 0;

	background:#023a66 url("images/toplista.jpg") no-repeat top center;

}

.all{

	max-width:1200px;

	margin:0 auto;

	position:relative;

}

.bg_bila{

	background:rgba(255,255,255,0.85);

	min-height:570px;

}

.logo {

	background: url("images/logo.png") no-repeat top center;

	min-width: 300px;

	padding: 57px 0 0 0;

	display: block;

	margin: 0 0 0 40px;

	float: left;

	color: #bacbd8;

	text-decoration: none;

	font-style: italic;

	font-size: 150%;

}

.hotline{

	float:right;

	color:#fff;
    background-color:transparent;

	font-size:125%;

	text-align:right;

	line-height:120%;

	margin:0 40px 0 0;

}

.hotline span{

	color:#afc5d3;

}

.hotline table td{

background-color: transparent;

}

.hotline table{

padding:3px;

}



span.cervena{

	color:#cb151a;

}

.hotline a{

	color:#fff;

	text-decoration:none;

}

.hotline a:hover{

	color:#afc5d3;

	text-decoration:underline;

}

.main{

	padding:120px 0 0 0;

	width:100%;

}

.main_detail{

	padding:20px 0 0 0;

	width:100%;

}

.button{

	/*width:184px;*/

	width:33%;

	min-width:200px;

	padding:30px 0 0 0;

	display:inline-block;

	font-size:120%;

	color:#fff;

	text-transform:uppercase;

	text-align:center;

	line-height:140%;

	font-weight:bold;

	margin:10px auto 0 auto;

	vertical-align: top;

/* pro ie7*/

	zoom: 1;

	*display: inline;

	overflow:hidden;

	position:relative;

}

.button:after {

  content: '';

  width: 100%;

  display: inline-block;

}



.button p {

	font-size:150%;

	line-height:150%;

  font-weight:bold;

}



.button span{

  line-height:180%;

	color:#dadfe6;

	font-size:140%;

}

.button img{

	padding:20px 0 0 0;

}

.button div{

	width:90%;

	padding:120px 5px 0 5px;

	color:#000;

	text-transform:none;

	font-size:80%;

	line-height:110%;

	margin:auto;

}

.button a{

	background:#cb151a;

	width:65%;

	display:block;

	padding:10px;

	margin:15px auto 0 auto;

	color:#fff;

	font-size:110%;

	text-decoration:none;

	text-transform:uppercase;

}

.button a:hover{

	background:#62a7fa;

	color:#fff;

}

.button a.maska{

	position:absolute;

	width:100%;

	height:280px;

	top:-30px;

	background:0;

}

.tv-satelit{

	background: url("images/satelit.png") no-repeat center top;

}

.tv-satelit p{

background-color:rgba(255,255,255,0.3);

}

.tv-optika{

	background: url("images/optika.png") no-repeat center top;

}

.tv-optika p{

background-color:rgba(255,255,255,0.3);

}

.internet-wifi{

	background: url("images/wifi.png") no-repeat center top;

}

.internet-wifi p{

background-color:rgba(255,255,255,0.3);

}

.internet-optika{

	background: url("images/optika.png") no-repeat center top;

}

.internet-optika p{

background-color:rgba(255,255,255,0.3);

}

.text{

	line-height:150%;

	text-align:justify;

	max-width:100%;

	padding:10px 40px;

	margin:0 auto;

}

.text p, .text ul, .text ol{

	margin:10px 0;

}

.text li{

	background: url("images/sipicka.png") no-repeat left 9px;

	padding:2px 0 2px 15px;

	margin:0 0 0 5px;

}

.text td, .text th{

	border:#ddd solid 1px;

	padding:10px;

	text-align:left;

}

.mobil td, .mobil th {
	border:#ddd solid 1px;
	padding:10px;
	text-align:center;
    vertical-align: middle;
}

.text a{

	color:#cb151a;

}

.text a:hover{

	color:#62a7fa;

}

#map-canvas {

	width:100%;

	height: 650px;

}

.programtv{

	display:block;

	float:left;

	width:100px;

	height:100px;

	text-align:center;

	background:#fff;

	border:#ccc solid 1px;

	margin:5px;

	padding:6px;

	line-height:80%;

}

.programtv h4{

	font-size:90%;

	font-weight:normal;

	margin:10px 0 0 0;

}

.spodek{

	width:100%;

	padding:40px 0;

	background:#000;

	color:#fff;

	text-align:center;

	font-size:110%;

	line-height:120%;

}

.adresa{

	display:inline-block;

	min-width:220px;

	margin:0 0 0 20px;

	text-align:left;

	vertical-align: top;

}

.adresa:after {

  content: '';

  width: 100%;

  display: inline-block;

}

.adresa a{

	color:#ddd;

}

.adresa a:hover{

	color:#cb151a;

}

input, textarea{

	width:350px;

	padding:8px;

}

textarea{

	height:150px;

}

.odeslat{

	background: #0069ad;

	color:#fff;

	border:0;

	padding:10px;

	width:150px;

	cursor:pointer;

}

.odeslat:hover{

	background: #cb151a;

}

h1{

	font-size:280%;

	color:#cb151a;

	text-align:left;

	padding:15px 0;

	font-weight:bold;

	line-height:100%;

  text-shadow: 0.1em 0.1em 0.2em MistyRose;

  letter-spacing:0.5px;



}



h1 span{

text-shadow:none;

color:Silver;

font-size:85%;

margin-left:25px;

font-style:italic;

font-weight:normal;

}



h2{

	font-size:190%;

	color:SteelBlue;/*#3780db;*/

	text-align:left;

	padding:20px 20px 10px 0px;

	line-height:130%;

  text-shadow: 0.1em 0.1em 0.2em rgba(63,107,169, 0.3);

  letter-spacing:0.5px;

  margin-bottom:20px;

}

h3{

	font-size:200%;

	color:#cb151a;

	text-align:left;

	padding:15px 0;

	font-weight:normal;

	line-height:100%;

  text-shadow: 0.1em 0.1em 0.2em MistyRose;

  letter-spacing:0.5px;

}



h4{

	font-size:140%;

	color:black;

	text-align:left;

	padding:8px 0;

	font-weight:bold;

	line-height:100%;

  text-shadow: 0.1em 0.1em 0.2em silver;

  letter-spacing:0.5px;

}



.spodek h4{

	font-size:140%;

	color:#cb151a;

	text-align:left;

	padding:8px 0;

	font-weight:bold;

	line-height:100%;

  text-shadow: 0.1em 0.1em 0.2em darkred;

  letter-spacing:0.5px;

}



.parametry li{

	font-size:120%;

	color:red;

	text-align:left;

	padding:10px 0;

}



.left{

	float:left;

}

.right{

	float:right;

}

.clear{

	clear:both;

	line-height:0;

}



.dialog-background {width: 100%; height: 100%; background: black; opacity: .85; position: fixed; left: 0; top: 0; display: none}

.dialog {width: 50%; position: fixed; left: 50%; top: 50%; height: 200px; margin-top: -100px; margin-left: -25%; background: gold; color: #000; display: none;}

.show .dialog, .show .dialog-background {display: block;}

.dialog h1{text-align:center;font-size:400%;}

.dialog h2,.dialog h3{text-align:center;}

.dialog h4{font-size:150%;text-align:center;}



@media screen and (max-width: 480px) {

.button {

	width: 100%;

}

.main_detail{

	padding:5px 0 0 0;

	width:95%;

}

.bg_bila{

	background:rgba(255,255,255,0.85);

	min-height:200px;

}

.text{

	line-height:140%;

	text-align:justify;

	max-width:95%;

	padding:5px 20px;

	margin:0 auto;

}

@media (max-width: 480px) {

.main_detail{

	padding:5px 0 0 0;

	width:95%;

}

.bg_bila{

	background:rgba(255,255,255,0.85);

	min-height:200px;

}



  .topmenu {

  position:absolute;

    visibility: hidden;

    height:0px;

    top:0;

  }

.fixni-menu {position: relative;} 

  .menu img{

    height: 50px;

  }

  body{

  top:0;

}

.dialog h1{text-align:center;font-size:120%;}

.dialog h4{font-size:100%;text-align:center;}

.dialog h2,.dialog h3{text-align:center;font-size:100%;}

}



.button{

	display:block;

}

body{

	background:#fff;

  top:0px;

}

}

@media screen and (max-width: 700px) {

.logo{

	background-position: top center;

	margin:auto;

	text-align:center;

	float:none;

}

.lista{

	height:auto;

}

nav li{

	width:100%;

	font-size:small;

	display:block;

}

.hotline, .adresa {

	width: 100%;

	text-align:center;

	margin:0;

	padding:20px 0;

	float:none;

}

.adresa h3{

	text-align:center;

	height:auto;

}

}

@media screen and (max-width: 960px) {

.main{

	padding:10px 0 0 0;

	text-align:center;

}

nav{

	padding:10px 0 0 0;

	height:auto;

}

nav.topmenu{

	line-height:20px;

}

nav.menu{

	line-height:30px;

}

nav li a{

	font-size:small;

	padding:0;

	margin:0;

}

.button:hover{

	margin:10px auto;

}

}



@media screen and (max-width: 1559px) {

.zavolame{visibility:hidden;width:0px;height:0px;}



@media (max-width: 480px) {

.zavolame{visibility:hidden;width:0px;height:0px;}

}



#back-top {

	position: fixed;

	bottom: 33px;

	margin-left: 40px;

	z-index:999;

}

#back-top a {

	width: 70px;

	display: block;

	text-align: center;

	font: 11px/100% Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	text-decoration: none;

}

#back-top a:hover {

	color: #fff;

}

/* arrow icon (span tag) */

#back-top span {

	width: 70px;

	height: 70px;

	display: block;

	margin-bottom: 7px;

	background: #0069ad url("images/up-arrow.png") no-repeat center center;

	-webkit-border-radius: 35px;

	-moz-border-radius: 35px;

	border-radius: 35px;

}

#back-top a:hover span {

	background-color: #cb151a;

}