/* Add a dark background color with a little bit see-through */ 
.navbar {
    margin-bottom: 0 !important;
    background-color: #fff !important;
    border: 0;
    font-size: 11px !important;
    letter-spacing: 4px;
    opacity:0.9;
	padding: 2%;
}

/* Add a gray color to all navbar links */
.navbar li a, .navbar .navbar-brand { 
    color: #d5d5d5 !important;
}

/* On hover, the links will turn white */
.navbar-nav li a:hover {
    color: #fff !important;
}

/* The active link */
.navbar-nav li.active a {
    color: #fff !important;
    background-color:#29292c !important;
}

/* Remove border color from the collapsible button */
.navbar-default .navbar-toggle {
    border-color: transparent;
}

/* Dropdown */
.open .dropdown-toggle {
    color: #fff ;
    background-color: #555 !important;
}

/* Dropdown links */
.dropdown-menu li a {
    color: #000 !important;
}

/* On hover, the dropdown links will turn red */
.dropdown-menu li a:hover {
    background-color: red !important;
}





.carousel-inner img {
    /*-webkit-filter: grayscale(90%);
    /*filter: grayscale(90%); /* make all photos black and white */ 
    width: 100%; /* Set width to 100% */
	height:293px;
    margin: auto;
}

.carousel-caption h3 {
    color: #fff !important;
}

@media (max-width: 600px) {
    .carousel-caption {
        display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
    }
}

.cortar{
  width:200px;
  height:20px;
  padding:20px;
  border:1px solid blue;
  text-overflow:ellipsis;
  white-space:nowrap; 
  overflow:hidden; 
}

/* Black buttons with extra padding and without rounded borders */
.btn {
    padding: 10px 20px;
    background-color: #4aab91;
    color: #FFF;
	border:1px solid #FFF !important;
    border-radius: 17px !important;
    transition: .2s;
}

/* On hover, the color of .btn will transition to white with black text */
.btn:hover, .btn:focus {
	background-color: #333;
    color: #000;
    border: 1px solid #333;
    background-color: #fff;
    color: #000;
}





.btn-circle {
  width: 30px;
  height: 30px;
  background-color: #FFF;
  color:  #77438e;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
  border-color:  #77438e
}

.btn-circle:hover, .btn:focus{
	border: 1px solid ;
    background-color: #000;
    color: #FFF;
	border-color: #FFF;
}

#ui-datepicker-div{
	background-color:#333 !important;
	padding:1% !important;
	color:#FFF;
	margin: 2px 0px;
    border-radius: 14px;
}




.card {
    /* Add shadows to create the "card" effect */
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
}

/* On mouse-over, add a deeper shadow */
.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

/* Add some padding inside the card container */
.container {
    padding: 2px 16px;
}

#formNewProyect{
	background-color:#FFF;
}

footer{
    background-color: #2d2d30;
    color: #f5f5f5;
    padding: 32px;
	border-style:solid;
}

footer a{
    color: #f5f5f5;
}

footer a:hover{
    color: #777;
    text-decoration: none;
}