@charset "utf-8";

/*  RESET  */

* {margin: 0; padding: 0; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
  {border: 0; margin: 0; outline: 0; vertical-align: baseline; background: transparent; list-style: none; }
a img { border: 0px solid #fff; }
html { font-size:100.01%; }

.clear { display: block; clear: both; height: 1px; line-height: 1px;}
.fl-left { float: left; }

/*  LAYOUT  */

html, body { height: 100%;}
#wrapper{ width: 960px;	min-height: 100%; height: auto !important; height: 100%; margin: 0px auto -100px; }
	#header	{ width: 960px;	height: 179px; margin: 0 auto; position: relative;}
		ul#top_navigation { display: block; height: 25px; position: absolute; right: 0; }
	 	ul#top_navigation li { float: left; padding: 0 10px 0 24px; }
			ul#top_navigation li#lang_sk, 
			ul#top_navigation li#lang_en { padding-left: 34px; }
			ul#top_navigation li#phone, 
			ul#top_navigation li#lang_en { margin-right: 20px; }
		a#logo { display: block; width: 200px; height: 105px;
				 position: absolute; left: 10px; top: 40px; }
				 a#logo span { display: block; width: 200px; height: 105px; position: absolute; }
		ul#bread { float: left; display: block; height: 39px; position: absolute; left: 280px; top: 130px;  }
			ul#bread li { float: left; padding: 0 2px; }
	ul#navigation { display: block; width: 230px; float: left; clear: both; padding: 0 10px 30px; margin: 0 30px 0 0; }
		ul#navigation li { display: block; }
	#login { width: 230px; margin: 0 30px 0 0; padding: 10px; float: left; clear: left;}
		#login form div { height: 120px; }
	#content { float: right; width: 660px; position: relative; padding: 10px; margin-top: -10px;}
		#content #flashshow { margin: -10px -10px 20px -10px; padding: 10px; height: 220px; }
		.nosshow #content h1 { margin: 0px -10px 20px -10px; padding: 0 10px; }
		#sidebar { width: 220px; float: right; margin: -60px 0 0 10px; padding-left: 9px;}
			.nosshow #sidebar h2, .nosshow #sidebar h3 { margin-left: -9px; padding-left: 9px; }
		#content #boxes div { width: 200px; margin-right: 20px; float: left;}
			#content #boxes #last_project { width: 220px; margin: 0; }
	#footclear { height: 100px; }
#footer { width: 100%; height: 50px; padding-top: 10px; margin: 40px auto 0;}
	#footer p { width: 960px; margin: -50px auto 0; padding-top: 50px; }
	#footer p span { float: right; }

.insetsidebox { width: 220px; margin: -60px 0 0 20px; float: right; }


/*  TYPOGRAFIA  */
.fl-left { float: left; }
.img-right { float: right; margin-left: 20px; }

body { font: 12px/20px Tahoma, Verdana, Geneva, sans-serif; }

h1, h2, h3 { font-weight: normal; line-height: 39px; font-size: 20px; margin-bottom: 20px;}
h4 { font-size: 12px; }

p { margin-bottom: 20px; }
	#footer p { font-size: 10px; }
	#content #sidebar p, #content #sidebar ul { font-size: 10px; line-height: 15px; }
	#login p.error {width: 230px !important; text-align: left; margin-top: -20px; color:#c00;}

sup { vertical-align: super; line-height: 15px; }
	
a { text-decoration: none; }
a:hover { text-decoration: none; }

table { margin-bottom: 20px; }

ul#top_navigation { font-size: 10px; line-height: 25px; background: #b6e0f4;}
ul#bread 		  { line-height: 40px; text-transform: uppercase; font-size: 10px; }

ul#navigation li a	{ line-height: 39px; width: 180px; padding-right: 50px; display: block;
					  text-transform: uppercase; font-weight: bold; text-align: right; font-size: 11px; }
ul#navigation li ul li a	{ text-transform: uppercase; font-size: 10px;
							  line-height: 30px;}
ul#navigation li ul li ul li a	{ width:160px; padding-right: 70px; text-transform: uppercase; font-weight: normal; font-size: 10px; }

