/* HTML*/

body {
  padding-top: 0px;
}
.starter-template {margin-top:400px;text-align:center;}
.starter-template h1 {color:#fff; font-size:21px; padding-bottom:100px; font-family: 'DINPRO Light';}
.marit{font-size:36px;}

.starter-template2 {margin-top:0px;text-align:center;}
.starter-template2 h2 {color:#fff; font-size:24px;font-family: 'DINPRO Light';}
.starter-template2 h3 {color:#fff; font-size:18px;font-family: 'DINPRO Light'; font-style:italic;}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

.contact {padding:50px 0px;}


/* Carousel base class */
.carousel {
  height: 500px;
  margin-bottom: 30px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  top:30% !important;
   text-shadow:none;
}

.carousel-caption p {color:#4a5660; font-family: 'DINPRO Light';}
.carousel-caption h3 {color:#4a5660; font-family: 'DINPRO Light';}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #fff;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}

.carousel-control.left, .carousel-control.right {
  background: none !important;
  filter: progid: none !important;
  outline: 0;
  color:#4a5660;
 }
.carousel .carousel-control {
  visibility: visible;
  color:#4a5660;
}
.carousel:hover .carousel-control {
  visibility: visible;
  color:#4a5660;
}
.carousel-indicators {
    bottom: 0px;
}

#myCarousel .carousel-indicators {
    margin: none !important;
    overflow: auto;
    text-align:none !important;
    white-space: nowrap;
    width:none !important;
}
#myCarousel .carousel-indicators li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: auto;
}
#myCarousel .carousel-indicators li img {
    display: block;
    opacity: 0.5;
}
#myCarousel .carousel-indicators li.active img {
    opacity: 1;
}
#myCarousel .carousel-indicators li:hover img {
    opacity: 0.75;
}
#myCarousel .carousel-outer {
    
}

