/* SETARI GENERALE */
body, select, input, textarea {color: #ccc;}
body { background-color: #f7f7f7; font-family: 'Josefin Sans', Arial, Helvetica, sans-serif; font-size: 16px; color: #2b2a29; }
.wrapper {padding-bottom: 160px; font-size: 1em;}


/* SECTIUNI PAGINA */
.header-info li {margin: 7px;}
.social-buttons-list, .header-info {margin:8px 0;}

#footer .logo-area { top: 15px; }
#footer .copyright-info {bottom: 10px;}
#footer .logo-footer {opacity: 0.9; filter: alpha(opacity=90);}

/* CULORI */
.bg-white   {background-color: #fff;}
.bg-black   {background-color: #2b2a29; color:#fff;}
.bg-light   {background-color: #f7f7f7;}
.bg-dark    {background-color: #BDFFF1;}
.bg-red     {background-color: #f5b618; color:#fff;}
.bg-green   {background-color: #66cc00;}
.bg-blue    {background-color: #0099ff;}
.bg-cyan    {background-color: #07b8ac;}
.bg-magenta {background-color: #f558ea;}
.bg-yellow  {background-color: #f5c00c;}

.white      {color: #fff;}
.black      {color: #2b2a29;}
.light      {color: #f7f7f7;}
.dark       {color: #BDFFF1;}
.red        {color: #E41C1C;}
.green      {color: #66cc00;}
.blue       {color: #0099ff;}
.cyan       {color: #07b8ac;}
.magenta    {color: #f558ea;}
.yellow     {color: #f5c00c;}

.border { border: 3px solid #2b2a29; }
.bo-bo { border-bottom: 1px solid #f7f7f7; }
.bo-bo-1 { border-bottom: 1px solid #2b2a29; }
.bo-to-2 { border-top: 2px solid #f7f7f7; }
.bo-bo-2 { border-bottom: 2px solid #f7f7f7; }
.bo-bo-3 { border-bottom: 3px solid #2b2a29; }
.bo-bo-4 { border-bottom: 3px solid #fff; }
.bo-bo-5 { border-bottom: 1px solid #f5b618; }
.bo-to { border-top: 1px solid #BDFFF1; }
.bo-le { border-left: 1px solid #BDFFF1; }
.bo-ri { border-right: 1px solid #BDFFF1; }

/* LINKURI */
a:link {-webkit-tap-highlight-color: #f5b618;}
a {color: #f5b618; }
a:hover {color: #2b2a29;}
a.white {color: #f7f7f7; }
a.white:hover {color: #fff;}
a.black {color: #2b2a29; }
a.black:hover {color: #f5b618;}

/* BUTOANE */
.button, button, input[type="submit"], input[type="reset"], input[type="button"] { margin-bottom: 10px;  padding: 5px 15px;}
.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover,input[type="button"]:hover { background: #2b2a29; color:#fff;}
.button.bg-black:hover, button.bg-black:hover, input[type="submit"].bg-black:hover, input[type="reset"].bg-black:hover,input[type="button"].bg-black:hover { background: #f5b618; 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 #2b2a29; color:#2b2a29;}
.button.metro.white, button.metro.white, input[type="submit"].metro.white, input[type="reset"].metro.white, input[type="button"].metro.white {border:1px solid #fff;}
.button.metro.red, button.metro.red, input[type="submit"].metro.red, input[type="reset"].metro.red, input[type="button"].metro.red {border:1px solid #f5b618;}
.button.bg-red, button.bg-red, input[type="submit"].bg-red, input[type="reset"].bg-red, input[type="button"].bg-red {color:#fff;}
.button.bg-red.red:hover, button.bg-red.red:hover, input[type="submit"].bg-red.red:hover, input[type="reset"].bg-red.red:hover, input[type="button"].bg-red.red:hover {background: #2b2a29 !important; border:1px solid #fff !important;}
.button.bg-black.black:hover, button.bg-black.black:hover, input[type="submit"].bg-black.black:hover, input[type="reset"].bg-black.black:hover, input[type="button"].bg-black.black:hover {border:1px solid #fff !important;}
.button.metro:hover, button.metro:hover, input[type="submit"].metro:hover, input[type="reset"].metro:hover, input[type="button"].metro:hover {color:#fff; background: #f5b618; border:1px solid #f5b618;}
.button.metro.black:hover, button.metro.black:hover, input[type="submit"].metro.black:hover, input[type="reset"].metro.black:hover, input[type="button"].metro.black:hover {color:#fff; background: #2b2a29; border:1px solid #2b2a29;}

/* FORME */
label {padding-right: 5px; padding-bottom: 3px; font-weight:400; font-size: 14px;}
input[type="text"], input[type="number"], input[type="email"], input[type="date"], input[type="url"], input[type="password"], select, textarea {
    -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
    border: 1px solid #f7f7f7; background: #fff; color: #2b2a29; padding: 8px 10px; outline: none;
    font-weight: normal; margin-bottom: 20px;
}
input[type="text"], input[type="number"], input[type="email"], input[type="date"], input[type="url"], input[type="password"], select {height: 2.5em;}
input:-moz-placeholder, textarea:-moz-placeholder { color:#a8a8a8; }

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

/* BREADCRUMBS */
.breadcrumbs { height: 27px; margin-top: 5px;}
.breadcrumbs li {padding: 5px 0; margin-right: 10px; }

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

/* LISTE */
.lista-categs li {margin-right: 10px;}
.lista-download li { padding: 5px 0px; border-bottom: 1px dotted #ccc; }
.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; }
#form-search-query a { width: 46px; height: 39px; background-color: #ccc; }
#form-search-query a:hover { background-color: #2b2a29; }

/* MENIU PRINCIPAL */
.desktop-menu .main-menu { vertical-align: bottom; height: 80px; overflow: hidden;}

.desktop-menu .main-menu li .mi { padding: 32px 8px; color: #2b2a29;}
.desktop-menu .main-menu li .mi:hover { color: #f5b618; }
.desktop-menu .main-menu li .mi.selected, .desktop-menu .main-menu li .mi.selected:hover { background-color: #f5b618; color:#fff;}

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

.desktop-menu .main-menu ul.lvl2 .mi { padding: 4px; padding-right: 12px; color: #fff; }
.desktop-menu .main-menu ul.lvl2 .mi:hover { background: #BDFFF1; color: #fff; }

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

.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: #2b2a29; background: #fff; }
.desktop-menu .second-menu li .mi.show { color: #BDFFF1; 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: #2b2a29; }

.desktop-menu .second-menu ul.lvl2 .mi { padding: 5px; padding-right: 15px; color: #fff; }
.desktop-menu .second-menu ul.lvl2 .mi:hover { background: #BDFFF1; 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 #f7f7f7; }
.mobile-menu ul li .mi { color: #fff; }
.mobile-menu ul ul.lvl1 li { border: none; }
.mobile-menu ul ul.lvl1 li .mi { color: #2b2a29; 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 #BDFFF1; }*/
.top-pane { height: 60px; top: -60px; }
#header .show-left-pane { margin-right: 20px; }
#header .show-right-pane { position: absolute; right: 6px; top: 28px; }

/* 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.5em;}
.wysiwyg p { margin-bottom: 1.5em; }
.wysiwyg ul { list-style: disc;  margin-left: 20px; }
.wysiwyg td { border: 1px solid #f7f7f7; padding: 10px; vertical-align: middle;}

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

/* STICKY BOXES */
.row.unite {border-left:4px solid #fff; border-top:4px solid #fff; }
.sticky .inner {padding:0%; border-right:4px solid #fff; border-bottom:4px 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;}

.row.unite.reserve.th {border-top:1px solid #ccc; }
.row.unite.reserve {border-left:1px solid #ccc; border-top:none; }
.reserve .sticky .inner {border-right:1px solid #ccc; border-bottom:1px solid #ccc;}

/* SLIDER */
#main-slider .slider-bullets {margin: 0; bottom:6%; padding-left: 50%; left:-50%;}
#main-slider .slider-bullets li {padding: 0; margin: 0 2px;}
#main-slider .slider-bullets .slide-bullet {width: 10px; height: 10px; background-color: #fff; border: 1px solid #fff; border-radius: 6px; -moz-border-radius: 6px;}
#main-slider .slider-bullets .slide-bullet.selected {width: 10px; height: 10px; background-color: #f5c00c; border: 1px solid #f5c00c;}
#main-slider .slider-control {width: 40px; height: 40px; top: 0; margin:auto; opacity: 0.8; filter: alpha(opacity=80);}
#main-slider .slider-control:hover {opacity: 1; filter: alpha(opacity=100);}
/*#main-slider .slide img {opacity: 0.4; filter: alpha(opacity=40);}*/
/*.slide-box h2 { max-height: 2.364em; line-height: 1.182; margin-bottom: 0.591em;}*/
.slide-box p {max-height: 2.66em ; }
.slide-box a {font-size:1.3333333em; padding: 10px 30px;}
.slide-box {background-image: url(../images/gradient.png); background-position: bottom; background-repeat: repeat-x;}
.slide-box .table-cell {padding-bottom: 14%;}

#slider-parteneri .slider-control {background-color: #f5b618;}
#slider-parteneri .slider-control:hover {background-color: #2b2a29;}

/* SPECS */
.service {padding:0 30px;}
.service .wysiwyg {max-height: 6em;}
.service .wysiwyg img {display:none;}

.resurse {padding: 5% 10%;}
.resurse h3 {background-image: url(../images/line-b.png); background-position: center; background-repeat: no-repeat;}

.contact-info {padding-left: 40px;}
p.contact-info, .contact-info .adresa p {margin-bottom: 1em;}

.flex-box:hover>.sesame {display:block; cursor:pointer;}
.sesame {background: rgba(41,41,41,0.4); display:none;}
.sesame a.white, .see-all.white, .see-all.white:hover {color:#fff;}

.act-1 {background: #2ecc71;}
.act-2 {background: #1abc9c;}
.act-3 {background: #3498db;}
.act-4 {background: #9b59b6;}
.act-5 {background: #e74c3c;}
.act-6 {background: #e67e22;}
.act-7 {background: #f1c40f;}

/*
.reserve .inner.selected {background: #f5b618;}
.act-1, .act-2, .act-3, .act-4, .act-5, .act-6, .act-7 {cursor:pointer;}
.act-1:hover {background: #27ae60;}
.act-2:hover {background: #16a085;}
.act-3:hover {background: #2980b9;}
.act-4:hover {background: #8e44ad;}
.act-5:hover {background: #c0392b;}
.act-6:hover {background: #d35400;}
.act-7:hover {background: #f39c12;}
*/

ul.legend li:nth-child(1) .ico {color: #2ecc71;}
ul.legend li:nth-child(2) .ico {color: #1abc9c;}
ul.legend li:nth-child(3) .ico {color: #3498db;}
ul.legend li:nth-child(4) .ico {color: #9b59b6;}
ul.legend li:nth-child(5) .ico {color: #e74c3c;}
ul.legend li:nth-child(6) .ico {color: #e67e22;}
ul.legend li:nth-child(7) .ico {color: #f1c40f;}

.rotator-title {height:333px;}
.rotator-title h2 {bottom:20px;}
.bg-rotator {opacity: 0.6; filter: alpha(opacity=60);}

/*.news-box {padding-left:80px; max-height:9.6em; overflow: hidden; }*/
.date {width:64px; height:64px; font-size: 18px;}

.livepic { transition: all.3s; -webkit-transition: all.3s; -moz-transition: all.3s; }
.livepic:hover { transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); }