/*Para el carrusel full size
Deberemos crear otro o los que necesitmos para la galería de trabajos*/

 /* width */

 
 
 
::-webkit-scrollbar {
  width: 5px;
  height: 12px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #0080c0;
  border: 0px none #ffffff;
   
}
::-webkit-scrollbar-thumb:hover {
  background: #0080c0;
}
::-webkit-scrollbar-thumb:active {
  background: #000000;
}
::-webkit-scrollbar-track {
  background: #123c50;
  border: 0px none #ffffff;
 
}
::-webkit-scrollbar-track:hover {
  background: #666666;
}
::-webkit-scrollbar-track:active {
  background: #80ffff;
}
::-webkit-scrollbar-corner {
  background: #123c50;
}

@import url(https://fonts.googleapis.com/css?family=Lato:900);

html,body{
font-family: 'Lato', sans-serif !important;
  height:100%;
  min-height: 100%;
 
}
html,body{
	height:100%;
 
}
a{
  transition-duration:1s;
}
a:hover, a:focus{
color:#229bf4 !important;
}

.suavizado{
  outline:0 !important;
}
.socialTop{
  background:#5d98a1;
  border-bottom: 1px solid rgba(231, 230, 230, 0.33);
  width:100%;
  height:30px;
}

.navbar-nav {
    margin: 0px -15px;
}
.socialIcons{
  width:auto;
  padding-top:5px;
  margin:0 auto;
 
  /*padding-left:80px;*/

}

.phonesTop{
  width:20%;
  padding-top:5px;
  margin:0 auto;
  float:right;
  padding-left:20px;
}

.sn{
    margin: 0 auto;
    text-align:  center;
    color: white;
    font-weight: bold;

}
a.contactom {
  color:white !important;
  text-decoration: none;
}
a.contactom :hover{
  color:white !important;
  text-decoration: underline !important;
}
.snM{
 
}
.topLinks{
  color:white;
}
.activeLink{
  color:#609cd3 !important;
}


/*Busqueda en ventana modal.Estilos*/

#divContenedor{
  width: 600px;
  position: absolute;
  left: 50%;
  margin-left: -300px;
  top: 100px;
  text-align: center;
}
  #divLogo{
    padding-bottom: 20px;
  }


.categorias{
  background: red;
}
/* estilos del overlay */
#divOverlay{
  position: fixed;
  background: #000;
  height: 100%;
  width: 100%;
  z-index: 99998;
  display: none;
  top: 0;
  left: 0;
}

.clsBoton{
  padding: 7px;
  background: #000;
  display: inline-block;
  border-radius: 5px;
  text-decoration: none;
  color: #fff;
  box-shadow: 0 0 10px #f1f1f1;
  border: solid 1px #000;
}
  .clsBoton:hover{
    background: #fff;
    color: #000;
    border-color: #000;
  }

/* clases relacionadas con la ventana modal */
.clsVentana{
  width: 100%;
  height: 100%;
 /* border: solid 1px #ccc;*/
  position: fixed;
  top: 0%;
 
  left: 0%;
 
  border-radius: 3px;
  box-shadow: 0 0 15px #999;
  background: #fff;
  z-index: 99999;
  display: none;
}
  .clsVentanaTitulo{
    background: #222;
    color: #fff;
    border-radius: 3px 3px 0 0;
    display: block;
    text-align: center;
  }
    .clsVentanaTitulo strong{
      display: inline-block;
      padding: 10px;
    }
    .clsVentanaTitulo a{
      float: right;
      display: inline-block;
      color: #fff;
      text-decoration: none;
      background: #000;
      padding: 5px;
      margin: 5px;
      border-radius: 3px;
      cursor: pointer;
    }
      .clsVentanaTitulo a:hover{
        background: #fff;
        color: #000;
      }
  .clsVentanaContenido{
    padding:10px;
    background:transparent;
    height: 100%;
    overflow: none;
  
  }
    .clsVentanaContenido iframe{
      width: 100%;
      height: 100%;
        background:white !important;
      border: 0px;
    }
/*Fin ventana modal de busqueda*/


.carousel,
.item,
.active {
    height: 100%;
}


.carousel-inner {
    height: 100%;
 }


