/* General page style. The scroll bar colours only visible in IE5.5+ */
/*BODY 				{font-family: Arial, Helvetica, sans-serif; background: #000; margin: 0 5px 5px 5px; text-align: center;}*/

/* XXX vlozeni stylu pro hlavicku z info webu - zacatek */
/* Tělo */
body {
	color: #fff;
	background: #212121 url(../../../images/design/body.png) repeat-x top;
	text-align: center;
	font-size: 12px;
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
	cursor: default;
	line-height: 1.5em;
}

p {
	margin: 0 0 18px;
}

ul,
ol {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 18px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}

/* Nadpisy */
h1 {
	color: #c91b14;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 3px;
	text-transform: uppercase;
}
h2,
.subnadpis {
	color: #c91b14;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 6px;
	display: block;
	text-transform: uppercase;
}
h3 {
	color: #000;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 3px;
	display: block;
}
h4 {
	color: #444;
	font-size: 13px;
	line-height: 20px;
	font-weight: normal;
	padding: 0;
	margin: 0 0 3px;
	display: block;
}
h5,
h6 {
	color: #000;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 3px;
}
h6 {
	font-weight: normal;
}

/* Odkazy */
a {
	color: #d4241b;
	outline: none 0px;
}
a:hover {
	color: #000;
	text-decoration: none;
}

/* Formulářové prvky */
form {
	margin: 0;
	padding: 0;
}
fieldset {
	background: url(../../../images/design/field.png) repeat-x bottom;
	margin: 3px 0 18px;
	padding: 8px;
	border: 1px #ece9ea solid;
}
legend {
	color: #333;
	background: #ccc;
	border: solid 1px #333;
	font-weight: normal;
	padding: 4px 6px;
	margin-bottom: 8px;
}
label {
	border: 0;
	cursor: pointer;
}
label.required {
	font-weight: bold;
}
input[type=text],
input[type=password] {
	color: #444;
	background: #fff;
	line-height: 19px;
	font-size: 11px;
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0 6px;
	border: solid 1px #d3d3d3;
	border-radius: 4px;
	-moz-border-radius: 4px;
	outline: none 0px;
	height: 19px;
}
textarea {
	color: #444;
	background: #fff;
	line-height: 18px;
	font-size: 12px;
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 6px;
	border: solid 1px #d3d3d3;
	border-radius: 4px;
	-moz-border-radius: 4px;
	outline: none;
	min-width: 360px;
}
input[type=submit],
input[type=reset],
input[type=button] {
	color: #fff;
	background: #d4241b;
	text-align: center;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0 18px;
	border: none;
	outline: none;
	height: 21px;
	cursor: pointer;
	overflow: visible;
	border-radius: 4px;
	-moz-border-radius: 4px;
}
input[type=radio],
input[type=checkbox] {
	margin: 0 3px 0 3px;
	vertical-align: baseline;
}
input,
select {
	outline: none;
	vertical-align: middle;
}
select {
	border: solid 1px #999;
}

/* Obrázky */
img,
a img	{
	border: 0;
}

/* Linka */
hr {
	color: #d3d3d3;
	background: #d3d3d3;
	margin: 3px 1px;
	border: 0;
	height: 1px;
}

/****************************************************/
/****************** Obecné třídy ********************/
/****************************************************/

.datum {
	color: #a09533;
	font-size: 12px;
	display: block;
	font-weight: bold;
}
.red {
	color: #d4241b;
}
.cena {
	font-weight: bold;
	color: #d4241b;
	white-space: nowrap;
}
.usetrite {
	color: #cba83d;
}
.nobr {
	white-space: nowrap;
}
#na_stred,
.stred {
	text-align: center;
}
.title_text,
.odst {
	margin: 0 0 18px;
}
.skladem {
	color: #8b1c1c;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	display: inline-block;
	vertical-align: middle;
}
.skladem.ano {
	color: #61b21f;
	background: url(../../../images/design/skladem.png) no-repeat right center;
	padding: 0 16px 0 0;
}
.warning,
#pridani {
    clear: both;
    padding: 18px 12px 0;
    margin: 0 0 18px;
    background: #fee9e9;
    border: solid 1px #ebc1c1;
    color: #c02222;
    font-weight: bold;
}

