* { margin: 0px; padding: 0px; box-sizing: border-box; }
 
html * { max-height:1000000px; } 
 
body { font-family: 'Roboto', sans-serif; background: #eeeeee; font-size: 1.3rem; }
  
.svetlezelena { color: #7ba0ad; }
.mys { color: #bbb; }
.redmys { color: #d7a200; }
.off { color: #bbb; }
.on { color: #444; }  
  
#hlava { 
	background: #dddddd;
	display: table; 
	table-layout: fixed; 
	width: 100%; 
	height: 200px; 
	position: fixed; 
	top: 0px; 
	padding: 0px; 
	margin: 0px; 
	min-width: 960px; 
}

#hlava-menu { 
	display: table; 
	table-layout: fixed; 
	width: 100%; 
	height: 80px; 
	position: fixed; 
	top: 140px;
	left: 0px; 
	padding: 0px; 
	margin: 0px; 
	min-width: 960px; 
}   
  
#hlava-left { 
	width: 100%; 
	display: table-cell; 
	background: #288FB4; 
	vertical-align: middle; 
	text-align: center; 
	}  
       
#hlava-right { 
	position: fixed; 
	top: 0px; 
	left: 0px;
	width: 100%;
	height: 140px; 
	display: table; 
	background: #b1d1dd; 
	vertical-align: middle; 
	text-align: left;
	padding: 10px 0 0 0;
	}    
    
#stitek { 
	display: table;
	table-layout: fixed;
	width: 130px; 
	height: 104; 
	position: fixed; 
	top: 243px; 
	right: 0px; 
	color: #ffffff;
	background: #dd0000; 
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px; 
	opacity: 0.8;
    filter: alpha(opacity=80);
    box-shadow: 6px 6px 6px 0px #aaaaaa;
}
    
#stitek-in {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
    padding-left: 20px;
    text-shadow: 1px 1px 1px #aa0000, 0 0 0 #ffffff, 1px 1px 1px #aa0000;	
}	
	
.malaikona {
	font-size: 2.2rem; 
}
	
.velkaikona {
	font-size: 6.0rem; 
}	
   
.sekce { 
	display: table; 
	table-layout: fixed; 
	width: 100%;
	height:140px; 	
	}   
    
h1 { 
	display: table-cell;
	vertical-align: middle;
	font-size: 4.0rem; 
	font-weight: normal;   
	text-align: left; 
	padding: 5px; 
	padding-left: 10px;
	background-color: #eeeeee;
	color: rgba(200, 200, 200, 0.8);
    text-shadow: 1px 4px 6px #eeeeee, 0 0 0 #444444, 1px 4px 6px #eeeeee;
}    
    
    
#datum { 
	display: inline-table;
	vertical-align: middle; 
}
    
#datum-in {
	font-size: 2.2rem;
	display: table-cell;
	text-align: left;
	background-color: #eeeeee;
	color: rgba(200, 200, 200, 0.8);
    text-shadow: 1px 4px 6px #eeeeee, 0 0 0 #444444, 1px 4px 6px #eeeeee;	
}	        
    
#kotnik { 
	background-color: #288FB4;  
	width: 100%;  
	height: 30px; 	
	}    
    
#paticka { 
	display: table; 
	table-layout: fixed; 
	width: 100%;
	font-size: 1.3rem;  
	height:100px; 	
	}
	    
#paticka-item {
	display: table-cell;
    width: 100%; 
    background-color: #b1d1dd; 
    vertical-align: middle; 
    text-align: center;
    color: #1a5e76;
  }    
     
#logo-objednani-telefony { 
	display: table-cell;		
	color: #1a5e76;
	padding: 0px;
	text-align: left;	 
	font-size: 1.3rem; 
	line-height: 135%; 
	white-space: nowrap; 
}  
 
.logo-telicona { 
	display: inline-block; 
	width: 25px; 
	text-align: right; 
	color: rgba(22, 80, 101, 0.3);
    text-shadow: 1px 4px 6px #b1d1dd, 0 0 0 #1a5e76, 1px 4px 6px #b1d1dd;
	}
.logo-telspace { display: inline-block; width: 5px; }
.logo-telmezera { display: inline-block; width: 40px; }
.logo-telmezera-spec { display: inline-block; width: 20px; }
.logo-telcislo { display: inline-block; text-align: left; }  
    
#lista { 
    top: 10px; 
	left: 10px;
	display: table-cell; 
	width: 100%; 
	height: 20px; 
	min-width: 540px; 
	font-size: 1.3rem; 
	padding: 0px;
	line-height: 260%;
}  
#lista-logo {  
	padding: 0px; 
	margin: 0px; 
	white-space: nowrap; 
	display: inline-block; 
	vertical-align: middle; 
	padding-left: 0px; 
	color: #1a5e76;
} 
.mezerus { display: table-cell; width: 100%; }
#lista-gambulance { 
	font-size: 3.405rem; 
	color: #7ba0ad;	
	padding: 0px; 
	margin: 0px; 
	white-space: nowrap; 
	display: inline-block; 
	vertical-align: right; 
} 
.lista-light { 
	color: #a0bdc8;	
}   
  
  
.gamb-mezera {
	width: 20px;
	padding: 0px; 
	margin: 0px;    
}   
    
