body,html
	{
	margin: 0px;
	padding: 0px;
	background-color: #EAEAEA;
	background-image: url("../images/background.gif");
	background-position: center;
	text-align: center;
	background-repeat: repeat-y;
	font-size: x-small;
	height: 100%;
	font-family: "Helvetica CE", Verdana, Tahoma, Arial, Sans-serif; 
	color: #444;
	}

div, td, th, input, select, p, textarea{font-size: 1em;}
form{margin: 0px;}

a:link, a:visited, a {color: #158DB5; text-decoration: underline;}
a:hover, a:active, a:focus  {color: #000;}	

h1 {font-size: 1.5em; margin: 0em;}
h2 {font-size: 1.3em; }
h3 {font-size: 1.3em; clear: both;}

img {border: 0px; padding: 0px; margin: 0px;	}
fieldset{padding: 1em;}

/* =========== classes =========== */
.globalcontent{
	width: 780px;
	margin: 0 auto;
	background: #fff;
	min-height: 100%;
	height: 100%;
	position: relative;
}
body>.globalcontent { height: auto;}

.dot{ background-image: url("../images/dotbck.gif") repeat-y center; }

.dot2{ background-image: url("../images/dotbck2.gif") repeat-y center; }

.arr{ font: Courier; color: #999;}

.file{
	background-image: url("../images/ik2.gif") no-repeat;
	padding-left: 25px;
}	

.file2{
	background-image: url("../images/ik1.gif") no-repeat;
	padding-left: 25px;
}	

/* =========== logo =========== */

.logo{
	width: 760px;
	height: 60px;
	line-height: 60px;
	text-align: right;
	vertical-align: center;
	padding-right: 20px;
	background: #fff;
	border:0;
}
.logo img {float: left; border:0;}
.logo A, .logo A:link, .logo A:visited{
	text-decoration: none;
	color: #aaa;
}
	
/* =========== navitop =========== */
.navitop{
	background: url("../images/navibck.gif") repeat-x left top #FFC103;
	padding: 3px 3px 0px 10px;
	text-align: left;
	line-height: 2em;
	font-size: 1.1em;
	vertical-align: center;
}

.navitop a, .navitop a:link, .navitop a:visited {
	font-weight: bold;
	color: #fff;
	text-decoration:none;
}
.navitop a:hover{ color: #000;}

 #navibot {width: 100%; height: 3px; background:  url("../images/navibck2.gif") repeat-x left top; line-height: 3px; font-size: 0;}
 #hledani {float:right; font-size: 1em; vertical-align: center;}
 #hledani form {display: inline;	font-size: 1em; vertical-align: center;}
 #hledani label {color: #000; font-size: 0.9em; vertical-align: center;}
 #hledani form input.sbtn {margin-left: 10px;}
 #srchtxt {background: url("../images/inputbck.gif") repeat-x left bottom; border: 1px solid #aaa;}

/* =========== PRAVA A LEVA NAVIGACE =========== */
#mainC{
	float: left;
	width: 480px;
	text-align: left;
}
#main{
	margin: 1em;	
}			

#leftNavigC{
	color: #fff;
	float: left;
	width: 300px;
	text-align: left;
	margin-top: 5px;
}
#leftNavigC a:link, #leftNavigC a:visited, #leftNavigC a { color: #fff; text-decoration: none;}
#leftNavigC a:hover, #leftNavigC a:active, #leftNavigC a:focus{ text-decoration: underline;}


#leftNavigC h2{
	background: url("../images/bckh2.gif") no-repeat bottom left;
	padding: 6px 13px 3px 10px;
	font-size: 1.2em ;
	margin: 0px;
	
}
#leftNavigC ul{
	color: #fff;
	font-size: 1.1em ;
	font-weight: bold;
	margin: 0px; padding: 0px;
	background-color: #6386A5;
	margin-bottom: 1em;
	padding: 0.5em 0em 1em 0em;
}
#leftNavigC li{
	list-style: none;
	list-style-type: square;
	padding: 0.3em;
	margin-left: 3em;
}	




/* =========== PATICKA =========== */
 .copy {
	background: #fff; 
	border: 1px solid #eee;
	padding: 10px 13px;
	text-align: center; 
	color: #777; 
	border-top: 5px solid #eee;
	border-bottom: 5px solid #eee;
	clear:both;
	font-size: 0.9em;
	font-weight: normal;
} 



/* =========== pathline =========== */

