/*######################################

Author: [w3w.cz] - lepsi stranky internetu

Coding: UTF-8
Media: screen, projection
Browsers: all

Structure:
	position; float; clear; z-index; 
	display; visibility;
	width; height; margin; padding; overflow; 
	color; background; border;
	align; text; font; content;

Color palette: see __theme.css
	

######################################*/
 
@import url(_temporary.css);
@import url(_universal.css);
@import url(_columns.css);
@import url(_forms.css);

/* Default styling of HTML tags 
======================================*/

body {
	color: #444444; background: #EEEEEE /*url("img/body-bcgr.gif") repeat-x*/;
	text-align: center; font: 62.5%/1.5 Arial, Helvetica, Sans-serif; /* 0.1em = 1px */
}

hr { display: none; }

a { color: #376682; text-decoration: underline; }
a:hover, a:active, a:focus { color: #000000; text-decoration: none; }
/* alternative style of link - apply to link or to parent tag of link */
.alt-a a, a.alt-a { text-decoration: underline; color: #FFFFFF; }
.alt-a a:hover, a.alt-a:hover, .alt-a a:active, a.alt-a:active, .alt-a a:focus, a.alt-a:focus { text-decoration: none; }

address { font-style: italic; }

h1, h2, h3, h4, h5, h6 {}
h1 { font-size: 1.4em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }

p { margin: 0 0 1em 0; padding: 0; }

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

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

.stock, .ok { color: #090; }
.alert { color: #c00; }

/* Layout helpers */
.first {border-left: 0 !important;} /* for horizontal separators */
#header .inner,
#content .inner,
#sidebar-left .inner,
#footer .inner {padding: 10px; overflow: hidden;} /* for global padding settings */

/* STRUKTURA
======================================*/
/* Main layout of web
--------------------------------------*/
#container {
	position: relative;
	width: 980px /*90%*/; margin: 0 auto;
	padding: 0px; overflow: hidden;
	background: #FFFFFF;
	text-align: left; font-size: 1.2em;
}

/* Header 
--------------------------------------*/
#header {
	position: absolute;
	top: 0;
	width: 100%;
	padding-top: 3.2em; /* for horizontal #usebox */
	height: 163px;
	background: #889FB1 /*url("img/header-bcgr.gif") no-repeat*/;
}
#header #logo-sect {
	margin-left: -920px;
	width: 400px; margin-top: 15px;
	}
#header #logo {position: relative; font-size: 2em;}
#header #logo,
#header #logo a {
	float: left;
	display: block;
	width: 254px; height: 93px; overflow: hidden;
}
#header #logo .ir { background: url("img/logo.gif") no-repeat; }

#header #userbox {
	float: left; position: absolute; top:0; left: 0;
	width: 980px; height: 3.2em;
	color: #FFF; background: #2A3D4C /*url("img/header-dark-bcgr.gif") no-repeat*/;
	}
#header #userbox .inner {background: none;}
#header #userbox h3, #header #userbox label {
	font-size: 1em;}
#header #userbox h3, #header #userbox label, #header #userbox ul, #header #userbox li, #header #userbox form, #header #userbox fieldset, #header #userbox input {
	display: block; float: left; clear: none; padding: 0; margin: 0 3px 0 3px;
}
#header #userbox form {width: auto;}

#shoppingbox {
	width: 175px;
	margin-left: -200px;
	margin-top: 10px;
	background: #EEEEEE; 
	border: 3px solid #FFFFFF;
}
#shoppingbox h3 a {color: #376682;;}
#shoppingbox h3 a:hover, #shopping-box h3 a:active, #shopping-box h3 a:focus { /*color: #FFFFFF;*/ }
#shoppingbox a.remove {
	position: relative; top: 2px;
	margin: 0 0 0 3px;
	vertical-align: baseline;
}
/* Horizontal navigation
--------------------------------------*/
#navigation {
	position: absolute; top: 163px;
	width: 100%;
	background: #FFFFFF url("img/primary-nav-bg.gif") 0 0 repeat-x; border-bottom: 1px solid #CECECE;
}
#primary-nav {
	margin-left: -100%;
	width: 765px;
	text-align: center;
}
#primary-nav ul {
	min-height: 36px; overflow: hidden;
}
#primary-nav ul li { display: inline; }
#primary-nav ul a {
	float: left;
	height: 36px; line-height: 36px; padding: 0 15px 0 14px;
	color: #0d0d0d; background: #FFFFFF url("img/primary-nav-bg.gif") 0 0 repeat-x; border-left: 1px solid #CECECE;
	vertical-align: middle; text-decoration: none; font-weight: bold; 
}
#primary-nav ul li.first a {}
#primary-nav ul li.last a { border-right: 1px solid #CECECE; }
#primary-nav ul li.current a { text-decoration: underline; } /* for current site */

#primary-nav ul a:hover, #primary-nav ul a:active, #primary-nav ul a:focus {
	background: #CCC url("img/primary-nav-bg.gif") 0 -72px repeat-x;
	text-decoration: underline;
}

