/* SETARI GENERALE */
body, select, input, textarea {color: #1c1c1c;}
body { background-color: #fff; font-family: 'PT Sans Narrow', Arial, Helvetica, sans-serif; font-size: 16px; color: #1c1c1c; }
.wrapper {padding-bottom: 155px; font-size: 1em;}


/* SECTIUNI PAGINA */
#footer .copyright-info {bottom: 10px;}

/* CULORI */
.bg-white   {background-color: #fff;}
.bg-black   {background-color: #000;}
.bg-light   {background-color: #eee;}
.bg-dark    {background-color: #1c1c1c;}
.bg-red     {background-color: #ff3300;}
.bg-green   {background-color: #66cc00;}
.bg-blue    {background-color: #00adea;}
.bg-cyan    {background-color: #07b8ac;}
.bg-magenta {background-color: #f558ea;}
.bg-yellow  {background-color: #f5ce31;}

.white      {color: #fff;}
.black      {color: #000;}
.light      {color: #eee;}
.dark       {color: #1c1c1c;}
.red        {color: #ff3300;}
.green      {color: #66cc00;}
.blue       {color: #00adea;}
.cyan       {color: #07b8ac;}
.magenta    {color: #f558ea;}
.yellow     {color: #f5ce31;}

.bo-bo { border-bottom: 1px solid #1c1c1c; }
.bo-to { border-top: 1px solid #1c1c1c; }
.bo-le { border-left: 1px solid #1c1c1c; }
.bo-ri { border-right: 1px solid #1c1c1c; }

/* LINKURI */
a:link {-webkit-tap-highlight-color: #01A1DF;}
a {color: #00adea; }
a:hover {color: #01A1DF;}
a.white {color: #fff; }
a.white:hover {color: #eee;}
a.black {color: #000; }
a.black:hover {color: #1c1c1c;}

/* BUTOANE */
.button, button, input[type="submit"], input[type="reset"], input[type="button"] { margin-bottom: 10px;  padding: 10px 30px; color:#fff;}
.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover,input[type="button"]:hover { background: #01A1DF; color:#fff;}
.button.metro.black, button.metro.black, input[type="submit"].metro.black, input[type="reset"].metro.black, input[type="button"].metro.black {border:1px solid #000;}
.button.metro.red, button.metro.red, input[type="submit"].metro.red, input[type="reset"].metro.red, input[type="button"].metro.red {border:1px solid #01A1DF;}
.button.metro:hover, button.metro:hover, input[type="submit"].metro:hover, input[type="reset"].metro:hover, input[type="button"].metro:hover {color:#fff; background: #01A1DF; border:1px solid #01A1DF;}

/* FORME */
label {padding-right: 5px; padding-bottom: 3px; }
input[type="text"], input[type="number"], input[type="email"], input[type="date"], input[type="url"], input[type="password"], select, textarea {
    border: 1px solid #eee; background: #eee; color: #1c1c1c; padding: 9px; outline: none;
    font-weight: normal; margin: 10px 0; 
}
input:-moz-placeholder, textarea:-moz-placeholder { color:#a8a8a8; }
input[type="text"], input[type="number"], input[type="email"], input[type="date"], input[type="url"], input[type="password"], select {min-height: 39px;}

label.invalid-form-field, label.required-form-field { background-color: transparent; }
label.invalid-form-field { color: #f07a84; }
label.required-form-field { color: #000; }
.invalid-form-field { background-color: #f99d8d !important; }
.required-form-field { background-color: #eee !important; }

/* BREADCRUMBS */
.breadcrumbs { padding-left: 10px; height: 27px;}
.breadcrumbs li {padding: 5px; padding-right: 20px; margin-right: 5px; background: transparent url(../images/ui/breadcrumb.png) right top no-repeat; }

/* TABS */
.tabs-header .tab-trigger { padding: 10px 15px; background-color: #1c1c1c; color: #fff; float: left; margin-right: 3px; }
.tabs-header .tab-trigger.selected { background-color: #fff; color: #1c1c1c; }
.dt-tabs .tab { background-color: #fff; color: #1c1c1c; padding: 20px; }

/* LISTE */
.lista-categs li {margin-right: 10px;}
.lista-download li a { padding-left: 24px; }
.lista-partners li:first-child { margin-left: 0px; }

.social-buttons-list li { margin-left: 2px; margin-right: 2px; }
.lang-buttons-list li { margin-left: 5px; margin-right: 5px; }
.share-buttons li { margin-right: 20px; }

/* SEARCH QUERY */
#form-search-query input { height: 39px; margin: 0; padding-right: 46px; background: #eee; border-color:#eee;}
#form-search-query a { width: 46px; height: 39px;}
#form-search-query a span.ico { padding:9px; font-size: 21px;}


/* MENIU PRINCIPAL */
.desktop-menu .main-menu { vertical-align: bottom; left:-12px;}

.desktop-menu .main-menu li .mi { padding: 8px 12px; color: #1c1c1c; }
.desktop-menu .main-menu li .mi.selected { color: #00adea;  }
.desktop-menu .main-menu li .mi.show { color: #00adea;  }

.desktop-menu .main-menu ul.lvl1 { min-width: 180px; z-index: 2; }
.desktop-menu .main-menu ul.lvl1 li .mi { padding:10px 15px; color: #fff;}
.desktop-menu .main-menu ul.lvl1 li .mi.show { background: #01A1DF; }

.desktop-menu .main-menu ul.lvl2 .mi { padding: 5px; padding-right: 15px; color: #fff; }
.desktop-menu .main-menu ul.lvl2 .mi:hover { background: #1c1c1c; color: #fff; }

/* MENIU SECUNDAR */
.second-menu-area { background: #1c1c1c; }

.desktop-menu .second-menu li { border-left: 1px solid #fff; }
.desktop-menu .second-menu li:last-child { border-right: 1px solid #fff; }
.desktop-menu .second-menu li .mi { padding: 19px 20px; color: #fff; }
.desktop-menu .second-menu li .mi.selected { color: #01A1DF; background: #fff; }
.desktop-menu .second-menu li .mi.show { color: #1c1c1c; background: #fff; }

.desktop-menu .second-menu ul.lvl1 { min-width: 180px; z-index: 1;}
.desktop-menu .second-menu ul.lvl1 li { border-left: none; }
.desktop-menu .second-menu ul.lvl1 li:last-child { border-right: none; }
.desktop-menu .second-menu ul.lvl1 li .mi { padding: 8px; padding-left: 19px; color: #fff; }
.desktop-menu .second-menu ul.lvl1 li .mi.show { background: #000; }

.desktop-menu .second-menu ul.lvl2 .mi { padding: 5px; padding-right: 15px; color: #fff; }
.desktop-menu .second-menu ul.lvl2 .mi:hover { background: #1c1c1c; color: #fff; }

/* MENIU MOBIL */
.mobile-menu ul span.trigger, .mobile-menu ul ul.lvl1 { padding: 15px 10px; }
.mobile-menu ul li .mi { padding: 15px 46px 15px 10px; line-height: 1em; display:block; }
.mobile-menu ul li { border-bottom: 1px solid #eee; }
.mobile-menu ul li .mi { color: #fff; }
.mobile-menu ul ul.lvl1 li { border: none; }
.mobile-menu ul ul.lvl1 li .mi { color: #000; padding: 0px; margin-bottom:10px; }
.mobile-menu ul ul.lvl1 li:last-child .mi { margin-bottom:0px; }

.mobile-menu li .trigger .ico:after {content:'\f055'}
.mobile-menu li .trigger.dt-accordion-active .ico:after {content:'\f056'}

/* SLIDE MENU */
.left-pane { width: 240px; left: -240px;}
.right-pane { width: 240px; right: -240px; padding: 10px; }
/*.right-pane.pane-slide { border-left: 1px solid #1c1c1c; }*/
.top-pane { height: 60px; top: -60px; }
#header .show-left-pane { bottom: 6px; }
#header .show-right-pane { position: absolute; right: 6px; top: 6px; }

/* MENU FOOTER */
.menu-footer li .selected { color: #fff; display: block;}

/* EDITOR */
.wysiwyg {line-height: 1.5em;}
.wysiwyg .titlu-1, .wysiwyg .titlu-2, .wysiwyg .titlu-3, .wysiwyg .titlu-4 {line-height: 1.3333333em;}
.wysiwyg p, .wysiwyg ul, .wysiwyg ol { margin-bottom: 1.2em; }
.wysiwyg ul { list-style: disc;  margin-left: 20px; }
.wysiwyg ol { list-style: decimal;  margin-left: 13px; }
.wysiwyg td { border: 1px solid #eee; padding: 10px; vertical-align: middle;}
.wysiwyg h2, .wysiwyg h3 {font-size:1.5em; margin-bottom: 10px; letter-spacing: 1px;}

/* PAGINATIE */
.paginatie li { margin: 0px 1px; margin-right: 10px; }
.paginatie li a, .paginatie li .pagina-selectata { padding: 5px 10px; border: 1px solid #1c1c1c; background-color: #eee; color: #1c1c1c; }
.paginatie li a:hover { background-color: #f5ce31; }
.paginatie li .pagina-selectata { background-color: #f5ce31; }

/* STICKY BOXES */
.row.unite {border-left:1px solid #fff; border-top:1px solid #fff; }
.sticky .inner {border-right:1px solid #fff; border-bottom:1px solid #fff;}
.row.unite.bg-white {border-left:2px solid #fff; border-top:2px solid #fff; }
.bg-white .sticky .inner {border-right:1px solid #fff; border-bottom:2px solid #fff;}

/* SLIDER */
#main-slider .slider-bullets {margin: 0; bottom:16px; padding-left: 50%; left:-50%;}
#main-slider .slider-bullets li {padding: 0; margin: 0 4px;}
#main-slider .slider-bullets .slide-bullet {width: 14px; height: 14px; background-color: #fff; border: 1px solid #fff; border-radius: 8px; -moz-border-radius: 8px;}
#main-slider .slider-bullets .slide-bullet.selected {width: 14px; height: 14px; background-color: #1c1c1c; border: 1px solid #1c1c1c;}
#main-slider .slider-control {width: 40px; height: 40px; opacity: 0.75; filter: alpha(opacity=75);}
#main-slider .slider-control span.ico {padding-top: 12px;}
#main-slider .slider-control:hover {opacity: 1; filter: alpha(opacity=100);}
/*
#main-slider .slider-control.back-slide:hover {background-color: #00adea; color: #fff;}
#main-slider .slider-control.next-slide:hover {background-color: #fff; color: #00adea;}
*/
.slide-img img {height: 480px;}
.slide-box {height: 360px; padding:40px 0 80px;}
.slide-box h2 { max-height: 3em; margin-bottom: 0.333em;}
.slide-box p { max-height: 6em; }
.slide-box .inside div { height: 9.4em;}
.slide-box .inside { height: 210px; padding: 20px 0 0 40px;}

/*
#product-slider {  margin-bottom:56px;}
#product-slider .slider-control { text-align: center; position: absolute; width: 40px; height: 40px; cursor: pointer; bottom:-48px; margin:auto; opacity: 0.8; filter: alpha(opacity=80); }
#product-slider .slider-control.back-slide { right:30px; text-align:right;}
#product-slider .slider-control.next-slide { right:0px; text-align:right;}
#product-slider .slider-bullets {margin: 0; position: absolute; bottom:-76px; left:0px; width: 100%; text-align: left;}
#product-slider .slider-bullets li {margin: 0; padding: 0; margin-right: 4px; cursor: pointer; display:inline-block;}
#product-slider .slider-bullets .slide-bullet {display: inline-block; width: 56px; height: 56px; background-color: #fff;}
#product-slider .slider-bullets .slide-bullet img {width: 54px; height: 54px; border: 1px solid #dedede; }
#product-slider .slider-bullets .slide-bullet.selected img { border: 1px solid #222; }
#product-slider .slider-bullets:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
*/
.home-txt {margin-top: 40px;}

.service .flex-box .table {height:50%;}
.service:nth-child(even) .flex-box .table {top:50%;}
.service:nth-child(even) .flex-box img {top:0;}
.service:nth-child(odd) .flex-box img {bottom:0;}
.service .flex-box:after {position: absolute; margin: auto; left:0; right:0; text-align: center;}
.service:nth-child(odd) .flex-box:after { content:url(../images/g-itriangle.png); top:48%; }
.service:nth-child(even) .flex-box:after { content:url(../images/g-triangle.png); bottom:48%; }
.service:hover .flex-box, .service-2:hover {background-color: #00adea; color:#fff; cursor:pointer;}
.service:hover .flex-box a, .service:hover .flex-box span.ico, .service-2:hover a, .service-2:hover span.ico {color:#fff;}
.service:nth-child(odd):hover .flex-box:after {content:url(../images/b-itriangle.png);}
.service:nth-child(even):hover .flex-box:after {content:url(../images/b-triangle.png);}
.service .flex-box .inside {padding: 0 20px; height:144px;}
.service .flex-box span.ico {margin: 12px 0; vertical-align: middle;}

.news-box {padding:20px 20px 20px 110px; background-image: url(../images/date_bg.png); background-repeat: repeat-y;}
.news-box:after {content: url(../images/date_marker.png); position: absolute; top:20px; left:80px;}
.news-box .news-date {width:80px; padding-top:20px;}
.news-box .inside {height:7em;}
.news-box .inside h2 {margin-bottom:0.5em;}
.news-box-2 .inside, .page-box .inside {padding:48px 20px 20px 40px;}
.news-box-2:after {content: url(../images/date_marker.png); position: absolute; top:48px; left:0px;}

.service-2 .inside, .service-3 .inside {padding:40px 20px 20px 40px; height:164px;}
.service-2 span.ico, .service-3 span.ico {margin: 12px 0; vertical-align: middle;}