@font-face {
  font-family: 'cst-reporter-two-ex';
  src: url("./fonts/contrast/reporter-two-ex.eot");
  src: local('☺'),
    url("../fonts/contrast/reporter-two-ex.woff") format("woff"),
    url("../fonts/contrast/reporter-two-ex.otf") format("opentype"),
    url('../fonts/contrast/reporter-two-ex.ttf') format('truetype'),
    url("../fonts/contrast/reporter-two-ex.svg") format("svg");
  }
  
   
.font-contrast {
  font-family: 'cst-reporter-two-ex',Sans-Serif;
  color: rgb(255,0,0);
  font-size: 0.9em;
}
.font-contrast-mic {
  font-family: 'cst-reporter-two-ex',Sans-Serif;
  font-size: 0.8em;
  color: rgb(255,0,0);
}


#lista_produse_temp h1{
  font-size: 1.5em;
  font-weight: bold;
}
#lista_produse_temp h2{
  font-size: 1em;
}
/* personalizare cautare */
body form input.st-search-input {
  height:auto;
  color:red;
  font-weight: bold;
}
.st-snippet em {
  font-weight: bold;
  color:red;
  font-size: 1em;  
}
/* sfarsit personalizare cautare */

.titlu-galerie {
  /*text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);*/
  color: rgba(255, 0, 0, 1);
  font-size:100%;
  /*font-weight: bolder;*/
  /*background-color: rgba(242, 222, 222, 0.4);*/
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
  padding: 5px 5px;
}
/* activez scroll in google maps doar daca se da click */
.overlay {
   background:transparent; 
   position:relative; 
   width:100%;
   height:480px; /* your iframe height */
   top:480px;  /* your iframe height */
   margin-top:-480px;  /* your iframe height */
}

body {
    padding-top:70px;
    /*background-color:#FFE6E6; */
}
#body-print-center {
  background-image: url("../img/magazine/print/background_h.png");
  /*background: url("../img/magazine/print/background_v.png") no-repeat fixed center;*/
}
body, footer, #meniu-contrast-rosu {
  max-width: 1280px;
  margin:auto;
  width:98%; 
}
footer {
  margin-bottom:60px;
}
#container-footer a {
  color:rgba(255, 0, 0, 0.7);
}
#container-footer a:hover {
  color:rgba(255, 0, 0, 1);
}
#container-footer {
  /*background-color:#ff4A4A */
  background-color: rgba(255, 0, 0, 0.4);
}
#meniu-contrast-rosu , #container-footer {
  border-radius: 10px;
  border-width:1px;
  border-style: solid;
  border-color:rgba(255, 0, 0,0.6);
  box-shadow: 0px 0px 10px 4px rgba(255, 0, 0, 0.4);
}
#links a img{
  margin-right: 2px;
  margin-bottom: 2px;
  border-style: solid;
  border-radius: 4px;
  border-width: 2px;
  border-color:rgba(255, 0, 0, 0.6);
  

}
.panel-body p {
  text-align: justify;
  text-indent: 30px;
}
.panel-footer {
  background-color: rgba(255,0,0,0.1);
  text-align: center;
}
.panel-heading {
  text-align: center;
}

.panel-heading h1 {
  font-size: 22px;
}

/****************** jumbotron rosu *************************/
.jumbo-rosu {
  background-color: rgba(255,0,0,0.1);
  padding:5px;
  margin:8px;
}
.jumbo-rosu h2 {
  text-align: center;
  font-style: bold;
  font-size: 18px;
}
.jumbo-rosu p {
  text-indent: 50px;
  font-size: 14px;
  text-align: justify;
}

/*************sfarsit  jumbotron rosu **********************/

