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;
}

table tr td
{
	padding: 2px 2px 1px 2px;
}

a
{
	color: #447aa8;
}


a img
{
	border: none;
}

h1, h2, h3, h4, h5, h6
{
	margin: 0;
	padding: 0;
}
	
.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;
}


#MainContainer
{
	text-align: center; /* IE HACK */
	width: 960px;
	margin: 0 auto;
	position: relative;
	background: #fff 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;
	height: 45px;
	color: #5f98c6;
}

.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: 12px 10px 8px 24px;
	text-align: left;
	_height: 250px;
	min-height: 250px;
	line-height: 1.35;
	background: url(../Images/Design/bg-content-title.gif) left top no-repeat;
}

.inside-content
{
	_height: 315px;
	min-height: 315px;
	width: 700px;
	float: right;
}


.inside-content .content
{
	padding: 10px 10px 25px 0;
	background: none;
}

.content .banner
{
	width: 190px;
	float: right;
	margin-left: 15px;
	padding-top: 30px; 
	background: url(../Images/Design/bg-content-title.gif) 0px -9px no-repeat;
}

.content .banner img
{
	margin-left: 22px;
	border: 0;
}

.inside-content .content ul, .inside-content .content dl
{
	padding: 0 0 0 10px;	
}

.inside-content .content ul li, .inside-content .content ul dl
{
	margin: 0 0 3px 0;
	padding: 0;
}

.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.9em;
	margin: 0 auto;
	position: relative;
}


.copy, .develop 
{
	padding-top: 20px;
	margin-left: 22px;
	float: left;
	color: #585858;
}

.develop
{
	float: right;
	width: 250px;
}

.bp4you
{
	color: #9b0005;
}

.copy a 
{
	text-decoration: none;
	color: #585858;
}

.copy a:hover 
{
	text-decoration: underline;
	color: #585858;
}

.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
{
	color: #447aa8;
	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;
}

#MnuDiv-TopMenu ul
{
	margin: 0; padding: 0
}

#MnuDiv-TopMenu li
{
	float: left;
	list-style: none;
}

#MnuDiv-TopMenu li a
{
	color: White;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	height: 25px;
}

#MnuDiv-TopMenu li a span
{
	visibility: hidden;
	margin: 14px 0 0 0;
	display: block;
	
}

.MnuItm-29 { width: 149px; background: url(../Images/MenuItems/menu-uvodni-strana.gif) right top no-repeat; }
.MnuItm-34 { width:  103px; background: url(../Images/MenuItems/menu-sluzby.gif) right top no-repeat; }
.MnuItm-40 { width: 117px; background: url(../Images/MenuItems/menu-produkty.gif) left top no-repeat; }
.MnuItm-41 { width: 156px; background: url(../Images/MenuItems/menu-garance-kvality.gif) right top no-repeat; }
.MnuItm-42 { width:  97px; background: url(../Images/MenuItems/menu-ceny.gif) left top no-repeat; }
.MnuItm-43 { width: 129px; background: url(../Images/MenuItems/menu-vase-dotazy.gif) left top no-repeat; }
.MnuItm-36 { width: 105px; background: url(../Images/MenuItems/menu-kontakty.gif) right top no-repeat; }
.MnuItm-44 { width:  94px; 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: 244px;
	background: url(../Images/Design/bg-ill2.gif) center top repeat-x;
	width: 950px;
}

.ill2-center
{
	background: url(../Images/Design/bg-ill2-center.jpg) center top no-repeat;
	min-height: 243px;
	_height: 242px;

}

.ill2-shadow
{
	background: url(../Images/Design/bg-ill2-shadow.jpg) center top no-repeat;
	min-height: 18px;
	_height: 18px;
}

.t-left, .t-right
{
	width: 428px;
	height: 242px;
	float: left;
	text-align: left;
	position: relative;
	color: #2a2a2a;
}

.t-right
{
	width: 321px;
	float: right;
	background: url(../Images/Design/bg-t-right.jpg) left top no-repeat;
}

.t-text
{
	margin: 15px 0 0 5px;
}

.ill2-in .t-text
{
	line-height: 1.3;
}


.service-item
{
	border-top: 1px solid #c7c7c7;
	background: url(../Images/Design/bg-service-item.gif) 0px 4px no-repeat;
	padding: 3px 5px 3px 20px;
	font-size: 0.9em;
}

.service-item a
{
	color: #bd0404;
	text-decoration: none;
}

.service-item a:hover
{
	text-decoration: underline;
}

.service-name
{
	color: #41a6da;
	font-size: 1.2em;
}

.ill2-in
{
	text-align: left;
	margin: 0 1px 0 15px;

}

.ill2vice
{
	position: absolute;
	left: 0;
	top: 205px;
	display: inline;
	width: 380px;
	text-align: right;
}

.inside-il1
{
	height: 180px;
	background: #aaa 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-ill3-shadow.gif) left top no-repeat;
	width: 950px;
}

.welcome, .news
{
	float: right;
	width: 540px;
}

.news
{
	float: left;
	width: 400px;  
	min-height: 239px;

}

.news-in
{
	padding: 15px 1px 20px 28px;
	text-align: left;
}

.news-list
{
	padding: 0;
}

.news h2, .news-row h2, .t-text h1, .t-text h3
{
	font-size: 1.35em;
	color: #bc0205;
	margin: 0 0 8px 0;
}

.t-text h1
{
	font-size: 2em;
	font-weight: lighter;
	color: #3e6998;
}

.t-left h1 span { font-weight: bold; }
.t-text h3 { color: #3e6998; }



.news-item
{
	position: relative;
	padding: 0 0 0 110px;
	min-height: 128px;
	_height: 128px;
	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;
}

.ilustrace-titulni
{
	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: #42a7df;
	font-size: 1px;
}


.fonts
{
	float: right;
	margin: 10px 10px 0 0; 
	clear: right;
	font-size: 11px;
	color: #888;
}

.fonts a { color: #444; 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; }

.h-lined td { vertical-align: text-top; border-top: 1px solid #eee;}
.success { font-weight: bold; padding: 5px 25px; background: #efffd1; border: 1px solid #1cc60a; display: inline; }
.inp-nob .nob, .inp-nob textarea { border: 1px solid #ccc; }
.inp-nob textarea { font-family: Arial; }
