body {color:rgb(35,43,45); background-color:white; font-family:"Open Sans",sans-serif; position:relative; margin-left:auto; margin-right:auto; overflow-y: scroll; overflow: -moz-scrollbars-vertical;  }     
   
#container {position: relative; top:0px;  margin:0px auto; padding:0px; width:95%; max-width: 1200px;  background-color:  transparent; }

#hlavicka {padding: 100% 0px 0px 0px; margin: 0px 0px -40% 0px; background-color:white; border-bottom: none 0px;
            background-image:url("pm16-date-.jpg"); background-repeat:no-repeat; background-position: center top /*40% 0%*/; 
            background-size: contain;}
.subscribe {position: relative; margin:0px auto; padding: 10px; width: auto; background-color: #f18d37; border: solid 6px #e67825; font-size: 1.2em; font-weight: bold; color: #ffffff; text-align: center; cursor: pointer; max-width: 40%; letter-spacing: 0.1em; text-transform: uppercase;}
.textova {display: none;}
a {text-decoration: none; color: #ffffff;
}

/* Barvy
orange #f18d37, rgb(241,141,55)
middle-blue: #337da2, rgb(51,125,162)
dark-blue: #004389, rgb(0,67,137) 
*/


@media (min-width: 1200px) {
.subscribe {padding: 15px; font-size: 1.3em;	}
}

@media (max-width: 960px)   {
	#hlavicka {margin: 0px 0px -45% 0px;}
	.subscribe {max-width: 60%;}
}

@media (max-width: 640px) {
	.subscribe {font-size: 0.95em; }
}

@media (max-width: 480px) {
	#hlavicka {padding: 140% 2px 0px 2px; background-image:url("pm16-date3-.jpg"); background-size:cover; margin: 0px 0px -60% 0px;}
	.subscribe {font-size: 0.92em; }
}