HTML { font-size:100.01%; height:100%; background: url(../images/noise.png)}
BODY,DIV,SPAN,APPLET,OBJECT,IFRAME,H1,H2,H3,H4,H5,H6,BLOCKQUOTE,PRE,A,ABBR,ACRONYM,ADDRESS,BIG,CITE,CODE,DEL,DFN,EM,FONT,IMG,INS,KBD,Q,S,SAMP,SMALL,STRIKE,SUB,SUP,TT,VAR,DL,DT,DD,FIELDSET,FORM,LABEL,LEGEND,CAPTION,TFOOT,THEAD,TH,HR { padding:0; margin:0; border:none; outline:none; vertical-align:baseline; font-family:inherit; }
P { margin-top:0px;}
DFN,I,CITE,VAR,ADDRESS,EM { font-style:normal; }
TH,B,H1,H2,H3,H4,H5,H6 { font-weight:normal; }
TEXTAREA,INPUT,SELECT { font-family:inherit; font-size:1em; }
TABLE { border-collapse:collapse; border-spacing:0; }
CAPTION,TH,TD { text-align:left; }
:focus { outline:none; }

/* main */
body { font-family:Arial, Helvetica, sans-serif; font-size:12px;height:100%; background:url(../images/bg.png) top center no-repeat #0e0e0e; color:#282828 }
	.container { width: 1000px; margin:auto; float: none }
	.mainpage { width: 1000px; position: relative; margin:auto; float:none }


/* top + menu */
.container-menu { width:965px; height:45px; padding:30px 25px 30px 10px }
	.logo { width:150px; height:45px; overflow:hidden; float:left }


/* btn */	
	.container-menu ul { float:right; display:block; padding:0; margin:0 }
		.container-menu a { text-decoration:none; color:#FFF }
		
		.container-menu li { float:left; display:block }
			.container-menu li a { height:30px; padding:15px 30px 0 30px; display:block; float:left; }
			.container-menu li a:hover { background-position: 0 -250px;  color:#f600ff }



/* promo index */
.promo { width:980px; margin:0 10px 0 10px; height:540px;overflow:hidden;position:relative }
	.promo img{float:left; position:absolute; top:0;left:0; z-index:8; opacity:0.0;}
		.promo img.active{ z-index:10;  opacity:1.0;}
		.promo img.last-active{ z-index:9;}
.promoNavigation{ height: 45px; text-align: center;}
	.promoNavigation .inner{ margin: 20px auto; display: table;}
		.promoNavigation span{display: block; float:left;height: 12px; margin: 0px 10px; width: 12px; background: url("../images/promo_button.png") no-repeat scroll -3px 1px black;}
			/*.promoNavigation a:hover{background: url("../images/promo_button.png") no-repeat -23px 1px black;}*/
			.promoNavigation span.active{background: url("../images/promo_button.png") no-repeat -23px 1px black;}



/* content */
.container-content { width:980px; padding:0 10px 0 10px; background:url(../images/content.gif) top }
	.content { width:920px; padding:45px 30px 75px 30px; background:url(../images/content-bottom.gif) bottom no-repeat; overflow:auto; line-height:1.4em }


			.referencie-btn { width:840px; height:360px; background:url(../images/referencie-btn.jpg) }
			.referencie-btn a { width: 840px; height:360px; display:block }
			.referencie-btn a:hover { background:url(../images/referencie-btn-maska.png); _background:none; }	
	
	/* ref detail */
		.referencie-detail { padding:0 0 60px 0; background:url(../images/referencie-detail-shadow.jpg) bottom no-repeat }
			.referencie-detail-bottom { width:180px; height:40px; padding:10px 30px 40px 770px; background:url(../images/referencie-detail-bottom.png) top no-repeat }
				.referencie-detail-bottom span a { width:50px; height:40px; margin-right:20px; background:url(../images/referencie-detail-btn-back.png) top; display:block; float:left }
				.referencie-detail-bottom span a:hover { background:url(../images/referencie-detail-btn-back.png) bottom }
				.referencie-detail-bottom div a { width:110px; height:40px; background:url(../images/referencie-detail-btn-next.png) top; display:block; float:left }
				.referencie-detail-bottom div a:hover { background:url(../images/referencie-detail-btn-next.png) bottom }


/* c ref browser */

.container-referencie { width:920px; padding:0 0 60px 0; float:left }
	.referencie-content { width:360px; padding:15px 0 0 30px; float:left }

			.referencie-browser { width:530px; height:325px; padding:30px 0 0 0; background:url(../images/browser-bg.png); float:left; }
				.referencie-browser img.reference-image { position:absolute; top:1px; left:1px;width:528px;	height:298px; }
				.referencie-browser img.reference-image.hover{ opacity:0; filter: alpha(opacity = 0);}
					.referencie-browser a { 
						width:528px; 
						height:298px; 
						display:block;
						position:relative; 
						z-index:99999999; 
					}
					/*.referencie-browser a:hover { background:url(../images/browser-btn-a.png); _background:none; }*/


/* kontakt */
.container-kontakt { width:920px; padding:15px 0 0 0; line-height:1.6em }
	.kontakt-l { width:280px; float:left }
	.kontakt-mapa { width:317px; height:420px; padding:0 0 0 0; float:left;}
		.mapa { width:317px; height:356px; padding:25px 0 0 0; margin-bottom:30px; overflow:hidden;}
		.mapa-btn { width:120px; height:40px; background:url(../images/poslat-spravu.png);}
			.mapa-btn a { width:120px; height:30px; padding:10px 0 0 0; display:block; color:#FFF; text-align:center;}
			.mapa-btn a:hover { color:#FFF !important; text-decoration:none !important;}
	.kontakt-r { width:317px; float:left; overflow:hidden; }


			/* formulare kontakt */
					.form-kontakt-small { width:220px; height:30px; padding:0; margin:0 20px 0 0;}
			
						.container-kontakt-form-nadpis {}
						.container-kontakt-form-nadpis span { width:260px; float:left}
			
			.form-kontakt-small 
				{
				-moz-background-clip:border;
				-moz-background-inline-policy:continuous;
				-moz-background-origin:padding;
				-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2) inset;
					
				-webkit-background-clip:border;
				-webkit-background-inline-policy:continuous;
				-webkit-background-origin:padding;
				-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2) inset;
				
				background:#FFFFFF none repeat scroll 0 0;
				border:1px solid #BCBBBB;outline-color:-moz-use-text-color;
				outline-style:none;
				outline-width:medium;
				padding:5px 5px 5px 7px;
				width:220px;
				margin:6px 20px 6px 0px; 
				float:left;
				-moz-border-radius:4px;
				-webkit-border-radius: 4px;
				
				 }
			
			.kontakt-form-btn { float:left }	
			.kontakt-form-btn input { width:120px; height:40px; cursor: pointer; background:url(../images/poslat-spravu.png); border:none; padding:0; margin:20px 0 0 0; color:#FFF }
			
			.form-kontakt-small:focus { background-color:#edf1f7 }


/* blog */
.blog-l { width:600px; float:left}
.blog-r { width:220px; padding:0px 50px 0 20px; float:right;}
	.blog-kat-date { padding:0 0 15px 0;}
	.blog-kat-date span { color:#CCC; padding:0 0 0 15px; background:url(../images/blog-date-kat-delic.gif) 8px 3px no-repeat}
		.blog-pokracovanie-clanku { width:600px; height:80px; padding:15px 0 0 0; background:url(../images/blog-delic-clankov.gif) 0px 60px repeat-x}

			.blog-bottom { width:180px; height:40px; padding:10px 30px 15px 420px }
							.blog-bottom span a { width:50px; height:40px; margin-right:20px; background:url(../images/blog-back.gif) top; display:block; float:left }
							.blog-bottom span a:hover { background:url(../images/blog-backa.gif) bottom }
							.blog-bottom div a { width:110px; height:40px; background:url(../images/referencie-detail-btn-next.png) top; display:block; float:left }
							.blog-bottom div a:hover { background:url(../images/referencie-detail-btn-next.png) bottom }
							
	.blog-r ul { padding:0; margin:0; display:block}
	.blog-r li { padding:0 0 15px 15px; margin:0; display:block; background:url(../images/ico-chat.gif) 0px 5px no-repeat; list-style:none; }


			.blog-newsletter { width:220px; height:30px; padding:30px 0 45px 0; position: relative;}
				 
			#blog-input { width:140px; height:30px; float:left;}
			#blogLabel { position: absolute; top:36px; left:10px; color:#8f8f8f;}
				#blog-input input { width:131px; height:28px; padding:0 7px 0 7px; margin:0; border: 1px solid #CCC; text-align:center }	
				.blog-btn input { width:70px; height:30px; background:url(../images/blog-btn.png); border:none; color:#FFF }
				
				
							.blog-bottom-detail { width:50px; height:60px; padding:60px 30px 15px 550px }
							.blog-bottom-detail span a { width:50px; height:40px; margin-right:20px; background:url(../images/blog-back.gif) top; display:block; float:left }
							.blog-bottom-detail span a:hover { background:url(../images/blog-backa.gif) bottom }

			

/* produkty */

.produkty-stlpec { width:260px; height:245px; padding:15px 45px 0 0; float:left }

	.produkty-stlpec span { height:125px; display:block }
	.produkty-stlpec-detail-l { width:450px; padding:15px 0 0 0; float:left }
		.produkty-stlpec-detail-l span { display:block; height:60px; padding:30px 0 0 0;}
		.produkty-stlpec-detail-r { width:470px; float:left }



/* c submenu */
	.container-content-submenu a { font-weight:bold;}
	.container-content-submenu { width:600px; height:40px; padding:4px 0 0 0; margin:0 }
		.container-content-submenu li { padding:0 15px 0 0; margin:0;background:url(../images/c-submenu-delic.gif) right no-repeat; display:block; float:left }


/* footer */
.container-footer { width:1000px; padding-bottom:40px; background:url(../images/footer-bottom.png) bottom; overflow:auto }

.footer { width:980px; padding:30px 10px 0 10px; color:#FFF; background:url(../images/footer-top.png) top no-repeatl }
	.footer span { width:425px; padding:0 15px 0 20px; background:url(../images/ico-chat.gif) 0px 5px no-repeat; float:left; display:block }
	.footer a { color:#FFF; text-decoration:none }
		.footer a:hover {color:#f600ff }
		
			.footer ul { width:260px; display:block; float:left; padding:0; margin:0 }
				.footer li { padding:0 0 0 30px; margin:0;line-height:1.7em; display:block; background:url(../images/footer-li.gif) 20px 8px no-repeat }
				
				.copyright { width:950px; padding:5px 10px 30px 40px; color:#282828; text-align:center }
					.copyright span { display:block; padding:15px 0 15px 0; }
					

/**/
.btn-produkty-back { margin-top:30px; float:left; background:url(../images/btn-produkty-back.png) left }
	.btn-produkty-back a { height:25px; padding:5px 30px 0 20px; display:block; color:#FFF; background:url(../images/btn-produkty-back-r.png) right no-repeat}
	.btn-produkty-back a:hover { color:#FFF !important}


		
		
/* h */
/*
@font-face {
	font-family: 'NimbusSansDOTUltraLight';
	src: url('nimbussansdot-ultrligh-webfont.eot');
	src: local('☺'), url('nimbussansdot-ultrligh-webfont.woff') format('woff'), url('nimbussansdot-ultrligh-webfont.ttf') format('truetype'), url('nimbussansdot-ultrligh-webfont.svg#webfont5IUyd4Vk') format('svg');
	font-weight: normal;
	font-style: normal;
}
	*/			 

h1, h2, h3,h4 { font-weight:normal; line-height:normal;}

h1 { font-size:46px; padding-bottom:10px;  }
h2 { font-size:24px; padding:0 0 15px 0; }
h3 { font-size:14px; padding:5px 0 10px 0; font-weight:bold}
	.container-blog-clanok h3 { font-size:18px; color:#de00ff; padding:0 0 0 0; font-weight:normal }
	.blog-l h3 { font-size:18px; padding:5px 0 0 0;}
h4 { font-size:18px; padding:0 0 27px 0; }

/* li */
.produkty-stlpec-detail-l ul { padding:0; margin:0; display:block}
.produkty-stlpec-detail-l li { padding:0 0 15px 20px; margin:0; display:block; background:url(../images/pokracovanie-clanku.gif) 0px 5px no-repeat}

/* pre blog */
.blog-l ul { padding:0; margin:0; display:block}
.blog-l li { padding:0 0 15px 20px; margin:0; display:block; background:url(../images/pokracovanie-clanku.gif) 0px 5px no-repeat}




small { font-size:12px; color:#999}
b { font-weight:bold}


a { text-decoration:none;color:#f600ff}
.content a:hover { color:#f600ff; text-decoration:underline;}
				.on a { color:#F600FF }

div.flash {
	color: black;
	background: #FFF9D7;
	border: 1px solid #E2C822;
	padding: 1em;
	margin: 0 10px 20px 10px;
}

div.flash.error{
	color: red;
	background: #fce5f0;
	border: 1px solid #f86c80;
}


/*
.btn-sluzby {}
	.btn-sluzby a { width:58px; height:24px; padding:6px 0 0 12px; background:url(../images/blog-btn.png); display:block; color:#FFF;}
		.btn-sluzby a:hover { background:url(../images/blog-btna.png); text-decoration:none; color:#FFF;}
*/

.facebook_referencies{ height: 30px;}