body{
behavior:url("css/csshover.htc");
margin:0 auto;
font-family:"Tahoma", sans-serif;
font-size:12px;
color:#333333;
background:url(../cssImg/bgMain.jpg) left 100px repeat-x;
}
a, a:hover{
color:#333333;
text-decoration:none;
}
a:hover{
color:#000000;
text-decoration:none;
}
a.link{
border-bottom:1px #333333 dashed;
}
h1{
font-size:12px;
font-weight:bold;
}
h2{
font-size:12px;
font-weight:bold;
margin:8px 0 2px 0;
}
img{
border:0;
}
#main{
width:740px;
height:612px;
border:1px #d0d0d0 solid;
margin:20px auto 0;
padding:0;
background-color:#FFFFFF;
position:relative;
}
#main #flash{
width:130px;
height:150px;
position:absolute;
left:305px;
top:35px;
z-index:1;
}
#main #online{
position:absolute;
right:70px;
top:35px;
font-size:11px;
color:#b2b2b2;
cursor:default;
}
#main cnt{
display:none;
}
#main #panel{
width:25px;
height:auto;
position:absolute;
top:20px;
left:-25px;
}
#main .element{
margin-bottom:1px;
background:#bdbdbd url(../cssImg/panelbg.jpg) center top repeat-y;
display:block;
color:#FFFFFF;
font-weight:bold;
text-align:center;
font-size:10px;
line-height:30px;
}
#main .element:hover{
position:relative;
width:30px;
left:-5px;
}
#main #content{
width:550px;
height:280px;
margin:210px 70px;
padding:0;
padding-left:30px;
z-index:0;
position:absolute;
}
#main #content p{
margin:10px 0;
}
#main #content #home{
position:relative;
bottom:120px;
margin-left:-30px;
}
#main #content #leftIcons{
width:50px;
height:auto;
position:absolute;
left:-55px;
top:-10px;
}
#main #content .sub{
display:none;
}
#main #content .sub#visible{
display:block;
}
#main #content #leftIcons a{
background-position:-70px top!important;
display:block;
width:80px;
height:70px;
position:relative;
}
#main #content #leftIcons a span{
position:absolute;
width:100%;
margin-top:55px;
text-align:center;
color:#CCCCCC;
}
#main #content #leftIcons a:hover, #main #content #leftIcons a.active{
background-position:left top!important;
}
#main #content #leftIcons a#pbu{
background:url(../cssImg/iconPBU.jpg) no-repeat;
}
#main #content #leftIcons a#ezs{
background:url(../cssImg/iconEZS.jpg) no-repeat;
}
#main #content #leftIcons a#eps{
background:url(../cssImg/iconEPS.jpg) no-repeat;
}
#main #content #leftIcons a#tcom{
background:url(../cssImg/iconTCOM.jpg) no-repeat;
}
#main #content #leftIcons a#sk{
background:url(../cssImg/iconSK.jpg) no-repeat;
}
#main #mainmenu{
position:absolute;
left:160px;
bottom:40px;
background:none;
}
#main .menu{
display:block;
float:left;
width:110px;
height:auto;
padding:0 0 0 25px;
margin:0;
}
#main .menu#c1, #main .menu#c2{
border-right:1px #e4e6e4 solid;
}
#main .menu li{
display:block;
width:100%;
list-style:none;
}
#main .menu li a{
color:#b2b2b2;
font-size:11px;
line-height:20px;
}
#main .menu li a:hover{
font-weight:bold;
}
#main .menu li a#active{
font-weight:bold;
}
#footer{
width:100%;
height:120px;
background:url(../cssImg/footer.jpg) center top no-repeat;
position:absolute;
left:0;
bottom:-84px;
font-size:11px;
color:#aeadae;
}
#footer p{
position:absolute;
right:45px;
top:8px;
margin:10px;
}
#footer a{
color:#aeadae;
}
#footer a:hover{
color:#666666;
}

