BODY {

	margin: 0px;
	padding: 0px;
	background: url(img/h-bg.gif) repeat-x left top;
	line-height: 20px;
	text-align: justify;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #666666;
}


h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}


a {
	color: red;
}

a:hover {
	text-decoration: none;
}


.list1 {
	margin: 0;
	padding: 0;
	list-style: none;
}

.list1 a {
	background: url(iko/sip-l.gif) no-repeat left 60%;
	padding-left: 12px;
}

.list2 {
	margin: 0;
	list-style: none;
}

.list2 a {
	background: url(iko/sip-l.gif) no-repeat left 60%;
	padding-left: 12px;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 3px 20px 0px 0px;
}


/** HEADER */

#header {
	width: 920px;
	margin: 0px auto;
	padding: 1em;
	height: 50px;
	color: #254360;
	text-align: left;
}

#header h1 {
 	color: white;
	font-weight: bold;
	height: 50px;
	margin: 0px;
	padding: 15px 0px 0px 0px;
	position: relative; left: 0px; top: -20px;

	background: url(img/logo-jcp.gif) no-repeat left top; 
	/*background-position: -10px 10px;*/

	/*text-transform: uppercase;*/
	font-weight: normal;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 15pt;
	/*border: 1px solid red;*/
}

#header h2 {
	margin: 0 0 0 -1px;
	padding: 0px;
	/*text-transform: uppercase;*/
	font-weight: bold;
	font-size: 13px;
	color: white;
	position: relative; left: 0px; top: -20px;

}

#mutace {
	width: 100px;
	padding-right: 30px; 	
	text-align: right;
	position: relative; left: 395px; top: -70px;
	
}


/** CONTENT */

#content {
	width: 900px;
	margin: 0px auto;
	padding: 40px 5px 20px 5px;

	
	text-align: left;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
}

#levy {
	width: 630px;
	borderleft: 1px solid silver;
	borderright: 1px solid silver;
	padding-left: 25px;
	padding-right: 25px;
	text-align: left;
	font-size: 10pt;

}

#levy h2 {
	height: 22px;
	font-size: 12pt;
	font-weight: bold;
}

#pravy {
	vertical-align: top;
	padding: 5px;
	width: 230px;
	borderleft: 1px solid silver;
	/*background: url(img/levy-pruh.jpg) repeat-y left top*/
	background-color: lightgrey; 
	text-align: left;
	font-size: 10pt;
}


#pravy hr {
	color: maroon;
}

/** FOOTER */

#footer {
	width: 900px;
	margin: 0px auto;
	height: 59px;
	background: url(img/foot.gif) repeat-x left top;
	text-align: center;
}

#footer p {
	
	font-size: 10px;
	color: #FFFFFF;
}

#footer a {
	color: #CCCCCC;
}

/*------------------------------------------------------------*/


A IMG {	BORDER: 0px; }
B, STRONG {color: maroon;}

/* layout */
#wrapp {
		
}



#main {
	width: 480px;
	margin-right: 10px;
	padding-left: 10px;
	/* border-left: 1px dashed #999999;*/

	float: left;
	display: inline;
	
	letter-spacing: 0.03em;
	word-spacing: 0.02em; 
	line-height: 1.5em; 
	
	color: #333;

	text-align: justify;
	FONT-SIZE: 95%;


}


H2 {	color: black;
	font: 100% Helvetica, Verdana, sans-serif;

    }




#main hr{
	color: orange;
}



#news {
	
	float: right;
	width: 158px;
	height: 500px;
	background: silver;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	
}



/*--------------obecne---------------*/
/* #000b97; -DEEP BLUE, SVĚTLÁ #DFEFFF;*/


.disp_none {display: none;}
.clear_both { clear: both; } 
.sirka {width: 800px; }
.sirka220 {width: 220px; }
.sirkatxt {width: 460px; }

.sirka550 {width: 550px; }
.sirka580 {width: 580px; }
.sirka-test {width: 1200px; }
.okolek {border-left: 122px solid #000095; border-right: 22px solid orange; padding: 33px; }
.ramecek {border: 1px solid black;}
.img_bez_ramu {border: 0px;}
.ram_navy {border: 1px double navy; border-style: double;}
.ram_whi {border: 1px solid white;}
.ram_sil {border: 1px solid silver;}
.ram_red {border: 2px solid red;}
.nacentr, .center {margin: 0 auto; /*Center container on page*/
		text-align: center;}
.nalevo {text-align: left;}
.napravo {text-align: right;}
.gal_pad{ padding: 22px; }
.pad3 { padding: 3px; }
.pad8 { padding: 8px; }
.pad22 { padding: 22px; }

.bas8 {
	PADDING: 22px; 
	FONT: 8pt Verdana, sans-serif; 	
	COLOR: black;
	letter-spacing: 0.03em;
	word-spacing: 0.02em; 
	line-height: 1.5em; 
}

.pozadi_1 {background: white; color: navy;}
.pozadi_2 {background: #1958b7; color: white;}
.pozadi_3 {background: #000095; color: #ddd;}

.bg_lblu {background:  #DFEFFF; color: black;}
.bg_dblu {background:  #000095; color: #eee;}
.bg_blum {background:  #1270c8;  color: #eee;}

.bg_lora {background:  #fc6; color: #navy;}
.bg_whi {background:  white; color: black;}

.baz2 {background:  #000095; color: #eee;}
.baz1 {background:  #fc6; color: #navy;}
.baz3 {background:  #ccc; color: black;}

.whi {	COLOR: white}
.bla {	COLOR: black}
.blu {	COLOR: blue}

/*------------------h------------------*/

H2, H3, H4, H5, H6 {
	FONT-SIZE: 9pt;
	letter-spacing: 0.05em;
	word-spacing: 0.11em; 
	TEXT-ALIGN: left; 
	margin-bottom: 0px;
	padding: 3px;
}


H3 {	color: #217a2b; /* zelená*/
	padding-left: 12px;
	border-left: 1px solid orange;
	border-bottom: 1px solid orange;
    }



H2 {	color: black;
	
    }



H5 {	width: 520px; height:35px; color: black;
	background: transparent url(images/podh5.gif) no-repeat top left;
	padding: 12px 8px 8px 22px;
    }
H6 {	width: 520px; height:35px; color: black;
	background: transparent url(images/podh6.gif) no-repeat top left;
	padding: 12px 8px 8px 22px;
    }

/*---------------------------------------*/




