.navbar-default {
    color: #FCF8E3;
    background-color: #D40000;
}
.navbar {
    margin-bottom: 0px; 
}


.contenedor-sapic {
  width: 100%;
  height: auto;
}

.cabecera-sapic {
  width: 100%;
  height: 5%;
}

.menu-sapic {
  width: 100%;
  height: auto;
}

.btn-menu-sapic {
    color: #FFFFFF;
    border-color: #FFFFFF;
}

.navbar-sapic-link {
    color: #FFFFFF;
    border-color: #FFFFFF;
}

.contenido-sapic {
  width: 100%;
  margin-top: 4%;
  min-height: 560px;
  height: auto;
  margin-bottom: 2%;
  background-color: rgba(238, 238, 238, 0.29);
}

.panel-sapic {
    //float: left;
    margin-top: 2%;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 2%;
    padding-top: 0.5%;
    padding-left: 2%;
    padding-bottom: 10%;
    padding-right: 2%;
    //width: 320px;
    min-height: 500px;
    height: auto;
    background-color: #FFF;
    border-radius: 10px;
    color: #0085A8;
}

.panel-lateral-izq{
  //float: left;
    margin-top: 6%;
    margin-left: 5%;
    margin-right: 0%;
    margin-bottom: 2%;
    padding-top: 0.5%;
    padding-left: 10%;
    padding-bottom: 10%;
    padding-right: 10%;
    //width: 320px;
    min-height: 500px;
    height: auto;
    background-color: #F4F4F4;
    border-radius: 10px;
    color: #D40000;

}

.panel-sapic a{
    color: #0085A8;
}

.panel-sapic h2{
    color: #D40000;
}

.panel-sapic hr{
  border-top: 0.5px solid #A76868;
}

.panel-sapic p{
    color: #000000;
}

.panel-lateral-izq a{
  color: #D40000;
}

.panel-lateral-izq spam{
  color: #000000;
}

.contenido-sapic .img-sapic_logo {
    margin-top: 6%;
    margin-left: 2%;
}

.pie-sapic {
  clear: both;
}


hr {
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0;
    border-top: 3px solid #A76868;
}

.container {
    padding-right: 5px;
    padding-left: 5px;
}

.footer{
    width: 100%;
    height: 50px;   
    background-color: #D40000;
    color: #FFF;
}

.footer a{
  color: #FFF;
}

.footer a:hover{
  color: #33B7A5;
}

.btn-sapic{
    color: #fff;
    background-color: #FF6701;
    border-color: #FF6701;
    font-weight: bolder;
}

#registro{
    color: #fff;
  
}

#registro:hover{
  color: #333;
}

#menu-msn{
  padding-top: 0%;
}

#menu-cont{
  padding-top: 2%;
}

.panel-trabajo {
  width: 100%;
  margin-top: 0%;
  min-height: 100%;
  height: auto;
  background-color: #D2D2D2;
}


.panel-herramienta {
    margin-bottom: 0%;
    padding-top: 10%;
    padding-left: 10%;
    padding-bottom: 10%;
    padding-right: 10%;
    //width: 320px;
    min-height: 500px;
    //height: auto;
    background-color: #FFFFFF;
    border-radius: 10px;
    color: #0085A8;
}

.panel-lateral-izq hr{
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0;
    border-top: 2px solid #B3B3B3;
}

.panel-disenio {
    margin-top: 0%;
    margin-left: 2%;
    margin-bottom: 2%;
    padding-top: 0%;
    padding-left: 2%;
    padding-bottom: 0%;
    padding-right: 2%;
    //width: 320px;
    min-height: 590px;
    //height: auto;
    background-color: #FFFFFF;
    border-radius: 10px;
    color: #0085A8;
}


.glyphicon-accion {
    font-size: 25px;
    color: #333;
    border-color: #FF6600;
}

.region-plantilla{
  float: left;
  width: 720px;
  height: 576px;
  margin: 5px;
  //padding: 5px;
  border: 1px solid rgba(68, 95, 158, 0.8);
}

.describir-slid{
  background-color: rgba(0, 0, 0, .5);
  border-radius: 6px
}

.amarillo {background-color: #ffe000;} /* Orange */
.amarillo:hover {background: #e68a00;}

.azul {background-color: #2162f3;} /* Blue */
.azul:hover {background: #0b7dda;}

.rojo {background-color: #f44336;} /* Red */ 
.rojo:hover {background: #da190b;}

.verde {background-color: #4CAF50;} /* Green */
.verde:hover {background-color: #46a049;}

//Logo bar
  .logo {
    .transition(width @transition-speed @transition-fn);
    display: block;
    float: left;
    height: @navbar-height;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    width: @sidebar-width;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0 15px;
    font-weight: 300;
    overflow: hidden;


    .logo-lg {
      color: #FCF8E3;
      display: block;
    }
    .logo-mini {
      display: none;
    }
  }

.form-control{
  background-color: rgba(158, 3, 3, 0.13);
}


.dropdown-menu{
  background-color: #E89797; 
}

.col-lg-3 a{
    color: #FFF;
  }

.col-lg-3 a:hover{
  color: #33b7a5;
}


.alert {
  margin-bottom: 0px;
}


.dynamic-form .delete-row{
  color: #f44336;
}

.table-hover a{
  color: #4CAF50;
}