.carousel-fade .carousel-inner { background: #000; }
.carousel-fade .carousel-control { z-index: 2; }  
.carousel-fade .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  }

  .carousel-fade .next.left,
  .carousel-fade .prev.right,
  .carousel-fade .item.active { opacity: 1; }

  .carousel-fade .active.left,
  .carousel-fade .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
    }


/* Arreglado el bug con safari */
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}



/*MENU SOCIAL BAR */

  .socialNetwork {
  position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
  left: -78px !important; /* Establecemos la barra en la izquierda */
  top: 280px; /* Bajamos la barra 200px de arriba a abajo */
  z-index: 999; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}
 
  .socialNetwork ul {
    list-style: none;
     
  }
 
  .socialNetwork ul li a {
    
    display: inline-block !important;
    color:#fff;
    background: #000;
    padding: 10px 15px;
    text-decoration: none;
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
  }
 
  .socialNetwork ul li .cats {background-color:#3b5998;width:105px !important; transform: rotate(-90deg);


  /* Legacy vendor prefixes that you probably don't need... */

  /* Safari */
  -webkit-transform: rotate(-90deg);

  /* Firefox */
  -moz-transform: rotate(-90deg);

  /* IE */
  -ms-transform: rotate(-90deg);

  /* Opera */
  -o-transform: rotate(-90deg);

  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);} /* Establecemos los colores de cada red social, aprovechando su class */
  .socialNetwork ul li .fa-twitter {background: #00abf0;}
  .socialNetwork ul li .fa-user {background: #5cbaf0;
    width: 37px !important;
    height: 31px;
 }
  .socialNetwork ul li .fa-book {background: #333;}
  
  
  .socialNetwork ul li a:hover {
    background: #000 !important; /* Cambiamos el fondo cuando el usuario pase el mouse */
    color:#fff !important;
 
  }
/*end menu social bar*/ 

/* Control de carrusel personalizado */
.carousel-control .control-icon {
  font-size: 48px;
  height: 30px;
  margin-top: -15px;
  width: 30px;
  display: inline-block;
  position: absolute;
  top: 50%;
  z-index: 5;
  }
  .carousel-control .prev { margin-left:  -15px;  left: 50%; } /* Prev */
  .carousel-control .next { margin-right: -15px; right: 50%; } /* Next */


/* Quitamos el fondo */
.carousel .control-box { opacity: 0; }
a.carousel-control.left  { left: 0; background: none; border: 0;}
a.carousel-control.right { right: 0; background: none; border: 0;}


/* Animacion */
.control-box, a.carousel-control, .carousel-indicators li {
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;   
  /*Aceleracion de hardware da error en webkit usando el carrusel de bs*/
 
  /* Assigning animation to indicator li will make slides flicker */
  } 


 
.carousel:hover .control-box { opacity: 1; }
.carousel:hover a.carousel-control.left { left: 15px; }
.carousel:hover a.carousel-control.right { right: 15px; }  


 
.carousel-indicators li.active,
.carousel-indicators li { border: 0; }

.carousel-indicators li {
  background: #666;
  margin: 0 3px;
  width: 12px;
  height: 12px;
  }

.carousel-indicators li.active {
  background: #fff;
  margin: 0 3px;
  }


.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


.textoSlider{
	margin-top:-50%;
	text-shadow:none;
	 color: #fff   !important;
   font-weight:600;
}
.subTxt{
	font-weight:500;
  text-shadow:none;
  text-transform:uppercase;
  color:#fff !important;
  font-size:11pt;
}
.subTxtDesc{
	text-shadow:none;
}

/*Fin carrusel*/ 

 

/*Animated arrow*/

.elemento{
   width: 100px;
   height: 50px;
   margin:0 auto;
   position: relative;
}


.animatedColor {
  color: white;
}

 

.flecha {
   animation: arrow 1s ease-in-out infinite;
   font-size:22px !important;
   font-weight: lighter;
}

.flecha:hover{
  animation:arrow 1s ease-out infinite !important;
  color:#229bf4 !important;
}





@keyframes arrow {
  0% {
    transform: translate(0px, 50px) ;
  }

   50% {
    transform: translate(0px, 60px) ;
  }
 
  100% {
    transform: translate(0px, 50px) ;
  }
}


/*Mascara para imagenes del blog*/
.contenedor {
position:relative;
}
.contenedor .textbox {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
-webkit-transform: scale(0);
transform: scale(0);
 
background-color: rgba(0,0,0,0.75);
 
}
.contenedor:hover .textbox {
-webkit-transform: scale(1);
transform: scale(1);
}
.descripcionTxtBlog {
text-align:center;
color:white;
padding-top:25%;
}
.textbox {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
/*Fin mascaras imagenes blog*/
.img-responsiveBlog{
display:inline-block;
width:100%;
padding-top:1em;
}

.containerBlog{
padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;
clear:none !important;
/*Quitamos el height 100% porque ya lo hereda del html*/
}
#blog{
background:#f7f7f7 !important;
width:100%;
height:auto;
 -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
  -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
  box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
}

.layer-blog{
 
background:#fff !important;
height:auto !important;
 

}

.separadorImg{
border:1px solid #ccc; padding:1em;
}
.titulo-noticia{
padding-left:1em;
color:gray;
}

.titulo-respuesta{
color:gray;
text-align:left;
}

.autor{
padding-left:1.5em;
color:gray;
text-transform:uppercase;
font-size:7pt;
}

.txt-blog{
color:gray;
padding-left:1em !important;
}

.txt-article{
text-align:left;}


.readMore{
color:#68a7c1;
padding-left:1em;
}



 

.text-muted {
    color: #36cff9;
	font-size:8pt !important;
}
.subtxt-muted{
  color: #aaa;
  font-size:8pt !important;
}

.m-top-md {
    margin-top: 20px;
}

 

body{
  
	font-size:12px;
	color:#555;
	position: relative;
}


.ir-arriba{
	display:none;
 	background: #36cff9;
	padding:15px;
	font-size:15px;
	color:#fff !important;
	font-weight:bold;
	cursor:pointer;
	position: fixed;
	bottom:0px;
	right:10px;
	z-index:9999;
}
 
.flechita{
	margin:0 auto;
 	width:20px;
	height:15px;
	color:white;
	font-weight:bold;
	-webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    font-size:15pt;
 }
	.flechita:hover{
	 -webkit-transform: rotate(180deg);
	 transform:rotate(180deg);
	}

/*EFECTO BOX SHADOW PARA LAS IMAGENES
.imgFlat:hover {
border-radius:50px;
-webkit-box-shadow: 0px 0px 10px 5px rgba(227, 97, 89, .75);
box-shadow: 0px 0px 10px 5px rgba(227, 97, 89, .75);
}
.imgFlat {
 border-radius:50px;
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
*/
h1,h2,h3,h4,h5,h6{
	font-weight:300;
}

h1{
	color:#474747;
	font-size:36px;
	font-weight:bold;
}
h3{
	color:#fff !important;
}

#presupuesto{
  background:#2b3340;
  width:100%;
}

.presupTit{
  color:#fff;
}

.form-control{
  border:0 !important;
 
}
.formPresu{
   background:#252d3a;
  width:50%;
  color:#bbb !important;
  margin-left:25%;
  border-radius:0;
  border-bottom:1px solid #303c51 !important;
}

.btnPresu{
  background:#303c51 !important;
  border-radius:0;
  box-shadow:none;
border:0 !important;
  transition-duration:1s;
  color:gray;

}
.btnPresu:hover{
    background: #229bf4 !important;
 
}

.deslizaPresu:hover{
color:#229bf4 !important;

}

.formularioPpal{
  display:none;
}
#respuesta{
  display:none;
}

