/**  * Layout Style Sheet for the http://www.internetovymarketing.eu  *     **** Copyright 2009 InternetovyMarketing. All Rights Reserved.     * * * * Do not use it!   *   *   *  * info@internetovymarketing.eu**/
html {
	margin: 0;
	padding: 0;
	border: 0;
	background: #fff url('../img/layout/background.jpg') top left repeat-x;
	font-family: tahoma, arial, sans-serif;
	font-size: 13px;
	color: #414141;
}
body {
	margin: 0;
	padding: 0;
	border: 0;
}
#container {
	width: 1017px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#head-space {
	clear: both;
	width: 1017px;
	height: 239px;
	margin: 0 0 36px 0;
	padding: 0;
	background: #fff url('../img/layout/head-bg.jpg') top left no-repeat;
}
#content {
	width: 857px;
	min-height: 500px;
	margin: 0;
	padding: 20px 80px 20px 80px;
	background: #fff url('../img/layout/body-bg.jpg') top left repeat-x;
	text-align: left;
}
#content2 {
	min-height: 500px;
	margin: 0;
	background: #fff url('../img/layout/body-bg.jpg') top left repeat-x;
	text-align: left;
	width: 560px;
	float: left;
	padding: 20px 80px 20px 80px;
}
#content3 {
	min-height: 500px;
	margin: 0;
	background: #fff url('../img/layout/body-bg.jpg') top left repeat-x;
	text-align: left;
	width: 550px;
	float: left;
	padding: 20px 40px 20px 80px;
}
#content hr, #content2 hr, #content3 hr {
width:85%;
border:none;border-top:1px solid #C2C2C2;
}
#news2 {
	width: 327px;
	float: right;
	clear: right;
	background: #fff url('../img/layout/body-bg.jpg') top left repeat-x;
	text-align: left;
	padding: 40px 20px 20px 0;
	min-height: 500px;
}
#news {
	width: 277px;
	float: right;
	clear: right;
	background: #fff url('../img/layout/body-bg.jpg') top left repeat-x;
	text-align: right;
	padding: 20px 20px 20px 0;
	min-height: 500px;
}
.news-title {
	width: 193px;
	height: 119px;
	margin: 30px;
	background: url('../img/layout/aktual.png') no-repeat;
	float: right;
	clear: both;
}
#content p, #content h1, #content h2, #content h3, #content h4 {
	text-align: left;
}
#foot {
	width: 100%;
	height: 79px;
	padding-top: 10px;
	background: #fff url('../img/layout/foot-bg.jpg') bottom center no-repeat;
	font-size: 80%;
}
#foot p {
	display: block;
	margin: 0 auto;
	text-align: center;
	line-height: 25px;
	color: #404040;
}
#foot img {
	position: relative;
	top: 5px;
}
/* navigace */
div#nav1 {
	position: absolute;
	top: 0;
	display:block;
	width: 605px;
	height: 239px;
	margin: 0 0 0 412px;
	padding: 0;
	list-style-type: none;
	background: #fff url('../img/layout/head-bg2.jpg') right top no-repeat;
}
div#nav1 div a {
	display: block;
	float: left;clear:right;
	height: 239px;
	margin: 0;
	padding: 0;
	color: #fff;
	outline:none;
}
.nav1-on-1 a, .nav1-off-1 a:hover {
	width: 103px;
	background: #fff url('../img/layout/buttons/nav1-sluzby.jpg') 100% top no-repeat;
}
.nav1-on-2 a, .nav1-off-2 a:hover {
	width: 103px;
	background: #fff url('../img/layout/buttons/nav1-onas.jpg') 100% top no-repeat;
}
.nav1-on-3 a, .nav1-off-3 a:hover {
	width: 103px;
	background: #fff url('../img/layout/buttons/nav1-reference.jpg') 100% top no-repeat;
}
.nav1-on-4 a, .nav1-off-4 a:hover {
	width: 108px;
	background: #fff url('../img/layout/buttons/nav1-kontakt.jpg') 100% top no-repeat;
}
.nav1-off-1 a {
	width: 103px;
	background: #fff url('../img/layout/buttons/nav1-sluzby.jpg') left top no-repeat;
}
.nav1-off-2 a {
	width: 103px;
	background: #fff url('../img/layout/buttons/nav1-onas.jpg') left top no-repeat;
}
.nav1-off-3 a {
	width: 103px;
	background: #fff url('../img/layout/buttons/nav1-reference.jpg') left top no-repeat;
}
.nav1-off-4 a {
	width: 108px;
	background: #fff url('../img/layout/buttons/nav1-kontakt.jpg') left top no-repeat;
}

