body { font-family: Arial; margin:0px; padding:0px; line-height:170%; }

a, a:link, a:active { color:#0082a4; font-weight:bold; }
a:hover { text-decoration:none; }

input[type=text] { width:300px; }
input[type=password] { width:300px; }
input[type=number] { width:50px; }
.form-check { display:inline; padding-right:10px; }
 .form-selectAll { display:block; margin-top:10px; padding-left:5px; }
textarea { width:310px; }

#layout { width:100%; margin:auto; margin-bottom:0px; padding:0px; } 

table, tr, td { line-height:100%; }
td { padding-bottom:10px; vertical-align:middle; }
input { line-height:180%; }
select { min-height:30px; vertical-align:middle; }

header { text-align:center; background-color:#0082a4; color:white; }
 header div { padding:10px; }
 header h1 { text-transform: uppercase; }
 header h2 { font-size:17px; } 
 header a, header a:link, header a:visited { color:white; text-decoration:none; }
 header a:hover {border:0px;}

nav ul { list-style-type:none; margin:40px auto 50px auto; padding:0px; text-align:center; font-size:19px; }
 nav li { display:inline-block; padding:10px 20px 10px 20px; min-width:280px; margin:0 10px 0 10px; background-color:#0082a4; border:1px solid rgba(68,114,196,0.2); border-radius:3px; color:white!important; }
 nav a, nav a:link, nav a:visited { color:white!important; }
 nav .active a,  nav .active a:link,  nav .active a:visited { text-decoration:none; font-weight:bold; color:white!important; }

 aside .linkBox { background-color:#4472c4; text-align:center; padding:25px; margin-bottom:15px; color:white; }
 aside .linkBox a { color:white; }
 aside h3 { margin:30px 0px 0px 0px; }
 aside .calendar { float:left; }

main { width:1200px; margin:auto; padding:0px 15px 0 5px; } 
 #obsah { }
 .loginInfo { text-align:right; padding:8px; border-top:1px solid black; border-bottom:1px solid black; margin-bottom:30px; }
 .loginInfo span { float:left; font-weight:bold; }
 .loginForm { padding:10px; color:white; background-color:#0082a4; border-radius:3px; }

 .clankyKategorie { font-size:18px; }
  .clankyKategorie li { padding-bottom:10px; }

 .clanky { font-size:17px; }

 .search { width:69%; float:left }
 .search-autor { width:30%; float:right; border:1px solid rgba(0,0,0,0.2); padding:0 0 10px 10px; border-radius:3px; }
  .search-autor .form-title { width:100%; display:block;}
  .search-autor input[type=text] { width:90%; }

 .poptavka { border-bottom:1px solid black; padding-bottom:28px; }
  .poptat { display:inline; background-color:#0082a4; color:white; padding:10px; margin:20px; float:right; border-radius:3px; }
  .poptat a { color:white; } 
 .poptavka th, .poptavka td { border:1px solid black; }
 .poptavka img { padding-right:15px; max-width:120px; height:auto; }

 .strankovani { font-size:20px; }

footer { clear:both; width:80%; max-width:1600px; margin:auto; padding:30px 0px 0px 0px; margin-top:30px; margin-bottom:0px; color:black; }
footer div { padding:30px; border-radius:3px; }
footer a, footer a:link { color:#0082a4; }
#background2 { background-size: cover; background-size:100%; min-height:460px; padding:0px; margin:0px; }

.popupWindow { margin:auto; position:fixed; left:calc(50% - 350px); top:10%; width:700px; max-height:80%; border:1px solid #3860a7; background-color:white; padding:10px 10px 30px 10px; font-size:18px; line-height:200%; overflow: auto; }
 .popupWindow td { vertical-align:top; }
 .popupClose { text-align:right; padding-right:45px; }
  .popupClose a, .popupClose a:link, .popupClose a:visited { position:fixed; background-color:white; }

.warning { font-weight:bold; color:red; }

@media screen and (max-width: 1200px)  {
	#layout { /*width:95%;*/ } 
	main {width:100%;}
	footer {width:100%; }
	#background2 { min-height:350px; }
}


@media screen and (max-device-width: 480px)  {
	.popupWindow { font-size:20px; }
	.search-autor { margin-top:20px; float:left; display:none; }

}