@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Roboto);

html #crafthome, body #crafthome{padding:0; margin:0; font-family:'Roboto', Arial, sans-serif; font-size:12px}
#crafthome img{border:none}
#crafthome h1, #crafthome h2{margin:0px; padding:0px; color:#0973eb}
#crafthome h1{ font-size:42px; font-family:'Roboto', Arial, sans-serif; line-height:44px; letter-spacing: -1px;}
#crafthome h2{ font-weight:normal; font-size:14px; margin-bottom:10px}
#crafthome .contentnum h3{ background-color:#0973eb; color:white; float:left;padding:5px 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:17px;}
#crafthome p{ color:#4f5150; font-size:20px; font-family:Arial, Helvetica, sans-serif; line-height:30px;}

#crafthome .boxholder{background:url(img/topbg.png) repeat-x top left; height:375px; width:100%; position:relative;}
#crafthome .novoletoprotect{background:url(img/newyearprotect.png) no-repeat top center; margin: 0 auto; ; height:375px;}
#crafthome .transbg{ background:url(img/transbg.png) repeat-x; width:100%; height:76px; position:absolute; top:26px;}
#crafthome .headermenu{width:940px; margin:0 auto; position:relative}
#crafthome .logoh1{margin:0px; padding:0px; float:left;}
#crafthome .logo{}
#crafthome .logo span{display:none}
#crafthome .protectmenu{margin:0px 0px 0px 20px; padding:0px; display:inline; list-style:none; float:left;}
#crafthome .protectmenu li{ float:left; margin:30px 20px 0 0; padding:0}
#crafthome .protectmenu li a{ color:white; text-decoration:none}
#crafthome .protectmenu li a:hover{color:#ffd736}
#crafthome .protectmenu li a.mailx{width:182px; height:30px; background:url(img/mail.png) no-repeat; display:block;}
#crafthome .protectmenu li a.mailx:hover{background:url(img/mailhover.png) no-repeat;}
#crafthome .protectmenu li.mail{margin-top:25px;}
#crafthome .protectmenu li.telephoce{background:url(img/telephone.png) no-repeat; width:118px; height:34px; margin-top:25px}
#crafthome .opaketu{ position:absolute; bottom:-300px; left:340px}
#crafthome .nagradnaigra, #crafthome .brezskrbnozdoma, #crafthome .protectnasvet{ font-size:16px;}


#crafthome .boxholder1{width:100%; background: #ef432c; display:table-cell; color:#fff; padding:0; margin:0; float:left;}
#crafthome .boxholder1 p {color: #fff; font-size:11px; line-height:15px}
#crafthome .boxholder1 a {color: #fff; font-size:11px; line-height:15px; text-decoration:underline}
#crafthome .boxholder1 a:hover {color: #fff; font-size:11px; line-height:15px; text-decoration:none}
#crafthome .boxholder1 h3 {color: #fff; font-size:14px; line-height:18px; font-weight:lighter}
#crafthome .boxholder1 .inner {width:15%; margin:-20px 0 0 0; float:left; text-align:center; padding: 0px 2% 0px 2%; position:relative; min-height:300px}


#crafthome .boxholder2{width:100%; background: url(../img/home/BOX%20B/Bbox.png) no-repeat; float:left; display:table-cell;  color: #fff; font-size:11px; line-height:15px; padding:0 ; margin:0; background-size:contain}
#crafthome .boxholder2 .inner {width:15%; margin:0; float:left; text-align:left; padding: 0px 2% 0px 2%; position:relative; min-height:300px}
#crafthome .boxholder2 p {color: #fff; font-size:11px; line-height:15px}
#crafthome .boxholder2 a.more {color: #fff; font-size:11px; line-height:15px; text-decoration:none}
#crafthome .boxholder2 h3 {color: #fff; font-size:35px; line-height:42px; font-weight:lighter}
#crafthome .boxholder2 h4 {color: #fff; font-size:14px; line-height:18px; font-weight:lighter}