/****************************************************/
/****************** Kostra **************************/
/****************************************************/
 
/* Obal webu */
#pozadi {
	background: url(../../../images/design/pozadi.png) repeat-y center;
	margin: 4px 0 0;
	overflow: auto;
}
#page {
	text-align: left;
	position: relative;
	margin: 0 auto;
	padding: 141px 0 0;
	width: 960px;
	color: #444;
	background: url(../../../images/design/page.png) no-repeat top;
}

/****************************************************/
/****************** Prvky hlavičky ******************/
/****************************************************/

/* Horizontální menu*/
#menu_prave {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 100px;
	left: 35px;
	min-height: 30px;
	background: url(../../../images/design/lista.png) repeat-x top;
	list-style-type: none;
	width: 925px;
	z-index: 200;
}
#menu_prave > li {
	float: left;
	line-height: 30px;
	position: relative;
}
#menu_prave > li > a {
	float: left;
	font-weight: bold;
	font-size: 10px;
	color: #ddd;
	height: 30px;
	text-decoration: none;
	text-transform: uppercase;
	border-left: solid 1px #b30c07;
	padding: 0 5px;
}
#menu_prave > li > a:hover,
#menu_prave > li:hover > a,
#menu_prave > li > a#active {
	color: #fff;
}

/* Homelink */
#homelink {
	width: 35px;
	height: 30px;
	position: absolute;
	top: 100px;
	left: 0;
}
#homelink a {
	display: block;
	width: 35px;
	height: 30px;
	text-indent: -10000px;
	background: url(../../../images/design/home.png) repeat-x top;
}

/* Logo */
#logo {
	position: absolute;
	left: 0px;
	top: 24px;
}
#logo a	{
	width: 327px;
	height: 51px;
	display: block;
	background: url(../../../images/design/logo.png) no-repeat;
}
#logo span {
	display: none;
}

/* Infotextíky */
.infos {
	position: absolute;
	right: 0px;
	top: 56px;
	color: #222;
	font-size: 10px;
	text-transform: uppercase;
}
.infos .info_tel {
	background: url(../../../images/design/tel.png) no-repeat;
	padding: 0 25px 0 18px;
}
.infos .info_dop {
	background: url(../../../images/design/dop.png) no-repeat;
	padding: 0 0 0 27px;
}

/* Vyhledávání */
#vyhledavani {
	position: absolute;
	top: 54px;
	left: 359px;
	width: 278px;
	height: 21px;
}
#vyhledavani .label {
	display: none;
}
#vyhledavani input[type=text] {
	width: 177px;
	height: 21px;
	line-height: 21px;
	background: url(../../../images/design/search.png) no-repeat 0 0;
	font-size: 11px;
	text-align: left;
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0 6px 0 30px;
	border: none;
	color: #aaa;
}
#vyhledavani input[type=text]:focus {
	color: #000;
}
#vyhledavani input[type=submit] {
	background: url(../../../images/design/search.png) right top;
	height: 21px;
	width: 61px;
	position: absolute;
	right: 0px;
	top: 0px;
	font-weight: bold;
	padding: 0;
	border-radius: 0;
	-moz-border-radius: 0;
}
#vyhledavani a {
	background: url(../../../images/design/search.png) no-repeat 0px 0px;
	width: 24px;
	height: 21px;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -10000px;
}
#vyhledavani p {
	margin: 0;
}

/* Infoweb */
#infoweb {
	position: absolute;
	z-index: 201;
	right: 0;
	top: 100px;
	width: 74px;
	height: 30px;
}
#infoweb a {
	width: 199px;
	height: 30px;
	background: url(../../../images/design/shop.png) no-repeat;
	display: block;
	text-indent: -10000px;
}

/* XXX vlozeni stylu pro hlavicku z info webu - konec */

