/* General */
* {
	box-sizing: border-box;
	margin: 0;
    padding: 0%;	
}

html {
	height: 100%;
}
  
body {
    font-family: 'Times New Roman', Times, serif;
    color: white;
	background-color: #400000;
    background-image: url("../images/bkg.png");
	height: 100%;
}

a {
	color: #d66000;
}

a:visited {
	color: #f09000;
}

a:hover {
    color: #ffc080;
}

abbr {
	text-decoration: none;
}


/* Header */

#largelogo {
	text-align: center;
    margin-top: 1ex;
}

#largelogo img {
	width: 30%;
	margin-left: auto;
	margin-right: auto;
}
 
/* Scrolling text */
.scroll-left {
	height: 20pt;	
	overflow: hidden;
	position: relative;
	background: #800000;
}
.scroll-left p {
	width: 100ex;
	height: 100%;
	margin: auto;
	line-height: 20pt;
	background-color: #00b000;
	text-align: center;
	font-weight: bold;
	/* Starting position */
	transform:translateX(100%);
	/* Apply animation to this element */
	animation: scroll-left 20s linear infinite;
}

/* Move it (define the animation) */
@keyframes scroll-left {
	0% {
		transform: translateX(100%); 		
	}
	100% {
		transform: translateX(-100%); 
	}
}

.hr {
    width: 100%;
    height: 2px;
}

#footer {
    padding: 1ex 2ex;
}

#badges {
	float: left;
}

#updated {
	float: right;
	font-style: italic;
}

/* Menu */
#mainmenu {
	text-align: center;
	margin: 0ex auto 1ex auto;
}

#mainmenu a {
	display: inline;
    margin-right: 2ex;
}

/* Page */
#page {
	width: 800pt;
	margin: 1ex auto 0ex auto;
}


.wrapper {
	height: 97%;
}
	
/* Clear floats after the columns */
.wrapper:after {
	content: "";
	display: table;
	clear: both;
}

/* Weird gifs */

#horse { float: right; }
#bill { float: left; }
#warriorwoman { float: left; margin-top: 5ex; }
  
 
/* Left column */
#leftcolumn {   
	float: right;
	min-width: 100pt;
	width: 20%;
}

#leftcolumn h2 {
	font-size: 130%;
	font-weight: normal;
    text-align: center;
	margin: 1ex 0ex 3pt 0ex;
	color: #f1f1f1;
	background-color: #404040;
	border-bottom: #f1f1f1 1px;
}

#leftcolumn p {
    text-align: center;
}

#hitcounter {
	text-align: center;
	font-weight: bold;
}

#hitcounter span{
	display: inline-block;
    font-family: sans-serif;
	border-radius: 3px;
	background: #202020;
    color: #f0f0f0;
	padding: 2pt;
	margin: 1pt;
	margin-right: -3px;
}

/* Main column */
#content {
	float: right;
	width: 70%;
	padding-right: 4ex;
}

h1 {
    text-align: center;
    margin: 1ex 0ex;
}

h2 {
    margin: 1ex 0ex 0.5ex 0ex;
}

p {
	margin-bottom: 5pt;
	text-align: justify;
	font-size: 100%;
	line-height: 1.4;
}

p.c {
    text-align: center;
}

table {
	font-size: 100%;
	border: #808080 1px inset;
}

td {
	border: #808080 1px outset;
}

  
/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 400px) {
	.leftcolumn, .content {   
		width: 100%;
		padding: 0;
	}
}

/* Seznam týmů */
table#teams {
    margin-bottom: 3ex;
	margin-left: auto;
	margin-right: auto;
}

table#teams thead {
    font-weight: bold;
}

table#teams td, table#teams th {
	padding: 5pt 2ex;
	text-align: left;
}

table#teams td#nahr {
    font-style: italic;
}


/* Page Přihláška */
p#flash {
    color: #008000;
}

p#error {
	color: #e00000;
}

#main p.label {
	text-align: left;
	margin: 0;
	font-size: 100%;
	line-height: 1;
}

#main h2 {
	text-align: center;
	font-size: 120%;
	margin-bottom: 5pt;
}

div.element {
	margin-bottom: 5pt;
}

input, textarea, select {
	border: solid 1px #909090;
	background-color: rgb(255, 255, 255);
	padding: 0.4ex 0.7ex;
	font-size: 100%;
}

input[type='submit'] {
    float: left;
    padding: 5pt 4ex;
    margin: 5pt 3ex 5pt 0ex;
}

input[type='submit']:hover {
	background-color: #d66000;
}

fieldset {
    border: solid 1px #909090;
    padding: 5pt 3ex;
    margin-bottom: 1.5ex;
}

fieldset legend {
    font-size: 110%;
    font-weight: bold;
    padding: 0ex 5pt;
}

.required, .reqnote {
	display: none;
}

span.error {
	font-size: 80%;
	color: #e00000;
}

/* Šifry */

table#sifry {
	margin: 1.5ex 0ex;
}

table#sifry thead {
    font-weight: bold;
}

table#sifry td, table#sifry th {
	padding: 0.2ex 5pt;
	text-align: left;
}

table#sifry th {
    white-space: nowrap;
    font-weight: normal;
}

table#sifry td.hint {
    text-align: center;
}

.hint img {
	height: 3ex;
	cursor: pointer;
}

.hint div {
	width: 15em;
	padding: 5pt;
	display: none;
	position: absolute;
	background-color: white;
	color: black;
	border: solid 2px black;
	cursor: pointer;
}