@charset "utf-8";
/* CSS Document */

body {padding: 0px; margin: 0px; font-family: Arial, Helvetica, Verdana; font-size: 12px; color: #464646;}
.body { padding: 0px; margin: 0px; font-family: Arial, Helvetica, Verdana; font-size: 12px; color: #464646;}
.body.christmas {
    background-image: url(../images/back-christmas.jpg);
}

a, a:link, a:visited { color: #2374c8; text-decoration: underline}
a:hover { color: #7080a3; text-decoration: underline}
a img { border: 0px none}
input, select { padding: 3px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color: #7080a3; margin: 0px; vertical-align: middle; border: 1px solid #ADADAF;}
select { padding: 2px}
h1 { font-family: arial; font-size:25px; font-weight:bold; color: #304892; margin: 0px; padding: 0px;}
h1 img { top: -6px; left: 5px; position:relative}
span.h1 { display: block; float:left; padding-right: 15px}
h2 { font-size: 14px; margin: 0px; padding: 0px;}
h2.blue {color: #1860b2; padding-bottom: 4px}
h2.purple {color: #a3117e; padding-bottom: 4px}
h2.green {color: #619300; padding-bottom: 4px}

.nodisplay {
    display: none!important;
}

/*FONTS*/
@font-face{font-family: Corbel;
    src: url('fonts/corbel.eot');
    src: local('Corbel'), url('fonts/corbel.TTF') format('opentype');}
/*END FONTS*/

#container { width: 975px; margin: 0px auto; padding-bottom:25px; margin-top:23px; background: url(../images/bg_container.jpg) no-repeat 0px 283px}
.christmas #container { background-position: 0px 297px; }
.left { float: left}
.right { float: right}

.diplay_none{display:none;}

#certifikaty{width:425px;float:right;}
#certifikaty a{display:block;float:right;margin:2px 0px 1px 20px;}

#top-tabs { padding-top: 22px; padding-bottom: 11px}
#top-tabs ul { padding: 0px; margin: 0px; padding-left: 1px;}
#top-tabs li {display: inline; margin: 0px; padding: 0px;}
#top-tabs a.home { background:url(../images/_top-tabs/home.jpg) no-repeat top left; width: 48px; height: 35px; padding: 0px}
#top-tabs a:hover.home { background:url(../images/_top-tabs/home-hover.jpg) no-repeat top left; width: 48px; height: 35px}
#top-tabs a.homeactive, #top-tabs a:link.homeactive, #top-tabs a:visited.homeactive, #top-tabs a:hover.homeactive { background:url(../images/_top-tabs/home-active.jpg) no-repeat top left; width: 48px; height: 35px; padding: 0px}



#top-tabs a.en { background:url(../images/_top-tabs/EN2.jpg) no-repeat top left; width: 55px; height: 27px; padding:8px 0px 0px 32px;}
#top-tabs a:hover.en { background:url(../images/_top-tabs/EN-hover2.jpg) no-repeat top left; width: 55px; height: 27px;padding:8px 0px 0px 32px;}
#top-tabs a.sk { background:url(../images/_top-tabs/SK2.jpg) no-repeat top left; width: 65px; height: 27px; padding:8px 0px 0px 32px;}
#top-tabs a:hover.sk { background:url(../images/_top-tabs/SK-hover2.jpg) no-repeat top left; width: 65px; height: 27px; padding:8px 0px 0px 32px;}


#top-tabs a { background: url(../images/_top-tabs/bg_tab-body.jpg) no-repeat top left; height: 35px; float: left; display: block; padding-left: 28px; padding-top: 0px; font-weight:normal}
#top-tabs a:link, #top-tabs a:visited { color: #225DBE ; text-decoration: none}
#top-tabs a:hover { background: url(../images/_top-tabs/bg_tab-body-hover.jpg) no-repeat top left; color: #FFFFFF }
#top-tabs a span { background: url(../images/_top-tabs/bg_tab-end.jpg) no-repeat top right; padding-right: 15px; padding-top: 7px; padding-bottom: 10px;  display:block}
#top-tabs a:hover span { background: url(../images/_top-tabs/bg_tab-end-hover.jpg) no-repeat top right; padding-right: 15px; padding-bottom: 10px; display:block; color:#FFFFFF}
#top-tabs a.active, #top-tabs a.active:hover, #top-tabs a.active:visited {background: url(../images/_top-tabs/bg_tab-body-active.jpg) no-repeat top left; color: #225DBE!important;}
#top-tabs a.active span {background: url(../images/_top-tabs/bg_tab-end-active.jpg) no-repeat top right!important; color: #225DBE!important; font-weight: bold}
#top-tabs a img { margin-top: -6px; vertical-align:middle}

#left-part { width: 502px; float:left}
#left-content { padding: 11px 0px 0px 35px}
#index-search { background: url(../images/bg_search-box-big.jpg) left top no-repeat; height: 34px; padding-left: 10PX; padding-top: 5px}
#index-search .input { width: 300px; margin-left: 3px; margin-right: 3px}
#index-search .button{border:none; padding:0px;}
#index-search img { vertical-align: middle}

.header-box { background: url(../images/bg_index-header-box.jpg) no-repeat top left; height: 35px; color: #FFFFFF; font-weight: bold; padding-left: 30px; padding-top: 11px; margin-top: 7px}
.grayback-box { background: url(../images/bg_graybox-bottom.jpg) no-repeat bottom left #f6f6f6; padding: 12px 20px 12px 20px; margin-bottom: 11px}

.info-box { background: url(../images/bg_info-box.jpg) no-repeat top left; width: 407px; cursor:pointer; height: 87px; overflow:hidden; padding: 10px; margin-top: 11px; padding-top: 13px}
.box-img { width: 54px; float: left;}
.box-text { width: 343px; float: right}
a.so-sipkou { display: block; background:url(../images/icon_link-arrow.jpg) no-repeat 0px 3px; padding-left: 15px; margin-top: 5px}

span.bigger-text { margin-top: 16px; padding-bottom: 5px; border-bottom: 1px solid #cfcfcf; display: block; margin-bottom: 11px}
#centrujuci { width: 369px; margin: 0px auto}
#centrujuci img { vertical-align: middle; margin-left: 4px}
.vnutorny-centrujuci {width: 258px; margin: 0px auto; margin-top: 5px}
span.gray-text { color: #c6c6c6}
span.green-text { color: #55bf14}
span.red-text { color: #bb0504}

.white-box {padding: 12px 20px 12px 20px; margin-bottom: 11px}
.white-box h2 { color: #253544; display: inline}
.white-box img { vertical-align: middle; margin-right: 10px}
.white-box p { margin: 0px; padding: 4px 0px 4px 0px}

.anotation { padding-bottom: 10px; border-bottom: 1px solid #d0d0d0; margin-bottom: 11px}
.anotation .head { background: url(../images/icon_anotation.jpg) no-repeat top left; padding-left: 40px; display: block; padding-top: 8px; padding-bottom: 12px; font-size: 1.1em; height: auto; font-weight: bold}
.anotation a.head:link, .anotation a.head:visited { text-decoration: underline; color: #243348}
.anotation span.head { text-decoration: none; color: #243348}
.anotation a.head:hover { text-decoration: none; color: #243348}
.anotation img { border: 1px solid #d0d0d0; float: left; margin-right: 10px}
.anotation span.datum { color: #2273c5; font-size: 10px; display: block; padding-bottom: 3px;}

#right-part { width: 467px; float: left; padding-left: 4px}
#right-centered { width: 386px; margin: 0px auto; padding: 10px 7px 0px 7px;}
.right-header { background: url(../images/bg_right-head-blue.jpg) top left no-repeat; width: 359px; height: 23px; margin: 0px auto; padding: 11px 0px 0px 25px; color:#FFFFFF; font-weight: bold}
.right-white-box {width: 384px; margin: 0px auto; margin-top: 11px}
.right-white-box-act {margin: 0px auto; margin-top: 11px; border-bottom: 1px solid #D9D9D9}
.right-white-box-text {width: 348px; float:left}
.right-white-box-act input.nobord { border: 0px none; margin: 0px; float:left; margin-top: 50px; padding: 0px}
.referencie-posuvnik input.plus { margin-right: 2px; float: left; padding: 0px}

#top-ref-left { width: 188px; float: left; overflow:hidden}
#top-ref-right { width: 188px; float: right; overflow:hidden}
a.out { background: url(../images/icon_out.jpg) no-repeat 0px 4px; padding-left: 20px; margin-top: 5px; display:block}
a.out2 {background: url(../images/icon_out.jpg) no-repeat 0px 4px; padding-left: 20px; margin-top: 0px; display:block}
a:link.out2, a:visited.out2 {font-weight: bolder; font-size: 1.1em;}

/*referencie*/
.portfolio a.big-img{width:172px; height:112px; padding:7px 8px; display:block; float:left; background: url(../images/bg-portfolio-out.gif) no-repeat scroll 0px 0px; z-index: 1}
.portfolio a.big-img:hover{background: url(../images/bg-portfolio-over.gif) no-repeat scroll 0px 0px;}
.portfolio .top{width:172px; height:112px; display:block; float:left;background: url(../images/bg-portfolio-top.gif) no-repeat scroll right top;}
.portfolio a.big-img img, .portfolio .top{cursor:pointer; z-index: 2}

.portfolio-bottom{width:172px; height:79px; padding:10px 10px 0px; float:left; background: url(../images/bg-portfolio-bottom.jpg) no-repeat scroll 0px 0px;}
.portfolio-bottom .out{font-size:13px; font-weight:bold; margin:5px 0px}

.right-ref-header { background: url(../images/bg_right-head.jpg) top left no-repeat; width: 360px; height: 23px; margin: 0px auto; padding: 11px 0px 0px 25px; color:#304892; font-weight: bold; margin-top: 16px}
.referencie-posuvnik { margin-top: 5px; padding-bottom: 5px; border: 1px solid #bdbcbd; background:url(../images/ref-slice.jpg) bottom repeat-x; width:385px;}
.referencie-posuvnik input.nobord { border:none; margin: 0px; float:left; margin-top: 10px; width:24px; height:27px;padding:0px;}
.referencie-posuvnik input.plus { margin-right: 2px; float: left}
.referencie-posuvnik p{margin-top: 5px;margin-left:15px;width:350px;}
.referencie-posuvnik .referencie-main-nadpis {padding: 10px 0px 10px 15px;}
.referencie-mainpic-box{width: 350px; height: 130px; background: url(../images/ref-main-pic-bg.jpg) bottom repeat-x; border: 1px solid #d5dbdb; margin-left: 15px;}
.referencie-mainpic-box img{width: 338px; height: 118px; padding: 6px 0px 0px 6px; }
.referencie-main-nadpis{padding-bottom: 5px;}
.referencie-thumbs {padding-top: 5px;height:72px; position:relative;}
.referencie-thumbs img{width: 80px; height:60px; padding: 3px; float: left; margin: 1px; cursor:pointer; position:absolute;}
.referencie-thumbs a{width: 80px; height:60px; padding: 3px; float: left; margin: 1px; cursor:pointer; position:absolute;}
.referencie-thumbs .relative{position:relative;width: 88px; height:68px; float: left;}
.referencie-thumbs .thumbout{ background: url(../images/ref-thumbs-bg.jpg) no-repeat top;}
.referencie-thumbs .thumbover{background: url(../images/ref-thumbs-bg-hover.jpg) no-repeat top;}
.referencie-thumbs .sel{background: url(../images/ref-thumbs-bg-hover.jpg) no-repeat top;}
/*cursor: pointer;*/


.bordered { border: 2px solid #d4d9dd}

.right-gray-box {width: 354px; margin: 0px auto; margin-top: 11px; background: url(../images/bg_contact-bottom.jpg) no-repeat bottom left #f6f6f6; padding: 16px; padding-bottom: 30px; margin-bottom: 10px }
.right-gray-box-testimonials{width: 313px; height:67px; margin: 0px auto; margin-top: 11px; background: url(../images/new-images/bg-index_testimonial.png) no-repeat top left; font-size:13px; padding: 16px 31px 20px 28px; margin-bottom: 0px; color:#363636; font-style:italic;}
.right-gray-box-testimonials .nazor{ text-decoration:underline;}
.right-gray-box-testimonials .nazor:hover{ text-decoration:none;}
#contact-left { width: 174px; float: left; overflow:hidden; margin-top: 11px;}
#contact-left input {width: 164px; margin-bottom: 6px}
#contact-right { width: 174px; float: right; overflow:hidden; margin-top: 11px;}
#contact-right span {display: block; margin-bottom: 5px; *margin-bottom: 5px; clear:both}
#contact-right span input { margin-bottom: 5px; float:left; margin-right: 5px; border: 0px none; padding: 0px}
#contact-right strong { display: block; margin-bottom: 5px}
#contact-right input { border: 0px none}
.inp-holder { clear: both; margin-bottom: 5px}

#kontakt #kontakt-left{width:256px; float:left;}
#kontakt #kontakt-right{width:355px; float:right;}
#kontakt #kontakt-form{clear:both;width:644px;}
#kontakt #kontakt-form .kontakt-form-top{ height:6px; font-size:0px;background: url(../images/bg-kontakt-form-top.jpg) no-repeat scroll 0px 0px;}
#kontakt #kontakt-form .kontakt-form-body{background: url(../images/bg-kontakt-form-body.jpg) repeat-y scroll 0px 0px;}
#kontakt #kontakt-form .kontakt-form-bottom{ height:11px;background: url(../images/bg-kontakt-form-bottom.jpg) no-repeat scroll 0px 0px;}
#kontakt-formular-holder {padding:0px 0px;}
.inputy input{display:block;}
.inputy label, #form-right label{padding:3px 0px; display:block;}
.inputy input, #form-right textarea{border-left-color:#e2e3ea; border-top-color:#abadb3; border-right-color:#dbdfe6; border-bottom-color:#e3e9ef;}
.checkboxy span{display:block; height:25px;}
.checkboxy input{border:none;}
#form-left{float:left; width:230px;}
#form-right{float:right; width:343px;}
#map-bg{background: url(../images/bg-mapa.gif) no-repeat scroll 0px 0px;}
#kontakt h2.underline{border-bottom:1px solid #d3d8dc; color:#7080a3; padding:5px 0px; margin:0px 0px 10px 0px; font-size:12px;}
#kontakt table td{vertical-align:top; padding:4px 0px 4px 7px;}

#textarea { margin-top: 5px; border-top: 1px solid #8da1a2; padding-top: 11px}
#textarea textarea {padding: 3px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color: #7080a3; margin: 0px; vertical-align: middle; border: 1px solid #ADADAF; width: 346px; height: 80px}

#footer { background: url(../images/bg_footer.jpg) no-repeat top left; width: 975px; height: 49px; margin: 0px auto;}
#footer a {padding-left: 20px; color: #7c87a3; padding-right: 10px; margin-top: 10px; display: block; float:left}
#footer a:link, #footer a:visited {color: #7c87a3; text-decoration: underline}
#footer a:hover {color: #7c87a3; text-decoration: none}
#a-home {background: url(../images/icon_home.jpg) no-repeat top left}
#a-map {background: url(../images/icon_map.jpg) no-repeat top left}
#a-kontakt {background: url(../images/icon_contact.jpg) no-repeat top left}
#a-print {background: url(../images/icon_print.jpg) no-repeat top left}


#footer-logo { width: 300px; float: right; text-align: right}
#footer-logo img {vertical-align: middle}
.breaker { clear: both; font-size: 1px; margin: 0px; padding: 0px}

#product-contact { width: 623px; color:#000000; background: #fdfdfd url(../images/bg-contact-form.jpg) repeat-x top left; padding: 10px; margin-top: 20px; margin-bottom: 20px}
#product-contact h2 { font-size: 18px; color:#000000; font-weight: normal; margin: 0px; padding: 0px; margin-top: 14px; margin-bottom: 14px; text-transform:uppercase}
#product-contact h2 strong {color:#000000;}

#product-contact table#contact-1 { width: 290px; float: left}
#product-contact table#contact-2 { width: 325px; float: right}

#product-contact table#contact-1 input { width: 150px}
#product-contact table#contact-2 textarea { width: 265px; height: 120px}

#footer2 { background:url(../images/bg-big-footer.jpg) repeat-x bottom left #2d539a; border-top:1px solid #c7ccd2; height: 347px}
#central-footer { width: 975px; margin: 0px auto; color: #FFFFFF; padding-top: 15px}

.footer-block { float: left; padding-right: 30px; max-width: 221px;}
.footer-block#jeden { }
.footer-block#dva {}
.footer-block#tri {}
.footer-block#styri { padding-right: 0px; }
.footer-block h3 { color: #FFFFFF; font-size: 13px; font-weight: bold; margin: 0px; padding:0px; padding-bottom: 15px}
.footer-block h3 a {color: #FFFFFF; text-decoration: none}
.footer-block h3 a:hover {color: #FFFFFF; text-decoration: underline}
.footer-block ul { margin: 0px; padding: 0px}
.footer-block li { margin: 0px; padding: 0px; list-style: none; display:block; background:url(../images/ul-small-ico.png) no-repeat center left; padding-left: 10px;  padding-bottom: 4px}
.footer-block li a { color:#FFFFFF; text-decoration: underline;}
.footer-block li a:hover { text-decoration: none}
.footer-block#pat {width: 280px; position:relative; max-width: none; }
#newsletter_singup,#newsletter_singout{ z-index:2; position:relative;}
.footer-block#pat .obalka{ background:url(../images/img-newsletter-footer.jpg) no-repeat top left; z-index:1;  width:105px; height:100px;position:absolute;right: 24px;top: 23px;opacity: 0.3;}
.footer-block#pat input.nob { border: 0px none}
.footer-block input#newsletter_email_singup,.footer-block input#newsletter_email_singout{ width:137px; color:#494848; height:19px; padding:3px;background:url(../images/new-images/bg-newsletter_input.jpg) no-repeat top left; border:none;}
.footer-block form{ float:left; width:259px;}
.footer-block a#newsletter_singup_link, .footer-block a#newsletter_singout_link{ float:left;font-weight:normal; color:#6c82ab; display:block; padding-top:5px;}

#pat h3{padding-bottom: 10px;}
#pat a:hover{text-decoration:none;}

.footer-block#sest { border-left: 1px solid #3b5990; padding-left: 30px; }

#central-footer img { float: right; margin-left: 20px; margin-top: 15px}


#btn-contact-float{/*top: 26%;;overflow: hidden;position: fixed;right: 0;z-index: 5000;*/ float:right;height: 265px;width: 38px;}
#btn-contact-float a.btn-contact-small {background: url(../images/btn-contact-button.png) no-repeat scroll 0 0 transparent;cursor: pointer;height: 265px;width: 38px;z-index: 5000; display:block;}
#btn-contact-float a.btn-contact-small:hover {background: url(../images/btn-contact-button.png) no-repeat scroll -62px 0 transparent;}
#btn-contact-float a.btn-contact-small_en {background: url(../images/btn-contact-buttonEN.png) no-repeat scroll 0 0 transparent;cursor: pointer;height: 265px;width: 38px;z-index: 5000; display:block;}
#btn-contact-float a.btn-contact-small_en:hover {background: url(../images/btn-contact-buttonEN.png) no-repeat scroll -62px 0 transparent;}

/* DIALOG FORM */
#dialog_form{background: url(../images/new-images/bg-dialog_form.png) no-repeat scroll 0px 0px transparent;z-index:19999; padding:0px!important;-moz-box-shadow:0px 4px 5px #565656;-webkit-box-shadow:0px 4px 5px#565656;box-shadow:0px 4px 5px#565656;}
#kontakt-form_feedback{padding:; margin:0px 30px; width:533px;}
#kontakt-form_feedback input{font-size: 13px;padding: 2px 0; color:#000;}
#kontakt-form_feedback h2{ margin:24px 0px 0px 0px; padding:0px 0px 16px 37px; border-bottom:1px solid #dadada; font-family:Corbel; font-size:20px; color:#484848; text-transform:uppercase;background:url(../images/new-images/img-dialog_nadpis_icon.jpg) left 2px no-repeat;}
#kontakt-form_feedback h2 span{ font-weight:normal;}
#kontakt-form_feedback #kontakt_form table{width:55%;margin:0px 0px 0px 0px; color:#454f58;}
#kontakt-form_feedback #kontakt_form td{background:none;padding:8px 0px 7px 0px; vertical-align:top;}
#kontakt-form_feedback #kontakt_form td.main{ padding-left:19px;}
#kontakt-form_feedback #kontakt_form td.main label{ font-size:11px; padding-left:7px; padding-top:1px;}
#kontakt-form_feedback #kontakt_form td.popisok{ padding:0px 0px 0px 30px; height:28px;}
#kontakt-form_feedback #kontakt_form td.noborder{border:0px;}
#kontakt-form_feedback #kontakt_form textarea{margin:0px;width:457px;height:130px;resize:none;color:#000; border:none;background:url(../images/new-images/bg-dialog_textarea.png) left top no-repeat;}
#kontakt-form_feedback #kontakt_form textarea.focus{margin:0px;width:457px;height:130px;resize:none;color:#000; border:none;background:url(../images/new-images/bg-dialog_textarea-hover.png) left top no-repeat;}
#kontakt-form_feedback #kontakt_form input{margin:0px;padding:0px;border:none;}
#kontakt-form_feedback #kontakt_form input.ui-input-text{width:190px;height:26px;padding:4px 5px 0px 5px;background:url(../images/new-images/bg-dialog_input.png) left top no-repeat;}
#kontakt-form_feedback #kontakt_form input.ui-input-text.focus{width:190px;height:26px;padding:4px 5px 0px 5px;background:url(../images/new-images/bg-dialog_input-hover.png) left top no-repeat;}


/* SEARCH */
#search_soc_holder{background: url(../images/new-images/bg-tab_vyhladavanie.png) repeat-x 0px 0px;padding-top: 5px; height:30px; margin-right:2px;}
#search_soc_holder .search{height:21px; margin-left:11px;margin-right:9px; margin-top:3px; float:left; }
#search_soc_holder input#login-input-box{ height:17px; width:113px; border:none; /*background: url(../images/new-images/bg-search_input.png) no-repeat 0px 0px;*/
 /* for IE */
  filter:alpha(opacity=30);
  /* CSS3 standard */
  opacity:0.3;
 -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; padding:4px 6px 0px 6px; float:left; color:#494848;}
#search_soc_holder input#login-input-btn{border:none; padding:0px; margin-top:2px; margin-left:8px; float:left;}

/*chrome debug*/
.nohighlight:focus{outline:none;}

.error_message{text-align:center;}
.error_message div{color:red;font-weight:bold;padding:12px 0px 0px 0px;}
.error_message span{color:red;display:block;font-weight:bold;padding:12px 0px 0px 0px;}

.send_success{display:none;padding:20px;}

table.titulka_certifikaty{text-align:left; padding-left: 20px; padding-bottom: 10px}
table.titulka_certifikaty a{ display:block; float:left; padding-right:15px;}

.christmas-snow .snow {
    position: relative;
}
.christmas-snow .snow:before {
    content: "";
    position: absolute;
    width: 170px;
    height: 18px;
    background: url(../images/bg_snow-01.png) no-repeat center center;
    z-index: 5;
    top: -10px;
    left: -4px;
}
.christmas-snow .snow:after {
    content: "";
    position: absolute;
    width: 89px;
    height: 15px;
    background: url(../images/bg_snow-02.png) no-repeat center center;
    z-index: 5;
    top: -6px;
    right: -2px;
}
.christmas .snow_hidden {
    visibility: hidden;
}
.christmas .right-header {
    margin-top: 10px;
}

/* Beg - social na indexe */
.social {
    width: 365px;
    margin: 0px auto;
}
.social__item,
.social__item:link,
.social__item:visited {
    float: left;
    line-height: 32px;
    color: #2374c8;
    text-decoration: none;
    margin-right: 50px;
}
.social__item:last-child,
.social__item:link:last-child,
.social__item:visited:last-child {
    margin-right: 0px;
}
.social__item:hover,
.social__item:focus {
    color: #2374c8;
    text-decoration: underline;
}
.social__item img {
    float: left;
    margin-right: 10px;
}
/* End - social na indexe */