/* 
CSS Stylesheet - design.css
domain: simost.cz
 */
 
#web_bg { 
  height: 256px; width: 100%; overflow: hidden; position: absolute; z-index: 10; left: 0; top: 0;
  background: url('/images/design/web_bg.jpg') top center no-repeat;
}
 
#web { width: 1003px; margin: 0 auto; position: relative; z-index: 20; }


#header {
	width: 100%; height: 220px; overflow: hidden;	position: relative;
}

#header #logo {
	width: 360px; height: 180px; position: absolute; top: 0; left: 0;
	background: url('/images/design/ozdobse_cz.png') center left no-repeat;
}

#header #cart {
	width: 190px; height: 70px; position: absolute; top: 50px; left: 380px; padding: 0 30px 0 0;
	background: url('/images/design/header_cart_bg.png') top left no-repeat;	
	color: #dfdfdf;
}
#header #cart .free { padding: 30px 0 0 0; display: block; line-height: 28px; text-align: center; }

#header #menu {
	width: 100%; height: 43px; position: absolute; bottom: 0;
	background: url('/images/design/menu_bg.png') top left repeat-x;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}
#header #menu ul {
	margin: 0 10px; padding: 0; list-style: none;	
}
#header #menu ul li { display: block; float: left; height: 42px; background: url('/images/design/menu_delimiter.png') center right no-repeat; }
#header #menu ul li a { display: block; font-size: 1.2em; color: #272727; padding: 0 20px; line-height: 44px; height: 41px; }
#header #menu ul li a:hover, #header #menu ul li a.selected { text-decoration: none; border-bottom: 2px solid #cc00b9; }

#header #search { float: right; padding: 9px; }
#header #search .input { 
	width: 174px; height: 15px; border: 0; padding: 5px; color: #353535;
	background: url('/images/design/form/search_input.png') top left no-repeat;
}
#header #search .button { 
	width: 29px; height: 25px; border: 0; vertical-align: bottom;
	background: url('/images/design/form/search_button.png') bottom left no-repeat;
}

#content_layout {
	margin: 10px 0 0; clear: both;
}
#content_layout #left_side { float: left; width: 204px; }
#content_layout #right_side { float: right; width: 204px; }
#content_layout #content { float: left; width: 595px; overflow: hidden; }

#content_layout #left_side h4, #content_layout #right_side h4 {
	height: 39px; width: 184px; margin: 0; padding: 0 10px;
	background: url('/images/design/box_header.png') top left no-repeat;
	color: white; font-size: 1.2em; line-height: 41px;
}
#content_layout #left_side .box, #content_layout #right_side .box {
	padding: 0 2px; border-right: 1px solid #e3e3e3; border-left: 1px solid #e6e6e6; color: #222222;	
}
#content_layout #left_side .box.bottom, #content_layout #right_side .box.bottom {
	border-bottom: 1px solid #e6e6e6; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding-bottom: 2px;	 
}

#content_layout #left_side ul, #content_layout #right_side ul {
	margin: 0; padding: 0; background: #e6e6e6;	list-style: none;
}
#content_layout #left_side ul li, #content_layout #right_side ul li {
	
}
#content_layout #left_side ul li a, #content_layout #right_side ul li a {
	display: block; border-bottom: 1px solid #cfcfcf; border-top: 1px solid #fafafa;
	line-height: 25px; padding: 0 8px; color: #141414;
}
#content_layout #left_side ul li a:hover, #content_layout #right_side ul li a:hover {
	color: #b53174; text-decoration: none; background: #d5d5d5;
}

#content_layout #right_side .content {
	background: #e6e6e6; padding: 8px;
}
#content_layout #right_side .content p {
	margin: 0; padding: 5px;
}
#content_layout #right_side .content img {
	vertical-align: middle; margin: 0 5px 0 0;
}
#content_layout #right_side .content p strong span {
	color: #b53174;
}