/* ****************   Navtabs si tabel Settings  *************** */
  #navtabs_pag1 .nav-tabs>li>a {
    background-color: rgba(242, 222, 222, 1);
    color: rgba(0, 0, 0, 1);
  }
  #navtabs_pag1 .nav-tabs>li.active>a, #navtabs_pag1.nav-tabs>li.active>a:focus, #navtabs_pag1.nav-tabs>li.active>a:hover {
    color: rgba(242, 0, 0, 1);
    background-color: rgba(242, 222, 222, 1);
    border-color:rgba(255, 0, 0,0.6);
    box-shadow: 0px 0px 4px 4px rgba(255, 0, 0, 0.4);
  }
  .cap_tabel {
    height: auto;  
    text-align: center;
    font-weight: bold;    
    font-size: 120%;
    background-color: rgba(242, 222, 222, 1);  
    color:rgba(255, 0, 0, 1);
  }
  .table-responsive {
      height: 460px;    
      /*border: solid red 1px;*/
      overflow: auto;
  }
/* ****************   End Navtabs si tabel Settings  *************** */

/* ****************   Thumbnail Settings  *************** */
  .thumbnail {
    /*background-color:#FFE6E6;
    border:0 none;*/
    border-width:1px;
    border-style: solid;
    border-color:rgba(255, 0, 0, 0.6);
    box-shadow:none;    
    text-align: center;
    border-radius: 10px;
  }
  .thumbnail > img, .thumbnail > a > img {
    /*max-width: 100%;
    height:auto;*/
    width:90%;
    margin-top: 20px;
    border-radius: 10px;
    border-width:5px;
    border-style: double;
    border-color:rgba(255, 0, 0, 0.6);
    box-shadow: 0px 0px 10px 4px rgba(255, 0, 0, 0.4);
  }
  .thumbnail h1 {
    font-size: 30px;
  }
  .thumbnail h2 {
    font-size: 18px;
  }
/* ****************   End Thumbnail Settings  *************** */

/* ****************   Carousel Settings  *************** */
  .carousel-inner > .item > img {
    width:100%;
    max-width: 1250px;
    min-width: 200px;
    margin:0 auto;
    max-height: 350px;
    min-height: 150px;
    margin: auto;
    overflow: hidden;   
  }
  .carousel-inner, .carousel-inner .item img, #carousel-1 {
    border-style: solid;
    border-color: rgba(64,64,64,0.9);
    border-width: 1px;
    border-radius: 10px;
  }
  .carousel-inner > .item > .carousel-caption {
    max-width:100%;
    padding: 0 5px;
    bottom:3px;
    margin:0 auto;   
    text-align: center;
    color: rgba(255, 0, 0, 1);
    text-shadow: 1px 1px 5px rgb(255, 255, 255);  
  }
  .carousel-indicators {
    /*top:20px;*/
    top: 0px;  
  }
  .carousel-indicators> li {  
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.5);
    background-color: rgba(255, 255, 255, 0.3);
  }
  .carousel-indicators .active {  
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.5);
    background-color: rgba(255, 255, 255, 0.9);
  }    
  @media (max-width: 768px) {
  .carousel {
      max-height:300px;
      overflow: hidden;    
  }
  }
  .carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
  }
  .carousel-fade .carousel-inner .active {
    opacity: 1;
  }
  .carousel-fade .carousel-inner .active.left,
  .carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
  }
  .carousel-fade .carousel-inner .next.left,
  .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
  }
  .carousel-fade .carousel-control {
    z-index: 2;
  }