/*special classes*/
.float{
float:right;
}
.floatleft{
float:left;
}
.border{
background-color:#FFF;
padding:8px;
border:1px #CCC solid;
}
label{
font-weight:bold;
}
.holder{
width:600px;
height:250px;
position:absolute;
left:75px;
overflow:hidden;
}
.carousel{
position:relative;
top:20px;
}
.holder .desc{
padding:5px;
position:relative;
left:15px;
}
.carousel li{
height:100%;
}
.nav{
width:20px;
height:80px;
position:absolute;
top:360px;
}
.nav span{
display:none;
}
.next{
background:url(../cssImg/next.jpg) no-repeat;
right:0px;
}
.prev{
background:url(../cssImg/back.jpg) no-repeat;
left:0px;
}

.referencie{
width:320px;
margin:auto;
list-style:none;
}
.referencie li{
line-height:20px;
}

.col{
width:137px;
padding:10px 0;
float:left;
text-align:left;
}
.col#last{
text-align:right;
}

#partneri{
padding-top:5px;
}
#partneri img{
margin:8px;
}

form{
position:relative;
bottom:5px;
}
input, textarea{
padding:2px;
border:1px #b2b2b2 solid;
background:#f0f0f0;
width:90%;
}
textarea{
width:95%;
height:70px;
}
.btn{
background:#616161;
color:#FFFFFF;
border:0;
width:100px;
position:relative;
left:428px;
bottom:22px;
margin:0;
}
.form-item label{
width:100%;
display:block;
line-height:17px;
}
.fieldset{
width:50%;
width:273px;
float:left;
}
.jsvalidation{
float:none;
display:block;
position:relative;
font-size:10px;
color:#CCCCCC;
}
#antispam input{
width:30px;
}
.msg{
display:block;
color:#666666;
position:absolute;
top:-15px;
}
.msg#alrt{
color:#df0000!important;
}
.msg#sent{
text-align:center;
width:550px;
padding-top:150px;
}
.column{
width:31%;
float:left;
}
.column a{
line-height:15px;
padding-left:55px;
margin:1px 0;
display:block;
overflow:hidden;
}
.column a:hover{
text-decoration:underline;
}
.column2{
width:230px;
margin:0 20px 0 0;
padding:0 20px 0 0;
float:left;
border-right:1px #CCC solid;
}
.column2 ul{
padding:0;
margin:0;
list-style:none;
}
.column2 ul li{
padding:3px 0;
margin:1px 0;
width:100%!important;
height:35px!important;
float:left;
}
.pdf{
background:url(../cssImg/pdf.jpg) no-repeat;
}
.xls{
background:url(../cssImg/xls.jpg) no-repeat;
}
.siemens{
background:url(../cssImg/siemens.jpg) no-repeat;
}
.ericsson{
background:url(../cssImg/ericsson.jpg) no-repeat;
}
.cert{
background:url(../cssImg/cert.jpg) 8px top no-repeat;
}
.bosch{
background:url(../cssImg/bosch.jpg) 11px 1px no-repeat;
}

.jcarousel-container{
width:550px;
height:280px;
position:relative;
}
.jcarousel-next, .jcarousel-prev{
background:url(../cssImg/next.jpg) left no-repeat;
width:22px;
height:60px;
cursor:pointer;
position:absolute;
top:220px;
right:-90px;
}
.jcarousel-prev{
background:url(../cssImg/back.jpg) left no-repeat;
top:0px;
}
.gallery li{
position:relative;
}
.gallery .jcarousel-prev{
top:220px;
left:-100px!important;
}
.jcarousel-next:hover, .jcarousel-prev:hover{
background-position:right!important;
}
.jcarousel-prev-disabled, .jcarousel-next-disabled{
display:none!important;
}
.jcarousel-clip{
height:100%;
width:500px;
}
.jcarousel-list{

height:100%!important;
}
.jcarousel-item{
width:550px!important;
height:200px!important;
}
#mycarousel .desc{
margin:5px;
position:relative;
left:10px;
}
#mycarousel label{
display:block;
}
.list{
display:list-item;
background:url(../cssImg/li.jpg) left 5px no-repeat;
padding-left:10px;
width:auto;
float:none;
}
.info{
display:block;
background:url(../cssImg/info3.jpg) left center no-repeat;
padding:3px 0 3px 30px;
color:#999;
}
.info a{
color:#999;
border-color:#999;
}
.red{
color:#d50c00;
}