#acerca{

 width:100%;

  padding:1em !important;
  height:auto !important;

 

  
  -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
  -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
  box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
}
 
.acercade{
font-size:12pt;
color:black;
}

#servicios{
 width:100%;

  padding:1em !important;
  height:auto !important;

 

  background: url("../imagenes/designs.jpg") no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
  -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
  box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
}
#contacto{
    -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
  -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
  box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
}

.serviceName{
  color: #36cff9;
    font-weight:bold;
    padding-top: 1em;
}
.txtAndBord{
 
  background:#09afdf;
  margin-top:5em !important;
  padding:1em;
  color: white !important;
  font-size:14pt !important;
 
  transition:1s;
  font-weight:bold;
      border-radius: 50%;
    margin-left: 50%!important;
}
.txtAndBordLines{
  
  background:transparent;
  padding:1em;
  color: white;
  font-size:18pt;
 
  transition:1s;
  font-weight:bold;

}
.txtAndBordLines:hover{
 
  
 
  color: white;
 

}

.fa-bar-chart,.fa-rocket,.fa-coffee,.fa-child{
  font-size:16pt !important;
}
.justTxt{
  text-align: left;
  margin-left:-1em;
  background:transparent;
  border-bottom:1px solid rgba(255,255,255,.2);
  padding:1em;
  color: white;
  font-size:9pt;
 
}

