body
{
	font-family: arial, 'Trebuchet MS', tahoma;
	font-size: 12px;
	line-height: 17px;
	margin: 0px;
	padding: 0px;
	color: #7f7f7f ;
	text-align: center;
	background: #ED1C24 url(body-bg.png) no-repeat top center;
}

form
{
   margin: 0px;
}

h1, h2, h3, h4, h5, h6
{	
	margin: 10px 0px 5px 0px;
	color: #F2262E;
	font-weight: bold;
}

h1{ font-size: 18px; }
h2{ font-size: 16px; }
h3{ font-size: 14px; }
h4{ font-size: 14px; }
h5{ font-size: 12px; }
h6{ font-size: 12px; }

p
{
	margin: 5px;	
	margin-left: 0px;
	margin-right: 0px;
	line-height: 18px;
	text-align: justify;
}

p.justify
{
	margin: 5px;	
	margin-left: 0px;
	margin-right: 0px;
	line-height: 18px;
	text-align: justify;
}

a {color: #FF0000;}
a:hover {color: #F2262E;}
a img{ border: none; } /* , a:link img */

img.right { float: right; }

table{ font-size: 100%; }
table td{
	padding: 3px;
}

ul, ol { margin: 5px 0px 10px 0px; padding: 0px; }
ul li { margin: 0px 0px 0px 18px; padding: 0px; list-style-type: square; list-style-image: url(square.gif);}
ol li { margin: 0px 0px 0px 18px; padding: 0px; list-style-type: decimal; }

hr
{
	color: #000000;
	height: 1px;
	border: none;
	background-color: #000000;
}

table.standard,
table.standard td,
table.standard th
{
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
}

table.standard td,
table.standard th {padding: 3px;}

table.standard th
{
	background-color: #E0E0E0;
	text-align: left;
}

.cl
{
   clear: both;
   width: 100%;
   line-height: 0px;
   height: 0px;
   font-size: 0px;
   overflow: hidden;
   margin: 0px;
}
.cl.h2 { height: 2px !important; }
.cl.h3 { height: 3px !important; }
.cl.h5 { height: 5px !important; }
.cl.h10 { height: 10px !important; }
.cl.h15 { height: 15px !important; }
.cl.h17 { height: 17px !important; }
.cl.h20 { height: 20px !important; }
.cl.h25 { height: 25px !important; }
.cl.h50 { height: 50px !important; }
.cl.h100 { height: 100px !important; }
.cl.h200 { height: 200px !important; }

.m0 { margin: 0px; }
.mt0 { margin-top: 0px; }
.mr0 { margin-right: 0px; }
.mb0 { margin-bottom: 0px; }
.ml0 { margin-left: 0px; }

.m3 { margin: 3px; }
.mt3 { margin-top: 3px; }
.mr3 { margin-right: 3px; }
.mb3 { margin-bottom: 3px; }
.ml3 { margin-left: 3px; }

.m5 { margin: 5px; }
.mt5 { margin-top: 5px; }
.mr5 { margin-right: 5px; }
.mb5 { margin-bottom: 5px; }
.ml5 { margin-left: 5px; }

.m10 { margin: 10px; }
.mt10 { margin-top: 10px; }
.mr10 { margin-right: 10px; }
.mb10 { margin-bottom: 10px; }
.ml10 { margin-left: 10px; }

.p0 { padding: 0px; }
.pt0 { padding-top: 0px; }
.pr0 { padding-right: 0px; }
.pb0 { padding-bottom: 0px; }
.pl0 { padding-left: 0px; }

.p3 { padding: 3px; }
.pt3 { padding-top: 3px; }
.pr3 { padding-right: 3px; }
.pb3 { padding-bottom: 3px; }
.pl3 { padding-left: 3px; }

.p5 { padding: 5px; }
.pt5 { padding-top: 5px; }
.pr5 { padding-right: 5px; }
.pb5 { padding-bottom: 5px; }
.pl5 { padding-left: 5px; }

.p8 { padding: 8px; }
.pt8 { padding-top: 8px; }
.pr8 { padding-right: 8px; }
.pb8 { padding-bottom: 8px; }
.pl8 { padding-left: 8px; }

.p10 { padding: 10px; }
.pt10 { padding-top: 10px; }
.pr10 { padding-right: 10px; }
.pb10 { padding-bottom: 10px; }
.pl10 { padding-left: 10px; }

.p15 { padding: 15px; }
.pt15 { padding-top: 15px; }
.pr15 { padding-right: 15px; }
.pb15 { padding-bottom: 15px; }
.pl15 { padding-left: 15px; }

.fs0 {font-size: 0px;}
.fs10 {font-size: 8px;}
.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs15 {font-size: 15px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.fs20 {font-size: 20px;}
.fs25 {font-size: 26px;}

.b { font-weight: bold; }
.i { font-style: italic; }

.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }

.fl {float: left;}
.fr {float: right;}

.pr {position: relative;}

.fc-green {color: #87E400;}
.bg-gray {background-color: #B7B7B7;}

.border1 {border: 1px solid #F2262E;}
.border2 {border: 1px solid #FF0000;}
.border3 {border: 1px solid #FFE44E;}

/* web */
.main
{
	position: relative;
	width: 992px;
	margin: 199px auto 30px auto;
	text-align: left; 
}

.col-left
{
	float: left;
	width: 210px;
}

.col-right
{
	position: relative;
	float: left;
	width: 654px;
	background: white url(col-right-bg.gif) repeat-y;
}

.col-right-top
{
	height: 13px;
	overflow: hidden;
	background: gray url(col-right-top.gif);
}

.col-right-bottom
{
	height: 13px;
	overflow: hidden;
	background: gray url(col-right-bottom.gif);
}

.col-right-in {padding: 5px 15px 5px 15px;}
.homepage .col-right-in {padding-right: 122px;}

img.homepage-saty
{
	position: absolute;
	top: 32px;
	right: -6px;
}

a.home-link,
a.home-link:hover
{
	position: absolute;
	top: -175px;
	left: 155px;
	display: block;
	width: 380px;
	height: 190px;
}
a.home-link span {display: none;}

ul.langmenu
{
	position: absolute;
	top: -22px;
	right: 135px;
	margin: 0px;
	padding: 0px;
}
ul.langmenu li
{
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
ul.langmenu a
{
	display: block;
	width: 25px;
	height: 13px;
	margin-left: 5px;
	border: 1px solid #CAB6B6;
   opacity: 0.7;
   filter: alpha(opacity=70);
   -moz-opacity: 0.7;
}
ul.langmenu a.flag-cs {background: url(flag_cz.gif);}
ul.langmenu a.flag-en {background: url(flag_en.gif);}
ul.langmenu a.flag-de {background: url(flag_de.gif);}
ul.langmenu a.flag-ru {background: url(flag_ru.gif);}

ul.langmenu a span,
ul.langmenu a:hover span {display: none;}

ul.langmenu a:hover,
ul.langmenu a.active,
ul.langmenu a.active:hover
{
   opacity: 1;
   filter: alpha(opacity=100);
   -moz-opacity: 1;
}

ul.servicemenu
{
	float: left;
	width: 80px;
	margin: 10px 0px 0px 220px;
	padding: 0px;
}
ul.servicemenu li
{
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
ul.servicemenu a
{
	display: block;
	width: 11px;
	height: 9px;
	margin-right: 10px;
}
ul.servicemenu a.img1 {background: url(icon1.gif);}
ul.servicemenu a.img2 {background: url(icon2.gif);}
ul.servicemenu a.img3 {background: url(icon3.gif);}

ul.servicemenu a span,
ul.servicemenu a:hover span {display: none;}

span.webdesignby
{
	float: right;
	margin: 5px 260px 0px 0px;
	color: #f3676c;
	text-align:center;
}
span.webdesignby a,
span.webdesignby a:hover {color: #f3676c;}

.path {margin: 0px 0px 15px 0px;}
img.path-separator {margin: 0px 7px 0px 7px;}

ul.headmenu
{
	margin: 50px 0px 0px 0px;
	padding: 0px;
}
ul.headmenu li
{
	position: relative;
	text-align: right;
	color: white; 
	font-size: 14px;	
	padding: 0px 0px 15px 0px;
}
ul.headmenu li a,
ul.headmenu li a:hover
{
	display: block;
	margin: 0px 6px 0px 0px;
	padding: 0px 20px 0px 0px;
	color: #ece9d8;
	text-decoration: none;
}
ul.headmenu li a.active,
ul.headmenu li a.active:hover,
ul.headmenu li a:hover
{
	background-image: url(menu-arrow.gif);
	background-repeat: no-repeat;
	background-position: right 5px;
	color: black;	
}
ul.headmenu li ul
{
	display: none;
	width: 210px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	right: -200px;
	border: 1px solid white;
	border-bottom: none;
	background-color: #ed1c24;
	z-index: 100;
}

ul.headmenu li:hover ul,
ul.headmenu li ul:hover 
{
	display: block;
}

ul.headmenu li ul li
{
	margin: 0px;
	padding: 0px;
}

ul.headmenu li ul li a,
ul.headmenu li ul li a:hover
{
	display: block;
	padding: 2px 2px 4px 8px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	color: white; 
	border-bottom: 1px solid white;
	background: none;
}
ul.headmenu li ul li a:hover
{
	color: black;
	background-color: white;
}