.telo a:link    { text-decoration: none; color: #288FB4; }
.telo a:visited { color: #288FB4; }
.telo a:active  { color: #288FB4; }
.telo a:hover   { background-color: #eeeeee; color: #288FB4; }    
    
#menu { 
	width: 100%; 
	height: 80px; 
	min-width: 640px; 
    text-shadow: 1px 1px 1px #195a71, 0 0 0 #ffffff, 1px 1px 1px #195a71;	
    white-space: nowrap;
}
 
#menu ul { padding: 19px; margin: 0 auto; list-style: none; text-align: center; position: relative; top: 2px; }
#menu ul li { display: inline-block; margin: 0 30px; }
#menu ul li a { 
	padding: 0px 0px; 
	color: #ffffff; 
	font-size: 1.6rem; 
	text-decoration: none; 
	font-weight: normal; 
	transition: all 0.2s ease; 
	background-color: #288FB4; 
}
#menu ul li a:hover { color: #113d4d; background-color: #288FB4; }
 
.znovu {
	padding: 0px 0px;  
	font-size: 1.6rem;  
	font-weight: normal;      
} 

.znovu a { 
	text-decoration: none;
	border-bottom: 3.0px #aaaaaa solid;
	transition: all 0.2s ease;
	color: #222222; 
}

.znovu a:hover { 
	text-decoration: none;
	color: #ffffff; 
	border-bottom: 3.0px #dddddd solid;
} 
 
 
h2 { font-size: 1.8rem; margin: 0px; }
  
.vspace { position: relative; top: -220px; }
  
section { width: 100%; min-height: 100px; text-align: left; padding: 0px; min-width: 960px; }
section.active {}

li:not(:last-child) {
    margin-bottom: 8px;
}

.bloky section:first-child { margin-top: 220px; }

.doprava { text-align: right; }

.karta {
    min-width: 100px;
    background: #ffffff;
    padding: 0px;
    margin: 10px 10px 20px 10px;
    display: inline-block;    
    vertical-align: top;
    line-height: 160%;
    border-radius: 10px; 
    box-shadow: 6px 6px 6px 0px #cccccc;
}


#karta-ordhod-rokycany { width: 400px; }
#karta-ordhod-mirosov  { width: 400px; }
#karta-aktualne        { width: 824px; }
#karta-novinky         { width: 824px; }
#karta-objednani       { width: 824px; }
#karta-sluzby          { width: 824px; }
#karta-info            { width: 824px; }
#telo-info             { background: #ffe79e; }
#karta-spoluprace      { width: 824px; }
#karta-pojistovny      { width: 824px; }
#karta-mapa-rokycany   { width: 400px; }
#karta-mapa-mirosov    { width: 400px; }
#karta-faktura         { width: 824px; }

.hlavicka {
	display: table; 
	background: #cccccc; 
	padding: 10px; 
	width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;       
	}

.hlavicka-info {
	display: table; 
	background: #dd0000; 
	color: #ffffff;
	padding: 10px; 
	width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;       
	}

.ikona-info { 
	display: table-cell;
	font-size: 3.5rem;
	width: 10px; 	 
	vertical-align: middle; 
    color: rgba(255, 255, 255, 1.0);
    text-shadow: 1px 4px 6px #aa0000, 0 0 0 #ffffff, 1px 1px 1px #aa0000;	    
}


.ikona { 
	display: table-cell;
	font-size: 3.5rem;
	width: 10px; 	 
	vertical-align: middle; 
    color: rgba(180, 180, 180, 0.8);
    text-shadow: 1px 4px 6px #cccccc, 0 0 0 #333333, 1px 4px 6px #cccccc;
}

.mezeraikona { 
	display: table-cell; 	 
	width: 30px;
}

.navesti {
	display: table-cell; 
	font-size: 1.5rem; 
	vertical-align: middle; 
	}

.telo { display: inline-block; padding: 20px; padding-left: 45px; width: 100%; }

.odpluj-vpravo { 	 
	display: table-cell; 
	font-size: 1.5rem; 
	vertical-align: middle;
	text-align: right; 
	}

ul { list-style-type: square; }

#objednani-telefony { 
	text-align: left; 
	display: inline-block; 
	font-size: 1.6rem; 
	padding: 20px; 
	line-height: 160%; 
}

.telicona { 
	display: inline-block; 
	width: 30px; 
	text-align: right; 
	font-size: 2.2rem;    
}
.telspace { display: inline-block; width: 0px; }
.telcislo { display: inline-block; text-align: left; }
 
.center { text-align: center; } 
 
.ordinacni-hodiny { text-align: left; display: inline-block; font-size: 1.6rem; padding: 0px; line-height: 160%; }

.ordhod-den   { display: inline-block; min-width: 50px; text-align: left; }
.ordhod-left  { display: inline-block; min-width: 80px; text-align: left; }
.ordhod-poml  { display: inline-block; min-width: 60px; text-align: center; }
.ordhod-right { display: inline-block; min-width: 80px; text-align: right; }

.druhepatro { padding: 0px; padding-top: 18px; }

.alert { color: red; }

.podtrhni { 
	border-bottom: 3.0px #dd0000 solid;
}