.txtAndBord:hover{
   background:#179cc2;
 
}

#ideas{
  
 width:100%;

  padding:1em !important;
  height:auto !important;

 

 
  -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
  -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
  box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
 
}

#info{
background:#4c5f70;
width:100%;
 -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
  -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
  box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
}

h3{
	color:#95a5a6;
}

h4{
	color:#474747;
 
}

p{
	line-height:30px;
	margin-bottom:25px;
}
/*Footer social network icons*/
.fb{
color:#ccc;
font-size:12pt !important;
}

.fb:hover{
color:#3b5998;
}
 
.tw{
  font-size:12pt !important;
color:#ccc;
}

.tw:hover{
color:#00aced;
}

/*Navigation bg */
.navbar-toggle{
  border:0;
  background:none !important;
  color:black;
}


.navbar-toggle:hover{
  background:none !important;
}

.navbar-default{
  background:none;
  border-color:transparent;
  transition-duration: 1s;
 
  }

.navbar-default .navbar-brand{
  color:white;
  }
 
.navbar-default .navbar-nav li a{
  color:#fff;
  font-size: 9pt;
  font-weight:bold;
  }

.navbar-default .navbar-nav li a:hover {
  color:#609cd3;
  } 
/*Cambiamos el fondo del navbar con esta regla*/
 .navbar-default .navbar-nav > .active > a{
    border-bottom: 2px solid #36cff9 !important;
    background-color: #FFF !important;
}

.sublogo{
color:#fff;
}

