html {height: 100%;}
body {
	height: 100%;
	margin : 0px; padding : 0px;
	
	font-family: 'Tahoma', 'Arial', 'Helvetica CE', 'Helvetica';
	background: #f0f0f0 url('../images/bg.jpg') repeat-y center 0;
 	background-attachment: fixed;
	font-size: 0.75em;
	line-height: 1.4;
	color: #555;
	
	text-align: center;
}

.lft {
	text-align: left;
}

.rght {
	text-align: right;
}

.centr {
	text-align: center;
}

.just {
	text-align: justify;
}

.tucny {
	font-weight: bold;
}

.ridsi {
	line-height: 1.5;
}

.verttop {
	vertical-align: top;
}

.mensi {
	font-size: 0.90em;
}

.odsazeny {
	padding-left: 20px;
}

.odsazeny-pravy {
	padding-right: 20px;
}

a {}
a:link, a:visited, a:active {color: #0080ff; text-decoration: underline;}
a:hover   {color: #cc3300; text-decoration: underline; }
/*
a:link, a:visited, a:active {color: #cc3300; text-decoration: underline;}
a:hover   {color: #0080ff; text-decoration: underline; }
*/
form {
	padding: 0;
	margin: 0;
}

img {
	border: 0px gray solid;
}

p {
	text-INDENT: 0px;
	padding: 0px 0px 10px 0px;
	margin:0;
}

h1 {
	font-size: 1.5em;
	font-weight: normal;
	color: #000;
	margin: 3px 0 15px 0px;
	padding: 5px 10px;
}

h2 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 5px 0 5px 0;
	padding: 0;
	color: #777;
}

h2.list {
	font-size: 1em;
	font-weight: bold;
	margin: 20px 0 0px 0;
	padding: 7px;
	color: #fff;
	background: #3366cc;
}

h3 {
	font-size: 1.1em;
	font-weight: bold;
	
	margin: 15px 0px 5px 0px;
	padding: 5px 0 5px 0px;

	color: #353535;

/*
	font-size: 1.1em;
	font-weight: bold;
	background: #f0f0f0;
	border-top: 1px gray dashed;
	border-bottom: 1px gray dashed;
	
	margin: 15px 0px 5px 0px;
	padding: 5px 0 5px 10px;

	color: #3366cc;
*/
}

table tr {
	vertical-align: top;
}

input, select {
	font-size: 1em;
	border: gray 1px solid;
	background: #fafafa;
/*	line-height: 1.6;*/
	margin-bottom: 5px;
	border-radius: 5px;
	padding: 5px;
}

textarea {
	font-family: 'Arial', 'Tahoma', 'Helvetica CE', 'Helvetica';
	font-size: 1em;
	border: gray 1px solid;
	background: #fafafa;
}

#page-container { min-height: 100%;}
#page {
	width: 950px;
	margin-left: auto;
	margin-right: auto; 
	text-align: left;
	padding-top: 5px;
}

#header {
	height: 130px;
	background:  url('../images/header.jpg') no-repeat 0px 0px;
	border: 0px #aeaeae solid;
}


.logo {
	padding: 0px 0px 0px 45px;
}

.logo a, .logo a:link, .logo a:visited,.logo a:hover, .logo img  {
	border: 0;
}

/** {-moz-box-sizing: border-box; box-sizing: border-box;}*/


#menu {
	background: white;
/*	height: 200px;*/
}



.navigace {
	font-size: 0.9em;
	padding-bottom: 10px;
}

.navigace a:link, .navigace a:visited {
	color: gray;
}

#main {
	padding: 0px 0px 0px 0px;
	clear: right;
	border-top: #353535 3px double;
/*	background: #f5f5f5;*/
}

.main-content {
	padding:  0px 20px 20px 20px;
	text-align: left;
/*	background: white;*/
/*	min-height: 500px;*/
}

.main-content-index { padding:  0px 20px 20px 20px;text-align: left; background:  url('../images/bgMain.png') repeat-y center 0; }

#right-column {
	float: right;
	width: 475px;
	background: white;
	border-left: 1px gray dashed;
	padding-left: 20px;
	padding-right: 10px;
}

.right-column-content {
	padding: 7px;
}

.top-column {
	float: left;
	min-height: 235px;
	background: #fff;
	border-right: 1px gray dashed;
/*	padding-left: 0px;*/
	padding-right: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
}

.top-column-content {padding: 7px;}
.tc-w1 {	width: 285px; }
.tc-w2 {	width: 450px; }

.tlacitko {
  	background-color: #ffd342;
   	font-family: Tahoma, Helvetica, sans-serif;
   	font-size: 11px;
   	font-weight: bold;
   	text-align: center;
   	color: black;
   	padding: 5px 7px 5px 7px;
	box-shadow: 3px 3px 5px #777;
	border: 1px #ff9242 solid;
}
.tlacitko:hover {background: #ff9242; }

.oddelovac-textu {
	height: 15px;
}

.oddelovac-textu-velky {
	height: 30px;
}

.oddelovac-textu-mensi {
	padding-TOP:10px;
}

.hvezdicka  {
	color : red;
	font-family : Tahoma;
	font-STYLE : normal;
	font-size : 9px;
	font-weight: normal;
	text-decoration: none;
} 

hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0px 0px 0px; padding:0;
      border:none;
      visibility: hidden;
}