#crafthome .boxholder3{width:100%; background: #000; float:left; display:table-cell;  color: #fff; font-size:13px; line-height:17px; padding:0 ; margin:0; background-size:contain}
#crafthome .boxholder3 .inner {width:15%; margin: 0; float:left; text-align:left; padding: 0px 2% 0px 2%; position:relative; min-height:120px}
#crafthome .boxholder3 p {color: #fff; font-size:13px; line-height:15px}
#crafthome .boxholder3 a.more {color: #fff; font-size:13px; line-height:15px; text-decoration:none}
#crafthome .boxholder3 h3 {color: #ef432c; font-size:35px; line-height:42px; font-weight:lighter}
#crafthome .boxholder3 h4 {color: #fff; font-size:14px; line-height:18px; font-weight:lighter}
#crafthome .boxholder3 input {float:left; height:30px; min-width:100px; width:70%; line-height:30px; margin:0; padding:0; font-size:14px; text-align:center; margin-right:15px}
#crafthome .boxholder3 button {background:url(../img/home/BOX%20C/submit.png) no-repeat; width:82px; height:33px; font-size:16px; line-height:33px; text-align:center; color:#fff; float:left; cursor:pointer; border:0}
#crafthome .boxholder3 button:hover {background:url(../img/home/BOX%20C/submit_hover.png) no-repeat;}


#crafthome .boxholder4{width:100%; background: #ecf5f5; float:left;   color: #fff; font-size:13px; line-height:17px; padding:0 ; margin:0; background-size:contain}
#crafthome .boxholder4 .inner {width:15%; margin: 0; float:left; text-align:left; padding: 0px 2% 0px 2%; position:relative; min-height:300px; color:#000}
#crafthome .boxholder4 .inner.contact{color:#000; line-height:26px; min-width:15%; float: left}
@media only screen and (max-width: 1000px) { #crafthome .boxholder4 .inner.contact{float: none} }
#crafthome .boxholder4 .inner.contact a{color:#000; text-decoration:none}
#crafthome .boxholder4 .inner.contact a:hover{color:#000; text-decoration:underline}
#crafthome .boxholder4 .inner.contact strong{color: #ef432c;}
#crafthome .boxholder4 p {color: #000; font-size:13px; line-height:17px}
#crafthome .boxholder4 ol,ul {color: #000; font-size:13px; line-height:17px; margin:0; padding:0}
#crafthome .boxholder4 ol,ul li {color: #000; font-size:13px; line-height:17px; margin:0 0 10px 0; padding:0 0 0 20px}
#crafthome .boxholder4 a.more {color: #fff; font-size:11px; line-height:15px; text-decoration:none}
#crafthome .boxholder4 a.pdf {color: #000; font-size:15px; line-height:40px; text-decoration:underline; background:url(../img/home/BOX%20D/Ico_pdf.png) left no-repeat; padding-left:50px; height:40px; display:block;}
#crafthome .boxholder4 a.pdf:hover {color: #000; font-size:15px; line-height:40px; text-decoration:none; background:url(../img/home/BOX%20D/Ico_pdf.png) left no-repeat; padding-left:50px; height:40px; display:block;}
#crafthome .boxholder4 h2 {color: #000; font-size:24px; line-height:28px; font-weight:bold}
#crafthome .boxholder4 h3 {color: #ef432c; font-size:35px; line-height:42px; font-weight:lighter}
#crafthome .boxholder4 h3.ponudniki {color: #ef432c; font-size:35px; line-height:92px; font-weight:lighter; padding-left:100px; background:url(../img/home/BOX%20D/Ico_ponudnik.png) left no-repeat}
#crafthome .boxholder4 h3.uporabniki {color: #ef432c; font-size:35px; line-height:92px; font-weight:lighter; padding-left:100px; background:url(../img/home/BOX%20D/Ico_uporabnik.png) left no-repeat}
#crafthome .boxholder4 h4 {color: #000; font-size:14px; line-height:18px; font-weight:lighter}
#crafthome .boxholder4 input {float:left; height:30px; min-width:100px; width:70%; line-height:30px; margin:0; padding:0; font-size:14px; text-align:center; margin-right:15px}
#crafthome .boxholder4 button {background:url(../img/home/BOX%20C/submit.png) no-repeat; width:82px; height:33px; font-size:16px; line-height:33px; text-align:center; color:#fff; float:left; cursor:pointer; border:0}
#crafthome .boxholder4 button:hover {background:url(../img/home/BOX%20C/submit_hover.png) no-repeat;}

#crafthome .boxholder5{width:100%; background: none; float:left; display:table-cell;  color: #000; font-size:13px; line-height:21px; padding:0 ; margin:0; background-size:contain}
#crafthome .boxholder5 .inner {width:15%; margin: 0; float:left; text-align:left; padding: 0px 2% 0px 2%; position:relative; min-height:300px}
#crafthome .boxholder5 p {color: #6d6e71; font-size:13px; line-height:17px}
#crafthome .boxholder5 strong {color: #ef432c; font-size:13px; line-height:17px; font-weight:bold}
#crafthome .boxholder5 ol,ul {color: #6d6e71; font-size:13px; line-height:17px; list-style-position:inside}
#crafthome .boxholder5 ol,ul li {color: #6d6e71; font-size:13px; line-height:17px; margin:0 0 10px 0; padding:0 0 0 20px}
#crafthome .boxholder5 a {color: #000; text-decoration:none}
#crafthome .boxholder5 a:hover {color: #ef432c; text-decoration:none}
#crafthome .boxholder5 h2 {color: #000; font-size:24px; line-height:28px; font-weight:bold}
#crafthome .boxholder5 h3 {color: #000; font-size:18px; line-height:27px; font-weight:bold}
#crafthome .boxholder5 h4 {color: #000; font-size:14px; line-height:18px; font-weight:lighter}
#crafthome .boxholder5 input {float:left; height:30px; min-width:100px; width:70%; line-height:30px; margin:0; padding:0; font-size:14px; text-align:center; margin-right:15px}
#crafthome .boxholder5 button {background:url(../img/home/BOX%20C/submit.png) no-repeat; width:82px; height:33px; font-size:16px; line-height:33px; text-align:center; color:#fff; float:left; cursor:pointer; border:0}
#crafthome .boxholder5 button:hover {background:url(../img/home/BOX%20C/submit_hover.png) no-repeat;}


#crafthome .boxholder6{width:100%; background: #044866; float:left; display:table-cell;  color: #fff; font-size:13px; line-height:21px; padding:0 ; margin:0; background-size:contain}
#crafthome .boxholder6 .inner {width:15%; margin: 0; float:left; text-align:left; padding: 0px 2% 0px 2%; position:relative; min-height:120px}
#crafthome .boxholder6 p {color: #e3e3e3; font-size:14px; line-height:21px}
#crafthome .boxholder6 strong {color: #ef432c; font-size:13px; line-height:17px; font-weight:bold}
#crafthome .boxholder6 ol,ul {color: #6d6e71; font-size:13px; line-height:21px; list-style-position:inside; font-weight:normal;}
#crafthome .boxholder6 ol,ul li {color: #6d6e71; font-size:12px; line-height:16px; margin:0; padding:0 0 0 5px; font-weight:normal;}
#crafthome .boxholder6 a {color: #fff; text-decoration:none}
#crafthome .boxholder6 a:hover {color: #ef432c; text-decoration:none}
#crafthome .boxholder6 h2 {color: #fff; font-size:24px; line-height:28px; font-weight:bold}
#crafthome .boxholder6 h3 {color: #fff; font-size:18px; line-height:27px; font-weight:bold}
#crafthome .boxholder6 h4 {color: #fff; font-size:14px; line-height:18px; font-weight:lighter}
#crafthome .boxholder6 input {float:left; height:30px; min-width:100px; width:70%; line-height:30px; margin:0; padding:0; font-size:14px; text-align:center; margin-right:15px}
#crafthome .boxholder6 button {background:url(../img/home/BOX%20C/submit.png) no-repeat; width:82px; height:33px; font-size:16px; line-height:33px; text-align:center; color:#fff; float:left; cursor:pointer; border:0}
#crafthome .boxholder6 button:hover {background:url(../img/home/BOX%20C/submit_hover.png) no-repeat;}



#crafthome .content2{width:920px; margin:0 auto; background:url(img/puscica.png) no-repeat 20px 0px; height:359px; padding-top:30px; padding-left:20px}
#crafthome .content2 h2{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#crafthome .col-1{ float:left; width:60%;}
#crafthome .col-2{ float:right; width:40%;}


#crafthome .a-btn {
    background: #ffd200;
    clear: both;
    display: inline-block;
    float: left;
    height: 28px;
    margin: 10px 0;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 40px;
    position: relative;
    transition: all 0.3s linear 0s;
    text-decoration:none
}

