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

*{padding:0; margin:0;}
html{height:100%;}
body{min-height:100%; background:#989998 url(../images/site-bg.jpg) repeat-x top; color:#fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:100%;}
* html body{height:100%;}

/*@table*/
tbody{border:0;}
table{width:100%;}
.node table {width:auto;}
table td{padding:5px;}
table tr.odd{ background:#000;}
table tr.even{ background:#333;}
a{color:#fff; text-decoration:underline; outline:none;}
a.active,
a:hover{}
#imce-content,
#imce-content a{color:#000; background:#fff;}

.tabs ul.tabs li,
.tabs ul.tabs{margin:0;}
.tabs ul.tabs li a{font-size:.75em; color:#000;}

/*@end table*/

h1, h2, h3, h4, h5, h6 { font-weight: normal;  font-family:Georgia, "Times New Roman", Times, serif; display:block;}
.page h1, .page h2, .page h3, .page h4, .page h5, .page h6 { font-weight: normal;  font-family:Georgia, "Times New Roman", Times, serif; display:block; width:655px; margin:0 auto;}
h1 {font-size: 190%;}
h2 {font-size: 160%;}
h3 {font-size: 140%;}
h4 {font-size: 130%;}
h5 {font-size: 120%;}
h6 {font-size: 110%;}


p{display:block; width:100%; padding:10px 0 10px 0;}
ul li,
.page ul li{ margin:0 20px;}
.page ul,
.page p, 
.frontpage .node{width:655px; margin:0 auto; display:block;}
.page h1{font:normal 2.33em Tahoma, Geneva, sans-serif; width:655px; margin:0 auto;}
.node .p{width:52%; margin:0 auto;}

.wrapper{overflow:hidden; margin:0; padding:0; min-width:968px; max-width:1280px; margin:0 auto;}
.conteiner{width:100%; float:left;}
/*Teni delaem u sayta*/
.ugol{position:relative; margin:0px 19px 12px;}
.ugol-t-l{height:32px; width:32px; position:absolute; left:-16px; top:-16px; background:url(../images/ugol.png) no-repeat top left;}
.ugol-t-r{height:32px; width:32px; position:absolute; right:-16px; top:-16px; background:url(../images/ugol.png) no-repeat top right;}
.ugol-b-l{height:32px; width:32px; position:absolute; left:-16px; bottom:-16px; background:url(../images/ugol.png) no-repeat bottom left;}
.ugol-b-r{height:32px; width:32px; position:absolute; right:-16px; bottom:-16px; background:url(../images/ugol.png) no-repeat bottom right;}
.ugol-t{background:url(../images/ugol-t.png) repeat-x top; margin:-32px 0 0 0; padding:32px 0 0 0;}
.ugol-b{background:url(../images/ugol-b.png) repeat-x bottom; margin:0 0 -32px 0; padding:0 0 32px 0;}
.ugol-l{background:url(../images/ugol-l.png) repeat-y left top; margin:16px 0 0 -32px ; padding: 0 0 0 32px;}
.ugol-r{background:url(../images/ugol-r.png) repeat-y right top; margin:0 -32px 0 0 ; padding: 0 32px 0 0;}
.ugol-content{ position:relative; background:#000; padding:16px; margin:0;}
/*@end Teni delaem u sayta*/

#frontimage{width:100%; height:0px; padding:0 0 36% 0; overflow:hidden; float:left}
#frontimage .image{width:20%; float:left; overflow:hidden;}
#frontimage .image span{overflow:hidden; border-left:3px solid #fff; display:block;}
#frontimage .image span.first{border:0;}
#frontimage .image img{margin:-17% 0% 0% 0%; float:right; display:block; }
#front-title{width:100%; float:left; overflow:hidden; height:70px; margin:-70px 0 0 0; position:relative; background:url(../images/bg-title.png);}
#front-title h1{font:normal 3.09em Tahoma, Geneva, sans-serif; text-align:center; color:#000}
#front-title .serw{position: absolute; bottom:0; left:0; color:#000;}
.title-img{width:100%; height:70px; background:url(../images/title-img.png) no-repeat center;}


#header{position:relative; z-index:10; padding:18px 0 0 0; height:69px;}
#header #logo{position:relative; z-index:10; width:150px; height:140px; margin:0px 0px -72px 0px;float:left;}
#header #menu{ margin:29px 0 0 0; width:718px; float:left;}
#header #menu ul,
#header #menu li{display:inline; padding:0; margin:0; list-style-type:none;}
#header #menu li a{padding:8px 15px 11px; margin:0px 0 0px 1px; background:#000; border-bottom:3px solid #fff; display:block; float:left; font:normal 0.88em "Trebuchet MS", Arial, Helvetica, sans-serif;position:relative; z-index:20;}
#header #menu li a:hover{text-decoration:none;}
#header #menu li a.parent,
#header #menu li a.active{background:#CCC; color:#000; border-bottom:solid #ccc; text-decoration:none;}

#header #flash{width:38px; height:37px; position:absolute; top:47px; right:16px; background:url(../images/music.gif) no-repeat;}

#head{border-bottom:3px solid #fff; background:#CCC;  margin:-16px -16px 0 -16px; padding:16px 0 0 0; }
#head .content{background-color:#CCC; min-height:86px; margin:-32px 0 0 0; position:relative;}
#head .content .view-id-news{ padding:24px 0 0 242px; overflow:hidden; height:32px;}
#head .content .view-id-news .content{padding:24px 0 0 0;}

#head .content .block-menu{ padding:24px 0 0 143px; overflow:hidden; height:61px;}
#head .content .block-menu .content{padding:24px 0 0 0;}

#head #block-menu-menu-objects ul,
#head #block-menu-menu-objects li,
#head #block-menu-menu-colection ul,
#head #block-menu-menu-colection li{display:inline; padding:0; margin:0; list-style-type:none; text-decoration:underline}

#head #block-menu-menu-objects li a,
#head #block-menu-menu-colection li a{ font-size:15px; text-decoration:underline; color:#000;line-height:23px;   padding:8px 12px 6px 12px; display:block; float:left;}

#head #block-menu-menu-colection li a span.bta{border-bottom:1px solid #000; display:block; width:100%; margin-top:-4px;}
#head #block-menu-menu-objects li a.parent,
#head #block-menu-menu-objects li a.active,
#head #block-menu-menu-colection li a.parent,
#head #block-menu-menu-colection li a.active{ font-size:23px; text-decoration:none; background-color:#FFF;  text-decoration:none;}
#head #block-menu-menu-objects li a.parent span.bort,
#head #block-menu-menu-objects li a.active span.bort,
#head #block-menu-menu-colection li a.parent span.bort,
#head #block-menu-menu-colection li a.active span.bort{ display:block; float:left; padding:1px 9px 0px 9px;}
#head #block-menu-menu-objects li a.parent span.bta,
#head #block-menu-menu-objects li a.active span.bta,
#head #block-menu-menu-colection li a.parent span.bta,
#head #block-menu-menu-colection li a.active span.bta{border:0; display:inline; margin:0;}

#head .content .view-id-news a{ font:.88em Georgia, "Times New Roman", Times, serif; color:#000; padding:6px 6px 6px 6px; display:block; float:left;}
#head .content .view-id-news a.active{font:1.31em Georgia, "Times New Roman", Times, serif; color:#000; background:#fff; text-decoration:none; padding:1px 9px 6px 9px;}

#head .view-id-objects,
#head .view-id-products{ margin:30px 14px 14px; padding:0 0 5px 0px; border:3px solid #fff; border-bottom:0; border-top:0; background:#fff; }
#head #scroll-panel td{width:160px; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000;}
#scroller{border:1px solid #000;}
div#scrollbar { display:none;}
/* below in external file */
div#scroll-panel{position:relative;  overflow:auto; }
#scroll-panel{
scrollbar-face-color: #000000;
scrollbar-arrow-color: #303030;
scrollbar-highlight-color: #303030;
scrollbar-3dlight-color: #8f8f8f;
scrollbar-shadow-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #999999;
}

div#scrollbar{position:relative;height:11px; display:block;font-size:1px; }
div#track { position:absolute; left:0px; top:-3px;width:100%; height:15px; background: #000 url(../images/scrol_bg.gif) repeat-x;}
div#dragBar {position:absolute; left:1px; top:1px; width:20px; height:12px; margin:1px 0 0 0; background:#000 url(../images/scrol_centr_bg.gif) no-repeat center;}  
div#left { position:absolute; left:0; top:0; }  
div#right { position:absolute; right:0; top:0;  }

/* for safari, to prevent selection problem  */
div#scrollbar, 
div#track, 
div#dragBar, 
div#left, 
div#right { -moz-user-select: none; -khtml-user-select: none;}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {display:block;} 
#head #scroll-panel td .views-field-title a.active{ position: relative; display:block; width:180px; margin:-130px 0 0 0; padding:130px 0 0 0; background:url(../images/img-active.gif);}
#head #scroll-panel td a{color:#333;}
#head #scroll-panel td a.active{color:#999; text-decoration:none}
#head #scroll-panel td a.active img{filter:alpha(opacity=50); opacity:0.50}
#head #scroll-panel table{width:auto;}
#main{margin:0 -32px; font:normal .75em "Trebuchet MS", Arial, Helvetica, sans-serif; position:relative;}
#main #map_canvas,
#main iframe{border:3px solid #fff; border-left:0; border-right:0; width:100%;}
#main .company{width:100%; border:3px solid #fff; border-left:0; border-right:0; overflow:hidden; padding:0; margin:11px 0; text-align:center;}
#main .company img{padding:0; margin:0 0px -5px 0;}

#main #news{width:810px; background:#333; margin:-16px auto -32px; overflow:hidden;}
#main #news .news{padding:16px 90px 16px 14px; width:706px; float:left;}
#main #news .news-teaser{border-bottom:1px solid #999;}
#main #news .views-row-last .news-teaser{border-bottom:0px solid #999;}
#main #news .news .news-content{width:100%; float:left;}
#main #news .news .news-content .content-d{margin:0 0 0 54px; float:left;}
#main #news .news .news-content .news-date{float:left; margin:4px 0 0 -100%; color:#999; font-family:"Trebuchet MS";}
#main #news .news .news-content .image_add{float:left; margin:10px 0 0 -100%;}
#main #news .news .news-content .image_add img{padding:5px 0 15px;}
#main #news .news .news-content .content-i{margin:0 0 0 201px;}
#main #news .news .news-content a{text-decoration:none;}
#main #news .news .news-content a:hover{text-decoration:underline;}
#main #news .block-custom_pagers .custom-pager-news{width:100%; float:left; padding:16px 0; height:60px; position:relative;}
#main #news .block-custom_pagers .custom-pager-news ul,
#main #news .block-custom_pagers .custom-pager-news li{display:inline; padding:0; margin:0; list-style-type:none;}
#main #news .block-custom_pagers .custom-pager-news li.custom_pager_prev a{display:block; position:absolute; left:0px; text-decoration:underline; padding:20px 0 24px 69px; background:url(../images/pager-previous.png) no-repeat left top;}
#main #news .block-custom_pagers .custom-pager-news li.custom_pager_next a{display:block; position:absolute; right:0px; text-decoration:underline; padding:20px 69px 24px 0; background:url(../images/pager-next.png) no-repeat  right top;}
#main ul.pager { }
#main #block-views-pafer_img-block_1,
#main .view-id-objects,
#main .view-id-products,
#main .products{overflow:hidden; background:#fff; margin:-16px 0 -32px; padding:17px 0 0 17px;}
#main .view-empty a{color:#000;}
#main .view-empty{overflow:hidden; background:#fff; margin:-16px 0 -32px; padding:17px 0 0 17px; color:#000;}
#main .view-pafer-img a{text-decoration:none; font-size:1px;}
/**/
#main .view-products .products .proto-img{ position:relative; display:block; min-width:450px; min-height:455px;  float:left; margin:-32px 316px 32px -32px;}
#main .view-taxonomy-term .products .proto-img{ position:relative; min-width:450px; min-height:455px; display:block; float:left;  margin:-32px 316px 14px -10px;}
#main .products .proto-img,
#main .view-pafer-img{ position:relative; display:block; float:left;   margin:0 316px 14px 0; min-width:450px; min-height:455px;}
/**/
#main .products .proto-img img,
#main .view-pafer-img img{width:100% auto; display:block;}
#main .view-pafer-img ul.pager{display:inline; padding:0; margin:0; list-style-type:none;}
#main .view-pafer-img .pager li{display:inline; padding:0; margin:0; list-style-type:none;}
#main .view-pafer-img .pager .pager-next a{ display:block;display:inline; padding:0;  position:absolute; top:45%; right:-20px; width:153px; height:60px; background:url(../images/pager-next.png) no-repeat right;}
#main .view-pafer-img .pager .pager-previous a{ display:block;display:inline; padding:0;  position:absolute; top:45%; left:-20px; width:153px; height:60px; background:url(../images/pager-previous.png) no-repeat;}
#main .products .proto-img .products-title{background:url(../images/arrow-comment.gif) no-repeat 0 50%; padding:0 0 0 21px; width:275px; position:absolute; top:10px; right:-301px;}
#main .views-field-field-img-data{background:url(../images/arrow-comment.gif) no-repeat 0 50%; padding:0 0 0 21px; width:275px; position:absolute; top:0px; right:-301px;}
#main .products .proto-img .products-title .black,
#main .views-field-field-img-data span{ display:block;padding:21px; background:#000; }
#main .products .proto-img  .pager a{font-size:1px; position:relative; z-index:0;}
#main .products .proto-img  .pager .pager-next a{ display:block;display:inline; padding:0;  position:absolute; top:45%; right:10px; width:153px; height:60px; background:url(../images/pager-next.png) no-repeat right;}
#main .products .proto-img  .pager-previous a{ display:block;display:inline; padding:0;  position:absolute; top:45%; left:10px; width:153px; height:60px; background:url(../images/pager-previous.png) no-repeat;}
#main .products .proto-desc{width:670px; margin:0 auto 25px; color:#000; text-align:justify}
#main .products .proto-img{position:relative; padding:10px;}
#main .products h2 a{color:#000; text-decoration:none;}
#main .products .aimagecache-products_linked{position:relative; z-index:100;}

#main .view-partners{padding:0 38px 38px; overflow:hidden}
#main .view-partners ul,
#main .view-partners li{display:inline; padding:0; margin:0; list-style-type:none;}
#main .view-partners li{width:28%; float:left; padding:22px 0 0 30px; min-height: 219px; display: -moz-inline-stack;  display: inline-block;  vertical-align: top; zoom: 1;}
#main .view-partners li .views-field-field-logo-fid{height:75px; display: table-cell;  vertical-align: middle;}
#main .view-partners li .field-content,
#main .view-partners li .field-content p{display:inline;}
#main .view-partners li span.views-field-title{font-weight:bolder;}
        
/*@footer*/
#footer{margin:0 28px 12px; font:normal 0.69em Verdana, Geneva, sans-serif;}
.gmnoprint div{background-image:none;}
#content-min,
#content-min a{color:#000; overflow:hidden}
.view-pafer-img .pager a{display:block; width:100px; float:left; height:20px; margin:0 20px; background:#fff;}

.editor-center-button{text-align:center; padding:10px 0;}
.editor-left-butto{text-align:left; padding:10px 0;}
.editor-right-button{text-align:right; padding:10px 0;}
.editor-justify-button{text-align:justify; padding:10px 0;}

.page .editor-center-button{text-align:center; width:655px; margin:0 auto; padding:10px 0;}
.page .editor-left-butto{text-align:left; width:655px; margin:0 auto; padding:10px 0;}
.page .editor-right-button{text-align:right; width:655px; margin:0 auto; padding:10px 0;}
.page .editor-justify-button{text-align:justify; width:655px; margin:0 auto; padding:10px 0;}