/*---------------------------------------------------------------------------------------------------------

COMMON

---------------------------------------------------------------------------------------------------------*/

body {  padding-top: 20px }

a {color: #d4007f}

ul, ol, dl { line-height: 1.6;list-style-position: outside; margin-bottom: 1.25rem;}

ul, ul li {list-style: none}

.bold {font-weight: bold;}

.gogotolink {cursor: pointer;}

/*---------------------------------------------------------------------------------------------------------

DISPLAY

---------------------------------------------------------------------------------------------------------*/

.show {display: block !important}

.inline {display: inline !important;}

.visible, .showTabel {visibility: visible !important}

.not-visible, .hideTabel {visibility: hidden !important}

.hide {display: none !important}

.showTabel {display: table-row !important}

.hideTabel {display: none !important}

/*---------------------------------------------------------------------------------------------------------

FLOAT

---------------------------------------------------------------------------------------------------------*/

.fright {float: right !important;}

.fleft {float: left !important;}

/*---------------------------------------------------------------------------------------------------------

TEXT-ALIGN

---------------------------------------------------------------------------------------------------------*/

.txtright {text-align: right !important;}

.txtleft {text-align: left !important;}

.txtcenter {text-align: center !important;}

.valign {vertical-align: middle !important;}

/*---------------------------------------------------------------------------------------------------------

MARGIN

---------------------------------------------------------------------------------------------------------*/ 

.margin5 {margin: 5px;}

.mb20 {margin-bottom: 20px  !important;}

.mr5 {margin-right: 5px;}

.mt10 {margin-top: 10px !important}

.mt20 {margin-top: 20px !important}

.mtb5 {margin-bottom: 5px !important; margin-top: 5px !important}

.nomargin {margin: 0 !important}

.nopadding {padding: 0 !important}

.padding5 {padding: 5px !important}

.padding3 {padding: 5px !important}

.p20 {padding: 20px !important}

.pt20 {padding-top: 20px !important}

.pl10 {padding-left: 10px !important}

.pb20 {padding-bottom: 20px !important}

.pb15 {padding-bottom: 10px !important}

/*---------------------------------------------------------------------------------------------------------

HEADER - MENIU

---------------------------------------------------------------------------------------------------------*/

.navbar-static-top { margin-bottom: 19px;}

/*-- MENIU --*/

.navbar-nav>.active>a{    background-color: #20409a !important;}

.navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus  { background: #fa4eb4; }

.nav>li>a.main-bk-text:hover, .nav>li>a.main-bk-text:focus{    background-color: #fa4eb4 !important;}

.dropdown-menu, .dropdown-menu li {  background: #fd87cd;}

.dropdown-menu li:hover a {  background: #fa4eb4; }

.dropdown-menu>li>a {color: #fff;}

.dropdown-menu>li>a:hover {color: #fff;}

.sticky ul.main-ul li a {padding: 5px}

/*---------------------------------------------------------------------------------------------------------

MAIN-BK-TEXT

---------------------------------------------------------------------------------------------------------*/

.main-bk {background: #ec008c;}

.main-txt, a.active, .active {

    color: #0371C0 !important; }

.main-bk-text, a.main-bk-text, .navbar-default .navbar-nav>.active>a.main-bk-text, .navbar-default .navbar-nav>.active>a.main-bk-text:hover, .navbar-default .navbar-nav>.active>a.main-bk-text:focus, .navbar-default .navbar-nav>li>a.main-bk-text,.navbar-default .navbar-nav>li>a.main-bk-text  {color: #fff}

.clear {clear: both !important; float: none !important}

/*-------------------------------------------------------------------------------------------------------*/

ul.bread {background: #eee}

ul.bread li {display: inline;}

h2.active {font-size: 30px;}

.col-img { max-height: 230px;overflow: hidden;}

/*---------------------------------------------------------------------------------------------------------

BUTOANE & ICOANE

---------------------------------------------------------------------------------------------------------*/

.btn-info { color: #fff; background-color: #ec008c; border-color: #d4007f;}

.navbar-toggle {background-color: #20409a;}

.navbar-toggle .icon-bar {background: #fff}

.btn-tips {    background: #e6e6e6;color: #fa4eb4; font-weight: bold;}

.btn-tips.btn-selected {    background: #e6e6e6;color: #000; font-weight: bold;}

/*-- SOCIAL --*/

.social30 {width: 30px; height: 30px;}

/*-- ICONS --*/

.pinkicon { font-size: 1.5em; color: #ec008c;vertical-align: sub; padding-right: 0.25em;}

/*-------------------------------------------------------------------------------------------------------*/

.panel { background: #fafafa; border: 1px solid #f184c4; -webkit-border-radius: 15px;  -moz-border-radius: 15px; border-radius: 15px; margin-bottom: 1.25rem; padding: 1.25rem; color: #333333;}

.panel ul {padding-left: 0px}

.panel ul li a {font-size: 17px}

.panel .content-img {height: 150px;}

.panel .content-img img {height: 100%;}

.panel-homecursuri { position: relative;}

.panel-homecursuri .btn-homecursuri-detalii { position: absolute; bottom: 4px; left: 0; right: 0; margin: auto; width: 155px;}

/*-- DETALII CURS --*/

.curs-item h3 {font-size: 20px; font-weight: 600}

.curs-item h3 a {color: #20409a;}

.descriere h3 {font-size: 18px}

/*-- CASUTE CURSURI --*/

.col-curs {border: 1px solid #f184c4; padding: 4px; width: 31.5%; margin: 13px 0px; background-color: #fff}

.col-curs.middle {margin: 13px 30px}

.col-curs-content {margin-bottom: 10px}

.col-curs-content img {border-radius: 15px 15px 0 0}

.col-curs h3 {height: 50px;}

.col-curs h3 a {color: #13275d !important; vertical-align:middle; font-size: 20px}

.col-curs .curs-desc {}

.col-curs .curs-desc .desc {height: 90px;vertical-align:middle;}

.col-curs .categ-tip  {margin-bottom: 10px}

.col-curs .categ-tip a {color: #ec008c !important;}

.homepage-tips {text-align: center;}

/*-------------------------------------------------------------------------------------------------------*/

.panel-sidebar h3 {font-size: 18px; margin: 0; margin-bottom: 11px; color: #ec008c; }

.navbar-collapse {padding-right: 5px; padding-left: 5px;}

.nav>li>a {padding: 7px }

.info-cookies {width: 100%; text-align: center; bottom: 0; height: 10px; padding: 10px 0 33px; z-index: 999; position: fixed; color: #fff}

.info-cookies a{color: #fff; text-decoration: underline;}

/*-- aditionale pagina de curs --*/

.panel.detalii { background: #fff; border: 1px solid #f184c4; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; 	margin-bottom: 1.25rem; padding: 20px; 	color: #333333;font-size: 16px; line-height: 25px; }

.btn-curs {color: #fff; /*background-color: #ec008c;*/background-color: #197B30; /*border-color: #d4007f;*/ border-color: #01340D; }

.panel-text {padding: 5px; border: 1px solid #f184c4; border-radius: 15px; margin-bottom: 15px; }

.img-curs { width: 50%;  float: right;  padding: 10px; border-radius: 15px; }

.descriere-text * {font-size: }

/*-------------------------------------------------------------------------------------------------------*

TABS

/*-------------------------------------------------------------------------------------------------------*/

.tab-content {border: 1px solid #ddd; padding: 11px; border-radius: 0 0 10px 10px}

.tab-content .control-label {padding: 0; text-align: left;}

/*---------------------------------------------------------------------------------------------------------

FOOTER  

---------------------------------------------------------------------------------------------------------*/

#footer {background: #13275d !important; padding: 10px 0}

#footer h5 {color: #fff; border-bottom: 1px solid #3797ea; padding-bottom: 5px; font-size: 17px}

#footer ul, #footer ul li {list-style: none}

#footer ul {padding: 0}

#footer ul li {margin-bottom: 5px}

#footer ul li a, footer p, #copyright p,#copyright a {color: #fff}

#copyright {background-color: #ec008c; padding: 10px 0}

/*---------------------------------------------------------------------------------------------------------

REZERVARI

---------------------------------------------------------------------------------------------------------*/

.rezervare-format-fiziclive {background: #F4F4F4; padding: 5px 10px 10px;}

.table-rezervari {width: auto}

.table-rezervari thead tr td {font-size: 15px; border-bottom: 1px solid #ddd}

.table-rezervari tbody tr td {font-size: 14px}

#rezindiv-loc-content {background: #fff; padding: 11px; border: 1px solid #ddd;}

/*---------------------------------------------------------------------------------------------------------

COS CUMPARATURI

---------------------------------------------------------------------------------------------------------*/

.btn-cart {padding: 0px 3px 3px 3PX !important}

/*---------------------------------------------------------------------------------------------------------

MEDIA SCREEN   

---------------------------------------------------------------------------------------------------------*/

@media (max-width: 850px) {

    .info-cookies {height: auto; padding: 10px;}

}

@media (min-width: 768px) and (max-width: 1150px) {

    .col-curs.middle {margin: 13px }

}

@media (min-width: 768px) {

    .navbar-right { float: unset !important;   margin-right: unset; margin: auto; }

    .sticky { position: fixed; top: 0;  width: 100%; z-index: 100}

    .sticky ul.main-ul {margin: auto;}

    .sticky ul.main-ul li{float: unset !important; display: inline-block;}

    /*.sticky .container {padding: 0 !important; width: 100%;}*/

    /*.sticky .col-xs-12 {padding: 0 !important;}*/

    .sticky + .content { padding-top: 60px; }

}

@media (max-width: 768px) {

    li.search-input, li.search-magnifying {float: left;}

    li.search-input {padding-left: 20px !important; width: 85%}

    li.search-input input {width: 100% !important}

    li.search-magnifying {width: 10%;}

    /*.col-sm-3,.col-sm-4,.col-sm-8 {width: 100% !important}*/

    .panel-homecursuri .content-img {text-align: center;}

    .panel-homecursuri .content-img img {height: 100% !important; width: auto !important;}

    .descriere img {width: 100% !important; height: auto !important;}

    .col-curs {margin: 15px 5px !important}

    .main-ul-li {padding: 0px 20px}

    .main-ul-li-cart {float: LEFT !important;padding-left: 20px !important;}

    .show-mobile {display: block !important}

    .hide-mobile {display: none !important}

    .inline {display: inline !important;}

    body {margin: 0; padding: 0}

    .navbar-toggle {padding: 5px 2px; margin-right: 10px; margin-left: 4px}

    .navbar-cart {padding: 0 6px; float: right;}

    .navbar-cart i {font-size: 17px;color: #fff;cursor: pointer;}

    .navbar-header {padding-top: 4px;}

}   

/*-------------------------------------------------------------------------------------------------------*/

#miniCart {width: 400px; position: absolute; top: 33px; z-index: 9999; background: #fafafa; right: 0; border: 1px solid #ddd !important; box-shadow: 0px 1px 9px -1px #333;}

#miniCart .row img {padding: 10px 0;}

#miniCart .row { border-bottom: 1px solid #20409a; margin: 0px;}

#miniCart .row .col-img { }

#miniCart .row .col-det { text-align: left;}

#miniCart .row-foot {padding: 15px}