/*
Theme Name: Kino Oko Šumperk
Theme URI: http://www.elgner.cz/
Description: Kino Šumperk Template
Author: Elgner One s.r.o.
Version: 1.0
*/

/********** Start Thema **********/

/********** End Thema **********/

body {
    margin: 0 auto;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

ul, ol, li, p, h1, h2, h3, h4, h5, h6, img, input, textarea, form {
    margin: 0;
    padding: 0;
}

p {
    margin: 5px 0;
}

a img {
	border-width: 0px;
}

h1, h2, h3 {
    padding: 10px 0 15px;
}

h1  {
    text-align: center;
}

h2 {
	padding: 10px 0;
	font-size: 1.3em;
}

iframe {
    margin: 0 auto;
}

#dialog-how-to-reserve {
    display: none;
}

    .how-to-reserve-ticket {
        position: relative;
        top: 3px;
        left: 3px;
    }

#container {
	width: 990px;
	margin: 0 auto;
	position: relative;
    z-index: 10;
}

	.top {
		padding: 0;
		margin: 0;
	}
	
		#direct-reservation, #logo {
			width: 210px;
			float: right;
			padding: 20px;
			font-size: 11pt;
		}

		#direct-reservation {
			font-size: 10pt;
		}

    #logo {
        height: 150px;
    }

	#left-side {
		width: 250px;
		float: left;
		font-size: 10pt;
	}
	
		.panel {
			padding: 10px 0;
		}
	
		#left-side .module {
			clear: both;
			margin: 10px 20px 0;
			padding-top: 10px;
		}
		
		#left-side .module.menu {
			margin: 0px;
			padding-top: 10px;
			height: 225px;
		}
		
		#left-side .module.newsletter {
		}
		
			#left-side .module.newsletter p {
				padding-bottom: 15px;
			}
		
			#left-side .module.newsletter input {
				width: 170px;
				height: 22px;
				line-height: 22px;
				color: #999;
				font-size: 9pt;
				padding-top: 2px;
			}
				
	#right-side {
		width: 715px;
		float: right;
	}

#menu {
}

	#menu ul {
		list-style-type: none;
		width: 210px;
		padding: 0 20px;
	}
	
	#menu li {
		display: block;
		float: left;
		width: 210px;
	}

        #menu li ul {
            display: none;
        }
	
	#menu a {
		display: block;
		width: 200px;
		height: 28px;
		margin: 2px 0px;
		padding: 12px 0 0 12px;
		text-decoration: none;
		font-size: 11pt;
	}
		#menu a:hover {
			background-position: left -40px;
		}
		
		#menu .current_page_item a {
			background-position: left -80px;
			cursor:  default;
		}

#wraper {
	/*background: url('../images/wraper.png') center top no-repeat;*/
}

	#wraper h2 {
		font-size: 15pt;
		height: 50px;
		line-height: 50px;
		padding-left: 20px;
		margin-top: 0px;
	}

#wraper .module {
	padding: 0 0 20px;
	margin: 20px;
}

	.module.intro {
		height: 250px;
	}

		.module.intro .right {
			width: 380px;
			height: 250px;
		}
		
		.module.intro .left {
			width: 235px;
			height: 210px;
			padding: 20px;
			text-align: center;
		}
		
	.module.right-now {
	}
	
		.module.right-now li {
			display: block;
			float: left;
			padding: 0px;
            width: 675px;
		}

            .module.right-now.short li {
                height: 270px;
            }

            .module.right-now.detailed li {
                height: auto;
                margin-bottom: 10px;
            }

            .module.right-now.short {
                width: 325px;
            }
		
		.module.right-now .preview {
			display: block;
			float: left;
			width: 130px;
			
		}
		
		.module.right-now h4 {
			display: block;
			float: right;
            height: 30px;
		}

            .module.right-now.short h4 {
                width: 175px;
                height: 30px;
            }

            .module.right-now.detailed h4 {
                width: 490px;
            }
		
		.module.right-now p, .module.right-now div.reservation {
			display: block;
			float: right;
		}

            .module.right-now.short p {
                width: 175px;
                height: 160px;
            }

            .module.right-now.detailed p, .module.right-now div.reservation {
                width: 490px;
                height: auto;
            }

            .module.right-now div.reservation {
                margin-top: 10px;
            }

            .module.right-now div.reservation select {
                padding: 4px;
                width: 200px;
                float: left;
                border: 1px #333 solid;
            }

            .module.right-now div.reservation a.button {
                height: 24px;
                line-height: 24px;
                width: auto;
                float: left;
                margin: 0 0 0 15px;
                padding: 0 10px;
                text-decoration: none;
                font-size: 0.9em;
            }

        .module.logo a img {
            border: 0;
        }
		
#partners {
	clear: both;
	height: 190px;
}

	#partners ul {
		list-style-type: none;
		width: 715px;
	}
	
		#partners li {
			display: block;
			float: left;
			width: 165px;
			height: 70px;
			padding-top: 15px;
			margin-right: 18px;
		}
	
	
	
#content {
}
      
#footer {
	clear: both;
	font-size: 9pt;
    padding-top: 10px;
}

    #footer p {
	}

    #footer a {
        color: #ccc
    }
  
    #footer a:hover {
        color: #666
    }


.no-border, .last {
	border: 0 !important;
}

.no-padding {
	padding: 0 !important;
}

.no-margin {
	margin: 0 !important;
}

.high {
	font-size: 22pt;
}

/*
a.button {
	margin: 20px auto 0;
	display: block;
}

	a:hover.button, a:hover.button.middle {
		background-position: left bottom;
	}

	.button.large {
		height: 40px;
		line-height: 40px;
		width: 210px;
		font-size: 11pt;
		text-align: center;
	}
	
	.button.middle {
		height: 30px;
		line-height: 30px;
		width: 150px;
		font-size: 9pt;
		text-align: center;
	}
	
	.button.small {
		height: 30px;
		line-height: 30px;
		width: 30px;
		font-size: 9pt;
		text-align: center;
	}
*/
	
.left {
	float: left;
}

.right {
	float: right;
}

.piclenselink {
    display: none;
}

.ngg-gallery-thumbnail-box {
    width: 168px;
    height: 170px;
    float: left;
}

.ngg-gallery-thumbnail {
    width: 150px;
    margin: 0 auto;
}

.full-description {
}

.center {
    text-align: center;
}

.clear, .ngg-clear {
	clear: both;
}

.info, .message, .vanoce {
	background: #fffce2;
	border: 1px #ffe100 solid;
	padding: 15px;
	margin-bottom: 15px;
}

.message {
	background: #F4FDFF url('images/content/bryle.png') 15px center no-repeat;
	border: 1px #0091B2 solid;
	padding-left: 160px;
}

.vanoce {
	background: #F3FFF2 url('images/content/vanoce.png') 15px center no-repeat;
	border: 1px #017500 solid;
	margin-bottom: 15px;
	padding-left: 160px;
}

	.info h3, .message h3 {
		margin-bottom: 0px;
		padding-bottom: 0px;
	}