/* Core CSS file for povleceni.cz */

/* Reset ------------------------ */
html,body,div,p,ul,ol,li,menu,table,td,blockquote,address,pre,form,fieldset,legend,em,span,
h1,h2,h3,h4,h5,h6,pre,xmp{ margin: 0;padding: 0; }
table,img,fieldset,button{ border: none;outline: none; }

/* HTML ------------------------- */
body{
	font: 80%/1.3 Arial, sans-serif;
	color: rgb(0,0,0);
	}

a{ color: black;text-decoration: none; }	

address{ font-style: normal; }

form{
	margin: 15px 0;
	}

h2{
	display: block;
	height: 22px;
	font-size: 100%;
	color: rgb(255,255,255);
	background: url('../images/titles2.png');
	line-height: 22px;
	margin: 2px 5px 2px 35px;
	position: relative;
	text-indent: 5px;
	}
	h2 span{
		position: absolute;
		left: -33px;
		top: 0;
		display: block;
		width: 35px;
		height: 100%;
		background: url('../images/titles.png');
		}
	h2 em{
		position: absolute;
		right: -3px;
		top: 0;
		display: block;
		width: 5px;
		height: 100%;
		background: url('../images/titles2.png');
		}
	
	h2.blue { background-color: rgb(0,128,224); }
	h2.red  { background-color: rgb(203,2,2); }
	h2.green{ background-color: rgb(22,173,7); }
	
	h2.blue, h2.blue span  { background-position: 0 0 !important; }
	h2.red, h2.red span    { background-position: 0 -22px !important; }
	h2.green, h2.green span{ background-position: 0 -44px !important; }
	
	h2.blue em { background-position: -5px -66px; }
	h2.red em  { background-position: -5px -88px; }
	h2.green em{ background-position: -5px -110px; }
	
	h2.short, h2.medium {
    display: inline;
    line-height: 24px;
    padding: 2px 20px 4px 10px;
    }


label{
	clear: left;
	display: inline;
	float: left;
	width: 150px;
	text-align: right;
	margin-right: 7px;
	padding-top: 5px;
	}
input{ font: inherit; }
#content input.text, #content .textarea{
	display: inline;
	float: left;
	width: 180px;
	padding: 4px 10px;
	margin-bottom: 5px;
	border: 1px solid rgb(204,204,204);
	}
#content .textarea{
	width: 250px;
	}
#content input.submit{
	clear: left;
	display: inline;
	float: right;
	margin: 10px 100px 0 0;
	width: 100px;
	height: 24px;
	background: rgb(44,44,44) url('../images/send.jpg') no-repeat;
	border: 0px solid rgb(255,255,255);
	text-align: center;
	line-height: 24px;
	font-weight: bold;
	color: rgb(255,255,255);
	font-size: 90%;
	cursor: pointer;
	}

#content input.submit_cp{
	clear: left;
	display: inline;
	float: right;
	margin: 0;
	width: 100px;
	height: 24px;
	background: rgb(44,44,44) url('../images/send.jpg') no-repeat;
	border: 0px solid rgb(255,255,255);
	text-align: center;
	line-height: 24px;
	font-weight: bold;
	color: rgb(255,255,255);
	font-size: 90%;
	cursor: pointer;
	}
 	
li{ margin-left: 30px; }

ul{ margin: 10px 0; }
	
/* General classes */


.box{
	width: 219px;
	min-height: 26px;
	border: 1px solid rgb(225,225,225);
	position: relative;
	margin: 0 5px 8px 0;
	}

	.full-box{ width: 100%;margin-bottom: 0; }

.box-blue, .box-red, .box-green{
	padding: 0px 5px;
	position: relative;
	min-width: 10px;
	height: 22px;
	line-height: 22px;
	background-image: url('../images/titles2.png');
	color: rgb(255,255,255);
	}
	.box-blue h3, .box-red h3, .box-green h3{ color: rgb(255,255,255) !important;font-weight: normal;margin: 0 !important; }
	.box-blue h4, .box-red h4, .box-green h4{ float: left;font-size: 100%; }
	.box-blue span, .box-red span, .box-green span, .box-blue em, .box-red em, .box-green em{
		position: absolute;
		top: 0;
		width: 5px;
		height: 22px;
		background-image: url('../images/titles2.png');
		}
		
	.box-blue{ background-color: rgb(0,126,221); }
	.box-red  { background-position: 0 -22px !important;background-color: rgb(202,2,2); }
	.box-green{ background-position: 0 -44px !important;background-color: rgb(22,175,5); }
		
	.box-blue  span{ left: -5px;background-position: 0 -66px; }
	.box-red   span{ left: -5px;background-position: 0 -88px; }
	.box-green span{ left: -5px;background-position: 0 -110px; }
	
	.box-blue  em{ right: -5px;background-position: -5px -66px; }
	.box-red   em{ right: -5px;background-position: -5px -88px; }
	.box-green em{ right: -5px;background-position: -5px -110px; }

