* {
	padding: 0;
	margin: 0;
}
body     {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	text-align: center;
	background-image: url(../images/bg_body.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-bottom: 40px;
}

/*elements*/
h1 {
	font-family: "Impact", "URW Gothic L", "Arial", "Helvetica", sans-serif;
	font-size: 2em;
	line-height: 1.3em;
	margin-bottom: 30px;
	font-weight: normal;
}
h1 span {
	color: #ED1C24;
}	
h2 {
	font-size: 1.2em;
	line-height: 1.2em;
	margin-top: 25px;
	margin-bottom: 10px;
}
h2.br {
	padding-bottom: 3px;
	border-bottom: 2px solid #D9F3FD;
}	
h2.notop {
	margin-top: 0;
}	
h3 {
	font-family: "Impact", "URW Gothic L", "Arial", "Helvetica", sans-serif;
	font-weight: normal;
	font-size: 1.4em;
	color: #004A80;
	margin-top: 30px;
	margin-bottom: 15px;
}

p { color: #000000; font-size: 0.9em; text-align: left; margin-top: 0.5em; margin-bottom: 0.5em; padding: 0; }
a { color: #448CCA; }
a:visited { color: #448CCA; }
a:hover { color: #f00; }
a:active { color: #f00; }
a:focus { outline:none; }


img {
	border: 4px solid #D9F3FD;
}
ol { font-size: 90%; margin-left: 18px; }
ul { font-size: 90%; margin-top: 10px; margin-bottom: 10px; margin-left: 18px; padding-left: 0; }
ul li {
	padding-left: 5px;
	margin-bottom: 2px;
	list-style-type: none;
	list-style-image: url(../images/li.gif);
	list-style-position: outside;
}
ul li ul li { font-size: 110%; }
table {
	font-size: 80%;
	width: 652px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-collapse: collapse;
	background-color: #D3E8EF;
	margin-left: 1px;
}
table col.prvni_col {
	width:400px;
}
th { color: #FFFFFF; background-color: #0076A3; }
th, td { padding: 2px 10px; border: solid 1px #d9d9d9; }
form { margin: 0; padding: 0; }
fieldset {
	margin-bottom: 10px;
	padding: 15px;
	background-color: #D9F3FD;
	border: 0 none;
}
fieldset h2 {
	margin-top: 0;
}
label {
	float: left;
	width: 130px;
}


hr { display: none; }

/*division*/
#content {
	text-align: left;
	position: relative;
	width: 945px;
	margin: 0 auto;
}
#header {
	position: absolute;
	top: 11px;
	left: 0;
	overflow: hidden;
	width: 945px;
	height: 263px;
}
#logo, #logo span {
	position: absolute;
	left: 0;
	top: 0;	
	width: 226px; 
	height: 229px; 
	overflow: hidden; 
}
#logo span {
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	width: 226px;
	height: 229px;
	cursor: pointer;
	display: block;	
}
#header_pict, #header_pict_rolby, #header_pict_sluzby, #header_pict_aktualne, #header_pict_bazar, #header_pict_kontakt {
	position: absolute;
	right: 0;
	top: 0;		
	background-repeat: no-repeat;
	background-position: right top;
	border: 3px solid #004A80;
	height: 245px;
	width: 676px;
}
#header_pict {
	background-image: url(../images/header_2011/01.jpg);
}
#header_pict_rolby {
	background-image: url(../images/header_2011/03.jpg);
}
#header_pict_sluzby {
	background-image: url(../images/header_pict3.jpg);
}
#header_pict_aktualne {
	background-image: url(../images/header_pict6.jpg);
}
#header_pict_bazar {
	background-image: url(../images/header_2011/02.jpg);
}
#header_pict_kontakt {
	background-image: url(../images/header_2011/04.jpg);
}

		
#find {
	position: absolute;
	left: 15px;
	top: 266px;
}
#find form {
	margin: 0;
	padding: 0;
}	
#find p {
	background-image: url(../images/ikon_find.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	margin: 0;
}
#find .find_inp {
	width: 110px;
	height: 22px;
	border: 1px solid #585757;
	vertical-align: bottom;
	font-size: 1.2em;
}		

