@charset "utf-8";
/* Table of Contents
----------------------------------
1.GENERAL
2.HEADER
3.CONTENT HOMEPAGE
4.FOOTER
5.CONTACT
6.SERVICII
----------------------------------*//*************************
*
*1. GENERAL
*
*************************/
/* reset styles */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset { margin: 0; padding: 0; border:0; }/* general classes */
body{ font-family:Arial, Helvetica, sans-serif; min-width: 1260px; }
a {color: #1469B3}
a,a:hover{ text-decoration:none;}
h1{font-size: 24px; font-family: "Arial"; color: rgb( 77, 77, 79 ); font-weight: normal; }h2 {font-size: 18px; font-family: "Arial"; color: rgb( 77, 77, 79 ); text-align: left; font-weight: normal; }
p {font-size: 14px; font-family: "Source Sans Pro"; color: rgb( 77, 77, 79 ); font-weight: normal;}/***** Custom Bullet *****/
section ul { width: 100%; font-size: 14px; font-family: "Arial"; color: #4d4d4f; text-align: left; list-style: outside none none; margin: 4px 0px 16px; text-indent: 0px; padding: 0px; line-height: 18px; }
section ul li {position: relative;padding-left: 15px;}
section ul li::before {left: 0px; background: none repeat scroll 0px 0px #4d4d4f; content: ""; float: left; height: 4px; position: absolute; top: 8px; width: 4px; }.clear{ clear:both; }
.no_border{ border:none !important;}
.no_background{ background:none !important; }
.box_left {float: left;display: inline-block;position: relative;}
.box_right {float: right;display: inline-block;position: relative;}.pages h1 {margin-bottom: 12px;margin-top: 20px;}
.pages .page_text {width: 742px;}
/*************************
*
*2. HEADER
*
*************************/
.bg_header {height: 90px;background-color: #0b1824;}
.box_header {width:1000px;margin:0 auto;display: block; position: relative;}
#logo{position: relative;float: left;display: inline-block;margin-top: 17px; }
#top{ margin-top:13px; position:relative; width:150px; float: right;display: inline-block; text-align: center;}
#top .quest {letter-spacing: 3px; font-size: 12px; font-family: "Source Sans Pro"; color: rgb( 255, 255, 255 ); text-transform: uppercase;}
#top .phone {width: 125px; height: 30px;background-color: #1469b3; color: #fff; border-radius: 30px; margin-top: 5px; text-align: left;padding-left: 25px; display: block;line-height: 30px; position: relative;}
#top .phone a {font-size: 14px; font-family: "Source Sans Pro"; color: rgb( 255, 255, 255 );}
#top .phone:before {background-image: url('../images/sprites.png'); background-position: 0 0; left:10px; top:0; bottom: 0; width: 11px; height: 11px; margin: auto; position: absolute;content: "";}/* meniu */
#menu{position: relative;float: left;display: inline-block;margin-left: 62px; }
#menu ul{ list-style:none; }
#menu ul li{ float:left; padding:0px 12px; height: 87px; line-height: 84px;border-top:3px solid #0b1824;}
#menu a{display: block; font-size: 17px;font-family: "Source Sans Pro"; color: rgb( 255, 255, 255 ); text-align: center; }
#menu ul li:hover,#menu ul li.active {border-top:3px solid #fff; }/*************************
*
*3. CONTENT HOMEPAGE
*
*************************/
/***** Slider Home *****/
.slider {position: relative;}
#slider_home {background-color: #eeeeee;height: 315px;}
#slider_home img {margin: 0 auto; display: block;}/***** Slider Home CTRL *****/
.blue_line {margin-top: 28px; border-bottom: 2px solid #1469b3; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);}
.slider-ctrl {height: 100%; width: 100%; position: absolute; top: 0px;}
.active-caption {display: block!important; z-index: 2 }
.captionSlide {display: none; padding: 0px; }
.slider-ctrl a.bx-next{text-indent: -9999px;background: url("../images/filler.png") repeat scroll center center transparent; cursor: url("../images/next.cur") 6 6, auto; z-index: 1;top:0; height: 100%; margin: 0; position: absolute; right: 0; width: 50%;}
.slider-ctrl a.bx-prev {text-indent: -9999px; background: url("../images/filler.png") repeat scroll center center transparent; cursor: url("../images/prev.cur") 6 6, auto; top: 0; z-index: 1; height: 100%; margin: 0; position: absolute; left: 0; width: 50%; }
.slider-ctrl a:hover, .slider-ctrl a:focus {outline: none;}/***** Slider Home CAPTION *****/
#bxsliderCaption{width: 700px; margin: 16px auto 0; z-index: 2; position: relative;}
#bxsliderCaption li h1 {text-align: center;margin-bottom: 11px;}
#bxsliderCaption li p {text-align: center;}
#bxsliderCaption .caption_title {width: 100%;}
#bxsliderCaption .caption_title h3 {padding-top: 4px; font-size: 12px;letter-spacing: 3px; font-family: "Source Sans Pro"; color: rgb( 77, 77, 79 ); text-align: center;margin-bottom: 17px; }
#bxsliderCaption .caption {margin: 13px auto 0; max-width:640px;}
#bxsliderCaption ul {position: relative;margin: 0px;}
#bxsliderCaption ul li:before {display: none;}/* page wrapper */
#page_title{ position:absolute; top:100px; color:#fff; font-size:22px; font-weight:normal;}
#page_w{ background:#fff; width:100%; min-height:300px; padding-bottom:30px; margin-top:0px;}
.page{ width:1000px; margin:0 auto; padding:0px; }
#page{ width:1000px; margin:0 auto; padding:0px; }
.content { width:100%; float:left; position:relative; }
.content h1, .content p {text-align: center;width: 680px;margin:0 auto;}
.content h1 {margin-bottom: 12px;}/* script servicii index */
#featureSet .features { height: 175px; margin: 0 ; position: absolute; width: 700px;right: 20px;}
#featureSet .featureCopy a{font-size: 11px; font-family: "Source Sans Pro"; color: rgba( 255, 255, 255,0.8 ); text-decoration: none; text-transform: uppercase;position: relative;margin-top: 15px; display: inline-block;letter-spacing: 1px; padding-right: 40px;}
#featureSet .featureCopy a:after {background-position: 0px -40px; width:26px; height: 7px;top:0;bottom: 0;right: 0; margin: auto; background-image: url('../images/sprites.png'); content: "";position: absolute;}
#featureSet .featureCopy a:hover {color: rgba( 255, 255, 255,1 );text-decoration: none;}
#featureIcons { height: 150px; position: absolute; left: 12px; top: 12px; width: 237px; border-right:2px solid #1469b3; }
#featureIcons ul li {padding:0px; clear: none; display: inline; float: left; width: 100%; height: 25px;}
#featureIcons ul li:before {display: none;}
#featureIcons ul li.feature2 a {display: inline; float: left; height: 68px; width: 38px; }
#featureSet .icon { position: relative; border-radius: 50%; height: 76px;width: 76px; border:2px solid #fff; position: absolute; right: 20px;top: 49px;}
#featureSet .features > div:nth-child(1) .icon:after {background-position: -12px 0; width:47px; height: 38px;top:0;bottom: 0; left: 0; right: 0; margin: auto; background-image: url('../images/sprites.png'); content: "";position: absolute;}
#featureSet .features > div:nth-child(2) .icon:after {background-position: -60px 0; width:36px; height: 33px;top:0;bottom: 0; left: 0; right: 0; margin: auto; background-image: url('../images/sprites.png'); content: "";position: absolute;}
#featureSet .features > div:nth-child(3) .icon:after {background-position: -96px 0; width:39px; height: 24px;top:0;bottom: 0; left: 0; right: 0; margin: auto; background-image: url('../images/sprites.png'); content: "";position: absolute;}
#featureSet .features > div:nth-child(4) .icon:after {background-position: -135px 0; width:30px; height: 23px;top:0;bottom: 0; left: 0; right: 0; margin: auto; background-image: url('../images/sprites.png'); content: "";position: absolute;}
#featureSet .features > div:nth-child(5) .icon:after {background-position: -165px 0; width:43px; height: 43px;top:0;bottom: 0; left: 0; right: 0; margin: auto; background-image: url('../images/sprites.png'); content: "";position: absolute;}
#featureSet .features > div:nth-child(6) .icon:after {background-position: -208px 0; width:48px; height: 48px;top:0;bottom: 0; left: 0; right: 0; margin: auto; background-image: url('../images/sprites.png'); content: "";position: absolute;}
#featureSet .featureCopy { background: none repeat scroll 0 0 transparent; display: inline; float: left;width: 560px;padding-top: 24px; }
#featureIcons ul { list-style-type: none; margin: 0; padding: 0; }
#homeContainer #featureIcons ul li {clear: none; display: inline; float: left; margin: 0 35px 0 0; width: auto; }
#featureIcons ul li.feature1 a, #featureIcons ul li.feature2 a, #featureIcons ul li.feature3 a,
#featureIcons ul li.feature4 a, #featureIcons ul li.feature5 a, #featureIcons ul li.feature6 a { display: block;height: 25px; line-height: 26px; font-size: 12px; font-family: "Source Sans Pro"; text-align: right; color: rgb( 255, 255, 255 ); text-transform: uppercase;padding-right: 30px;width: 207px; letter-spacing: 2px;}
#featureIcons ul li.feature1 a:hover, #featureIcons ul li.feature2 a:hover, #featureIcons ul li.feature3 a:hover,
#featureIcons ul li.feature4 a:hover, #featureIcons ul li.feature5 a:hover, #featureIcons ul li.feature6 a:hover { background: #1469b3;}
#featureIcons ul li.feature1 a.active, #featureIcons ul li.feature2 a.active, #featureIcons ul li.feature3 a.active,
#featureIcons ul li.feature4 a.active, #featureIcons ul li.feature5 a.active, #featureIcons ul li.feature6 a.active { background: #1469b3; }
#featureSet .product { display: block;height: 175px; width: 700px;position: relative; }
#featureSet { background-image: url("../images/bg_feature.jpg");ackground-position: right; margin-top: 35px; margin-bottom: 42px;background-repeat: no-repeat; display: inline; float: left; height: 175px;overflow: hidden; padding: 0; position: relative; width: 1000px; }
#featureSet .featureCopy h2{margin-bottom: 15px; letter-spacing: 1px;font-weight: normal; font-size: 18px; font-family: "Source Sans Pro"; color: rgb( 255, 255, 255 ); text-align: left; }
#featureSet .featureCopy p {font-size: 13px; font-family: "Source Sans Pro";letter-spacing: 1px; color: rgb( 255, 255, 255 ); text-align: left;}/* Box Blue - Servicii */
.box_blue {width: 100%; height: 175px; background-color: #1469b3; position: relative; -webkit-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.2); box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.2);margin-top: 50px;}
.margin_serv {margin:0 20px;}
.box_serv {width: 120px; float: left;display: inline-block;position: relative;height: 130px;}
.center_txt {display: table;height: 30px;margin-top: 22px;width: 120px;}
.box_serv a {display: table-cell;width: 100%;text-align: center; vertical-align: middle; font-size: 13px; font-family: "Source Sans Pro"; color: rgb( 255, 255, 255 );}
.box_serv a:hover {color: #b3ddff;}
.square { margin:0 auto;position: absolute;bottom: 0px;margin:0 auto; left:0; right: 0px; background-color: #fff; height: 60px; width: 60px; text-align: center; }
.square:hover {width: 70px; height: 70px;margin-bottom:-5px;}
.square:after { background-image: url('../images/shadow_servicii.png'); background-position: 0 0; left:0px; top:0;width: 165px; height: 105px; margin: auto; position: absolute;content: "";}
.square:hover:after {top:10px; left:10px;background-image: url('../images/shadow_servicii_hov.png'); height:100px;}
.icon_web span:before {background-image: url('../images/sprites.png'); background-position: 0 -50px; left:0px;right: 0; top:0; bottom: 0; width: 29px; height: 29px; margin: auto; position: absolute;content: "";}
.icon_optimizare span:before {background-image: url('../images/sprites.png'); background-position: -30px -41px; left:0px;right: 0; top:0; bottom: 0; width: 35px; height: 13px; margin: auto; position: absolute;content: "";}
.icon_mentenanta span:before {background-image: url('../images/sprites.png'); background-position: -65px -133px; left:0px;right: 0; top:0; bottom: 0; width: 29px; height: 29px; margin: auto; position: absolute;content: "";}
.icon_iv span:before {background-image: url('../images/sprites.png'); background-position: -99px -34px; left:0px;right: 0; top:0; bottom: 0; width: 31px; height: 29px; margin: auto; position: absolute;content: "";}
.icon_cw span:before {background-image: url('../images/sprites.png'); background-position: -30px -54px; left:0px;right: 0; top:0; bottom: 0; width: 20px; height: 28px; margin: auto; position: absolute;content: "";}
.icon_daw span:before {background-image: url('../images/sprites.png'); background-position: -131px -25px; left:0px;right: 0; top:0; bottom: 0; width: 32px; height: 30px; margin: auto; position: absolute;content: "";}
.icon_gp span:before {background-image: url('../images/sprites.png'); background-position: -131px -56px; left:0px;right: 0; top:0; bottom: 0; width: 30px; height: 23px; margin: auto; position: absolute;content: "";}
.icon_so span:before {background-image: url('../images/sprites.png'); background-position: -167px -47px; left:0px;right: 0; top:0; bottom: 0; width: 20px; height: 24px; margin: auto; position: absolute;content: "";}
.mox_more_serv {position: absolute;display: inline-block;left:0; right: 0; text-align: center; bottom: 14px;}
.more_serv {position: relative; display: inline-block; letter-spacing: 2.8px; font-size: 12px; font-family: "Source Sans Pro"; color: rgb( 255, 255, 255 ); text-transform: uppercase; text-align: center;}
.more_serv:hover {text-decoration: underline; color: #b3ddff;}
.more_serv:after {background-image: url('../images/sprites.png'); background-position: -54px -66px; right: -17px; top:0; bottom: 0; width: 10px; height: 10px; margin: auto; position: absolute;content: "";}
.more_serv:hover:after { background-position: -66px -66px;}/***** Opinii *****/
.opinii {margin-top: 46px;}
.opinii .bx-wrapper {position: relative;}
.opinii .bx-wrapper .bx-controls {position: absolute;top: 0;width: 100%;}
.opinii .bx-wrapper .bx-controls .bx-next {right: -60px;top: 38px;float: right; width:36px;height: 36px;text-indent: -9999px;position: relative;border-radius: 50%; border:2px solid #1469b3;}
.opinii .bx-wrapper .bx-controls .bx-next:after {content: ""; position: absolute;left: 0;right: 0;bottom: 0;top: 0;margin: auto;background-image: url("../images/sprites.png"); background-repeat: no-repeat;background-position: -204px -51px;width: 13px;height: 9px;}
.opinii .bx-wrapper .bx-controls .bx-next:hover:after {background-position: -204px -62px;}
.opinii .bx-wrapper .bx-controls .bx-next:hover {background-color: #1469B3; outline: none;}
.opinii .bx-wrapper .bx-controls .bx-prev {position: absolute;left: -60px;top: 38px;float: left; width:36px;height: 36px;text-indent: -9999px;position: relative;border-radius: 50%; border:2px solid #1469b3;}
.opinii .bx-wrapper .bx-controls .disabled {display: none;}
.opinii .bx-wrapper .bx-controls .bx-prev:after {content: ""; position: absolute;left: 0;right: 0;bottom: 0;top: 0;margin: auto;background-image: url("../images/sprites.png"); background-repeat: no-repeat;background-position: -189px -51px;width: 13px;height: 9px;}
.opinii .bx-wrapper .bx-controls .bx-prev:hover:after {background-position: -189px -62px;}
.opinii .bx-wrapper .bx-controls .bx-prev:hover {background-color: #1469B3; outline: none;}
.opinii h1 {text-align: center;}
.slider_opinii li {margin: 0; padding: 0;text-align: center;}
.slider_opinii li:before {display: none;}
.opinii_img {width: 50px;height: 50px;margin: 28px auto 12px; position: relative;}
.opinii_img:before {background-color: transparent; content: ""; position: absolute;left: -44px;bottom: 0;top: 0;margin: auto;background-image: url("../images/sprites.png"); background-repeat: no-repeat;background-position: -80px -65px;width: 15px;height: 14px;}
.opinii_img:after {background-color: transparent; content: ""; position: absolute;right: -44px;bottom: 0;top: 0;margin: auto;background-image: url("../images/sprites.png"); background-repeat: no-repeat;background-position: -95px -65px;width: 15px;height: 14px;}
.opinii_img img {width: 50px;height: 50px;border-radius: 50%;}
.opinii .title p {font-size: 14px; font-family: "Source Sans Pro"; color: rgb( 20, 105, 179 ); text-align: center; font-weight: 600;margin: 0px; }
.opinii .subtitle p {font-size: 12px; font-family: "Source Sans Pro"; color: #717172; text-align: center;margin: 0px; font-weight: normal; }
.opinii .subtitle {margin-bottom: 10px;}
.opinii p {text-align: center; font-size: 13px;font-family: "Arial"; color: #4D4D4F; font-weight: normal;}
.opinii .comment {text-align: center; font-size: 13px;font-family: "Arial"; color: #4D4D4F; font-weight: normal;}
.opinii .bx-viewport {min-height: 200px; height: auto !important}
.morecontent {position: relative;}
.morecontent span {display: none; }/*************************
*
*4. FOOTER
*
*************************/
/***** Box Blue II *****/
.box_blue2 {margin-bottom: 0px;background-color: #1469b3;padding-top: 20px;text-align: center;padding-bottom: 16px;margin-top: 8px; -webkit-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.1); box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.2);}
.box_blue2 p {color:#fff;font-size: 13px; margin: 0px;z-index: 1; display: block; position: relative;}/***** Button Solicita oferta *****/
.btn_solicita {width: 150px; height: 30px;font-size: 12px; font-family: "Source Sans Pro";padding-left: 21px; color: rgb( 255, 255, 255 );margin: 0 auto 15px; text-transform: uppercase;line-height: 30px;font-weight: 600; text-align: center;border: 2px solid #fff;display: block;position: relative;letter-spacing: 2.5px;}
.btn_solicita:after {content: ""; position: absolute;left: -2px;top: -2px;margin: auto;background-image: url("../images/shadow_footer.png"); background-repeat: no-repeat;width: 241px;height: 77px;}
.btn_solicita:before {content: ""; position: absolute;left: 10px;bottom: 0;top: 0;margin: auto;background-image: url("../images/sprites.png"); background-repeat: no-repeat;background-position: -219px -51px;width: 12px;height: 13px;}
.btn_solicita:hover:before{background-position: -231px -51px}
.btn_solicita:hover {background-color: #fff;color: #1469b3;text-decoration: none;}/***** Menu Footer *****/
.menu_footer {border-bottom: 2px solid #1469b3; padding:20px 0;}
.menu_footer ul, .menu_footer2 ul {margin: 0 auto; text-align: center;}
.menu_footer ul li, .menu_footer2 ul li {display: inline-block;}
.menu_footer ul li a, .menu_footer2 ul li a {padding: 0 10px; font-size: 13px; font-family: "Source Sans Pro"; color: rgb( 77, 77, 79 );}
.menu_footer ul li a:hover, .menu_footer2 ul li a:hover {color:#1469b3;}
.menu_footer ul li:last-child a, .menu_footer2 ul li:last-child a {border-right: 0px;}
.menu_footer ul li a, .menu_footer2 ul li a {border-right: 1px solid #4d4d4f;}
.menu_footer2 {margin-top: 10px;}footer .box_right {text-align: right;margin-top: -10px;}
.logo_footer {margin-top:5px;margin-bottom: 15px;}
.socials {margin-top: 12px;}
.socials a {margin: 0 2px;background-color: #1469b3; width: 29px; height: 29px; border-radius: 50%; display: inline-block;position: relative;}
.socials a:hover {background-color: #2b78ba}
.socials .facebook:after {content: ""; position: absolute;left: 0px;right: 0; bottom: 0;top: 0;margin: auto;background-image: url("../images/sprites.png"); background-repeat: no-repeat;background-position: -218px -65px;width: 8px;height: 16px;}
.socials .gmail:after {content: ""; position: absolute;left: 0px;right: 0; bottom: 0;top: 0;margin: auto;background-image: url("../images/sprites.png"); background-repeat: no-repeat;background-position: -243px -65px;width: 13px;height: 13px;}
.socials .yt:after {content: ""; position: absolute;left: 0px;right: 0; bottom: 0;top: 0;margin: auto;background-image: url("../images/sprites.png"); background-repeat: no-repeat;background-position: -227px -64px;width: 16px;height: 12px;}/***** css GO TOP *****/
#go_top {bottom: 56px; cursor: pointer; position: absolute; right: -62px;width: 45px; height: 45px; z-index: 5; font-size: 13px; font-family: "Arial"; color: rgb( 77, 77, 79 ); line-height: 52px;text-align: center;}
#go_top:after {background-image: url('../images/sprites.png');position: absolute; background-position: 0px -15px; content: "";width: 10px; height: 8px;top:10px;right: 0;left:0;margin: auto ;}
#go_top:hover:after {background-position: 0px -24px;}
#go_top:hover {background-color: #1469b3;color: #fff;}/***** css Box Cookies *****/
footer .box_cookies {z-index: 5;position: fixed;bottom: 0; background-color: #0b1824; width: 100%;height: 41px;margin-top: 15px;padding-top: 9px;}
footer .box_cookies p {width: 670px; font-size: 12px; font-family: "Source Sans Pro"; color: rgb( 172, 172, 172 ); margin-bottom: 0px;}
footer .box_cookies a {font-size: 12px; font-family: "Source Sans Pro"; color: rgb( 255, 255, 255 ); text-decoration: none; text-align: left;}
footer .box_cookies a:hover {text-decoration: underline;}
.btn_cookies{cursor: pointer; border-left: 1px solid #fff;margin-left:5px;padding-left: 5px;padding-right: 20px;position: relative;}
.btn_cookies:after {background-image: url('../images/sprites.png');position: absolute; background-position: -190px -71px; content: "";width: 11px; height: 10px;top:0px;right: 0;bottom:0;margin: auto ;}
.btn_cookies:hover:after {background-position: -202px -71px}/*************************
*
*5. CONTACT
*
*************************/
.page_title {margin-top: 16px;}
.blue_line2 {margin-bottom: 7px;margin-top: 19px; border-bottom: 2px solid #1469b3; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);}/*** CSS Breadcrumbs Gray ***/
.breadcrumbs span.divide {display: inline-block;width: 9px;position: relative;width: 6px; }
.arrow_right {background-image: url("../images/sprites.png");position: absolute;top: -8px;left: -3px; background-position: -246px -52px; background-repeat: no-repeat; height: 8px; width: 8px; }.box_breadcrumbs {position: relative;}
.breadcrumbs, .breadcrumbs a {padding-right: 5px; text-decoration: none; font-size: 13px;font-family: "Arial";color: #4d4d4f; text-align: left; }
.breadcrumbs a:hover {text-decoration: none;color: rgb( 20, 105, 179 ) }/*** CSS Address ***/
.box_address {font-size: 14px; font-family: "Source Sans Pro"; color: rgb( 77, 77, 79 ); text-align: left;margin-top: 25px;}
.box_address span {position: relative;display: block;padding-left: 25px;margin-bottom: 17px;}
.box_address a {position: relative;display: block;padding-left: 25px;margin-bottom: 17px;color: rgb( 77, 77, 79 );}
.box_address a:hover {color:#1469b3;}
.box_address .address:before {background-image: url('../images/sprites.png');position: absolute; background-position: 0px -81px; content: "";width: 12px; height: 17px;top:0px;left: 0;bottom:0;margin: auto ;}
.box_address .office:before {background-image: url('../images/sprites.png');position: absolute; background-position: -13px -83px; content: "";width: 15px; height: 9px;top:0px;left: 0;bottom:0;margin: auto ;}
.box_address .phone:before {background-image: url('../images/sprites.png');position: absolute; background-position: -28px -83px; content: "";width: 16px; height: 15px;top:0px;left: 0;bottom:0;margin: auto ;}
.box_address .fax:before {background-image: url('../images/sprites.png');position: absolute; background-position: -45px -83px; content: "";width: 14px; height: 14px;top:0px;left: 0;bottom:0;margin: auto ;}
.box_srl {margin-top: 34px;}
.box_srl p {font-size: 14px; font-family: "Source Sans Pro"; color: rgb( 77, 77, 79 ); text-align: left; }.box_srl p span {color: #717172;}/*** CSS Form ***/
#page_left{ width:350px;padding-top: 10px; float:left; padding-bottom:20px;}
#page_left .page_text{ font-size:13px; color:#787777; }
#page_left h3{ color:#2b2a2a; font-size:16px; margin:30px 0px 20px 0px; font-weight:normal;}
#page_left .box{ border-bottom:1px solid #bfbfbf; padding-left:45px; margin-bottom:10px; padding-bottom:10px; font-size:13px; color:#787777;}
#page_left .box .inside{ background:url(../images/sageata.png) no-repeat left top; padding-left:25px;}
#page_left .box strong{ font-weight:normal; color:#2b2a2a; }#page_right{ float:right; width:339px; }
#myMap{ height: 300px; width: 100%; margin-bottom: -8px;}#myMap iframe {height:300px !important;width:100% !important;}
#cntDetails{ padding-left:10px; font-size:13px; float:left; margin-top:20px; }
#contactForm{margin-bottom: 36px; margin-top: 23px;float:right; width:600px; display: block;}
#contactForm h2 {letter-spacing: 2.5px;margin-bottom: 6px; font-size: 12px; font-family: "Source Sans Pro"; color: rgb( 20, 105, 179 ); text-transform: uppercase; font-weight: 600; }
#contactForm .input-div{ border:1px solid #cdcdcd; background:#fff; width:238px;height:29px; line-height:29px; padding:0px 10px; vertical-align:top;margin-bottom: 15px;}
#contactForm label{font-size: 14px; font-family: "Source Sans Pro"; color: rgb( 77, 77, 79 );vertical-align:top; cursor:pointer; }
#nume_div, #telefon_div, #email_div, #mesaj_div {position: relative;}
#nume_div:after, #telefon_div:after, #email_div:after, #mesaj_div:after {background-image: url('../images/sprites.png');position: absolute; background-position: -61px -83px; content: "";width: 15px; height: 14px;top:8px;right: 5px;margin: auto ;}
#contactForm input[type=text]{ border:none; margin-left:5px; height:26px; width:150px; font-size: 14px; font-family: "Source Sans Pro"; color: rgb( 77, 77, 79 );}
#contactForm textarea{ border:none; height:70px; width:220px; margin-top:5px;font-size: 14px; font-family: "Source Sans Pro"; color: rgb( 77, 77, 79 );}
#contactForm input[type=submit]{font-size: 12px; font-family: "Source Sans Pro";margin: 0 auto;position: relative; display: block;letter-spacing: 2.5px; color: rgb( 255, 255, 255 ); text-transform: uppercase; text-align: center;background:#1469b3; width:200px; height:34px; line-height: 34px; cursor:pointer; border:none; }
#contactForm input[type=submit]:hover {background-color: #4085c1}
#serv {letter-spacing: 0.5px;margin-bottom: 5px; font-size: 14px; font-family: "Source Sans Pro"; color: rgb( 77, 77, 79 ); text-align: center;}
#contactForm .box_right table {border: 1px solid #cdcdcd; border-collapse: collapse;width: 320px;}
#contactForm .box_right table td {border: 1px solid #cdcdcd;height: 34px}
#contactForm .box_right table td label{height: 34px;display: block; font-size: 14px;font-family: "Source Sans Pro"; color: rgb( 113, 113, 114 ); line-height: 34px;}
#contactForm .line_contact {background-color: #1469b3; height: 2px; width: 100%;margin-top: 17px;margin-bottom: 10px;}/*** CSS Servicii ***/
.webdesign, .seo, .mentenanta, .identitate, .consultanta, .dezvoltare, .gazduire, .securitate {position: relative;}
.webdesign:before {background-image: url('../images/sprites.png');position: absolute; background-position: -98px -81px; content: "";width: 17px; height: 17px;top:0px;left: 45px;bottom:0;margin: auto ;}
.seo:before {background-image: url('../images/sprites.png');position: absolute; background-position: -117px -82px; content: "";width: 19px; height: 7px;top:0px;left: 45px;bottom:0;margin: auto ;}
.mentenanta:before {background-image: url('../images/sprites.png');position: absolute; background-position: -138px -81px; content: "";width: 15px; height: 15px;top:0px;left: 45px;bottom:0;margin: auto ;}
.identitate:before {background-image: url('../images/sprites.png');position: absolute; background-position: -156px -81px; content: "";width: 16px; height: 16px;top:0px;left: 45px;bottom:0;margin: auto ;}
.consultanta:before {background-image: url('../images/sprites.png');position: absolute; background-position: -174px -81px; content: "";width: 10px; height: 13px;top:0px;left: 47px;bottom:0;margin: auto ;}
.dezvoltare:before {background-image: url('../images/sprites.png');position: absolute; background-position: -186px -83px; content: "";width: 16px; height: 16px;top:0px;left: 45px;bottom:0;margin: auto ;}
.gazduire:before {background-image: url('../images/sprites.png');position: absolute; background-position: -204px -84px; content: "";width: 15px; height: 11px;top:0px;left: 45px;bottom:0;margin: auto ;}
.securitate:before {background-image: url('../images/sprites.png');position: absolute; background-position: -222px -84px; content: "";width: 10px; height: 12px;top:0px;left: 47px;bottom:0;margin: auto ;}.p_contact {margin-bottom: 18px;}
.p_contact p {font-size: 13px; font-family: "Source Sans Pro"; color: rgb( 77, 77, 79 ); text-align: center;}
.p_contact p span {position: relative;width: 15px; height: 14px; display: inline-block;margin: 0 5px;}
.p_contact p span:before {background-image: url('../images/sprites.png');position: absolute; background-position: -61px -83px; content: "";width: 15px; height: 14px;top:3px;right: 0px;margin: auto ;}/***** css Checkbox*****/
input[type="checkbox"] {display:none; }input[type="checkbox"] + i {position: relative;margin-right: 37px;float: left;
height: 34px;border-right: 1px solid #cdcdcd;width: 34px;}
input[type="checkbox"] + i::before {border: 1px solid #dcddde;background-color: #fff; position: absolute;left:0px;top:0px;bottom: 0; right: 0; margin: auto; content: ""; box-shadow: 0 8px 8px -5px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 8px 8px -5px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 8px 8px -5px rgba(0, 0, 0, 0.1) inset; color: #4d4d4f !important; width:17px; height: 17px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
input[type="checkbox"]:checked + i:before {background-image: url("../images/sprites.png"); background-position: -78px -83px; width:17px; height: 17px; }/*** CSS Popup ***/
.reveal-modal {background-color: #fff;width: 500px; border-radius: 0px;}
.reveal-modal p {font-size: 14px; font-family: "Source Sans Pro"; color: rgb( 77, 77, 79 ); text-align: center; }.btn_close {width: 35px; height: 35px; position: absolute;top: 0; right: 0px; cursor: pointer;}
.btn_close:after {background-image: url('../images/sprites.png');position: absolute; background-position: -234px -84px; content: "";width: 11px; height: 10px;top:0px;right: 0px;left:0; bottom:0;margin: auto ;}
.btn_close:hover {background-color: #1a9c3b}
.btn_close:hover:after {background-position: -245px -84px;}
.btn_ok {width: 200px; height: 34px; line-height: 34px;letter-spacing: 2.5px;font-size: 12px; font-family: "Source Sans Pro"; color: rgb( 255, 255, 255 );cursor: pointer; text-transform: uppercase; text-align: center;background-color: #1a9c3b; display: block; margin: 20px auto 0}
.btn_ok:hover {background-color: #30a64e}.error_div{ border:1px solid #e11f26 !important;}/*************************
*
*6. SERVICII
*
*************************/
.servicii {margin-bottom: 115px;}
.servicii .box_blue {margin-top: 25px;margin-bottom: 18px;}
.txt_servicii {width: 520px; margin: 9px auto 0}
.txt_servicii p, .txt_servicii h1 {text-align: center;}
.txt_servicii h1 {margin-bottom: 12px;}
.txt_servicii p {margin-bottom: 15px;}#box_s1, #box_s2, #box_s3, #box_s4, #box_s5, #box_s6, #box_s7, #box_s8 {padding: 13px 0;}
#box_s1 > div, #box_s2 > div, #box_s3 > div, #box_s4 > div, #box_s5 > div, #box_s6 > div, #box_s7 > div, #box_s8 > div {width: 660px; height: 142px; border: 1px solid #D0D0D0; margin: 0px auto; padding: 26px 43px; box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;background-color: #fff;}
#box_s1 > div > p, #box_s2 > div > p, #box_s3 > div > p, #box_s4 > div > p, #box_s5 > div > p, #box_s6 > div > p, #box_s7 > div > p, #box_s8 > div > p {padding-left: 25px;} .servicii .title p{padding-left: 25px; font-size: 14px; font-family: "Source Sans Pro"; color: rgb( 20, 105, 179 ); text-align: left; font-weight: 600; }
.servicii .webdesign:before, .servicii .seo:before, .servicii .mentenanta:before, .servicii .identitate:before, .servicii .consultanta:before, .servicii .dezvoltare:before, .servicii .gazduire:before, .servicii .securitate:before {left:0px;}.site h1 {margin-top: 9px;}.site_map {margin-top: 25px;margin-bottom: 50px;}
.site_map ul li {border-top: 1px solid #dadada;}
.site_map ul li:last-child {border-bottom: 1px solid #dadada;}
.site_map ul li:hover {background-color: #1469b3}
.site_map ul li:hover a{color: #fff}
.site_map ul li a {font-size: 12px;font-family: "Source Sans Pro";color: rgb( 77, 77, 79 );text-transform: uppercase;text-align: left;letter-spacing: 4px;}
.site_map ul li.li_line {padding: 6px 0;}
.site_map ul li.li_line:hover {background-color: #fff;}
.site_map ul li {padding:0;}
.site_map ul li a {padding: 6px 0; display: block;}
.site_map ul li:before {display: none;}