﻿
a:link     {color: #FFFFFF; transition: all 0.1s linear}
a:visited  {color: #FFFFFF; transition: all 0.1s linear}
a:hover    {color: #696969; TEXT-DECORATION: none; font-weight: none;}
a:active   {color: #101010; TEXT-DECORATION: none;}

body, html  {
	font-family: Courier New;
	color: white;
	background-color: black;    

scrollbar-track-color: silver;
scrollbar-face-color: blue;
scrollbar-highlight-color: color;
scrollbar-3dlight-color: green;
scrollbar-darkshadow-color: black;
scrollbar-shadow-color: purple;
scrollbar-arrow-color: red; 
}

.text { 
	font-family: Courier New;
	color:  white;
}
.nadpis3 { 
	font-family: Courier New;
	font-size: 20px;
	margin-left: 7px;
	padding-bottom: 5px
}
.nadpis4 { 
	font-family: Courier New;
	font-size: 17px;
	margin-left: 7px;
	padding-bottom: 5px
}

.code { 
	font-family: Courier New;
	font-size: 16px;
	margin-left: 8px;
	padding-bottom: 5px
}

#code { 
	font-family: Courier New;
	font-size: 16px;
	margin-left: 8px;
	padding-bottom: 5px
}

.FloatrL { float: left; clear: left; }
.FloatrC { float: center; clear: right; }
.FloatrR { float: right; clear: right; }

img:hover {width: 100%; height: auto}
img:active {width: 100%; height: auto}

#obr {
	width: 100px; height: 75px;	
}


#menu {
	a:link     {color: #FFFFFF; transition: all 0.1s linear};
	a:visited  {color: #blue; transition: all 0.1s linear};
	a:hover    {color: #696969; TEXT-DECORATION: none; font-weight: none};
	a:active   {color: #101010; TEXT-DECORATION: none};
	text-align: center;
	font-size: 18px;
	
}

.tělo {
	background-color: black;
	position: absolute; width: 800px;
	right: 50%; margin-right: -400px;
	top: 100px; clear: left;
	
	font-family: Courier New;
	color:  white; 
}

#navigace {
	color: white;
	position: fixed; top: 15%; left:2%;		
}


@media (max-width: 1200px) and (min-width: 995px){
        .tělo {
		background-color: ;
		position: absolute; left: 18%;
		width: 800px; 
		top: 100px; clear: left;
		
		font-family: Courier New;
		color:  white; 
	}
	#navigace {
		color: white;
		position: fixed; top: 15%; left:1%;		
	}

}

@media (max-width: 995px) and (min-width: 0px){
        .tělo {
		background-color: ;
		position: absolute; right: 50%;
		 width: 800px; 
		top: 100px; clear: left;
		 
	}
	#navigace {
		visibility: hidden;		
	}

}

.nnadpis { 
	font-family: Courier New;
	font-size: 25px
}

.ndr { 
	font-family: Courier New;
	color:       #00FF00;
	padding:      5px;
	padding-left: 10px
}
.kpv { 
	margin-left: 15px;
	
}


/*
a:link     {color: white; transition: all 0.1s linear}
a:visited  {color: white; transition: all 0.1s linear}
a:active   {color: yellow; TEXT-DECORATION: none; transition: all 0.1s linear}
a:hover    {color: orange; TEXT-DECORATION: none; font-weight: none; transition: all 0.1s linear}

.posun {
  -webkit-animation: boxik 2s ; /* Safari 4+ */
  -moz-animation:    boxik 2s ; /* Fx 5+ */
  -o-animation:      boxik 2s; /* Opera 12+ */
  animation:         boxik 2s; /* IE 10+, Fx 29+ */
}

nav { 
	left: 0; top: 0; position: fixed; width: 185px; height: 100%; 
	margin-right: 1em; padding: 5px; padding-left: 30px; background: #FFD787;
	text-decoration: none; text-align: right; 
}

body {
	font-family: Comic Sans MS;
  -webkit-animation: bodymation 1.5s ; /* Safari 4+ */
  -moz-animation:    bodymation 1.5s ; /* Fx 5+ */
  -o-animation:      bodymation 1.5s; /* Opera 12+ */
  animation:         bodymation 1.5s; /* IE 10+, Fx 29+ */  
}

body, html  {
scrollbar-track-color: silver;
scrollbar-face-color: blue;
scrollbar-highlight-color: color;
scrollbar-3dlight-color: green;
scrollbar-darkshadow-color: black;
scrollbar-shadow-color: purple;
scrollbar-arrow-color: red; 
}


background-color: rgba(87,54,23,0.5);
background-image: src("b.png")
border-radius: 20px;
background-size: 300%;
border: 2px solid #573412;
padding:10px;
*/