/*navigace*/
ul#navigace {
	position: absolute;
	top: 252px;
	left: 263px;
	height: 34px;
	background: #FFFFFF;
	width: 682px;
	margin-left: 0;
	overflow: hidden; 
}
ul#navigace li { 
	float: left; 
	list-style: none; 
	background-image: none; 
	margin-left: 0; 
	padding-left: 0; 
}
ul#navigace li a { 
	display: block; 
	width: 110px;	
	color: #000000; 
	font-size: 0.9em; 
	font-weight: bold; 
	line-height: 33px; 
	text-decoration: none; 
	height: 33px; 
	margin-right: 2px;
	text-align: center;
	border-left: 1px solid #ABA8A8;
	border-right: 1px solid #ABA8A8;
	border-bottom: 1px solid #ABA8A8;
}
ul#navigace li a.last {
	margin-right: 0;
}
ul#navigace li a:hover {
	color: #FFFFFF;
	position: relative;
	background-color: #004A80;
	border-left: 1px solid #004A80;
	border-right: 1px solid #004A80;
	border-bottom: 1px solid #004A80;
}
body.uvod ul#navigace li#nav-1 a, 
body.rol ul#navigace li#nav-2 a, 
body.slu ul#navigace li#nav-3 a, 
body.akt ul#navigace li#nav-4 a,
body.baz ul#navigace li#nav-5 a,
body.kon ul#navigace li#nav-6 a { 
	color: #FFFFFF;
	position: relative;
	background-color: #004A80;
	color: #FFFFFF;
	position: relative;
	background-color: #004A80;
	border-left: 1px solid #004A80;
	border-right: 1px solid #004A80;
	border-bottom: 1px solid #004A80;	
}

/*other divison*/
#left, #right {
	margin-top: 295px;
	display: inline;
	
}
#left { width: 262px; float: left; margin-left: -945px; }
#left p { 
	text-align: left;
	font-size: 0.8em;
}
#right { width: 683px; float: left; margin-left: 262px; }
#footer {
	background-image: url(../images/footer.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 66px;
}
#copy {
	width: 945px;
	margin: 0 auto;
	padding-top: 16px;
	position: relative;	
}
#copy p {
	color: #0072BC;
	font-size: 0.7em;
	font-weight:bold;
	margin: 0;
	padding-left: 60px;

}
#copy img { position: absolute; top: 22px; left: 0; padding: 0px; }
.celek {
	margin-bottom: 30px;
}	
.d2 p, .d3 p {
	text-align: left;
}	
.d2 {
	float: left;
	width: 334px;
	margin-right: 15px;
	margin-bottom: 15px;
}
.d3 {
	float:left;
	width: 334px;
	margin-bottom: 15px;
}
.box_pink {
	background-color: #FEF3E6;
	padding: 16px;
}
.box_pink h2 {
	font-size: 0.9em;
	color: #EE2923;
	margin-top: 0px;
}
.box_pink ul li {
	list-style-image: url(../images/li_red.gif);
	margin-bottom: 5px; 
}	
.box_green {
	background-color: #ECF5DF;
	padding: 10px 10px 0 10px;
	margin-bottom: 15px;
	min-height: 150px;
}	
.box_green img {
	padding: 0;
	border: 0 none;
}	
.box_green a:hover img {
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
}
.box_green p {
	margin-top: 0;
	font-size: 0.7em;
}	
.box_blue {
	background-color: #D9F3FD;
	padding: 15px;
}
.box_blue img { 
	border: 5px solid #FFFFFF;	
}		

.newsletter {
	background-image: url(../images/ikon_newsletter.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
}

#left .left_map p {
	margin: 0;
	text-align: center;
}	
.left_map a img {
	border: 2px solid #8A8687;
	padding: 0;
}
.left_map a:hover img {
	border: 2px solid #FFFFFF;
	padding: 0;
}

#container {
	margin-top: 40px;
}
#container2 {
	margin-top: 10px;
}	
.align_right { text-align:right;}