.clear:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
	}

.clearer{
	clear: both;
	height: 0;
	width: 0;
	margin: 0;
	overflow: hidden;
	visibility: hidden;
	border: none;
	}

.corner-1, .corner-2, .corner-3, .corner-4{
	display: block;
		width: 5px;
		height: 5px;
	position: absolute;
	background-image: url('../images/corners.gif'); 
	}
	.corner-1{ left: -1px;top: -1px;background-position: 0 0; }
	.corner-2{ right: -1px;top: -1px;background-position: -5px 0; }
	.corner-3{ left: -1px;bottom: -1px;background-position: 0 -5px; }
	.corner-4{ right: -1px;bottom: -1px;background-position: -5px -5px; }

.highlight{ font-weight: bold; }

.nomargin{ margin: 0 !important; }
.noborder, .noborder td{ border: none !important; }

.separate td{ padding-top: 15px; }

.table-borders td, td.table-borders { border-bottom: 1px solid rgb(204,204,204);padding: 6px 0 8px 5px; }

.underlay{
	margin-top: -25px;
	width: 96%;
	padding: 40px 2.05%;
	border-top: none;
	}

	/* Colors */
	.red		{ background-position: 0px 0px !important; }
	.violet	{ background-position: 0 -46px !important; }
	.brown	{ background-position: 0 -92px !important; }
	.blue		{ background-position: 0 -138px !important; }
	.orange	{ background-position: 0 -184px !important; }
	.pink		{ background-position: 0 -230px !important; }
	.gray		{ background-position: 0 -276px !important; }
	.silver	{ background-position: 0 -322px !important; }
	.white	{ background-position: 0 -368px !important; }
	.green	{ background-position: 0 -414px !important; }
	.black	{ background-position: 0 -460px !important; }
	.yellow	{ background-position: 0 -506px !important; }

/* Template --------------------- */
#container{
	width: 1000px;
	margin: 13px auto 0;
	}

/* Header */
#header{
	width: 100%;
	height: 217px;
	position: relative;
	text-align: center;
	background-color: rgb(0,142,250);
	color: rgb(255,255,255)
	}
	h1{
		position: absolute;
		left: 25px;
		top: 48px;
		font-size: 290%;
		font-weight: normal;
		}
	h1 em{
		display: block;
		border-top: 1px solid rgb(1,112,195);
		padding-top: 9px;
		margin-top: 14px;
		font-size: 50%;
		font-style: normal;
		}
	h1 a{	color: inherit;text-decoration: none; }
	
	#header span{
		font-size: 150%;
		position: absolute;
		right: 25px;
		top: 48px;
		}
	#header strong{ color: rgb(150,0,0); }
	
	#header-image{
		display: block;
			width: 100%;
			height: 100%;
		position: absolute;
			left: 0;
			top: 0;
		background-image: url('../images/header.jpg');
		}

/* Cart & Search */
#cart{
	display: inline;
	float: left;
	width: 338px;
	height: 37px;
	line-height: 37px;
	margin: -37px 0 0 7px;
	padding: 0 10px 0 14px;
	color: rgb(255,255,255);
	position: relative;
	z-index: 2;
	font-size: 90%;
	}
	#cart a{ color: rgb(255,255,255);font-weight: bold;text-decoration: underline; }
	#cart span{ padding-left: 10px; }
	
#search{
	display: inline;
	float: right;
	width: 300px;
	height: 30px;
	margin: -37px 23px 0 0;
	padding-top: 7px;
	position: relative;
	z-index: 2;
	}
	#search input.text{
		width: 220px;
		height: 21px;
		border: none;
		margin-right: 21px;
		}
	#search input.submit{
		background: transparent;
		border: none;
		color: rgb(255,255,255);
		text-decoration: underline;
		padding: 0;
		border-bottom: 1px solid rgb(191,224,248);
		cursor: pointer;
		font-size: inherit;
		}

/* Main menu */
#menu-side-left, #menu-side-right{
	width: 6px;
	height: 44px;
	background: url('../images/menu.jpg') 0 -44px;
	float: left;
	}