#crafthome .a-btn-text {
    font-family:Arial, Helvetica, sans-serif;
    color: #0973eb;
    display: block;
    font-size: 15px;
    padding-top: 5px;
    transition: all 0.2s linear 0s;
    white-space: nowrap;
    text-decoration:none;
}

#crafthome .a-btn-slide-text {
    background: url(img/yellowhover.png) no-repeat left top;
    font-family:'Roboto', Arial, sans-serif;
    font-weight:bold;
    color: #ffd200;
    font-size: 18px;
    height:28px;
    line-height: 28px;
    overflow: hidden;
    position: absolute;
    right: 28px;
    text-align: left;
    text-indent: 10px;
    top: 0;
    transition: width 0.3s linear 0s;
    white-space: nowrap;
    width: 0;
}


#crafthome .a-btn-icon-right {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 31px;
}

#crafthome .a-btn-icon-right span {
    background: url(img/yellowright.png) no-repeat transparent;
    height: 28px;
    position: absolute;
    transition: all 0.3s linear 0s;
    width: 31px;
}

#crafthome .a-btn:hover{
    padding-right: 140px;
}
#crafthome .a-btn:hover .a-btn-text{
    color: #0973eb;;
}
#crafthome .a-btn:hover .a-btn-slide-text{
    width: 103px;
}
#crafthome .a-btn:hover .a-btn-icon-right span{
}
#crafthome .fields{ position:absolute; bottom:5px;}
#crafthome .formbg{ background:url(img/formbg.png) no-repeat; float:right; width:345px; height:238px; margin-top:20px; padding-left:20px; position:relative}
#crafthome .formbg h3{ font-family:'Roboto', Arial, sans-serif; font-size:20px; line-height:24px; color:#00539b; margin-bottom:10px; letter-spacing:-1px}
#crafthome .formbg p{font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:24px; color:#4f5150; width:230px;}
#crafthome .polje{ background:url(img/polje.png) no-repeat; width:283px; height:38px; border:none; font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:34px; color:#c4caca; font-style:italic; padding-left:10px}
#crafthome .poljeime{margin-bottom:10px;}
#crafthome .naroci{ background:url(img/button.png) no-repeat; width:340px; height:63px; border:none; bottom:0; float:right; margin:8px 25px 0 0; padding-bottom:10px; font-size:16px; text-transform:uppercase; color:#00539b; font-family:'Roboto', Arial, sans-serif}
#crafthome .naroci:hover{ background:url(img/buttonhover.png) no-repeat}