/* General font families for common tags */
FONT, TH, TD, P 			{font-family: Arial, Helvetica, sans-serif;}
A:link, A:active, A:visited 		{color: #000; text-decoration: underline;}
A:hover					{color: #c62426;}
HR					{height: 0; border: 0 #000 solid; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline				{background: #fff; border: 2px #c62426 solid;}

/* This is the outline round the main forum tables */
.forumline				{background: #000; border: 2px #777 solid;}

/* Main table cell colours and backgrounds */
TD.row1					{background: #fff;}
TD.row2					{background: #efefef;}
TD.row3					{background: #dfdfdf;}

/* This is for the table cell above the Topics, Post & Last posts on the index.php page. By default this is the fading out gradiated silver background.  However, you could replace this with a bitmap specific for each forum */
TD.rowpic 				{background: #efefef;}

/* Header cells - the blue and silver gradient backgrounds */
TH					{color: #fff; font-size: 11px; font-weight: bold; background: #c62426; height: 25px;}
TD.cat, TD.catHead,
TD.catSides, TD.catLeft,
TD.catRight, TD.catBottom 		{background: #cfcfcf; border: #fff; border-style: solid; height: 28px;}

/* Setting additional nice inner borders for the main table cells. The names indicate which sides the border will be on. Don't worry if you don't understand this, just ignore it :-) */
TD.cat, TD.catHead, TD.catBottom 	{height: 29px; border-width: 0px 0px 0px 0px;}
TH.thHead, TH.thSides, TH.thTop,
TH.thLeft, TH.thRight, TH.thBottom,
TH.thCornerL, TH.thCornerR 		{font-weight: bold; border: #fff; border-style: solid; height: 28px;}
TD.row3Right, TD.spaceRow 		{background: #dfdfdf; border: #fff; border-style: solid;}

TH.thHead, TD.catHead 			{font-size: 12px; border-width: 1px 1px 0px 1px;}
TH.thSides, TD.catSides, TD.spaceRow	{border-width: 0px 1px 0px 1px;}
TH.thRight, TD.catRight, TD.row3Right	{border-width: 0px 1px 0px 0px;}
TH.thLeft, TD.catLeft	  		{border-width: 0px 0px 0px 1px;}
TH.thBottom, TD.catBottom  		{border-width: 0px 1px 1px 1px;}
TH.thTop	 			{border-width: 1px 0px 0px 0px;}
TH.thCornerL 				{border-width: 1px 0px 0px 1px;}
TH.thCornerR 				{border-width: 1px 1px 0px 0px;}

/* The largest text used in the index page title and toptic title etc. */
.maintitle, H1, H2			{font-weight: bold; font-size: 22px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; line-height: 120%; color: #000;}

/* General text */
.gen 					{font-size: 12px;}
.genmed 				{font-size: 11px;}
.gensmall 				{font-size: 11px;}
.gen, .genmed, .gensmall 		{color: #000;}

/* The register, login, search etc links at the top of the page */
.mainmenu				{font-size: 11px;}

/* Forum category titles */
.cattitle				{font-weight: bold; font-size: 12px; letter-spacing: 1px;}

/* Forum title: Text and link to the forums used in: index.php */
.forumlink				{font-weight: bold; font-size: 12px;}

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav					{font-weight: bold; font-size: 11px;}


/* titles for the topics: could specify viewed link colour too */
.topictitle				{font-weight: bold; font-size: 11px;}

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name					{font-size: 11px;}

/* Location, number of posts, post date etc */
.postdetails				{font-size: 10px;}

/* The content of the posts (body of text) */
.postbody 				{font-size: 12px;}

/* Quote & Code blocks */
.code 					{font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600; background: #fafafa; border: 1px #d1d7dc solid;}
.quote 					{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;	background: #fafafa; border: 1px #d1d7dc solid;}

/* Copyright and bottom info */
.copyright				{font-size: 11px; font-family: Arial, Helvetica, sans-serif;}

/* Form elements */
INPUT, TEXTAREA, SELECT 		{color: #000; font: normal 11px Arial, Helvetica, sans-serif; border-color: #000;}

/* The text input fields background colour */
INPUT.post, TEXTAREA.post, SELECT 	{background: #fff;}
INPUT 					{text-indent: 2px;}

/* The buttons used for bbCode styling in message post */
input.button 				{background: #c62426; color: #fff; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}

/* The main submit button option */
input.mainoption 			{background: #c62426; color: #fff; font-weight: bold;}

/* None-bold submit button */
input.liteoption 			{background: #c62426; color: #fff; font-weight: normal;}

/* This is the line in the posting page which shows the rollover help line. This is actually a text box, but if set to be the same colour as the background no one will know ;)
*/
.helpline 				{background: #dee3e7; border-style: none;}

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");