/* ****************   END Carousel Settings  *************** */


 
/* ****************   Navbar Settings  *************** */
  #meniu-contrast-rosu {
    min-height: 40px;
    height: 40px;
    margin-top:2px;
  }
  #meniu-contrast-rosu .dropdown-menu {
   background-color: #F2DEDE;
   /*background-color: rgba(240, 100, 100, .9);*/
  }
  #meniu-contrast-rosu.navbar-default .navbar-brand {
      color: rgba(8, 8, 8, 1);
      padding:8px;
      max-width:120px;
  }
  #meniu-contrast-rosu.navbar-default {
      font-size: 14px;
      background-color: rgba(240, 8, 8, 1);
      background: -webkit-linear-gradient(top, rgba(235, 188, 203, .9) 0%, rgba(240, 100, 100, .9) 100%);
      background: linear-gradient(to bottom, rgba(235, 188, 203, .9) 0%, rgba(240, 100, 100, .9) 100%);
      border-width: 0px;
      border-radius: 10px;

  }
  #meniu-contrast-rosu.navbar-default .navbar-nav>li>a {
      /*color: rgba(64, 56, 56, 1);*/
      color: rgba(0, 0, 0, 1);
      background-color: rgba(248, 248, 248, 0);
      line-height:10px;
  }
  #meniu-contrast-rosu.navbar-default .navbar-nav>li>a:hover,
  #meniu-contrast-rosu.navbar-default .navbar-nav>li>a:focus {
      color: rgba(0, 0, 0, 1);
      background-color: rgba(247, 5, 5, 0.2);
  }
  #meniu-contrast-rosu.navbar-default .navbar-nav>.active>a,
  #meniu-contrast-rosu.navbar-default .navbar-nav>.active>a:hover,
  #meniu-contrast-rosu.navbar-default .navbar-nav>.active>a:focus {
      color: rgba(0, 0, 0, 1);
      background-color: rgba(235, 9, 9, 1);   
  }

  #meniu-contrast-rosu.navbar-default .navbar-toggle {
      border-color: #eb0909;
      padding:5px;

  }
  #meniu-contrast-rosu.navbar-default .navbar-toggle:hover,
  #meniu-contrast-rosu.navbar-default .navbar-toggle:focus {
      background-color: rgba(247, 5, 5, 0.2);
  }
  #meniu-contrast-rosu.navbar-default .navbar-toggle .icon-bar {
      background-color: #eb0909;
  }
  #meniu-contrast-rosu.navbar-default .navbar-toggle:hover .icon-bar,
  #meniu-contrast-rosu.navbar-default .navbar-toggle:focus .icon-bar {
      background-color: #f00808;
  }


  /* ************** modificari pentru ecrane mici ******************** */
   @media (max-width: 767px) {
    #meniu-contrast-rosu #meniu-nav-1, #meniu-contrast-rosu #meniu-nav-1 .dropdown .dropdown-menu {
    background-color: rgba(242,180,180,.9);
    color:rgba(0,0,0,1);
    font-weight: bold;
    /*background-color: rgba(240, 100, 100, .9);
    background-color: #F2DEDE;*/
   }

   #sidebar_produse {
    margin-left:5px;
    margin-right:0px;
    padding:0;
  }

  }
  
  @media (min-width: 768px) and (max-width: 991px) {
   #meniu-contrast-rosu.navbar-default .navbar-nav>li>a {
      padding-left:5px;
      padding-right:5px;
      margin-left:2px;
      margin-right:2px;
      font-weight: bold;
    }
  }


  @media (min-width: 992px) and (max-width: 1199px) {
   
    ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
    }
    #meniu-contrast-rosu.navbar-default .navbar-nav>li>a {
      padding-left:12px;
      padding-right:12px;
      margin-left:15px;
      margin-right:15px;
      font-weight: bold;
    }
  }


  @media (min-width: 1200px) {
    ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
    }
    #meniu-contrast-rosu.navbar-default .navbar-nav>li>a {
      padding-left:25px;
      padding-right:25px;
      margin-left:15px;
      margin-right:15px;
      font-weight: bold;
    }
  }

 /* ************** END modificari pentru ecrane mici ******************** */

/* ****************   END Navbar Settings  *************** */

 



 /* ************** START scroll up ******************** */

 a.back-to-top {
  display: none;
  width: 60px;
  height: 60px;
  text-indent: -9999px;
  position: fixed;
  z-index: 999;
  right: 0px;
  bottom: 0px;
  background: rgba(255,0,0,.5) url("../img/up-arrow.png") no-repeat center 43%;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
a:hover.back-to-top {
  background-color: rgba(255,0,0,1);
}

a:focus.back-to-top {
  background-color: rgba(255,0,0,1);
  outline:0;
}


  /* ************** END scroll up ******************** */