/* Special CSS style for Shopio theme */

/*######################################
Project: dalber-svitidla.cz

Colors:
	text:
	link: #0763e5; 
	alt-link: #000000;
	heading-blue: #0763e5;
	heading-yellow: #ffa200
	background: #B6CC80
	background-dark: #2A3E7B
	light-background: #feedce (orders, pricebox etc)


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

body {background: #EEEEEE url("img/body-bcgr.gif") center 0 repeat-x;}

a {color: #0763e5;}

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

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

/* override main.css + _columns.css ---------- */
#header {
	height: 240px; padding: 0; 
	background: #FFFFFF url("img/header-bg.jpg") no-repeat;
    }
	#header #logo-sect {margin-left: -915px; margin-top: 0px; width: 194px;}
	#header #logo,
	#header #logo a {width: 194px; height: 240px;}
	
	#shoppingbox {
		position: absolute; right: 0; bottom: 0;
	    background: transparent; color: #000000;
	    width: 200px; height: 114px;
	}
	#shoppingbox .inner {padding: 10px 5px 10px 15px;}
	#shoppingbox h3 {
	    margin: 0; padding: 5px 0 2px 0;
	    font-weight: bold; font-size: 1.1em;
	}
	#shoppingbox a {color: #000000;}
	#shoppingbox h3 a { padding: 6px 0 15px 45px; text-decoration: none; font-weight: bold; }
	#shoppingbox h3 a:hover,
	#shoppingbox h3 a:active,
	#shoppingbox h3 a:focus { text-decoration: underline; }

	/* kosik */
	#shoppingbox #cart { padding-top: 4px; }
	#cart h3 a {
	    background: url("img/header-ico-cart.gif") no-repeat;
	    color: #518ca9;
	}
	#cart h3 a:hover,
	#cart h3 a:active,
	#cart h3 a:focus { text-decoration: underline; }
	#cart span {
	    display: block;
	    margin-left: 45px; padding: 0px 5px 0px 0px;
	    white-space: nowrap;
	}
	/* oblibene */
	#favs h3 {font-weight: normal;}
	#favs h3 a {
	    background: url("img/header-ico-fav.gif") no-repeat;
	    color: #ffa200;
	}
	#favs span {
		font-size: .9em;
		display: block;
	    margin-left: 45px; padding: 0px 5px 0px 0px;
	    white-space: nowrap;
	}
	/* 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; }

#navigation {top: 240px; background-color: #0763e5;}
#primary-nav {height: 52px; width: 970px; }
#primary-nav ul a {
	height: 52px; line-height: 52px; padding: 0 15px 0 14px;
	color: #FFFFFF; background: #0763e5 url("img/primary-nav-bg.gif") 0 0 repeat-x; border-left: 1px solid #0763e5;
}
#primary-nav ul a:hover, #primary-nav ul a:active, #primary-nav ul a:focus {background: #0763e5;}

/* box headers */
.box .head h1, .box .head h2, .box .head h3 {
	padding: 3px 10px; margin: 0;
	color: #FFFFFF; background: #0763e5 url("img/head-blue-bg.gif") 0 0 repeat-x;;
}
#actions .head h2 {background: #ffa200 url("img/head-yellow-bg.gif") 0 -30px repeat-x;}
#actions .head h2.special { background: #ffa200 url("img/head-yellow-bg_akce_home.jpg") 0 50% no-repeat; padding-left: 132px; line-height: 85px; }
/*.col-act .head h3 {background: #ffa200 url("img/head-yellow-bg.gif") 0 -30px repeat-x;}*/


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

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

		#searchbox {
			background: #ffa200;
			margin: 0 0 5px 0;
			height: auto;
			width: 100%;
			color: #FFFFFF;
		}
		#searchbox .inner {
		    background: url("img/searchbox-bg.gif") repeat-x;
		    padding: 6px 7px 3px 7px;
		}
		#searchbox h3 {
			margin: 10px 0px; padding: 0;
			font-weight: bold; font-size: 1em;
		}
		#searchbox input.text {
			margin-top: 1px;
			border-color: #B6CC80;
		    width: 85%;
		    vertical-align: top;
		}
		#searchbox input.submit {
			margin-top: 3px;
			color: #ffffff;
			font-weight: bold; 
		}
		#categoriesbox a.hlighted { 
			background: #ffa200 url("img/head-yellow-bg.gif") 0 -30px repeat-x;
		}
		#categoriesbox a:hover.hlighted, #categoriesbox a:active.hlighted, #categoriesbox a:focus.hlighted {
			background: #ffa200;
		}
	#main #sidebar-right {width: 175px; margin-left: -175px;}
		#main #sidebar-right .sidebar-inner {padding: 0 0 10px 0;}

		#userbox .inner {background: #ffa200 url("img/userbox-bg.gif") repeat-x; padding: 7px 9px 7px 8px; color: #ffffff;}
		#userbox .inner h3 {margin: 10px 0px; 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: #0763e5;
		}
		
		#main #sidebar-right #panel-producers li, #main #sidebar-right #panel-producers li img { display: inline; vertical-align: middle; }
		#main #sidebar-right #panel-producers li img { margin: 8px 0 8px 5px; }

#footer {background: #0763e5;}

#foot-links { background-color: #C4BDB5; color: #000; font-size: 0.9em; clear: both; margin: 0 4px; padding: 8px 15px; filter: alpha(opacity=70); -khtml-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; }
#foot-links p { margin-bottom: 0; }
#foot-links strong { color: #000; }
#foot-links a { margin: 0 2px; }
#foot-links a:link, #foot-links a:visited { color: #888; text-decoration: none; }
#foot-links a:hover, #foot-links a:focus, #foot-links a:active { color: #666; text-decoration: underline; }

/* override _temporary.css */

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

#actions .item {width: 185px; text-align: left; }
#actions .item h2 {background: #F0F0F0 url("img/actions-item.gif") center bottom no-repeat;}

#det-gallery {width: 280px !important;}
#det-info {width: 270px;}
#det-info #det-buy {background: #feedce0; border-color: #ffa200;}
#det-info #det-buy input.text {border-color: #ffa200;}
#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: #0763e5;}

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

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: #0763e5;}
#sets-products .item .price {color: #0763e5;}
.paging a.active:hover,
.paging a.active:active,
.paging a.active:focus {color: #0763e5;}

#switch form#sect-sort {width: 40%;}
#sect-catalog .item {margin: 0 6px 15px 6px;}
#sect-catalog .item strong {color: #0763e5;}
#order-proceed {
    background: #FFFFFF url("img/det-buy.png") left bottom repeat-x;
    border-top: 1px solid;
    color: #ffa200;
}
table#order-cart tbody th a:hover,
table#order-cart tbody th a:active,
table#order-cart tbody th a:focus {color: #0763e5;}
table#order-cart td.summary div {color: #0763e5;}
#order-overview h3.strong {color: #0763e5;}
#order-overview table.temptable tfoot td strong {color: #0763e5;}
#order-overview table.summary strong { color: #0763e54; }
#article h2,
#article h3,
#article h4,
#article h5,
#article h6 {color: #0763e5;}
#salesbox h3 a {color: #0763e5;}

#det-gallery {width: 220px;}

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