#content ul>li { list-style: outside disc url(bullet.gif); margin-left: 20px;}
	#content ul#produkty li {list-style:none;}
#content ol>li { list-style: outside decimal; margin-left: 38px; }

ul#client_files li {display:block; list-style: none; margin-left: 0px !important;}
ul#client_files li strong { display: block; padding: 5px 0 0 70px; }
ul#client_files li span.size { display: block; clear: left; padding: 0 0 0 70px; }
ul#client_files li span.desc { display: block; clear: left; padding: 0 0 5px 70px; }

.gallery_fullsite a { display: inline-block; margin: 0 18px 20px 0; }

	/*special one page only*/
	#history td em { float: right; font-size: 10px; margin-right: 10px; display: inline-block; font-style: normal; font-weight: bold; }
	table#vykon { font-size: 10px; }
	table#vykon td { padding: 5px; }
	.partner-head { display: block; float: left; margin: 0 0 20px 10px; }
		.partner-head h2, .partner-head h3, .partner-head h4 { line-height: 20px; margin-bottom: 0px; }
		.partner-head h3 { font-size: 14px;}
		div.partner-head + div { clear: both; margin: 0 0 40px 120px; }
	.axessimg { float: left; display: block; width: 220px; margin-right: 20px;}
	.axessh { clear: both; padding-left: 240px; }




/*  BACKGROUND IMAGES  */
body { background: white url(bg_site.jpg) left top repeat-x; }
	#header { background: transparent url(bg_header.gif) right 90px no-repeat; }
		a#logo span { background: transparent url(logo.gif) left top no-repeat; }
	ul#top_navigation li { background: transparent url(bg_icons_top.gif) 0px 0px no-repeat; } 
		ul#top_navigation #phone	{ background-position: 4px    5px;}
		ul#top_navigation #email	{ background-position: 4px  -21px;}
		ul#top_navigation #lang_sk	{ background-position: 9px  -49px;}
		ul#top_navigation #lang_en	{ background-position: 9px  -78px;}
		ul#top_navigation #sitemap	{ background-position: 4px -101px;}
	#login { background: url(bg_login.jpg) left top no-repeat; }
	#footer { background: transparent url(bg_footer.gif) left top repeat-x; }
		#footer p { background: transparent url(bg_navibottom.gif) 130px 0px no-repeat; }
	.nosshow #content	{ background: transparent url(bg_content.gif) right 40px no-repeat; }
	.sshow #content		{ background: transparent url(bg_content.gif) right 240px no-repeat; }	
		.nosshow #content #sidebar { background: #fff url(bg_content.gif) -51px 30px no-repeat; }	
	.klient #content { background-image: none; }	
	ul#navigation 		{ background: url(bg_menu.jpg) left bottom no-repeat; }
		ul#navigation li#active a	{ background: transparent url(bg_link_a.gif) 200px center no-repeat; }	
		ul#navigation a:hover		{ background: transparent url(bg_link_h.gif) 200px center no-repeat; }
		ul#navigation ul a:hover	{ background: none; }
/*		ul#navigation ul li#active a{ background: none; }*/
	.sitemap #wrapper { background: transparent url(bg_sitemap_wrap.gif) right 180px no-repeat; }