/* Mixins */
/* bg shortcodes */
.bg-gradient1 span,
.bg-gradient1:before {
  background: #52A0FD;
  background: linear-gradient(to right, #52A0FD 0%, #00e2fa 80%, #00e2fa 100%);
}

.bg-gradient2 span,
.bg-gradient2:before {
  background: #44ea76;
  background: linear-gradient(to right, #44ea76 0%, #39fad7 80%, #39fad7 100%);
}

.bg-gradient3 span,
.bg-gradient3:before {
  background: #fa6c9f;
  background: linear-gradient(to right, #fa6c9f 0%, #ffe140 80%, #ffe140 100%);
}

 

/* fancy Button */
.fancy-button {
  display: inline-block;
  margin: 30px;
   
  font-size: 12px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: bold;
  position: relative;
}
.fancy-button:before {
  content: '';
  display: inline-block;
  height: 40px;
  position: absolute;
  bottom: -5px;
  left: 30px;
  right: 30px;
  z-index: -1;
  border-radius: 30em;
  -webkit-filter: blur(20px) brightness(0.95);
          filter: blur(20px) brightness(0.95);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: all 0.3s ease-out;
}
.fancy-button i {
  margin-top: -1px;
  margin-right: 20px;
  font-size: 1.265em;
  vertical-align: middle;
}
.fancy-button span {
  display: inline-block;
  padding: 18px 60px;
  border-radius: 50em;
  position: relative;
  z-index: 2;
  will-change: transform, filter;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: all 0.3s ease-out;
}
.fancy-button:focus, .fancy-button:active {
  color: #ffffff;
}
.fancy-button:hover {
  color: #ffffff;
}
.fancy-button:hover span {
  -webkit-filter: brightness(1.05) contrast(1.05);
          filter: brightness(1.05) contrast(1.05);
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
.fancy-button:hover:before {
  bottom: 0;
  -webkit-filter: blur(10px) brightness(0.95);
          filter: blur(10px) brightness(0.95);
}
.fancy-button.pop-onhover:before {
  opacity: 0;
  bottom: 10px;
}
.fancy-button.pop-onhover:hover:before {
  bottom: -7px;
  opacity: 1;
  -webkit-filter: blur(20px);
          filter: blur(20px);
}
.fancy-button.pop-onhover:hover span {
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
}
.fancy-button.pop-onhover:hover:active span {
  -webkit-filter: brightness(1) contrast(1);
          filter: brightness(1) contrast(1);
  -webkit-transform: scale(1);
          transform: scale(1);
  transition: all 0.15s ease-out;
}
.fancy-button.pop-onhover:hover:active:before {
  bottom: 0;
  -webkit-filter: blur(10px) brightness(0.95);
          filter: blur(10px) brightness(0.95);
  transition: all 0.2s ease-out;
}


header{
  background:url("../imagenes/bgshh.jpg") no-repeat center center fixed !important;
  background-size:cover !important;
  width:100% !important;
  min-height:100%;
  margin-top:0px;
}

.clrLogo{
  color:#00dcff;
}
header h1{
  color:white;
  margin-bottom:15px;
  letter-spacing:1px;
  margin-top:35%;
}

/*End navigation bg */

/*Not index page*/
.headerExt{

  background:url("../imagenes/bgshh.jpg") no-repeat center center fixed !important;
  background-size:cover !important;

  width:100% !important;
  min-height:500px;
  margin-top:0px;
 
}
header h1.other{
  color:white;
  margin-bottom:15px;
  letter-spacing:1px;
  margin-top:25%;
}
/*End !index*/

/*Shopping badge*/
.badge {
 font-size: .6em !important;
 font-family: arial !important;
    background-color: #0c99c3;
    color: #fff;
    width: 15px;
    height: 15px;
    padding-top: 2px;
    padding-left:5px;
    border-radius: 50%;
    top: 9px;
    left: calc(50% + 7px);
    position: absolute;
    display: inline-block;
}
/*End shopping badge */


/*TITLES */
.post-content-title{
  text-align: center !important;
  position: relative;
  top:50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}
.title-single-post{
  color: #FFF;
    font-size: 28px;
    font-weight: 300;
    line-height: 2;
    margin: 0 auto;
    padding-left:0px;
    text-transform:uppercase;
}

.title-post{
  color: #FFF;
    font-size: 28px;
    font-weight: 300;
    line-height: 1;
    margin: 0 auto;
    padding-left:0px;
    text-transform:uppercase;
}
/*SEPARADOR*/
.title-post:after {
    background: #23edfe;
    content: "";
    display: block;
    height: 2px;
    margin: 18px auto;
    position: relative;
    width: 10px;
  }

  /*END TITLES*/
/*E-COMMERCE NAVBAR STYLE*/

.navbar-nav>li {
    float: left;
     margin-top: 0 !important;  
}

 .tituloShop{
 
    /* color: #1c2938; */
    border: 1px solid #1c2938;
    /* border-right: 0; */
    /* border-left: 0; */
    padding: .5em;
    color: #1c2938;
    font-size: 16pt;
    width: 45%;
    margin: 0 auto;
    background: #1c2938;
    color: white !important;
 
 
 }

 #migas{
  background: #1c2938 !important;
  padding: 1em;
  width:100%;
  height:40px;
 }
 .space{
  height:50px;
 }
 .sub{
  color:white !important;
 }

/*END E-COMMERCE NAVBA*/
.pi{
  font-size:12pt !important;
color:#ccc;
}

.pi:hover{
color:#cb2027;

}

.tb{
  font-size:18pt !important;
color:#ccc;
}

.tb:hover{
color: #32506d;
}

/*FIX FLOAT ON MOBILE DEVICES */
@media (max-width: 768px) {
  /* establecemos que solo se aplicara para dispositivos móviles */
  .navbar .nav > li {
    float: none;
  }

  .navbar-nav li   {
    color: #000 !important;
    font-size: 9pt;
    font-weight: bold;
    background: white;
    border-bottom: 1px solid #d5d5d5;
}
.navbar-nav li a {
    color: #000 !important;

}
.navbar-nav li a.activeLink{
  color:#609cd3 !important;
}

.navbar-nav li a:hover {
    color:  #36cff9 !important;

}
}
/*End social net icons*/
a{
 color:#21aff4;

 }
 a:hover,a:focus{
	 color:#36cff9 !important
	 text-decoration:none;
}

/*XS SMALL IMG PROFILE NAVBAR*/
.img-xs {
    width: 20px;
    height: 20px;
}

.rounded-circle {
    border-radius: 50% !important;

}

.dropdown-menu li a{
  color:black !important;
} 


/*END XS SMALL IMG*/

.bord{
	border-top:none !important;
	border-bottom:2px solid orange;
	text-align:center;
	width:80%;
	margin-left:2em;

}

.txt{
	font-size:10pt;
	color:#4a4747;
  text-align:left;
}

.txtFeatures{
	font-size:11pt;
	color:#fff;
}
.txtFeaturesTitle{
	color:#fff;
	font-size:10pt;
	}
.txtFeaturesDesc{
	font-size:9pt;
	color:#fff;
}

hr{
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0;
}

.navbar-toggle{
	border:0;
	background:none !important;
	color:white;
}

 

.navbar-toggle:hover{
	background:none !important;
}
 

.first2{
	color:#fff;
	}

.subtitles{
color:#707070;
}
.subInfo{
color:#fff;
}

.features{
color:#fff;
}
 
 

.cabecera{
	background:url("../imagenes/cabecera.jpg") no-repeat top center fixed !important;
	background-size:cover !important;
	width:100% !important;
	min-height:900px;
	 
}
 


 /*Contacto form and presupuesto*/

 #presupuesto{
  background:transparent;
  width:100%;
      -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
}

.presupTit{
  color:#fff;
}

.form-control{
  border:0 !important;
 
}

.form-control1{
  border:1px solid red !important;
 
}
.formPresu{
   background:transparent;
  width:50%;
  color:#bbb !important;
  margin-left:25%;
  border-radius:0;
  border-bottom:1px solid #303c51 !important;
}

.fallos{
   background:transparent;
  width:50%;
  color:#bbb !important;
  margin-left:25%;
  border-radius:0;
  border-bottom:1px solid red !important;
}


.btnPresu{
  background:transparent !important;
  border-radius:0;
  box-shadow:none;
  border:0 !important;
  transition-duration:1s;
  color:gray;
  outline: none !important;

}
.btnPresu:hover{
    background: #229bf4 !important;
    color:white !important;
 
}

.deslizaPresu{
    color:white !important;
  /*Quitamos el borde del elemento*/
    outline:0 !important;
}
.deslizaPresu:hover{
 
  color:black !important;
  outline: none !important;

}

.deslizaPresu:active{
 
  color:black !important;
  outline: none !important;

}
 


.formularioPpal{
  display:none;
}
#respuesta{
  display:none;
}
#error{
  display:none;
}