#crafthome .content3{width:920px; margin:0 auto; height:420px; padding-top:10px; padding-left:20px; position:relative}
#crafthome .content3 h1{ width:480px; letter-spacing:-1px}
#crafthome .content3 p{ font-size:15px; line-height:24px; font-family:Arial, Helvetica, sans-serif; text-align:justify; width:470px}
#crafthome .enaslov{ width:371px; height:34px; border:solid 1px #cacaca; float:left;font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:34px; color:#c4caca; font-style:italic; padding-left:10px}
#crafthome .potrdi{ background:url(img/submit.png) no-repeat; width:50px; height:38px; float:left;; border:none; margin-left:10px}
#crafthome .content3 h3{ font-family:'Roboto', Arial, sans-serif; font-size:20px; line-height:24px; color:#0a73e9; width:100%; float:left}
#crafthome .nagrade{ float:left; width:100%; margin-top:-30px;}
#crafthome .nagrada{ float:left;  width:45%; text-align:center;}
#crafthome .nagrada img{ margin-bottom:15px;}
#crafthome .nagrada h2{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:17px;}
#crafthome .kalkulator{background:url(img/kalkulator.png) no-repeat; width:342px; height:403px; float:right; margin-right:20px; position:relative}
#crafthome .tipkovnica{ position:absolute; background:url(img/tipkovnica.png) no-repeat -2px 0px; width:266px; height:205px; bottom:50px;right:35px;}
#crafthome .numer{ background:url(img/num.png) no-repeat; width:264px; height:201px;}
#crafthome .st{ width:63px; height:48px; float:left; margin-left:3px; cursor:url(pointer.png),url(pointer.cur),auto;/*cursor:pointer*/}
#crafthome .sttop{margin-top:3px}
#crafthome .st:hover{-moz-box-shadow: 0 0 20px #16e2ff;-webkit-box-shadow: 0 0 20px #16e2ff;box-shadow: 0 0 20px #16e2ff; cursor:url(img/pointer.png) 134px 173px, auto}
#crafthome #display{ width:260px; height:64px; position:absolute; top:54px; left:43px}
#crafthome .smer{ background:url(img/smer.png) no-repeat; width:144px; height:63px; position:absolute; left:485px; top:30px; z-index:1}


#crafthome .content4{width:920px; margin:0 auto; background:url(img/paket.png) no-repeat top left; height:480px; margin-top:60px; padding:0px 0px 0px 20px; position:relative}
#crafthome .content4 h1{padding-top:25px; color:#ffd200;}
#crafthome .content4 p{ color:white; width:630px; font-size:15px; line-height:24px;}
#crafthome .content4 ul{ margin:40px 0px 0px 0px; padding:0; list-style:none}
#crafthome .content4 ul li{ background:url(img/ulli.png) no-repeat top left; padding-left:27px; color:white; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:17px;}
#crafthome .content4 .yellow{background:#ffd200 url(img/yellowright.png) no-repeat top right; padding:6px 39px 0px 10px; display: block; height:22px; float:left; text-decoration:none; color:#02519c; position:absolute; bottom:60px; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:17px;}
#crafthome .content4 .yellow:hover{background-color:#e5bd00;}


