body{
background:#0d0c0c url(../cssImg/bg.jpg) center top fixed;
margin:0;
font-family:"Tahoma", sans-serif;
font-size:12px;
color:#a6a6a6;
line-height:25px;
text-align:justify;
float:left;
}
h1{
margin:0;
padding:0;
font-family:"Arial", sans-serif;
font-weight:normal;
font-size:45px;
line-height:35px;
}
h2{
color:#f37323;
font-weight:normal;
font-size:18px;
margin:15px 0;
}
ul, li{
list-style:none;
margin:0;
padding:0;
}
img{
border:0;
}
a{
text-decoration:none;
color:#a6a6a6;
}
p{
margin:15px 0;
}
.link{
border-bottom:1px #a6a6a6 dotted;
}
.link:hover{
border:0;
}

/*layout*/
#logo{
width:160px;
height:50px;
background:url(../cssImg/logo.gif) no-repeat;
position:absolute;
right:150px;
top:45px;
}
.content{
width:740px;
height:344px;
background:#252223;
margin:120px auto 0 auto;
padding:65px 90px 65px 90px;
border:1px #666666 dashed;
}
.content#front{
border:0;
background:0;
} 
.content#front p{
text-align:center;
}
.content img.bordered{
padding:3px;
background:#151515;
}
.content img.bordered:hover{
background-color:#333333;
}

.content p{
line-height:16px;
}

#footer{
width:200px;
height:60px;
background:url(../cssImg/bg_footer.gif) center center no-repeat;
position:fixed;
right:120px;
bottom:0;
}
#footer span{
display:none;
}
.partners{
width:920px;
height:60px;
margin:30px auto 0 auto;
}
.partners a{
width:110px;
height:38px;
float:right;
background-position:center top!important;
}
.partners a span{
display:none;
}
.partners a#massa{
background:url(../cssImg/partners_massa.gif) no-repeat;
}
.partners a#veca{
background:url(../cssImg/partners_veca.gif) no-repeat;
}
.partners a#abplus{
background:url(../cssImg/partners_abplus.gif) no-repeat;
width:70px;
}
.partners a#tl{
width:90px;
color:#666666;
line-height:45px;
}
.partners a#tl:hover{
color:#999999;
}
.partners a#estetics{
background:url(../cssImg/partners_estetics.gif) no-repeat;
width:70px;
}
.partners a:hover{
background-position:center -36px!important;
}
.partners p{
float:right;
display:block;
}
.partners p a{
display:inline;
float:none;
}
/*end layout*/

/*menu*/
ul#menu{
width:40px;
list-style:none;
position:fixed;
left:0;
top:0;
margin:0;
padding:0;
height:100%;
z-index:5;
}
ul#menu li{
float:left;
margin:0;
padding:0;
margin-top:1px;
height:34%;
}
ul#menu li a{
display:block;
height:100%;
width:40px;
line-height:90px;
background-color:#3f3f3f;
background-repeat:no-repeat;
background-position:18px center;
}
ul#menu li a:hover, ul#menu li.active a{
background-color:#666666;
border-right:6px #CCCCCC solid;
margin-right:-6px;
}
ul#menu li a span{
display:none;
}
#portfolio a{
background-image:url(../cssImg/btn_portfolio.gif);
}
#sluzby a{
background-image:url(../cssImg/btn_sluzby.gif);
}
#kontakt a{
background-image:url(../cssImg/btn_kontakt.gif);
}
/*end menu*/

