@charset "utf-8";
/*
    INVELT.CZ
    cascading style sheets
    css 2.0 compliant
    http://www.w3.org/tr/css21/
	copyright: HLAVÁČEK WEBDESIGN 2007
	author: Tomáš Hlavácek
	www.hlavacek-webdesign.cz

default tag styling */

html, body { font-family: Arial, Verdana,  Helvetica, sans-serif; padding:0; margin:0; }

.cleaner{ width:90%; clear:both; visibility:hidden; height:0; padding:0; margin:0; line-height: 0px; }
	
hr.cleaner{ height:1px !important;}

/* global menu settings */
ul, li 	{ margin:0; padding:0;}	
li 		{ list-style:none; }
li a 	{ cursor:pointer;}

/* background setting*/
	body { 
		background: #fff;
		font-size: 10px;
		}

/* main container */
	#web { 
		position:relative;
		margin-right:auto;
		margin-left:auto;
		margin-top:0;
		width:1021px;
	}
	
/* heading */	
	#heading{
			margin:0;
			padding:0;
			width:100%;
			height: 321px;
		}
/* top menu */	
	#top-menu{
			margin:0;
			padding:0;
			width:100%;
			height: 39px;
			/*background: url('../images/top-menu.gif') 0 0 no-repeat;*/
		}
	#top-menu li 	{ display:inline;}
	#top-menu li a 	{ display:block; float:left; position:relative; margin:0; padding:0; font-size:9px; color:#000;}
	

/* home link under logo*/
	#logo {}
	#logo a {cursor:pointer;}
		a.link-to-home-site{ width:471px; height:150px; display:block;  }
		h1{	position:relative; float:left; margin:0; padding:0; width:471px; height:150px; font-size:9px; color:#000; }
		h1 span{position:absolute; top:0; left:0; margin:0;	padding:0; height:100%;	width:100%;	
				background: url('../images/logo.gif') no-repeat;
		}
		
/* languages and video */
	#quick-menu { 
		float:left;
		margin:0;
		padding:0;
		width:550px;
		height:87px;
		background: url('../images/quick-menu.gif') no-repeat;
	}
	
	ul.quick-menu-items {
		width:170px;
		height: 30px;
		margin: 0 0 0 320px;
	}
	
	#quick-menu li 	{ display:inline;}
	#quick-menu li a 	{ 
		position:relative; 
		display:block; 
		float:left; 
		margin:0;
		padding:0 10px 0 0;
		font-size:12px; 
		color:#000; 
		width:30px; 
		height:30px;
	}
	.work a { width: 180px !important;}
	.hires a { width: 50px !important;}
	.cz span,.en span,.es span,.ru span,.play-video span,.play-video-small span
		{ position:absolute; top:0; left:0; margin:0; padding:0; height:100%; width:100%;	}
		
	.cz span		{ background: url('../images/cz.gif') no-repeat; }
	.en span		{ background: url('../images/en-selected.gif') no-repeat; }
	.es span		{ background: url('../images/es.gif') no-repeat; }
	.ru span		{ background: url('../images/ru.gif') no-repeat; }
	
	ul.video {
		width:500px;
		margin: 0 0 0 320px;
		/*border: 1px solid #000;*/
	}
	.play-video 		span{ background: url('../images/video.gif') no-repeat; }
	.play-video-small 	span{ background: url('../images/video-small.gif') no-repeat; }
	
/* old menu 
	#menu { 
		position:relative;
		float:right;
		margin:0;
		padding:0;
		width:550px;
		height:195px;
	}
	#menu img { border:none;}*/