#menu-side-right{ background-position: -6px -44px; }
#main{
	float: left;
	width: 903px;
	height: 44px;
	background: rgb(45,45,45) url('../images/menu.jpg');
	list-style: none;
	padding-left: 85px;
	margin-bottom: 6px;
	}
	#main a{
		color: rgb(255,255,255);
		text-decoration: none;
		}
	#main li{
		display: inline;
		font: 110% Verdana, "Geneva CE", lucida, sans-serif;
		line-height: 44px;
		padding: 0 25px;
		border-right: 2px solid rgb(203,203,203);
		margin: 0;
		}
	#main .current a{ text-decoration: underline; }
	#main .last{ border: none; }
	
/* Submenu */
#submenu{
	float: left;
	width: 226px;
	}
	
#submenu menu{ margin: 7px 0; }
#submenu menu li{
	display: block;
	width: 189px;
	margin: 12px 10px 0 10px;
	padding: 0 0 5px 25px;
	border-bottom: 1px solid rgb(243,243,243);
	background: url('../images/stars.jpg') no-repeat left -138px;
	}
	#submenu menu li.last{ border: none; }

#colors menu{ float: left; }
#colors menu li{ width: 70px;margin-right: 0; }

/* Content */

#content{
	display: inline;
	float: left;
	width: 548px;
	margin-right: 5px;
	}
	
#content h3{
	color: rgb(0,128,224);
	margin: 15px 0 5px;
	font-size: 100%;
	}
#content a{ font-weight: bold; }

/* Basic product (side panels) */
.product{
	text-align: center;
	width: 96%;
	padding: 10px 2%;
	border-bottom: 1px solid rgb(225,225,225);
	height: 300px;
	}
	.product.left  {	border-right: 1px solid rgb(225,225,225); }
	.product.bottom{ border-bottom: none; }
	.product.last  { border: none; }

.product h3{ font-size: 120% !important;font-weight: normal; }

.product img{
	margin: 10px 0;
	border: 1px solid rgb(153,153,153);
	}

.product ul{
	list-style: none;
	width: 125px;
	height: 24px;
	line-height: 23px;
	background: rgb(43,43,43) url('../images/item-detail-button.jpg');
	margin: 10px auto 15px;
	}
.product li{
	display: inline;
	float: left;
	width: 125px;
	margin: 0;
	}
.product li.detail{ margin-right: 1px; }
.product li a{ font-weight: bold; }
.product li.detail a{ color: rgb(255,255,255);	}
.product li.koupit a{ color: rgb(103,187,255);	}

.product h3 a{ color: rgb(9,84,139);text-decoration: underline;float: right;font-weight: normal !important; }
.product h3 strong{ float: left; }

.product h3 .novinka{ color: rgb(26,196,3); }
.product h3 .top{ color: rgb(0,128,224); }
.product h3 .akce{ color: rgb(205,2,2); }

/* Content - product */
.productrow{
  width: 100%;
  border-bottom: 1px solid rgb(225,225,225); 
  background: url('../images/productrow.gif') repeat-y center top;
  }
.productrow.bottom{ border-bottom: none; }

#content .product{
	display: inline;
	float: left;
	width: 251px; /* 2x 10 padding */
	border: none;
	}

#content .color{
	width: 50%;
	float: left;
	padding-top: 4px;
	margin-top: 5px;	
	}
#content .price{
	width: 50%;
	float: left;
	margin-top: 5px;
	text-align: right;
	}

#content .price strong{ color: rgb(228,1,1);font-size: 130%;font-weight: normal; }
#content .color strong{ color: rgb(0,118,206);font-weight: normal; }

#submenu .akce, #side-panel .akce{
	display: block;
	width: 36px;
	height: 29px;
	overflow: hidden;
	text-indent: 36px;
	background: url('../images/akce.png');
	margin: -15px 0 -15px 0;
	position: relative;
	left: 165px;
	z-index: 5;
	}

/* Products footer */
.products-footer{ padding: 3px 0; }
.products-footer p, .products-footer ul{
	width: 50%;
	float: left;
	text-align: center;
	margin: 0;
	}
.products-footer li{
	display: inline;
	list-style: none;
	cursor: default;
	margin: 0;
	font-weight: normal;
	}
#content .products-footer li a{ font-weight: normal; }
.products-footer li.current a{
	color: rgb(0,128,224);
	text-decoration: underline;
	
	}