/*content*/
.content#port{
border:0;
padding:0;
width:920px;
height:514px;
overflow:hidden;
}
.content#port div.border{
border:1px #666666 dashed;
}
.content#port img{
float:right;
}
.content#port li a.lightbox{
display:block;
width:434px;
height:100%;
float:right;
cursor:pointer;
}
.content#port li a span{
position:absolute;
display:block;
width:433px;
height:100%;
background:url(../cssImg/portfolio_hover.png) center top no-repeat;
}
.content#port li a:hover span{
background-position:center bottom;
}
#port #desc{
background:#252223;
float:left;
width:305px;
height:250px;
margin:30px 60px 0 0;
padding:0px;
text-align:justify;
}
#port .left, #port .right{
width:320px;
margin:180px 90px;
text-align:justify;
}
.navi{
width:922px;
float:left;
height:40px;
margin-left:-1px;
background-color:#333;
}
#port .navi{
float:none;
}
.navi .prev, .navi .next, .navi .num, 
.navi #cenova_prev, .navi #cenova_next{
width:60px;
line-height:40px;
/*background:#070707;*/
display:block;
float:left;
color:#666666;
text-decoration:none;
font-size:10px;
text-align:center;
cursor:pointer;
background:#333333;
}
.navi .next, .navi #cenova_next{
float:right;
}
.navi .prev:hover, .navi .next:hover, .navi .num:hover,
.navi #cenova_prev:hover, .navi #cenova_next:hover{
background:#666;
color:#CCCCCC;
}
.navi .num{
width:30px;
background:0;
}
.navi .num:hover, .navi .num active{
background:#666;
}

.content .img_holder{
padding-top:10px;
}
#services .left, #services .right{
float:right;
width:270px;
margin:75px 0 0 15px;
}
img.l{
float:left;
}
img.r{
float:right;
}
#services .left{
float:left;
margin:75px 35px 0 0;
}
.content#services ul#submenu{
margin:0;
padding:0;
list-style:none;
margin:auto;
margin-left:-10px;
height:80px;
overflow:hidden;
}
.content#services ul#submenu li{
margin:0;
padding:0;
float:left;
}
.content#services ul#submenu li a{
color:#FFFFFF;
display:block;
float:left;
width:105px;
height:40px;
text-decoration:none;
background-position:center -50px;
}
.content#services ul#submenu li a:hover{
background-position:center bottom;
cursor:pointer;
}
.content#services ul#submenu li.active a{
background-position:center top;
}
.content#services ul#submenu li a span{
visibility:hidden;
font-size:28px;
}
#design a{
background:url(../cssImg/btn_design.gif) no-repeat;
width:85px!important;
}
#design.active a{
width:105px!important;
}
#foto a{
background:url(../cssImg/btn_foto.gif) no-repeat;
width:50px!important;
}
#foto.active a{
width:65px!important;
}
#video a{
background:url(../cssImg/btn_video.gif) no-repeat;
width:60px!important;
}
#video.active a{
width:80px!important;
}
#webdesign a{
background:url(../cssImg/btn_webdesign.gif) no-repeat;
width:100px!important;
}
#webdesign.active a{
width:165px!important;
}
#tlac a{
background:url(../cssImg/btn_tlac.gif) no-repeat;
width:45px!important;
}
#tlac.active a{
width:55px!important;
}
#reklama3d a{
background:url(../cssImg/btn_3dreklama.gif) no-repeat;
width:85px!important;
}
#reklama3d.active a{
width:150px!important;
}
#autoreklama a{
background:url(../cssImg/btn_autoreklama.gif) no-repeat;
width:120px!important;
}
#autoreklama.active a{
width:185px!important;
}
#reklama a{
background:url(../cssImg/btn_reklama.gif) no-repeat;
width:70px!important;
}
#reklama.active a{
width:110px!important;
}

.contact{
width:300px;
float:left;
}

form{
width:500px;
margin:auto;
}
#kont form{
width:345px;
float:right;
margin-top:15px;
}
#kont h1{
margin:20px 0 0;
height:25px;
font-size:19px;
}
#kont a{
border-bottom:0px #a6a6a6 dotted;
}
#kont .msg{
text-align:center;
margin-top:170px;
}
/*h1#massaHU{
background:url(../cssImg/header_massaHU.gif) no-repeat;
}
h1#massaSK{
background-image:url(../cssImg/header_massaSK.gif) no-repeat;
}*/


