/*****************************************************************************************************
											HOME
******************************************************************************************************/
.fondo{
	  background-image: url('../img/home-fondo.png');
  	background-repeat: no-repeat;
  	background-size: cover;
  	height: 100vh;
  	z-index: 0;
  	margin-left: 0px;
}

.navegacion{
	margin-bottom: 20px;
	position: relative;
  top: 60px;
}

.nav-iconos{
	margin-right: 10px;
}

.nav-icono-servicio{
	margin-right: 24px;
}

.nav-icono-contacto{
	margin-right: 22px;
}

.nav-home{
	top: 30px;
  	position: relative;
}

.nav-home span a{
	color: rgb(0, 173, 238);
  	font-size: 44px;
  	position: relative;
  	top: 15px;
}

.navegacion span a{
	color: white;
}

.nav-home span a:hover, .navegacion span a:hover{
	text-decoration: none;
}

.img-logo{
	margin: 0 auto;
}

.row{
	margin-left: 0px;
	margin-right: 0px;
}

/*****************************************************************************************************
											NOSOTROS
******************************************************************************************************/
.fondo-nosotros{
	background-image: url('../img/nosotros-fondo.png');
  	background-repeat: no-repeat;
  	background-size: cover;
  	  height: 100vh;
    z-index: 0;
  	margin-left: 0px;
}

.linea-vertical{
    border-right: 2px solid white;
    height: 286px;
    position: relative;
    top: -23px;
}

.nav-nosotros{
	  top: 30px;
  	position: relative;
}

.nav-nosotros span a{
	color: rgb(0, 173, 238);
  	font-size: 44px;
  	position: relative;
  	top: 15px;
}

.nav-nosotros span a:hover{
  text-decoration: none;
}

.linea{
	border-bottom: 1px solid white;
}

.linea-horizontal{
  border-bottom: 2px solid white;
}

#columna{
	overflow: hidden;
	position: relative;
}

.nosotros-columna{
	height: 352px;
}

.nosotros-texto{
	color: white;
	position: relative;
  top: 52px;
}

#idLineaHorizontal, #contNosotros{
  overflow: hidden;
  position: relative;
}

#idLineaHorizontal{
    top: 25px;
    right: 31px;

}

.linea-decoracion{
  margin-top: 25px;
  margin-bottom: 20px;
  border: 0;
  border-top: 2px solid #eeeeee;
  margin-left: 70%;
  width: 29.5%;
}

/*****************************************************************************************************
											SERVICIOS
******************************************************************************************************/
.fondo-servicios{
	background-image: url('../img/fondo-servicios.png');
  	background-repeat: no-repeat;
    height: 100vh;
  	background-size: cover;
  	z-index: 0;
  	margin-left: 0px;
}

.texto-servicios, .texto-servicios-serigrafia{
  color: white;
  text-align: justify;
  font-size: 16px;
}

.texto-servicios-serigrafia{
  margin-left: 30px;
}

.img-servicios{
    position: relative;
    top: 170px;
}

.img-servicios-margen{
  position: relative;
  margin-right: 20px;
}

.fondo-otros{
      height: auto; !important;
      background-size: cover;
}

.linea-decoracion-servicios{
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 2px solid #eeeeee;
  margin-left: 84%;
  width: 46px;     
}

.linea-vertical-servicios{
    height: 220px;
    border-right: 2px solid white;    
    position: relative;
    top: -23px; 
}

.linea-verticalservicios{
    border-right: 2px solid white;
    height: 230px;
    position: relative;
    top: -23px;
}

.linea-horizonal-servicios{
  border-bottom: 2px solid white;
  color: white;
  top: -46px;
  position: relative;
  left: -18px;
}

.titulo-servicios{
  color: white;
}

.img-serigrafia{
  /*height: 124px !important;*/
}
/*****************************************************************************************************
											CONTACTO
******************************************************************************************************/
.fondo-contacto{
	background-image: url('../img/fondo-contacto.png');
  	background-repeat: no-repeat;
  	background-size: cover;
  	height: 100vh;
  	z-index: 0;
  	margin-left: 0px;
}

.linea-decoracion-contacto{
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 2px solid #eeeeee;
  margin-left: 84%;
  width: 46px;    
}

.linea-decoracioncontacto{
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 2px solid #eeeeee;
  margin-left: 70%;
  width: 29.5%;
}

.linea-vertical-contacto{
  border-right: 2px solid white;
  height: 385px;
  position: relative;
  top: -23px;
}

.cotizacion {
  color: white;
  position: relative;
  top: 72px;
  overflow: hidden;
  left: -47px;
}


 .datos-contacto p{
  color: white;
  text-align: end;
  position: relative;
 }

 .datos-contacto{
    margin-top: 136px;
 }

 .direccion-contacto{
    /*top: 120px;*/
    position: relative;
    margin-top: 25px;
 }