.souvisejici {
	margin-top: 30px;
	background-color: #FEF3E6;
	padding: 16px;
	border-top: 1px solid #FF0000;
}
.souvisejici h2 {
	font-size: 0.9em;
	color: #EE2923;
	margin-top: 0px;
}
.souvisejici ul li {
	list-style-image: url(../images/li_red.gif);
	margin-bottom: 5px; 
}

/*classes*/
.cleaner { font-size: 1px; line-height: 1px; float: none; clear: both; }
.fl_left { float: left; margin-right: 10px; margin-bottom: 10px; }
.fl_right { float: right; margin-bottom: 10px; margin-left: 10px; }
.inner {
	margin-top: 35px;
	margin-bottom: 10px;	
}
.inner2 {
	margin-right: 35px;
	margin-bottom: 35px;
}	

.center { text-align: center; }
.nobr_mar { margin: 0px; padding: 0px; border-style: none; border-width: 0; }
.nobr { border-style: none; border-width: 0; }

.noscreen { display: none; }
.pdf { 
	background-image: url(../images/pdf.gif); 
	background-repeat: no-repeat; 
	background-position: left top;
	padding-left: 25px; 
	
}

.out {
	background-image: url(../images/out.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 10px;
}
.out_blue {
	background-image: url(../images/out_blue.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 10px;
}	
.red {
	color: #ED1C24;
}
.money, .money_detail {
	background-image: url(../images/money.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
}
	
.money_detail {
	background-color: #D9F3FD;
	padding: 10px 10px 10px 35px;
	background-position: 10px center;
	width: 310px;
}
.user {
	background-image: url(../images/user.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 25px;
	background-color: #D9F3FD;
	padding: 10px 10px 10px 35px;
	width: 310px;
}
.pridej {
	display: none;
}		

p.pod_kat { font-size: 0.9em; font-weight: bold; background-image: url(../images/folder.gif); background-repeat: no-repeat; padding-left: 20px; }
.block_size { float:left; width: 200px; }
.block_size1 { float:left; width: 70px; }
	
.delitko { background-image: url(../images/delitko.gif); background-repeat: no-repeat; height: 4px; float: none; clear: both; margin-top: 10px; margin-bottom: 10px; }

.bazar_silver, .bazar_bronze, .bazar_platinum, .bazar_gold {
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-left: 140px;
	min-height: 80px;
	font-size: 80%;
}
p.bazar_silver, p.bazar_bronze, p.bazar_platinum, p.bazar_gold {
padding-bottom: 2em;
}
 
p.bazar_silver {
	background-image:url(../images/silver.gif)
}
p.bazar_bronze {
	background-image:url(../images/bronze.gif)
}
p.bazar_platinum {
	background-image:url(../images/platinum.gif)
}
p.bazar_gold {
	background-image:url(../images/gold.gif)
}

.icon_phone, .icon_mail, .icon_web, .icon_adres, .icon_cell {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	margin: 2px 0;
}
.icon_phone {
	background-image: url(../images/icon_phone.gif);
}
.icon_mail {
	background-image: url(../images/icon_mail.gif);
}
.icon_web {
	background-image: url(../images/icon_web.gif);
}
.icon_adres {
	background-image: url(../images/icon_adres.gif);
}
.icon_cell {
	background-image: url(../images/icon_cell.gif);
}

#chyba {
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	text-align: center;
	border: 2px dotted #ED1C24;
}
label.error {
	float:none;
	text-align: left;
	width: 270px;
	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;
	color: #D71920;
	margin-top: 3px;
}
p#zprava_odeslano {
	padding: 10px;
	font-weight:bold;
}
#kontakt input.inp {
	width: 270px;}
#kontakt textarea {
	width: 270px;
}
.mapa a img {
	border: 4px solid #D9F3FD;
}
.mapa a:hover img {
	border: 4px solid #ED1C24;
}

