body { color:#000; text-align: center; margin: 0px auto; padding: 0px 0px; background-color: #ffc35d;}
body, body * {font-family: Arial, Helvetica, sans-serif;}

a { color: #cb0900; text-decoration: underline;}	
a:hover { color: #e90b00; text-decoration:none;}

img { border: 0px;}

#overlay{z-index: 100; background-color: #000;}

/* --------------------------- [ layout ] --------------------------- */

#flags {margin: 0px; padding: 5px 5px; text-align:letf;}
#flags a img {margin: 1px; border: 1px solid #ff0; height:14px;}
#flags a:hover img {border: 1px solid #fff;}


#cover { margin: 0px auto; padding: 0px 0px; text-align: left; width: 950px; border: 2px solid #fff; background-color:#fff;}

#zahlavi {color: #0063B2; font-size: 30px; text-align: left; font-weight: bold;
					padding: 0px 20px; line-height: 180px; height: 246px;  background-color:#ffff;
					background-image: url("img/zahlavi.jpg"); background-position: center left; background-repeat: no-repeat;}
					
.oddel {padding: 2px 0px; background-color: #ffa11c; border-top: 15px solid #fff;}					

/* --------------------------- [ sloupce ] --------------------------- */
						
#col-01, #col-02, #col-03 {float:left; padding: 0px 0px; margin: 0px 0px; text-align: left; min-height:300px; _height:300px;}

#col-01 {width: 210px; padding: 10px 0px 10px 0px;}
#col-02 {width:710px; padding: 10px 15px 10px 15px;}
#col-03 {display: none; width: 210px;}
					
#top-list	{ text-align: center; padding: 5px; margin: 10px 5px 0px 5px;}

#dekor {height:30px; margin: 0px 1px 0px 1px; background-image: url("img/poz-menu.gif"); background-position: center left; background-repeat: no-repeat;}
#dekor2 {height:30px; margin: 0px 1px 0px 1px; background-image: url("img/poz-reg.jpg"); background-position: center left; background-repeat: no-repeat;}

/* ------------------------------------------------------------------- [ menu ] ------------------------------------------------------------------- */
.menu { margin: 5px 1px 0px 1px; padding: 0px 0px 0px 0px; border-top: 1px solid #ccc;}
.menu ul{ margin: 0px; padding: 0px; list-style: none;}
.menu ul ul{ margin: 0px 0px 0px 10px; padding: 0px; list-style: none;}
.menu li {padding: 0px 0px; margin: 0px 0px; list-style: none;}
.menu li li {}
.menu li a {color : #ec1600; display:block; padding: 2px 0px 2px 15px; font-weight: bold; text-decoration:none; font-size:12px;
							background-image: url("img/sipka.gif"); background-position: center left; background-repeat: no-repeat;
							border-bottom: 1px solid #ccc;
							width:auto; line-height: 20px; height: auto;}
.menu li a.sel { color : #fff; text-decoration:none; background-color: #ec1600;}
.menu li a:hover { color : #fff; text-decoration:none; background-color: #ec1600;}
.menu li li a {font-weight: normal; color : #000;}
.menu li li a.sel { color : #000; text-decoration:none; background-color: #ffc35d;}
.menu li li a:hover { color : #000; text-decoration:none; background-color: #ffc35d;}

#under_menu_image {margin: 20px 14px; padding: 3px; border: 1px solid #7d7def;}

/* --------------------------- [ zapati ] --------------------------- */
#zapati {height: 25px;	line-height:25px; margin: 0px 0px; padding-top:0px; background-color:#f91b11; border-bottom: 6px solid #ffa500;}
#patt {font-size: 9px; color: #fff; text-align: center; padding: 0px 0px 0px 0px;}
#patt a { color : #fff; text-decoration : underline; }
#patt a:hover { color : #fff;	text-decoration : none; }

/* --------------------------- [ login ] --------------------------- */

.ilogin {padding: 0px 10px 10px 10px; margin: 10px 0px; height: 57px; line-height: 17px; display: block; text-align: left; font-size: 11px;}
.ilogin a {}
.ilogin a:hover {}

/* ------------------------------------------------------------------- [ Formulare ] ------------------------------------------------------------------- */

form {margin: 0px; padding: 10px 0px; border: 0px solid #8F8F8F;}
form div {display: block; border: 0px solid #8F8F8F;}
form.noform {padding: 0px; background-color: transparent; border: none;}
form div {padding: 2px 0px;}
form.search div {line-height:20px; height:20px; padding: 5px 0px;}
form.order  div,
form.search-param div {padding: 0px; display: block; text-align: center;}

input {margin: 0px 0px 0px 5px; padding: 2px 2px; color:#606060;
			background-color: #FBFBFB; border: 1px solid #CBCED1; border-radius: 2px;}

select {margin: 0px 0px 0px 5px; padding: 1px 1px; color:#000; background-color: #FBFBFB; border: 1px solid #CBCED1; border-radius: 2px;}
option {margin: 0px 0px 0px 0px; padding: 0px 0px; color:#000; background-color: #FBFBFB;}

textarea {margin: 0px 0px 0px 5px; padding: 0px; color:#000; border-radius: 2px;
											background-color: #FBFBFB; border: 1px solid #CBCED1;}
													 
input#up, input#down {background-color: transparent;  border: 0px solid #0E9758;}

fieldset {display: block; margin: 10px 0px 0px 5px; padding: 10px; border: 1px solid #ccc;}
form.search fieldset {color: #000; width: 450px; margin: 10px 0px 10px 10px;}
form.search select {float: left; width: 150px;}
form.search fieldset div label {width: 150px;}
fieldset br {display: none;}

legend {color: #000; font-weight: bold; padding: 2px 5px; border: 0px solid #ad45ab;}

fieldset div {clear: both; margin: 0px; position: relative; line-height: 21px;}
fieldset div span {display: none; color: #000;}
.zmiz {display: none;}
fieldset div:hover span {font-size: 85%; color: #0E9758; background-color: #fff; padding: 0px; margin: 0px; border: 1px solid #000; display: block; position: absolute; z-index: 100; float: right;}
* html fieldset div span {font-size: 85%; color: #0E9758; padding: 0px; margin: 0px; border-left: 1px solid #0E9758; display: block;}
label, fieldset div.cr p {margin: 0px; display: block; width: 13em; text-align: right; float: left;}
fieldset div.cr label {text-align: left; padding: 0px; margin: 0px; width: 100px; float: none;}
.lbcol {display: block;}
.buttons {text-align: center; padding: 10px 0px;}
.removed {display: none !important;}

/* ------------------------------------------------------------------- [ Objednavka ] ------------------------------------------------------------------- */
form.order {width: 505px; margin: 0px; padding: 5px; border: 0px solid #efefef;}
form.order fieldset	div {font-weight: normal; padding: 3px 0px 3px 0px; display: block;}

form.order label { width: 300px; padding: 0px 10px 0px 0px; text-align: left; float: left;}
form.order fieldset label { width: 180px; padding: 0px 10px 0px 0px; text-align: right;}

form.order input { margin: 0px;  padding: 0px 2px; width: 90px; float: left;}
form.order fieldset input {width: 140px; margin: 0px;   padding: 0px 2px;}

#sk-hadrs {font-weight: bold;}

#obj-frm {margin: 0px 0px 50px 0px; text-align: center;}
#obj-frm input#ok { width: auto; border: 1px solid #ad45ab;
				background: url("img/p-btn.gif") top left; background-repeat: repeat-x; background-color: #b00800;}				

#s_ob_check {width:20px; height:15px;}
#s_ob_send {width:20px; height:15px;}

#poznamka  {width: 500px; max-width: 500px; margin: 5px 0px 5px 5px; }
form.order div {font-weight: bold; padding: 10px 0px 5px 10px;}
form.order div.clear {padding: 0px;}

label {}
label.pvn {color: #b00800;}
label.pvn:after {content: "";}

form.order #ok {margin: 10px 5px;}

form.order fieldset.state label.pvn {font-weight: normal;}
form.order fieldset.state label.pvn:after {content: "";}

/* ------------------------------------------------------------------- [ Formulare ] ------------------------------------------------------------------- */
form {	margin: 0px;	padding: 0px;}

.msg-u {font-size: 13px; border: 1px solid #b00800; background-color: #fff; text-align: left; margin: 10px; padding: 10px;}
.msg-u p {color: #000; margin: 0px; padding: 0px 0px 0px 10px;}
.msg-u em {color: #b00800; margin: 0px; padding: 0px;}
.msg-u .tl {font-weight: bold; margin: 5px 0px;}
.msg-u.err {color: #000; padding: 10px 10px 10px 10px;}
.msg-u.ok {color: #000; padding: 0px; margin: 0px; display: block; border: 1px solid #ccc; margin: 0px 2px 2px 0px; background-color: #fff; text-align: left;}

/* ------------------------------------------------------------------- [ Ostatni ] ------------------------------------------------------------------- */
.lf {	float: left;}
.clear {	clear: both;}
#bott {	display: none;}

/* ------------------------------------------------------------------- [ @media print ] ------------------------------------------------------------------- */
@media print {
		body {font: 70%/120% Verdana;}
		#cover { border: none; width: auto;}
		#col-02, #vypis { color: #000; width: auto; border: none; float:none; }
		#patt { text-align: right; display: inline; }
		#bott { display: block; text-align: left; font: 80%/160% Verdana; }
		#bott h1 { font: 140%/160% Verdana; font-weight:bold;}
		#bott img { margin: 0px 5px;}
		#zahlavi, #top, #menu, .btn, .noprn, #col-01, #menu, #col-03 { display: none; }
		#zapati {border-top: 0px solid #000; border-bottom: 0px solid #000;}
		#bott {border-top: 0px solid #000; border-bottom: 0px solid #000;}
		#col-02 .cms-text { border: 0px; width: auto; }
}