/* 
COLORS:
	prouzek footer - #262d39 - svetle cerna
	block pro text - #eeeee7 - svetle beyova
	Sign in prihlaseni - #a95634 - tmave oranyova
	
*/

/* BASE */
body {
  padding:0px;
  margin:0px;
  background-image:url('../img/bg.jpg');
  text-align: center;
}

p {
  margin: 0;
  padding: 0;
  display: inline;
}

#page {
  margin-left: auto;
  margin-right: auto;
  width: 766px;
}

a:hover {
	text-decoration: none;
}

a {

	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: #C13406;*/

}

img {
	border: 0px;
}

/* HEADER */
#header {
  text-align: left;
  width: 766px;
  height: 184px;
  background-image: url('../img/header.jpg');
}

#header .text {
	float: right;
	padding-top: 23px;
	padding-right: 50px;
}

#header .text a {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	color: #a95634;
}

#logoclick {
  position:relative; 
  top:80px; 
  left:140px; 
  z-index:5; 
  display:inline; 
  width:470px; 
  height:90px; 
  float:left; 
  clear:both; 
  z-index:10;
}

/* MENU */
#menu {
  text-align: left;
  width: 766px;
  height: 58px;
  background-image: url('../img/menu.jpg');
}

#menu #area {
  padding-left: 20px;
  padding-top: 14px;
}

#menu .id {
  display: inline;
  width: 14px;
  height: 16px;
  background-image: url('../img/but.gif');
  background-repeat: no-repeat;
  margin-left: 40px;
}

#menu a {
  padding-left: 16px;
  padding-top: 3px;
}

#menu a:hover {
  text-decoration: underline;
}

#menu .link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*line-height: 6px;*/
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;	
	color: #ffffff;
}

/* CONTENT */
#content {
  background-color: #FFFFFF;
  width: 766px;
  text-align: left;
}

#main1 {
		margin:0; padding:0;
		background: url('../img/left_pic.jpg') top left repeat-y;
		}
	#main2 {
		margin:0; padding:0;
		background: url('../img/right_pic.jpg') top right repeat-y;
		}
	#left {
		float:left;
		width:23px;
		margin:0; padding:0;
		font-size:80%;
		}
	#right {
		float:right;
		width:23px;
		margin:0; padding:0;
		font-size:80%;
		}
	#middle {
		margin:0 23px;
		background-color: #ffffff;
		font-size:80%;
		min-height: 500px;
		background: url('../img/bg-content.jpg') bottom left repeat-x;
		}
	.column-in {
		margin:0; padding:0.5em 1em;
		}
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}

/* FOOTER */
#foot-strip {
  margin-top: 10px;
  width: 694px;
  height: 30px;
  background-color: #262d39;
  margin: 0 auto;
	text-align: center;
}

#foot-strip .text{
	padding-left: 20px;
	padding-top: 8px;
	width: 660px;
}

#foot-strip .text a {
	padding-left: 4px;
	padding-right: 4px;
	font-family: Tahoma;
	font-size: 11px;
	line-height: 12px;
	color: #D4D5D7;
	text-decoration: none;
}

#foot-strip .text a:hover {
	text-decoration: underline;
}


#footer {
  width: 766px;
  height: 74px;
  background-image: url('../img/footer.jpg');
}

#footer .text {
	float: right;
	padding-top: 14px;
	padding-right: 40px;
	font-family: Tahoma;
	font-size: 11px;
	line-height: 12px;
	color: #C13406;
}


#footer .text-left {
	float: left;
	padding-top: 14px;
	padding-left: 40px;
	font-family: Tahoma;
	font-size: 11px;
	line-height: 12px;
	color: #C13406;
}



#footer .text a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	color: #C13406;
}

#ending {
  width: 720px;
  height: 25px;

}