.circulo_negro {
    background-color: #e1e1e1;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

.circulo_verde{
background-color: #31f53b;
width: 15px;
height: 15px;
border-radius: 50%;
}

.circulo_rojo{
background-color: red;
width: 15px;
height: 15px;
border-radius: 50%;
}

.circulo_gris{
background-color: gray;
width: 15px;
height: 15px;
border-radius: 50%;
}

.circulo_ambar {
    background-color:#fbb538;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

.circulo_azul {
    background-color: #9cf3ff;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}




.nav-tabs {
    background-color: transparent;
    border-bottom: 1px solid #aaa;
}
.tab-content{
    background-color:white;
    border-top: 1px solid white !important;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-radius: 0px 0px 4px 4px;
    padding: 10px;
}
 

.nav-tabs > li > a{
  border: none;
  border-bottom: 1px solid #3d76a5;
  background-color: #3d76a5;
  color:white;
  padding-top: 7px;
  padding-bottom: 7px;
}

.nav-tabs > li > a:hover{
  background-color: #2F3E48;
  border: none;
  border-bottom: 1px solid #2F3E48;
}

.nav-tabs > .active >a {
    border-color: #aaa !important;
    border-bottom: 1px solid white !important;
}




.btn-default1 {
 background: #3d76a5;
 color:#FFF;
 border-color: none;
}

.btn-default1:disabled {
 background-color: #beccd5;
 color:#FFF;
 border-color: none;
}


.btn-default1:hover, .btn-default1:focus, .btn-default1:active, .btn-default1.active, .open .dropdown-toggle.btn-default1 {
 background-color: #3d76a5;
 color: #FFF;
 border-color:  none;
} 


.vertical-menu {
  width: 100%; /* Set a width if you like */
}

.vertical-menu a {
  background-color: transparent; /*Grey background color */
  color: black; /* Black text color */
  display: block; /* Make the links appear below each other */
  padding: 6px; /* Add some padding */
  text-decoration: none; /* Remove underline from links */
}

.vertical-menu a:hover {
  background-color: #ccc; /* Dark grey background on mouse-over */
}

.vertical-menu a.active {
  background-color: transparent; /* Add a green color to the "active/current" link */
  font-weight:800;
  color: black;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}




  .panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #EEEEEE;
    }

    .panel-default > .panel-heading {
        padding: 0;
        border-radius: 0;
        color: white;
        background-color:black;
        border-color: #EEEEEE;
    }

    .panel-title {
        font-size: 14px;
    }

    .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
    }

    .more-less {
        float: right;
        color: #212121;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE;
    }


.checkout-step-number {
border-radius: 50%;
border: 1px solid #666;
display: inline-block;
font-size: 12px;
height: 32px;
margin-right: 26px;
padding: 6px;
text-align: center;
width: 32px;
}


.portada{
background: url(images/img1.png) no-repeat fixed center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100%;
width: 100% ;
text-align: center;
 
}
.text{
  margin: 30px 0px 30px 0px;	
  padding: 10px;
  background: rgba(0,0,0,0.5);
  display: inline-block;
}

.container_ {
    height: 100%;
    overflow: hidden;
    margin: 0px;
    position: relative;
    text-align:right;
}

.container_ > .crop_ {
    margin: auto;
        
    max-width: 100%;
}

footer {
    background-color: white;
    width: 100%;
    position: relative;
    margin-top: 0px;
    padding-top: 20px;
    height: 180px;
    clear: both;
    color: black;
}