/*
	radky oznacene prazdnou poznamkou budou obsahovat vypis promenne z PHP
*/

body, input, textarea, select, table, td, th {
	font-family: "Trebuchet MS" sans-serif;
	font-size: 100%; /* hodnota se vztahuje k absolutni hodnote uvedene zvlast pro body */
}

img {
	border: none;
}

a {
	color: #000; /**/
}

a:hover {
	text-decoration: none;
}

small {
	font-size: 80%;
}

body {
	color: #000; /**/
	background: #fff; /**/
	margin: 0;
	padding: 0;
	font-size: 12px; /* vychozi absolutni hodnota pro velikost pisma */
}

.clear {
	visibility:hidden;
	height:1px;
	line-height:1px;
	font-size:1px;
	overflow:hidden;
	clear:both;
}

#global {
	background: #fff; /**/
	/* width: 1000px; *//* zde se da nadefinovat libovolna sirka, obsah se nastavuje v zavislosti na ni */
	margin: 0 auto;
}

/*
	HLAVICKA STRANEK
*/

#header {
	margin: 1px 5px;
	position: relative;	left: 0; top: 0;
}

#topMenu {
	font-size: 80%;
	background: #3fa5d1; /**/
	color: #fff; /**/
	text-transform: uppercase;
	padding: 5px 10px;
	position: relative; left: 0; top: 0;
}

#topMenu a {
	color: #fff;
	margin: 0 5px;
}

#image {
	background: #3fa5d1; /**/
	margin: 1px 0 0 0;
	height: 150px; /* s vyskou je mozne hybat, je ale potreba adekvatne nastavit pozici #logo */
}



#searchBox {
	position: absolute;
	right: 10px;
	top: 2px;
	width: 300px;
	text-align: right;
}

#searchBox fieldset {
	border: none; margin: 0; padding: 0;
}

#logo {
	position: absolute;
	left: 30px;
	top: 100px;
	font-size: 30px;
}

#headText {
	position: absolute;
	left: 30px;
	top: 133px;
	margin: 0;
	padding: 0;
}

#userMenu {
	font-size: 80%;
	background: #a6daff; /**/
	color: #000; /**/
	padding: 5px 10px;
	text-align: right;
	margin: 1px 0 0 0;
	_height: 2px; /* IE6 nesmysl */
}

#userMenu a {
	text-transform: uppercase;
	color: #000; /**/
	margin: 0 5px;
}

#cartMenu {
	float: left;
}

#cartMenu a {
	font-weight: bold;
}

/*

	HLAVNI CAST

*/

#main {
	margin: 5px;
	position: relative;
	left: 0;
	border-top: 1px solid #fff;
	_height: 1px;
}

#mainLeft {
	position:absolute;
	left: 0;
	top: 0;
	width: 205px;
}

.leftBox {
	border: 1px solid #a6daff; /**/
	padding: 5px;
	margin: 0 0 5px 0;
}

#mainCenter {
	margin: 0 0 0 210px; /* pokud se prida pravy sloupec, staci zde nastavit margin */
	_margin-top: -1px;
	_height: 1px;
}

/*

	LEVE MENU

*/

#mainMenu {
	margin: 0;
	padding: 5px;
	list-style: none;
}

#mainMenu li {
	list-style: none;
	margin: 2px 0 0 0;
	background: url("img/skins/0/mnuLi.gif") 0 6px no-repeat;
	padding: 0 0 0 10px;
}

#mainMenu a {
	font-weight: bold;
	color: #3fa5d1; /**/
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #3fa5d1; /* NOVE - neni v designeru */
}

#mainMenu a:hover {
	color: #666; /**/
}


#mainMenu li ul {
	margin: 2px 0 0 0;
	padding: 0;
	font-size: 11px;
}

#mainMenu li ul li {
	margin: 1px 0 0 10px;
	background: url("img/skins/0/mnuLi2.gif") 0 6px no-repeat;
	padding: 0 0 0 10px;
}

#mainMenu li ul a {
	color: #000; /**/
	text-transform: none;
	font-weight: normal;
	border-bottom: 1px solid #ccc; /* NOVE - neni v designeru */
}

#mainMenu li ul ul li {
	margin: 0 0 0 15px;
	font-size: 10px;
}

#mainMenu ul ul a {
	color: #000; /**/
	text-transform: none;

}

#mainMenu li.current a {
	color: #3fa5d1;
	font-weight: bold;
}

#mainMenu li.current li a {
	color: #000;
	font-weight: normal;
}



h1 {
	margin: 0;
	color:  #3fa5d1; /**/
	font-size: 200%;
}

.centerBox {
	border: 1px solid #a6daff; /**/
	padding: 10px;
}

.filters {
	background: #a6daff;
	padding: 5px;
	position: relative;
	font-size: 80%;
	clear: both;
	margin: 20px 0 0 0;
}

.topFilters {
	margin: 0;
}

.filters form {
	margin: 0 10px 0 0;
	padding: 0;
	display: inline;
}

.filters form select {
	width: 110px;
}

.filters form input {
}

.filters .navPath {
	position: absolute;
	left: 10px;
	top: -1.7em;
	color: #999;
}

.filters .navPath a {
	font-weight: bold;
	color: #3fa5d1; /**/
}

.filters .paging {
	position: absolute;
	right: 10px;
	top: -1.7em;
}

.filters .paging a {
	color: #000;
	margin: 0 1px;
	font-weight: bold;
}

.filters .paging a.pagingBtt {
	font-weight: bold !important;
	text-decoration: none;
}

.filters .paging a.active {
	color: #3fa5d1; /**/
}


.prodList {
	clear: both;
}

