@import "menu.css";
* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
}
body {
	background: #0f1b5f url(../images/body-background.png) repeat-x;
	font-size: .8em;
	font-family: "Arial CE", Arial, Sans-serif;
    width: 100%;
    line-height: 1.4em;
}
a {
	text-decoration: underline;
	color: #0f1c60;
}
a:hover {
	color: #ff7300;
}
#content {
	background: #fff url(../images/background-content.gif) repeat-x;
	width: 950px;
	margin: 50px auto 0 auto;
	padding-bottom: 30px;
	/* border: 1px #87d3f2 solid;
	*/
	border: 1px #fff solid;
}
#navigationHelper {
	height: 265px;
	background-color:#000000;
	clear: both;
	background: #fff url(/swf/navigationHelper_bw.jpg) no-repeat;
}
#navigationHelper object, #navigationHelper embed {
	z-index: -100;
}
#boxTextyUvodni {
	background: #fff url(../images/background-article.jpg) repeat-x;
	padding: 40px 0 0 0px;
	width: 950px;
}
#boxTextyUvodni div {
	float: left;
	border-right: 1px silver solid;
	padding: 0 40px 0 40px;
}
/* DOWNLAYER*/
#downlayer {
	clear: both;
	padding: 5px;
	font-size: 11px;
	text-align: right;
	width: 940px;
	color: #80cae8;
	margin: 0 auto 0 auto;
}
#downlayer a {
	color: #80cae8;
	text-decoration: none;
}
#downlayer a:hover {
	color: #fff;
	text-decoration: underline;
}
ul.menu li {
	list-style-type: none;
	float: left;
}
ul.menu a {
	color: #fff;
	display: block;	
	text-decoration: none;
	padding: 5px 13px 5px 13px;
	margin: 0;
	background-color: #80cae8;
	border-right: 1px #fff solid;
}
ul.menu a.on, ul.menu a:hover {
	color: #fff;
	background-color: #9a0e1e;
}
.box {
	background-color: #eee;
	height: 230px;
}
.brdleft {
	border-left: 5px #fff solid;
}
.fltleft {
	float: left;
}
img.fltleft {
	margin: 0 10px 10px 0;
}
.fltright {
	float: right;
}
img.fltright {
	margin: 0 0 10px 10px;
	clear: right;
}

