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

/* =reset.css (by Andy Clarke) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background:transparent; }

/* =clear */
.clear { clear: both; font-size: 1px; line-height: 0; }
/* =clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */

strong { font-weight:bold; }
a { font-family:Arial, Helvetica, sans-serif; }

* { margin: 0; }
html, body { height: 100%; }

.last {margin: 0 !important;}

/* ======================================================================================== */

body { 
     font-family: Arial,Helvetica,sans-serif;
     font-size: 12px;
}

html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}

.wrapper {
    width: 937px;
    min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -165px;
    
}
.wrapper .header {
    float: left;
    position: relative;
    width: 937px;
}
.wrapper .header .logo {
    float: left;
    padding: 32px 0 0 0px;
    width: 230px;
}

.wrapper .header .right_box{
    float: right;
    margin-top:30px;
    width: 75px;
    display: block;
}

.wrapper .header .right_box .social{
    float: right;
    margin-right: 3px;
}

.wrapper .header .right_box .social a{
    display: block;
    float:right;
    text-indent: -9999px;
    background: url("../img/facebook.png") no-repeat bottom left;
    height: 27px;
    width: 27px;
    
}

.wrapper .header .right_box .social a:hover { background: url("../img/facebook.png") no-repeat top left;}


.wrapper .header .right_box .lang {
    float: right;
    margin-top: 5px;
}

.wrapper .header .right_box .lang a {
    background: url("../img/btn-jezik.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    font-size: 12px;
    text-decoration: none;
    width: 93px;
    height: 24px;
    text-align:center;
    line-height:23px;
}

.wrapper .header .right_box .lang a:hover{
    background: url("../img/btn-jezik.png") no-repeat bottom;

}

a {
    font-family: Arial,Helvetica,sans-serif;
}

.wrapper #main-menu {
    background: url("../img/meni-sredina.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #5e6066;
    border-radius: 3px 3px 3px 3px;
    float: left;
    height: 38px;
    margin-top: 22px;
    position: relative;
    width: auto;
    z-index: 999;
}


.wrapper #main-menu ul {
    float: left;
    width: auto;
    margin: 0;
    padding: 0;
    width: auto;
}

.wrapper #main-menu ul li {
    background: url("../img/meni-separator2.png") repeat-y scroll 0 0 transparent;
    display: block;
    float: left;
    height: 38px;
    padding: 0 0 0 1px;
    position: relative;

}

.wrapper #main-menu ul li:hover ul {
     position: absolute;
     width: 156px;
     display: block;
     margin-top: 38px;
     background-color: #7f838a;
}

.wrapper #main-menu ul li ul {
     position: absolute;
     width: 156px;
     display: none;
     margin-top: 38px;
     background-color: #7f838a;
}

.wrapper #main-menu ul li ul li{
     display: block;
     width: 100%;
     background: url("../img/podmeni-separator2.png") repeat-x scroll left bottom transparent !important;
     padding: 0 0 0 0;
     height: 40px;
     
}

.wrapper #main-menu ul li.first {
    background: none repeat scroll 0 0 transparent;
    padding: 0 0 0 0;
}

.wrapper #main-menu ul li a {
    color: white;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 38px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px #2C466B;
    text-align: center;
    line-height: 38px;
    width: 155px;
}

.wrapper #main-menu ul li a.active, .wrapper #main-menu ul li a:hover{
    background: url("../img/meni-sredina-active3.png");
    display: block;
}

.wrapper .container { float: left; margin: 30px 0 50px 0; position: relative;}

.wrapper .container .index-slider {  height: 335px; width: 935px; margin: -4px; display: block;  float: left;  position: relative;}
.wrapper .container .index-slider .rotator ul li {display: block;}

.wrapper .container .news {
    float: left;
    height: 71px;
    margin-left: 28px;
    margin-top: 219px;
    position: absolute;
    width: 299px;
    padding: 10px;
    z-index: 999;
    background: url("../img/news-pozadina.png");
    color: white;
}

