/* ------------------------------------------------------------------ */
/* 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: #FFFFFF;
			background-image: url(../img/bg/body.png);
			text-align: center;
			color: #4D4D4D;
		}
		h1, h2, h3 {
			font-family: georgia;
		}
		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: 849px;
			text-align: left;
			margin: 0 auto;
			padding: 0 34px 0 34px;
		}
		#content {
			margin: 10px 15px 10px 15px;
			_margin: 10px 7px 10px 8px;
		}
	/* end. zakladni layout */
	
	/* ----- header */
		#page #header {
			width: 100%;
			position: relative;
		}
		#page #header .headerPhoto {
			background-image: url(../img/bg/header-photo.png);
			background-repeat: no-repeat;
			background-position: 0;
			width: 335px; height: 135px;
			margin: 0 200px 0 250px;
		             		}
		/* ----- loginBox */
			#page #header .loginBox {
				position: absolute;
				top: 10px; right: 10px;
				width: 303px;
				z-index: 10;
			}
			#page #header .loginBox .loginBoxMain {
				background-image: url(../img/bg/loginbox-top.png);
				_background-image: none;
				_background-color: #fff;
				background-repeat: no-repeat;
				background-position: 0 0;
				padding: 30px 20px 0 20px;
				_padding: 10px 20px 0 20px;
				height: 80px
			}
			#page #header .loginBox .loginBoxBottom {
				background-image: url(../img/bg/loginbox-bottom.png);
				_background-image: none;
				_background-color: #fff;
				background-repeat: no-repeat;
				background-position: 0 100%;
				height: 15px; width: 100%;
			}
			/* ----- left */
				#page #header .loginBox .loginBoxMain .left {
					width: 142px;
					float: left;
					color: #9a002d;
				}
				#page #header .loginBox .loginBoxMain .left p {
					margin: 0 0 5px 0; padding: 0;
					color: #000;
				}
				#page #header .loginBox .loginBoxMain .left input.text {
					border: 1px solid #66B6E5;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					margin: 0 0 5px 0;
					width: 128px;
					padding: 1px 2px;
				}
			/*end. left */
			#page #header .loginBox .loginBoxMain .right {
				width: 95px;
				float: right;
			}
			#page #header .loginBox .loginBoxMain .right strong {
				text-transform: uppercase;
			}
			#page #header .loginBox .loginBoxMain .right span {
				color: #FE9001;
			}
			#page #header .loginBox .loginBoxMain .right a.basket {
				width: 95px; height: 13px;
				margin: 20px 0 0 0px;
			}
			#page #header .loginBox .loginBoxMain .right a.basket span {
				width: 95px; height: 13px;
															}
		/* end. loginBox */
	/* end. header */
	
	/* ----- mainMenu */
		#mainMenu .search {
			background-image: url(../img/bg/search.png);
			background-repeat: no-repeat;
			width: 136px; height: 16px;
			float: right;
			padding: 2px 8px;
			margin: 0 10px 0 0;
		}
		#mainMenu .search label {
			text-transform: uppercase;
			font-size: 90%;
			color: #48B9FF;
		}
		#mainMenu .search input.text {
			border: 1px solid  #48B9FF;
			width: 70px;
			font-size: 90%;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			padding: 0px 2px;
			vertical-align: top;
			position: relative;
			top: 1px;
			_top: 0; =top: 0;
		}
		#mainMenu .search input.button {
			position: relative;
			top: 2px;
			height: 13px; width: 13px;
			margin: 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 dotted #cfcfcf;
		}
		#footer .footerTop a {
			margin: 0 9px;
		}
		#footer p {
			margin: 7px 0;
			text-align: center;
		}
		#footer p a {
			font-weight: bold;
			color: #4d4d4d;
		}
	/* end. footer */
	
	/* ---- odkazy */
		a {
			color: #2261a5;
			text-decoration: underline;
		}
		a:hover {
			text-decoration: underline;
		}
	/* end. odkazy */
}