a img {
	border: 0px #000 solid !important;
	background-color: #fff;
	padding: 0;
}
#glogo {

	display: block;
	position: absolute;

	z-index: 100;
}
#logo {
	background: transparent url(../images/logo.jpg) 0 0 no-repeat;
	font-size: 1.5em;
	display: block;
	float: left;
	display: block;
	width: 210px;
	height: 68px;	
}
#logo-agida {
	float: right;
	margin: 7px 7px 7px 20px;
}
h1 {
	color: #ff7300;
	font-size: 1.6em;
	font-weight: normal;
	margin: 1em 0 .8em 0px;
}
h2 {
	color: #0f1c60;
	font-weight: normal;	
	font-size: 1.4em;
	padding: 10px 0px 5px 0px;
}
h3 {
	color: #0f1c60;
	font-weight: normal;	
	font-size: 1.2em;
	padding: 10px 0px 5px 0px;
}
h4 {
	color: #0f1c60;
	font-size: 1.1em;
	padding: 5px 0px 0px 0px;
}
p {
	padding: 5px 0px 10px 0px;
}
address {
	font-style: normal;
	padding: 10px 0px 10px 0;
}
#imagefoto {
	width: 560px;
	height: 200px;
	float: left;
}
#imageslogan {
	font-size: 1.4em;
	background-color: #ff7300;
	width: 800px;
	height: 200px;
	clear: both;
	color: #fff;
	border-top: 1px #fff solid;
	border-bottom: 5px #fff solid;
}
#imageslogan p {
	padding: 20px 20px 20px 590px;
	line-height: 50px;
}
#imageslogan strong {
	font-size: 1.3em;
}
#article ul {
	margin: 5px 0 1em 10px;
}
#article li, .articleuvodni li {
	background: url('../images/li.gif') no-repeat 0px 5px;
	list-style-type: none;
	padding-left: 15px;
}
#article img {
	padding: 2px;
	border: 1px #eaeaea solid;
}
#mapa-webu ul {
	padding: .2em;
	padding-left: 1em;
}
#mapa-webu {
	font-weight: bold;
}
#mapa-webu ul li {
	font-weight: normal;
	background: url('../images/li.gif') no-repeat 5px 5px;
}
#article ul#mapa-webu ul {
	_margin-top: -1.5em;
	=margin-top: -1.4em;
}
#leftside {
	clear: both;
	border: 10px #fff solid;
	float: left;
}
#article {
	
	background: #fff;
	background-image: url(../images/background-article.jpg);
	background-repeat: repeat-x;
	padding: 10px 10px 10px 10px;
	border-top: 1px #80cae8 solid;
	margin: 40px 0 0 215px;
	=margin: 10px 0 0 215px;
	_margin: 10px 0 0 215px;
	width: 705px;
}
#navigation-path {
	text-align: left;
	padding: 0;
	font-size: 11px;
	width: 680px;
}
table {
	margin: 10px;
	border-collapse: collapse;
}
table th {
	border: 1px transparent solid; 
}
table td {
	margin: 5px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
	border: 1px transparent solid; 
	background-color: #e1f3f9;
	color: #0f1c60;
	padding: 5px; 	
}
#orderStatus {
	margin: 10px;
	padding: 20px;
}
.arrowStep {
	width: 110px;
	margin: 5px 4px 0 10px;
	padding: 3px;
	display: inline-block;
	border: 1px #868686 solid;
	color: #868686;
	background: #fff url(../images/arrowste.gif) no-repeat 105px center;
}
.activeStep {
	border: 1px #868686 solid;
	color: #fff;
	background: #868686 url(../images/arrowstf.gif) no-repeat 105px center;
}
.clr {
	clear: both;
}
table.hidden td{

}
table.hidden td {
	background-color: transparent;
}
table#cart td {
 	background-color: transparent;
}
th,#cart thead td {
	background-color: #80cae8;
	color: #fff;
	padding: 4px;
	font-weight: bold;
}
table#cart {
	border-collapse: collapse;
	margin: 10px;
}
#cart td {
	border: 1px #80cae8 solid;
}
.noborder {
	text-align: left;
	border: none !important;
} 
input {
	padding: 3px; 
}
.thhidden th {
	background-color: transparent;
	color: #000;
	text-align: left;
}
.pdf {
	background: url(../images/pdf.gif) no-repeat;
	display: block;
	padding: 10px 0 10px 40px;
}
sup {

    position: relative;
    bottom: 0.4ex;
    font-size: 75%;
	display: inline-block;
	text-decoration: none;    
}
.boxtyp {
	display: block;
	padding: 10px;
	margin-bottom: 10px;
}
.popisek {
	font-style: italic;
	font-size: .9em;
}
/* SEARCH */
#search-box {
	margin: 20px 0 0 745px;
}
.search-form {
	padding: 2px;
	width: 120px;
	margin: 2px 2px 10px 2px;
	float: left;
	font-size: 10px;
	border: 1px #0094D2 solid;
	background-color: #F5FCFE;
}
.search-form-button {
	padding: 1px 1px 1px 1px;
	=padding: 1px 1px 0 1px;
	_padding: 1px 1px 0 1px;
	margin-top: 2px;
	font-size: 10px;
	border: 1px #006EB3 solid;
	background-color: #0093CF;
	color: #fff;
}
.novinka {
	color: #fff;
}
.novinka a {
	color: #fff;
}
.technicke-parametry
{
	display: block;
	background: #fcf7f8 url(../images/pdf.gif) no-repeat 5px 5px;
	padding: 15px 15px 15px 40px;
	_padding: 7px 15px 15px 40px;
	margin: 10px 0 5px 0;
	clear: both;
}
.noborder {
   text-align: left;
   border: none;
}
input {
   padding: 3px;
}
.thhidden th {
   color: #000;
   text-align: left;
}
.floatright {
	float:right;
	margin: 0 0 10px 10px;
}
img.lightbox {
	border: 1px #ddd solid !important;
	padding: 2px;
	float: left;
	margin: 2px 3px 2px 0;
}
table.border td {
	border: 1px #fff solid;
}
table.border tr td h2 {
	color: #ff7300;
}