.wrapper .container .news a {color: #fff; text-decoration: none;}
.wrapper .container .news a:hover {text-decoration: underline;}

.wrapper .container .news p {
    font-size: 14px;
    font-style: italic;
    margin-top: 7px;
    font-weight: bold;
}

.wrapper .container .news span {font-size: 22px; font-style: italic; font-weight: bold;}

.wrapper .container .blokovi {
     margin: auto;
     float: left;
     padding-top: 30px;
     width: 100%;
   
}

.wrapper .container .blokovi ul{
    width: 960px;
    float: left;
    margin-left: -7px;
}

.wrapper .container .blokovi ul li {

    display: block;
    float: left;
    height: 207px;
    position: relative;
    margin-right: 3px;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 14px;
    width: 287px;
    background: url("../img/box_home.png") no-repeat;
}

.wrapper .container .blokovi ul li .title {
    border-bottom: 1px solid #D5D5D5;
    color: #777777;
    float: left;
    padding-bottom: 5px;
    width: 100%;
}

.wrapper .container .blokovi ul li .title span {
    float: right;
    font-size: 11px;
    padding-top: 6px;
    color: #004689;
    font-weight: bold;
}

.wrapper .container .blokovi ul li .title h2 {
    float: left;
    font-size: 18px;
    color: #004689;
}

.wrapper .container .blokovi ul li .title2 {
    border-bottom: 1px solid #D5D5D5;
    color: #325F7D;
    float: left;
    padding-bottom: 5px;
    width: 100%;
}

.wrapper .container .blokovi ul li .title2 span {
    float: right;
    font-size: 11px;
    padding-top: 6px;
    font-weight: bold;
    color: #71a7d1;
}

.wrapper .container .blokovi ul li .title2 h2 {
    float: left;
    font-size: 18px;
    color: #c42127;
}

.wrapper .container .blokovi ul li .title3 {
    border-bottom: 1px solid #D5D5D5;
    color: #325F7D;
    float: left;
    padding-bottom: 5px;
    width: 100%;
}

.wrapper .container .blokovi ul li .title3 span {
    float: right;
    font-size: 11px;
    padding-top: 6px;
    font-weight: bold;
    color: #71a7d1;
}

.wrapper .container .blokovi ul li .title3 h2 {
    float: left;
    font-size: 18px;
    color: #63a1c9;
}

.wrapper .container .blokovi ul li .box-center {
    float: left;
    width: 100%;
}

.wrapper .container .blokovi ul li .slika {
    float: left;
    width: 114px;
}

.wrapper .container .blokovi ul li .text {
    float: right;
    width: 158px;
}

.wrapper .container .blokovi ul li .text p {
    float: right;
    font-size: 12px;
    line-height: 14px;
}

.wrapper .container .blokovi ul li .button {
    float: left;
    width: 100%;
    display: block;
    padding-left: 7px;
    padding-top: 2px;
}

.wrapper .container .blokovi ul li .button a {
    background: url("../img/btn-det-red.png") no-repeat left top;
    color: #504f4f;
    float: left;
    font-size: 12px;
    text-decoration: none;
    width: 93px;
    height: 20px;
    text-align:center;
    font-weight: bold;
    padding-top: 4px;
}

.wrapper .container .blokovi ul li .button a:hover{
    background: url("../img/btn-det-red.png") no-repeat left bottom;

}

.footer {
    background: url("../img/footer.png") repeat scroll 0 0 transparent;
    position: relative;
    width: 100%;
    clear: both;
    display: block;
    float: left;
    border-top: 10px solid #1a2839;
	
}

.footer, .push {
    height: 155px;
}

.footer .content{
    position: relative;
    width: 937px;
    clear: both;
    display: block;
    margin: 0 auto;
    padding-top: 10px;
    font-size: 12px;
    color: #979797;
    font-family: Arial,Helvetica,sans-serif;
    line-height:18px
}

.footer .content a{
     text-decoration:none;
     color: #979797;
}
.footer .content a:hover{
     text-decoration:underline;
}

.footer .content .left{
     float: left;
}
.footer .content .right{
     float: right;
}

.footer a.footer_link {font-weight: bold; text-decoration: none;}
.footer a.footer_link:hover {text-decoration: underline;}

.wrapper .container .breadcrumbs {
    float: left;
    width: 937px;
    margin: auto;
    position: relative;
    font-size:14px;
    font-style:italic;
    color: #777777;
}

.wrapper .container .breadcrumbs ul {
    float: left;
    margin: 0;
    padding: 0;
    width: auto;
}
.wrapper .container .breadcrumbs ul li{
    display: block;
    float: left;
}

.wrapper .container .breadcrumbs ul li span{
     padding-left:5px;
     padding-right: 5px;
}

.wrapper .container .breadcrumbs ul li a {
    float: left;
    font-size: 13px;
    position: relative;
    text-decoration: none;
    color: #777777;
}

.wrapper .container .breadcrumbs ul li a.active {  font-weight:bold; text-decoration: none;}
.wrapper .container .breadcrumbs ul li a:hover { text-decoration: underline;}

.wrapper .container .naslov{ float: left; position: relative; display:block; width: 937px;  color: #6a6e75; padding-top:18px;}

.wrapper .container .sadrzaj{ float: left; position: relative;  width: 937px;  padding-top:20px; display: block;}
.wrapper .container .sadrzaj h1{ color: #6a6e75; margin-bottom: 20px;}
.wrapper .container .sadrzaj .text{ float: left; width: 500px; font-size: 15px; color: #777; line-height: 24px;}
.wrapper .container .sadrzaj .downloads {width: 937px;}
.wrapper .container .sadrzaj .text p{ font-size: 15px; line-height: 24px;  color:#777;}
.wrapper .container .sadrzaj .slika{ float: right; width: 424px;}
.wrapper .container .sadrzaj .slika img{display: block;} 


.wrapper .container .sadrzaj #map_canvas {margin: 25px 0; display: block; float: left;}

.wrapper .container .sadrzaj .slika .box{
     border-radius: 3px 3px 3px 3px;
     border: 1px solid #D1D1D1;
     box-shadow: 1px 1px 5px #CED0D1;
     height: 280px;
     width: 250px;
     margin-right: 40px;
     float: right;
     background: url("/img/box-aboutus.png") repeat-x scroll left top transparent;
     padding-top: 10px;
}

.wrapper .container .sadrzaj .slika .box .title1{
    border-bottom: 1px solid #D5D5D5;
    color: #777777;
    float: left;
    padding-bottom: 5px;
    width: 210px;
    font-size: 18px;
    font-weight:bold;
    font-style: italic;
    margin-left:20px;
}
.wrapper .container .sadrzaj .slika .box .slika{
    float: left;
    display: block;
    margin-left:37px;
    padding-top: 5px;

}

.wrapper .container .sadrzaj .slika .box .title2{
    border-bottom: 1px solid #D5D5D5;
    color: #777777;
    float: left;
    padding-bottom: 5px;
    width: 210px;
    font-size: 18px;
    font-weight:bold;
    font-style: italic;
    margin-left:20px;
    padding-top: 10px;
}

.wrapper .container   .blokovi-c-tech {
     float: left;
   
}

.wrapper .container .blokovi-c-tech ul{
    width: 937px;
    float: left;
    line-height: normal;
    margin-bottom:20px;
}

/*Box Bioteck big -------------------*/

.wrapper .container .box-bioteck { margin: auto;  float: left; padding-top: 30px;  width: 100%;}
.wrapper .container .box-bioteck ul{width: 960px;   float: left;}
.wrapper .container .box-bioteck ul li { display: block; float: left; height: 204px; margin-right: 10px; padding: 10px 10px 0 10px; width: 209px; }
.wrapper .container .box-bioteck ul li.granules {background: url("/img/granules_big.png") no-repeat;}
.wrapper .container .box-bioteck ul li.gel {background: url("/img/gel.png") no-repeat;}
.wrapper .container .box-bioteck ul li.membranes {background: url("/img/membranes.png") no-repeat;}
.wrapper .container .box-bioteck ul li.blocks {background: url("/img/blocks.png") no-repeat;}
.wrapper .container .box-bioteck ul li.last {margin-right:0;}
.wrapper .container .box-bioteck ul li .box_title {color: #fff; display: block; float: left; font-size: 18px; margin: 0 0 0 10px; width: 138px; padding: 8px 50px 5px 0px; border-bottom: 1px solid #fff;}
.wrapper .container .box-bioteck ul li a.btn_black_box { margin: 123px -20px 0 0; float: right;}

a.btn_black_box { background: url("/img/btn_black_box.png") no-repeat left top; color: #fff; padding: 4px 0 0 24px; font-size: 12px; text-decoration: none; width: 93px; height: 20px; display: block;}
a.btn_black_box:hover { background: url("/img/btn_black_box.png") no-repeat left bottom;}


/*Box Bioteck small ------------------*/

.wrapper .container .box-bioteck-small {display: block; float: left; margin: 0px 0 0 0; background: url("/img/bone_menu_bg.png") no-repeat;width: 422px; height: 93px; position: absolute; left: 518px; top:-9px;}
.wrapper .container .box-bioteck-small span.bone_menu_title {display: block; float: left; width: 390px; font-weight: bold; font-size: 16px; color: #6a6e75; margin: 17px 0 0 17px;}
.wrapper .container .box-bioteck-small span.bone_menu_title span.small {font-size: 12px; margin: 0 0 0 4px;}
.wrapper .container .box-bioteck-small ul.links {display: block; float: left;  height: 21px; font-size: 13px; color: #0080c9; width: 390px; margin: 19px 0 0 18px;}
.wrapper .container .box-bioteck-small ul.links li { display: block; float: left; margin-right: 30px;}
.wrapper .container .box-bioteck-small ul.links li.last {margin-right:0px}
.wrapper .container .box-bioteck-small ul.links li a {font-size: 13px; color: #0080c9; font-weight: bold; background: url("/img/arrow_blue.png") no-repeat left; text-decoration: none; padding-left: 13px;}
.wrapper .container .box-bioteck-small ul.links li a:hover{text-decoration: underline;}
.wrapper .container .box-bioteck-small ul.links li a.active {color: #9e9e9e; background: url("/img/arrow_gray.png") no-repeat left;}
.wrapper .container .box-bioteck-small ul.links li a.active:hover {text-decoration: none;}

.wrapper .container .box-bioteck-small ul li .box_title { color: #fff; display: block; float: left; font-size: 13px; font-weight: bold; margin: 0px 0 0 2px; width: 164px; }
.wrapper .container .box-bioteck-small ul li img {display: block; float: left; margin: 2px 0 0 6px;}
.wrapper .container .box-bioteck-small ul li a.btn_black_box { margin: 49px -23px 0 0px; float: right;}


/*Box C-tech big*/

.wrapper .container  .blokovi-c-tech ul li { display: block; float: left; height: 166px; margin-right: 10px; width: 175px; }
.wrapper .container  .blokovi-c-tech ul li.GL {background: url("/img/gl_box_down.png") no-repeat;}
.wrapper .container  .blokovi-c-tech ul li.MB {background: url("/img/bl_box_down.png") no-repeat;}
.wrapper .container  .blokovi-c-tech ul li.ND {background: url("/img/nd_box_down.png") no-repeat;}
.wrapper .container  .blokovi-c-tech ul li.SD {background: url("/img/sd_box_down.png") no-repeat;}
.wrapper .container  .blokovi-c-tech ul li.MB {background: url("/img/mb_box_down.png") no-repeat;}
.wrapper .container  .blokovi-c-tech ul li.last {margin-right:0;}

.wrapper .container  .blokovi-c-tech ul li .box_title {color: #777777; display: block; float: left; font-size: 13px; font-weight: bold; margin: 11px 0 0 17px; width: 138px;}
.wrapper .container  .blokovi-c-tech ul li span {display: block; float: left; height:64px; width: 106px; font-size: 11px; margin: 12px 0px 0 57px;}
.wrapper .container  .blokovi-c-tech ul li a.btn_box { margin: 2px 0px 0 53px; float: left;}
.wrapper .container  .blokovi-c-tech ul li a.btn_box:hover { background: url("/img/btn-det-red.png") no-repeat left bottom;}

/*Box C-tech small*/

.wrapper .container .box-c-tech-small {display: block; float: left; margin: 0px 0 20px 0;}
.wrapper .container .box-c-tech-small ul li { display: block; float: left; height: 106px; margin-right: 5px; width: 155px; }
.wrapper .container .box-c-tech-small ul li.GL {background: url("/img/gl_box_small.png") no-repeat;}
.wrapper .container .box-c-tech-small ul li.BL {background: url("/img/bl_box_small.png") no-repeat;}
.wrapper .container .box-c-tech-small ul li.SD {background: url("/img/sd_box_small.png") no-repeat;}
.wrapper .container .box-c-tech-small ul li.ND {background: url("/img/nd_box_small.png") no-repeat;}
.wrapper .container .box-c-tech-small ul li.MB {background: url("/img/mb_box_small.png") no-repeat;}
.wrapper .container .box-c-tech-small ul li.last {margin-right:0;}

.wrapper .container .box-c-tech-small ul li .box_title {color: #777777; display: block; float: left; font-size: 13px; font-weight: bold; margin: 13px 0 0 53px; width: 90px; height: 48px;}
.wrapper .container .box-c-tech-small ul li img {display: block; float: left; margin: 2px 0 0 6px;}
.wrapper .container .box-c-tech-small ul li a.btn_box { margin: 7px 0px 0 48px; float: left;}
.wrapper .container .box-c-tech-small ul li a.btn_box:hover { background: url("/img/btn-det-red.png") no-repeat left bottom;}


/*Impants content*/

.wrapper .container .sadrzaj .implants {display: block; float: left; font-size: 15px; color: #777777; line-height: 24px;}
.wrapper .container .sadrzaj .implants h2 {margin: 20px 0 40px 0; }
span.bg_blue {background: url("/img/gl_logo.png") no-repeat; padding-left: 47px}
span.bg_orange {background: url("/img/sd_logo.png") no-repeat; padding-left: 47px}
span.bg_green {background: url("/img/nd_logo.png") no-repeat; padding-left: 47px}
span.bg_red {background: url("/img/bl_logo.png") no-repeat; padding-left: 47px}
span.bg_light_blue {background: url("/img/mb_logo.png") no-repeat; padding-left: 47px}
span.blue {color: #065191;}
span.orange {color: #f29400; }
span.green {color: #007e4f;}
span.red {color: #cf2127;}
span.light_blue {color: #9E2CA8;}


.wrapper .container .sadrzaj .blue-box {display: block; float: left; width: 500px;}
.wrapper .container .sadrzaj .blue-box .charachteristics {display: block; float: left; font-size: 14px; color: #777777; line-height: 24px; width: 455px; padding:10px 22px 0px 22px; margin: 20px 0 0 0; background: url("../img/box_light_blue.png") left top no-repeat #ecf6ff;}
.wrapper .container .sadrzaj .blue-box .charachteristics ul {display: block; width: 500px; margin-top: 13px;}
.wrapper .container .sadrzaj .blue-box .charachteristics ul li {display: block; float: left; width: 214px; background: url("../img/bullet_check_2.png") 0px no-repeat; padding-left: 14px;}
.wrapper .container .sadrzaj .blue-box .charachteristics span {font-size: 18px; border-bottom: 1px solid #d5d5d5; width: 100%; margin:7px 0 0 0; display: block;  padding-bottom: 4px;}
.wrapper .container .sadrzaj .blue-box span.bottom {background: url("../img/box_light_blue.png") right top no-repeat; margin:0; padding:0; border: 0px; float: left; width: 499px; height: 14px;}

.wrapper .container .sadrzaj a.pdf {display: block; float: right; height:79px; width: 339px; text-decoration: none; margin-right: 38px; background: url("../img/pdf_bg.png") no-repeat;}
.wrapper .container .sadrzaj a.pdf:hover span {text-decoration: underline;}
.wrapper .container .sadrzaj a.pdf img {display: block; float: left; margin: 12px 0 0 20px;}
.wrapper .container .sadrzaj a.pdf span {display: block; float: left; line-height: 18px; margin: 14px 0 0 23px; width: 238px; font-size: 13px; color: #656565; }
.wrapper .container .sadrzaj a.pdf-inner {float:left; margin: 20px 205px 0 0;}
.wrapper .container .sadrzaj a.pdf_bone {background: url("../img/pdf_bg_bone.png") no-repeat; margin: 10px 0 0 0; width: 412px }
.wrapper .container .sadrzaj a.pdf_bone span {margin: 23px 0 0 23px; width: 293px;}

.wrapper .container  a.btn_box { background: url("../img/btn-det-red.png") no-repeat left top; color: #000; font-size: 12px; text-decoration: none; width: 94px; height: 20px; display: block; text-align: center; padding-top:4px;}
.wrapper .container  a.btn_box:hover { background: url("../img/btn-det-red.png") no-repeat left bottom;}



/*Table*/

.wrapper .container .sadrzaj table.contact-services { width:100%; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#636465; }
.wrapper .container .sadrzaj table.contact-services tr.head { text-transform:uppercase; }
.wrapper .container .sadrzaj table.contact-services tr td { padding:10px;}
.wrapper .container .sadrzaj table.contact-services tr td.name {width:447px;}
.wrapper .container .sadrzaj table.contact-services tr td.type {width:92px; text-align: center;}
.wrapper .container .sadrzaj table.contact-services tr td.size {width:122px; text-align: center;}
.wrapper .container .sadrzaj table.contact-services tr td.download {width:186px; text-align: center;}
.wrapper .container .sadrzaj table.contact-services tr td a { color:#223e66; font-weight:bold; text-decoration:none;}
.wrapper .container .sadrzaj table.contact-services tr { background:#f1f1f1; }
.wrapper .container .sadrzaj table.contact-services tr td a:hover { text-decoration:underline; }

/*a.btn_box { background: url("../img/btn-det-red.png") no-repeat left top; color: #FFFFFF; font-size: 12px; text-decoration: none; padding:4px 0 5px 16px;}
a.btn_box span {padding:4px 16px 5px 0px;  background: url("../img/btn_sprite.png") no-repeat right -61px;}
a.btn_box:hover {background: url("../img/btn_sprite.png") no-repeat left -34px ;}
a.btn_box:hover span {padding:4px 16px 5px 0px;  background: url("../img/btn_sprite.png") no-repeat right -95px;}*/


/*News*/

.wrapper .container .sadrzaj ul#news {float: left; width: 100%; font-size: 15px; color: #777; line-height: 19px;}
.wrapper .container .sadrzaj ul#news li {display: block; float: left; /*border-bottom: 1px solid #D5D5D5;*/ padding:14px 0;}
.wrapper .container .sadrzaj ul#news li img {display: block; float: left;}
.wrapper .container .sadrzaj ul#news li span.text_box_news { width: 803px; margin-left: 14px; display: block; float: left;}
.wrapper .container .sadrzaj ul#news li span.text_box_news span.date {font-weight: bold; color: #cacaca; font-size:14px;}
.wrapper .container .sadrzaj ul#news li h3 a  {font-size:17px; margin: 5px 0;}
.wrapper .container .sadrzaj ul#news li a {color: #6A6E75; text-decoration: none; font-weight: bold; font-size: 13px; display: block;}
.wrapper .container .sadrzaj ul#news li a:hover {text-decoration: underline;}

.wrapper .container .sadrzaj .news-details {font-size: 15px; line-height: 24px; color: #777;}
.wrapper .container .sadrzaj .news-details .detail img{float: left; padding-right: 28px;}
.wrapper .container .sadrzaj .date_details {font-weight: bold;color: #CACACA; font-size: 17px; display: block; margin: -26px 0 40px 0;}
.wrapper .container .sadrzaj .date_details span {color: #777}

.wrapper .container .sadrzaj .news-details .more a {padding: 7px 0 0 0; text-align: center; text-decoration: none; margin-top: 27px; background: url("../img/send_btn2.png") no-repeat scroll center top transparent; color: #fff; font-size: 14px; height: 33px; width: 86px; display: block; float: left;}
.wrapper .container .sadrzaj .news-details .more a:hover {background: url("../img/send_btn2.png") no-repeat scroll center bottom transparent;}

/*Foto galery*/

.wrapper .container .sadrzaj .news-details .foto {display: block; float: left; margin: 22px 0 0 0;}
.wrapper .container .sadrzaj .news-details .foto h2 {font-size: 22px; margin: 0 0 20px 0}
.wrapper .container .sadrzaj .news-details .foto ul {display: block; float: left; width: 937px;}
.wrapper .container .sadrzaj .news-details .foto ul li {display: block; float: left; margin: 0 10px 0 0}

.wrapper .container .blokovi-c-tech ul li .box-center {
    float: left;
    width: 100%;
}


/*Contact*/

.wrapper .container .sadrzaj .text .contact_title {font-weight: bold; margin-bottom: 5px; display: block; color: #6A6E75; font-size: 17px; }
.wrapper .container .sadrzaj .text a.contact_mail {color:#003471; font-weight: bold; text-decoration: none;}
.wrapper .container .sadrzaj .text a.contact_mail:hover {text-decoration: underline;}
.wrapper .container .sadrzaj .gore { width: 469px; margin-top: 35px;}
.wrapper .container .sadrzaj span.title {display: block; float: left;   font-weight: bold; font-size: 16px; width: 469px; margin: 5px 0;}

.wrapper .container .sadrzaj .gore form { display: block; float: left; width: 600px; margin-top: 30px;}
.wrapper .container .sadrzaj .gore form div {float: left; padding-bottom: 15px; width: 469px;}
.wrapper .container .sadrzaj .gore form div label {font-weight: bold;color: #6A6E75;; float: left; font-size: 14px; padding-right: 15px; padding-top: 5px; text-align: left; width: 110px;}
.wrapper .container .sadrzaj .gore form div input { border-radius: 5px 5px 5px 5px; border-color: #C0C0C0 #D9D9D9 #D9D9D9; border-style: solid; border-width: 1px; color: #7B7B7B; float: left; font-size: 12px; height: 27px; padding: 2px 8px; width: 266px;}
.wrapper .container .sadrzaj .gore form div textarea { border-radius: 5px 5px 5px 5px; border-color: #C0C0C0 #D9D9D9 #D9D9D9; border-style: solid; border-width: 1px; color: #7B7B7B; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 112px; padding: 8px; width: 266px;}
.wrapper .container .sadrzaj .gore form div.btn { color: #373737; font-size: 13px; padding: 5px 0 5px 123px;}
.wrapper .container .sadrzaj .gore form div select { border-radius: 5px 5px 5px 5px; border-color: #C0C0C0 #D9D9D9 #D9D9D9; border-style: solid; border-width: 1px; color: #7B7B7B; float: left; font-size: 12px; height: 33px; padding: 7px 8px; width: 284px;}
.wrapper .container .sadrzaj .gore form div.captcha-block input { float: left; width: 87px;}
.wrapper .container .sadrzaj .gore form div.captcha-block a {float: left; margin:0 14px; width: 37px}
.wrapper .container .sadrzaj .gore form div.captcha-block a img {display: block; float: left; margin-left: 5px; }
.wrapper .container .sadrzaj .gore form div.captcha-block a span {display: block; float: left; font-size: 10px; text-decoration: none; color: #6A6E75;margin-top: -5px; }

.wrapper .container .sadrzaj .gore form div.submit {display: block; float: left; margin:20px 0 0 123px;}
.wrapper .container .sadrzaj .gore form div input.btn { background: url("../img/send_btn2.png") no-repeat scroll center top transparent; text-align: center; border: 0 none; color: #fff; cursor: pointer; font-size: 14px; height: 40px; width: 87px;}
.wrapper .container .sadrzaj .gore form div input.btn:hover { background: url("../img/send_btn2.png") no-repeat scroll center bottom transparent;}

/* PAGINATOR */
.paginator {float:left; display: block; margin-top: 10px;}
.paginator span { float:left; font-size:12px; color:#31276c;  margin-left:3px;}

.paginator span.arrow a.arrow_left { display: block; float:left; border: 0px; background: url(../img/paginator_arrows.png) no-repeat right bottom; text-indent: -9999px; width:9px; height:21px; padding:0px;}
.paginator span.arrow a.active_l {background: url(../img/paginator_arrows.png) no-repeat left top;}
.paginator span.arrow a.arrow_right { display: block; float:left; border: 0px; background: url(../img/paginator_arrows.png) no-repeat left bottom; text-indent: -9999px; width:9px; height:21px; padding:0px;}
.paginator span.arrow a.active_r {background: url(../img/paginator_arrows.png) no-repeat right top;}

.paginator span a { color:#6D6D6D; text-decoration:none; float:left; padding: 2px 6px; border: 1px solid #cacaca;}
.paginator span a:hover, .paginator span.active a  { background-color:#6D6D6D; color:#fff; border: 1px solid #6D6D6D;}

.wrapper .container .blokovi-c-tech ul li .slika {
    float: left;
    width: 114px;
}

.wrapper .container .blokovi-c-tech ul li .text {
    float: right;
    width: 158px;
}

.wrapper .container .blokovi-c-tech ul li .text p {
    float: right;
    font-size: 12px;
    line-height: 14px;
}

.wrapper .container .blokovi-c-tech ul li .button {
    float: left;
    width: 100%;
    display: block;
    padding-left: 7px;
    padding-top: 2px;
}

.wrapper .container .blokovi-c-tech ul li .button a {
    background: url("../img/btn-det-red.png") no-repeat scroll 0 0 transparent;
    color: #504f4f;
    float: left;
    font-size: 12px;
    text-decoration: none;
    width: 93px;
    height: 25px;
    text-align:center;
    line-height:23px;
    font-weight: bold;
}

.wrapper .container .blokovi-c-tech ul li .button a:hover{
    background: url("../img/btn-det-red-hover.png") no-repeat scroll 0 0 transparent;

}


/*Forma*/

.wrapper .container .sadrzaj .wrapper-register .content .register-form { width:937px; float:left; font-size: 15px;color: #777; }
.wrapper .container .sadrzaj .wrapper-register .content .register-form .register-inner { width:905px; float:left; padding:40px 20px 40px 20px; background-color:#F9FAFB; border:1px solid #E8EBEF;  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.wrapper .container .sadrzaj .wrapper-register .content .register-form .input { width:430px; float:left; padding-bottom:15px; }
.wrapper .container .sadrzaj .wrapper-register .content .register-form .input label { width:105px; float:left; padding-top:7px; }
.wrapper .container .sadrzaj .wrapper-register .content .register-form .input input { width:300px; float:left; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; behavior: url(/js/PIE.htc); border:1px solid #abb6bb; background:url(../img/bg_register_input.png) repeat-x left top; padding:7px 10px; color:#6f757c; position:relative; }
.wrapper .container .sadrzaj .wrapper-register .content .register-form .select { width:100%; }
.wrapper .container .sadrzaj .wrapper-register .content .register-form .select select { width:321px; float:left; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; behavior: url(/js/PIE.htc); border:1px solid #abb6bb; background:url(../img/bg_register_select.png) repeat-x left top; padding:6px 10px; color:#6f757c; position:relative; }

.wrapper .container .sadrzaj .wrapper-register .content .register-form .register-inner #flashMessage { width:885px; float:left; padding:5px 10px; border:1px dotted #883636; margin-bottom:20px; background:#fff; color:#883636; font-weight:bold; }
.wrapper .container .sadrzaj .wrapper-register .content .register-form form { width:100%; float:left; }
.wrapper .container .sadrzaj .wrapper-register .content .register-form .red { color:red; }
.wrapper .container .sadrzaj .wrapper-register .content .register-form .shrink { width:475px; float:left; }
.wrapper .container .sadrzaj .wrapper-register .content .register-form .textarea { width:100%; float:left; }
.wrapper .container .sadrzaj .wrapper-register .content .register-form .textarea textarea { width:775px; float:left; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; behavior: url(/js/PIE.htc); border:1px solid #abb6bb; background:url(../img/bg_register_input.png) repeat-x left top #fff; padding:7px 10px; color:#6f757c; font-family:Arial, Helvetica, sans-serif; font-size:13px; position:relative; }
.wrapper .container .sadrzaj .wrapper-register .content .register-form .captcha { width:410px; }
.wrapper .container .sadrzaj .wrapper-register .content .register-form .captcha img { float:left; border:1px solid #abb6bb; }
.wrapper .container .sadrzaj .wrapper-register .content .register-form .captcha input { width:100px; float:right; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; behavior: url(/js/PIE.htc); border:1px solid #abb6bb; background:url(../img/bg_register_input.png) repeat-x left top; padding:7px 10px; margin-left:15px; color:#6f757c; position:relative; }


.wrapper .container .sadrzaj .wrapper-register .content .register-form .addperson { width:500px; float:left; padding:10px 0 0 105px; }
.wrapper .container .sadrzaj .wrapper-register .content .register-form .addperson .icon { width:155px; float:left; padding-top:4px; }
.wrapper .container .sadrzaj .wrapper-register .content .register-form .addperson a { float:left; background:url(../img/btn_grey.png) repeat-x left top; border:1px solid #abb6bb; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; behavior: url(/js/PIE.htc); font-size:13px; color:#4f5257;text-decoration:none;padding:7px 10px;  position:relative; }
.wrapper .container .sadrzaj .wrapper-register .content .register-form .addperson a:hover { background:url(../img/btn_grey.png) repeat-x left -31px; }
.wrapper .container .sadrzaj .wrapper-register .content .register-form .addperson a span { width:28px; height:16px; float:left; background:url(../img/ic_add_persons.png) no-repeat left top; padding-right:10px; }

.wrapper .container .sadrzaj .wrapper-register .content .register-form .submit { width:500px; float:left; padding:10px 0 0 105px; }
.wrapper .container .sadrzaj .wrapper-register .content .register-form .submit input { float:left; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; behavior: url(/js/PIE.htc); border:1px solid #7e3637; background:url(../img/btn_red.png) repeat-x left top; padding:6px 15px; color:#fff; cursor:pointer; position:relative; }
.wrapper .container .sadrzaj .wrapper-register .content .register-form .submit input:hover { background:url(../img/btn_red.png) repeat-x left -31px; }

.wrapper .container .sadrzaj .wrapper-register .content .register-form .new-person { width:100%; float:left; border-top:1px dotted #666; margin:20px 0; }
.wrapper .container  .blokovi-c-tech ul li.BL  {background: url("/img/bl_box_down.png") no-repeat;}

h1{ font-size: 36px; font-weight:bold;}
h2{ font-size: 32px; font-weight:bold;color: #6A6E75;}

strong { font-weight: bold;}