/*Form subs*/
.formSubs{
  border:1px solid gray;
  width:50%;
  height:40px;
  padding-left:1em;

}


.contactus{
color:white !important;
}
#contacto{
background:url("../imagenes/footerino.jpg");
    width: 100%;
    height:   100% !important;
    height:auto !important;
    min-height:100% !important;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
 border-bottom:3px solid #43a8ba;
color:white !important;
 
    -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);

}

.centradoContacto{
  text-align:center;
  padding-top:80px;
  color:white;
}
.modalContact{
  border:2px solid white;
  padding:1em;
  margin-top:80px;
  transition:1s;
  cursor:pointer;
  color:white !important;

}

.modalContact:hover{
    border:2px solid black;
    color:black !important;
    background:white;
}

#acerca{width:100%;
        -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
 
    }
#contactoB{
background-color: #282f35;
width:100%;
height:auto !important;
min-height:100%;
height:100%;
color:white !important;
border-top:5px solid #e8b360;

}

.formContact{
    display: inline-block;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
    border: 1px solid red;
  border-radius:0;
    resize: none;
    color: #aaa;
    padding: 18px;
  color:white;
  font-size:8pt;
  
}

.formLogin{
    display: block;
    box-sizing: border-box;
    background-color: white;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
    border: 1px solid #ddd !important;
    border-radius:10;
    color: #aaa;
    padding: 8px;
    font-size:10pt;
}