/*printit*/
.top { white-space:nowrap; background-image: url(../images/top.gif); background-repeat: no-repeat; background-position: left center; margin-bottom: 0; margin-left: 10px; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 20px; }
.print { white-space:nowrap; background-image: url(../images/print.gif); background-repeat: no-repeat; background-position: left center; margin-bottom: 0; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 20px; }
p.printit { text-align: right; margin: 0; padding: 0; }

/*novinky*/
.novinka_datum {
	background-image: url(../images/ikon_datum.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 25px;
}

.novinka_archiv { 
	background-image: url(../images/ikon_archiv.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
}

/*cards*/
.card {
	float: left;
	margin: 0 5px 5px 0;
	width: 153px;
	text-align: center;
	background-color: #D9F3FD;
	border: 6px solid #D9F3FD;
}
.card a img {
	border: 0 none;		
}	
.card a:hover img {
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
	
}	
/*bazar*/
.obal_pridej {
	margin-right: 23px;
}	
.zavrit_inz {
	position: relative;
	width: 19px;
	height: 19px;
	top: 19px;
	left: 641px;
	margin: 0;
	padding: 0;
}
.zavrit_inz img {
	border: 0 none;
}	
#pridej label {
	width: 200px;
}
#pridej .inp {
	width: 200px;
}
#pridej select {
	width: 204px;
}		
.vlozit_inz {
	background-color: #D9F3FD;
	text-align: center;
	padding: 10px;
	border-bottom: 2px solid #004A80;
	font-weight:bold;
	font-size: 105%;
	margin-right: 23px;
	margin-bottom: 20px;
}
span.arrow_left {
	background-image: url(../images/arrow_blue_right.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 25px;
}
span.arrow_right {
	background-image: url(../images/arrow_blue_left.gif);
	background-repeat: no-repeat;
	background-position: right 2px;
	padding-right: 25px;
}
span.arrow_left_transparent {
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 25px;
}
span.arrow_right_transparent {
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: right 2px;
	padding-right: 25px;
}
.bazar_detail_text {
	width: 355px;
	float: left;		
}
.bazar_detail_img_obal {
	float: right;
	width: 308px;
	margin-left: 20px;	
}
.bazar_other_left {
	float: left;
}
.bazar_other_right {
	float: right;
}		

/*novy katalog*/
.katalog-list {
	padding: 0;
	margin: 0;
	background-image: url(../images/bazar_seznam.gif);
	background-repeat: repeat-y;
}

.katalog-list ul {
	margin: 0;
	padding: 0;
}

.katalog-list ul li {
	width: 187px;
	float:left;
	padding: 5px 10px;
	margin: 0 20px 0 0;
	list-style-type: none;
	display: inline;
}
.katalog-list ul li p.kat_nadpis {
	font-weight: bold;
	font-size: 105%;
	text-align: center;
	height: 3.5em;
}	
.katalog-list ul li .specifikace a img {
	border: 5px solid #FFFFFF;	
}
.katalog-list ul li .specifikace a:hover img {
	border: 5px solid #f00;	
}	
.katalog-list ul li .specifikace p {
	text-align: left;
}
.katalog_oddelovac {
	height: 20px;
	float: none; 
	clear: both;
	overflow: hidden;
	background-color: #FFFFFF;
}
/*end of katalog*/
	
/*BTNS*/
.news_inp {
	height: 22px;
	border: 1px solid #585757;
	vertical-align: bottom;
	font-size: 1.3em;
	width: 110px;
}	
.btn {
	position: relative;
	background: #aaa;
	padding: 0 5px;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	height: 25px;
	
}
.btn * { background-image: url(../images/btn2.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.grey { background: #464646; }
.btn:hover { background-color: #004A80; color: #FFFFFF; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(../images/shade.png); background-position: bottom; }

* html .btn { border: 1px double #aaa; }
* html .btn:hover { border-color: #a00; }	

.aktual_video {
	width: 425px;
	/*height: 355px;*/
	float: left;
	margin-right: 15px
}
.aktual_foto {
	float:right;
	width:240px;
}
.aktual_foto a img {
	margin-bottom: 10px;
}
.aktual_foto a:hover img {
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