#footer-bg { height: 50px; margin-top: -50px;  padding: 0 0px; margin-left: auto; margin-right: auto; text-align: left; }

#footer-clear {padding-bottom: 50px;}

#footer {
	width: 950px;
	height: 50px;
	margin-left: auto;
	margin-right: auto; 
	text-align: left;

/*
	border-top: 1px gray solid;
	margin-top: 50px;
	height: 30px;
	margin-left: auto;
	margin-right: auto; 
	text-align: left;
	background: #f2f2f2;
*/
	background: #f2f2f2;
}

 .footer-text {
 	font-size: 0.9em;
	text-align: right;
	padding: 10px 20px 0px 0px;
	font-weight: normal;
	color: #aaa;
}

.footer-text a:link, .footer-text a:visited {
	border: 0;
	color: #aaa;
	text-decoration: none;
}

.footer-text a:hover {
	text-decoration: underline;
}


.footer-link { float: left; width: 200px; padding: 10px; font-size: 0.9em;}
.footer-link a:link, .footer-link a:visited {color: #aaa; }
.footer-link a:hover {color: #cc3300; }
.footer-link img {vertical-align: middle; margin-right: 5px;}

.text-cerveny {	color: red; }
.text-green { color: green; }

.text-help {
	color: gray;
/*	font-size: 0.70em;*/
}



/* for understanding browsers */
.container {
	MIN-height: 6.5em; 
	height:auto;
	margin-BOTTOM: 1.5em;
}
/* for Internet Explorer */
/*\*/
* html .container {
	height: 6.5em;
}
/**/


.strankovani {
	font-size: 0.9em;
	text-align: center;
	padding: 10px 0 10px 0px;
	
}

.strankovani a:link, .strankovani a:visited {
	border: 1px #fff solid;
	padding: 1px 6px;
	color: black;
	text-decoration: none;
	margin: 0;
}

.strankovani a:hover {
	border: 1px #0080ff solid;
	background: #fff;
	padding: 1px 6px;
}

.strankovani-aktivni {
	border: 1px #0080ff solid;
	background: #ffffff;
	padding: 1px 6px;
	color: gray;
	text-decoration: none;
	font-weight: bold;
}

.item {
	float: left;
	width: 310px;
	height: 175px;
	border: 1px gray solid;
	margin-bottom: 15px;
	margin-right: 15px;
}

.item-title {
	background: url('../images/bgMenu.png') repeat 0 0px;
	padding: 0px 10px;
	height: 25px;
	overflow: hidden;
	color: white;
	font-size: 0.9em;
	font-weight: bold;
}

.item-title a:link, .item-title a:visited {
	color: white;
	text-decoration: none;	
} 

.item-title a:hover {
	color: yellow;
}

.item-title2 {
	padding: 4px 0px;
}

.item-body {
	padding: 10px;
	font-size: 0.9em;
	padding-left: 100px;
	height: 125px;
}

.item-price {
	heigth: 20px;
	color: gray;
	font-size: 0.9em;
	text-align: left; 
	padding-left: 100px;	
}

.item-img {
	width: 90px;
	float: left;
	text-align: center;
	padding-top: 15px;
}

.item-edit {
	text-align: right;
	padding-right: 10px;
}

input.warning {
	background-color: #ffdbe3;
	border: 3px red double;
}

.detail-text {
	padding-right: 320px;
}

#detail-info { min-height: 450px; float: right; width: 300px; margin-top: 15px;}
#detail-info .box { background: #f2f2f2; border: 1px gray solid; border-radius: 5px; }
#detail-info .box .title { background: #777; padding: 7px; color: #fff; font-weight: bold; margin-bottom: 7px;}
#detail-info .box .subtitle { background: url('../images/arrow_down.gif') no-repeat 0 11px; padding: 5px 0 5px 17px; color: #000; font-weight: bold;}
#detail-info .box .cont { padding: 5px; }
#detail-info .box .cont .help { background: url('../images/help3.gif') no-repeat 0px center; color: gray; border: 0px orange solid; border-radius: 5px; font-size: 0.9em; padding: 7px 0 7px 20px;  }

.infobox { background: #f2f2f2 url('../images/info2.png') no-repeat 10px center; margin: 10px 0; border: 1px gray solid; border-radius: 5px; color: #555; font-size: 0.9em; padding: 7px 10px 7px 55px; }

.info {
	padding: 7px 7px 7px 20px;
}

.info a:link, .info a:visited {
	text-decoration: none;
}

.info a:hover {
	text-decoration: underline;
}

a.arrow, a.arrow:link, a.arrow.visited {
	line-height: 1.6;
	background: url('../images/right_arrow.png') no-repeat 0 0;
	padding: 1px 0 2px 23px;
}

a.arrow-red, a.arrow-red:link, a.arrow-red.visited {
	line-height: 1.6;
	background: url('../images/right_arrow_red.png') no-repeat 0 0;
	padding: 1px 0 2px 23px;
}

.warning-error {
	border: 3px red double;
	padding: 15px 10px 15px 55px;
	margin: 10px 0;
	color: red;
	background: #ffebe3 url('../images/warning2.png') no-repeat 10px center;
	font-weight: bold;
	font-size: 0.9em;
}

.warning-info {
	border: 3px green double;
	padding: 15px 10px 15px 55px;
	margin: 10px 0;
	color: green;
	background: #ccffcc url('../images/ok3.png') no-repeat 10px center;
	font-weight: bold;
	font-size: 0.9em;
}

.warning-info3 {
	border: 3px green double;
	padding: 15px 10px 15px 10px;
	margin: 10px 0;
	color: green;
	background: #ccffcc;
	font-weight: bold;
	font-size: 0.9em;
}

.warning-info2 {
	border: 3px orange double;
	padding: 15px 10px 15px 70px;
	margin: 10px 0;
	color: #ff6600;
	background: #ffe3d1 url('../images/info4.png') no-repeat 10px center;
	font-weight: bold;
	font-size: 0.9em;
}

.log-form {
	border: 3px #ccc double;
	background: #fafafa;
	padding: 8px;
	width: 300px;
}

.drazba {
	clear: left;
	padding-bottom: 10px;
	border-bottom: 1px gray dotted;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.drazba-home {
	float: left;
	width: 430px;
	margin: 8px 5px;
	padding: 10px 10px 10px 0;
}


.b-right {	border-right: 1px #e2e2e2 solid; }
.b-right-top {	border-right: 1px orange solid; }
.b-top {	border-top: 1px #e2e2e2 solid; }


.drazba-img {
	float: left;
 	width: 150px;
	margin-top: 15px;
	padding-bottom: 10px;
	text-align: center;
}
.drazba-content {
	padding-left: 170px;
}

.drazba-title {
	font-size: 1.2em;
	font-weight: bold;
}

TABLE.formtable {
	border: 1px gray solid;
	border-collapse: collapse;
	font-size: 0.95em;
}

TABLE.formtable tr th {
	border: 0;
	vertical-align: top;
	color: #454545;
	background: #ffffcc;
	padding-top: 3px;
	padding-bottom: 3px;
}

.pozadi-sede {
	BACKGROUND-COLOR: #cccccc;
}

.pozadi-modre {
	BACKGROUND-COLOR: #000066;
}

.pozadi-radek {
	BACKGROUND-COLOR: #eeeeee;
}

.linka-tb {
	border-top: #bbbbbb 1px solid;
	border-bottom: #bbbbbb 1px solid;
}

.linka-r {
	border-right: #bbbbbb 1px solid;
}

.linka-l {
	border-left: #bbbbbb 1px solid;
}

.icons {
	text-align: center;
	padding: 10px 0 ;
}

.hd {padding-top: 25px; float: right; width: 260px;}
.hd1 { text-align: center; padding-right: 20px; font-size: 1.9em; color: #000;font-weight: normal ; line-height; 1.5; }
.hd2 { text-align: center; padding-right: 20px; font-size: 1.4em; color: #777; line-height: 1.2;}
.hd3 { text-align: center; padding-right: 20px; font-size: 1.2em; color: #000; font-weight: bold;}

.s-filter {border: 1px #bbb solid; background: #f6f6f6; border-radius: 5px; font-size: 0.9em; }
.s-filter .cont { padding: 8px; }
.s-filter select { padding: 2px; border-radius: 3px; width: 150px; }
.s-filter input[type=text] {width:250px;}
.s-filter input[type=checkbox] {border: 0; background: none; margin: 0 6px 0px 0;}

.s-filter div table.sub tr td { padding-right: 25px;}

#news-container { height: 230px; width: 275px; margin-left: 0px; overflow: hidden; }
.news { border: 0px #ccc solid; height: 230px; padding: 0px; line-height: 1.3;  }
.news img { padding: 0; }

.new {width: 100%; }
.new .title {font-weight: bold; margin: 7px 0 7px 0;}
.new .title a:link, .new .title a:visited {text-decoration: none;}
.new .cont {border-bottom: 0px gray dashed; padding-bottom: 7px; }
.new .n-link {text-align: right; font-size: 0.9em; margin-top: 5px;}


.download {border: 1px gray solid; border-radius: 5px; background: #f2f2f2 url('../images/globe.png') no-repeat 10px center; padding: 15px 15px 15px 100px; }
.download h2 {color: #555; margin-bottom: 10px;}
.download a img { vertical-align: middle; margin-right: 5px;}
.download a:link, .download a:visited {text-decoration: none;}
.download a:hover {text-decoration: underline;}

.info-zmeny { margin-bottom: 15px; border: 1px orange solid; background: #FFECE0 url('../images/warning5.png') no-repeat 7px center; color: #353535; font-size: 0.9em;}
.info-zmeny .cont { padding: 10px 10px 10px 70px; }