#crafthome .content5{width:920px; height:580px;height:610px\9; margin:0 auto; background:url(img/separator.png) no-repeat bottom left;  margin-top:25px; padding:0px 0px 20px 20px; position:relative}
#crafthome .content5 h1{margin-bottom:0px}
#crafthome .content5 h2{ color:#000; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:17px; text-align:left; margin-bottom:20px;}
#crafthome .newsholder{ float:left; width:100%; margin-top:45px}
#crafthome .bignews{ width:229px; float:left}
#crafthome .separatorh{width:1px; height:406px; background:url(img/separatorh.png) no-repeat; float:left;}
#crafthome .nakup{ color:#0774ed; text-decoration:none; float:left;}
#crafthome .smallnews{width:213px; float:left; margin-left:10px}
#crafthome .hholder{ width:176px; text-align:center; margin-left:20px;}
#crafthome .bignews img{ margin:0 auto }
#crafthome .bignews p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:17px; text-align:left}
#crafthome .sep{border-bottom: solid 1px #c5c8c8; float:left; clear:both; margin-bottom:5px; padding-bottom:5px;}
#crafthome .yellown{background:#ffd200 url(img/yellowright.png) no-repeat top right; padding:6px 39px 0px 10px; display: block; height:22px; float:left; text-decoration:none; color:#005399; float:right; margin-top:25px; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:17px}
#crafthome .yellown:hover{background-color:#e5bd00;}

#crafthome .numeric{ float:left; margin-bottom:10px;}
#crafthome .prvi{margin-top:30px}
#crafthome .content6{width:920px; height:870px; margin:0 auto;  margin-top:5px; padding:0px 0px 20px 20px; position:relative}
#crafthome .content6 .col-2{ position:relative; top:0; right:-25px}
#crafthome .num{ background:url(img/bullet.png); float:left;  color: white;float: left;font-family: arial;font-size: 32px;font-family:'Roboto',Arial,sans-serif;height: 44px;text-align: center;width: 53px; padding-top:8px;}
#crafthome .contentnum{float:right; width:820px; margin-left:20px; border-bottom: solid 1px #c5c8c8; padding-bottom:10px}
#crafthome .content6 h2{ color:black; font-size:15px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:17px;}
#crafthome .content6 p{ font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:24px;}
#crafthome .contentnum p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:17px;}

#crafthome .boxholder7{ height:257px; background-color:#e7e7e8; width:100%; font-family:Verdana, Geneva, sans-serif; }
#crafthome .boxholder7 h1{ font-size:15px; line-height:24px; font-family:Arial, Helvetica, sans-serif; color:#9f9f9f; margin:0px 0px 0px 0px; padding:25px 0px 0px 0px }
#crafthome .boxholder7 h2{font-size:15px; line-height:24px; font-family:Arial, Helvetica, sans-serif; color:#9f9f9f; font-weight:normal; margin:0; padding:0}
#crafthome .content7{width:920px; height:257px; margin:0 auto; background:url(img/osa.png) no-repeat 500px -40px;  margin-top:5px; padding:0px 0px 0px 20px; position:relative}
#crafthome .noborder{border:solid 0px white;}

#crafthome .package-choose {
    font-size: 15px;
    font-weight: bold;
}
#crafthome .package-choose span, #crafthome .package-choose a {
    float: left;
    padding: 15px 5px;
    color: #000;
}
#crafthome .package-choose a {
    color: #FFFFFF;
    font-weight: 500;
    text-decoration: none;
}

#crafthome .package-choose a strong{
    color: #FFFFFF;
    font-weight: normal;
    text-decoration: none;
    font-size: 24px;
    line-height:30px
}
#crafthome .package-choose span, #crafthome .package-choose a {
    float: left;
    padding: 15px 5px;
}

#crafthome .package-choose span.pull-right {
    float: right;
}
#crafthome .package-choose span, #crafthome .package-choose a {
    float: left;
    padding: 15px 5px;
}
#crafthome .pull-right {
    float: right;
}

#crafthome .package-choose img {
    float: right;
}
#crafthome  img {
    border: medium none;
}
#crafthome  td.chose {  background: url(../img/home/BOX%20D/btn.png) right center no-repeat;
}