﻿ /* Sticky footer styles -------------------------------------------------- */
    
    html {
      position: relative;
      min-height: 100%;
    }
    
     body {
      /* Margin bottom by footer height */
      margin-bottom: 60px;
      background-color: #eee;
      margin-top: 8px;
    }
    
    .navbar {
      margin-bottom: 5px;
    }
    
    .navbar .container {
      width: 100%;
    }
    
    .imgfooter {
      float: right;
      position: absolute;
      top: 5px;
      padding: 5px;
    }
    
    .col-md-12 {
      background-color: #fff;
      padding-left: 0px;
      padding-right: 0px;
    }
    
    .row {
      margin-right: 0px;
      margin-left: 0px;
    }
    
    .divContainer {
      background-color: #fff;
    }
    
    .footer {
      position: absolute;
      bottom: 0;
      width: 100%;
      /* Set the fixed height of the footer here */
      height: 60px;
      background-color: #fff;
    }

@media (max-width: 1280px) { 
    .footer {
        bottom: initial;
	height: 95px;
    }

    .navbar-brand{
       padding: 0px 15px;
    }

   .footer > .container {
     padding-right: 110px !important;
   }
}


    /* Custom page CSS --------------------------------------------------
    */
    /* Not required for template or sticky footer method. */
    
    .container .text-muted {
      margin: 10px 0;
    }
    
    .footer > .container {
      padding-right: 60px;
      padding-left: 15px;
    }
    
    code {
      font-size: 80%;
    }
    /*Barra de iconos*/
    /*=========================
  Icons
 ================= */
    /* footer social icons */
    
    ul.social-network {
      list-style: none;
      display: inline;
      margin-left: 0 !important;
      padding: 0;
    }
    
    ul.social-network li {
      display: inline;
      margin: 0 0px;
    }
    /* footer social icons */
    
    .social-network a.icoRss:hover {
      background-color: #F56505;
    }
    
    .social-network a.icoFacebook:hover {
      background-color: #3B5998;
    }
    
    .social-network a.icoTwitter:hover {
      background-color: #33ccff;
    }
    
    .social-network a.icoGoogle:hover {
      background-color: #BD3518;
    }
    
    .social-network a.icoVimeo:hover {
      background-color: #0590B8;
    }
    
    .social-network a.icoLinkedin:hover {
      background-color: #007bb7;
    }
    
    .social-network a.icoRss:hover i,
    .social-network a.icoFacebook:hover i,
    .social-network a.icoTwitter:hover i,
    .social-network a.icoGoogle:hover i,
    .social-network a.icoVimeo:hover i,
    .social-network a.icoLinkedin:hover i {
      color: #fff;
    }
    
    a.socialIcon:hover,
    .socialHoverClass {
      color: #44BCDD;
    }
    
    .social-circle li a {
      display: inline-block;
      position: relative;
      margin: 0 auto 0 auto;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      text-align: center;
      width: 50px;
      height: 50px;
      font-size: 20px;
    }
    
    .social-circle li i {
      margin: 0;
      line-height: 50px;
      text-align: center;
    }
    
    .social-circle li a:hover i,
    .triggeredHover {
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -o-transition: all 0.2s;
      -ms-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(1.3, 1.3) rotate(360deg);
      -moz-transform: scale(1.3, 1.3) rotate(360deg);
      -ms-transform: scale(1.3, 1.3) rotate(360deg);
      -o-transform: scale(1.3, 1.3) rotate(360deg);
      transform: scale(1.3, 1.3) rotate(360deg);
        }
    
    .social-circle i {
      color: #fff;
      -webkit-transition: all 0.8s;
      -moz-transition: all 0.8s;
      -o-transition: all 0.8s;
      -ms-transition: all 0.8s;
      transition: all 0.8s;
    }
    
    .social-circle a {
      background-color: #D3D3D3;
    }