@charset "utf-8";
/* CSS Document */

/* GLOBAL STYLES
-------------------------------------------------- */
body{ background-color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding-bottom:0px;}
a{color:#575757; font-family:Roboto; font-size:15px;}
a:hover{color:#666; text-decoration:none;}
h1{font-family:Roboto; font-size:24px;}
h3{font-family:Roboto; font-size:14px;}
h2{font-family:Roboto; font-size:18px;}
* :focus { outline: 0 !important; }

/* form validation  */
    label.valid {
    width: 24px;
    height: 24px;
    background: url(/img/valid.png) center center no-repeat;
    display: inline-block;
    text-indent: -9999px;
    }
    label.error {
    font-weight: bold;
    color: red;
    padding: 2px 8px;
    margin-top: 2px;
    }
    .controls{
        position:relative;
    }
    .has-success .controls i{ font-weight: bold;font-size: 18px;display: block;position: absolute;right: 10px;top: 2px;}
    .has-success i:after {font-family: "Glyphicons Halflings";content:"\e013";color: green; font-size:20px;font-weight: bold;}
    .has-error .controls i{ font-weight: bold;font-size: 18px;display: block;position: absolute;right: 10px;top: 2px;}
    .has-error i:after {font-family: "Glyphicons Halflings";content:"\e014";color: #a94442;}
/* endformvalidation */

.clear {clear:both;}
.logblock {float:right; margin-right: 5px; margin-top: 0px;}
.logblock a {font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.form_test {background-color:#eee; padding-bottom:20px; width:70%;}
.form_test > .form-group {padding:10px; display:inline-block; width:200px;}
.form_test > .form-actions {padding-left:10px;}
.form_test input[type=submit] {background-color:#4CAF50; color: white; border-color:#4CAF50;}
.form_test input[type=submit]:hover {background-color: #45a049;}
.form_test label {color: #003366;}
.bold {font-weight:bold;}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
.navbar-default{
  color: #575757;
  background-color:#ffffff;
  border:0px;
  text-align:center;
  font-family: Roboto; 
  font-size:16px;
  font-weight:bold;
  margin:0px;
 
  }

.navbar-nav{margin-left:20px;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #e04a3b;
  background-color: transparent;
  font-weight:bold;
  
 }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #6496cf;
  background-color: transparent;
  font-weight:bold;
 }
.navbar-brand {
  float: left;
  padding: 0px 0px;
  font-size: 16px;
  font-weight:bold;
}
.navbar-default .navbar-nav > li > a {
  color: #575757;
  } 
.nav-link {padding-left:1rem!important; padding-right:1rem!important; font-size:1rem; font-weight:bold;}

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


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
.carousel-caption {bottom:80px;}
.carousel{margin-bottom:0px;}
/*------------------*/


/* SITE STYLES
-------------------------------------------------- */
.top{background-color:#363636; width:100%; color:#aaaaaa; padding-top:5px; padding-bottom:10px; font-family:Roboto; font-size:12px;}
.top a{color:#aaaaaa; font-family:Roboto; font-size:12px;}
.top a:hover{color:#ffffff;}
.bg-meniu{padding-top:20px; padding-bottom:15px;}
.bg-icon{background-color:#fafafa; width:100%; color:#888888; padding-top:40px; padding-bottom:40px;}
.bg-icon h3{color:#333333; font-weight:bold;}
.col-icon{background-color:#ffffff; padding:10px; text-align:center; }
.icon1{z-index:900; text-align:center;  margin:-20px auto;  width:70px; padding-top:30px;}
.linie-icon{height:2px; background-color:#363636; width:20%; margin:20px auto;}
.maimult{text-align:center; font-weight:bold;}
.txt-icon{height:120px;}
.portofoliu{text-align:center; color:#666666; padding:20px;}
.portofoliu h2{color:#333333; font-weight:bold;}
.bg-portofoliu{width:100%;}
.pad {padding:0px;}
.pad10 {padding-top:5px; text-align:center;}
.tot{margin:40px auto; text-align:center; width:100%;}
.but-portofoliu {background-color:#363636; color:#fff; margin-top:20px;}
a.but-portofoliu:hover {color:#ccc!important;}
.tot a {color:#fff;}
.tot a:hover {color:#333;}
.jos{width:100%; background-color:#363636; padding:20px; color:#aaaaaa;}
.jos a {font-size:13px; }
.list-jos{display:block; list-style:none;}
.list-jos li{float:left; padding-left:5px; padding-right:5px;}
.list-jos li a{color:#aaaaaa;}
.list-jos li a:hover {color:#ffffff;}
.left{float:left;}
.tit-pagina{ text-align:center;}
.tit-h3{text-align:center; color:#333333; padding-top:10px;}
.but-slider{float:left;}
.but-despre{background-color:#363636; color:#fff; border-color:#363636;}
a.but-despre:hover {color:#ccc;}
.continut{padding:20px;}

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


/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 1200px) {
.container {
    width: 1014px;
  }
}

@media (max-width: 480px) {
.bg-meniu{padding-top:5px;}
.pad {text-align:center;}
.icon1{width:50px;}
h1{ font-size:15px; font-weight:bold;}
h2{ font-size:13px; font-weight:bold;}
.carousel-caption {padding-bottom: 5px; bottom:3px;}
.but-despre{padding: 3px 6px; font-size: 12px;}
.list-jos li{padding-left:0px;}
}

@media (max-width: 768px) and (min-width: 481px) {
.bg-meniu{padding-top:5px;}
.pad {text-align:center;}
.icon1{width:50px;}
h1{ font-size:15px; font-weight:bold;}
h2{ font-size:13px; font-weight:bold;}
.carousel-caption {padding-bottom:5px; bottom:3px;}
.but-despre{padding: 3px 6px; font-size: 12px;}
.list-jos li{padding-left:0px;}

}

@media  (min-width : 769px) and (max-width : 990px) {
.bg-meniu{padding-top:5px;}
.pad {text-align:center;}
.icon1{width:50px;}
.list-jos li{padding-left:0px;}
.carousel-caption {bottom:40px;}

}

@media  (min-width : 991px) and (max-width : 1200px) {
.pad {text-align:center;}
.list-jos li{padding-left:0px;}
}