body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	margin:0px;
	padding:0px;
	font-size: 14px;
	color: #464d51;
}
.bodys {
	background-image: url(graphic/bgr.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFFFFF;
	padding-top: 45px;
	margin:auto;
}
#telo {
	width: 906px;
	padding-left: 42px;
	padding-right: 42px;
	text-align: left;
	padding-top: 20px;
	margin:auto;
}
h1 {font-size: 25px;margin-top: 0px;}
h1.cerny {color: #2f3a44;}
h1.modry {color: #24449a;}
h1.fialovy {color: #5a0d6d;}
h1.cerveny {color: #9c1a1d;}
h1.cerveny2 {color: #de6047;}
h1.oranzovy {color: #fd9323;}
h1.zeleny {color: #006E61;}
h1.tyrkys {color: #61C6D2;}
h1.hnedy {color: #7E3731;}

a {color:#23439a;text-decoration:underline;}
a:hover {color:#0099FF;}
.cleaner hr {display: none;}
.spodek {height: 20px;width: 990px;float:left;}
/* BANNER */
#xypexbanner {
	background-image: url(graphic/xypex_banner.png);
	background-position: center center;
	background-repeat: no-repeat;
	height: 94px;
	width: 990px;
	margin:auto;
}
#xypexbanner h1 {
	display: none;
}
#freezteq {
	margin:auto;
	color: #FFFFFF;
	font-size: 18px;
	xtext-align: right;
	padding-top: 44px;
	padding-left: 774px;
}
#freezteq a {color: #FFFFFF;text-decoration: none;}
#freezteq a:hover {color: #CCCCCC;text-decoration: none;}

#cerny, #modry, #fialovy, #cerveny, #cerveny2, #cerveny3, #oranzovy, #zeleny, #tyrkyse, #hnedy {
	height: 94px;
	width: 990px;
	opacity: 0.9;
	filter: alpha(opacity=90);
    -moz-opacity: 0.9;   
    -khtml-opacity: 0.9;
	margin:auto;
}
#cerny {background-color: #2f3a44;}
#modry {background-color: #24449a;}
#fialovy {background-color: #5a0d6d;}
#cerveny {background-color: #b81820;}
#cerveny2 {background-color: #de6047;}
#cerveny3 {background-color: #9c1a1d;}
#oranzovy {background-color: #fd9323;}
#zeleny {background-color: #006E61;}
#tyrkyse {background-color: #61C6D2;}
#hnedy {background-color: #7E3731;}
/* MENU */
#menu {
	width: 990px;
	margin:auto;
}
#menu table {
	background-color: #d7dadc;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
}
#menu span {
	display:none;
}
#menu td {
	padding-top: 10px;
}
#menu a {
	color: #464d51;
	text-decoration: none;
	display: block;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 9px;
	padding-left: 20px;
}
#menu a:hover {
	color: #FFFFFF;
	background-color: #7a8083;
	background-image: url(graphic/menu_pruh.png);
	background-repeat: repeat-x;
}
#menu a.highlighted {
	color: #FFFFFF;
	background-color: #7a8083;
	background-image: url(graphic/menu_pruh.png);
	background-repeat: repeat-x;
}
#menu .bok {width: 22px;}
#menu .mezera {width: 300px;}
 /* ROZJÍŽDĚCÍ MENU */
.menudiv {
 position: absolute;
 visibility: hidden;
 z-index: 1000;
 background-color: #7A8083;
 padding: 10px;
 font: 13px Arial, Helvetica, sans-serif;
 font-weight: bold;
 text-align: left;
}
.menudiv .header {
 display: block;
 padding-left: 10px;
 padding-top: 7px;
 padding-bottom: 3px;
 color: #313436;
}
.menudiv a {
 display: block;
 padding-top: 5px;
 padding-right: 10px;
 padding-bottom: 5px;
 padding-left: 10px;
 color: #FFFFFF;
 text-indent: 1px;
 text-decoration: none;
}
.menudiv a:hover {background-color: #a2a6a8;}
.menudiv .xhighlighted {background-color: #a2a6a8;}
/* PATIČKA */
#footer1 {
	background-color: #d7dadc;
	color:#595959;
	width: 910px;
	text-align:left;
	font-size: 13px;
	font-weight: bold;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
	clear: both;
	margin:auto;
}
#footer1 span {padding-right: 60px;}
#footer1 .nic {display:none;}
#footer1 p {display:inline;padding-left: 285px;}
#footer1 a {color:#595959;text-decoration:underline;}
#footer1 a:hover {color:#FFFFFF;}
#footer2 {
	color:#595959;
	width: 910px;
	text-align:left;
	font-size: 12px;
	font-weight: bold;
	padding-top: 15px;
	padding-right: 40px;
	padding-bottom: 15px;
	padding-left: 40px;
	word-spacing: 2px;
	margin:auto;
 }
