body {
    margin-top: 50px; /* Required margin for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    height: 100%;
    /*background-color: rgba(244, 244, 244, 0.92);*/
    background-color: rgb(0, 0, 0);


    /*border-radius: 20px;box-shadow: inset 0 0 7px 7px rgba(218, 218, 218, 0.77);*/
}
/*popup*/
.imgPopup{
  width: 630px;
  height: 450px;
}
.textPopup{
  color: rgb(198, 70, 231) !important;
}
/*finpopup*/
p,h4,h2{
  color: rgb(255, 255, 255);
}
.MensajeScriptNavegador{
  
    color: rgb(241, 28, 28);

}
.navbar{
    background-color:#222 !important;
    /*text-transform: uppercase;*/
    /*font-weight: 700;*/
}
.fondoinicio{
    text-align: center;
    background: url('Cosmos_TattooFondo.jpg')no-repeat center center scroll;
    padding: 70px 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: 350px; logo grande completo
}
@media(max-width : 425px) {
  .fondoinicio{
      /*text-align: center;*/
      background: url('img/img10.jpg')no-repeat center center scroll;

      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: cover;
      -o-background-size: cover;

      width:100%;
      max-width: 420px;


  }
}
@media(max-width : 736px) {
  .fondoinicio{
      /*text-align: center;*/
      background: url('img/img10.jpg')no-repeat center center scroll;

      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: cover;
      -o-background-size: cover;

      width:100%;
      max-width: 820px;


  }
}

/*@media only screen and (min-width : 320px) and (max-width : 480px) {
	background: url('Cosmos_TattooFondo.jpg') no-repeat center center fixed;
}*/


.tagline{
  color: #fff;
}



.tituloEmpresa{
  /*font-family: 'Days One', sans-serif;*/
  /*font-family: 'Gloria Hallelujah', cursive;*/
  /*font-family: 'Kaushan Script', cursive;*/
  /*font-family: 'Cookie', cursive;*/
  /*font-family: 'Yellowtail', cursive;*/
  font-family: 'Gurajada', serif;

  font-size: 43px;
  color: rgb(245, 245, 245) !important;

}
.nombreMenu{
font-family: 'Gurajada', serif;
/*font-family: 'Eagle Lake', cursive;*/
  font-size: 26px;
  color: rgb(245, 245, 245) !important;

}
.nombreMenu:focus,.nombreMenu:hover{
  color: rgb(183, 125, 252) !important;
 background-color: rgb(0, 0, 0) !important;
 text-decoration: none;*/
 color: #1AAE88;
 font-weight: 400;
 border-left: 2px groove #1AAE88;
 border-right: 2px groove #1AAE88;

}
.efectoHoverMenu{
  background-color: #222;/*color original*/
}
.submenu{
  font-family: 'Gurajada', serif;
  font-size: 26px;
  color: rgb(8, 186, 106) !important;
}
.submenu:hover{
  background-color: rgb(0, 0, 0) !important;
}
.pruebaMenu{
  font-family: 'Gurajada', serif;
  font-size: 26px;
  color: rgb(247, 247, 247)!important;
}
.pruebaMenu:hover{
  color:  rgb(0, 0, 0) !important;
}

a{
    color:  rgb(247, 247, 247);
}
a:focus, a:hover{

    text-decoration: none;

  color:rgb(183, 125, 252);

}

/*fin header*/

/*servicios*/
.textoServicios{
  font-family: 'Kadwa', serif;
  font-size: 16px;
}
.servicios{
  padding: 10px;

}
.servicios{
  padding: 40px 0 40px;
  text-align: center;
}
.servicios h2{
  color: rgb(255, 255, 255);
  margin: 7px 0 20px;
}
/*.tituloServStyle{
  color: rgb(255, 255, 255);
  margin: 5px 0 45px;
  text-shadow: 1px 4px 5px rgb(205, 205, 205);
  font-family: 'Gurajada', serif;
  font-size: 50px;
  /*font-size: 20px;
}*/
.tituloServStyleSinSombra {
  color: rgb(255, 255, 255);
  margin: 5px 0 45px;

  font-family: 'Gurajada', serif;
  font-size: 50px;
}


@media(max-width:768px){
  .servicios {
    padding: 20px;

  }
  .servicios h2{
    color: rgb(255, 255, 255);
    margin: 20px;
  }
  .servicios p{
    margin-bottom: 50px;
  }
}

