body{
	padding: 0; margin: 0;
	background: White url(images/bg-top-c.png) repeat-x top;
}
.noscreen,
h1{
	display: none;
}
#container{
	width: 778px;
	position: relative;
	margin: 0px auto;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#hlavicka{
	width: 100%;
	height: 135px;
	padding-top: 65px;
}
#hlavicka .logo{
	width: 235px; 
	height: 43px;
	overflow: hidden;
	display: block;
	position: relative;
	color: #749749;
	font-weight: bold;
}
#hlavicka .logo span.l2,
#hlavicka .logo span.l3,
#hlavicka .logo span.l4,
#hlavicka .logo span{
	background: transparent url(images/peok-design-c.png) no-repeat top;
	position: absolute;
	left: 0; top: 0;
	width: 235px;	height: 43px;
	display: block;
}
#hlavicka .logo span.l2{
	background: transparent url(images/peok-design-e-commerce.png) no-repeat top;
}
#hlavicka .logo span.l3{
	background: transparent url(images/peok-design-tvorba-www.png) no-repeat top;
}
#hlavicka .logo span.l4{
	background: transparent url(images/peok-design-web-design.png) no-repeat top;
}

.bg-l{
	width: 221px; height: 148px;
	background: transparent url(images/bg-l.png) no-repeat top;
	position: absolute;
	top: 0;
	left: 40%;
}
.bg-lpf{
	
	background: transparent url(images/bg-l-cas-vianoc.png) no-repeat top;
	background: transparent url(images/bg-l-pf2010.png) no-repeat top;
}
/*--- menu ---*/
#hlavicka #menu{
	width: 100%; height: 33px;
	margin: 59px 0 0 0;
	padding: 0;
	position: relative;
}
#hlavicka #menu li{
	display: inline;
}
#hlavicka #menu .m5 a,
#hlavicka #menu .m4 a,
#hlavicka #menu .m3 a,
#hlavicka #menu .m2 a,
#hlavicka #menu .m1 a{
	position: absolute;
	top: 0;
	height: 33px;
	width: 87px;
	font-size: 0.75em;
	color: #749749;
	overflow: hidden;
}
#hlavicka #menu .m1 a{
	left: 0;
	background: url(images/1-ponuka.png) no-repeat top;
}
#hlavicka #menu .m1 a:hover{
	background: url(images/1-ponuka-c.png) no-repeat top;
}
#hlavicka #menu .m1m a{
	background: url(images/1-ponuka-m.png) no-repeat top;
}
#hlavicka #menu .m2 a{
	left: 87px;
	background: url(images/2-riesenia.png) no-repeat top;
}
#hlavicka #menu .m2 a:hover{
	background: url(images/2-riesenia-c.png) no-repeat top;
}
#hlavicka #menu .m2m a{
	background: url(images/2-riesenia-m.png) no-repeat top;
}
#hlavicka #menu .m3 a{
	width: 109px;
	left: 174px;
	background: url(images/3-referencie.png) no-repeat top;
}
#hlavicka #menu .m3 a:hover{
	background: url(images/3-referencie-c.png) no-repeat top;
}
#hlavicka #menu .m3m a{
	background: url(images/3-referencie-m.png) no-repeat top;
}
#hlavicka #menu .m4 a{
	left: 283px;
	background: url(images/4-cennik.png) no-repeat top;
}
#hlavicka #menu .m4 a:hover{
	background: url(images/4-cennik-c.png) no-repeat top;
}
#hlavicka #menu .m4m a{
	background: url(images/4-cennik-m.png) no-repeat top;
}
#hlavicka #menu .m5 a{
	left: 370px;
	background: url(images/5-kontakt.png) no-repeat top;
}
#hlavicka #menu .m5 a:hover{
	background: url(images/5-kontakt-c.png) no-repeat top;
}
#hlavicka #menu .m5m a{
	background: url(images/5-kontakt-m.png) no-repeat top;
}
/*--- end menu ---*/
#content{
	width: 100%;
	margin-top: 22px;
	position: relative;
	float: left;
}
#content .obsah{
	float: left;
	width: 506px;
	padding: 5px;
	position: relative;
}
#content .obsah h2{
	font-size: 1.4em;
	font-weight: normal;
	margin: 6px 0;
	color: #9EAEB3;
	clear: both;
}
#content .obsah h3.cena{
	font-size: 1.1em;
	font-weight: normal;
	margin: 3px 1px;
	color: #CE3100;
}
#content .obsah h4{
	font-size: 0.9em;
	margin: 5px 1px;
	color: #749749;
}
#content .obsah ul li{
	font-size: 0.8em;
	list-style: square;
}
#content .obsah ul{
	margin-top: 0px;
}
#content .obsah .na{
	margin: 0;
}
#content .obsah .validator{
	font-size: 0.8em;
	padding: 5px;
}
#content .obsah .validator input{
	border: 1px solid #D9E0E1;
}
#content .obsah table.cennik{
	width: 100%;	

	border-collapse: collapse;
}
#content .obsah table.cennik tr td{
	width: 50%;
	border: 2px solid #D9E0E1;
	padding: 5px;
	font-size: 0.8em;
}
#content .obsah table.cennik span{
	color: #759749;
	font-size: 0.9em;
}
#content .obsah .cont-form{
	width: 470px;
	padding: 5px;
	margin: 5px;
	border: 2px solid #D9E0E1;
	float: left;
}
#content .obsah .cont-form .bunka2,
#content .obsah .cont-form .bunka1{
		background: #E8EFEE;	
		width: 225px;
		padding: 5px;
		float: left;
		display: block;
		font-size: 0.8em;
		height: 1.8em;
}
html>body #content .obsah .cont-form .bunka2,
html>body #content .obsah .cont-form .bunka1{
	height: auto;
	min-height: 1.8em;
}
#content .obsah .cont-form .bunka1{
	text-align: right;
	font-weight: bold;
	color: #3D5853;
}
#content .obsah .cont-form .tarera{
	height: 96px;
}
html>body #content .obsah .cont-form .tarera{
	height: auto;
	min-height: 108px;
}
#content .obsah .cont-form .bunka2 input,
#content .obsah .cont-form .bunka2 textarea,
#content .obsah .cont-form .bunka2 select{
	font-size: 1em;
	border: 1px solid #D9E0E1;
	margin: 0;
}
#content .obsah .cont-form .bunka2 textarea{
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#content .obsah p{
	font-size: 0.8em;
	text-indent: 15px;
}
#content .obsah p .r{
	font-size: 1.1em;
	background: #CDDCB8;
}
#content .obsah .nti{
	text-indent: 0px;
}
.seo-ref{
	margin: 5px 0 10px 0;
	border: 1px solid #D9E0E1;
	background: #F9FAFA;
	padding: 5px;
}
#content ul a,
#content .obsah address a,
#content .obsah p a,
.cennik a{
	color: #749749;
}
#content ul a:hover,
#content .obsah address a:hover,
#content .obsah p a:hover{
	color: Black;
}
#content .obsah .f-red{
	color: #A52A2A;
}
#content .obsah address{
	font-size: 0.8em;
	font-style: normal;
}
#content .obsah .ecom-ponuka{
	padding: 0;
	margin: 5px 10px;
	position: relative;
	height: 145px;
}
#content .obsah .ecom-ponuka li{
	display: inline;
}
#content .obsah .ecom-ponuka .e3 a,
#content .obsah .ecom-ponuka .e2 a,
#content .obsah .ecom-ponuka .e1 a{
	width: 158px; height: 141px;
	position: absolute;
	cursor: pointer;
	overflow: hidden;
}
#content .obsah .ecom-ponuka .e1 a{
	left: 0;
	background: url(images/tab-obchod.png) no-repeat top;
}
#content .obsah .ecom-ponuka .e2 a{
	left: 163px;
	background: url(images/tab-aukcie.png) no-repeat top;
}
#content .obsah .ecom-ponuka .e3 a{
	left: 326px;
	background: url(images/tab-cms.png) no-repeat top;
}
#content .obsah .ecom-ponuka .e1 a:hover{
	background: url(images/tab-obchod-o.png) no-repeat top;
}
#content .obsah .ecom-ponuka .e2 a:hover{
	background: url(images/tab-aukcie-o.png) no-repeat top;
}
#content .obsah .ecom-ponuka .e3 a:hover{
	background: url(images/tab-cms-o.png) no-repeat top;
}

