/*Colors

	light-gray 	E3E3E3
	gray 		999
	blue		3CB3D4
			359DBA
*/

/* Default style */

html, body, div, span, p, a, hr,
h1, h2, h3, h4, h5, h6, strong,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Previous HTML support */
article, aside, footer, header, hgroup, menu, nav, section {
	display: block;
}

/* Websites */

html, body {
	height: 100%;
	max-width: 1366px;
	margin: 0 auto;
	background: #FFF;
	xoverflow: hidden;
}

h1 {
	font: bold 60px  "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
	color: #999;
}
h2 {
	font: 40px  "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
	color: #57B3CD;
	
}
h3 {
	width: 150px;
	xpadding: 0 0 5px;
	margin: 0 auto 18px;
	font: 40px  "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
	text-align: center;
	color: #AAA;
	border-bottom: 2px solid #DDD;
}	
p {
	font: 20px/1.6em Georgia, Times, "Times New Roman", serif;
	padding: 10px 0 0px;
	color: #222;
}
ul, ol {
	padding: 5px 0 15px;
}
li {
	font: italic 20px Georgia, Times, "Times New Roman", serif;
	padding: 10px 0 2px;
	margin: 0 23.5px;
	color: #1689AA;
	list-style-type: square;
}
ol li {
	margin: 0 35px;
	list-style-type: upper-alpha;
}
#nabizim span {
	display: block;
	color: #1689AA;
}
nav {
	position: absolute;
	top: 100%;
	width: 100%;
	margin: -30px 0 0;
	text-align: center;
}
hgroup {
	position: absolute;
	top: 50%;
	width: 100%;
	height: 200px;
	margin: -100px 0 0;
	text-align: center;
}
div.obsah {
	width: 90%;
	padding: 45px 5% 90px;
}
#uvodni, #vyhody, #nabizim, #kontakt {
	position: relative;
	min-height: 100%;
	width: 100%;
	border: solid #86CDE1;
	border-width: 1px 0;
	background: #EEE;
}
#uvodni {
	border-width: 0 0 1px;
}
#kontakt {
	border-width: 1px 0 0;
}
a {
	font: 16px Verdana, Geneva, sans-serif;
	padding: 7px 18px 12px;
	color: #FFF;
	text-decoration: none;
	margin: 0 12% 0;
	background: #85CCE0;
	border-radius: 7px 7px 0 0;
}
a:hover {
	background: #57B3CD;
}
#uvodni a.levy {
	margin: 0 7% 0 0;
}
#uvodni a.pravy {
	margin: 0 0 0 7%;
}
#vyhody a.levy, #nabizim a.levy {
	margin: 0 5% 0 0;
}
#vyhody a.pravy, #nabizim a.pravy {
	margin: 0 0 0 5%;
}
footer {
	position: absolute;
	top: 100%;
	left:0;
	width: 100%;
	margin: -36px 0 0;
	padding: 10px 0 9px;
	background: #046B87;
}
footer div {
	width: 90%;
	padding: 0 5% 0;
}
footer nav {
	display: inline;
	top: 40px;
	right: 0;
	xfloat: left;
	xmargin: -28px 0 0 30%;
	max-width: 380px;
	background: #046B87;
}	

footer p {
	float: left;
	font: 16px "Gill Sans MT", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
	padding: 0 10px 0 0;
	color: #86CDE1;
}
footer span, footer a {
	float: left;
	font: 16px Georgia, Times, "Times New Roman", serif;
	padding: 0 10px 0 ;
	margin: 0;
	color: #EEE;
	background: none;
}
footer a {
	color: #86CDE1;
}
footer a:hover {
	background: none;
}
p.vetsi {
	font: 35px "Gill Sans MT", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
	padding: 5px 0 0;
	color: #1689AA;
}
p.bila  {
	color: #FFF;
}