#content_layout #right_side .box .product {
	width: 50%; overflow: hidden; float: left; text-align: center; margin: 0 0 10px;
}
#content_layout #right_side .box .product h3 { margin: 5px; font-weight: normal; }
#content_layout #right_side .box .product h3 a { color: #222222; }
#content_layout #right_side .box .product h3 a:hover { color: #b53174; text-decoration: none; }
#content_layout #right_side .box .product img { border: 1px solid #cecece; margin: 0 0 10px; }
#content_layout #right_side .box .product span { color: #a2326a; }


#footer {
	margin: 10px 0; clear: both; border: 1px solid #f0f0f0; padding: 2px;
  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}
#footer div {
	background: #f0f0f0; padding: 10px;
}
#footer div p {
	margin: 0; padding: 5px 0;
}

/* content defines */
#content #path {
	height: 38px; line-height: 38px; background: #f0f0f0; padding: 0 15px;
	border-bottom: 1px solid #e8e8e8; color: #292929;
}
#content #path span {
	margin: 0 5px 0 10px;
}
#content #path ul {
	display: inline; list-style: none; margin: 0; padding: 0; 
}
#content #path ul li { display: inline; }
#content #path ul li a { padding: 0 0 0 15px; margin: 0 0 0 5px; background: url('/images/design/arrow.png') center left no-repeat; }

#content .content { margin: 30px 15px; font-size: 1.1em; }
#content h1 {
	color: #e25c9b; font-size: 1.6em; font-weight: 500;
}
#content h1 span { color: #9d3067; }
#content p { text-align: justify; }

#content .ad {
	text-align: center;
	margin: 10px;
}
#content .ad img {
	border: 1px solid #ababab;
}


#content #filter {
	margin: 20px 0; text-align: center; color: #444;
}
#content #filter select { margin: 0 5px; border: 1px solid #cacaca; }


#content #products {
	margin: 0 2px;
}
#content #products .header {
	height: 28px; padding: 0 10px; line-height: 28px; color: white; margin: 10px 0 0 0;
	background: url('/images/design/header.png') top left no-repeat; font-weight: bold;
}
#content #products .product { 
	float: left; width: 31%; padding: 5px; color: #222222;
}
#content #products .product h2 a {
	color: #222222; font-size: 1.1em; text-decoration: underline;
}
#content #products .product h2 a:hover {
	color: #aa3470;
}
#content #products .product img {
	border: 1px solid #cecece; margin: 0 0 10px;
}
#content #products .product .select { width: 90%; margin: 5px 0; border: 1px solid #cacaca; }
#content #products .product .info { line-height: 20px; }
#content #products .product .price { font-size: 1.1em; }
#content #products .product .price span { color: #aa3470; }
#content #products .product form{ text-align: center; margin: 10px 0;  }
#content #products .product form .input { 
	width: 31px; height: 14px; vertical-align: middle; padding: 5px 0; text-align: center;
	background: url('/images/design/form/basket_input.png') top left no-repeat; border: 0;
}
#content #products .product form .button {
	width: 37px; height: 25px; vertical-align: middle;
	background: url('/images/design/form/basket_button.png') top left no-repeat; border: 0;	
}


#content #detail {}
#content #detail .options {
	float: left; width: 180px; line-height: 20px;	
}
#content #detail .options .select { width: 82%; margin: 5px 0; border: 1px solid #cacaca; }
#content #detail .options form{ margin: 10px 0;  }
#content #detail .options form .input { 
	width: 31px; height: 14px; vertical-align: middle; padding: 5px 0; text-align: center;
	background: url('/images/design/form/basket_input.png') top left no-repeat; border: 0;
}
#content #detail .options form .button {
	height: 31px; vertical-align: middle; width: 92px; margin: 10px 0 0 30px;
	background: url('/images/design/form/basket_button_detail.png') center top no-repeat; border: 0;	
}
#content #detail .options img { border: 1px solid #cacaca; margin: 0 0 10px 0; display: block; }

#content #detail .info { float: right; width: 380px; margin: 0 0 20px; }
#content #detail .info .att { border-top: 1px solid #cacaca; margin: 0; line-height: 25px; padding: 3px; }
#content #detail .info .att.price { font-size: 1.1em; border-bottom: 1px solid #cacaca; }
#content #detail .info .att.price span { color: #aa3470; }