.prodListItem {
	float: left;
	width: 132px;
	margin: 8px;
	border-bottom: 1px solid #a6daff;
	height: 187px;
	position: relative;
	left: 0;
	top: 0;
}

.prodListItem h2 {
	font-size: 90%;
	margin: 0 0 2px 0;
	overflow: hidden;
	font-weight: normal;
}

.prodListItem small {
	display: block;
	height: 3em;
	overflow: hidden;
}

.prodListItem del {
	color: #666;
}

.prodListItem h2 a {
	color: #3fa5d1; /**/
}

.prodListItem img {
	border: 1px solid #000; /**/
}

.prodListItem table {
	border-collapse: collapse;
	width: 100%;
	font-size: 80%;
	border: none;
	margin: 0;
}

.prodListItem table th {
	text-align: left;
	font-weight: normal;
	padding: 0;
	border: none;
	background: none;
	color: #000;
}

.prodListItem table td {
	text-align: right;
	padding: 0;
	border: none;
}

.prodListItem table .sec {
	color: #999;
}

.prodListItem table strong {
	color: #3fa5d1; /**/
	font-size: 100%;
}

.prodListItem .acParBox {
	position: absolute;
	left: 5px;
	top: 5px;
	font-size: 9px;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	width: 60px;
	text-align: center;
	line-height: 130%;
}

.prodListItem .acParBox .acPar {
	border: 1px solid #fff;
	background: #c00;
	margin: 0 0 2px 0;
}

.prodDescription {
	_margin: 0 375px 0 0;
	overflow: hidden;
}

.prodImage {
	float: right;
	width: 365px;
	overflow: hidden;
	position: relative;
	left: 0;
	top: 0;
	text-align: right;
}

.prodImage img {
	border: 1px solid #000;
}

.prodImage .acParBox {
	position: absolute;
	left: 5px;
	top: 5px;
	font-size: 9px;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	width: 60px;
	text-align: center;
	line-height: 130%;
}

.prodImage .acParBox .acPar {
	border: 1px solid #fff;
	background: #c00;
	margin: 0 0 2px 0;
}

.prodButtons {

}

table {
	border-collapse: collapse;
}

td, th {
	padding: 2px 5px;
	vertical-align: top;
}

.prodDescription table {
	width: 99%;
	border: none;
	margin: 0;
}

.prodDescription table tr.emp td, .prodDescription table tr.emp th {
	background: #efefef;
	border: 1px solid #ccc;
	min-height: 10px;
}

.prodDescription table tr.formEmp td, .prodDescription table tr.formEmp th {
	padding: 10px;
}


.prodDescription table td {
	text-align: left;
	border: none;
}

.prodDescription table th {
	text-align: left;
	border: none;
	background: none;
	color: #000;
}

.prodDescription table select {
	width: 200px;
}

.prodDescription table strong {
	font-size: 120%;
}

h3 {
	font-size: 100%;
	border-bottom: 1px solid  #3fa5d1;
	margin: 10px 0 0 0;
	text-transform: uppercase;
	color: #3fa5d1;

}


table {
	border: 2px solid #000;
	margin: 10px 0;
}

td, th {
	border: 1px solid #999;
}

th {
	background: #3fa5d1; /**/
	color: #fff;
}

.buttonBlock {
	width: 700px;
	height: 50px;
	padding: 0 10px;
	text-align: right;
}

.buttonBlock  form {
	float: right;
	margin: 0 5px;
}

.buttonBlock input {
	width: 140px;
}

.fullTable {
	width: 700px;
}



.sButton {
	border: 2px solid #a6daff;
	background: #3fa5d1;
	color: #fff;
	font-weight: bold;
}

.wButton {
	border: 2px solid #fff;
	background: #3fa5d1;
	color: #fff;
	font-weight: bold;
}

.articleImg {
	margin: 0 0 10px 10px;
	float: right;
}

#footer {
	margin: 3px 0 0 210px; /* pokud se prida pravy sloupec, staci zde nastavit margin */
	border: 1px solid #a6daff; /**/
	background: #a6daff;
	padding: 10px;
	font-size: 10px;
	position: relative;
	min-height: 32px;
	_height: 52px;
}

#footer p {
	margin: 0;
}

#footer #minebot {
	position: absolute;
	right: 10px;
	top: 10px;
}

#footer a {
	color: #000;
	text-decoration: none;
}

#imagePopUp {
	padding: 10px;
	text-align: center;
	font-size: 11px;
}

#imagePopUp img {
	border: 2px solid #000;
}

.linkList {
	list-style: none;
	margin: 0;
	padding: 0;
}

.linkList li  {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bkPredchozi {float: left;}
.bkNasledujici {float: right;}

.newsItem {
	margin: 0 0 10px 0;
}

.newsItem .date {
	float: left;
	width: 70px;
}

.newsItem h2 {
	font-size: 100%;
	margin: 0 0 0 70px;
}

.newsItem p {
	margin: 0 0 0 70px;
}

ul.linkList {
	margin-bottom: 10px;
	text-align: left;
}

ul.linkList li {
}

.col5 li {
	float: left; width: 100px;
}

.col3 li {
	float: left; width: 210px;
}

.col2 li {
	float: left; width: 320px;
}

.sideBox {
	float: right;
	width: 200px;
	margin: 10px 0 10px 10px;
	border: 2px solid #3fa5d1;
	padding: 10px;

}

.sideBox h3 {
	margin: 0 0 10px 0;
}

.pict {
	float: right;
	margin: 10px;
}


.galleryItem {
	float: left;
	padding: 10px;
}

.galleryItem  p {
	margin: 5px 0 0 0;
}