/* Special CSS style for Shopio theme */

/*######################################
Project: p-sport.cz

Colors:
	text:
	link: #376682; //
	alt-link: #000000;
	heading: 
	background: #B6CC80
	background-dark: #376682 //
	light-background: #FFF2DF (orders, pricebox etc)


	border:
	
######################################*/

body {background: #6e6f72 url("img/bcgr.jpg") center -1px no-repeat; /*color*/}

a {color: #376682;}

/* override _universal.css ---------- */

#det-main .admin-edit {margin-top: 0;}

/* override main.css + _columns.css ---------- */
#header {
    background: #00477c url("img/header.jpg") 0 0 repeat-x; /*color*/
    height: 294px;
    padding-top: 0;
    }
	#header #logo-sect {margin-top: 0; margin-left: -981px; width: 291px;}
	#header #logo,
	#header #logo a {width: 316px; height: 84px; color: #000;}
	#header #logo .ir { background-image: url('img/logo.jpg');   left: 1px; }
	
	#shoppingbox {
		position: absolute; right: 0; margin-top: 0;
	    background: #889fb1 url("img/bcgr-header.jpg") -780px 0 repeat-x;
	    width: 230px; height: 115px;
	}
	#shoppingbox .inner {padding: 10px 5px;}
	#shoppingbox h3 {
	    margin: 0; padding: 5px 0 7px 0;
	    font-weight: bold; font-size: 1.1em;
	}
	#shoppingbox a {color: #FFFFFF;}
	#shoppingbox h3 a { padding: 6px 0 15px 45px; }
	#shoppingbox h3 a:hover,
	#shoppingbox h3 a:active,
	#shoppingbox h3 a:focus { /*color: #000000;*/ }

	/* kosik */
	#shoppingbox #cart { padding-top: 4px; }
	#cart h3 a {
	    background: url("img/header-ico-cart.gif") no-repeat;
	    color: #FFFFFF;
	}
	#cart h3 a:hover,
	#cart h3 a:active,
	#cart h3 a:focus { color: #FFFFFF; }
	#cart span {
	    display: block;
	    margin-left: 45px; padding: 0px 5px 0px 0px;
	    color: #000000;
	    white-space: nowrap;
	}
	#cart span strong { color: #FFFFFF; }
	/* oblibene */
	#favs h3 {font-weight: normal; color: #000000;}
	#favs h3 a {
	    background: url("img/header-ico-fav.gif") no-repeat;
	     color: #FFFFFF;
	}
	/* spolecne */
	#shoppingbox {border: none;}
	#shoppingbox a.rm {
	    background: none;
	    position: relative; top: 2px;
	    margin: 0 0 0 3px; padding: 0;
	    vertical-align: baseline;
	    color: #FFFFFF;
	}
	#shoppingbox a.rm:hover,
	#shoppingbox a.rm:active,
	#shoppingbox a.rm:focus { color: #FFFFFF; }

/* Kosik a spol. -----------------------*/

#shoppingbox {
    background: #bfce00 url('img/shopping_box_tile.jpg') repeat 0 0;
    position: absolute; right: 30px; top: 80px;
    border-left: 0px solid #FFF; border-right: 0px solid #FFF;
    width: 180px; height: 95px;
}
#shoppingbox h3 {
    margin: 0; padding: 0;
    font-weight: bold; font-size: 1.1em;
}
#shoppingbox h3 a { padding: 3px 0 22px 45px; text-decoration: none; }
#shoppingbox h3 a:hover,
#shoppingbox h3 a:active,
#shoppingbox h3 a:focus { color: #000; }
#shoppingbox div {
    margin: 0; padding-left: 3px;
}
/* kosik */
#shoppingbox #cart { padding-top: 0px; padding-bottom: 5px; }
#cart h3 a {
    background: url("img/header-ico-cart.gif") no-repeat;
    color: #FFF;
}