.pathline{ 
	padding: 6px 13px 6px 13px;
	color: #aaa;
	background: #fff;
	text-align: left;
	border-top: 5px solid #eee;
 	border-bottom: 5px solid #eee;
}

	
.pathline a{color: #888;}
/* =========== vseobecne pouzivane tridy =========== */
.red {color: red;}
.sedapismo {color: #777;}
.hidden {display: none;}
.right {text-align: right;}
.c {text-align: center;}
.left {text-align: left;}
.tv {vertical-align: middle;}
.tucne {font-weight: bold;}
.flleft {float: left;}
img.flleft {float: left; width: auto; margin-right: 10px; margin-bottom: 10px; border:0;}
.zluta {color: #FFC001; font-weight: bold;}
.cervena {color: #CC0000; font-weight: bold;}
.sedyborder {border-bottom: 1px solid #eee;}


/* =========== veci prebirane z kampo =========== */
#mainC .anot img{
	float:left;
	padding-right: 1em;
}

#mainC .text{
	padding-top: 1em;
}

#mainC .date{
}

#mainC .photogaleryFoto{
	float:left;
	padding: 1em;
}

#mainC .menuText{
}
#subThemaList li{
	background: url(../../../images/sipka.gif) no-repeat left -3px;
	padding-left: 20px;
	list-style-image: none;
	list-style: none;
}
#subThemaList li li{
	padding-left: 0px;
	background: none;
	list-style-image: url(../../../images/punta2.gif);
}

#orderBar{
	margin: 1em 0em 1em 0em;
	padding: 0.5em;
}


.documentPanel{
	margin-top: 0.5em;
	border: 1px dotted #EBEBEB; 
}

/* --------------------------- barvicky -------------------------- */

.colored{
	color: #FF781F;
}
.kadliBtn {
	border: 2px solid;
}


/* --------------------------- odsazovani -------------------------- */
.odsadZleva{
	padding: 0em 0em 0em 1em;
}

.pageNumbersC{
	padding: 2px;
	border: 1px solid #EBEBEB;	
	min-height: 15px;
	_height: 15px;
}



/* --------------------------- shop -------------------------- */
.basketStep{
	float: left;
	margin-top: 0.5em;
	width: 105px;
	height: 30px;
	text-align: center;
	padding-top: 5px;
	margin-right: 5px;
	border: 1px dotted #EFA038;
}

.basketStepActive{
	margin-top: 0.5em;
	float: left;
	width: 105px;
	height: 30px;
	text-align: center;
	font-weight: bold;
	padding-top: 5px;
	margin-right: 5px;
	border: 1px solid #EFA038;
	background-color: #F7F8FE;
}

/* --------------------------- katalog -------------------------- */
#catalogHeader{
	border: 1px solid #EBEBEB;
	padding-bottom:1em; 
}
#catalogHeader li{
	width: 130px;
	float:left;
	margin:0px;
	padding-left: 10px;
	list-style-image: none;
	list-style: none;
	background: url(../images/punta.gif) no-repeat;
}
.clearFloat{
	clear:both;
}
.errMsg{
	display: block;
	vertical-align: middle;
	margin-top: 1em;
	padding: 2px;
	padding-left: 25px;
	padding-top: 3px;
	min-height: 17px;
	_height: 17px;
	background: url(../images/err.gif) no-repeat;
	border: 1px dotted #C12A2F;	
	color:#C12A2F;
	font-weight: bold;
}

.infoMsg{
	display: block;
	vertical-align: middle;
	margin-top: 1em;
	padding: 2px;
	padding-left: 25px;
	padding-top: 3px;
	min-height: 17px;
	_height: 17px;
	background: url(../images/suc.gif) no-repeat;
	border: 1px dotted #EFA038;	
	font-weight: bold;
}
/* --------------------------- datova tabulka -------------------------- */
.datatable {
	background: #EBEBEB;
}

.datatable th{
	font-weight: bold;
	padding: 0.2em;
	padding-left: 1em;
	background: #FFFFFF;
	color: #000000;
	vertical-align: top;
}
.datatable td{
	padding: 0.1em;
	padding-left: 1em;
	background: #FFFFFF;
}

.datatable td.suda{
	background: #FFFFFF;
}
.datatable td.cena{
	text-align: right;
	white-space: nowrap;
}

/* ---------------------------HP----------------------- */ 
#HPBoxC{
	padding-bottom: 10px;
}
.HPBox{
	float:left;
	padding: 5px;
	width: 218px;
}
.HPBox1{
	margin-right:10px;
}
#HPShop h2{
	background: url("../images/bckh2.gif") no-repeat bottom left;
	padding: 6px 13px 3px 10px;
	font-size: 1.2em ;
	margin: 0px;
	color: #fff;	
}

#kosik, #amosInfo{color: #444; margin-bottom: 1em;}
#kosik div, #amosInfo div{font-size: 1.1em; border: 1px solid #6386A5;padding: 1em;}
#kosik h2, #amosInfo h2{color: #fff;}
#kosik a:link, #kosik a:visited, #kosik a {color: #158DB5; text-decoration: underline;}
#kosik a:hover, #kosik a:active, #kosik a:focus  {color: #000;}	
#amosInfo a:link, #amosInfo a:visited, #amosInfo a {color: #158DB5; text-decoration: underline;}
#amosInfo a:hover, #amosInfo a:active, #amosInfo a:focus  {color: #000;}