@media screen, projection {
	* {margin: 0; padding: 0}
	body {font: 61%/1.2em Verdana, 'Geneva CE', lucida, sans-serif; text-align: center; background: #FFF; color: #333; padding:0px !important; margin:0px !important; }
	table {font: 100% Verdana, 'Geneva CE', lucida, sans-serif; border-collapse: collapse; border: solid 1px #999999; margin: 0 0 10px}
	th {text-align: left; border-bottom: solid 1px #49D; background: #49D; color: #FFF; padding: 3px 5px}
	td {border-top: solid 1px #999999; padding: 1px 5px;  }
	p {text-align: justify}
	p, ol, ul, dl, table, hr, fieldset {padding: 0 0 1em}
	ul li {list-style: none}
	ol {margin-left: 20px}
	img.fl {margin: 0 10px 10px 0}
	img.fr {margin: 0 0 10px 10px}
	legend {color: #FFF; padding: 3px; border: solid 1px #49D; font-weight: bold; background: #49D; margin: 0 0 2px}
	fieldset {border: solid 1px #9BE; padding: 10px; margin: 0 0 .5em}
	fieldset p {padding: 0 0 3px; clear: both}
	dt {font-weight: bold; color: #333}
	dd {text-align: justify; margin: 0 0 5px}
	a {color:#333333; font-weight: bold}
	a:hover {color:#FF0000; text-decoration: none}
	a img {border: none}
	em {font-style: normal; color: #678}
	input, textarea, select {font-family: sans-serif; font-size: 118%; color: #333}
	/* \*/  * html input {font-size: 100%}  /* */
	input.button {text-transform: uppercase; font-weight: bold}
	hr {border: 0; height: 1px; background-color: #9BE; color: #9BE; padding: 0; margin: 10px 0}
	h1 {position: absolute; height: 210px !important; width: 100%; background: #fff url("../images/new_header.jpg") no-repeat 0 0; top:0px; }
	h1 a {position: absolute; display: block; width: 260px; height: 70px; top: 0; left: 0; }
	h1 span {display: none}
	h2, h3, h4 {font-family: Verdana, 'Geneva CE', lucida, sans-serif; margin: .5em 0; color:#666666;}
	h2 {font-size: 140%}
	h3 {font-size: 125%}
	h4 {font-size: 110%; color: #333}
textarea {width:300px;height:150px;}

	.old {display: none; visibility: hidden; position: absolute; z-index: -1}
	.fl {float: left}
	.fr {float: right}
	.cb {clear: both}
	.tc {text-align: center !important}
	.tl {text-align: left !important}
	.tr {text-align: right !important}
	.m0 {margin: 0 !important}
	.m10 {margin: 10px !important}
	.m20 {margin: 20px !important}
	.p0 {padding: 0 !important}
	.p10 {padding: 10px !important}
	.p20 {padding: 20px !important}
	.w10 {width: 10px !important}
	.w30 {width: 30px !important}
	.w50 {width: 50px !important}
	.w100 {width: 100px !important}
	.w300 {width: 300px !important}
	.w50pc {width: 50% !important}
	.w100pc {width: 100% !important;}
        .w100pc table {background: white;}
        .w100pc table td {border: none;}	
	.inner {padding: 10px 0px 10px 0px; }
	.labelLong {float: left; width: 180px; line-height: 1.8em}
	
	.bglight {background: #ffffff !important;}
        .bgwhite {background: white;}

	#main {position: relative; width: 790px; text-align: left; margin:auto; margin-top:0px; padding:0px; top:-10px;}
	#middle {position: absolute; top: 233px; left: 0; background-color: #ffffff;}
	#cont {float: right; width: 603px;  padding:0px;}
	#cont ul li {}
	#left {float: left; width: 180px; margin-top:10px; }
	#left li a {display: block; width: 180px; border-bottom: solid 2px #CCCCCC; color: #000000; line-height:12px; text-decoration: none; font-size:11px;padding-top:5px; padding-bottom:5px;}
	#left li a:hover {background: #d0d1d5; color: #000000}
	#left li a span {display: block; padding: 0 10px}
	#menu {position: absolute; top: 210px; left: 0; background-color:#b90000; width:100%; height:30px; line-height:30px;}
	#menu li {float: left}
	#menu li a {float: left; text-transform: uppercase; padding: 0 10px; text-decoration: none; color: #FFF; font-size:11px;}
	#menu li a:hover {color: #DEE7F8}
	#search {position: absolute; top: 215px; right: 10px; z-index:1;}
	#search label {display: none}
	#serv {background: #FFF; text-transform: uppercase; height: 3em ; color:#999999;}
	#serv a{
		color:#999999;
	}
	
	#serv a:hover{
	
		color:#999999;
	
	}
	
	#serv p {line-height: 2em; padding: 0}
	#slogan {position: absolute; top: 0; right: 0; width: 180px; height: 37px; }
	#footer {clear: both; text-align: right; color: #FFF; width:790px;}
	#footer address {color:#CCCCCC; padding: 0 10px; padding-top: 75px; line-height: 2em; font-style: normal; background: url("../images/new_footer.jpg") no-repeat 0 0}

}
@media print {
	a {color: #000}
	a img {border: solid 1px #000}
	dd, p {text-align: justify}
	table {width: 100%; border-collapse: collapse}
	th {text-align: left; border: solid 1px #000}
	td {border: solid 1px #999999;}
	dt {font-weight: bold}
	dd {margin-bottom: .5em}
	form, #left, #menu, #search, #serv .fl {display: none}
	h1 {text-transform: uppercase;}
	.tr {text-align: right}
	.tl {text-align: left}
	.tc {text-align: center}
}

/* ----- DIRECT EDIT */
.ocms_de_bt { width: 8px ! important; position: absolute ! important; top: 0px ! important; left: 0px ! important;}
#banners, #cont { position: relative ! important }
#banners .ocms_de_bt {left: 145px ! important;}
#cont .ocms_de_bt {left: 575px ! important;}
/* ----- DIRECT EDIT (end) */

/* ----- FLAGS */
#menu-language {position: absolute; top:68px; right:12px;}
#menu-language a {display: block; height: 13px; width: 17px; float: left; margin-left: 3px; position: relative}
#menu-language a .description {display: none;  }
#menu-language a:hover { border: 0px}  /* HACK FOR IE6 */
#menu-language a:hover .description {display: block; position: absolute; top: 25px; width: 70px; left: -26px; background-color: #4499DD; color: #fff; text-align: center;}
/* ----- FLAGS (end) */


/* pokus CSS na homepage tabulky ve dvou stejne vysokych sloupcich plovoucich DIV */

#wraptab1 {width: 580px; xborder: solid 10px red; padding: 0; margin: 0;}
#divleft1 {width: 280px; xbackground-color: lime; padding: 0; margin: 0; float: left;}
#divright1 {width: 280px; xbackground-color: blue; padding: 0; margin: 0; float: right;}
#wraptab1 hr {clear: both; width: 580px; height: 1px;  border: none; padding: 0; margin: 0;} 

/* (END) pokus CSS na homepage tabulky ve dvou stejne vysokych sloupcich plovoucich DIV */
.error, .err, .ok{
background-color:#b20000;
color:#FFFFFF;
padding:20px;
font-size:12px;
font-weight:bold;
width: 250px;
padding-left:70px;
margin:auto;
background-image:url(../img/err.jpg);
background-position:10px 10px;
background-repeat:no-repeat;
margin-bottom:15px;
margin-top:5px;
border:1px solid #FFFFFF;
}

.ok{
background-color:#449603;
background-image:url(../img/ok.jpg);
}

.ref_img{
	margin: 5px !important;
	}
