div#top-bar {
    border-bottom: 8px solid #a1a1a1;
    padding: 20px 0;
}

div#float-social {
  position: fixed !important;
  width: 70px;
  height: 70px;
  top: 121px;
  z-index: 15;
  text-align: center !important;
}

div#mail {
  width: 70px;
  height: 70px;
  background: #5e777c;
}

div#mail:hover img {
  margin-top: 14px !important;
  float: left !important;
  margin-left: 5px !important;
  width: 17% !important;
}
div#mail:hover {
  width: 246px !important;
  height: 70px;
  display: block;
  background: #8db0b7;
  font-size: 15px !important;
  font-weight: bold;
  color: #fff !important;
}

div#mail:hover:before {
  content: "inop.mx@gmail.com";
  float: right;
  margin-right: 37px !important;
  margin-top: 23px !important;
}

div#float-social img {
  margin-top: 23% !important;
}



/* Menu */
.navbar {
  margin: 0px !important;
}
.navbar-inner,
.container-fluid {
  padding: 0px;
}
.navbar-inner {
    border-radius: 0px;
    background: none !important;
    background-image: none;
    background-repeat: no-repeat;
    filter: none !important;
    border-top: 0px solid #25322d !important;
    border-bottom: 0px solid #25322d !important;
    border-left: 0px !important;
    border-right: 0px !important;
    box-shadow: none !important;
}
.navbar .btn {
  background: #2f413b !important;
  font-size: 13px;
  padding: 7px 10px;
  margin: 10px 0;
}
.navbar .btn:hover {
  background: #455f55 !important;
}
.navbar .nav {
    margin: 0px;
    padding: 0px;
}
.navbar .nav > li {
    border-radius: 4px;
    margin: 0px;
    margin-right: 8px !important;
    background-color: transparent !important;
}
.navbar .nav > li > a {
    margin: 0px;
    line-height: 26px !important;
    text-decoration: none !important;
    color: #1e4b75 !important;
    text-shadow: none !important;
    border-radius: 0px;
    -webkit-transition: all 200ms ease-out;
    font-weight: bold !important;
    font-size: 17px;
    padding: 26px 21px;
}
.navbar .nav > li > a:hover {
    background: #0f2438 !important;
    color: #FFFFFF !important;
}
.navbar .nav .active > a, .navbar .nav .active > a:hover, .navbar .nav .active > a:focus {
    color: #1e4b75 !important;
    box-shadow: none;
    background: #f7f7f7 !important;
    border-radius: 0px !important;
    padding: 26px 21px;
}
.nav-collapse a {
  font-weight: normal !important;
  text-shadow: none !important;
}
.caret {
  display: none;
}
.dropdown-toggle {
  background-color: transparent !important;
}
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: transparent !important;
}
.nav-collapse .nav > li > a:focus,
.nav-collapse .dropdown-menu a:focus {
  background-color: transparent !important;
}
.dropdown-menu {
  background: transparent !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  padding: 0px 0px;
  margin: 0px;
  border: 0px solid #F6A123 !important;
  border-bottom: none !important;
}
.dropdown-menu a {
    background: transparent !important;
    padding: 3px 10px !important;
    color: #000000 !important;
    text-shadow: none !important;
    border-bottom: 0px solid #F6A123;
}
.dropdown-menu a:hover,
.dropdown-menu a:focus {
  filter: none !important;
  background: transparent !important;
  text-decoration: underline !important;
}
.dropdown-menu > li > a:hover {
  background: transparent !important;
  text-decoration: underline !important;
}
.dropdown-menu::after,
.dropdown-menu::before {
  border: none !important;
}
.nav-collapse.collapse {
  display: block !important;
}
ul.nav.nav-dropdown.nav-pills {
    float: right;
}
.dropdown-menu li {
    background: #e7e7e7 !important;
    padding: 7px 7px;
    border-bottom: 3px solid #fff !important;
}
.dropdown-menu li:hover {
    background: #a1a1a1 !important;
}
.dropdown-menu li.active {
    background: #0f2438 !important;
}
/* For Responsive design */
@media (max-width: 979px) {
  .nav-collapse .dropdown-menu {
    display: block;
  }
  .dropdown-menu,
  .dropdown-menu a,
  .dropdown-menu > li > a:hover {
    background-color: transparent !important;
    border: none !important;
  }
}
@media (max-width: 979px) {
  .navbar-inner > .container-fluid {
    padding: 0px 20px;
  }
  .navbar .nav > li {
    background-color: transparent !important;
    border-radius: 0px !important;
  }
  .navbar .nav > li > a {
    color: #FFFFFF !important;
    height: 35px;
    line-height: 33px !important;
    font-size: 18px;
    border-radius: 0px !important;
  }
  .navbar .nav > li > a:hover {
    color: #FFFFFF !important;
    background-color: transparent !important;
    border-radius: 0px !important;
  }
  .navbar .nav .active > a,
  .navbar .nav .active > a:hover,
  .navbar .nav .active > a:focus {
    color: #FFFFFF !important;
    background-color: transparent !important;
    border-radius: 0px !important;
  }
  .navbar {
    margin-left: -20px;
    margin-right: -20px;
  }
  .navbar .nav {
    border: 0px !important;
  }
  .navbar .nav > li > a {
    border: 0px !important;
  }
  .dropdown-menu a {
    border-bottom: none !important;
  }
}
@media (min-width: 768px) {
  ul.nav li.dropdown:hover ul.dropdown-menu {
    display: block;
  }
}