.formSuscripcion{
    display: block;
    box-sizing: border-box;
    background-color: white;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
    border: 1px solid #ddd !important;
    border-radius:10;
    color: #aaa;
    padding: 8px;
    font-size:10pt;
    height:50px;
 
    margin:0 auto;
}
.btn{
width:100px !important;
height:34px !important;
}
.botonCarrito{
  background: transparent;
    border: 1px solid #2c2c2c;
    padding: .8em;
    color:#2c2c2c;
   transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}
.botonCarrito:hover{
  background: #2c2c2c;
    border: 1px solid #2c2c2c;
    padding: .8em;
    color:white;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
 
}
.btnCompras{
   padding: 1em;
   color: #fff;
   margin-left:20px;
   margin-bottom:20px;
    background-color: #5cb85c;
    border: 1px solid #4cae4c;
    outline: none;
}
.btnSeguir, .btnSeguir a, .btnSeguir:hover{
   padding: 1.1em;
   color: #fff !important;
    background: #00acac;
    border: 1px solid #00acac;
    outline: none;
    margin-left:10px;
    text-decoration: none !important

}
.btnMensaje{
     padding: .8em;
   color: #fff;
    background-color: #d3a215;
    border: 1px solid #d3a215;
    outline: none;
    display: none;
}
.btnMensajeExito{
     padding: .8em;
    color: #fff;
    background-color: #5cb85c;
    border: 1px solid #4cae4c;
    outline: none;
}

.btnTransicion, .btnTransicion:hover{
   padding: .8em;
   color: #fff !important;
    background-color: #5cb85c;
    border: 1px solid #4cae4c;
    outline: none;
    cursor: pointer !important;
    text-decoration: none !important;
}

.btnShop, .btnShop:hover{
   padding: 1.5em;
   color: #fff !important;
    background-color:  #14E27F;
    border: 1px solid #14E27F;
    outline: none;
    cursor: pointer !important;
    text-decoration: none !important;
    font-weight: bold;
    text-transform: uppercase;
       margin-left:40%;
}

.btnSM, .btnSM:hover{
   padding: 1.5em;
   color: #fff !important;
    background-color:  #14E27F !important;
    border: 1px solid #14E27F !important;
    outline: none !important;
    cursor: pointer !important;
    text-decoration: none !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
     margin-right:33% !important;
}

.btnCnt, .btnCnt:hover{
    padding: 1em;
    color: #fff !important;
    border-bottom: 3px solid #14E27F !important;
    outline: none;
    cursor: pointer !important;
    text-decoration: none !important;
    font-weight: bold;
    text-transform: uppercase;
    background: transparent;
    border: 0;
}

.btnM, .btM:hover{
    padding: 1em;
    color: #fff !important;
    border-bottom: 3px solid #14E27F !important;
    outline: none !important;
    cursor: pointer !important;
    text-decoration: none !important;
    font-weight: bold;
    text-transform: uppercase !important;
    background: transparent !important;
    border: 0px;
    margin-right:17% !important;
}

.msgNo{
   padding: 1.35em;
   color: #fff !important;
    background-color:  #14E27F;
    border: 1px solid #14E27F;
    outline: none;
    cursor: pointer !important;
    text-decoration: none !important;
    font-weight: bold;
    text-transform: uppercase;
    text-align:center;
}
/*FIX BUG MODAL BS 3*/
body.modal-open {
    overflow: auto;
}
body.modal-open[style] {
    padding-right: 0px !important;
}

.modal::-webkit-scrollbar {
    width: 0 !important; /*removes the scrollbar but still scrollable*/
    /* reference: http://stackoverflow.com/a/26500272/2259400 */
}

.noprods{
  background:#d14f4f;
  width:50%;
  padding:1em;
  color:white;
  text-align: center;
  margin:0 auto;
}

 .btnEliminarModal{

     
    font-weight: bold !important;
    text-transform: uppercase !important;
    padding:.5em !important;
    color: white !important;
 
}

.boton{
  border-radius:0;
    background-color: #2a455e !important;
    color: #fff;
  border:0 !important;
  border-bottom:3px solid #3776c5 !important;
    font-weight: bold;
  transition-duration:1s;
  }