#footer2 a {color:#23439a;text-decoration:underline;}
#footer2 a:hover {color:#0099FF;}
/* KONTAKT */
#kontakt {width: 906px;}
#kontakt .levy{width: 400px;float:left;}
#kontakt .stred {width: 340px;float:left;}
#kontakt .pravy {width: 116px;float:left;}
/* REFERENCE */
#reference {
	width: 302px;
	height: 100px;
	font-size: 13px;
	color: #b81820;
	float:left;
	line-height: 25px;
}
#reference img {
	xwidth: 60px;
	xheight: 60px;
	margin-top: 5px;
	margin-right: 10px;
	float: left;
}
#reference a {
	font-size: 18px;
	color: #b81820;
	text-decoration: underline;
}
#reference a:hover {
	color: #b81820;
	text-decoration: none;
}

#refdetail img {
	xwidth: 166px;
	hxeight: 166px;
	margin-right: 20px;
	float: left;
}
#refdetail h2 {
	font-size: 20px;
	color: #b81820;
}
#ref_zvetsit {
	color: #b81820;
	margin-top: 10px;
	margin-bottom: 20px;
	clear:both;
	float: left;
	background-image: url(graphic/zvetsit.png);
	background-repeat: no-repeat;
	background-position: 40px;
	width: 80px;
}
#ref_zvetsit a {
	color: #b81820;
}
#ref_zvetsit a:hover {
	color: #b81820;
	text-decoration: none;
}
#ref_navigace {
	text-align: left;
	width: 906px;
	height: 20px;
	clear:both;
	background-color: #f1f2f5;
	padding-top: 10px;
	padding-right: 42px;
	padding-bottom: 10px;
	padding-left: 42px;
	margin:auto;
	margin-top: 20px;
}
#ref_navigace .levy {
	width: 50%;
	text-align: left;
	float: left;
}
#ref_navigace .pravy {
	width: 50%;
	text-align: right;
	float: right;
}
#ref_navigace a {
	color: #b81820;
}
#ref_navigace a:hover {
	color: #b81820;
	text-decoration: none;
}
#ref_zpet {
	width: 115px;
	float: right;
	text-align:right;
	background-image: url(graphic/ctverecek.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#ref_zpet a {
	color: #b81820;
}
#ref_zpet a:hover {
	color: #b81820;
	text-decoration: none;
}
/* METRY ČTVEREČNÍ */
.meritko {vertical-align: 50%;font-size: 65%;}
/* ÚVODNÍ STRÁNKA */
#uvod1 {
	width: 481px;
	height:225px;
	color: #21439C;
	float:left;
	padding-top:15px;
}
#uvod1 img {padding-right:30px;}
#uvod1 a {color: #21439C;}
#uvod1 a:hover {color: #21439C;text-decoration: none;}
#uvod1 .maxi {font-size: 30px;}
#uvod2 {width: 425px;float: right;padding-top:40px;}
#uvod2 img {padding-top:40px;}
#uvod3 {padding-top:20px;}
#uvod3 h3 {font-size: 20px;line-height: 0px;font-weight: normal;}
/* XYPEX */
#xypex1 {
	width: 58%;
	float:left;
	font-size: 13px;
}
#xypex2 {
	width: 352px;
	float:right;
}
#xypex2 img {
	margin: 5px;
	float:left;
	vertical-align:bottom;
}
#xypex3 {
	width: 906px;
	height: 330px;
	padding-left: 42px;
	padding-right: 42px;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #F1F2F6;
	clear:both;
	margin:auto;
}
#xypex31 {
	width: 120px;
	float:left;
	font-size: 13px;
	xborder:thin solid;
}
#xypex32 {
	width: 200px;
	float:left;
	font-size: 11px;
	margin-left:40px;
	xborder:thin solid;
}
#xypex34 {
	width: 250px;
	float:left;
	font-size: 11px;
	xcolor: #21439C;
	margin-left:40px;
	xborder:thin solid;
}
#xypex4 {width: 906px;}
#xypex4 ul {font-size: 12px;left: -20px;position: relative;}
#xypex4 li {list-style-type: square;list-style-image: url(graphic/odrazka.png);line-height: 20px;}
/* DRUHY XYPEXU */
#druhy_seznam {
	background-color: #EBC092;
	width: 908px;
	height: 50px;
	color: #fd551a;
	line-height: 25px;
	padding-left: 42px;
	padding-right: 42px;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
	font-weight: bold;
	xclear:both;
	margin:auto;
}
#druhy_seznam div {width: 250px;float:left}
/* ODRÁŽKY */
#modra, #cervena, #cervena2, #fialova, #seda, #tyrkys, #hneda {
	width:226px;
	float:left;
}
#modra .nazev, #zelena .nazev, #cervena .nazev, #cervena2 .nazev, #fialova .nazev, #seda .nazev, #tyrkys .nazev, #hneda .nazev {
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 18px;
	font-size:14px;
}
#modra a, #zelena a, #cervena a, #cervena2 a, #fialova a, #seda a, #tyrkys a, #hneda a {
	position:relative;
	left:18px;
	font-size:12px;
}
#modra a:hover, #zelena a:hover, #cervena a:hover, #cervena2 a:hover, #fialova a:hover, #seda a:hover, #tyrkys a:hover, #hneda a:hover {
	text-decoration:none;
}
#modra .nazev {background-image: url(graphic/odrazka_modra.png);}
#modra a {color: #24449a;}
#modra a:hover {color: #24449a;}
#zelena {width:226px;float:right;}
#zelena .nazev {background-image: url(graphic/odrazka_zelena.png);}
#zelena a {color: #006E61;}
#zelena a:hover {color: #006E61;}
#cervena .nazev {background-image: url(graphic/odrazka_cervena.png);}
#cervena a {color: #9c1a1d;}
#cervena a:hover {color: #9c1a1d;}
#cervena2 .nazev {background-image: url(graphic/odrazka_cervena2.png);}
#cervena2 a {color: #de6047;}
#cervena2 a:hover {color: #de6047;}
#fialova .nazev {background-image: url(graphic/odrazka_fialova.png);}
#fialova a {color: #5a0d6d;}
#fialova a:hover {color: #5a0d6d;}
#seda .nazev {background-image: url(graphic/odrazka_seda.png);}
#seda a {color: #464d51;}
#seda a:hover {color: #464d51;}
#tyrkys .nazev {background-image: url(graphic/odrazka_tyrkys.png);}
#tyrkys a {color: #61C6D2;}
#tyrkys a:hover {color: #61C6D2;}
#hneda .nazev {background-image: url(graphic/odrazka_hneda.png);}
#hneda a {color: #7E3731;}
#hneda a:hover {color: #7E3731;}