#shoppingbox h3 a:hover,
#shoppingbox h3 a:active,
#shoppingbox h3 a:focus { color: black; }
#shoppingbox span {
    display: block;
    margin-left: 45px; padding: 0px 5px 0px 0px;
    color: #000;
    white-space: nowrap;
}
#favs h3 a {
    background: url("img/header-ico-fav.gif") no-repeat;
     color: #FFF;
}
/* spolecne */
#shoppingbox a.rm,
#comparing a.rm {
    background: none;
    position: relative; top: 2px;
    margin: 0 0 0 3px; padding: 0;
    vertical-align: baseline;
    color: #333;
}
#shoppingbox a.rm:hover,
#shoppingbox a.rm:active,
#shoppingbox a.rm:focus,
#comparing a.rm:hover,
#comparing a.rm:active,
#comparing a.rm:focus { color: #000; }

	/* Category (static) menu */
	#cat-menu {
		position: absolute;
		bottom: 0px; left: 0;
		padding: 0 3px;
		}
	#cat-menu li { display: inline; overflow: hidden; float: left; padding: 0px 2px; }
	#cat-menu a {
		position: relative;
	    /*background: #eeca12 url("img/menu-link-bg.gif") 0 0 repeat-x;*/
		background: none;
	    display: block; overflow: hidden;
	    height: 93px; width: 93px;
	    line-height: 93px; vertical-align: middle; text-align: center;
	    text-decoration: none; font-weight: bold; color: #0d0d0d;
	}
	#cat-menu a:hover,
	#cat-menu a:active,
	#cat-menu a:focus {
	    /*background: #eeca12;*/
		background: none;
	    text-decoration: underline;
	}
	#cat-menu #cat-link-01 a .ir { background: url("img/cat-link-01.gif") 0 0 no-repeat; }
	#cat-menu #cat-link-02 a .ir { background: url("img/cat-link-02.gif") 0 0 no-repeat; }
	#cat-menu #cat-link-03 a .ir { background: url("img/cat-link-03.gif") 0 0 no-repeat; }
	#cat-menu #cat-link-04 a .ir { background: url("img/cat-link-04.gif") 0 0 no-repeat; }
	#cat-menu #cat-link-05 a .ir { background: url("img/cat-link-05.gif") 0 0 no-repeat; }
	#cat-menu #cat-link-06 a .ir { background: url("img/cat-link-06.gif") 0 0 no-repeat; }
	#cat-menu #cat-link-07 a .ir { background: url("img/cat-link-07.gif") 0 0 no-repeat; }
	#cat-menu #cat-link-08 a .ir { background: url("img/cat-link-08.gif") 0 0 no-repeat; }
	#cat-menu #cat-link-09 a .ir { background: url("img/cat-link-09.gif") 0 0 no-repeat; }
	#cat-menu #cat-link-10 a .ir { background: url("img/cat-link-10.gif") 0 0 no-repeat; }
	#cat-menu #cat-link-11 a .ir { background: url("img/cat-link-11.gif") 0 0 no-repeat; }
	#cat-menu #cat-link-12 a .ir { background: url("img/cat-link-12.gif") 0 0 no-repeat; }
	#cat-menu #cat-link-13 a .ir { background: url("img/cat-link-13.gif") 0 0 no-repeat; }
	
	#cat-menu #cat-link-01 a:hover .ir { background: url("img/cat-link-01.gif") 0 -94px no-repeat; }
	#cat-menu #cat-link-02 a:hover .ir { background: url("img/cat-link-02.gif") 0 -94px no-repeat; }
	#cat-menu #cat-link-03 a:hover .ir { background: url("img/cat-link-03.gif") 0 -94px no-repeat; }
	#cat-menu #cat-link-04 a:hover .ir { background: url("img/cat-link-04.gif") 0 -94px no-repeat; }
	#cat-menu #cat-link-05 a:hover .ir { background: url("img/cat-link-05.gif") 0 -94px no-repeat; }
	#cat-menu #cat-link-06 a:hover .ir { background: url("img/cat-link-06.gif") 0 -94px no-repeat; }
	#cat-menu #cat-link-07 a:hover .ir { background: url("img/cat-link-07.gif") 0 -94px no-repeat; }
	#cat-menu #cat-link-08 a:hover .ir { background: url("img/cat-link-08.gif") 0 -94px no-repeat; }
	#cat-menu #cat-link-09 a:hover .ir { background: url("img/cat-link-09.gif") 0 -94px no-repeat; }
	#cat-menu #cat-link-10 a:hover .ir { background: url("img/cat-link-10.gif") 0 -94px no-repeat; }
	#cat-menu #cat-link-11 a:hover .ir { background: url("img/cat-link-11.gif") 0 -94px no-repeat; }
	#cat-menu #cat-link-12 a:hover .ir { background: url("img/cat-link-12.gif") 0 -94px no-repeat; }
	#cat-menu #cat-link-13 a:hover .ir { background: url("img/cat-link-13.gif") 0 -94px no-repeat; }

	#navigation {top: 294px; border: 0; background: #00477c url("img/bcgr-nav.gif") right 0 repeat-y;}
	#primary-nav {width: 980px;}
	
		#primary-nav ul {
		    background: #00477c url("img/bcgr-nav.gif") right 0 repeat-y;
		    overflow: hidden;
		    min-height: 30px;
		    font-size: 1.4em;
		    border-top: 3px solid #FFFFFF;
		}
		#primary-nav ul li { display: inline; }
		#primary-nav ul a {
		    background: #eeca12 url("img/menu-link-bg.gif") 0 0 repeat-x;
		    float: left;
		    height: 30px; padding: 0 16px 0 19px;
		    border-right: 3px solid #FFFFFF; border-left: 0;
		    line-height: 30px; vertical-align: middle;
		    text-decoration: none; font-weight: bold; color: #0d0d0d;
		}
		#primary-nav ul a.last { border-right: 3px solid #FFFFFF;}
		#primary-nav ul a:hover,
		#primary-nav ul a:active,
		#primary-nav ul a:focus {
		    background: #eeca12;
		    text-decoration: underline;
		}
		
	#header #extralinks, #header #extralinks li { display: inline; }
	#header #extralinks a { display: block; width: 72px; height: 68px; position: absolute; top: 5px; text-indent: 100px; overflow: hidden; }
	#header #extralinks #el-home { left: 429px; }
	#header #extralinks #el-basket { left: 321px;  }



