/* CSS Document */

body {
 background-image:url(../img/bodybg.png);
 font-size: 11px;
 color:#181b1c;
 _padding-top:2%;
 padding-top:8px;
 margin:0px;
 text-align: center;
 font-family: tahoma;
}

img {
 border: 0;
 margin: 0;
}

a {
 color: #000000;
 text-decoration: none;
}

a:hover {
 color: #000000;
 text-decoration: underline;
}

#all {
 background-color:#181B1C;
 background-image:url(../img/l_bg_head.png);
 background-position:left top;
 background-repeat:no-repeat;
 /*height:580px;*/
 margin:0 auto;
 padding:0; 
 text-align:center;
 width:940px;
}

#header {
 height: 127px;
 width:903px;
 margin: 0 auto;
 background-image: url(../img/r_bg_head.png);
 background-position: left top;
 background-repeat: no-repeat;
 text-align: left;
}

#bottommenu a {
 color: #ffffff;
 margin-right: 45px;
 padding-left: 5px;
 padding-right: 5px;
 padding-top: 3px;
 padding-bottom: 3px;
 text-decoration: none;
}

#bottommenu a:hover {
 color: #ffffff;
 text-decoration: none;
 background-image: url(../img/menu_bg.png);
 margin-right: 45px;
}

#bottommenu a.active {
 color: #ffffff;
 text-decoration: none;
 background-image: url(../img/menu_bg.png);
 margin-right: 45px;
 font-weight: bold;
}

#topmenu a {
 color: #ffffff;
 margin-right: 45px;
 padding-left: 5px;
 padding-right: 5px;
 padding-top: 3px;
 padding-bottom: 3px;
 text-decoration: none;
}

#topmenu a:hover {
 color: #ffffff;
 text-decoration: none;
 background-image: url(../img/menu_bg.png);
 margin-right: 45px;
}

#topmenu a.active {
 color: #ffffff;
 text-decoration: none;
 background-image: url(../img/menu_bg.png);
 margin-right: 45px;
 font-weight: bold;
}

#topmenu {
 height: 21px;
 color: #ffffff;
 padding-top: 9px;
}

#bottommenu {
 bottom: 1px;
 height: 21px;
 position: relative;
 top: 76px;
 color: #ffffff;
}

#content {
 background-color:#FFFFFF;
 background-image:url(../img/bg.png);
 background-position:right top;
 background-repeat:no-repeat;
 /*height:415px;*/
 margin:0 auto;
 text-align:left;
 width:903px;
 position: relative;
} 

h1.home {
 text-indent:-9999px;
 background:url(../img/nadpis/home.png) no-repeat;
 width:480px;
 height:40px;
 margin-top:0px;
 margin-bottom: 0px;
}

h1.predstaveni {
 text-indent:-9999px;
 background:url(../img/nadpis/predstaveni.png) no-repeat;
 width:480px;
 height:40px;
 margin-top:0px;
}

h1.technologie {
 text-indent:-9999px;
 background:url(../img/nadpis/technologie.png) no-repeat;
 width:480px;
 height:40px;
 margin-top:0px;
}

h1.tajemstvi_uspechu {
 text-indent:-9999px;
 background:url(../img/nadpis/tajemstvi_uspechu.png) no-repeat;
 width:480px;
 height:34px;
 margin-top:0px;
}

h1.interactive {
 text-indent:-9999px;
 background:url(../img/nadpis/interactive.png) no-repeat;
 width:480px;
 height:40px;
 margin-top:0px;
}

h1.hostesky {
 text-indent:-9999px;
 background:url(../img/nadpis/hostesky.png) no-repeat;
 width:480px;
 height:40px;
 margin-top:0px;
}

h1.indoor2 {
 text-indent:-9999px;
 background:url(../img/nadpis/ugo_emporio.png) no-repeat;
 width:400px;
 height:40px;
 margin-top:0px;
}

h1.tz {
 text-indent:-9999px;
 background:url(../img/nadpis/tiskove_zpravy.png) no-repeat;
 width:480px;
 height:40px;
 margin-top:0px;
}

h1.ukazky {
 text-indent:-9999px;
 background:url(../img/nadpis/ukazky.png) no-repeat;
 width:480px;
 height:40px;
 margin-top:0px;
}

h1.indoor {
 text-indent:-9999px;
 background:url(../img/nadpis/indoor.png) no-repeat;
 width:300px;
 height:40px;
 margin-top:0px;
}

h1.outdoor {
 text-indent:-9999px;
 background:url(../img/nadpis/outdoor.png) no-repeat;
 width:320px;
 height:40px;
 margin-top:0px;
}

