html{
	overflow: auto;
}

body {
	margin: 0px;
	padding: 0px;
	font: 15px Arial, Helvetica, sans-serif;
	color: #212121;	
}

h1, h2, h3, p.first {
	margin-top: 0px;
}

h1 {
	font-size: 28px;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.4em;
}

ul {
	padding: 0 0 0 15px;	
}

.header {
	padding: 12px 0 0 32px;
}

.header h1 {
	margin: 0px;	
}

.header a {
	text-decoration: none;
	color: #000;
}

.content {
	padding: 10px 0 0 32px;
}

.nomargin {
	margin: 0px;	
}

.topmargin {
	margin-top: 5px;	
}

.nopadding {
	padding: 0px;	
}

form label {
	float: left;
	width: 150px;	
}

.page1 .logo, .page2 .logo, .page3 .logo, .page4 .logo  {
	width: 740px;
	float: left;	
}

.text {
	behavior: url(css/iepngfix.htc);
	background: url(../images/pruh_horizontal_transparent.png) repeat-y;
}

.page1 .text {
	height: 170px;		
}

.page2 .text {
	 height: 135px;	
}

.page3 .text {
	 height: 235px;	
}

.page4 .text {
	 height: 190px;	
}

.page5 .text {
	 height: 570px;	
	 font-size: 14px;
}

.navigace, .control {
	font-size: 16px;
  	text-decoration: none;
  	color: #000;	
}

.page1 .navigace, .page2 .navigace, .page3 .navigace, .page4 .navigace {
	float: right;
	margin: 10px 30px 0 0;	
}

.page5 .navigace, .page6 .navigace, .page7 .navigace {
	margin: 0 0 15px 0;	
}

.page6 .text, .page7 .text {
	height: 570px;
}

.page1 {	
	background: url(../images/str1_bg.jpg) no-repeat left top;
}

.page2 {	
	background: url(../images/str2_bg.jpg) no-repeat left top;
}

.page3 {	
	background: url(../images/str3_bg.jpg) no-repeat left top;
}

.page4 {	
	background: url(../images/str4_bg.jpg) no-repeat left top;
}

.page5 {	
	background: url(../images/str5_bg.jpg) no-repeat left top;
}

.page6 {	
	background: url(../images/str6_bg.jpg) no-repeat left top;
}

.page7 {	
	background: url(../images/str7_bg.jpg) no-repeat left top;
}

#small-image1 {  	
  	margin-top: 257px;
  	margin-left: 708px;
  	width: 259px;
  	height: 147px;
  	background: url(../images/str2_img.jpg) no-repeat left top;  	
}

#small-image2 {
  	margin-top: 127px;
  	margin-left: 732px;
  	width: 232px;
  	height: 173px;
  	background: url(../images/str3_img.jpg) no-repeat left top;
}

#small-image3 {
  	margin-top: 182px;
  	margin-left: 740px;
  	width: 231px;
  	height: 173px;
  	background: url(../images/str4_img.jpg) no-repeat left top;
}

#small-image4 {
  	margin-top: 390px;
  	margin-left: 27px;
  	width: 205px;
  	height: 154px;
  	background: url(../images/str5_img.jpg) no-repeat left top;
}

#small-image5 {
  	margin-top: 332px;
  	margin-left: 25px;
  	width: 255px;
  	height: 215px;
  	background: url(../images/str6_img.jpg) no-repeat left top;
}

.left-ul {
	float: left;	
}

.right-ul {
	float: right;
	padding-right: 190px;	
}

.clear {
	clear: both;	
}

/* slideshow*/
#slideshow #slidesContainer {
	margin:0 auto;
	width:1000px;
    height:768px;	
	position:relative;
}

#slideshow #slidesContainer .slide {
  	margin:0 auto;
  	width:1000px; /* reduce by 20 pixels to avoid horizontal scroll */
  	height:768px;
}

h1.vertical {
	width: 395px;	
}

.text.vertical {
	width: 417px;
	float: right;
}

.vertical .header {
	padding: 14px 0 0 17px !important;	
}

.content.vertical {
	padding: 8px 0 0 17px !important;	
}

.paragraph {
	margin: 5px 0;	
}

.username, .password {
	width: 140px;
}

div#leftStrip{
	float: right;
	width: 330px;
	height: 400px;;
	behavior: url(css/iepngfix.htc);
	background: url(../images/pruh_horizontal_transparent.png) repeat-y; 
	overflow: hidden;
}

div#loginDiv{
	width: 300px;
	height: 200px;
	position: relative;
	left: 20px;
	top: 190px;
	
}

#prihlaseniDoSystemu {
	position: relative;	
	text-align: right;
	top: 400px;
	margin: 10px 0 0 0;	
}

#prihlaseniDoSystemu span  {
	margin-right: 5px;
}

#prihlaseniDoSystemu input {
	margin-right: 5px;	
}

#prihlaseniDoSystemu a {
	color: blue;	
}

#prihlaseniDoSystemu a:hover {
	text-decoration: none;
}

#password, #username {
	width: 164px;
	height: 20px;
	border: 1px solid #CCCCCC;
	padding: 2px;
	color: gray;	
}

#login {
	font-size: 15px;
	width: 75px;
	height: 26px;
	border: 1px solid #CCCCCC;
	background-color: #CCCCCC;
	margin-right: 0px !important;
	vertical-align: bottom;
}

.loginTable{
	margin: 0px;
	padding: 0px;
}
.loginTable th{
	text-align: left;
}

.loginForm{
	margin: 0;
	padding: 0;
}

.loginTable input.inputText{
	*margin: -1px 0;
}

.border{
	border: 1px solid black;
}

#login-link {
	padding: 10px 0 0 32px;	
}

#login-link a:visited {
	color: #000000;
}