﻿* 
{
	margin:0;
	padding:0;	
	text-decoration:none;
	
	font-family: Arial, Helvetica, sans-serif ;
}
@font-face {
    font-family: Cambria; /* deklarace fontu */
    src: url("Cambria.ttf"); /* propojení na umístění souboru */
}
@font-face {
    font-family: CambriaBold; /* deklarace fontu */
    src: url("Cambria_Bold.ttf"); /* propojení na umístění souboru */
}
body
{
	background-image:url(img/bg.jpg), url(img/texture.jpg);
	background-position:top center,bottom;
	background-repeat:no-repeat,repeat;
	
}
#container
{
	width:1000px;
	height:auto;
	margin-left:auto;
	margin-right:auto;	
}
#chata
{
	background-image:url(img/chata.png);
	width:950px;
	height:460px;
	position:relative;
	z-index:-1;	
	/* left:auto;
	right:auto;*/
	margin-left:50px; 
	margin-bottom: -15px;
}
nav
{
	width:400px;
	height:498px;
	background-image:url(img/nabidka.png);	
	float:left;
	margin-left:-150px;
	position:relative;
}
nav a
{
	color:#171717;
	text-shadow:white 0px 0px 5px;
	display:block;
	text-align:center;
	width:180px;
	margin-left:184px;	
	position:relative;
	text-decoration:none;
	font-family: 'Marck Script';
	font-size:20px;
}
#prvni
{
	top:35px;
	-ms-transform: rotate(-4deg); /* IE 9 */
    -webkit-transform: rotate(-4deg); /* Chrome, Safari, Opera */
    transform: rotate(-4deg);
}
#druhy
{
	top:50px;
	-ms-transform: rotate(-1deg); /* IE 9 */
    -webkit-transform: rotate(-1deg); /* Chrome, Safari, Opera */
    transform: rotate(-1deg);
}
#treti
{
	top:77px;
	-ms-transform: rotate(-8deg); /* IE 9 */
    -webkit-transform: rotate(-8deg); /* Chrome, Safari, Opera */
    transform: rotate(-8deg);
}
#ctvrty
{
	top:95px;
	-ms-transform: rotate(5deg); /* IE 9 */
    -webkit-transform: rotate(5deg); /* Chrome, Safari, Opera */
    transform: rotate(5deg);
}
#paty
{
	top:110px;
	-ms-transform: rotate(-4deg); /* IE 9 */
    -webkit-transform: rotate(-4deg); /* Chrome, Safari, Opera */
    transform: rotate(-4deg);
}
#sesty
{
	top:130px;
	-ms-transform: rotate(-1deg); /* IE 9 */
    -webkit-transform: rotate(-1deg); /* Chrome, Safari, Opera */
    transform: rotate(-1deg);
}
#sedmy
{
	top:153px;
	-ms-transform: rotate(-8deg); /* IE 9 */
    -webkit-transform: rotate(-8deg); /* Chrome, Safari, Opera */
    transform: rotate(-8deg);
}
#osmy
{
	top:174px;
	-ms-transform: rotate(5deg); /* IE 9 */
    -webkit-transform: rotate(5deg); /* Chrome, Safari, Opera */
    transform: rotate(5deg);
}
article
{
	float:right;
	width:660px;
	min-height:10vh;
	position:relative;
	letter-spacing:normal;
	left:-65px;
	background-image:url(img/textfield.png);
	text-align:justify;
  color:white;
}
h1
{
	color:white;
	font-family: 'Marck Script';
	position:relative;
	left:150px;
	top:5px;
	font-weight:normal;
	text-align:center;
	width:240px;
	display:block;
	padding-top:12px;
	height:50px;
	text-shadow:black 0px 0px 10px;
	font-size:30px;
}
h2
{
	background-image:url(img/h2.png);
	width:658px;
	height:51px;
	text-align:center;
	padding-top:15px;
	margin-top:-20px;
	font-family:Cambria;
	font-size:24px;
	font-weight:normal;
	text-shadow:white 0px 0px 7px;
	font-variant:small-caps;
}
h3
{
	padding:10px;
	border-bottom:black thin solid;
	margin-bottom:10px;
	font-family:Cambria;
	font-variant:small-caps;
	font-weight:normal;
	font-size:22px;
	color:black;
}
h4
{
	font-family:Cambria;
	padding:10px;
	font-weight:normal;
	font-style:italic;
		
}
h5
{
	font-family:Cambria;
	padding:10px;
	font-weight:normal;
	padding-left:25px;
		
}
#text
{
	width:570px;
	margin-left:auto;
	margin-right:auto;	
}
#text img
{
	/*float:right;*/
	margin:12px;
	/*box-shadow:black 0px 0px 4px;	*/
}
#seznam
{
	width:550px;
	height:auto;
	margin-left:auto;
	margin-right:auto;		
	
}
.album
{
	display:inline-block;
	height:140px;
	width:180px;
	background-color:#eee4c7;
	text-align:center;
	box-shadow:black 0px 0px 3px;
	margin-bottom:5px;
}
.album img
{
	float:left;	
}
#galerie
{
	width:500px;
	height:auto;
	margin-left:auto;
	margin-right:auto;		
}
#galerie img
{
	width:150px;
	display:inline-block;	
}
.konec
{
	background-image:url(img/konec.png);
	width:658px;
	height:51px;
	text-align:center;
	margin-left:-45px;
	margin-top:10px;
}
ul
{
	padding-left:30px;
}

a {
color: white;
}	