body{
	background:#111111 url(img/body-fon.png) repeat;
	font-size:14px;
	color:#CCC;
}
#boss{
	opacity:0;
	position:relative;
	margin: auto;
    height: 458px; width: 610px;
}
.ready{
	height:12px; width:16px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	background:url(img/load-anim-fb.gif) no-repeat center center;
}
#top-header{
	height:90px;
}
#content{
	width:250px;
	overflow:hidden;
	margin:auto;
}
#left-menu{
	float:left;
	margin-right:2px;
	width:250px;
	color:#fff;
}
#left-menu ul{
	font:14px/40px Arial Narrow, Arial;
	color:#999;
}
#left-menu li{
	opacity:1;
	position:relative; overflow:hidden;
	background:#111 url(img/menu-fon.png) ;
	height:40px;
	padding-left:30px;
	margin-bottom:2px;
	cursor:pointer;
	letter-spacing:1px;
}
#left-menu li p, #left-menu span{
	height:100%; width:20px;
	position:absolute;
	left:0px;
	background:#000;
}
#left-menu span{
	opacity:0;
}

#menu-main[class="menu-open"]{
	background:url(img/menu-start.png) no-repeat;
	background-position: 21px center;
}
#menu-servis[class="menu-open"]{
	background:url(img/menu-servis.png) no-repeat;
	background-position: 21px center;
}
#menu-portfolio[class="menu-open"]{
	background:url(img/menu-portf.png) no-repeat;
	background-position: 21px center;
}
#menu-price[class="menu-open"]{
	background:url(img/menu-price.png) no-repeat;
	background-position: 21px center;
}
#menu-contact[class="menu-open"]{
	background:url(img/menu-kontakt.png) no-repeat;
	background-position: 21px center;
}
/* ------------ RIGHTs---- */
#right-cont{
	position:relative;
	height:0px; width:0px;
	overflow:hidden;
	background:#111 url(img/rcont-fon.png);
	opacity:1;
}
article{
	position:absolute;
	left:550px;
	overflow:hidden;
	width:470px; height:268px;
	padding: 20px 40px;
	color:#999;
	cursor:default
}
article a{
	color:#ddd;
}
article a:hover{
	cursor:pointer;
	color:#eee;
	text-decoration:underline
}
h1{
	color:#eee;
	font: 22px/40px Arial Narrow, Arial;
	letter-spacing:1px;
}

section{
	font-family: Calibri, "Trebuchet MS", Arial, sans-serif;
	position:absolute; top:65px;
	padding-right:55px;
	overflow:hidden;
	height:200px;
}
section p, h3{
	padding-bottom:10px;
}
h3{
	color:#ccc;
	font-size:16px;
}
section p:last-child{
    padding-bottom:0px
}
.text-wrapper{
	position:relative;
}
/* -----   scrollbar ------  ----- */
.scroll-bar-wrap{
	position:absolute; top:65px;
	display:none;
	right:0px;
	width:80px; height:200px;
	z-index:10;
	cursor:default
}
.scroll-bar, .scroller{
	position:relative;
	width:5px;
}
.scroll-bar{
   margin:auto;
   height:100%;
   background:#000
}
.scroller{
	top:0px;
	height:30px;
	cursor:pointer;
}
.scroll-bar-wrap:hover .scroll-bar,
.scroll-bar-wrap:hover .scroller{
	width:8px;
}
.scroller:hover{
	background:#ddd;
}
.scroller[active]{
	background:#eee;
}
/* ------servis---------- */
.servis-div{
	float:left;
	width:31%;
	padding-right:10px;
	padding-top:3px;
}
h4{
	color:#ddd;
	font-size:18px;
	line-height:30px;
	padding-left:35px;
	margin-bottom:10px;
	min-height:35px;
}
#verst{
	background:url(img/kubik.png) no-repeat
}
#program{
	background:url(img/book.png) no-repeat;
	background-position:0 -1px;
}
#design{
	background: url(img/pirra.png) no-repeat
}
/* -------   portfolio  --------- */
#a3{
	height:308px; width:550px;
	padding:0px;
}
.loading{
	display:none;
	position:absolute;
	left:2px;
	width:16px;
	height:16px;
	z-index:999;
}

