html 
{
	height: 100%;
}

body 
{
	height: 100%;
	font-family: Arial,Verdana,Helvetica,Geneva,Helvetica,sans-serif;
	font-size: 14px;
	margin: 0; padding: 0;
	background: #ffffff url("../images/bg/body-bg.jpg") top center repeat;
	background: #ffffff url("../images/bg/body-bg.jpg") top center repeat;
}

strong { font-weight: bold; }

a:link { color: #8F7E62; font-weight: bold; text-decoration: underline;}
a:visited { color: #8F7E62; font-weight: bold; text-decoration: underline;}

table { font-size: 0.9em; }
thead tr td{ font-weight: bold; text-align: center; vertical-align: middle; }
tbody tr td { text-align: center; padding: 10px; vertical-align: middle;}

.leftBackground { position: absolute; top: 0px; left: -222px; z-index: 2; width: 222px; height: 548px; background: url("../images/bg/wrapper-bg-left.png") top left no-repeat;}
.rightBackground { position: absolute; top: 0px; left: 50%; width: 50%; z-index: 0; height: 596px; margin: 0 auto 0 auto; background: url("../images/bg/wrapper-bg-right.png") 480px 10px no-repeat;}

#wrapper { position: relative; height:auto; min-height: 100%; width: 960px;  margin: 0 auto 0 auto; padding: 0 0px 0px 0px; background: #ffffff url("../images/bg/container-bg.jpg") top center repeat-y; }

#header
{
	width: 100%; height: 110px; 
	margin: 0 0 0 0; padding: 0;
}

.main-menu { position: absolute; top: 57px; left: 330px; margin: 0;  padding: 0; width: 700px; height: 40px; text-align: left;}
.highlight { color: #FF7200 !important; }
.highlight:hover { color: #fff !important; }

#main
{
	width: 100%; 
	margin: 0 0 0 0; padding: 0;
	padding-bottom: 250px;
}

#footer
{
	position: relative;
	margin: 0 auto 0 auto;
	margin-top: -250px; /* negative value of footer height */
	clear:both;
	height: 250px;
	width: 960px;
	text-align: left;
	background: #305A6F url("../images/bg/footer-bg.jpg") top left repeat-x;
	color: #8B959F; 
		
}
#footer a:link, #footer a:visited { color: #9BADBF; font-size: 0.9em; font-weight: normal;}

#footer h2 {
			text-align:left;
			font-family: Georgia,Helvetica,Tahoma,Verdana,sans-serif;
			font-style: italic;
			text-decoration: none;
			word-spacing: -0.05em;
			text-align: left;
			letter-spacing: -0.05em;
			line-height: 140%;
			font-size: 1.2em;
			font-weight: bold;
			color: #61B5DF;
			margin: 10px 0 15px 0; 
			padding: 0; 
}

#footer div.footer-menu  { width: 600px; text-align: left; margin: 0px 0 0px 0; padding: 20px 0 0 0; }
#footer div.copyright  { float: left; 	margin: 0 30px 0 50px; width: 220px; padding: 20px 0 20px 0px; }
#footer div.copyright h2 { color: #74828F; }
#footer div.copyright p { line-height: 140%; font-size: 0.8em; color: #74828F; text-align: left; }
#footer div.copyright p a { color: #74828F; }

.footer-links3 { position: absolute; top: 20px; left: 790px; width: 170px; }
.footer-links2 { position: absolute; top: 20px; left: 640px; width: 170px; }
.footer-links { position: absolute; top: 20px; left: 470px; width: 170px; }


/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



.logo { 	margin: 0;  padding: 20px 0 0 30px; }

.home-content { position: absolute; top: 115px; left: 0px; width: 960px; height: 300px; text-align: left;}

.illu-box  { margin: 0 0 25px 0; width: 960px; height: 287px; background-color: #fff; }
.illu-default-box  { margin: 0 0 25px 0; width: 960px; height: 130px; background-color: #fff; }
.default-illustration { background: #fff url("../images/illustrations/default-ilu.jpg") top left no-repeat;}
.home-illustration { background: #fff url("../images/illustrations/homepage-ilu2.jpg") top left no-repeat;}
.deratizace-illustration { background: #fff url("../images/illustrations/deratizace-ilu.jpg") top left no-repeat;}
.dezinsekce-illustration { background: #fff url("../images/illustrations/dezinsekce-ilu.jpg") top left no-repeat;}
.dezinfekce-illustration { background: #fff url("../images/illustrations/dezinfekce-ilu.jpg") top left no-repeat;}
.vosy-illustration { background: #fff url("../images/illustrations/vosy-ilu.jpg") top left no-repeat;}
.holubi-navod-illustration { background: #fff url("../images/illustrations/holubi-navod-ilu.jpg") top left no-repeat;}

.home-text { width: 100%; text-align: center; margin: 30px 0;}
.home-text div { width: 660px; text-align: justify; margin: auto; color: #666666; font-size: 1em;}


.left-home-content { float: left; width: 420px; margin: 0px 0px 40px 40px; _margin-left: 40px;  }
.right-home-content { width: 450px; margin: 0px 0px 40px 470px; }

.left-sub-content { float: left; width: 550px; margin: 0px 10px 40px 40px; _margin-left: 40px;  }
.right-sub-content { width: 300px; margin: 0px 0px 40px 630px; }

.perex { font-size: 1.25em; line-height: 130%; letter-spacing: -0.02em; color: #baa687;}
.perex a { color: #AF9A78; /*#8F7E62;*/ }

.homeRecentArticles li { margin-bottom: 8px; padding-left: 20px; background: url("../images/arrows-orange.png") -10px 5px no-repeat;}
.homeRecentArticles a:link, .homeRecentArticles a:visited { color: #81735c; text-decoration: underline; font-size: 1em; }

.showMeMoreLink { padding: 15px 10px 20px 20px;}
.showMeMoreLink a:link, .showMeMoreLink a:visited { font-size: 0.8em; font-weight: normal;}

a.readArticleLink { color: #4797BF; font-size: 0.9em; margin-left: 5px;}

.homeButtons img { margin-right: 5px; }

.home-novinky li { padding-bottom: 15px; font-size: 0.9em; line-height: 130%; color: #857457; }
.home-novinky li span { font-size: 0.9em; font-weight: bold; color: #00aaff; margin-right: 10px;}

.articleFooter { color:  #df6400; font-size: 1em; padding: 0 0 20px 0; border-bottom: solid 1px #D1E5EF;  }
.autor { padding-top: 10px; margin-top: 30px; border-top: solid 1px #404A53; color: #df6400;   }
.inTextVideo { width: 100%; background: #3B444B; text-align: center;}

.paging { margin: 30px 0 30px 0; color: #8F7E62;}

.float-right  { float: right; margin: 0 0 20px 20px;}
.float-left  { float: left; margin: 0 20px 20px 0px;}
.ilu-image { border: solid 5px #7F7F7F; }
.clear-both { clear: both; }
.text-align-center { text-align: center;}

.video-ukazka { width: 100%; height: 65px; background: #b8e3e6; padding: 10px; margin: 0 0 10px 0; }
.video-ukazka img { float: left; border: solid 3px #58ACB2; margin-right: 10px; }
.video-ukazka div { font-size: 0.8em; line-height: 120%; font-weight: bold; color: #296B6F; }

.relatedCategories { width: 100%; }
.relatedCategories  h3 { color: #00B5BF; height: 30px; padding: 0px 0 0 50px; background: #fff url("../img/category-icon.png") top left no-repeat; }
.relatedCategories a { color: #FF2901; }

.foto-ukazky { width: 100%; }
.foto-ukazky h3 { color: #00B5BF; height: 30px; padding: 5px 0 0 50px; background: #fff url("../img/foto-icon.png") top left no-repeat; }
.foto-ukazky a { position: relative; z-index: 1; }
.foto-ukazky img { float: left; width: 80px; height: 60px; border: solid 3px #B8E3E6; margin: 0 8px 8px 0; }

.novinky  { color: #00B5BF; height: 30px; padding: 5px 0 0 50px; background: #fff url("../img/star-icon.png") top left no-repeat; margin-top: 30px;}


.blueForm { background: #CFEFFF; padding: 20px 20px 10px 20px; margin: 0px 0 10px 0;}
.blueForm div { float: left; width: 240px; }
.blueForm h3 { font-family: Verdana, Arial; color: #0C5B5F; font-weight: normal; font-size: 1.4em; margin: 0 0 20px 10px;}
.blueForm strong {font-size: 1.2em; }
.blueForm input, .blueForm textarea, .blueForm select{ border: solid 1px #95D1EF; margin: 5px 10px 15px 10px; padding: 3px;}
.blueForm input.captcha { position: relative; top: -12px; font-size: 1.4em;}
.blueForm form > input:last-child { color: #fff;  background-color: #F54828; border: none; padding: 5px 10px 5px 10px; margin-top: 0px;}
.blueForm label { margin-left: 10px; letter-spacing: -0.04em; font-weight: bold; font-size: 0.9em; color: #00557F;}
.blueForm img { margin: 15px 5px 0px -5px; }
.blueForm p { margin: 0; }
.blueForm input.submit { font-weight: bold; background: #DF2F00; color: #fff; border: none;}
.blueForm sup { color: #F54828; }
.blueForm p.poznamka { width: 100%; text-align: right; font-size: 0.8em; color: #00557F;}
p.poznamka { width: 100%; text-align: right; font-size: 0.8em; color: #00557F;}


.msgBox { color: #fff; width: 100%; padding: 10px 10px 10px 15px; margin-bottom: 20px; font-size: 0.9em; line-height: 130%;}
.error { background: #DF2F00; }
.success { background: #74DF00; }


.iluImage { float: left; margin: 0 10px 10px 0;}

p , address {
		font-family: Arial,Helvetica,Verdana,Geneva,sans-serif;
		color: #6F624C;
		text-decoration: none;
		word-spacing: normal;
		text-align: left;
		letter-spacing: 0;
		line-height: 140%; /*1.64em*/
		font-size: 0.9em;
		margin-bottom: 15px;
		 
}


h1 { 
		
		
		text-align:left;
		font-family: Georgia,Arial, Verdana, Helvetica;
		text-decoration: none;
		word-spacing: -0.05em;
		text-align: left;
		letter-spacing: -0.04em;
		line-height: 1.4em;
		font-size: 2em;
		font-weight: bold;
		font-style: italic;
		color: #00aaff;
		margin: 0 0 20px 0;
		*margin: 0 0 20px 0;

}


h2,h2 a:link,h2 a:visited   {  
		
		text-align:left;
		font-family: Georgia,Helvetica,Tahoma,Verdana,Arial,Helvetica,sans-serif;
		text-decoration: none;
		word-spacing: -0.03em;
		text-align: left;
		letter-spacing: -1px;
		line-height: 140%;
		font-size: 1.4em;
		font-style: italic;
		font-weight: normal;				
		color: #4797BF; /*#61B5DF;/*#df6400; */
		margin: 30px 0 15px 0; 
		padding: 0; 
		
		
}


h2 a:link, h2 a:visited   { font-size: 1em; text-decoration: underline;}

h3 {
		
		text-align:left;
		font-family: Georgia,Verdana, Arial, Helvetica;
		text-decoration: none;
		word-spacing: -0.05em;
		text-align: left;
		letter-spacing: -0.05em;
		line-height: 140%;
		font-size: 1.2em;
		font-weight: normal;
		font-style: italic;
		
		color:  #df6400;  
		margin: 25px 0 20px 0; 
		padding: 0; 
		
}

h3 a:link, h3 a:visited   { font-size: 0.9em; color:  #df6400; }

h4 {
		margin: .5em 0 .5em 0;
		font-family: Verdana, Arial, Helvetica;
		font-size: 1.2em; 
		font-weight: bold;
		color: #000000;
		
}

h5, h6 {
		font-family: Verdana, Arial, Helvetica;
		font-weight: normal;
		font-size: 1.3em;
}



ul { margin: 0 0 20px 40px; }
ul li { list-style-type: disc; line-height: 140%; color: #6F624C; font-size: 0.9em;}

ul.notlist  { margin: 0; }
ul.notlist li { list-style-type: none; line-height: 130%; }

sup,sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: 70%;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

em { font-style: italic;}

table { font-size: 0.8em; color: #6F624C; }
thead {background: #df6400; color: #fff; }
thead tr td { padding: 5px 0 5px 0; }

tbody tr td { padding: 10px 5px 10px 5px; text-align: left;}
tbody tr td:first-child { font-weight: bold; color: #4797BF;}
thead tr td:nth-child(2nd) { width: 100px;}

hr.cistic {
			clear: both;
			height: 1px;
			border: none;
			margin: -1px 0 0 0;
			visibility: hidden;
		}

div.spacer { margin: 30px 0 10px 0; }