#content .obsah .bannery{
	padding: 0;
	margin: 5px 10px;
	position: relative;
	height: 130px;
}
#content .obsah .bannery li{
	display: inline;
}
#content .obsah .bannery .noemy-demo a,
#content .obsah .bannery .graficke-navrhy a{
	width: 238px;
	height: 125px;
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background: url(images/banner-graficke-navrhy.png) no-repeat top left;
	top: 0; left: 0;
	text-decoration: none;
}
#content .obsah .bannery .noemy-demo a{
	background: url(images/banner-noemy-demo.png) no-repeat top left;
	left: 243px;
}


#content .obsah .rychla-v{
	background: #CCDDDD;
	border: 1px solid #93AAAB;
	margin: 0;
	padding: 10px 30px;
	color: #93AAAB;
}
#content .obsah .rychla-v a{
	color: Black;
}
#content .obsah .rychla-v a:hover{
	color: #CE3100;
}
#content .obsah .cssgalerie{
	font-size: 0.8em;
	color: #7C9698;
	margin-top: 20px;
}
#content .obsah .odporucame{
	font-size: 0.75em;
	margin-top: 40px;
	text-transform: uppercase;
	color: #ACBDBE;
}
#content .obsah .cssgalerie ul,
#content .obsah .odporucame ul{
	margin: 0; padding: 0;
}
#content .obsah .cssgalerie ul,
#content .obsah .cssgalerie ul li,
#content .obsah .odporucame ul,
#content .obsah .odporucame ul li{
	display: inline;
}
#content .obsah .cssgalerie ul li,
#content .obsah .odporucame ul li{
	font-size: 1em;
	margin: 0 5px;
}
#content .obsah .cssgalerie ul li{
	margin: 0;
}
#content .obsah .cssgalerie ul li a{
	color: #7C9698;
}
#content .obsah .odporucame ul li a{
	color: #ACBDBE;
}
#content .obsah .cssgalerie ul li a:hover,
#content .obsah .odporucame ul li a:hover{
	color: #5D7577;
}
#content .obsah .ref{
	width: 100%;
	display: block;
	float: left;
}
#content .obsah .ref-blok{
	float: left;
	margin: 5px 3px 5px 5px;
	padding: 3px 2px;
	display: block;
	width: 234px;
	border-bottom: 2px solid #EAF0EF;
}
#content .obsah .ref-blok img{
	border: 1px solid #EAF0EF;
}
#content .obsah .ref-blok h3{
	font-size: 0.9em;
	margin: 0;
	color: #CE3100;
}
#content .obsah .ref-blok p{
	text-indent: 0px;
	color: #626262;
	margin: 2px 0px;
}
#content .obsah .ref-blok p strong{
	color: #889BA2;
}
#content .obsah .ref-blok p a{
	font-size: 1.2em;
	font-weight: bold;
	color: #749749;
}
#content .obsah .ref-blok p a:hover{
	color: Black;
}
#content .obsah .ref-blok p .anorm{
	font-size: 1em;
}
#content .obsah .cont-akcia-cms,
#content .obsah .cont-akcia{
	width: 365px;
	height: 112px;
	padding: 25px 120px 0px 20px;
	background: #BA2800 url(images/bg-akcia.png) no-repeat top;
}
#content .obsah .cont-akcia-cms{
	background: #CEECFA url(images/bg-akcia-cms.png) no-repeat top;
}
#content .obsah .cont-akcia-cms p{
	margin: 0;
	padding: 6px 0;
}
#content .obsah .cont-akcia-cms p strong{
	color: #EC3102;
}
#content .obsah .cont-akcia-cms p a{
	color: #EC3102;
}
#content .obsah .cont-akcia p{
	width: 250px;
	color: White;
	padding: 0;
	margin: 0;
}
#content .obsah .cont-akcia p a{
	color: White;
}
#content .obsah .cont-akcia p a:hover{
	color: black;
}
#content .obsah .cont-zlava{
	background: #A02001 url(images/bg-akcia-zlava.png) no-repeat bottom;
	width: 300px;
	height: 170px;
	padding: 5px 196px 5px 9px;
	color: White;	
}
html>body #content .obsah .cont-zlava{
	background: #A02001 url(images/bg-akcia-zlava.png) no-repeat bottom;
	width: 300px;
	height: auto;
	min-height: 170px;
	padding: 5px 196px 5px 9px;
	margin-bottom: 10px;
	color: White;	
}
#content .obsah .cont-zlava p{
	margin: 4px;
}
#content .obsah .cont-zlava h2{
	color: White;
	margin: 3px 0;
}
#content .obsah .cont-zlava .viac{
	display: block;
	text-align: right;
	margin: -6px -190px 0 0;
}
#content .obsah .cont-zlava .viac a{
	font-size: 0.9em;
	font-weight: bold;
	color: White;
	text-decoration: none;
}
#content .obsah .cont-zlava .viac a:hover{
	text-decoration: underline;
}
#content .bok{
	float: right;
	width: 238px;
	padding: 12px;
   height: 500px;
	background: url(images/bg-right-c.png) no-repeat top;
	margin-top: -114px;
	position: relative;
	padding-top: 40px;
}
html>body #content .bok{
	height: auto;
	min-height: 500px;
}
#content .bok a{
	color: Black;
}
#content .bok a:hover{
	color: #CE3100;
}
#content .bok .ponuka-b,
#content .bok .kontakt-b,
#content .bok .cennik-b,
#content .bok .referencie-b,
#content .bok .t3,
#content .bok .t2,
#content .bok .t1{
	width: 228px;
	padding: 5px;
	font-size: 0.75em;
	background: #CCDDDD url(images/bg-t-r1.png) no-repeat bottom right;
	margin: 0;
}
#content .bok .ponuka-b,
#content .bok .cennik-b,
#content .bok .kontakt-b,
#content .bok .referencie-b{
	background: url(images/referencie-b-top.jpg) no-repeat top;
	height: 170px;
	padding-bottom: 0px;
}
#content .bok .ponuka-b{
	background: url(images/ponuka-b-top.jpg) no-repeat top;
}
#content .bok .cennik-b{
	background: url(images/cennik-b-top.jpg) no-repeat top;
}
#content .bok .kontakt-b{
	background: url(images/kontakt-b-top.jpg) no-repeat top;
}
#content .bok h3{
	margin: 5px 0;
	padding: 5px 5px 0 5px;
	width: 228px; height: 23px;
	background: url(images/bg-t-h3.png) no-repeat top;
	font-size: 0.9em;
	color: White;
}
#content .bok .t2{
	background: #F5F8F7 url(images/bg-t-r2.png) no-repeat bottom right;
	margin-bottom: 5px;
}
#content .bok .t2 p{
	margin: 3px 0;
}
#content .bok .t2 .important{
	font-weight: bold;
	color: #C92E00;
}
#content .bok .t3{	
	background: #749749;
	color: White;
}
#content .bok .t3 a{
	color: #E3EBD8;
	text-decoration: none;
}
#content .bok .t3 a:hover{
	color: white;
	text-decoration: underline;
}
#content .bok .bannery img{
	border: 0;
}
#content .bok .bannery ul{
	margin: 0; padding: 0;
	list-style: none;
}
#content .bok .bannery .noemy-demo,
#content .bok .bannery .graficke-navrhy{
	width: 238px;
	height: 125px;
	display: block;
	position: relative;
	color: #A52A2A;
	cursor: pointer;
	overflow: hidden;
	margin-bottom: 5px;
	text-decoration: none;
}
#content .bok .bannery .noemy-demo span,
#content .bok .bannery .graficke-navrhy span{
	width: 238px;
	height: 125px;
	position: absolute;
	top: 0;	left: 0;
	background: url(images/banner-graficke-navrhy.png) no-repeat top left;
}
#content .bok .bannery .noemy-demo span{
	background: url(images/banner-noemy-demo.png) no-repeat top left;
}
#content .bok .fs{
	border: 1px solid #93AAAB;
	background: #F5F8F7 url(images/bg-t-r2.png) no-repeat bottom right;
	position: relative;
	padding: 5px;
	margin: 5px 0;
}
#content .bok .fs label{
	font-size: 0.75em;
}
#content .bok .fs input{
	font-size: 0.75em;
	border: 1px solid #93AAAB;
	background: #FFFFFF;
}
#content .bok .fs legend{
	font-size: 0.75em;
	font-weight: bold;
}
#content .bok .submenu{
	margin: 0; padding: 0;
}
#content .bok .submenu li{
	list-style: none;
	margin: 0;	padding: 0;
}
#content .bok .submenu li a{
	height: 27px; width: 208px;
	display: block;
	background: white url(images/bg-podmenu.png) top left;
	font-size: 0.75em;
	color: #CE3100;
	padding: 8px 0 0 30px;
	border-bottom: 1px solid #B8CFCE;
	border-top: 2px solid #E7EDED;
	text-decoration: none;
	overflow: hidden;
}
#content .bok .submenu .checked a{
	background: white url(images/bg-podmenu-ch.png) top left;
}
#content .bok .submenu li a:hover{
	background: white url(images/bg-podmenu-o.png) top left;
}
#content .bok .submenu .checked a:hover{
	background: white url(images/bg-podmenu-ch-o.png) top left;
}
#content .bok .submenu .sub{
	margin: 0; padding: 0;
}
#content .bok .submenu .sub li a{
	margin: 0;
	background: #CE3100;
	padding: 4px 6px 2px 6px;
	height: 20px; width: 226px;
	color: White; 
	border-bottom: 1px solid #EA3500;
	border-top: 1px solid #9F2400;
}
#content .bok .submenu .sub li a:hover{
	background: #A52A2A;
}
#content .bok .submenu .sub .checked a{
	background: #FFD2C8;
	color: #CE3100;
}
#content .bok .submenu .sub .checked a:hover{
	background: #FFEDEA;
}
#content .bok .pkont{
	font-size: 0.65em;
	color: #92AAAA;
}
#content .bok .statusbar{
	width: 234px;
	height: 22px;
	background: White;
}
#content .bok .status{
	background: url(images/status-bar.png);
	height: 22px;
	font-size: 1em;
	font-weight: bold;
	text-indent: 10px;
	color: White;
}
#content .bok .statuszoz{
	font-size: 0.7em;
	padding: 0px 10px 5px 15px;
	margin: 5px 0;
	color: #708E8F;
}
.nln li{
	margin-bottom: 7px;
}
.newest-ref{
	width: 185px;
	padding: 5px;
	margin: -15px 5px 5px 10px;
	float: right;
	background: #EDF2F1;
}
.newest-ref h3{
	margin: 0;	padding: 0 0 5px !important;
	color: #446666 !important;
	font-weight: normal;
	font-size: 1em !important;
}
.newest-ref p{
	text-align: right;
	margin: 0;	padding: 3px 0 0;
	color: #CE3100;
}
.newest-ref img{
	border: 0;
}
.newest-ref a{
	text-decoration: none;
	color: #CE3100 !important;
}
.newest-ref a:hover{
	text-decoration: underline;
}
#content h3{
	font-size: 1.1em;
	font-weight: normal;
	margin: 0;	padding: 5px 0;
}
#content h3 a{
	text-decoration: none;
	color: #CE3100;
}
#content h3.cms a{
	color: #93AAAB;
}
#content h3.aukcie a{
	color: #799C4C;
}
#content h3.namieru a{
	color: #6B9C9B;
}
#content h3 a:hover{
	text-decoration: underline;
}
.ibox{
	padding: 5px 10px 5px 70px;
	margin-left: 10px;
}
.ibox p{
	border-left: 1px solid #D9E0E1;
	padding: 0 0 0 15px;
	margin: 0;
}
.box-cms{
	background: url(images/ico-noemy-cms.png) no-repeat left;
}
.box-eshop{
	background: url(images/ico-noemy-eshop.png) no-repeat left;
}
.box-aukcie{
	background: url(images/ico-noemy-aukcie.png) no-repeat left;
}
.box-namieru{
	background: url(images/ico-riesenia-na-mieru.png) no-repeat left;
}
.ibox .tr{
	margin: 0;	padding: 0;
	text-align: right;
}
.box-cms .tr a{
	color: #93AAAB !important;
}
.box-eshop .tr a{
	color: #CE3100 !important;
}
.box-aukcie .tr a{
	color: #799C4C !important;
}
.box-namieru .tr a{
	color: #6B9C9B !important;
}

#pata{
	width: 100%;
	height: 60px;
	padding-top: 16px;
	background: url(images/bg-pata.png) repeat-x top;
	position: relative;
	float: left;
}
#pata div{
	width: 778px;
	position: relative;
	margin: 20px auto;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #7C9798;
	text-align: right;
}
#pata a{
	color: #7C9798;
}
#pata a:hover{
	color: Black;
}