#menu,#menu-home, #menu-produk, #menu-jakost, #menu-refere, #menu-invelt, #menu-aktual, #menu-svet { position: relative; width: 550px; height: 195px; margin: 0; padding: 0; background-image: url("../images/right-menu-gray.jpg"); float: right; }
#menu-home { background-image: url("../images/menu.jpg"); }
#menu-produk { background-image: url("../images/menu-produk.jpg"); }
#menu-jakost { background-image: url("../images/menu-jakost.jpg"); }
#menu-refere { background-image: url("../images/menu-refere.jpg"); }
#menu-invelt { background-image: url("../images/menu-invelt.jpg"); }
#menu-aktual { background-image: url("../images/menu-aktual.jpg"); }
#menu-svet { background-image: url("../images/menu-svet.jpg"); }
  #menu img,#menu-home img, #menu-produk img, #menu-jakost img, #menu-refere img, #menu-invelt img, #menu-aktual img, #menu-svet img { position: absolute; top: 0; right: 0; z-index: 1; border: none; }
  #m1.hlight { position: absolute; top: 0; right: 0; width: 300px; height: 93px; background: url("../images/image-menu1.gif"); }
  #m2.hlight { position: absolute; top: 38px; right: 0; width: 418px; height: 61px; background: url("../images/image-menu2.gif"); }
  #m3.hlight { position: absolute; top: 94px; right: 0; width: 535px; height: 93px; background: url("../images/image-menu3.gif"); }
  #m4.hlight { position: absolute; top: 120px; right: 0; width: 417px; height: 67px; background: url("../images/image-menu4.gif"); }
  #m5.hlight { position: absolute; top: 127px; right: 0; width: 300px; height: 60px; background: url("../images/image-menu5.gif"); }
  