/*  COLORS */
body { color: #303436; }
	#content #sidebar p { color: #111; }
	#content table { border-right: 1px solid #ddd; border-top: 1px solid #ccc; }
	#content table td,
	#content table th	{ border-left: 1px solid #ddd; border-bottom: 1px solid #ccc; padding: 5px; }	

.nosshow h1, #flashshow { background: #eceded; }
h1 { color: #3e5f76; }
h2 { color: #65c965; }
h3 { color: #6ba2be; }
h1, h2, h3 { border-bottom: 1px solid #e2e3e3; }
.nosshow #sidebar h2, .nosshow #sidebar h3 { background: #eceded; }
.partner-head h2, .partner-head h3, .partner-head h4  { border-bottom: 0px; }
.partner-head { border-bottom: 1px solid #e2e3e3; }

a      { color: #0e1726; border-bottom: 1px solid #e2e3e3; }
a:hover{ color: #68b7de; border-bottom: 1px solid #6ba2be; }
	a#logo { border: none; }
	ul#bread a		{ color: #3e5f76; border: none; }
	ul#bread a:hover{ color: #303436; border-bottom: 1px solid #303436; }
	ul#navigation li ul a		{ color: #6cc065; border-bottom: none; }
	ul#navigation li ul a:hover	{ color: #68b7de; }
	ul#navigation li ul ul a		{ color: #666; }	
	ul#navigation li ul ul a:hover	{ color: #0e1726; }	
	ul#navigation ul li#active a	{ color: black; font-weight: bold; }	
	
	a.file-pdf { display: block; padding: 10px 10px 10px 70px; border: 1px solid #ddd; background: #fcfcfc url(ft-pdf.gif) 10px 10px no-repeat; 
							font-size: 12px; }
							
	ul#client_files li { display: block; border: 0; border-bottom: 1px solid #ddd;
											 background: url(ft-any.gif) 10px 10px no-repeat; background-color: white;}
	ul#client_files li a { display:block; border: 0;}
		ul#client_files li .size { color: #999; }
		ul#client_files li .desc { color: #666; }		
		ul#client_files li a.hida strong { color: #999;}		
	ul#client_files li:hover { background-color: #eee; color: #111;}
		ul#client_files li:hover strong { color: #3e5f76;}
		ul#client_files li:hover .size { color: #666;}
		ul#client_files li:hover .desc { color: #000;}		
		
	ul#client_files li.file-pdf { background-image: url(ft-pdf.gif); }
	ul#client_files li.file-doc,	ul#client_files li.file-docx { background-image: url(ft-doc.gif); }	
	ul#client_files li.file-xls,	ul#client_files li.file-xlsx { background-image: url(ft-xls.gif); }	
	ul#client_files li.file-rar,	ul#client_files li.file-zip { background-image: url(ft-zip.gif); }
	ul#client_files li.file-txt { background-image: url(ft-txt.gif); }		
	ul#client_files li.file-bmp,	ul#client_files li.file-gif,
	ul#client_files li.file-png,	ul#client_files li.file-psd,	
	ul#client_files li.file-jpg,	ul#client_files li.file-jpeg { background-image: url(ft-obr.gif); }
	ul#client_files li.file-css,	ul#client_files li.file-htm,
	ul#client_files li.file-html,	ul#client_files li.file-php { background-image: url(ft-htm.gif); }

	/*---*/
	ul#sitemap { display: block; margin: 20px 0 0 180px;}
	ul#sitemap li { display: block; width: 200px; line-height: 20px; padding-left: 30px; border: none; font-size: 14px;}
		ul#sitemap li a	{ display: block; width: 200px; line-height: 20px; border: none; font-size: 14px;}
		ul#sitemap li 		{ background: url(bg_sitemap_li.gif) 7px top no-repeat;}	
		ul#sitemap li.last	{ background: url(bg_sitemap_lil.gif) 7px bottom no-repeat;}	
	ul#sitemap li ul 	{ display: block; clear: both; 
						  background: url(bg_sitemap_ul.gif) 7px top repeat-y;}	

	/*---LOGIN---*/
		/*login form*/
		#login form input, #login form label, #login h4 { display: block; width : 180px; height: 15px; line-height: 12px; font-size: 12px;}
		#login form input[type="hidden"] { display: none; }
		#login form label, #login h4 { text-align: right; }
		#login h4 { margin-bottom: 20px; line-height: 30px; font-size: 14px; }
		#login form input { border: 1px solid #9fa2a8; height: 13px;}
		
		#login form #submit { float:right; display: block; width: 40px; height: 60px; border: 0px solid white;
													background: url(bg_login.gif) -80px 0px no-repeat; text-indent: -999px; cursor: pointer;}
		#login form #submit:hover { background-position: -40px 0px; }
		#login form #submit:active { background-position: 0px 0px; }
		
		#login p { display: block; line-height: 15px; font-size: 12px; width: 180px; text-align: right;}