/* Searchbox */
#searchbox {
	margin-left: -185px;
	width: 175px;
	height: 36px;
	position: relative;
}
#searchbox h3 {padding: 0 0 7px 0;}
#searchbox input.text {
	margin-top: 8px;
	width: 85%;
	vertical-align: top;
}
#searchbox input.submit {
	position: relative; margin-top: 8px;
	color: #000000;
	font-weight: bold; 
}

/* Boxes (with borders or/and rounded corners)*/
.box.bordered {border: 1px solid #E2E2E2;; position: relative;}
	.box.bordered.rounded span.corner-tl {display: block; position:absolute; top:-1px; left:-1px; background:url("img/roundbox-corner-tl.gif") 0 0 no-repeat; width:5px; height:5px;}
	.box.bordered.rounded span.corner-tr {display: block; position:absolute; top:-1px; right:-1px; background:url("img/roundbox-corner-tr.gif") 0 0 no-repeat; width:5px; height:5px;}
	.box.bordered.rounded span.corner-bl {display: block; position:absolute; bottom:-1px; _bottom:-11px; left:-1px; background:url("img/roundbox-corner-bl.gif") 0 0 no-repeat; width:5px; height:5px;}
	.box.bordered.rounded span.corner-br {display: block; position:absolute; bottom:-1px; _bottom:-11px; right:-1px; background:url("img/roundbox-corner-br.gif") 0 0 no-repeat; width:5px; height:5px;}

	/* For rounding corners of all bordered boxes
	.box.bordered span.corner-tl {display: block; position:absolute; top:-1px; left:-1px; background:url("img/roundbox-corner-tl.gif") 0 0 no-repeat; width:5px; height:5px;}
	.box.bordered span.corner-tr {display: block; position:absolute; top:-1px; right:-1px; background:url("img/roundbox-corner-tr.gif") 0 0 no-repeat; width:5px; height:5px;}
	.box.bordered span.corner-bl {display: block; position:absolute; bottom:-1px; _bottom:-11px; left:-1px; background:url("img/roundbox-corner-bl.gif") 0 0 no-repeat; width:5px; height:5px;}
	.box.bordered span.corner-br {display: block; position:absolute; bottom:-1px; _bottom:-11px; right:-1px; background:url("img/roundbox-corner-br.gif") 0 0 no-repeat; width:5px; height:5px;}
	*/
	
.box .head {position: relative; /*float: left; width: 100%;*/}
.box .head h1, .box .head h2, .box .head h3 {
	padding: 3px 10px; margin: 0;
	color: #FFFFFF; background: #888888;
	font-weight: bold; font-size: 1em;
}
.box .head a { text-decoration: underline; color: #FFFFFF; }
.box .head a:hover,..box .head a:active, .box .head a:focus {
	text-decoration: none;
}

/* Main line (Content, Columns)
--------------------------------------*/
#main {margin-top: 200px;}
#main #content .head h1,
#main #content .hp .head  h2 {font-size: 1.3em;}
#main #maincontent {
	margin-left: -100%;
	width: 100%;
	position: relative;
}
#main #maincontent #breadcrumbs {
	padding: 10px 0 0 0;
	width: 100%;
	overflow: hidden;
	/*background: blue;*/
}
#main #maincontent #content,
#main #maincontent #breadcrumbs .inner {
	padding: 0 10px 0px 195px;
}

#main #maincontent #content {margin: 10px 0;}
#main #sidebar-left {
	margin-left: -100%;
	width: 195px;
	z-index: 50; /*prevent main content from obscuring sidebars */

}
#main #sidebar-left .sidebar-inner {padding: 10px;}
#main #sidebar-right {
	margin-left:  -150px;
	width: 150px;
	z-index: 50; /*prevent main content from obscuring sidebars */
}

#main #sidebar-right .inner {
	padding-left: .5em;
	padding-right: .5em;
}

/* Content sections
--------------------------------------*/
#registration #registration-about p {margin: 1em 0;}

/* Footer
--------------------------------------*/
#footer {
	clear: both;
	height: 3em;
	color: #FFFFFF; background: #89A4B5;
}
#footer a {color: #FFFFFF;}
#footer a:hover, #footer a:active, #footer a:focus {
	/*color: #376682;*/
}
#footer  span {
	padding: 0 0.3em 0 0.5em;
	border-left: 1px solid;
}
#footer #copyright {
	margin-left: -100%;
	width: 50%;
	text-align: left;
	position: relative;
}
#footer #copyright a.shopio {
	background: url("img/f-shopio.gif") left top no-repeat;
	padding: 0 0 1px 23px;
}
#footer #copyright a.shopio:hover, #footer a.shopio:active, #footer a.shopio:focus {
	background-position: 0 -34px;
}
#footer #foot-nav {
	margin-left: -50%;
	width: 50%;
	text-align: right;
	 }