* {
	padding: 0;
	margin: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	text-align: center;
	background-color: #fff08c;
	background-image: url(../images/bg_body.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	min-width: 1000px;
}
/*elements*/
h1, h2, h3, h4 {
	font-family: "Impact", "URW Gothic L", "Arial", "Helvetica", sans-serif;
	font-weight: normal;
	line-height: 1.3em;
}
h1 {		
	font-size: 1.7em;
	margin: 15px 0 10px 0;	
	color: #362f2d;
}
h1 span {
	color: #881377;
}
h2 {
	font-size: 1.7em;
	margin: 35px 0 10px 0px;
	color: #362f2d;
}
h2 a {
	color: #004a80;
}
h3 {
	color: #881377;
	font-size: 1.4em;
	margin: 10px 0 10px 0;
}
h4 {
	margin: 15px 0 0 0;
	font-size: 1.4em;
	color: #362f2d;
}
h4 a {
	color: #359236;
	text-decoration: none;
}
p { 
	color: #362f2d;
	font-size: 0.8em; 
	text-align: justify; 
	margin: 0.7em 0; 
	padding: 0; 
}
a { color: #94317d; }
a:hover { color: #FF0000; }
a:focus { outline:none; }

img, a img {
	border: 1px solid #787777;
}
a:hover img {
	border: 1px solid #FF0000; 
}


ul, ol {color: #363636; }
ul { font-size: 80%; margin: 10px 0 10px 10px; padding-left: 0; }
ol { font-size: 80%; margin-left: 19px; }

ul li {
	margin-bottom: 3px;
	padding: 0px 0 0px 20px;
	list-style-type: none;
	background-image: url(../images/drobky.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
	list-style-position: outside;
}
ul li ul {
	margin-left: 0;
}	
ul li ul li, ol li ul li, ol li ol li { font-size: 115%; }
table {
	width: 650px;
	font-size: 80%;
	margin-top: 10px;
	margin-bottom: 10px;
	border-collapse: collapse;
}
col.w310 {
	width: 310px;
}

col.w170 {
	width: 170px;
}
th { 
	color: #FFFFFF; 
	background-color: #881377;
	height: 35px;
}
th, td { 
	padding: 5px 10px; 
	border: 3px solid #F1E7B6;
}
td {
	background-color: #FDFAE4;
}
form { margin: 0; padding: 0; }
fieldset {
	margin-bottom: 10px;
	padding: 0 0 0 15px;
	background-color: #FFFFFF;
	border: 0 none;
	border-left: 5px solid #8DC63F;
}
fieldset h3 {
	margin-top: 0;
}
label {
	float: left;
	width: 130px;
}
hr { display: none; }

/*division*/
#content {
	width: 1000px;
	position: relative;
	text-align: left;
	margin: 0 auto;
	background-image: url(../images/bg_content2.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#main {
	width: 1000px;
	background-image: url(../images/bg_main.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 160px;
}
#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 1000px;
	height: 324px;	
}

#logo {
	position: absolute;
	left: 29px;
	top: 52px;	
}
#logo a, #logo a span {
	width: 232px; 
	height: 79px; 
	overflow: hidden; 
}
#logo a span {
	background-image: url(../images/logo_new.gif);
	background-repeat: no-repeat;
	background-position: left top;
	cursor: pointer;
	display: block;	
}
.header_pict {
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 692px;
	height: 283px;
	position: absolute;
	top: 40px;
	right: 29px;
}
.header_pict h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	border-bottom: 2px solid #b4b9bf;
	padding-bottom: 10px;
	margin: 0;	
	width: 250px
}	
.header_pict p {
	text-align: left;
	width: 250px
} 


/* header tabs  */
div.panes div {
	display:none;
	width: 672px;
	height: 263px;
	position: relative;
	top: 10px;
	left: 10px;		
	padding: 20px 0 0 20px;
}
.panelpict_1, .panelpict_2, .panelpict_3 {
	background-image: url(../images/header_picture1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.panelpict_2 {
	background-image: url(../images/header_picture1.jpg);
}
.panelpict_3 {
	background-image: url(../images/header_picture3.jpg);
}	
	
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;		
	position: absolute;
	top: 141px;
	left: 25px;
	width: 250px;	
}
/* single tab */
ul.tabs li { 
	text-indent:0;
	padding:0;
	margin:0 0 5px 0 !important;
	list-style-image:none !important; 
}
/* link inside the tab. uses a background image */
ul.tabs li a {
	background-image: url(../images/header_nav.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 224px;
	height: 20px;
	padding: 17px 15px;
	display: block;
	color: #362f2d;
	font-weight: bold;
}
ul.tabs li.radek_2 a {
	height: 36px;
	padding: 9px 15px;
}
ul.tabs a:active {
	outline:none;		
	background-image: url(../images/header_nav_sel.gif);
}
ul.tabs a:hover {
	background-image: url(../images/header_nav_sel.gif);
}
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-image: url(../images/header_nav_sel.gif);
}
/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}


.header_btn {
	width: 345px;
	position: relative;
	left: -10px;
	margin: 0;
}
.header_btn a {
	width: 345px;
	height: 64px;
	background-image: url(../images/header_btn.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	color: #FFFFFF;
	font-size: 1.8em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: 64px;
}
.header_btn a:hover {
	background-position: left -64px;
}	


/*colums*/
#left, #right {
	display: inline;
}
#left {
	width: 280px; 
	float: left; 
	margin: 322px 0 0 -1000px;
}
#left p { 
	text-align: left;
}
#right { 
	width: 720px;
	float: left; 
	margin: 342px 0 0 280px;
}

