/* --- START COMMON CSS --- */ *{margin:0; padding:0;} a{text-decoration:none; outline:none; color:#e96b22;} a:hover{text-decoration:underline;} a img{border:0;} .cl{font-size:0; line-height:0; clear:both;} .no-text{text-indent:-9999px; font-size:0; line-height:0;} .fl{float:left;} .fr{float:right;} .db{display:block;} .di{display:inline;} .dn{display:none;} .no-margin{margin:0!important;} .red{color:red} input, textarea{font-size:12px; color:#292929; font-family:Arial, Tahoma, Verdana;} /* --- END COMMON CSS --- */ /* --- START BODY & SHELL --- */ body{font-size:12px; font-family:Arial, Tahoma, Verdana; line-height:16px; letter-spacing:0px; color:#013855; background:#f9f9f9 url(images/bg.png) top no-repeat;} #shell{width:1004px; margin:0 auto; padding:40px 0;} #shell .shell-top{width:993px; height:64px; background:url(images/shell-top.png);} #shell .shell-bottom{width:993px; height:20px; background:url(images/shell-bottom.png);} #shell .shell-inner{width:965px; padding:0 14px; background:url(images/shell-inner.png);} /* --- END BODY & SHELL --- */ /* ERROR STYLE */ #message{width:936px; margin:0 auto; position:relative; top:10px; display:none;z-index: 100000} #message .top, #message .bottom{width:936px; height:10px;} #message .center{width:896px; padding:5px 30px 5px 10px; color:#414141; font-size:12px; line-height:16px;} #message .close{width:24px; height:24px; cursor:pointer; position:absolute; top:10px; right:10px; display:block;} #message .center ul{list-style:none;} #message .center ul li{margin-bottom:5px;} .message-error, .message-succ{position:fixed; z-index:1002;} .message-error .top{background:url(images/msg-error-top.png);} .message-error .bottom{background:url(images/msg-error-bottom.png);} .message-error .center{background:url(images/msg-error-center.png) repeat-y;} .message-error .close{background:url(images/msg-error-close.png);} .message-succ .top{background:url(images/msg-succ-top.png);} .message-succ .bottom{background:url(images/msg-succ-bottom.png);} .message-succ .center{background:url(images/msg-succ-center.png) repeat-y;} .message-succ .close{background:url(images/msg-succ-close.png);} /* --- START HEADER --- */ #header{height:150px;} h1#logo{float:left; width:390px; height:61px; margin:5px 0 0 30px;} h1#logo a{width:390px; height:61px; display:block; } #head-address{float:left; margin:15px 0 0 38px; font-size:11px; color:#10432a; line-height:14px; width:335px;} #head-address a{color:#10432a;} #head-right{width:170px; float:right; position:relative;} #head-right .certification{width:114px; height:56px; float:left;} #head-right .langs{float:right; position:absolute; width:60px; right:-22px; top:0;} #head-right .langs a{width:28px; height:24px; padding-left:32px; font-size:12px; text-transform:uppercase; color:#ccecfd; line-height:18px; display:block; font-weight:bold;} #head-right .langs a:hover{text-decoration:none;} #head-right .langs a.bg{background:url(images/langs.png) 0 0;} #head-right .langs a.en{background:url(images/langs.png) 0 -28px;} #head-right .langs a:hover.bg{background:url(images/langs.png) -74px 0;} #head-right .langs a:hover.en{background:url(images/langs.png) -74px -28px;} #menu{height:36px; position:relative; width:965px; margin-top:15px;} #menu .left{position:absolute; left:-26px; top:0; background:url(images/menu-left.png); width:28px; height:46px;} #menu .right{position:absolute; right:-26px; top:0; background:url(images/menu-right.png); width:28px; height:46px;} #menu .inner{background:url(images/menu-bg.png); height:36px;} #menu .inner ul{list-style:none; padding-left:15px;} #menu .inner ul li{padding-right:20px; float:left;position:relative;} #menu .inner ul li.last{padding-right:0px;} #menu .inner ul li a{font-size:14px; font-weight:bold; color:#fff; text-shadow:1px 1px 1px #006aa1; text-transform:uppercase; line-height:36px;} #menu .inner ul li a:hover, #menu .inner ul li.active a{color:#cfeefe; text-decoration:none;} #menu .inner ul li ul{display:none; position:absolute; top:32px; left:0; padding:0; border-left:1px solid #1d577a; border-bottom:1px solid #1d577a; border-right:1px solid #1d577a; -webkit-border-bottom-right-radius:3px; -moz-border-bottom-right-radius:3px; border-bottom-right-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-bottom-left-radius:3px; border-bottom-left-radius:3px; background:#0096e4; z-index:200; width:220px;} #menu .inner ul li:hover ul{display:block;} #menu .inner ul li ul li{padding:0; float:none; position:relative;} #menu .inner ul li ul li a{display:block; padding:4px 10px 4px 10px; width:200px; font-size: 12px; line-height:20px; background:url(images/submenu-arrow.png) 200px center no-repeat;} #menu .inner ul li ul li a:hover{background:#00a6fd url(images/submenu-arrow.png) 210px center no-repeat;} #menu .inner ul li ul li ul{display:none; position:absolute; left:200px; top:0; border-top:1px solid #104f73; border-left:1px solid #104f73; border-right:1px solid #104f73; border-bottom:1px solid #104f73; -webkit-border-top-right-radius:3px; -moz-border-top-right-radius:3px; border-top-right-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-bottom-right-radius:3px; border-bottom-right-radius:3px; background:#00a6fd;} #menu .inner ul li:hover ul li ul{display:none;} #menu .inner ul li ul li:hover ul{display:block;} #menu .inner ul li ul li ul li{padding:0;} #menu .inner ul li ul li ul li a{background:none;} #menu .inner ul li ul li ul li a:hover{background:#0096e4;} .webticker {height: 40px;padding: 3px 0px;} ul.newsticker { //important to enable css3 transitions properly -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; list-style:none; margin:0; } /* --- END HEADER --- */ /* --- START CONTENT --- */ #home-left{width:654px; float:left;} #home-right{width:290px; float:right;} #left{width:247px; float:left;} #home-content{width:395px; float:right;} #slider{width:654px; height:265px;} #slider .slider{width:654px; height:232px; position:relative; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; overflow:hidden; z-index:100;} #slider .slider ul{list-style:none; width:10000px; height:232px; position:absolute; top:0; left:0;} #slider .slider ul li{width:654px; height:232px; float:left;} #slider .slider-control{padding:7px 0 0 7px;} #slider .slider-control ul{list-style:none;} #slider .slider-control ul li{width:16px; height:16px; float:left; padding-right:4px;} #slider .slider-control ul li a{display:block; width:16px; height:16px; background:url(images/slider-control.png) 0 0;} #slider .slider-control ul li a:hover, #slider .slider-control ul li.active a{background:url(images/slider-control.png) -16px 0;} .box{padding-bottom:15px;} .box h3{font-size:14px; height:28px; line-height:28px; font-weight:bold; color:#fff; text-transform:uppercase; text-align:center;} #left .box h3.align-left{width:230px;} #home-right .box h3.align-left{width:271px;} #home-content .box h3.align-left{width:378px;} #left .box{width:243px;} #left .box h3{width:241px;} #home-right .box{width:288px;} #home-right .box h3{width:286px;} #home-content .box{width:395px;} #home-content .box h3{width:393px;} #center{width:687px; float:right;} .box h3.pad-right{text-align:right; padding-right:10px; width:231px!important;} .box h3.align-left{text-align:left; padding-left:15px;} .box .box-inner{padding:10px;} .box .no-pad-bot{padding:10px 10px 0;} #left .box .box-inner{width:221px;} #home-right .box .box-inner{width:266px;} #home-content .box .box-inner{width:373px;} .box-yellow h3{background:url(images/head-yellow.png); border:1px solid #d5ad00; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; border-top-right-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; border-top-left-radius:5px; color:#024423; text-shadow:0 0 2px #ffff4a; position:relative;} .box-yellow h3 .icon{position:absolute; top:-8px; left:11px; background:url(images/icon.png); width:42px; height:36px;} .box-yellow .box-inner{border-left:1px solid #f5c500; border-right:1px solid #f5c500; border-bottom:1px solid #f5c500; -webkit-border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; border-bottom-left-radius:5px; color:#423600;} .box-orange h3{background:url(images/head-orange.png); border:1px solid #ba5d00; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; border-top-right-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; border-top-left-radius:5px; text-shadow:0 1px 1px #c36609;} .box-orange .box-inner{border-left:1px solid #ffa245; border-right:1px solid #ffa245; border-bottom:1px solid #ffa245; -webkit-border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; border-bottom-left-radius:5px; color:#6d3804;} .box-blue h3{background:url(images/head-blue.png); border:1px solid #1785c5; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; border-top-right-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; border-top-left-radius:5px; text-shadow:0 1px 1px #0069a0;} .box-blue .box-inner{border-left:1px solid #0f9be4; border-right:1px solid #0f9be4; border-bottom:1px solid #0f9be4; -webkit-border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; border-bottom-left-radius:5px; color:#004365;} .box-green h3{background:url(images/head-green.png); border:1px solid #1fad66; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; border-top-right-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; border-top-left-radius:5px; text-shadow:0 1px 1px #228326;} .box-green .box-inner{border-left:1px solid #36ab3b; border-right:1px solid #36ab3b; border-bottom:1px solid #36ab3b; -webkit-border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; border-bottom-left-radius:5px; color:#004f04;} .box-green .box-inner ul li a{background:url(images/bullet-green.png) 0 0 no-repeat; color:#004F04;} .box-green .box-inner ul li a:hover{background:url(images/bullet-green.png) 0 -500px no-repeat; color:#2d932d; text-decoration:none;} .box-red h3{background:url(images/head-red.png); border:1px solid #640113; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; border-top-right-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; border-top-left-radius:5px; text-shadow:0 1px 1px #760016;} .box-red .box-inner{border-left:1px solid #a90f2b; border-right:1px solid #a90f2b; border-bottom:1px solid #a90f2b; -webkit-border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; border-bottom-left-radius:5px; color:#44000d;} .box .box-inner ul{list-style:none;} .box .box-inner ul li{padding:2px 0;} .box .box-inner ul li a{padding-left:13px; display:block; line-height:14px;} .box .box-inner .block-link a{padding-left:13px; display:block; line-height:14px;} .box-yellow .box-inner ul li a{background:url(images/bullet-yellow.png) 0 0 no-repeat; color:#423600;} .box-yellow .box-inner ul li a:hover{background:url(images/bullet-yellow.png) 0 -500px no-repeat; color:#a88600; text-decoration:none;} .box-yellow .box-inner .more a{background:url(images/more-buttons.png) 0 -100px;} .box-yellow .box-inner .more a:hover{background:url(images/more-buttons.png) 0 -80px; text-decoration:none;} .box-orange .box-inner ul li a{background:url(images/bullet-orange.png) 0 0 no-repeat; color:#6d3804;} .box-orange .box-inner ul li a:hover{background:url(images/bullet-orange.png) 0 -500px no-repeat; color:#d56f0a; text-decoration:none;} .box-orange .box-inner .more a{background:url(images/more-buttons.png) 0 -140px;} .box-orange .box-inner .more a:hover{background:url(images/more-buttons.png) 0 -120px; text-decoration:none;} .box-blue .box-inner ul li a{background:url(images/bullet-blue.png) 0 0 no-repeat; color:#013855;} .box-blue .box-inner .block-link a{background:url(images/bullet-blue.png) 0 0 no-repeat; color:#013855;} .box-blue .box-inner ul li a:hover{background:url(images/bullet-blue.png) 0 -500px no-repeat; color:#000000; text-decoration:none;} .box-blue .box-inner ul.checklist li{line-height:14px; padding:2px 0 6px 22px; background:url(images/bullet-checkbox.png) left top no-repeat;} .box-blue .box-inner ul.checklist li a{display:inline; color:#0093df; background:none; padding:0;} .box-blue .box-inner ul.checklist li a:hover{text-decoration:underline;} .editor ul.checklist{list-style: none;} .editor ul.checklist li{line-height:14px; padding:2px 0 6px 22px; background:url(images/bullet-checkbox.png) left top no-repeat;} .editor ul.checklist li a{display:inline; color:#0093df; background:none; padding:0;} .editor ul.checklist li a:hover{text-decoration:underline;} .box .box-inner p{padding-bottom:5px;} .box .box-inner .image{width:93px; height:93px; float:left; margin:0 15px 5px 0;} .box .box-inner .more{width:93px; height:20px; margin:0 auto;} .box .box-inner .more a{display:block; width:85px; height:20px; line-height:20px; padding-left:8px; color:#fff; text-transform:lowercase; font-size:11px;} .box-blue .box-inner .more a{background:url(images/more-buttons.png) 0 0;} .box-blue .box-inner .more a:hover{background:url(images/more-buttons.png) 0 -20px; text-decoration:none;} .box-green .box-inner .more a{background:url(images/more-buttons.png) 0 -40px;} .box-green .box-inner .more a:hover{background:url(images/more-buttons.png) 0 -60px; text-decoration:none;} .box .box-inner .line{border-bottom:1px solid #29a62f; width:100%; margin-bottom:10px;} .box-slider a{border:1px solid #238d57; display:block; height:10px;} .box-slider a.top{background:#29a62f url(images/slider-arrow-top.png) center no-repeat; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; border-top-right-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; border-top-left-radius:5px;} .box-slider a.bottom{background:#29a62f url(images/slider-arrow-bottom.png) center no-repeat; -webkit-border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; border-bottom-left-radius:5px;} .box-slider a:hover.top{background:#2fc036 url(images/slider-arrow-top.png) center no-repeat;} .box-slider a:hover.bottom{background:#2fc036 url(images/slider-arrow-bottom.png) center no-repeat;} .box-slider .box-inner{border-left:1px solid #36ab3b; border-right:1px solid #36ab3b; border-bottom:none; border-top:none; padding:10px; height:70px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;} .box-slider .box-inner .box-slider-cont{position:relative; height:70px; overflow:hidden;} .box-slider .box-inner ul{list-style:none; height:10000px; top:0; left:0; position:absolute;} .box-slider .box-inner ul li{height:70px; padding:0;} .box-slider .box-inner ul li span{display:block;} .box-slider .box-inner ul li span.title{height:14px; line-height:14px; overflow:hidden; font-weight:bold;text-decoration: underline} .box-slider .box-inner ul li span.text{height:56px; overflow:hidden; line-height:14px;} .box-green .box-inner .box-slider-cont ul li{list-style: none;} .box-green .box-inner .box-slider-cont ul li a{border: none;background: none;height: 14px;padding: 0;} .box-green .box-inner .box-slider-cont ul li .text a{border: none;background: none;height: 14px;padding: 0;float: right;color:#E96B22} .box-green .box-inner .box-slider-cont ul li a:hover{border: none;background: none;text-decoration: underline} .bottom-socials a{margin:0 7px;} a.big-button{background:url(images/big-button.png) 0 0; width:280px; padding:0 8px 0 0px; text-align:center; font-size:14px; font-weight:bold; text-transform:uppercase; text-shadow:0 1px 1px #00689d; line-height:30px; display:block; height:33px; color:#fff;} a:hover.big-button{background:url(images/big-button.png) 0 -33px; text-decoration:none;} #left .box a.big-button{background:url(images/big-button-left.png) 0 0; width:235px;} #left .box a:hover.big-button{background:url(images/big-button-left.png) 0 -33px;} .center-big-pic{width:687px; height:209px; overflow:hidden; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} h2.pagetitle{margin-top:15px; line-height:20px; font-size:16px; font-weight:bold; color:#000; border-bottom:1px solid #000; padding-bottom:5px; text-transform:uppercase; margin-bottom:20px;} .editor{color:#000;} .editor p{padding-bottom:10px;} .editor ul{padding:0 0 10px 5px;} .editor ol{padding:0 0 10px 25px;} .editor ul.news li {list-style: none;border-bottom: 1px dashed #999;margin-bottom: 10px } .editor ul.news li.last {list-style: none;border-bottom: none;margin-bottom: 10px } .editor ul.news li .news-img{width:120px;height: 95px;float: left;margin:0 5px 5px 0;} .editor ul.news li .news-desc{padding: 2px;height: 70px;position: relative} .editor ul.news li .news-desc a{color: #333;} .editor ul.news li .news-desc a:hover{color: #E96B22;} .editor ul.news li .news-desc h3{text-decoration: underline;float: left;width: 590px;} .editor ul.news li .news-desc small{color:#999;margin-left:20px;width: 65px;} .editor ul.news li .news-desc .desc{} .editor ul.news li .news-desc a.news-more{position: absolute;bottom: 3px;color: #E96B22;right:10px} .keywords{border-top:1px dashed #999;color: #999;padding: 5px} .centercont{width:470px; margin:0 auto;} .centercont-online{width:570px; margin:0 auto;} .uniform{margin-top:50px; padding-top:20px; /*border-top:1px solid #000;*/ color:#8d8d8d;} .uniform .row{padding:4px 0;} .uniform .row .cell1{width:160px; float:left;} .uniform .centercont-online .row{float: right} .uniform .centercont-online .row .cell1{ padding-right: 5px; text-align: justify; width: 255px;float:left;} .uniform .row .cell2{width:310px; float:left;} .uniform .row .cell2 .checkbox, .uniform .row .cell2 .radio{width:19px; height:25px; padding:0 5px 0 0; background:url(images/checkbox.png) no-repeat; display:block; float:left; margin-right:5px;} .uniform .row .cell2 .radio{background:url(images/radio.png) no-repeat;} .uniform .row .cell2 label{font-size:14px; float:left; margin-right:10px;} .uniform .row .cell2 .select{position:absolute; width:280px; line-height:30px; color:#8d8d8d; font-size:14px; height:30px; padding:0 20px 0 10px; background:url(images/select.png) no-repeat; overflow: hidden;} .uniform .row .cell2 select{width:310px; height:30px;} .uniform .row .cell2 .text{width:300px; padding:0 5px; height:30px; line-height:30px; color:#8d8d8d; background:url(images/inputtext.png); border:none;} .uniform .row .cell2 textarea{width:300px; padding:3px 5px 2px; height:105px; line-height:15px; color:#8d8d8d; background:url(images/textarea.png); border:none;} .uniform .row .cell2 .submit{width:138px; height:33px; line-height:30px; border:none; cursor:pointer; background:url(images/submit.png); text-align:center; font-size:14px; color:#fff; font-weight:bold; text-shadow:0 1px 1px #00689d; text-transform:uppercase;} /* --- END CONTENT --- */ /* --- END FOOTER --- */ #footer{padding-top:10px} #footer .copyright{text-align:center; color:#a7a7a7;} #footer .copyright a{color:#a7a7a7;} #footer .created{margin-top:5px;} #footer .created a{width:90px; height:54px; background:url(images/dobg.png) -90px 0; display:block; margin:0 auto;} #footer .created a:hover{background:url(images/dobg.png) 0 0;} /* --- END FOOTER --- */ #content {margin-top: 10px;} .editor ul.clients{list-style: none;} .editor ul.clients li h3{ height: 42px; overflow: hidden; } .editor ul.clients li{ line-height: 14px; padding: 2px 0 6px 0px; width: 25%; float: left; margin-bottoM: 30px; } .editor ul.clients li img{padding-bottom:5px; max-width: 94%; max-height: 130px; } .editor ul.clients li a.img{width: 94%;height: 140px;display: block; text-align: center;} .editor ul.clients li a{display:inline; color:#0093df; background:none; padding:0;} .editor ul.clients li a:hover{text-decoration:underline;} .center-big-pic.clientsPic { max-height: 209px; height: auto; } div.pagination ul{list-style: none;} div.pagination ul li a{padding: 4px 8px; float: left; border: 1px solid #e96b22; margin-right: 4px;} div.pagination ul li a.active{text-decoration: underline;}