/*

---
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, li, ol, dt, dd, dl, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; margin: 0; padding: 0;
	vertical-align: baseline; }

body { font: 11px Arial, Helvetica, Arial, sans-serif; background: #f4eedd top left repeat-x; text-align: center; color: #2a2a2a; padding: 0 0 30px 0; }


.display-none{ visibility: hidden; display: none; }
.clear{ clear: both; } 
.fleft{ float: left; }
.fright{ float: right; }

p{ margin: 0 0 10px 0; padding: 0; }
a{ text-decoration: none; color: #ffab25; }
a:hover{ color: #fff; }
a img{ text-decoration: none; border: 0; }

#page{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
#header{ width: 420px;height: 110px; text-transform: uppercase; position: absolute; top: 20px; right: 50px; 
	background: #f4eedd;
	-moz-border-radius: 10px;
	border-radius: 10px;
	z-index: 1000;
}

#kinocs, #dokucs, #muzikacs, #csvod, #novinky, #kontakt{ width: 140px; height: 25px; position: absolute;  top: -50px; right: -1000px; text-align: left; z-index: 1000; }

#kinocs{ left: 0; top: 30px;  }
#dokucs{ left: 140px; top: 30px; }
#muzikacs{ left: 280px; top: 30px; }

#csvod{ left: 0; top: 65px;  }
#novinky{ left: 140px; top: 65px; }
#kontakt{ left: 280px; top: 65px; }


#kinocs a, #dokucs a, #muzikacs a, #csvod a, #novinky a, #kontakt a{ display: block; padding: 14px 0 0 35px; background: url("../images/menu.png") no-repeat top left; width: 140px; height: 25px; }


#facebook{ position: absolute; top: 5px; right: 70px; width:25px; height:25px; z-index: 1000; }
#facebook a{ display: block; width:25px; height:25px; }

#twitter{ position: absolute; top: 5px; right: 38px; width:25px; height:25px; z-index: 1000; }
#twitter a{ display: block; width:25px; height:25px; }


#youtube{ position: absolute; top: 5px; right: 8px; width:25px; height:25px; z-index: 1000; }
#youtube a{ display: block; width:25px; height:25px; }


iframe{ z-index: 1; width: 100%; height: 100%; top: 0; left: 0; position: absolute; overflow: auto;	}


#www{ margin: 0 auto 50px auto; width: 900px; text-align: left; padding-top: 180px; } 


.contact-data{ width: 290px; float: left; margin: 10px 0 0 10px;z-index: 2000; font-size: 12px;  }
.contact-data p{ line-height: 1.7em; margin: 0 0 15px 0; }
#contact-form{ width: 280px; float: right; margin: 10px 10px 0 ; }
#contact-form p{ margin:  0 0 10px 0;  }
#contact-form p.center{ margin:  0 0 10px 150px; }
#contact-form input{ padding: 8px; width: 90%; border: 1px solid #e7e1d1; }
#contact-form textarea{ padding: 8px; height: 80px; border: 1px solid #e7e1d1; width: 90%; }
#contact-form input.button{ padding: 4px; width: 130px; text-align: center; background: #e7e1d1; font-weight:bold; }


h1{ font-weight: bold; color: #9d5507; font-size: 1.80em; margin: 0 0 20px 0; padding-left: 10px; }
h3 {font-size:1.2em; margin-bottom:1em; font-weighT: bold; }

label {font-weight: normal;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border: 1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}



.tlacova-sprava{
	margin: 0 45px 30px 45px;
	padding: 10px 0 10px 0;
	font-size: 13px;
	width: 800px;
	background: url("../images/background-1.png") no-repeat;
}

.tlacova-sprava-datum{
	width: 90px;
	height: 55px;
	background: url("../images/datum.png") no-repeat 22px 0px;
	float: left;
	position: relative;
	font-size: 10px;
}
.tlacova-sprava-datum .mesiac{
	position: absolute;
	width: 32px;
	text-align: center;
	top: 10px;
	left: 33px;
	color: #fff;
	font-size: 8px;
}
.tlacova-sprava-datum .datum{
	position: absolute;
	width: 32px;
	top: 25px;
	left: 33px;
	font-size: 16px;
	text-align: center; font-weight: bold;
	
}
.tlacova-sprava-sprava{
	width: 700px;
	float: left;
	text-align: justify;
}
.tlacova-sprava-sprava p{
	padding: 3px 20px 10px 10px;
	line-height: 1.7em;
	margin: 0;
}

.tlacova-sprava-sprava p.download{
	padding: 0 10px 15px 10px;
	margin: 0;
	font-size: 11px;
}
.tlacova-sprava-sprava a{ color: #9d5507; text-decoration: underline; }
.tlacova-sprava-sprava a:hover{ color: #000; text-decoration: underline; }