/* principal menu */
.navbar-default{ background-color: transparent; border-color:transparent;}
ul li{
  list-style: none;
}


.logo{
	margin-top:10px;
	float: left;
	background: url('../img/logo.png') center center;
	background-size: 100% 100%;
	min-width: 400px;
	height: 70px;
}


/* stick footer to bottom without display:fixed */
  html, body { height: 100%;}
  .wrapper {
  	height: auto!important;
    min-height: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    height: 100%;
  }
/* end */

.franja-amarilla{
  display: block;
  width: 100%;
  height: 30px;
  background-color: #FFD200;
}


/* navegador principal  */
.wrapper .navbar{
  background-color: #ffffff;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  /* IE 5-7 */
  filter: alpha(opacity=90);
  /* Netscape */
  -moz-opacity: 0.9;
  /* Safari 1.x */
  -khtml-opacity: 0.9;
  /* Good browsers */
  opacity: 0.9;
}


.navbar-principal{
  width: 40%;
}


.navbar-principal li a{
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 1.696em;
  padding-bottom: 25px;
  padding-top: 25px;
  color: #5D5D5D!important;
}
.navbar-principal li:hover a,
.navbar-principal li.active a{
  background-color: #FFD200!important;
  color: #000000!important;
}
/* end navegador principal */



/* slide-principal */
.carousel-control.left{
  background-image: none;
}
.carousel-control.right{
  background-image: none;
}
.slide-principal{
  padding-bottom: 15px;
}
.slide-principal img{
  margin: 0 auto;
  width: 100%;
  max-height: 500px;
}
/* end slide-principal */


/* descripcion */
.descripcion p{
  font-family: 'Lato', sans-serif;
  text-align: justify;

  font-size: 0.938em;
  color: #5D5D5D;
}
.descripcion p > span{
  font-size: 1.375em;

  color: #000000;
}

hr{
  border-top-width: 8px;
  border-top-color: #FFD200;
}
/* end descripcion */



/* servicios */
.servicios a{
  display: inline-block;
  width: 100%;
  text-decoration: none;
}
.servicios ul {
  margin-bottom: 0px;
}
.servicios span{
  display: inline-block;
  width: 120px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 120px;
}
.servicios p{
  font-family: 'Lato', sans-serif;
  font-size: 0.875em;
  color: #ffffff;
}
.servicios span.acceso-img{
  background-image: url("../img/acceso.png");
}
.servicios span.camara-img{
  background-image: url("../img/camara.png");
}
.servicios span.telefonia-img{
  background-image: url("../img/telefonia.png");
}
.servicios span.cableado-img{
  background-image: url("../img/cableado.png");
}
.servicios span.hardware-img{
  background-image: url("../img/hardware.png");
}
.servicios span.casa-img{
  background-image: url("../img/casainteligente.png");
}
.servicios span.conectividad-img{
  background-image: url("../img/conectividad.png");
}


.servicios a:hover,
.servicios a:focus{
  background-color: #FFD200;
}
.servicios a:hover p,
.servicios a:focus p{
  color: #000000;
}

.servicios a:hover span.acceso-img,
.servicios a:focus span.acceso-img{
  background-image: url("../img/acceso-black.png");
}
.servicios a:hover span.camara-img,
.servicios a:focus span.camara-img{
  background-image: url("../img/camara-black.png");
}
.servicios a:hover span.telefonia-img,
.servicios a:focus span.telefonia-img{
  background-image: url("../img/telefonia-black.png");
}
.servicios a:hover span.cableado-img,
.servicios a:focus span.cableado-img{
  background-image: url("../img/cableado-black.png");
}
.servicios a:hover span.hardware-img,
.servicios a:focus span.hardware-img{
  background-image: url("../img/hardware-black.png");
}
.servicios a:hover span.casa-img,
.servicios a:focus span.casa-img{
  background-image: url("../img/casainteligente-black.png");
}
.servicios a:hover span.conectividad-img,
.servicios a:focus span.conectividad-img{
  background-image: url("../img/conectividad-black.png");
}