ul#nav2 {
	position: absolute;
	top: 239px;
	width: 1017px;
	height: 36px;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}
#nav2 li {
	display: inline;
	font-size: 100%;
	line-height: 36px;
}
#nav2 li a {
	color: #4C4C4C;
	text-decoration: none;
	font-weight: bold;
	color: #4C4C4C;
}
#nav2 li a:hover {
	color: #E08B14;
}
.active em {
	color: #E08B14;
	font-style: oblique;
	font-weight: bold;
}
.nav2-left {
	background: url('../img/layout/nav2-left.jpg') left center no-repeat;
	padding: 0 0 0 20px;
}
.nav2-right {
	background: url('../img/layout/nav2-right.jpg') right center no-repeat;
	padding: 0 20px 0 0;
}
/* ramy s textem */
/* ohraniceni, odstavce, zvyrazneni textu */
.cl-b {
	clear: both;
}
.d-bl {
	display: block;
}
.fl-n {
	float: none;
}
.fl-r {
	float: right;
}
.fl-l {
	float: left;
}
.l {
	text-align: left;
}
.r {
	text-align: right;
}
.c {
	text-align: center;
}
.j {
	text-align: justify;
}
.middle {
	vertical-align: middle;
}
.larger {
	font-size: larger;
}
.fs-20pt {
	font-size: 14pt;
	font-weight: 600
}
.sluzba {
	padding: 0 0 0 15px;
}
ol.seo_sluzby li {
	font-weight: bold;
	margin-top: 10px;
}
ol.alpha li {
	list-style-type: lower-alpha;
	font-weight: normal;
	margin-top: 0px;
}
a {
	color: #0000FF;
}
a img {
	border: none;
}
.h1-stetec, .h1-klic, .h2-stetec, .h2-klic {
	font-family: arial;
	font-weight: normal;
	color: #4D4D4D;
	margin-left: -20px;
	padding: 25px 0 3px 120px;
	height: 90px;
	display: block;
}
.h1-stetec, .h2-stetec {
	background: url('../img/layout/stetec.png') bottom left no-repeat;
	font-size: 230%;
}
.h1-klic, .h2-klic {
	background: url('../img/layout/klic.png') bottom left no-repeat;
	font-size: 230%;
}
/* reference */
div#reference {
	margin: 25px 0 0 0;
}
#reference h3 {
  display:block;line-height:18px;height:36px;
	margin: 0 0 3px 2px;
}
.ref1, .ref2 {
	float: left;
	width: 179px;
	margin: 0 8px 25px 0;
}
.ref3 {
	float: left;
	width: 179px;
	margin: 0 0 2px 0;
}
.ref1 img, .ref2 img, .ref3 img {
	display: block;
	margin-bottom: 5px;
}
.ref1 p, .ref2 p, .ref3 p {
	margin: 0 auto 5px auto;
	text-align: center;
}
.ref4 {
	float: left;
	width: 356px;
	padding: 0 0 0 10px;
}
.ref4 p {
	margin: 0 0 10px 0;
}
#reference a {
	text-decoration: none;
}
#reference a:hover {
	text-decoration: underline;
}
#reference .vice a {
	text-decoration: underline;
	color: #F06601;
	font-size: 11pt;
}
#reference .vice a:hover {
	text-decoration: none;
	color: #000;
}
#reference a img {
	border: 1px solid #A4A4A4;
}
#reference a:hover img {
	border: 1px solid #000;
}
#reference-kat {
	display: block;
	width: 92%;
	margin: 0 auto 10px auto;
	padding: 0 0 7px 0;
	border-bottom: 1px solid #E3E3E3;
	text-align: center;
	font-size: 10pt;
}
#reference-kat a {
	color: #0000FF;
}
#reference-kat a:hover {
	text-decoration: none;
	color: #F06601;
}
ul.news {
	list-style-type: none;
	padding: 10px 10px 5px 30px;
}
.news li {
	margin: 8px 0 0 0;
	border-bottom: 1px solid #DADADA;
	font-size: 8pt;
}
.news strong {
	font-weight: 600;
	font-size: larger
}
/* statistiky */
.statistiky {
	position: absolute;
	top: 0;
	left: 0;
	width: 47px;
	height: 10px;
	line-height: 10px;
	overflow: visible;
}
.statistiky span {
	width: 47px;
	height: 10px;
	display: block;
	background-color: #fff;
}
ul.sul {
	position: relative;
	visibility: hidden;
	top: 0;
	left: 0;
	width: 94px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #fff;
}
ul.sul li {
	width: 88px;
	margin: 0 0 1px 0;
	padding: 3px;
	background-color: #BCBCBC;
}
ul.sul a {
	color: #000;
	text-align: center;
	text-decoration: none;
	font-size: 120%;
}
ul.sul li a:hover {
	color: #fff;
}
.statistiky a img {
	border: none;
}
ul.sul a:hover img {
	border: none;
}
.statistiky:hover ul.sul {
	visibility: visible;
}
.kontakt-ul {
	list-style-type: none;
	line-height: 140%;
}
.kontakt-clenove {
	margin-left: 37px;
}
.skype {
	vertical-align: middle;
	border: none;
}
#zprava {
	width: 260px;
	height: 100px;
}
#index-sluzby h2 a {
	padding-right: 22px;
	text-decoration: none;
	color: #4D4D4D;
	font-size: 110%;
	background: transparent url('../img/layout/sipka.png') right center no-repeat;
}
#index-sluzby h2 a:hover {
	text-decoration: underline;
	color: #0000FF;
}
#index-sluzby p {
	margin: 0 0 25px 0;
}
.line1 {
	width: 95%;
	height: 0;
	line-height: 0;
	margin: 5px auto;
	padding: 0;
	border-top: 1px solid #797979;
	border-bottom: 1px solid #4C4C4C;
}
.line2 {
	width: 98%;
	height: 0;
	line-height: 0;
	margin: 5px auto;
	padding: 0;
	border-top: 1px solid #B6B6B6;
}
.line3 {
	clear: both;
	width: 100%;
	height: 0;
	line-height: 0;
	margin: 0 auto 15px auto;
	padding: 0;
	border-top: 1px solid #C7C7C7;
}
.line4 {
	clear: both;
	width: 100%;
	height: 0;
	line-height: 0;
	margin: 0 auto 25px auto;
	padding: 0;
	border-top: 1px solid #C7C7C7;
}
.line5 {
	clear: both;
	width: 100%;
	height: 0;
	line-height: 0;
	margin: 15px auto 15px auto;
	padding: 0;
	border-top: 1px solid #C7C7C7;
}
/* certifikaty */
div#certifikaty {
	margin: 25px 0 0 0;
}
#certifikaty h3 {
	margin: 0 0 3px 2px;
}
.cert1, .cert2 {
	float: left;
	width: 179px;
	margin: 0 8px 10px 0;
}
.cert3 {
	float: left;
	width: 179px;
	margin: 0 0 2px 0;
}
.cert1 img, .cert2 img, .cert3 img {
	display: block;
	margin-bottom: 5px;
}
.ref1 p, .ref2 p, .ref3 p {
	margin: 0 3px 5px auto;
	text-align: left;
}
#certifikaty a {
	text-decoration: none;
}
#certifikaty a:hover {
	text-decoration: underline;
}
#certifikaty .vice a {
	text-decoration: underline;
	color: #F06601;
	font-size: 11pt;
}
#certifikaty .vice a:hover {
	text-decoration: none;
	color: #000;
}
#certifikaty a img {
	border: 1px solid #A4A4A4;
}
#certifikaty a:hover img {
	border: 1px solid #000;
}
.certifikaty a {
	width: 124px;
	height: 23px;
	margin: 0 0 0 2px;
	padding: 14px 0 0 0;
	background: #982916 url('../img/layout/menu-kontakt.jpg') top center no-repeat;
	font-size: 120%;
}
.certifikaty a:hover, .certifikaty-active a {
	width: 124px;
	height: 33px;
	margin: 0 0 0 2px;
	padding: 14px 0 0 0;
	background: #982916 url('../img/layout/menu-hover-kontakt.jpg') top center no-repeat;
	color: #fff;
	font-size: larger;
}

h1, h2, h3, h4, h5 {font-weight:normal;}
.uvod-seznam {font-size:10pt;}

.uvod-seznam a {font-size:10pt;color:#000;}