/* MENIU*/
.fundal { background-image:url(../img/background.png); background-repeat:no-repeat; background-size: 100%;}
.fundal2 { background: #c25501; /* Old browsers */
background: -moz-linear-gradient(top,  #c25501 0%, #d9b200 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c25501), color-stop(100%,#d9b200)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c25501 0%,#d9b200 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c25501 0%,#d9b200 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c25501 0%,#d9b200 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c25501 0%,#d9b200 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c25501', endColorstr='#d9b200',GradientType=0 ); /* IE6-9 */
}

.navbar-inverse { background-color:transparent;}
.navbar-inverse { border-color: transparent;}
.navbar-inverse { border-color: transparent;}
.navbar-inverse {min-height:44px; /* change value here*/}
.navbar-inverse .navbar-nav > li > a {color: #4a5660;}
.navbar-nav > li > a {
  padding-top: 20px;
  padding-bottom: 10px;
  line-height: 20px;
  font-size:14px;
  font-family: 'DINPRO Light';
}
.navbar-brand {
  float: left;
  height: 44px;
  padding: 0px 20px;
  font-size: 18px;
  line-height: 20px;
  margin-top:10px;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color:#4a5660;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color:#4a5660;
}

.navbar-nav { float:right; }

/* CONTENT*/

.banda {margin-top:0px; text-align:center; background-color:#fdb813; font-family: 'DINPRO Light';}
.banda h2 {font-size:24px; padding: 20px 0px; color:#fff;}

.icons {margin-top:40px; font-family: 'DINPRO Light'; padding-bottom:40px; }
.icons p {text-align:center; font-size:18px; color:#000;}

.bloc1 {border: 1px solid #eaeaea; text-align:center; margin-top:10px; height:280px; padding-top:30px;}
.bloc1:hover { background-color:#f0f0f0;}
.bloc1 h3 { font-size:16px;}
.bloc1 h4 { font-size:14px; font-family: 'CT Light';}
.bloc1 img {width:70%;}

.bloc2 {border: 1px solid #eaeaea; text-align:center; margin-top:10px; height:280px; padding-top:30px; }
.bloc2:hover { background-color:#f0f0f0;}
.bloc2 h3 { font-size:16px;}
.bloc2 h4 { font-size:14px; font-family: 'CT Light';}
.bloc2 img {width:50%;}

.bloc3 {border: 1px solid #eaeaea; text-align:center; margin-top:10px; height:280px; padding-top:30px;}
.bloc3:hover { background-color:#f0f0f0;}
.bloc3 h3 { font-size:16px;}
.bloc3 h4 { font-size:14px; font-family: 'CT Light';}
.bloc3 img {width:73%;}

.bloc4 {border: 1px solid #eaeaea; text-align:center; margin-top:10px; height:280px; padding-top:30px;}
.bloc4:hover { background-color:#f0f0f0;}
.bloc4 h3 { font-size:16px;}
.bloc4 h4 { font-size:14px; font-family: 'CT Light';}
.bloc4 img {width:30%;}

.paragraf { font-size:14px; font-family: 'CT Light'; color:#4a5660;}
.titlu2 {font-size:18px;}

.nav-tabs2 > a {
  color:#000;
  text-decoration:none;
}

footer { background-color:#4a5660; color:white;}
footer p { padding: 10px 0px; margin:0px;}

.spatiu { margin-top:40px;}

@media (min-width : 768px) and (max-width: 991px)
{
    .navbar-nav > li > a {
        padding: 15px;
    }
	.fundal { background-image:url(../img/background.png); background-repeat:no-repeat; background-size: 100%;}
	.starter-template {margin-top:200px;text-align:center;}
	
	.bloc1 {border: 1px solid #eaeaea; text-align:center; margin-top:10px; height:230px; padding-top:30px;}
    .bloc1:hover { background-color:#f0f0f0;}
    .bloc1 h3 { font-size:16px;}
    .bloc1 h4 { font-size:14px; font-family: 'CT Light';}
    .bloc1 img {width:20%;}

    .bloc2 {border: 1px solid #eaeaea; text-align:center; margin-top:10px; height:230px; padding-top:30px; }

    .bloc2 h3 { font-size:16px;}
    .bloc2 h4 { font-size:14px; font-family: 'CT Light';}
    .bloc2 img {width:20%;}

    .bloc3 {border: 1px solid #eaeaea; text-align:center; margin-top:10px; height:230px; padding-top:30px;}
    .bloc3 h3 { font-size:16px;}
    .bloc3 h4 { font-size:14px; font-family: 'CT Light';}
    .bloc3 img {width:23%;}

    .bloc4 {border: 1px solid #eaeaea; text-align:center; margin-top:10px; height:230px; padding-top:30px;}
    .bloc4 h3 { font-size:16px;}
    .bloc4 h4 { font-size:14px; font-family: 'CT Light';}
    .bloc4 img {width:10%;}
	
	#myCarousel .carousel-indicators {
    margin: none !important;
	margin-top:30px !important;
    overflow: auto;
    text-align:left;
    white-space: nowrap;
    width:100% !important;
}

}

@media (max-width : 767px)
{
    .navbar-nav { float:none; text-align:center;}
	.fundal { background-image:none; background-color:#fdb813;}
	.starter-template {margin-top:30px;text-align:center;}
	 body {padding: 0px 10px;}
	 
	 #myCarousel .carousel-indicators {
    position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
    }
   #myCarousel .carousel-indicators li {
    display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
   }
   #myCarousel .carousel-indicators li img {
    display: none;
    opacity: 0.5;
   }
   #myCarousel .carousel-indicators li.active img {
    opacity: 1;
   }
   #myCarousel .carousel-indicators li:hover img {
    opacity: 0.75;
   }
   .carousel .item {
    height: 350px;
    background-color: #fff;
   }
   /* Carousel base class */
.carousel {
  height: 350px;
  margin-bottom: 30px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  top:5% !important;
   text-shadow:none;
}

}