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

body { background:url(../images/back1.png) no-repeat top center #e9eaee; padding: 0px; margin: 0px; font-family: Arial, Helvetica, Verdana; font-size: 12px; color: #7080a3; margin-top: 31px}
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}

#container { width: 975px; margin: 0px auto; background: url(../images/bg_container.jpg) no-repeat 0px 283px}
.left { float: left}
.right { float: right}

#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: 353px; 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; height: 22px; 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}

#right-part { width: 467px; float: left; padding-left: 4px}
#right-centered { width: 386px; margin: 0px auto; padding: 40px 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; position:relative; padding:7px 8px; display:block; float:left; background: url(../images/bg-portfolio-out.gif) no-repeat scroll 0px 0px;}
.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{position:absolute; cursor:pointer}

.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;}

.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 }
#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}