h1.new {
 text-indent:-9999px;
 background:url(../img/nadpis/new.png) no-repeat;
 width:300px;
 height:40px;
 margin-top:0px;
}

#incontent {
 height: 460px;
 padding:15px 20px 0;
 text-align: justify;
}

#incontent.index {
 background-image:url(../img/projektor.png);
 background-position:right bottom;
 background-repeat:no-repeat;
}

#incontent.tajemstvi_uspechu {
 background-image:url(../img/kostky.png);
 background-position:right bottom;
 background-repeat:no-repeat;
}

#incontent.indoor {
 background-image:url(../img/lidi.png);
 background-position:right bottom;
 background-repeat:no-repeat;
}

#incontent.interactive {
 background-image:url(../img/tv.png);
 background-position:right bottom;
 background-repeat:no-repeat;
}

#incontent.kontakty {
 background-image:url(../img/sluchatko.png);
 background-position:right bottom;
 background-repeat:no-repeat;
}

#incontent.video {
 background-image:url(../img/kamera.png);
 background-position:right bottom;
 background-repeat:no-repeat;
}

#incontent.tz {
 background-image:url(../img/tz.png);
 background-position:right bottom;
 background-repeat:no-repeat;
}

#incontent.news {
 background-image:url(../img/news.png);
 background-position:right bottom;
 background-repeat:no-repeat;
}

#incontent.technologie {
 background-image:url(../img/vikuiti.png);
 background-position:right bottom;
 background-repeat:no-repeat;
}

#incontent.technologie table td,th {
 vertical-align:top;
 margin:0;
 padding:0;
 text-align:left;
}

#incontent li.nadpis {
 list-style-image:url(../img/li.png);
 list-style-position:outside;
 font-size:13px;
}

#incontent ul {
 margin-left:-20px;
}

#incontent li {
 list-style-type: none;
}

#content.main {
	width:650px; 
	position:absolute; 
	top:190px;
}

.jmeno {
    font-size: 14px;
    line-height: 25px;
}

.r {
 text-align:right;
}

.l {
 text-align:left;
}

#footer {
 clear:both;
 color:#ffffff;
 padding-right:20px;
 padding-top:8px;
 text-align:right;
 font-size: 90%;
 height:20px;
}

#footer a {
 color: #ffffff;
 padding: 0;
}

#footer a:hover {
 text-decoration: none;
}

#box2 {
 position:absolute;
}

#box1 table {
 border-collapse:collapse;
 width: 100%;
}

#box1 th {
 background-color: #0a0b0c;
 color: #ffffff;
 text-align: center;
 height: 20px;
 font-size:10px;
 vertical-align: middle;
}

#box1 td {
 background-image:url(../img/bg_line.png);
 background-repeat:repeat-x;
 text-align: center;
}

#box1 ul {
 margin:0;
 padding-left:34px;
 padding-right:34px;
}

#box1 li {
 list-style-image:url(../img/li.png);
 list-style-position:outside;
}

#box1 li a {
 font-weight: bold;
 font-size:10px;
 color: #000000;
 text-decoration: none;
}

#box1 li a:hover {
 text-decoration: underline;
}

#videonahled td {
 width: 105px;
}

#videonahled tr {
 height:82px;
}

.videa {
	float: left;
	width: 165px;	
}

#boxs {
	float: left;	
}

#boxs .box {
	width: 310px;
	background-image: url(../img/line_v.png);
	background-position: top right;
	background-repeat: no-repeat;
	padding-right: 15px;
	margin-right: 15px;
	float: left;
}

#boxs .box img {float: right;}

#boxs .box h4 {margin-top: 2px; font-size: 12px; margin-bottom: 5px !important; padding-right: 100px;}

#boxs .box p {width: 200px; font-family: Helvetica; margin-top: 0px !important;}

div.title {height: 35px;}

div.title p {width: 195px;}

div.title p.left {float: left;}

div.title p.right {float: right;}

#boxs .video {
    background: none repeat scroll 0 0 transparent;
    float: left;
    width: 147px;
}

#boxs .video p {font-family: Helvetica;}

div#reklama {
	width: 800px;
	height: 562px;
	background-image: url(../img/reklama.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: -96px;
	left: 52px;	
}

div#reklama span#close {
	display: block;
	width: 24px;
	height: 24px;
	float: right;
	cursor: pointer;
	margin-top: 11px;
	margin-right: 13px;	
}

div#reklama span#buy {
	display: block;
	height: 37px;
	left: 325px;
	position: absolute;
	top: 466px;
	width: 150px;
}