body 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	text-align: center;
	margin: 0;
	color: #575757;
	padding: 0 0 20px 0;
	background: #CDCDCD url('../Images/Design/bg-body.jpg') top left repeat-x;
}

p
{
	padding: 0px 0 7px 0;
	margin: 0;
}

table
{
	border-collapse: collapse;
	font-size: 1em;
}

table tr td
{
	padding: 2px 2px 1px 2px;
}

table tr th
{
	vertical-align: top;
}

td li, td ul
{
	margin: 0;
	padding: 0;
}
	
a
{
	color: #447aa8;
}

a img
{
	border: none;
}

h1, h2, h3, h4, h5, h6
{
	margin: 0;
	padding: 0;
}

h2
{
	color: #3e6998;
}


	
.inside-content h1, 
.inside-content h2, 
.inside-content h3,
.inside-content h4,
.inside-content h5
{
	font-size: 1.7em;
	font-weight: normal;
	color: #3e6998;
	margin: 15px 0 3px -1px; 
}	 

.inside-content h2 { font-size: 1.3em; font-weight: bold; }
.inside-content h3 { font-size: 1.3em; font-weight: bold; color: #bb0200;}
.inside-content h4 { font-size: 1.15em; font-weight: bold; color: #bb0200; }
.inside-content h5 { font-size: 1em; font-weight: bold; color: #bb0200; }

.news-in .news-item h1, .news-in .news-item h2, .news-in .news-item h3, .news-in .news-item h4, .news-in .news-item h5, .news-in .news-item h6
{
	font-size: 1em;
	font-weight: normal;
 	color: #545454;
}

.welcome .content
{
	margin: 7px 0 8px 0px; 
}	 

.welcome h2
{
	font-size: 1.3em;
	margin-bottom: 12px; 
}


#MainContainer
{
	text-align: center; /* IE HACK */
	width: 960px;
	margin: 0 auto;
	position: relative;
	background: url('../Images/Design/bg-main-page.gif') left top repeat-y;
}

.MainContainerIn
{

	_height: 20px;
	min-height: 20px;
}

div#Main /* IE Min-Height hack */
{
   height: auto;
   margin: 0 auto 0 auto;
   padding: 0 5px;
   background: url('../Images/Design/bg-menu-bottom.jpg') 4px bottom no-repeat;
}

#Header
{
	background: url('../Images/Design/bg-head.gif') top left repeat-x;
	height: 95px;
	text-align: left;
}

.navigation-bar
{
	float: right;
	margin: 19px 13px 0 0;
	color: #5f98c6;
	height: 45px;
}

.navigation-bar a
{
	text-decoration: none;
	color: #5f98c6;
	font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif; 
	font-size: 0.9em;
	font-weight:bold;

}

.navigation-bar a:hover
{
	color: #9d9d9d;
	text-decoration: underline;
}

#TopMenuContainer
{
	background: url('../Images/Design/bg-menu.gif') top left repeat-x;
	height: 39px;
}

.LeftMenu
{
	width: 220px;
	float: left;
}

#ContentContainer
{
	float: right;
	margin: 0;
	padding: 0;
	width: 560px;
	min-height: 200px;
	_height: 200px;
}

.content
{
	padding: 15px 10px 8px 35px;
	text-align: left;
	_height: 230px;
	min-height: 230px;
	line-height: 1.35;
	font-size: 1em;
}


.inside-content
{
	_height: 315px;
	min-height: 315px;
	width: 700px;
	float: right;
}


.inside-content .content
{
	padding: 10px 10px 25px 0;
}

.inside-content .content ul, .inside-content .content dl
{
	padding: 0 0 0 10px;	
}

.inside-content .content ul, .inside-content .content ul
{
	margin: 10px;
	padding: 10px;
}

.okraj
{
	border: 3px solid #c4c4c4;
	margin: 0 0 10px 15px;
}

.top-shadow
{
	background: url(../Images/Design/bg-top-shadow.jpg) left top no-repeat;
}

.news-in .news-item p
{
	display: inline;
}	


#Footer
{
	background: #b4b4b4 url('../Images/Design/bg-footer.gif') left top no-repeat;
	height: 55px;
	width: 960px;
	clear: both;
	font-size: 0.95em;
	margin: 0 auto;
	position: relative;
}


.copy, .develop 
{
	padding-top: 20px;
	margin-left: 22px;
	float: left;
	color: #585858;
}

.bp4you
{
	color: #9b0005;
}

.copy a 
{
	text-decoration: none;
	color: #585858;
}

.copy a:hover 
{
	text-decoration: underline;
	color: #585858;
}

.develop
{
	float: right;
	width: 250px;
}

.clear, .Cleaner 
{
	clear: both;
}

.validator
{
	color: Red;
	font-weight: bold;
}

ul
{
	padding: 0 0 0 15px;	
	margin: 0 0 0 15px;
}

ul li
{
	list-style: square;
	padding: 0;	
	margin: 0;
}

p a, p a:visited, td a, td a:visited
{
	color: #447aa8;
	text-decoration: underline;
}

p a:hover, td a:hover, h2 a:hover
{
	color: blue;
	text-decoration: none
}

.imgRight
{
	width: 150px;
	float: right;
	padding: 0 30px 0 25px;
	_padding: 0 0 0 24px;
	text-align: center;
}

.center
{
	text-align: center;
}

.bold
{
	font-weight: bold;
}

.small
{
	font-size: 0.9em;
}

.doublelined
{
	line-height: 1.8;
}

.justify
{
	text-align: justify;
}

.indent
{
	text-indent: 25px;
}

.left-padding
{
	padding-left: 20px;
}

.data-grid td
{
	border: 1px solid #ddd;
	padding: 2px 3px 2px 3px;
}


.form td
{
	border-collapse: collapse;
}

.no-border td, .form td
{
	border: none;
}

.no-border td
{
	vertical-align: top;
}

.light
{
	background: #F3FAFF;
}

.dark
{
	background: #E1E8F8;
}

table.date
{
	background: #f5f5f5;
	border-collapse: collapse;
	font-size: 1em;
	width: 275px;
}

/* ---------  TOP menu ---------  */
#MnuDiv-TopMenu 
{
	padding: 0 0 0 8px;
}
#MnuDiv-TopMenu ul
{
	margin: 0; padding: 0
}
#MnuDiv-TopMenu li
{
	/* docasne nastaveni */
	float: left;
	list-style: none; 
	height: 38px;
}

#MnuDiv-TopMenu li a
{
	color: White;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	height: 37px;	
}

#MnuDiv-TopMenu li a span
{
	visibility: hidden;
	margin: 14px 0 0 0;
	display: block;
}

.MnuItm-29 { width: 132px; background: url(../Images/MenuItems/menu-uvodni-strana.gif) right top no-repeat; }
.MnuItm-36 { width: 125px; background: url(../Images/MenuItems/menu-o-spolecnosti.gif) left top no-repeat; }
.MnuItm-37 { width: 105px; background: url(../Images/MenuItems/menu-certifikaty.gif) left top no-repeat; }
.MnuItm-38 { width: 140px; background: url(../Images/MenuItems/menu-garance-kvality.gif) left top no-repeat; }
.MnuItm-39 { width: 168px; background: url(../Images/MenuItems/menu-obchodni-spoluprace.gif) left top no-repeat; }
.MnuItm-40 { width:  87px; background: url(../Images/MenuItems/menu-kariera.gif) left top no-repeat; }
.MnuItm-35 { width:  96px; background: url(../Images/MenuItems/menu-kontakty.gif) left top no-repeat; }
.MnuItm-41 { width:  84px; background: url(../Images/MenuItems/menu-eshop.gif) left top no-repeat; }


*:focus
{
	border: none;	
	outline: none;
}             





/* ---------  end menu ---------  */


/* leve menu */
#MnuDiv-LeftMenu ul
{
	margin: 18px 0 0 8px; 
	padding: 0;
}

#MnuDiv-LeftMenu ul li
{
	list-style: none;
	text-align: left;	
	background: url(../Images/Design/bg-dots.gif) left top repeat-x;
	min-height: 18px;
	_height: 18px;
}

#MnuDiv-LeftMenu ul li a, #MnuDiv-LeftMenu .Act a
{
	display: block;
	width: 190px;
	padding: 4px 0 3px 16px;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	font-family: arial;
	background: url(../Images/Design/arrow-menu2.gif) 0px -43px no-repeat;
}

#MnuDiv-LeftMenu ul li a:hover, #MnuDiv-LeftMenu .Act a
{
	background-position: 0px 7px;
	color: #b82e2e;
}

/* -- end leve menu -- */


.title-illustration1
{
	height: 180px;
	background: #eee url(../Images/Design/title-illustration1.jpg) left top no-repeat;
/*	border: 1px solid red; */
	width: 950px;
}

.title-illustration2
{
	height: 250px;
	background: url(../Images/Design/bg-illustration2.jpg) center top no-repeat;
	width: 950px;
}

.g-security, .g-medical
{
	width: 470px;
	height: 250px;
	float: left;
	background: url(../Images/Design/bg-security.jpg) left top no-repeat;
	position: relative;
}

.g-medical
{
	float: right;
	background: url(../Images/Design/bg-medical.jpg) right top no-repeat;
}

.ill2-in
{
	text-align: left;
	margin: 16px 10px 0 23px;

}

.ill2vice
{
	position: absolute;
	left: 0;
	top: 222px;
	display: inline;
	width: 450px;
	text-align: right;
}

.t-text
{
	padding: 15px 0 0 0px;
	width: 230px;
	float: right;
}

.inside-il1
{
	height: 180px;
	background: #eee url(../Images/Design/bg-ii1.jpg) left top no-repeat;
}

.icon-t-1
{
	border: 3px solid #c4c4c4;
	margin: 10px 20px 0 0;
	float: left;
}

.news-row
{
	clear: both;
	background: url(../Images/Design/bg-news-row.gif) left top repeat-x;
	width: 950px;
}

.welcome, .news
{
	float: left;
	width: 450px;
}

.news
{
	float: right;
	width: 450px;  
/*	width: 475px;   /*50% width of page */
	background: url(../Images/Design/bg-news.gif) left top no-repeat;
	height: 239px;

}

.news-in
{
	padding: 3px 20px 20px 40px;
	text-align: left;
}

.news-list
{
	padding: 0;
}

.news h2 
{
	font-size: 1.2em;
	color: #3e6998;
	margin: 20px 0 13px 0;
}

.news-item
{
	position: relative;
	padding: 0 0 15px 110px;
	min-height: 90px;
	_height: 90px;
	line-height: 1.35;
}

.news-date
{
	background: url(../Images/Design/bg-date.gif) left top no-repeat;
	color: White;
	padding: 1px 3px;
	font-size: 10px;
}

.news-item strong
{
	color: #151515;
}

.ilustrace-novinka
{
	position: absolute;
	left: 0px;
	top: 0px;
	border: 3px solid #d3d3d3;
}

/* ---- Photogallery style ------ */
.photo-file, .photo-folder, .photo-up
{
	margin: 0 25px 25px 0;
	width: 131px;
	height: 132px;
	text-align: center;
	float: left;
}

.photo-folder
{
	background: url('../Images/photo_folder.jpg');
}

.photo-file
{
	background: url('../Images/photo_file.jpg');
}

.photo-up
{
	background: url('../Images/photo_up.jpg');
}

.photo-name
{
	clear: both;
	color: #313131;
}

.photo-desc
{
	color: #42a3e7;
}

.photo-helper
{
	float: right;
	height: 94px;
	width: 1px;
}

.block-a
{
	display: block;
	width: 131px;
	height: 132px;
	text-decoration: none;
}

.photo-file img
{
	border: 1px solid #d1ecfd;
	margin-top: 7px;
}

.photo-up img, .photo-folder img
{
	display: none;
}

/* --------- end Photogallery style -------- */

.left-col, .right-col
{
	position: absolute;
	display: block;
	width: 5px;
	height: 680px;
	top: 0;
	left: 0;	
	background: url(../Images/Design/bg-left.jpg);
}

.right-col
{
	left: 955px;
	top: 0;
	background: url(../Images/Design/bg-right.jpg);
}

.color-box
{
	width: 84px;
	height: 6px;
	position: absolute;
	left: 20px;
	top: -2px;
	background: #a30000;
	font-size: 1px;
}

.fonts
{
	float: right;
	margin: 10px 10px 0 0; 
	clear: right;
	font-size: 11px;
	color: #888;
}

.fonts a { color: #888; text-decoration: none; }

.news-detail .ilustrace-novinka { position: relative; float: right; margin: 0 0 0 20px; }
.news-detail .news-item { padding: 0 0 15px 0; }
.inp-nob .nob, .inp-nob textarea { border: 1px solid #ccc; }
.inp-nob textarea { font-family: Arial; }