/*Body*/

body.container-fluid {
    font-family: 'Lato', sans-serif;
}

div#logo img {
    width: 79% !important;
}

div#logo {
    text-align: center !important;
    margin: 5px 0px;
}
div#top-bar {
    border-bottom: 8px solid #a1a1a1;
}
/*Slider*/
#slider90 > li:nth-child(3) > div {
    top: 162px !important;
}
div#navigation90, div#navigation96 {
    top: 50% !important;
}
div#djslider-loader90 .slide-desc-bg-default {
    background: RGBA(255,255,255,0.30) !important;
    width: 77% !important;
}
div#djslider-loader90 .slide-desc-text-default {
    padding: 31px 65px;
}
.slide-text h2 {
    color: #fff !important;
}
div#banner p {
    font-size: 26px !important;
    color: #052865 !important;
    font-weight: bold !important;
}
div#djslider-loader90 .slide-desc {
    left: 6% !important;
}
/*#slider90 > li:nth-child(3) > div > div > div.slide-desc-bg.slide-desc-bg-default {
    background: RGBA(142,142,142,0.40) !important;
}*/
/*Bottom slider*/
div#bottom-banner {
    padding: 18px 0px;
    background: #2f2f2f;
    color: #fff !important;
}

div#bottom-banner img {
    float: left !important;
    margin: 15px;
}
div#bottomb {
    max-width: 1178px !important;
    margin: auto !important;
}

/*Servicios*/
div#servicios img {
    float: left !important;
    width: 22% !important;
    margin-right: 23px;
}
div#servicios {
    background: #f5f5f5;
    padding: 24px 0px;
}
div#service {
    max-width: 1227px;
    margin: auto !important;
}

/*Cableado*/
div#cableado img {
    float: right;
    width: 36% !important;
}

div#cableado {
    max-width: 1140px !important;
    margin: auto !important;
}
div#wrpct {
    max-width: 1140px;
    margin: 78px auto !important;
}
div#wrpct p, div#wrpct li {
    font-size: 18px;
    line-height: 34px;
}
div#wrpct p {
    margin-bottom: 40px;
}

.pull-right.item-image {
    width: 50%;
    margin-left: 13px;
}
.page-header {
    color: #1e4b75;
}
#wrpct > main > div.item-pageus > div.pull-right.item-image > img {
    border: 8px solid #fff;
    box-shadow: -3px 1px 7px 0px #888888;
    border-radius: 10px;
}