.boton:hover{
 background-color:#3776c5 !important;

  }
.questions{
color:#ccc;
}

.direccion{
font-size:9pt;
}

.marca{
font-size:9pt;
}

.centrado{
  margin:40px 0;
  text-align:center;
}

 
.iconos{
  color:#ccc;
  border:1px solid #3b3838;
  border-radius:100%;
  padding:2em;
}
}
/*Fin form contacto ppal*/



#contactoB{
background-color: #282f35;
width:100%;
height:auto !important;
min-height:100%;
height:100%;
color:white !important;
border-top:5px solid #e8b360;

}

.formContact{
    display: inline-block;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
    border: 1px solid red;
	border-radius:0;
    resize: none;
    color: #aaa;
    padding: 18px;
	color:white;
	font-size:8pt;
	
}

.formLogin{
    display: block;
    box-sizing: border-box;
    background-color: white;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
    border: 1px solid #ddd;
	border-radius:10;
    resize: none;
    color: #aaa;
    padding: 18px;
	font-size:10pt;
}

.boton{
	border-radius:0;
    background-color: #2a455e !important;
    color: #fff;
	border:0 !important;
	border-bottom:3px solid #3776c5 !important;
    font-weight: bold;
	transition-duration:1s;
	}

.boton:hover{
 background-color:#3776c5 !important;

	}
.questions{
color:#ccc;
}

.direccion{
font-size:9pt;
}

.marca{
font-size:9pt;
}

.centrado{
	margin:40px 0;
	text-align:center;
}

 
.iconos{
	color:#ccc;
	border:1px solid #3b3838;
	border-radius:100%;
	padding:2em;
}
 

.logo{
margin-top:50px;
}

.logo-principal{
margin-top:12em;
font-size:12pt;
font-weight:bold;
}
 

 

/*MENU SOCIAL BAR */

.social {
 	cursor:pointer;
	position: fixed !important; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	left: 0; /* Establecemos la barra en la izquierda */
	top: 250px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 9000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}

	.social ul {
	 	padding-left:0;
		list-style: none;
	}

 

	.social ul li a {
		
		display: inline-block;
		background-color:rgba(0,0,0,.3);
		color:white;
		padding: 10px 10px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
	}

	 
	 

	.social ul li a:hover {
	  
		background-color:black;
		padding: 10px 13px;
	}

.expande{
 list-style:none; 
 margin:0 auto; 
 padding:0;
 }

.expande li{
 display:inline-block;
 padding:5px;
 border:solid #666 0;
 cursor: pointer;
 }


#menu{
	cursor:pointer;
	position:fixed !important;
	color:white !important; 
	z-index: 9999;
	top:12px;
	left:10px;
}

.bordes{border:1px solid black;}

#thumb{
	background-color:rgba(255,255,255,.1);
	border:1px solid rgba(0,0,0,.4);
	margin-top: 60px;
	margin-left:10px;
	width:290px; 
	height:285px; 
	color:#000; 
 	z-index:9999;
 	overflow:hidden;
 	position:fixed !important; 
 	display:none;
}

.btn{
	height:50px;
	width:200px;
/*	border:1px solid #ff6922;*/
	background-color:#ff6922;
	
}
.btn:hover{
	height:50px;
	width:200px;
	border:1px solid #ff6900;
	background-color:#ff6900;
}

.btn btn-social{
background:red !important;
}


/*end menu social bar*/ 
@media only screen and (max-width:768px){
 	


	header h1{
	 font-size:28px;
   margin-top:75% !important;
 
	}
  header h1.other{
  color:white;
  margin-bottom:15px;
  letter-spacing:1px;
  margin-top:25% !important;
}
	.logo-principal{
		color:#fff;
	}

  .usuario_perfil{
    display: none;
  }
 
 
 
}

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

.intro .carousel-caption-left h1 {
font-size: 1.5em;
}

.intro .carousel-caption-left {
top: 25%;
}

}

.modal-header .close {
    margin-top: -34px !important;
}

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

.socialTop{
display: none !important;
}
}
@media only screen and (min-width: 768px) {
.snM{
  display: none !important;
}
.lang{
  display: none !important;
}

}