/* Intro */
#intro{
	float: left;
	width: 774px;
	position: relative;
	margin-bottom: 6px;
	}
	.intro-box-small{
		display: inline;
		float: left;
		width: 382px;
		height: 163px;
		border: 1px solid rgb(225,225,225);
		position: relative;
		margin: 0 6px 6px 0;
		}
	.intro-box-large{
		float: left;
		width: 742px;
		padding: 15px;
		border: 1px solid rgb(225,225,225);
		position: relative;
		}
	.intro-box-large ul{
		margin: 10px auto;
		width: 730px;
		border: 0px solid red;
		}
	.intro-box-large li{
		display: inline;
		float: left;
		width: 310px;
		margin: 12px 10px 0;
		padding: 0 0 5px 25px;
		background: url('../images/stars.jpg') no-repeat left -138px;
		border: 0px solid red;
		}
	.intro-box-large strong{ color: rgb(0,138,241); }
	.intro-box-large a{ color: rgb(0,138,241);font-weight: bold;text-decoration: underline; }
	
	#proc-u-nas{
		width: 227px;
		height: 22px;
		margin: 0 auto;
		color: rgb(205,2,2);
		font-size: 150%;
		font-weight: normal;
		text-align: center;
		position: relative;
		}
		#proc-u-nas span{
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: url('../images/proc-nakupovat.gif');
			}
	
/* Side panel */
#side-panel{
	float: left;
	width: 221px;
	}

#informace{ text-align: center;	}
#informace h2{ margin-bottom: 15px; }
#informace address{ font-size: 130%;margin-bottom: 25px; }
	#informace strong{
		font-size: 130%;
		color: rgb(205,2,2);
		}
	#informace em{
		font-style: normal;
		font-size: 120%;
		color: rgb(22,174,7);
		}
		
/* footer */
#footer{
	clear: left;
	margin-top: 50px;
	padding: 5px 3% 0;
	width: 94%;
	border-top: 3px solid rgb(0,128,224);
	}
	#footer p{ float: left;line-height: 4; }
	#footer menu{	float: right;	}
		#footer menu a{	padding-right: 10px;margin-left: 10px;border-right: 1px solid rgb(0,0,0);	}
			#footer li.last a{	border: none;padding: 0;	}
	#footer li{	display: inline;line-height: 4;margin: 0; }
		#footer li.current a{	text-decoration: underline; }
	
	#logo{ float: right;clear: both;margin: -20px 0 40px 0; }
	
/* Pages ------------------------------------------- */

/* Product detail */
.product-detail img{
	border: 1px solid rgb(170,170,170);
	margin: 15px 0 15px -5px;
	}
.details-basics{ margin-left: 15px;	}
.details-basics th, .detail-basics td{ text-align: left; }
.details-basics th{
	font-weight: normal;
	width: 80px;
	}
.details-basics td{ font-weight: bold; }

.details-sizes-header{ margin: 22px 0 5px 0; }
	.details-sizes-header h4.material{ width: 25%; }
	.details-sizes-header h4.size{ width: 35%; }
	.details-sizes-header h4.cost{ width: 20%; }
	
.details-sizes{ margin-bottom: 70px; }		
	.details-sizes strong{ font-weight: normal;color: rgb(205,2,2); }

.buy{
	display: block;
	width: 100px;
	height: 24px;
	position: relative;
	background: url('../images/buy.jpg');
	border: none;
	color: white;
	text-align: left;
	font-size: 0;
	cursor: pointer;
	}
	.buy span{
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: url('../images/buy.jpg'); 
		}
	
/* Contacts */
#contacts h3{ margin-left: 60px; }
.contact_box { margin-left: 60px; margin-top: 20px; }
#contacts table{ margin: 0 0 100px 90px; }
	#contacts td{ padding-bottom: 6px; }
	
/* Cart */
.cart-name{ width: 40%; }
.cart-amount{ width: 20%; }
.cart-price{ width: 20%; }
.cart-total{ width: 19%;text-align: right; }

.noborder input{ margin: 0 20px; }
.noborder a{ text-decoration: underline; }

#cart-options strong{
	color: rgb(0,128,224);
	text-align: center;
	display: block;
	font-weight: normal;
	margin-top: 20px;
	}
#cart-options table input, #cart-options textarea{
	margin-left: 4px;
	border: 1px solid rgb(204,204,204);
	}
#cart-options textarea{ vertical-align: top; }
#cart-options li{	margin: 15px 0 0 120px;list-style: none; }
#cart-options .checkbox{	margin-right: 15px; }
#cart-options .box-red{ margin: 30px 0 10px 0; }
#cart-options td{
	text-align: right;
	vertical-align: top;
	padding-bottom: 12px;
	}
.message {
  text-align: center;
  margin-top: 10px;
}
#bill_info {
  display: none;
}