#footer {
	width: 1000px;
	height: 160px;
	background-image: url(../images/bg_footer.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	left: 0;
	bottom: 0;
}
p.nahoru {
	position: absolute;
	top: 11px;
	right: 30px;
}
p.nahoru, p.nahoru a {
	color: #333333;
}	
p.nahoru a:hover {
	color: #000000;
}
#copy p {
	font-size: 0.8em;
	margin: 70px 0 0 25px;
	padding-left: 55px;
	background-image: url(../images/foot_logo_2m.gif);
	background-repeat: no-repeat;
	background-position: left center;
}	
#copy p {
	text-align: left;
}	
#copy p, #copy p a {
	color: #333333;
}
#copy p a:hover {
	color: #000000;
}


.leftbox {
	background-image: url(../images/boxleft.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 230px;	
}
.leftbox_in {
	padding: 1px 16px 5px 16px;
}
.leftbox_in ul {
	margin: 0;
}
.leftbox_foot {
	background-image: url(../images/boxleft_foot.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 10px;
	width: 230px;
	overflow: hidden;	
	margin-bottom: 20px;
}

/*navigace*/
#left ul.left_nav {
	margin: 10px 0 0 0;
	padding: 0;
	background-image: none;
}	
.left_nav li {
	background-image: none;
	margin: 0;
	padding: 5px 0 0px 0;
	list-style-type: none;
	list-style-image: none;
}
.left_nav li a {
	font-size: 1em;
	min-height: 20px;
	color: #94317d;
	font-weight: bold;
	text-decoration: none;
	margin-left: 0;
	padding: 0 0 0 20px;
	display: block;
	width: 170px;
	background-image: url(../images/left_nav.gif);
	background-repeat: no-repeat;
	background-position: left 3px;	
}	
.left_nav li a:hover, .left_nav li a.sel {	
	text-decoration: underline;
}
.left_nav li ul {
	margin: 0 0 0 20px;
	padding: 5px 0;
}	
.left_nav li ul li {
	padding: 0;
	border-bottom: 0 none;	
}
.left_nav li ul li a {
	width: 160px;
	font-size: 1em;
	color: #252525;
	background-image: url(../images/left_nav_sub.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	list-style-position: outside;
	padding: 0 0 0 20px;	
}
.left_nav li ul li a.last {
	background-image: url(../images/left_nav_subli_last.png);
	background-repeat: no-repeat;
	background-position: left -32px;
}		
.left_nav li ul li a:hover, .left_nav li ul li a.subsel {
	color: #000000;
	text-decoration: underline;
}


.uvod_box1, .uvod_box2 {
	float: left;
	width: 204px;
	height: 252px;
	margin: 19px 19px 0 0;
	background-image: url(../images/box_green.gif);
	background-repeat: no-repeat;
}
.uvod_box2 {
	margin: 19px 0 0 0;
}
.uvod_box1 h2, .uvod_box2 h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: center;
	line-height: 1.2em;
	margin: 8px 15px;
	height: 30px;
	font-weight: bold;
}
.uvod_box1 h2 a, .uvod_box2 h2 a {
	color: #252525;
}
.uvod_box1 a, .uvod_box2 a {
	color: #362f2d;
}
.uvod_box1 a img, .uvod_box2 a img,
.uvod_box1 a:hover img, .uvod_box2 a:hover img {
	padding: 0;
	border: 0 none;
}	

.uvod_box1 ul, .uvod_box2 ul {
	margin: 4px 15px 0 15px;
	padding: 0;
}
.uvod_box1 ul li, .uvod_box2 ul li {
	margin: 0 0 2px 0;
	padding: 0 0 0 18px;
	background-image: url(../images/uvod_box_li.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

	
/*classes*/
.center { text-align: center; }
.left { text-align:left;}
.right { text-align:right;}

p.info {
	background-image:url(../images/icon_info.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding: 10px 0 10px 40px;
}
.vetsi {
	font-size: 110%;
}
.mensi {
	font-size: 90%;
}	
.redfont {
	color: #9d0a0e;
}		
.inner {
	padding: 20px 50px 20px 20px;	
	min-height: 500px;
}
.inner2 {
	margin: 20px 0 0 25px;
}	
.inner2 ul {
	margin-left: 0;
}	

.vypis_blogu_vse p {
	margin: 0;
}	
.vypis_blogu_vse p.vypis_blogu_datum {
	background-image: url(../images/arrow_red.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 20px;
	margin-bottom: 3px;
	color: #899189;
}
.vypis_blogu_vse p.vypis_blogu_odkaz {

	margin-bottom: 3px;
}	
.vypis_blogu_vse p.vypis_blogu_odkaz a {
	color: #111111;
}
.vypis_blogu_vse p.vypis_blogu_pokracovat {
	margin-bottom: 15px;
}		



/*blog icons*/
.blog_date, .blog_autor, .blog_koment, .blog_kat, .cla  {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
.blog_date, .cla {
	background-image: url(../images/icon_datum.png);
}
.blog_autor {
	background-image: url(../images/icon_autor.png);
}
.blog_koment {
	background-image: url(../images/iocn_comments.png);
}
.blog_kat {
	background-image: url(../images/icon_kat.gif);
}

.blog_seznam_in p {
	margin: 0;
}
.blog_seznam_in p.blog_seznam_kat {
	margin-top: 10px;
}		
.blog_detailcoment p.blog_comentw {
	background-image: url(../images/comment.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 20px;
	margin-left: 0;
}
.blog_detailcoment p {
	margin-left: 20px;
}

.komentar_lichy, .komentar_sudy {
	border-top: 1px dotted #FFFFFF;
	padding: 0 10px;
}
.komentar_lichy {
	background-color: #FCF3BC;
}

#kontakt label.error {
	float: none;
	text-align: left;
	width: 199px;
	display: block;
	background-image: url(../images/error.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	font-size: 90%;
	font-weight:bold;
	margin-top: 3px;
	margin-left: 130px;
	color: #FF0000;
}
.d2 {
	float: left;
	margin-right: 20px;
}
.d3	{
	float: left;	
}
.block_size { width:60px; float:left;}
.block_size1 { width:30px; float:left;}

.cleaner { font-size: 1px; line-height: 1px; float: none; clear: both; }
.delitko { 
	font-size: 1px; 
	line-height: 1px;
	margin: 5px 0 10px 0; 
	float: none; 
	clear: both;
	border-bottom: 1px solid #f9f2bb; 
}
.fl_left { float: left; margin-right: 20px; margin-bottom: 10px; }
.fl_right { float: right; margin-bottom: 10px; margin-left: 10px; }

.nobr, a img.nobr, a:hover img.nobr {
	padding: 0;
	border: 0 none;
}	
.notop {
	margin-top: 0;
}
.nomar {
	margin: 0;
}
.noscreen { display: none; }
.pdf { 
	background-image: url(../images/icon_pdf.gif); 
	background-repeat: no-repeat; 
	background-position: left top;
	padding-left: 25px; 
}
.redfont, .redfont a {
	color: #9D0A0E;
}	
.out {
	background-image: url(../images/out.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 10px;
}

p.drobky {
	background-image: url(../images/drobky.gif);
	background-repeat: no-repeat;
	background-position: left 6px;	
	text-align: left;
	padding-left: 15px;
}
p.drobky, p.drobky a {
 	color: #252525;
	margin: 0;
}
p.drobky a:hover {
	color: #FF0000;
}

.novinka {
	background-image: url(../images/icon_datum.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
}
.email_inp {
	float: left;
	width: 118px;
	font-size: 1em;
	height: 22px;
	margin-right: 5px;
	padding: 6px 0 0 2px;
	vertical-align: bottom;
}
.email_inp input {
	background-image:url(../images/email_inp.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 165px;
	height: 22px;
	padding: 5px 0 0 5px;
	border: 0 none;
}
.email_btn {
	background-image: url(../images/btn_odeslat.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 84px;
	height: 28px;
	border: 0 none;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
}

.zprava_ok, .zprava_bad {
	min-height: 70px;	
	margin-bottom: 10px;
	background-image: url(../images/zprava_ok_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #8cd500;
}
.zprava_bad {
	background-image: url(../images/zprava_bad_bg.gif);
	background-color: #9d0b0f;
}
.zprava_ok p, .zprava_bad p {
	min-height: 45px;
	text-align: left;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/zprava_ok.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 15px 10px 10px 80px;
}
.zprava_bad p {
	background-image: url(../images/zprava_bad.gif);
}
.zprava_ok p a, .zprava_bad p a {
	color: #FFFFFF;
}
.zprava_ok p a:hover, .zprava_bad p a:hover {
	color: #000000;
}

/*BTNS*/
.btn { 
	position: relative; 
	background: #aaa; 
	padding: 5px; 
	color: #363636; 
	text-decoration: none; 
	cursor: pointer;	
}
.btn * { 
	font-style: normal; 
	background-image: url(../images/btn.png); 
	background-repeat: no-repeat; 
	display: block; 
	position: relative; 
}
.btn i { 
	background-position: top left; 
	position: absolute; 
	margin-bottom: -5px;  
	top: 0; 
	left: 0; 
	width: 5px; 
	height: 5px; 
}
.btn span { 
	background-position: bottom left; 
	left: -5px; 
	padding: 0 0 5px 10px; 
	margin-bottom: -5px; 
}
.btn span i { 
	background-position: bottom right; 
	margin-bottom: 0; 
	position: absolute; 
	left: 100%; 
	width: 10px; 
	height: 100%; 
	top: 0; 
}
.btn span span { 
	background-position: top right; 
	position: absolute; 
	right: -10px; 
	margin-left: 10px; 
	top: -5px; 
	height: 0; 
}

.btn.fial { background: #841271; color:#FFFFFF; }
.btn.red { background: #ed2024; color: #000000; border: 1px solid #666666; width: 290px; display: block; text-align: center; }
.btn.green { background: #acd473; color: #000000; border: 1px solid #666666; width: 290px; display: block; text-align: center; }
.btn:hover { background-color: #8b7d62; color: #FFFFFF; }
.btn[class] { background-image: url(../images/shade.png); background-position: bottom; }

.star {
	font-size: 1.6em;
	padding: 0 0px;
	color: #ff0000;
}


.kont_col1 {
	float: left;
	width: 300px;
	margin-right: 10px;
}
.kont_col2 {
	float: left;
	width: 340px;
	padding-top: 22px;
}
/*kontakt form*/
#kontakt {
	width: 650px;
	padding: 10px 0px;
	margin-bottom: 30px;
	
}
#kontakt p a {	
	color: #000000;
}
#kontakt p a:hover {	
	color: #ff0000;	
}	
.kontakt_tel, .kontakt_mail {
	background-image: url(../images/kont_form_tel.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 245px;
	height: 48px;
	line-height: 48px;
	margin-right: 20px;
	padding-left: 70px;
	float: left;
	font-size: 1.2em;
}
.kontakt_mail {
	background-image: url(../images/kont_form_mejl.png);
	margin-right: 0;	
}
.kontakt_delitko {
	border-bottom: 1px dotted #999999;
	float: none;
	clear: both;
}

#kontakt .kont_1 p, #kontakt .kont_last p {
	height: 11px;
}	
#kontakt .kont_1, #kontakt .kont_last {
	float: left;
	width: 212px;
	padding-right: 6px;
}

#kontakt .kont_last {
	padding-right: 0;
}		
#kontakt input.inp {
	width: 208px;
}
#kontakt select {
	width: 212px;
}
#kontakt textarea {
	width: 644px;
}		
#kontakt label.error {
	float: none;
	text-align: left;
	width: 199px;
	display: block;
	background-image: url(../images/error.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	font-size: 90%;
	font-weight:bold;
	margin-top: 3px;
	margin-left: 130px;
	color: #FF0000;
}

.card1, .card2 {
	float: left;
	width: 210px;
	text-align: center;
	margin: 0 10px 10px 0;
}
.card2 {
	margin: 0 0 10px 0;
}
.card1 a img, .card2 a img,
.card1 a:hover img, .card2 a:hover img {
	border: 0 none;
	padding: 0;
}
.card1 p, .card2 p {
	text-align: center;
}

#prihlaska {
	border-left: 5px solid #841271;
	padding: 20px;
}
#prihlaska input.inp {
	width: 150px;	
}
#prihlaska select {
	width: 154px;
}	
.prihlaska_1 {
	float: left;
	width: 300px;
	margin-right: 20px;
}
.prihlaska_2 {
	float: left;
	width: 285px;
}
.prihlaska_nadpis {
	color: #881377;
	font-size: 1.4em;
	font-weight: bold;
	border-left: 5px solid #881377;
	border-bottom: 1px dotted #881377;
	padding: 5px 0 7px 10px;
	margin: 30px 0 0 0; 
}
.aktualne_titulka {
	color: #FFF;
	background-color: #881377;
	margin: 10px 0;
	padding: 10px 20px;
	font-size: 1.2em;
	line-height: 1.3em;
}

.seznam_img {
	float: left;
	width: 210px;
	margin-right: 20px;	
}
.seznam_text {
	float: left;
	width: 420px;
}

/*tvare*/
.tvare {
	margin: 5px 0 10px 0;
	padding-bottom: 10px; 
	float: none; 
	clear: both;
	border-bottom: 1px solid #f9f2bb; 
}
.tvare img {
	float: left;
}
.tvare h3, .tvare p, .tvare ul {
	margin-left: 90px;
}