.direccion-contacto div, .direccion-contacto div a{
  color: white;
}

.direccion-contacto div a:hover{
  text-decoration: none;
}

#idDireccionContacto{
  overflow: hidden;
}

.linea-vertical-contacto{
    height: 390px;
    border-right: 2px solid white;    
    position: relative;
    top: -23px;
}

.linea-horizonal-contacto{
  border-bottom: 2px solid white;
  color: white;
  top: -46px;
  position: relative;
  left: -18px;

}

.idLineaContacto{
  overflow: hidden;
}

.input-datos{ 
    color: white;
    outline: 0;
    border: none;
    background: rgb(22, 22, 49);
    border-bottom: 2px solid white;
}

/*****************************************************************************************************
                                              ESTILOS RESPOSIVO MAX 360PX
******************************************************************************************************/

@media (max-width: 350px){
  /*****************************************************home************************/
  .nav-home{
      text-align: center;
  }

  .navegacion{
      position: relative;
      top: 75px;
      text-align: center;
  }

  .img-logo{
      top: 85px;
      position: relative;
  }

  /**************************Nosotros****************************************************************/
  .fondo-nosotros{
    height: auto;

  }

  .nav-nosotros{
    top: 15px;
  }

  .nav-nosotros span a{
      top: 13px;
      font-size: 25px;
  }

  .nosotros-columna{
    height: auto;
  }

  .nosotros-texto{
    top: 0px;
    text-align: justify;
  }

  .linea-vertical{
    height: auto;
    /*border-right: none;*/
      /*height: 53vw;*/
  }

  .linea-decoracion{
    /*display: none;*/
  }

  .navegacion-nosotros{
      text-align: center !important; 
      top: 8px !important;
  }

  .linea-vertical-350{
    border-top: 2px solid white;
    top: 10%;
    position: relative;
  }

  /***********************************************Servicios*************************/  
  .fondo-servicios{
    height: auto;
  }

  .navegacion-servicios{
      top: 35px !important;
  }

  .img-servicios{
    top:0px;
    text-align: justify;
  }

  .linea-decoracion-servicios{
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 62%;
    width: 38%;
  }

  .img-servicios-margen{
    margin-right: 0px;    
  }

  .img-serigrafia{
    max-width: 48%;
  }

  .img-plotteo{
    max-width: 42%;
  }

  .linea-horizonal-servicios{
      top: -416px;
      left: -16px;
  }

  #contLineaVServicios{
    overflow: hidden;
  }

  #idLineaContacto{
    display: none;
  }

  /**************************************contacto******************************/
  .fondo-contacto{
    height: auto;
  }

  .cotizacion{
    top: 0px;
  }

  .linea-vertical-contacto{
    height: 201px;
  }

  .datos-contacto{
    margin-top: 0px;
    text-align: center;
  }

  .datos-contacto p{
    text-align:  center;
  }

  .linea-horizonal-contacto{
    display: none;
  }

  .linea-decoracion-contacto{
      margin-top: 0px;
      margin-bottom: 20px;      
      border-top: 2px solid #eeeeee;
      margin-left: 64%;
      width: 35%; 
  }

  .navegacion-contacto{
    top: 25px !important;
  }

  .linea-vertical-contacto-350{
      border-top: 2px solid white;
      top: 20%;
      position: relative;
  }

  .cotizacion{
    display: none;
  }

 .cotizacion-350{
    display: block !important;
    color: white;
    top: -16px;
    position: relative;
    left: 19%;
  }

  .direccion-contacto{
    text-align: center;
  }
}

@media (min-width: 351px) and (max-width: 451px){
  /************************************HOME*******************************************************/
  .navegacion{
    text-align: center;
  }

  .nav-home{
    top: 0px;
    text-align: center;
    margin-bottom: 10px;
  }

  .nav-nosotros{
    text-align: center;
  }

  .img-logo{
    top: 10%;
    position: relative;
  }

  /************************************Nosotros*******************************************************/
  .fondo-nosotros{
    /*height: 100vh;*/

  }

  .navegacion{
    top: 15px;
  }

  .nav-nosotros, .nosotros-texto{
    top: 0px;
  }

  .nosotros-columna{
    height: auto;
  }

  .linea-decoracion {
    margin-top: 0px;
    border-top: 2px solid #eeeeee;
    margin-left: 89%;
    width: 10%;
  }

  .linea-vertical {
    height: 26vh;    
  }

  .linea-vertical-350{
      border: 1px solid white;
      top: 5%;
      position: relative;
  }

  .nosotros-texto{
    text-align: justify;
  }

  /***/
  /************************************Contacto*******************************************************/
  .fondo-contacto{
    height: auto;
  }

  .navegacion-contacto{
    top: 0px !important;
  }

  .linea-vertical-contacto{
    height: auto;
  }

  .datos-contacto p, .direccion-contacto, .datos-contacto{
    text-align: center;
  }

  .datos-contacto{
    margin-top: 0px;
  }

  #idLineaContacto{
    display: none;
  }

  .cotizacion{
    display: none;
  }

  .cotizacion-350{
    color: white;
  }

  .linea-vertical-contacto{
    /*top: -60px;*/
  }

  /************************************Servicios*******************************************************/
  .fondo-servicios{
    height: auto;
  }

  .img-servicios{
      top: 0px;
  }

  .linea-decoracion-servicios{
    margin-top: 0px;
    width: 16%;
  }

  .servicios-columna{
    text-align: justify;
  }

  .linea-verticalservicios{
      height: 183px;
  }

  .img-servicios-margen{
    margin-bottom: 10px;
  }


}