/* Detail XYPEXU */
#detail h2 {
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 16px;
}
#detail .zelena h2 {background-image: url(graphic/odrazka_zelena.png);color: #006E61;}
#detail .modra h2 {background-image: url(graphic/odrazka_modra.png);color: #24449a;}
#detail .cervena h2 {background-image: url(graphic/odrazka_cervena.png);color: #9c1a1d;}
#detail .cervena2 h2 {background-image: url(graphic/odrazka_cervena2.png);color: #de6047;}
#detail .fialova h2 {background-image: url(graphic/odrazka_fialova.png);color: #5a0d6d;}
#detail .tyrkys h2 {background-image: url(graphic/odrazka_tyrkys.png);color: #61C6D2;}
#detail .hneda h2 {background-image: url(graphic/odrazka_hneda.png);color: #7E3731;}
#detail p {
	padding-left: 18px;
	margin-top: 0px;
	margin-bottom: 30px;
}
#detail table {
	width: 100%;
	border-collapse:collapse;
}
#detail td {
	padding-left:18px;
	padding-right:18px;
	padding-top:4px;
	padding-bottom:4px;
	border: none;
	xborder-top: 1px solid #000000;
	xborder-bottom: 1px solid #000000;
}
#detail2 table {
	width: 100%;
	border-collapse:collapse;
}
#detail2 td {
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	border-top: none;
	border-bottom: none;
	vertical-align: top;
}
#pruhenglish {
	width: 906px;
	padding-left: 42px;
	padding-right: 42px;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #F1F2F6;
	clear:both;
	margin:auto;

	background-image: url(graphic/pruh_english.jpg);
	background-repeat: no-repeat;
	height: 117px;
}
#pruhstav {
	width: 906px;
	padding-left: 42px;
	padding-right: 42px;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #F1F2F6;
	clear:both;
	margin:auto;

	background-image: url(graphic/pruh_stavitele.jpg);
	background-repeat: no-repeat;
	height: 117px;
}
#pruhpou1 {
	width: 906px;
	padding-left: 42px;
	padding-right: 42px;
	text-align: left;
	padding-top: 30px;
	padding-bottom: 10px;
	background-color: #F1F2F6;
	clear:both;
	margin:auto;

	background-image: url(graphic/pruh_pouziti_1.jpg);
	background-repeat: no-repeat;
	height: 127px;
}
#pruhpou2 {
	width: 906px;
	padding-left: 42px;
	padding-right: 42px;
	text-align: left;
	padding-top: 30px;
	padding-bottom: 10px;
	background-color: #F1F2F6;
	clear:both;
	margin:auto;

	background-image: url(graphic/pruh_pouziti_2.jpg);
	background-repeat: no-repeat;
	height: 127px;
}