@media(min-width:667px){/*horizontal movil*/
  .imgserv{
    width: 330px;
    height: 250px;

  }
  .servicios h2{
    font-size: 23px;
  }
  .servicios p{
    font-size: 15px;
  }


}
@media(min-width:320px){/*vertical movil ihpone5*/
  .imgserv{
    width: 330px;
    height: 250px;

  }
  .servicios h2{
    font-size: 20px;
  }
  .servicios h1{
    font-size: 40px;
  }
  .servicios p{
    font-size: 14px;
  }
  /*popup*/
  .imgPopup{
    width: 430px;
    height: 250px;
  }
  .textPopup{
    color: rgb(8, 8, 7);
    font-size: 14px;

  }/*popup*/



}
/*fin servicios*/

/*slider*/

.Slider{
  margin: auto;
  width: 700px;
  height: auto;

}

@media(max-width:768px){
  .Slider{
    width: 350px;
    /*height: auto;*/
    /*margin: auto;*/

  }

}
.SliderAcerca{
  margin: auto;
  width: 500px;
  height: auto;

}
@media(min-width:320px){/*movil iphone5 vertical slider*/
  .SliderAcerca{
    width: 300px;
    /*height: auto;*/
    /*margin: auto;*/

  }

}
@media(min-width:1295px){/*movil iphone5 vertical slider*/
  .SliderAcerca{
    width: 500px;
    /*height: auto;*/
    /*margin: auto;*/

  }

}
/*finslider*/

/*acercaD*/
.acerca{
  padding-top: 20px;
  margin-top: 40px;
}
.acercaInfo{
  margin-top: 100px;
}

.tituloServStyleAcerca{
  margin: 5px 0 45px;
  color: rgb(255, 255, 255);
  font-size: 50px;

  font-family: 'Gurajada', serif;
}

@media(max-width:768px){
  .acercaInfo{
    margin-top:0px;
  }
  .acerca{
    padding:30px;

  }
  .tituloServStyleAcerca{
    margin: 5px 0 10px;
    color: rgb(255, 255, 255);


    font-family: 'Gurajada', serif;
  }

}



@media(min-width:667px){/*horizontal movil*/
  .acercaD p{
    font-size: 15px;
  }
  .acercaD h1{
    font-size: 48px;
  }
  .acercaD h2{
    font-size: 27px;
  }


}
@media(min-width:320px){/*vertical movil ihpone5*/
  .imgserv{
    width: 330px;
    height: 250px;

  }
  .acercaD h2{
    font-size: 20px;
  }
  .acercaD h1{
    font-size: 40px;
  }
  .acercaD p{
    font-size: 14px;
  }


}
/*finacerca d*/
/*contacto*/
.contacto{
  padding: 50px 0 80px;
  text-align: center;
  background-color: #222;
}
.contacto p{
  color: rgb(232, 232, 232);
  padding-bottom: 70px;
}
.tituloContacto{
  margin:20px 0 20px;
  color: rgb(252, 252, 252);

}
.contacto .input-group{/*separacion inferior de los campos del formulario*/
  margin-bottom: 20px;
}
.contacto .input-group-addon{
  border-radius: 0 !important;
}
.contacto .form-control{
  border-radius: 0 !important;
}
.contacto .btn{
  border-radius: 0;
  width: 100%;/*anchura del boton*/
  font-size: 15px;/*modifica la letra del boton y el boton en general*/
  background-color: #f08080;
  color: #fff;
}
.contacto .btn:hover{
  background-color: #a85959;
  color: #fff !important;
}
.titlefont{
  font-size: 18px;
}

/*fincontacto*/

/*mapa*/
/*.gmap iframe{

  width: 1490px;
  height: 366.2px;
}*/
@media(max-width:400px){/*vertical movil*/
  .gmap iframe {
    width: 330px;
    height: 350px;

  }

}
@media(min-width:412px){/*vertical movil nexus5x*/
  .gmap iframe {
    width: 330px;
    height: 350px;

  }

}
@media(min-width:320px){/*vertical movil iphone5*/
  .gmap iframe {
    width: 300px;
    height: 350px;

  }

}
@media(min-width:568px){/*horizontal movil iphone5*/
  .gmap iframe {
    width: 540px;
    height: 350px;

  }

}
@media(min-width:375px){/*vertical movil iphone6*/
  .gmap iframe {
    width: 345px;
    height: 350px;

  }

}


@media(min-width:667px){/*horizontal movil*/
  .gmap iframe {
    width: 630px;
    height: 250px;

  }

}
@media(min-width:640px){/*horizontal movil galaxy s5*/
  .gmap iframe {
    width: 630px;
    height: 250px;

  }

}

@media(min-width:1295px){/*monitor portatil*/
  .gmap iframe {
    width: 1490px;
    height: 366.2px;

  }

}


/*finMapa*/

/*info contact*/
.bloqueContact h4{
  text-align: center;
}
.bloqueContact p{
  text-align: center;

}
.bloqueContact .infoContact{

    margin-top: 10px;

    font-size: 40px;
    padding: 15px;

}

