/*!
 * Universidad Industrial de Santander
 * Grupo de Desarrollo de Software Calumet
 * EISI | Calumet Estandar | Estilos
 * Creado en Octubre del 2012 por Romel Perez (romelperez.blogspot.com)
 * Actualizado en Julio del 2015 por Romel Pérez
 **/

#main section {
    margin-bottom: 25px;
}
#main section > .row-fluid:first-child {
    margin: 20px 0;
    padding: 0;
}
#main section > .row-fluid:first-child h2 {
    margin: 0;
}
#main section > .row-fluid {
    margin: 10px auto;
}
.section-name {
    box-shadow: rgba(0,0,0,0.25) 0 3px 6px;
}

.banner-img {}
.banner-slogan {
    font-size: 2em;
}
.banner-description {
    font-size: 1.2em;
}

h2.azuloscuro {
    margin-bottom: 20px;
    border: 1px solid #555;
    padding: 0.4em;
    font-size: 1.4em;
    line-height: 22px;
    text-shadow:1px 1px 0 #000 !important;
    box-shadow: inset 0 0 0 1px rgba(252, 252, 252, 0.53), 0 0 4px #fff;
    background: #222 url(/eisi/Calumet/Estandar/img/wood.jpg) repeat;
    -webkit-transition: all 0.25s linear;
       -moz-transition: all 0.25s linear;
            transition: all 0.25s linear;
}
h3 {
    font-size: 1.2em;
}

a:focus h2.azuloscuro,
a:hover h2.azuloscuro,
a:active h2.azuloscuro {
    text-shadow: 0 0 10px white, 1px 1px 10px white, -1px -1px 10px white !important;
}

.enlaces {
    width: 100%; 
}
.enlaces a {
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
    color: #330066;
}
.enlaces a:hover {
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
    color: #330099;
}

.capa-link {
    display: none;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,0.6);
    width: 100%;
    height: 150px;
}
.capa-link button {
    width: 40%;
    clear: both;
    margin: 60px 30%;
}

.img-head-box {
    background-position: 50% 50%;
    background-size: cover;
    height: 150px;
    margin: -10px;
    position: relative;
}
.img-head-box:hover > .capa-link {
    display: block;
}

.box-link {
    padding: 10px;
    min-height: 280px;
    background: #fff;
    box-shadow: rgba(0,0,0,0.25) 0 3px 6px;
}
.box-link > h3 {
    border-bottom: 2px solid rgb(12, 85, 151);
}
.box-link > h4 {
    border-bottom: 2px solid rgb(12, 85, 151);
    margin-top: 20px;
}
.box-link p {
    margin-bottom: 0;
}


