* {margin: 0; padding: 0; }

body  {margin: 0px; font-family: Arial, sans-serif; font-size: 11pt; color: #000020; }

h1, h2  {font-weight: normal; text-transform: uppercase; }
h1  {width: 98%; color: #666666; font-size: 20pt; margin: 1eM 0 1eM 0; padding-left: 1eM; border-bottom: 1px solid #E06C30; text-align: left; }
h2  {color: #C81600; font-size: 14pt; margin: 20px auto 30px auto; text-align: center; }
p   {text-align: justify; text-indent: 1eM; margin: 1eM auto 1eM auto; }
pre {text-align: justify; margin: 1eM auto 1eM auto; font-size: 1.2eM; }
pre b {color: #308090; }
ol, dl, ul  {margin: 1ex auto 1ex 3eM; text-align: left; }
dd  {margin: auto auto 1ex 2eM; }

img  {display: block; margin: auto; border: 1px solid #E06C30; padding: 2px; max-width: 100%; }
header img, footer img  {display: inline; border: 0px	; }

.hlavicka  {top: 0; position: sticky; width: 100%; background: black url("../img/menuprouzek.png") bottom repeat-x; border-bottom: 10px solid white; }

.hlavicka header { background: url("../img/kytarapuntiky.png") no-repeat top right;
	display: flex; width: 1250px; height: 170px; margin: 0 auto 0 auto; padding: 0; }

.amalker  {margin-top: -20px; top: 170px; left: 1200px; position: sticky; width: 250px; height: 50px; }
.amalker img  {border: 2px solid #666666; border-radius: 5px; padding: 0; }

nav ul { margin: 0; list-style-type: none; display: flex; align-items: flex-end; height: 100%; }

/*  NUTNO ZÚŽIT pravý okraj při více odkazech než 6 */
nav ul li { padding: 0px; margin: 0 10px; line-height: 64px; background: #C81600; }

nav ul a { border-bottom: 1px solid #E06C30;
	  color: white; padding: 10px; text-decoration: none; text-transform: uppercase; }

nav ul a:hover {color: black; border-top: 1px solid white; border-bottom: 1px solid white; }

.logokapely {display: inline-block; height: 170px; width: 353px;
	margin: 0; padding: 0; background: url("../img/logovmenu.png") no-repeat top; }

.socialnisite {position: relative; height: 50PX; right: 0px; }

hr {border: 0; border-top: 1px solid #E06C30; height: 0; }


main a {color: #C81600; text-decoration: none; border-bottom: 1px solid black; }
main a:hover {color: black; text-decoration: none; border-bottom: 1px solid #C81600; }

main	{max-width: 1200PX; margin: 20px auto 0 auto; text-align: center; }
.galerie  {max-width: 1200px; margin: 20px auto 0 auto; }

.levysloupek {display: inline-block; float: left; min-width: 220px; max-width: 330px; }
.levysloupek {border: 1px solid #DDDDDD; }
.pravysloupek {display: inline-block; max-width: 840px; }


article {display: inline-block; padding: 10PX; height: 100%; vertical-align: top; margin: 1eM auto 3eM auto; }
.tretina  {max-width: 30%; }
.polovina {max-width: 47%; }

.rudyprouzek  {text-align: center; xborder-top: 2px solid #E06C30; padding-top: 1eM; }
.rudyprouzek img    {border: 0; }
.rudyprouzek a, .rudyprouzek a:hover  {border: 0}
.rudyprouzek h2 {color: black; }
.rudyblok {display: inline-block; max-width: 340px; min-width: 300px; margin: 1eM; vertical-align: top;  padding: 1ex; border: 2px solid #C81600; background: #FFF8F4}
.rudyblok p {text-indent: 0; text-align: center; color: #000020; }

.zavolejte  {display: inline-table; width: 100%; margin: 2eM auto 2eM auto; border: 1px solid #CDCDCD;  }
.zavolejte > div  {max-width: 67%; }
.zavolejte div  {display: table-cell; padding-left: 2eM; padding-bottom: 2ex; }
.zavolejte h1, .zavolejte h2 {margin: 1ex; padding: 0; text-align: left; border: 0; font-size: 20pt; }
.zavolejte img  {display: inline-block; position: relative; top: 1ex; z-index: -1; margin-left: 1eM; border: 0; }

.downloadbtn   {text-align: right; }
.downloadbtn a {display: inline-block; padding: 1ex 2eM 1ex 2eM; background: #E06C30; border: 2px solid black; border-radius: 5px; color: black; font-weight: bold; }
.downloadbtn a:hover {background: #E06C30; border: 2px solid black; background: #C81600; color: white; }

.kontakty {width: 100%; border-top: 1px solid #E06C30; background: #F0F0F0; margin: 100px auto 0 auto; }
.kontakty p {margin: 0; }

.kontakty footer {width: 1200px; margin: 0px auto 0 auto; padding-top: 30px; }
footer h2  {text-align: left; }

.copyright  {margin-top: 50px; padding-top: 30px; width: 100%; height: 50px; text-align: center; background: black; color: white; text-transform: uppercase; }
.copyautor {display: block; text-align: left; padding-left: 2eM; font-size: 12pt; }
.copytisk {display: none; } // Copyright a web viditelné jen při tisku

// === BARVY =====
// Černá a bílá jsou černá a bílá.
// Menu: Červená #C81600, oranžová #E06C30
// Logo: Šedá  #CDCDCD, červená #FE0000
// Nadpis: Šedá #666666, červená #C81600
// Šedý rámeček #DDDDDD, červený rámeček #C81600
// === Modré =====
// Světlá: #7ACBDC, šedomodrá: #308090, tmavá: #5080D0