/*Testimonios*/
div#testimonios {
    background: #7687a1 !important;
    margin-bottom: 86px;
}
div#djslider96 .slide-desc-bg-default {
    background: none !important;
}
div#djslider96 .slide-text {
    text-align: center !important;
    font-size: 18px;
}
#slider96 > li > div > div > div.slide-desc-text.slide-desc-text-default > div.slide-text > img {
    width: 4% !important;
}

/*Automatización de portones*/
div#door {
    max-width: 1140px;
    margin: 70px auto;
}

.introhome.span4 {
    background: #0f1731;
    color: #fff !important;
    padding: 38px 43px !important;
    min-height: 587px !important;
    text-align: center !important;
    line-height: 27px !important;
}
div#dt {
    background: #dedede;
}
a.btn-book {
    color: #fff;
    border: 1px solid;
    padding: 10px 15px !important;
}

/*Galeria*/
.sp-simpleportfolio-items.sp-simpleportfolio-columns-4.shuffle {
    position: relative !important;
}div#gallery {
    max-width: 1140px;
    margin: 70px auto !important;
    text-align: center !important;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a {
    font-size: 12.8px !important;
}
#mod-sp-simpleportfolio > div.sp-simpleportfolio-filter > ul > li:nth-child(1) {
    display: none !important;
}
/*Formulario*/
div#form {
    max-width: 1140px;
    margin: 70px auto !important;
}
div#formulario {
    text-align: center !important;
    background: #e0e0e0;
    min-height: 587px !important;
    padding: 31px 42px;
}

div#fox-container-m99 .controls, div#fox-container-m105 .controls{
 max-width: 100% !important;
 float: none !important;
}

div#fox-container-m99 input, div#fox-container-m105 input{
    width: 400px !important;
    height: 40px !important;
    border: 0px !IMPORTANT;
    border-radius: 0px !important;
    padding: 20px 14px;
    color: #000 !important;
}
div#fox-container-m99 textarea, div#fox-container-m105 textarea {
    width:100% !important;
    width: 100% !important;
    border: 0px !IMPORTANT;
    border-radius: 0px !important;
}

div#fox-container-m99 .fox-form-stacked .fox-item-submit .controls, div#fox-container-m105 .fox-form-stacked .fox-item-submit .controls {
    width: 100% !important;
    margin: auto !important;
    text-align: center !important;
}

div#fox-container-m99 .btn, div#fox-container-m99 .btn span, div#fox-container-m105 .btn, div#fox-container-m105 .btn span {
    color: #fff !important;
    text-shadow: none !important;
    text-decoration: none !important;
}

div#fox-container-m99 .btn, div#fox-container-m105 .btn{
    border-radius: 0px !important;
    background: #485e81 !important;
    padding: 10px 41px !important;
    border: none !important;
}
div#formulario-text h4 {
    margin-top: 181px !important;
    letter-spacing: 8px !important;
    font-size: 19px !important;
    font-weight: 100 !important;
    line-height: 40px !important;
}

/*Footer*/
div#middle-footer {
    background: #182346;
    color: #FFF !important;
}
#middle-footer > div {
    max-width: 1140px;
    margin: 26px auto !important;
}

input.search-query {
    border: none !important;
    border-radius: 0px;
    max-width: 100%;
    width: 62%;
}
.search {
    margin: 23px 17px;
}
div#copyright {
    background: #545454;
    text-align: center !important;
    padding: 16px 0px !important;
}

div#copyright a {color: #fff;}

#slider90 > li:nth-child(3) > div > div > div.slide-desc-text.slide-desc-text-default > div.slide-text, #slider90 > li:nth-child(4) > div > div > div.slide-desc-text.slide-desc-text-default > div.slide-text {
    color: #000 !important;
}