@media (min-width: 452px) and (max-width: 767px){
  /************************************HOME*******************************************************/  
  .navegacion-home{
    top: 60px !important;
  }
  .nav-home{
    text-align: center;
  }

  .navegacion{
    text-align: center;
  }

  .img-logo{
      margin-top: 15%;
  }
  /************************************NOSOTROS*******************************************************/  
  .nav-nosotros{
    top: 30px;
    text-align: center;
  }

  .navegacion-nosotros{
    top: 30px;
  }

  .nosotros-texto{
    top: 0px;
  }

  .linea-vertical{
    height: 235px;
  }

  .linea-horizontal{
    display: none;
  }
  /************************************CONTACTO*******************************************************/ 
  .fondo-contacto{
    height: auto;
  }

  .linea-vertical-350{
    border: 1px solid white;
    top: 25%;
    position: relative;
  }

  .datos-contacto{
    margin-top: 0px;
  } 

  .linea-vertical-contacto{
    height: 230px;
  }

  .cotizacion-350{    
      top: 10px;
      color: white;
      position: relative;
  }

  .navegacion{
    top: 30px;
  }

  .cotizacion{
    display: none;
  }

  .datos-contacto p{
    text-align: -webkit-auto !important;
  }

  .direccion-contacto div{
    text-align: -webkit-right;
  }
  .linea-horizonal-contacto{
    display: none;
  }

  .linea-decoracion{
    margin-top: 0px;
  }
  
  .direccion-contacto {
    text-align: -webkit-right;
  }
  /************************************SERVICIOS*******************************************************/  
  .fondo-servicios{
    /*height: auto;*/
    /*height: 100vh;*/
  }

  .fondo-servicios-responsivo{
      background-image: url('../img/fondo-servicios.png');
      background-repeat: no-repeat;
      height: inherit;
      background-size: cover;
      z-index: 0;
      margin-left: 0px;
  }

  .img-servicios{
    top: 0px;
    margin-left: 6%;
  }

  .img-servicios-margen{
    margin-right: 0px;
    /*top: 240px !important;*/
  }

  .nosotros-columna{
    height: auto;
  }

  .linea-horizonal-servicios{
    display: none;
  }
  
  .img-servicios-margen{
    margin-right: 0px !important;
  }

}

@media (min-width: 768px) and (max-width: 992px){
  .cotizacion-350{
    display: none;
  }

  /*****************************************nosotros************************************************************/
  #idLineaHorizontal{
    top: 15px;
  }

  .nav-nosotros span a{
    font-size: 22px;
  }

  .nosotros-texto{
    text-align: justify;
    top: 80px;
  }

  .nosotros-columna {
  height: 416px;
  }

  .linea-vertical{
    height: 352px;
  }

  .linea-decoracion{
      margin-top: 30px;
      margin-left: 70%;
      width: 29.5%;
  }

  .navegacion{
    margin-left: 15%;
  }

  /*****************************************servicios************************************************************/
  .img-servicios-margen{
    margin-right: 0px;
  }

  .servicios-columna {
    height: 372px;
  }  

  /*****************************************contacto*******************************************/
  .cotizacion {
  top: 64px;
  left: -7px;
  }

  .linea-decoracioncontacto {
    /*margin-left: 99%;    */
  }

  .nav-nosotros a img{
      max-width: 40%;
  }

  .direccion-contacto{
    margin-top: 5px;
  }

}

@media(min-width: 992px) and (max-width: 1199px){

  .cotizacion-350{
    display: none;
  }

  /**********************************Nosotros********************************************/
  .nav-nosotros span a {
    font-size: 28px;
  }

  .linea-verticaln{
    height: 300px;
  }


  /************************************contacto********************************************/
  .cotizacion {
    left: -32px;
  }

  .direccion-contacto {   
    left: 25%;
    margin-top: 10px;
  }

  .linea-horizonal-contacto {
    width: 65%;
  }

/*****************************servicios*****************************************************/
  .img-servicios-margen {
    position: relative;  
    margin-right: 0px;
  }
}

@media(min-width: 1200px){
  
  .cotizacion{
    left: -45px;
  }

  .cotizacion-350{
    display: none !important;
  }

}