#main {margin-top: 327px;} /* height of header + 37px height of navigation */
	#main #maincontent #content,
	#main #maincontent #breadcrumbs .inner {
		padding: 0 185px 0px 185px;
	}

form#sect-selection strong, form#sect-selection label { float: left; }


#content {position: relative;}
#content .content-inner {position: relative;}

	#main #sidebar-left {width: 185px;}
		#main #sidebar-left .sidebar-inner {padding: 0 10px 10px 0;}

		#searchbox {
			background: #376682;
			margin: 0 0 5px 0;
			height: auto;
			width: 100%;
			color: #FFFFFF;
		}
		#searchbox .inner {
		    background: url("img/bcgr-l-col-top-box.gif") repeat-x;
		    padding: 6px 7px 3px 7px;
		}
		#searchbox h3 {
			margin: 0 0 2px 0; padding: 0;
			font-weight: bold; font-size: 1em;
		}
		#searchbox input.text {
			margin-top: 1px;
			border-color: #999999;
		    width: 85%;
		    vertical-align: top;
		}
		#searchbox input.submit {
			margin-top: 3px;
			color: #ffffff;
			font-weight: bold; 
		}
		#categoriesbox a.hlighted { 
			background: #376682 url("img/bcgr-button.gif") 0 center repeat-x;
		}
		#categoriesbox a:hover.hlighted, #categoriesbox a:active.hlighted, #categoriesbox a:focus.hlighted {
			background: #376682;
		}

		/* Konfigurator nosicu */
		#categoriesbox ul li#cat-config span {background: none;}
		#categoriesbox ul li#cat-config a { padding-left: 22px; background: #376682 url("img/cat-config-bcgr.gif") center left repeat-x; color: #FFF;}
		#categoriesbox ul li#cat-config a span em {color: #FFF !important;}

		#stresniNosice {padding:10px;margin:10px;border:1px #888888 solid;background-color:#A9BACA}
		
		#col-catalog .inner {font-size: .9em;}
		
	#main #sidebar-right {width: 175px; margin-left: -175px;}
		#main #sidebar-right .sidebar-inner {padding: 0 0 10px 0;}

		#userbox .inner {background: #89a4b5 url("img/bcgr-r-col-top-box.gif") repeat-x; padding: 7px 9px 7px 8px; color: #ffffff;}
		#userbox .inner h3 {margin-bottom: 2px; font-size: 1em;}

		.col-act .advert { margin: 10px 0 0 0; }
		.col-act .inner { padding: 10px 8px 0 8px; }
		.col-act .item {
		    background: url("img/col-sep.png") bottom center no-repeat;
		    overflow: hidden; width: 159px;
		    margin: 0 0 8px 0; padding: 0 0 7px 0;
		}
		.col-act .item.last { background: none; }
		.col-act .item a {color: #000000 !important;}
		.col-act .item a img { border: 1px solid #bababa; float: left; }
		.col-act .item h2,
		.col-act .item strong {
		    margin: 0 0 0 49px;
		    font-size: .9em;
		}
		.col-act .item h2 {font-weight: normal;}
		.col-act .item strong {
		    display: block;
		    text-align: right;
		    color: #376682;
		}

#footer {background: #89a4b5;}

#main #sidebar-right #panel-producers .inner { padding: 0; height: 300px; overflow: auto; }
#panel-producers a { display: block; text-decoration: none; }
#panel-producers ul { margin: 0; padding: 0; }
#panel-producers ul li { display: inline; }
#panel-producers ul a { display: block; margin-bottom: 1px; color: #000000; background: #EFEEED; border-top: 1px solid #BEBCBB; border-bottom: 1px solid #BEBCBB; font-weight: bold; }
#panel-producers ul a span { display: block; padding: 1px 0 1px 15px; background: url("img/cats-arr.gif") 4px center no-repeat; }
#panel-producers a:hover, #panel-producers a:active, #panel-producers a:focus { color: #000; background: #FFF; text-decoration: underline; }
#panel-producers a.hlighted { color: #FFF; background: #376682 url("img/bcgr-button.gif") 0 center repeat-x; margin: 1px 0; font-weight: bold; }
#panel-producers a:hover.hlighted, #panel-producers a:active.hlighted, #panel-producers a:focus.hlighted { color: #FFF; background: #376682; }
#panel-producers a.hlighted span { background: url("img/single-arr.gif") 4px center no-repeat; display: block; padding: 1px 0 1px 15px; }

#newsticker { position: absolute; background: #000; left: 87px; top: 80px; height: 100px; width: 670px; overflow: auto; }
#newsticker h2 { color: #fff; }
#newsticker, #newsticker a { color: #000; }
#newsticker.activate { background: none; overflow: visible; font-size: 0.9em; }
#newsticker.activate ul { width: 100%; }
#newsticker.activate h2 { display: none; }



/* Messages ----------------------------*/

.mess { /*nahrazuje .mess*/
	margin: 15px 0; padding: 4px 8px;
	color: #666; background: #EEE; border: 1px solid #CCC;
	font-weight: bold;
}
.msg-ok {color: #090; background: #ebffe5; border-color: #99de84;}
.msg-error {color: #c00; background: #ffecec; border-color: #ffacac;}

/* override _temporary.css */

.head {width: 100% !important; overflow: hidden !important;}

#actions .head h2,
.col-act .head h3 {background: #376682 url("img/bcgr-button.gif") repeat-x;}
#actions .inner-box {padding:10px 0 20px 15px;}

#actions .item {
	float: left;
    width: 580px; margin: 15px 0 0 0;
    text-align: center;
    }
#actions .item h2 {background: #f0f0f0 url("img/item-shadow.gif") left bottom no-repeat;}

#det-main .inner-box { padding: 15px 20px 20px 15px; }
#det-signs { margin: 0 0 5px 0; }
#det-gallery {
	width: 580px !important;
    margin-bottom: 20px;
    text-align: center;}

#det-act #det-price { background: url("img/mc-askseller.gif") no-repeat -1px 50%; font-weight: bold; font-size: 1.05em; }
#det-act .hilite { margin-top: 10px;  }

#det-info {width: 580px;}
#det-info .f-left.half,
#det-info .f-right.half {width: 49%;}
#det-info #det-buy {background: #FFF2DF;}
#det-info #det-buy input.text {border-color: #b6cc80;}
#sets-products .item {width: 31%;}
#contact-form {width: 590px; overflow: hidden;}
#contact-form h2 {margin: -15px 0 15px 0; position: relative; z-index: 50;}

form.tempform label em {color: #376682;}

#det-info h3 {color: #376682;}
#det-buy {background: #FFF2DF; border: 1px solid #376682;}
#det-buy p {color: #376682;}

table#det-params {width: 570px;}
table#det-params tr.odd th,
table#det-params tr.odd td { background: #FFFFFF !important; width: auto;}
.comment.admin .head strong {color: #376682;}
.comment .head {width: 180px !important;}
#sets-products .item .price {color: #376682;}
.paging a.active:hover,
.paging a.active:active,
.paging a.active:focus {color: #376682;}

#switch form#sect-sort {width: 40%;}
#switch strong { font-weight: normal; }
#sect-catalog { clear: both; padding: 0 0 0 15px; }
#sect-catalog .item {
    background: url("img/ctlg-item.gif") repeat-y;
    float: left;
    width: 580px; margin: 0 0 15px 0;
}
#sect-catalog .item h2 {
    /*background: #1f458e url("img/ctlg-item-h.jpg") no-repeat;*/
    margin: 0;
    font-size: 1em;
    border: 1px solid #E2E2E2;
}
#sect-catalog .item h2 a {
    position: relative;
    background: #FFF url("img/bcgr-item-heading.gif") left bottom repeat-x;
    display: block; padding: 8px;
    text-align: center; color: #222222;
}
#sect-catalog .item h2 a:hover,
#sect-catalog .item h2 a:active,
#sect-catalog .item h2 a:focus { text-decoration: none; }
#sect-catalog .item .inner {
    background: url("img/item-shadow.gif") center bottom no-repeat;
    position: relative;
    overflow: hidden;
    padding: 10px 0 8px;
}

#sect-catalog .item .thumb { text-align: center; float: left; width: 580px; margin-bottom: 5px; }
#sect-catalog .item .signs {position: absolute; top: 15px; left: 5px;}
#sect-catalog .item .signs img {float: left; clear: left; margin: 2px 0 1px;}

#sect-catalog .item p.f-left { margin: 5px 0; font-size: 0.9em; padding-left: 10px; width: 280px; }
#sect-catalog .item .f-right {width: 280px;}
#sect-catalog .item .price { float: left; width: 215px; padding: 0 0 0 8px; margin-top: 5px;}
#sect-catalog .item strong { font-size: 1.2em; color: #376682; }
#sect-catalog .item span { color: #666; }
#sect-catalog .item .act { float: right; width: 56px; }
#sect-catalog .item .act a { float: right; }
#sect-catalog .item .foot {
    float: left; position: relative;
    width: 100%;
    display: block;
    background: #FFF url("img/bcgr-item-footer.gif") 0px bottom repeat-y;
    border: 1px solid #E2E2E2;
}
#sect-catalog .item .foot .f-left {margin: 5px 2px 2px 5px;}
#sect-catalog .item .foot .f-left .item-params strong {font-size: 1em; color: #222; }
#order-proceed {
    background: #FFF2D url("img/det-buy.png") left bottom repeat-x;
    border-top: 1px solid #376682;
    color: #376682;
}
table#order-cart tbody th a:hover,
table#order-cart tbody th a:active,
table#order-cart tbody th a:focus {color: #376682;}
table#order-cart td.summary div {color: #376682;}
table#order-cart .thumb a {width: 85px; display: block; overflow: hidden;}
#order-overview h3.strong {color: #376682;}
#order-overview table.temptable tfoot td strong {color: #376682;}
#order-overview table.summary strong { color: #376682; }
#article h2,
#article h3,
#article h4,
#article h5,
#article h6 {color: #376682;}
#salesbox h3 a {color: #376682;}

#det-gallery {width: 220px;}
#det-info #det-buy fieldset label input.text {border-color: #999999;}

#actions .inner-box .item a.thumb {
	display: block;
	min-height: 150px; _height: 150px;
}
#actions .inner-box .item a.thumb img {=margin-bottom:2px;}

/* override other */
#parametric-search table th,#parametric-search table td {border-color: #ffffff;}
ul.form-error a {color: #cc0000;}


/*  fix the horror that is... the Zend-generated form... */
dl.zend_form input.text, dl.zend_form textarea.text, dl.zend_form input#captcha-input { background: #fff url("img/input-text.png") no-repeat 0 0; border: 1px solid #999; width: 270px; }
dl.zend_form textarea.text { width: 530px; height: 160px; }
dl.zend_form input#captcha-input { width: auto; }
dl.zend_form dd { margin-bottom: 10px; }