* {
  	margin: 0;
  	padding: 0;
  } 
  
  
@font-face {
    font-family: 'TheWorldIsYoursRegular';
    src: url('theworldisyours-webfont.eot');
    src: url('theworldisyours-webfont.eot?#iefix') format('embedded-opentype'),
         url('theworldisyours-webfont.woff') format('woff'),
         url('theworldisyours-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }

img{

border:none}

body { font:16px Arial; color:#330000; font-family: 'TheWorldIsYoursRegular';} 

a:link, a:visited{text-decoration:none; color: #330000; }
a:hover{color: #993333; text-decoration:none}

#page-wrap a:link, #page-wrap a:visited {text-decoration:none; color: #ffffff; }

#page-wrap a:hover{color: #993333; text-decoration:none; }

#page-wrap_kontakt a:link, #page-wrap_kontakt a:visited {text-decoration:none; color: #ffffff; }

#page-wrap_kontakt a:hover{color: #993333; text-decoration:none; }

#page-wrap_galerie a:link, #page-wrap_galerie a:visited {text-decoration:none; color: #ffffff; }

#page-wrap_galerie a:hover {text-decoration:none; color: #993333; }

p {margin-top:10px; margin-bottom:10px}
br {line-height:auto}

h1{
font-size: 60px; color: #ffffff; font-weight: normal; margin-top: 10px; margin-bottom: 30px
}
h2{
font-size: 30px; color: #ffffff; font-weight: normal; margin-top: 10px; margin-bottom: 30px
}
		
img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}
		
@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}
		
#all { position: relative; width: 1024px; margin: 0 auto; margin-top:20px;}
		
#top { position: relative; width: 1024px; height: 80px; margin: 0 auto; padding: 20px; }

#logo { position: relative; float:left; margin-top: 0px; font-size: 18px;  margin-left: -20px}

ul#menu { position: relative; float:right; top: 100px; font-size: 30px; }

#menu li {display:inline; padding-left: 20px; }

#page-wrap_uvod { position: relative; width: 944px; margin: 0 auto; padding: 50px; color: white; background: url(img/wrap.png); margin-top:60px;
height:300px}

.uvodni_text{
float:left;
font-size: 60px;
color: #ffffff;
width: 450px
}

.uvodni_obr{
float:right;
width:450px
}


.kontakt_text{
float:left;
font-size: 60px;
color: #ffffff;
width: 280px
} 


.mapa{
margin-top:20px;
float:right;
width:580px
}

#page-wrap { position: relative; width: 944px; margin: 0 auto; padding: 50px; color: white; background: url(img/wrap.png); margin-top:60px; font-weight: normal}

#page-wrap_kontakt { position: relative; width: 944px; margin: 0 auto; padding: 50px; color: white; background: url(img/wrap.png); margin-top:60px; font-weight: normal; height: 350px}

#page-wrap_galerie { position: relative; width: 944px; margin: 0 auto; padding: 50px; color: white; background: url(img/wrap.png); margin-top:60px; font-weight: normal; height: 310px}

#page-wrap_galerie_stavby { position: relative; width: 944px; margin: 0 auto; padding: 50px; color: white; background: url(img/wrap.png); margin-top:60px; font-weight: normal; height: 1660px}

ul#seznam { padding-left:30px; padding-bottom: 30px;}

#seznam li {list-style-image: url(img/list.png); padding-bottom: 10px; font-size: 24px}

#bottom {margin-top:20px; margin-bottom: 20px;width:1044px; font-size:18px;}



ul#kontakt { position: relative; float:left; top: 10px; font-size: 24px; }

#kontakt li { display:inline; padding-left: 5px; }

.copyright{padding-left: 270px}

#mybgcarousel_1{ /* CSS for main carousel container */
background: url(ajaxload.gif) center no-repeat; /* loading gif while caoursel is loading */;
 width:450px; /* default dimensions of carousel */
 height:299px;
 float:left
 }
 
 #mybgcarousel_2{ /* CSS for main carousel container */
background: url(ajaxload.gif) center no-repeat; /* loading gif while caoursel is loading */;
 width:450px; /* default dimensions of carousel */
 height:299px;
 float:right
 }
 #mybgcarousel_3{ /* CSS for main carousel container */
background: url(ajaxload.gif) center no-repeat; /* loading gif while caoursel is loading */;
 width:450px; /* default dimensions of carousel */
 height:299px;
 float:left;

 }
 
 #mybgcarousel_4{ /* CSS for main carousel container */
background: url(ajaxload.gif) center no-repeat; /* loading gif while caoursel is loading */;
 width:450px; /* default dimensions of carousel */
 height:299px;
 float:right;

 }
 #mybgcarousel_5{ /* CSS for main carousel container */
background: url(ajaxload.gif) center no-repeat; /* loading gif while caoursel is loading */;
 width:450px; /* default dimensions of carousel */
 height:299px;
 float:left;
  margin-top:40px
 }
 
 #mybgcarousel_6{ /* CSS for main carousel container */
background: url(ajaxload.gif) center no-repeat; /* loading gif while caoursel is loading */;
 width:450px; /* default dimensions of carousel */
 height:299px;
 float:right;
  margin-top:40px
 }
 #mybgcarousel_7{ /* CSS for main carousel container */
background: url(ajaxload.gif) center no-repeat; /* loading gif while caoursel is loading */;
 width:450px; /* default dimensions of carousel */
 height:299px;
 float:left;
  margin-top:40px
 }
 
 #mybgcarousel_8{ /* CSS for main carousel container */
background: url(ajaxload.gif) center no-repeat; /* loading gif while caoursel is loading */;
 width:450px; /* default dimensions of carousel */
 height:299px;
 float:right;
  margin-top:40px
 }
 #mybgcarousel_9{ /* CSS for main carousel container */
background: url(ajaxload.gif) center no-repeat; /* loading gif while caoursel is loading */;
 width:450px; /* default dimensions of carousel */
 height:299px;
 float:left;
  margin-top:40px
 }
 
 #mybgcarousel_10{ /* CSS for main carousel container */
background: url(ajaxload.gif) center no-repeat; /* loading gif while caoursel is loading */;
 width:450px; /* default dimensions of carousel */
 height:299px;
 float:right;
  margin-top:40px
 }
 
  #mybgcarousel_11{ /* CSS for main carousel container */
background: url(ajaxload.gif) center no-repeat; /* loading gif while caoursel is loading */;
 width:450px; /* default dimensions of carousel */
 height:299px;
 float:left;
  margin-top:40px
 }
 
  #mybgcarousel_12{ /* CSS for main carousel container */
background: url(ajaxload.gif) center no-repeat; /* loading gif while caoursel is loading */;
 width:450px; /* default dimensions of carousel */
 height:299px;
 float:right;
  margin-top:40px
 }
 
 


.bgcarousel{ /* CSS for each image's DIV container within main container */
 color: black;
 }
 
img.navbutton{ /* CSS for the nav buttons */
margin:5px;
opacity:1.0;
}

div.slide{ /* CSS for each image's DIV container within main container */
background:url(img/wrap.png) repeat;
color: black;
}

div.selectedslide{ /* CSS for currently selected slide */
}

div.slide div.desc{ /* DIV that contains the textual description inside .slide */
position: absolute;
color: white;
left: 20px;
top: 220px;
width:430px;
padding: 10px;
font-size:16px ;
z-index:5;
}

div.selectedslide div.desc{ /* CSS for currently selected slide's desc div */
}

div.slide div.desc h2{
font-size:150%;
margin:0;
}

div.slide div.desc a{
color:yellow;
text-decoration:none;
}