.form-item{
width:100%;
margin:0px 0;
float:left;
}
.form-item label{
font-size:16px;
color:#CCCCCC;
float:left;
width:400px;
}
/*.form-item label span{
visibility:hidden;
}
#kontakt label#label_name{
background:url(../cssImg/label_meno.gif) no-repeat;
}
#kontakt label#label_contact{
background:url(../cssImg/label_kontakt.gif) no-repeat;
}
#kontakt label#label_comment{
background:url(../cssImg/label_comment.gif) no-repeat;
}*/
.form-item input, .form-item textarea{
border:0;
background:#3f3f3f;
padding:8px;
color:#FFFFFF;
font-size:14px;
font-family:Tahoma, sans-serif;
float:left;
width:100%;
}
.form-item input:hover, .form-item textarea:hover, .form-item .btn:hover{
background:#999999;
}
.form-item .btn{
background:#ee6d05;
width:160px;
float:right;
margin-right:-15px;
margin-top:5px;
cursor:pointer;
}
/*end content*/

/*lightbox override*/
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{
display:none;
}
#lightbox-container-image-box{
background-color:#151515;
}
#lightbox-secNav-btnClose {
	width: 66px; 
	height:66px;
	background-position:center top;
	overflow:hidden;
	float: right;
	padding-bottom: 0.7em;	
	margin-top:20px;
}
#lightbox-secNav-btnClose:hover{
	background-position:center bottom!important;
}
#lightbox-container-image-data{
display:none;
}
.modal{
display:none;
}
/*end lightbox override*/

/*cenova override*/
.content .half{
width:40%;
float:left;
margin:0 70px 0 0;
}
#cenova{
width:100%;
background:#2a2728;
border-bottom:1px #666666 dashed;
position:absolute;
z-index:10;
margin-top:-27px;
visibility:hidden;
}
#cenova.show{
visibility:visible;
}
#cenova .content{
border:0;
background:0;
height:445px;
margin-top:80px;
}
#cenova form{
width:720px;
float:left;
}
#cenova input.amount{
background:0;
font-size:30px;
}

#cenova .navi{
margin-top:30px;
width:730px;
}
#cenova .slider{
margin-right:15px;
}
#cenova .summary{
font-size:40px;
color:#FF6600;
float:left;
margin:-80px 0 0 425px;
background:0;
border:0;
text-align:right;
width:300px;
border-top:1px #CCCCCC solid;
}
.cen{
display:block;
text-align:center;
width:120px;
height:15px;
z-index:11;
padding:10px;
background:#2a2728 url(../cssImg/header_webdesign.gif) center center no-repeat;
border:1px #666666 dashed;
border-top:0;
position:relative;
bottom:-35px;
cursor:pointer;
float:right;
}
.cen span{
display:none;
}
#cenova h1#sluzba{
height:40px;
background:url(../cssImg/header_sluzba.gif) no-repeat;
}
#cenova h1#popis{
height:40px;
background:url(../cssImg/header_popis.gif) no-repeat;
}
#cenova #first{
height:100px;
border-top:1px #CCCCCC solid;
}
#cenova #first a{
margin:0;
padding:5px 40px 0;
font-size:15px;
line-height:30px;
display:block;
float:left;
cursor:pointer;
}
#cenova #first a.active{
background:url(../cssImg/icon_tick.gif) left center no-repeat;
}
.image{
margin:10px 0 0 300px;
width:150px;
height:150px;
position:absolute;
border:0;
}
.ui-slider{
margin:20px 0 0 0;
width:700px;
height:1px;
border:0;
left:20px;
}
.ui-slider-handle{
top:-15px;
margin-left:-20px;
width:34px;
height:34px;
background:#2a2728 url(../cssImg/ui_slider.png) center top no-repeat;
border:0;
}
.ui-slider-handle:hover{
background:#2a2728 url(../cssImg/ui_slider.png) center bottom no-repeat;
border:0;
}
/*end cenova override*/