/* breadcrumbs */
	#breadcrumbs { 
		position:relative;
		float:left;
		margin:0;
		padding:0;
		width:471px;
		height:132px;
		background: url('../images/breadcrumbs.jpg') no-repeat;
	}
	.bread-gray { 
		margin:0;
		padding:0;
		width:471px;
		height:91px;
		border-bottom:41px solid #bbbbba;
	}
	.bread-white {
		width:471px;
		height:132px;
		background: url('../images/bread-white.gif') no-repeat !important;
	}
	.bread-svet {
		width:471px;
		height:132px;
		background: url('../images/bread-svet.jpg') no-repeat !important;
	}
	.bread-svet-ref {
		width:471px;
		height:132px;
		background: url('../images/bread-svet-reference.gif') no-repeat !important;
	}
	
	address a { color: #fff;}
	.main-heading, .section-heading, .section-heading-reference {
	margin: 0;
	padding: 26px 0 0 10px;
	font-size: 12px;
	font-weight:bolder;
	font-style:italic;
	color: #bd002b;
	}
	.main-heading{ font-size: 20px; padding: 26px 0 0 25px !important;}
	.section-heading {
	padding: 10px 0 0 10px !important;
	text-transform:uppercase;
	}
	.page-heading {
	padding: 20px 0 0 20px;
	color: #bd002b;
	font-size: 13px;
	}
	.page-heading a 		{ color: #000;}
	.page-heading a:hover	{ text-decoration: none; color: #bd002b;}
	.ref-selected { color: #bd002b !important; }
	
	/* reference */	
	.section-heading-reference {
	padding: 10px 0 0 20px !important;
	text-transform:uppercase;
	float:left;
	}
	
	

/* breadcrumbs */
	#content, #content-reference, #content-mainpage { 
		margin:0;
		padding:0; 
		width:1021px; 
		height:518px;
		background: url('../images/content-background.jpg') no-repeat;
	}
	 
	.mainpagephoto 	{ margin: 15px 0 0 50px; border:none; float: left;}
	#job 			{  height: 106px; width: 600px; float:left;}
	#job a			{ display:block; margin: 25px 0 0 400px; width: 174px; height: 35px; cursor:pointer; text-decoration:none;}
	#job a span     { visibility:hidden;}
	#content-reference { 
		background: url('../images/content-background2.jpg') no-repeat !important;
	}
	#content-mainpage { 
		background: url('../images/content-mainpage.jpg') no-repeat !important;
	}
	
	#content-text, #mainpage-text, #content-invelt-ve-svete {
		margin:0;
		padding:0;
		width:511px;
		height:518px;
		background-color: #bbbbba;
		float:left;
		/*border-right: 1px dashed #000;*/
		overflow:auto;
		font-size: 13px;
	}
	
	#content-text ul {}
	#content-text ul li { list-style-type:none; padding: 0 0 0 10px; margin:0;}
	#content-text ul li span.type{ display: block; border: 1px #bbbbba solid; width: 30px; float: left; text-align:right; padding-right: 5px; text-decoration: none !important;}
	#content-text ul li span.licontent{ display: block; border: 1px #bbbbba solid; width: 430px; height: 25px;}
	#content-text ul li span.licontent a{ text-decoration: none !important;}
	
	#content-invelt-ve-svete 		{ width: 330px !important; background: none; padding: 0 10px; border: none;}
	#content-invelt-ve-svete  a		{ margin: 10px 0; float:left; text-decoration: none;}
	#content-invelt-ve-svete  a img { border: none; width: 55px; height: 30px; margin: 2px; border: 1px solid #000;}
	#content-invelt-ve-svete  a span{ display: block; height: 30px; width: 60px; color: #fff; font-size: 10px; text-align: center;}
	#content-text a			{ text-decoration:underline; color: #000; font-weight:bold; } 
	#content-text a:hover	{ text-decoration:none; 	 color: #cc0000;} 
	#content-text a	img		{ border: none;} 
	
	#content-invelt-ve-svete-reference { 
		margin:0;
		padding: 0 10px;
		width: 330px;
		height:518px;
		background-color: #bbbbba;
		float:left;
		overflow:auto;
	}
	#mainpage-text  {
	border: none !important;
	background: none !important;
	}
	#content-text h2 {
		margin: 0 30px 5px 30px;
		padding:0 0 5px 0;
		font-size: 13px;
		border-bottom: 1px dotted #c00;
		color:#c00;
	}
	#content-text p, #content-text h3, #content-text ul{
		margin: 0 30px 15px 30px;
		padding:0;
		font-size: 13px;	
	}
	
	.list-small li{
		padding: 0 0 0 5px;
		margin: 0 0 0 15px;
		color:#f00;
		list-style-type:disc !important;
	}
	.list li{
		padding: 0 0 0 5px;
		margin: 0 0 0 30px;
		list-style-type:disc !important;
	}
	#content-text li span{
		color:#000;
	}
	
	.no-style li {list-style-type:none !important;}
	
	.box-float-left { float:left;}
	
	#content-addition-mainpage {
		width:1021px;
		height: 100px;
		margin:0;
		color: #fff; 
		font-style:normal;
	}
	
	
	#content-addition address, #illustr-img, #illustr-img-jakost {
		width:219px;
		float:left;
		height: 335px;
		margin:0;
		padding:0 0 0 265px;
		color: #fff; 
		font-style:normal;
		font-size: 12px;
	}
	
	#illustr-img 			{ height: 400px;}
	#illustr-img-jakost 	{ height: 380px !important; width: 400px !important; padding: 0 0 30px 50px !important;}
	#illustr-img-jakost img { float:left; margin: 30px 40px;}
	
	/* address background images*/
	.address-holding , .address-elektro { background:url('../images/invelt-holding.jpg') 0 32px no-repeat; }
	.address-energo 					{ background:url('../images/invelt-energo.jpg') 0 32px no-repeat; }
	.address-industry-international 	{ background:url('../images/invelt-industry-international.jpg') 0 32px no-repeat; }
	.address-aktuality 					{ background:url('../images/invelt-aktuality.jpg') 0 32px no-repeat; }
	.address-servis 					{ background:url('../images/invelt-servis.jpg') 0 32px no-repeat; }
	
		/* address background images for other pages*/
	.invelt-produkty 	{ background:url('../images/invelt-produkty.gif') 0 20px no-repeat; }
	.invelt-produkty1 	{ background:url('../images/invelt-produkty1.gif') 0 20px no-repeat; }
	.invelt-produkty2 	{ background:url('../images/invelt-produkty2.gif') 0 20px no-repeat; }
	.invelt-produkty3,.invelt-produkty3-1,.invelt-produkty3-3,.invelt-produkty3-4,.invelt-produkty3-5 	
						{ background:url('../images/invelt-produkty3.gif') 0 20px no-repeat; }

	.invelt-produkty3-2 { background:url('../images/invelt-produkty3-2.gif') 0 20px no-repeat; }
	.invelt-produkty3-6	{ background:url('../images/invelt-produkty3-6.gif') 0 20px no-repeat; }
	.invelt-produkty3 	{ background:url('../images/invelt-produkty3.gif') 0 20px no-repeat; }
	.invelt-produkty4 	{ background:url('../images/invelt-produkty4.gif') 0 20px no-repeat; }
	.invelt-produkty5 	{ background:url('../images/invelt-produkty5.gif') 0 20px no-repeat; }
	.invelt-produkty6 	{ background:url('../images/invelt-produkty6.gif') 0 20px no-repeat; }
		.invelt-produkty7 	{ background:url('../images/invelt-produkty7.gif') 0 20px no-repeat; }
	.invelt-produkty8 	{ background:url('../images/invelt-reference2.gif') 0 20px no-repeat; }
	.invelt-produkty9 	{ background:url('../images/invelt-reference2.gif') 0 20px no-repeat; }
	.invelt-produkty10 	{ background:url('../images/invelt-produkty10.gif') 0 20px no-repeat; }
	.invelt-produkty12 	{ background:url('../images/invelt-produkty12.gif') 0 20px no-repeat; }
	.invelt-produkty13 	{ background:url('../images/invelt-produkty13.gif') 0 20px no-repeat; }
	.invelt-produkty14 	{ background:url('../images/invelt-produkty14.gif') 0 20px no-repeat; }
	.invelt-produkty15 	{ background:url('../images/invelt-produkty15.gif') 0 20px no-repeat; }
	
	.invelt-reference1 	{ background:url('../images/invelt-reference1.gif') 0 20px no-repeat; }
	.invelt-reference2 	{ background:url('../images/invelt-reference2.gif') 0 20px no-repeat; }
	.invelt-reference3 	{ background:url('../images/invelt-reference3.gif') 0 20px no-repeat; }
	.invelt-jakost 		{ background:url('../images/invelt-jakost.gif') 10px 20px no-repeat; }
	.invelt-ve-svete	{ background:url('../images/invelt-ve-svete.gif') 0 20px no-repeat; } 
	
	
	address span{ display: block; width: 110px; float:left;} 
	#search-box {  
		width:284px;
		padding: 90px 0 0 195px;
		float:left;
		color: #fff;
		font-size: 12px;
		text-transform:lowercase;
		font-weight:bold;
	}
	
	.search-box-right { float: right !important; padding: 0 !important; margin: -130px 25px 0 0;}
	.search-box-right-jakost { float: right !important; padding: 0 !important; margin: 15px 31px 0 0;}
	#search-box div 	{ margin: 15px 0;}
	#search-box div span{ display: block; width: 110px; float:left; white-space: nowrap;}
	#search-box input 	{
		background-image: url('../images/search-box.gif');
		background-position: 0 2px;
		background-repeat:no-repeat;
		background-color: #30302f;
		border: none; 
		width: 110px; 
		margin: 0 5px 0 0;
		padding: 0 5px;
	}
	.search-box-mainpage {
		width:284px !important;
		padding: 34px 31px 0 0 !important;
		float:right !important;
	}
	.search-box-padd { padding: 25px 0 0 195px !important;}
	.search-box-svet{ 
		color:#fff; 
		text-decoration: none; 
		/*background:url('../images/search-box-item.gif') 0 3px no-repeat !important;*/
		padding: 425px 0 0 355px !important;}
	
	
	.search-box-svet input 	{	
		background-image: url('../images/search-box2.gif') !important;
		background-position: 0 2px;
		background-repeat:no-repeat; 
		background-color: #ebc5aa !important;
		}
	.search-box-svet-a 		{	background:url('../images/search-box-item2.gif') 0 3px no-repeat!important; }
	
	#search-box a { 
		color:#fff; 
		text-decoration: none; 
		background:url('../images/search-box-item.gif') 0 3px no-repeat;
		padding: 0 0 0 15px;
	}
	#search-box a:hover { 
		text-decoration: underline;
	}
	.no-background 	{ background: none !important; padding: 0 !important;	}
	
/* back button */
.button_back { display:block; margin: 0 25px; padding: 10px 0 0 0;  border:none !important; width: 25px; height: 25px;}
.button_back_svet {margin: 0 25px 0 15px !important;}
.button_back img { border:none !important; width: 23px !important; height: 23px !important;}

.blck12b {margin: 0 0 0 30px;}
.dalsi { text-decoration:underline !important; color:#c00 !important; font-weight:bold;}
.ref {margin: 0 0 0 30px; font-weight: bold; color:#333333;}
.subref { margin: 0 0 0 40px;}
.subsubref { margin: 0 0 0 50px; font-style:italic;}
.subref p{display: inline;}
.subref div{display: inline;}
/* jobs form */ 
label { display: block; }
form { padding: 0 0 0 20px;}

/* pics window */
.pics_link { 
font-size: 13px;
font-weight:bold;
		color:#c00; }
.pics_link:hover {
text-decoration: none;}
.s_page {display:none}