a.btn-view, h3.sp-simpleportfolio-title, .sp-simpleportfolio-tags {
    display: none !important;
}

/*Formulario interno*/
div#fox-container-m105 {
    background: #efefef;
    padding: 10px 17px;
    text-align: center !important;
    color: #747474 !important;
    border-radius: 10px;
}
#bottomb > div> div > h4 {
    padding-top: 24px;
}
#search > div > form > label {
    color: #182346;
}

div#map {
    margin-bottom: 86px;
}


/*Nuevo slider*/
.slide-desc {
    font-weight: bold !important;
}
.slide-desc-box.Left > div > div {
    padding: 44px 53px !important;
}
.slide-desc-box.Left {
    margin-left: 58px !important;
}

/*Responsivo*/
@media (max-width: 973px) {
  ul.nav.nav-dropdown.nav-pills{
    float: none !important;
  }
  h2 {
    font-size: 20px;
}

.slide-desc-text.slide-desc-text-default {
    padding: 0px !important;
}

div#djslider-loader90 .slide-desc-bg-default {
    background: none !important;
}

div#navigation90, div#navigation96 {
    display: none !important;
}

div#djslider-loader90 .slide-desc {
    left: 0px !important;
}
.slide-text {
    margin-top: -4px !important;
    text-align: center;
    line-height: 10px !important;
}
 .navbar .nav > li > a, .navbar .nav .active > a, .navbar .nav .active > a:hover, .navbar .nav .active > a:focus {
    padding: 9px 21px;
}
div#gallery, div#bottomb {
    max-width: 80% !important;
}
div#bottom-banner img {
    float: none !important;
}
div#bottom-banner {
    text-align: center !important;
}
div#servicios img {
    float: none !important;
    width: 50% !important;
}
div#service {
    text-align: center !important;
    max-width: 80% !important;
}
div#wrpct, #middle-footer > div {
    max-width: 80% !important;
}
.pull-right.item-image {
    width: 100% !important;
    margin: 33px 0px;
}
.page-header {
    margin: 0px !important;
}
 .introhome.span4 {
    min-height: 300px !important;
} 
  div#formulario-text h4 {
    margin: 0px !important;
    line-height: 54px !important;
}
  div#form {
    margin: 0px !important;
}
  div#testimonios p {
    font-size: 10px;
}
div#testimonios {
    min-height: 94px;
}
.slide-desc {
    top: 20px;
}
div#door {
    margin: 0px !important;
}
  .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li {
    float: none !important;
}
  div#djslider-loader90, div#djslider-loader96 {
    padding: 0px !important;
}
#wrpct > main {
    margin-bottom: 40px !important;
}
  .dropdown-menu li {
    background: #1e4b75 !important;
}
  h5 {
    font-size: 6px;
}
  #bottomb > div> div > h4 {
    padding-top: 0px !important;
}
div#banner p {
    line-height: 20px !important;
    font-size: 13px !important;
}
  .slide-text h2 {
    margin: 0px !important;
}
  .slide-text {
    width: 80% !important;
    margin: auto !important;
}
  #slider90 > li:nth-child(3) > div {
    top: 20px !important;
}

#slider90 > li:nth-child(3) > div > div > div.slide-desc-bg.slide-desc-bg-default {
    background: none !important;
}
  div#map {
    margin: 0px !important;
}
  .slide-desc-box.Left {
    margin: 0px !important;
}
  
  /*Nuevo slider*/
.slide-desc-box.Left > div > div {
    padding: 11px 18px !important;
}
  .slide-title {
    font-size: 24px !important;
}

.slide-desc {
    font-size: 19px !important;
    line-height: 21px !important;
}
}


#wrpct > main > div.item-pageus > div.pull-right.item-image {
    width: 33% !important;
}

#wrpct > main > div.item-pageus > div:nth-child(4) > div {
    margin: 126px 0 0 0;
    text-align: center;
    background: #eaeaea;
    padding: 38px 27px;
    max-width: 1102px !important;
}