/* Etiquetas */
label.tag {
    cursor: auto;
}
.tag {
    position: relative;
    display: block;
    font-weight: normal;
    width: auto;
    background: #ccc;
    color: #666;
    height: 10px;
    padding: 4px 5px 6px 5px;
    text-shadow: 0 -1px 0 rgba(200, 210, 210, 0.25);

}
.tag.icon-s{
    margin: -1px 3px 0 3px !important;
}
.tag.arrow-right,.tag.arrow-in-right,.tag.arrow-left,.tag.arrow-in-left{
    margin-left: 21px;
    margin-right: 21px;
}
.tag.arrow-right:after{
    border-color: transparent transparent transparent #ccc ;
    right: -20px;
    content: "";
    width: 0;
    height: 0;
    border-width: 10px 10px 10px 10px;
    border-style: solid;
    position: absolute;
    top: 0;
}
.tag.arrow-in-right:before{
    border-color: #ccc transparent #ccc #ccc  ;
    right: -20px;
    content: "";
    width: 0;
    height: 0;
    border-width: 10px 10px 10px 10px;
    border-style: solid;
    position: absolute;
    top: 0;
}
.tag.arrow-left:after{
    border-color: transparent #ccc transparent transparent  ;
    left: -20px;
    content: "";
    width: 0;
    height: 0;
    border-width: 10px 10px 10px 10px;
    border-style: solid;
    position: absolute;
    top: 0;
}
.tag.arrow-in-left:before{
    border-color: #ccc  #ccc #ccc  transparent;
    left: -20px;
    content: "";
    width: 0;
    height: 0;
    border-width: 10px 10px 10px 10px;
    border-style: solid;
    position: absolute;
    top: 0;
}
.tag.arrow-left.arrow-right:before{
    border-color:transparent transparent transparent #ccc ;
    right: -20px;
    content: "";
    width: 0;
    height: 0;
    border-width: 10px 10px 10px 10px;
    border-style: solid;
    position: absolute;
    top: 0;
}
.tag.arrow-right.arrow-left:after{
    border-color: transparent #ccc transparent transparent  ;
    left:  -20px;
    content: "";
    width: 0;
    height: 0;
    border-width: 10px 10px 10px 10px;
    border-style: solid;
    position: absolute;
    top: 0;
}
.tag.arrow-in-left.arrow-in-right:before{
    border-color: #ccc  #ccc #ccc  transparent;
    left: -20px;
    content: "";
    width: 0;
    height: 0;
    border-width: 10px 10px 10px 10px;
    border-style: solid;
    position: absolute;
    top: 0;
}
.tag.arrow-in-right.arrow-in-left:after{
    border-color: #ccc transparent #ccc #ccc  ;
    right:  -20px;
    content: "";
    width: 0;
    height: 0;
    border-width: 10px 10px 10px 10px;
    border-style: solid;
    position: absolute;
    top: 0;
}
.tag.move-top.arrow-in-left.arrow-in-right:before{
    border-color: #ddd  #ddd #ddd  transparent;
    left: -16px;
    content: "";
    width: 0;
    height: 0;
    border-width: 10px 10px 10px 10px;
    border-style: solid;
    position: absolute;
    top: -2px;
    z-index: -1;
}
.tag.move-top.arrow-in-right.arrow-in-left:after{
    border-color: #ddd transparent #ddd #ddd  ;
    right:  -16px;
    content: "";
    width: 0;
    height: 0;
    border-width: 10px 10px 10px 10px;
    border-style: solid;
    position: absolute;
    top: -2px;
    z-index: -1;
}
/*------------------*/
.tag.azul{
    background:  #00438D ;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: #f2f2f2;
}
.tag.azul.arrow-right:after{
    border-color: transparent transparent transparent #00438D ;
}
.tag.azul.arrow-in-right:before{
    border-color: #00438D transparent #00438D #00438D  ;
}
.tag.azul.arrow-left:after{
    border-color: transparent #00438D transparent transparent  ;
}
.tag.azul.arrow-in-left:before{
    border-color: #00438D  #00438D #00438D  transparent;
}
.tag.azul.arrow-left.arrow-right:before{
    border-color:transparent transparent transparent #00438D ;
}
.tag.azul.arrow-right.arrow-left:after{
    border-color: transparent #00438D transparent transparent  ;
}
.tag.azul.arrow-in-left.arrow-in-right:before{
    border-color: #00438D  #00438D #00438D  transparent;
}
.tag.azul.arrow-in-right.arrow-in-left:after{
    border-color: #00438D transparent #00438D #00438D  ;
}
.tag.azul.move-top.arrow-in-left.arrow-in-right:before{
    border-color: #006AAC   #006AAC  #006AAC   transparent;
}
.tag.azul.move-top.arrow-in-right.arrow-in-left:after{
    border-color: #006AAC  transparent #006AAC  #006AAC   ;
}
.tag.rojo{
    background:  #bd362f ;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: #f2f2f2;
}
.tag.rojo.arrow-right:after{
    border-color: transparent transparent transparent #bd362f ;
}
.tag.rojo.arrow-in-right:before{
    border-color: #bd362f transparent #bd362f #bd362f  ;
}
.tag.rojo.arrow-left:after{
    border-color: transparent #bd362f transparent transparent  ;
}
.tag.rojo.arrow-in-left:before{
    border-color: #bd362f  #bd362f #bd362f  transparent;
}
.tag.rojo.arrow-left.arrow-right:before{
    border-color:transparent transparent transparent #bd362f ;
}
.tag.rojo.arrow-right.arrow-left:after{
    border-color: transparent #bd362f transparent transparent  ;
}
.tag.rojo.arrow-in-left.arrow-in-right:before{
    border-color: #bd362f  #bd362f #bd362f  transparent;
}
.tag.rojo.arrow-in-right.arrow-in-left:after{
    border-color: #bd362f transparent #bd362f #bd362f  ;
}
.tag.rojo.move-top.arrow-in-left.arrow-in-right:before{
    border-color: #ee5f5b   #ee5f5b  #ee5f5b   transparent;
}
.tag.rojo.move-top.arrow-in-right.arrow-in-left:after{
    border-color: #ee5f5b  transparent #ee5f5b  #ee5f5b   ;
}
.tag.verde{
    background:  #058305 ;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: #f2f2f2;
}
.tag.verde.arrow-right:after{
    border-color: transparent transparent transparent #058305 ;
}
.tag.verde.arrow-in-right:before{
    border-color: #058305 transparent #058305 #058305  ;
}
.tag.verde.arrow-left:after{
    border-color: transparent #058305 transparent transparent  ;
}
.tag.verde.arrow-in-left:before{
    border-color: #058305  #058305 #058305  transparent;
}
.tag.verde.arrow-left.arrow-right:before{
    border-color:transparent transparent transparent #058305 ;
}
.tag.verde.arrow-right.arrow-left:after{
    border-color: transparent #058305 transparent transparent  ;
}
.tag.verde.arrow-in-left.arrow-in-right:before{
    border-color: #058305  #058305 #058305  transparent;
}
.tag.verde.arrow-in-right.arrow-in-left:after{
    border-color: #058305 transparent #058305 #058305  ;
}
.tag.verde.move-top.arrow-in-left.arrow-in-right:before{
    border-color: #299a0b   #299a0b  #299a0b   transparent;
}
.tag.verde.move-top.arrow-in-right.arrow-in-left:after{
    border-color: #299a0b  transparent #299a0b  #299a0b   ;
}
.tag.celeste{
    background:  #2f96b4 ;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: #f2f2f2;
}
.tag.celeste.arrow-right:after{
    border-color: transparent transparent transparent #2f96b4 ;
}
.tag.celeste.arrow-in-right:before{
    border-color: #2f96b4 transparent #2f96b4 #2f96b4  ;
}
.tag.celeste.arrow-left:after{
    border-color: transparent #2f96b4 transparent transparent  ;
}
.tag.celeste.arrow-in-left:before{
    border-color: #2f96b4  #2f96b4 #2f96b4  transparent;
}
.tag.celeste.arrow-left.arrow-right:before{
    border-color:transparent transparent transparent #2f96b4 ;
}
.tag.celeste.arrow-right.arrow-left:after{
    border-color: transparent #2f96b4 transparent transparent  ;
}
.tag.celeste.arrow-in-left.arrow-in-right:before{
    border-color: #2f96b4  #2f96b4 #2f96b4  transparent;
}
.tag.celeste.arrow-in-right.arrow-in-left:after{
    border-color: #2f96b4 transparent #2f96b4 #2f96b4  ;
}
.tag.celeste.move-top.arrow-in-left.arrow-in-right:before{
    border-color: #5bc0de   #5bc0de  #5bc0de   transparent;
}
.tag.celeste.move-top.arrow-in-right.arrow-in-left:after{
    border-color: #5bc0de  transparent #5bc0de  #5bc0de   ;
}
.tag.naranja{
    background:  #f89406 ;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: #f2f2f2;
}
.tag.naranja.arrow-right:after{
    border-color: transparent transparent transparent #f89406 ;
}
.tag.naranja.arrow-in-right:before{
    border-color: #f89406 transparent #f89406 #f89406  ;
}
.tag.naranja.arrow-left:after{
    border-color: transparent #f89406 transparent transparent  ;
}
.tag.naranja.arrow-in-left:before{
    border-color: #f89406  #f89406 #f89406  transparent;
}
.tag.naranja.arrow-left.arrow-right:before{
    border-color:transparent transparent transparent #f89406 ;
}
.tag.naranja.arrow-right.arrow-left:after{
    border-color: transparent #f89406 transparent transparent  ;
}
.tag.naranja.arrow-in-left.arrow-in-right:before{
    border-color: #f89406  #f89406 #f89406  transparent;
}
.tag.naranja.arrow-in-right.arrow-in-left:after{
    border-color: #f89406 transparent #f89406 #f89406  ;
}
.tag.naranja.move-top.arrow-in-left.arrow-in-right:before{
    border-color: #fbb450   #fbb450  #fbb450   transparent;
}
.tag.naranja.move-top.arrow-in-right.arrow-in-left:after{
    border-color: #fbb450  transparent #fbb450  #fbb450   ;
}
.tag.azuloscuro{
    background:  #133144 ;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: #f2f2f2;
}
.tag.azuloscuro.arrow-right:after{
    border-color: transparent transparent transparent #133144 ;
}
.tag.azuloscuro.arrow-in-right:before{
    border-color: #133144 transparent #133144 #133144  ;
}
.tag.azuloscuro.arrow-left:after{
    border-color: transparent #133144 transparent transparent  ;
}
.tag.azuloscuro.arrow-in-left:before{
    border-color: #133144  #133144 #133144  transparent;
}
.tag.azuloscuro.arrow-left.arrow-right:before{
    border-color:transparent transparent transparent #133144 ;
}
.tag.azuloscuro.arrow-right.arrow-left:after{
    border-color: transparent #133144 transparent transparent  ;
}
.tag.azuloscuro.arrow-in-left.arrow-in-right:before{
    border-color: #133144  #133144 #133144  transparent;
}
.tag.azuloscuro.arrow-in-right.arrow-in-left:after{
    border-color: #133144 transparent #133144 #133144  ;
}
.tag.azuloscuro.move-top.arrow-in-left.arrow-in-right:before{
    border-color: #1c4466   #1c4466  #1c4466   transparent;
}
.tag.azuloscuro.move-top.arrow-in-right.arrow-in-left:after{
    border-color: #1c4466  transparent #1c4466  #1c4466   ;
}
.tag.negro{
    background:  #363636 ;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: #f2f2f2;
}
.tag.negro.arrow-right:after{
    border-color: transparent transparent transparent #363636 ;
}
.tag.negro.arrow-in-right:before{
    border-color: #363636 transparent #363636 #363636  ;
}
.tag.negro.arrow-left:after{
    border-color: transparent #363636 transparent transparent  ;
}
.tag.negro.arrow-in-left:before{
    border-color: #363636  #363636 #363636  transparent;
}
.tag.negro.arrow-left.arrow-right:before{
    border-color:transparent transparent transparent #363636 ;
}
.tag.negro.arrow-right.arrow-left:after{
    border-color: transparent #363636 transparent transparent  ;
}
.tag.negro.arrow-in-left.arrow-in-right:before{
    border-color: #363636  #363636 #363636  transparent;
}
.tag.negro.arrow-in-right.arrow-in-left:after{
    border-color: #363636 transparent #363636 #363636  ;
}
.tag.negro.move-top.arrow-in-left.arrow-in-right:before{
    border-color: #555555   #555555  #555555   transparent;
}
.tag.negro.move-top.arrow-in-right.arrow-in-left:after{
    border-color: #555555  transparent #555555  #555555   ;
}