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

Author: [w3w.cz] - lepsi stranky internetu
Project: Shopio - Template v2.0

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

Start: 25. 8. 2008
Last change: 27. 8. 2008

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

Color palette:
	text:
	link: #3384A2; 
	alt-link: #5C9413;
	heading:
	background: #DCDBDB
	border:

Template images name prefix: "cet_" (as template)

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

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

body {
	color: #444; background: #DCDBDB url("img/cet_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: #3384A2; 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 */
.inner {padding: 10px; overflow: hidden;} /* for default padding of boxes */

/*======================================
  STRUKTURA
======================================*/
/*--------------------------------------
  Main layout of web
--------------------------------------*/
#container {
	background: #FFFFFF url("") repeat-y;
	width: 980px; margin: 0 auto;
	text-align: left; font-size: 1.2em;
}
#main-wrapper {
	float: left;
	padding-left: 10px;
	/*width: 805px; - 3 col layout*/
}
#content {
	float: right; position: relative;
	/*width: 630px; - 3 col layout*/
	width: 795px; /* 2 col layout */
	overflow: hidden;
	background: #FFFFFF;
}
/*#content .inner {padding: 0px; margin: 10px;}*/

/*--------------------------------------
  Header
--------------------------------------*/
/*
#header {
	position: relative;
	background: #FFF url("img/cet_header.jpg") no-repeat;
	padding-top: 3.2em;
}
*/
#header h1 {position: relative;}

#header h1,
#header h1 a {
	float: left;
	display: block;
	width: 263px; height: 65px; overflow: hidden;
}
#header h1 .ir { background: url('img/logo.gif') no-repeat; }
/*
#header #userbox {
	float: left; position: absolute; top:0; left: 0;
	width: 100%; height: 3.2em;
	}
#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 {
	float: right;
	width: 175px;
	color: #000; background: #FFF url("img/det-buy.png") 0 -5px repeat-x; 
	border-left: 1px solid #5C9413; border-right: 1px solid #5C9413;
}
#shoppingbox h3 a {color: #5C9413;}
#shoppingbox h3 a:hover, #shopping-box h3 a:active, #shopping-box h3 a:focus { color: #000; }
#shoppingbox a.remove {
	position: relative; top: 2px;
	margin: 0 0 0 3px;
	vertical-align: baseline;
}
*/
/*--------------------------------------
  Horizontal navigation
--------------------------------------*/
/*
#h-nav {
	width: 100%; min-height: 36px; overflow: hidden;
	background: #FFFFFF url("img/h-nav-bcgr.gif") 0 0 repeat-x; border-bottom: 1px solid #CECECE;
}
#h-nav li { display: inline; }
#h-nav a {
	float: left;
	height: 36px; line-height: 36px; padding: 0 20px 0 19px;
	color: #0d0d0d; background: #FFFFFF url("img/h-nav-bcgr.gif") 0 0 repeat-x; border-left: 1px solid #CECECE;
	vertical-align: middle; text-decoration: none; font-weight: bold; 
}
#h-nav li.first a {}
#h-nav li.last a { border-right: 1px solid #CECECE; }
#h-nav li.current a { text-decoration: underline; }

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

/* Breadcrumbs */
#breadcrumbs { margin: 0 0 10px; padding: 0 0px; }

/* Boxes (with borders or/and rounded corners)*/
.box.bordered {border: 1px solid #AAA; 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 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;
}
/*--------------------------------------
  Content
--------------------------------------*/
#content .head h1,
#content .hp .head  h2 {
	padding: 3px 10px; margin: 0;
	color: #000000; background: none; border-bottom: 1px solid;
	font-size: 1.3em;
}
/* Product detail */
.admin-edit {position: absolute; right: 10px; top: 0; padding: 5px; background: #EEE;}

/*--------------------------------------
  Footer
--------------------------------------*/
#footer {
	clear: both;
	height: 5em;
	background: #FFF url('img/header-top-bg.gif') bottom left repeat-x; border-top: 1px solid #000;
}
#footer  span {
	padding: 0 0.3em 0 0.5em;
	border-left: 1px solid;
}
#footer .f-left { position: relative; }
#footer a.shopio {
	background: url("img/f-shopio.gif") left top no-repeat;
	padding: 0 0 1px 23px;
}
#footer a.shopio:hover, #footer .f-left a.shopio:active, #footer .f-left a.shopio:focus {
	background-position: 0 -34px;
}