@media(max-width:768px){
  .bloqueContact p {
    font-size: 12px;


  }
  .bloqueContact h4 {
    font-size: 15px;

  }


}
/*fin info contact*/
/*mapa*/

/*fin mapa*/
/*footer
.wrapper {
            display: table;
            height: 100%;
            width: 100%;

        }
        .content {
            display: table-row;  /* height is dynamic, and will expand... */
            /*height: 100%;        /* ...as content is added (won't scroll) */
            /*background: turquoise;

        }
        .footer {
            display: table-row;
            background-color: rgb(28, 151, 230);

            text-align: center;

        }


      /*  .footer span.copyright {
            text-transform: uppercase;
            text-transform: none;
            font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
            font-family: 'Rock Salt', cursive;
            font-family: 'Waiting for the Sunrise', cursive;
            font-family: 'Barrio', cursive;
            font-family: 'Seaweed Script', cursive;
            line-height: 50px;
            color: rgb(255, 255, 255);
            font-size: 18px;
        }

        .footer .letrasFooter {
            margin-bottom: 0;
            text-transform: uppercase;
            text-transform: none;
            font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
            line-height: 50px;
        }
        .colorletrasFooter{
          color: rgb(255, 255, 255);
        }

        a{
          color: rgb(17, 18, 18);
        }


        ul.social-buttons {
            margin-bottom: 0;
        }

        ul.social-buttons li a {
            display: block;
            width: 50px;
            height: 50px;
            border-radius: 100%;
            font-size: 20px;
            line-height: 50px;
            outline: 0;
            color: #fff;
            background-color: #222;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            transition: all .3s;
            margin-top: 5px;

        }

        ul.social-buttons li a:hover,
        ul.social-buttons li a:focus,
        ul.social-buttons li a:active {
            background-color: #76B900;
        }*/
/*fin footer*/
/*nosotros*/
.fondoNosotros {
	background: url('img/nos.jpg') no-repeat center center scroll;
  padding: 200px 0;
  text-align: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.tituloServ{
  margin: 0px;
}
.nos{
  margin-top: 40px;
}
/*fin nosotros*/

/*servicios*/
.fondoAereo {
	background: url('img/sa.jpg') no-repeat center center scroll;
  padding: 200px 0;
  text-align: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.fondoProyecto {
	background: url('img/ingenieria.jpg') no-repeat center center scroll;
  padding: 200px 0;
  text-align: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.fondoAutomocion {
	background: url('img/fa.jpg') no-repeat center center scroll;
  padding: 200px 0;
  text-align: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
/*fin servicios*/
/*galeria*/
.galeria{
  /*height: 600px;*/
  width: 100%;
  padding: 5px 0 5px;
  margin-top: 50px;
}
.galeria img{
  height: 200px;
  width: 400px;
  /*margin: 70px 0 0 40px;*/
}
.galeria .tituloTatto{
  text-align: center;
  margin-bottom: 55px;
  margin-top:-10px;
  font-family: 'Gurajada', serif;
  color: rgb(255, 255, 255);
  margin: 5px 0 45px;

  font-size: 45px;
}

/*fin galeria*/

/*footer*/
.footer{
  color: #ccc;
  background-color: #222;
  padding: 30px
}
.footer .social{
  height: 80px;
  width: 80px;
  font-size: 60px;
  text-align:center;
  padding: 10px;
  border: 1px solid #cccccc;/*muestra la altura y anchura de social*/
  margin-bottom: 10px;
  margin-right: 5px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}
@media(max-width:768px){
  .footer .social {
    height: 40px;
    width: 40px;
    font-size: 30px;
    text-align:center;
    padding: 5px;
    border: 1px solid #cccccc;/*muestra la altura y anchura de social*/
    margin-bottom: 10px;
    margin-right: 5px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;

  }

}
.footer .social:hover{
  background-color:  rgb(0, 0, 0);
}
.icono{
color: rgb(233, 233, 233);
font-size: 17px;
}

.tituloFooter{
  font-family: 'Days One', sans-serif;
/*font-family: 'Kaushan Script', cursive;*/
  font-size: 18px;
  color: rgb(233, 233, 233);

}
.footer span.copyright {
      text-transform: uppercase;
      text-transform: none;
      font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
      font-family: 'Rock Salt', cursive;
      font-family: 'Waiting for the Sunrise', cursive;
      font-family: 'Barrio', cursive;
      font-family: 'Seaweed Script', cursive;
      line-height: 50px;
      color: rgb(255, 255, 255);
      font-size: 20px;
  }

.footer input{
  height: 40px;
  width: 160px;
  padding: 5px;
  border: none;
  background-color: #cccccc;
  color: #000;
}
.footer .btn{
  padding: 10px 5px 10px;
  margin: -3px 0 0 5px;


}
/*fin footer*/