.port{
	position:absolute;
	left:550px;
}
.port-buttons{
	position:absolute;
	z-index:100;
	height:22px;
	background-color:#000;
	border-radius: 3px;
	opacity:0.5;
	top:5px;
}
#port-title{
	left:5px;
}
.pt-slider{
	width:80px;
	background:url(img/port-text.png);
	background-position:1px -1px;
}
.pt-galery{
	width:78px;
	background:url(img/port-text.png);
	background-position:-77px -1px;
}
.pt-map{
	width:57px;
	background:url(img/port-text.png);
	background-position:-152px -1px;
}
.pt-geostarter{
	width:33px;
	background:url(img/port-text.png);
	background-position:-210px 0px;
}
/* ------ */
#port-prev, #port-next{
	width:22px;
	background:url(img/port-arrows.png);
	-webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    transition: all 100ms linear;
}
#port-prev{
	right:32px;
	background-position:-8px -3px;
}
#port-next{
	right:5px;
	background-position:27px -3px;
}	
#port-prev:hover, #port-next:hover{
	cursor:pointer;
	opacity:0.9;
}
#port-prev[class~='off'], #port-next[class~='off']{
	opacity:0.2;
	cursor:auto;
}

/* ------------ galery ---- */
#largeImg{
	position:absolute;
	display:block;
}
#thumbs{
	vertical-align:top;
	padding:0px;
	width: 9999px;
    list-style: none;
}
#thumbs li{
	float: left;
}
#thumbs img{
	display:block;
	width:96px; 
	height:50px; 
	margin:2px;
}
 		   
.carousel {
    position:absolute;
    top:247px;
    width: 550px; height:50px;
    padding:4px 0; 
}
.galery{
	width:500px;
	margin:auto;
	overflow:hidden;
}
.carousel .arrow {
    position: absolute; top:2px;
    height:50px;
    line-height:50px;
    font-size: 40px;
    color: #555;
    text-decoration:none;
}

.carousel .arrow:hover {
    color:#CCC;
    cursor:pointer;
}
.carousel .arrow[class~='off']{
    color:#555;
    cursor:default;	
}
.carousel .left-arrow {
    left: 6px;
}
.carousel .right-arrow {
    right: 6px;
}
/*---   */
.ymap{
	position:relative;
	top:32px; left:5px;
	width: 540px; 
	height: 271px;
}

#geostarter-wrapper{
	font-family: Calibri, "Trebuchet MS", Arial, sans-serif ;
	padding:4px 3px 0;
	width: 544px;
}
/*--   ---   --   */
#price-table{
	width:100%;
	opacity:0.9;
	margin-bottom:10px;
}
thead{
	background:#ccc;
	color:#111;
}
th{
	padding:4px 10px;
	text-align:center;
}
td{
	text-align:center;
	padding:3px 10px;
}
#price-table .tab-title{
	padding:4px;
	text-align:center;
}
th:first-child, td:first-child{
	text-align:left;
}
#price-table tr:nth-child(even){
	background:#1c1c1c;
}
/*------contakt-----------------   */
#a5 .text-wrapper{
	padding-top:10px;
}
.foto{
	float:left;
	margin-right:20px;
	text-align:left
}
.right{
	margin-left:150px;
}
h2{
	font:18px/32px bold Arial Narrow, Arial;
	height:32px;
	padding: 5px 0  5px 45px;
	color:#bbb
}
.tel{
	background: url(img/phone-icon.png) no-repeat left center;
}
.mail{
	background:url(img/konv-icon.png) no-repeat left center;
}
.skype{
	background:url(img/skype-icon.png) no-repeat left center;
}
.foto a{
	position:relative;
	top:20px;
	left:3px;
}
.fb-likebutton{
	position:relative;
	top:25px; left:3px;
	height:28px;
}
/*------ f o o t e r ------ */
footer{
	margin-top:30px;
}
footer div{
	font:10px  Calibri, Arial, Helvetica, sans-serif;
	padding-top:0px;
	text-align:center;
	color:#999;
	text-transform:uppercase
}
#theme-div:hover{
	cursor:pointer;
	text-decoration:underline;
}
.liveinternet{
	padding-top:3px;
}




.jobs { padding-bottom:10px;}
.jobs h3{ font-size:18px; padding-bottom:20px;}
.jobs_inner {}
.jobs_inner .cell{ width:225px; height:90px; display:inline-block;  vertical-align:top; margin-bottom:18px; position:relative;
                   transition:all ease-in 150ms; opacity:.7; filter:alpha(opacity=70)}
.jobs_inner .cell:hover   { opacity:1; filter:alpha(opacity=100)}
.jobs_inner .cell img     { float:left; width:100px; height:80px; margin-right:10px;}
.jobs_inner .cell img:hover{ }
.jobs_inner .cell .text   { padding-right:10px; line-height:1.1;}
.jobs_inner .cell .text a { color:#eee; font-size:14px; position:relative; top:-1px;}
.jobs_inner .cell .text span{color:#a0a4a7; font-size:11px; position:relative; top:5px; line-height:1;}


.cbalink { display: none; }