/* ------------------------------------------------------------------ */
/* layout.css							      */
/* copyright - ILIKETHIS! www.ilikethis.cz			      */
/* ------------------------------------------------------------------ */
@media screen {
	/* ----- nastaveni pro body */
		body {
			font-size: 66%;
			font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
			line-height: 1.4em;
			margin: 0; padding: 0;
			background-color: #BEBEBE;
			background-image: url(../img/bg/body.png);
			background-repeat: repeat-x;
			text-align: center;
			color: #fff;
		}
		input, select {
			font-size: 100%;
			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
			line-height: 1.4em;
		}
	/* end. nastaveni pro body */
	
	/* ----- zakladni layout */
		#page {
			background-image: url(../img/bg/page.png);
			background-repeat: repeat-y;
			width: 850px;
			text-align: left;
			margin: 0 auto;
			padding: 0 30px 0 30px;
			margin-bottom: -20px;
		}
		#content {
			margin: 10px 15px 10px 15px;
			_margin: 10px 7px 10px 8px;
		}
	/* end. zakladni layout */
	
	/* ----- header */
		#page #header {
			width: 850px;
			position: relative;
		}
		#page #header .headerPhoto {
			width: 335px; height: 135px;
			margin: 0 200px 0 250px;
		             		}
		/* ----- loginBox */
			#page #header .loginBox {
				background-image: url(../img/bg/loginbox.png);
				background-repeat: repeat-x;
				color: #000;
				padding: 1px 8px 1px 8px;
				height: 16px;
			}
			#page #header .loginBox p {
				display: inline;
			}
			#page #header .loginBox a {
				text-decoration: none;
        color: #000;
			}
			#page #header .loginBox a:hover {
			text-decoration: none;
			color: #fff;
		}
			/* ----- loginMain */
				#page #header .loginBox .loginBoxMain {
					float: left;
				}
				#page #header .loginBox .loginBoxMain form {
					margin: 0 0 0 6px;
				}
				#page #header .loginBox .loginBoxMain input.text {
					background-color: #db790a;
					border: none;
					background-image: url(../img/bg/inputtext-login.png);
					margin: 0 5px;
				}
				#page #header .loginBox .loginBoxMain input.submit {
					color: #fff !important;
					background-image: url(../img/bg/loginbox.png);
					border: none;
					position: relative;
					top: -1px; left: -8px;
				}
				#page #header .loginBox .loginBoxMain a {
					padding: 0 0 0 5px;
					text-decoration text-decoration;
					color: #000;
					text-decoration: none;
					font-weight: bolder;
				}
				/* end. loginMain */
			
			#page #header .loginBox .basket {
				float: right;
				color: #000;
			}

		/* end. loginBox */
	/* end. header */
	
	/* ----- mainMenu */
		#mainMenu .search {
			background-image: url(../img/bg/mainmenu-form.png);
			background-repeat: repeat-x;
			float: right;
			padding: 2px 0 1px 5px;
		}
		#mainMenu .search label {
			text-transform: uppercase;
			font-size: 90%;
			color: #fff;
			float: left;
		}
		#mainMenu .search input.text {
			border: none;
			background-image: url(../img/bg/mainmenu-form-input.png);
			width: 90px;
			font-size: 100%;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			padding: 0px 2px;
			color: #fff;
			float: left;
			margin: 1px 5px;
		}
		#mainMenu .search input.button {
			height: 20px; width: 22px;
			margin: -1px 0 0 0;
			float: left;
			padding: 0;
		}
	/* end. mainMenu */
	
	/* ----- footer */
		#footer {
			margin: 40px 0 0 0;
			padding: 0 0 20px 0;
			font-size: 90%;
		}
		#footer .footerTop {	
			padding: 0 0 15px 0;
			margin: 0 0 7px 0;
			border-bottom: 1px solid #cfcfcf;
		}
		#footer .footerTop a {
			margin: 0 9px;
			color: #fff;
		}
		#footer p {
			margin: 7px 0;
			text-align: center;
		}
		#footer p a {
			font-weight: bold;
			color: #4d4d4d;
		}
	/* end. footer */
	
	/* ---- odkazy */
		a {
			color: #db790a;
			text-decoration: underline;
		}
		a:hover {
			text-decoration: underline;
		}
	/* end. odkazy */
}