.servicios ul li > a {
  padding-left: 20px;
  padding-right: 20px;
}

/* end servicios */


/* mapa */
#map-canvas{
  height: 300px;
}
/* end mapa*/





/* contacto  */
.contacto .extra-info p{
  font-size: 0.938em;
  color: #5D5D5D;
  margin-top: 12px;
}
.contacto hr{
  margin-top: 7px!important;
  margin-bottom: 15px!important;
}
.contacto .extra-info p > span{
  font-size: 1.063em;
  
  color: #000000;
}



.contacto{
  margin-top: 30px;
  margin-bottom: 30px;
}
.contacto label{
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 0.938em;
  color: #5D5D5D;
}


.contacto input,
.contacto textarea{
  border-radius: 0;
  border-color: #5D5D5D;
}
.contacto textarea:focus,
.contacto input:focus{
  border-bottom-color: #5D5D5D;
  border-top-color: #5D5D5D;
  border-left-color: #5D5D5D;
  border-right-color: #5D5D5D;
  box-shadow: none;
}

.contacto textarea{
  resize: none;
}

.contacto button{
  font-family: 'Lato', sans-serif;
  color: #000000;
  font-size: 1.392em;

  background-color: #FFD200;
  border-radius: 0;
  padding: 3px 20px;
}


.contacto button:hover,
.contacto button:focus,
.contacto button:active,
.contacto button:active:focus{
  background-color: #FFD200!important;
}


.modal-content .modal-footer button{
  background-color: #FFD200;
  border: 0;
  color: #000000;
}

.modal-content .modal-footer button:hover{
  background-color: #FFD200;
  border: 0;
}
/* end contacto */







/* footer */
footer#footer{
  margin-top: 20px;
}

footer#footer p{
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 1.397em;
  color: #ffffff;

  margin-bottom: 0px
}
footer#footer a{
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 0.958em;
  color: #ffffff;
}
/* end footer */




/* servicios descripcion */
.servicios-descripcion h1{
  font-family: 'Lato', sans-serif;
  font-size: 1.696em;
  font-weight: 700;
  color: #000000;
}

.servicios-descripcion h2{
  font-family: 'Lato', sans-serif;
  font-size: 1.375em;
  color: #5D5D5D;
}

.servicios-descripcion h3{
  display: block;
  margin: 0 auto;
  text-align: center;
  max-width: 80%;
  background-color: #FFD200;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-bottom: 20px;

  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 1.125em;
  color: #000000;
}

.servicios-descripcion p{
  font-family: 'Lato', sans-serif;
  font-size: 0.938em;
  color: #5D5D5D;
  text-align: justify;
}

.servicios-descripcion p > span{
  font-size: 1.375em;
  color: #000000;
}
.servicios-descripcion img{
  display: block;
  margin: 0 auto;
  margin-top: 50px;
}
.servicios-descripcion .productos{

  margin-bottom: 50px;
}


/* end servicios descripcion */




::selection {
  background: rgba(255,210,0,0.9);

}
::-moz-selection {
  background: rgba(255,210,0,0.9);


}
::-webkit-selection {
  background: rgba(255,210,0,0.9);


}

.pull-right-custom{
  float: right!important;
}

.titulos{
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 1.696em;
}

/*==========  Non-Mobile First Method  ==========*/
@media only screen and (max-width : 1500px) {

}

@media only screen and (max-width : 1280px) {

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

@media only screen and (max-width : 991px) {
  .navbar-principal{
    width: 45%;
  }
}

@media only screen and (max-width : 850px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {


}
@media only screen and (max-width : 767px) {
  .v-align{
    margin-right: 0px!important;
    display: block!important;
  }
  .pull-right-custom{
    float: none!important;
  }

  .navbar-principal{
    width: 100%;
  }

  .navbar-toggle{
    float: left;
    margin-left: 10px;
    margin-top: 0px;
  }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

  #map-canvas{
    height: 150px;
  }
}

@media only screen and (max-width : 360px) {
  .slide-principal img{
    height: 150px!important;
  }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {


}