body{
background: url(../img/maldives-4423-1920x1200.jpg ) no-repeat center center fixed;
}

.logo {
position:fixed;
margin:0px;
}

.vyhledavac{
margin-left:auto;
margin-top:-50px;
padding:300px;
background:url(../img/body-round-top.png ) no-repeat;
width:700px;

border:1px solid red;
padding:40px;border-radius:8px;border:0px solid #369;


}

.popis {
position:fixed;
float:left;width:480px;padding:10px;margin:580px 0 0 30px;border:0px solid red;background: white; border-radius:8px; border:2px solid #17B1EB;

	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7; 
}

/*
.frame{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5; 
}
*/



.menu {
position:fixed;
margin:150px 0 0 0;
}

.menu a{
margin-left:18px;

/*
float:left;
padding:30px 50px;
margin:5px;
background:white;
border-radius:8px;

	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5; 
*/
}






    .myButton {
        
        -moz-box-shadow:inset 0px 29px 5px 0px #ffffff;
        -webkit-box-shadow:inset 0px 29px 5px 0px #ffffff;
        box-shadow:inset 0px 29px 5px 0px #ffffff;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
        background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
        
        background-color:#f9f9f9;
        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        
        border:1px solid #dcdcdc;
        
        display:inline-block;
        color:#666666;
        font-family:arial;
        font-size:22px;
        font-weight:bold;
        padding:15px 35px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #ffffff;
        
    }
    .myButton:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
        background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
        
        background-color:#e9e9e9;
    }
    .myButton:active {
        position:relative;
        top:1px;
    }



/* GALLERY */
	#gallery {
margin-top: 230px;	
position:fixed;

		float:left;
		width:582px;
		height:384px;
		}
		.pics {  
			width:  582px; 
			height: 384px;
			padding: 0;  
			margin:  0;
			position:relative;
			margin:23px 0 0 36px;
			} 
			 
			.pics img {
				display:block !important;
				position:absolute;
				width:  495px; 
				height: 329px; 
				top:  0; 
				left: 0;
				border:5px solid #fff;
				border-radius:2px;
				-moz-border-radius:2px;
				-webkit-border-radius:2px;
				box-shadow:0 0 3px rgba(0, 0, 0, .2);
				-moz-box-shadow:0 0 3px rgba(0, 0, 0, .2);
				-webkit-box-shadow:0 0 3px rgba(0, 0, 0, .2);
				} 
			
			.pics img:nth-child(2) {
				-moz-transform: rotate(2.5deg);  /* FF3.5+ */
        -o-transform: rotate(2.5deg);  /* Opera 10.5 */
  			-webkit-transform: rotate(2.5deg);  /* Saf3.1+, Chrome */
				}
			.pics img:nth-child(3) {
				-moz-transform: rotate(-2.5deg);  /* FF3.5+ */
        -o-transform: rotate(-2.5deg);  /* Opera 10.5 */
  			-webkit-transform: rotate(-2.5deg);  /* Saf3.1+, Chrome */
				}
			.pics img:nth-child(4) {
				-moz-transform: rotate(3.5deg);  /* FF3.5+ */
        -o-transform: rotate(3.5deg);  /* Opera 10.5 */
  			-webkit-transform: rotate(3.5deg);  /* Saf3.1+, Chrome */
				}
			.pics img:nth-child(5) {
				-moz-transform: rotate(-3.5deg);  /* FF3.5+ */
        -o-transform: rotate(-3.5deg);  /* Opera 10.5 */
  			-webkit-transform: rotate(-3.5deg);  /* Saf3.1+, Chrome */
				}
			
			#prev {
				position:absolute;
				left:0;
				top:174px;
				z-index:1;
				background:url(../images/prev.png) no-repeat 0 0;
				width:83px;
				height:45px;
				}
			#next {
				position:absolute;
				left:495px;
				top:174px;
				z-index:1;
				background:url(../images/next.png) no-repeat 0 0;
				width:83px;
				height:45px;
				}