html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body{
font-size: 16px;
font-family: 'ubuntu', monospace;
position: relative;
background: white;

}
header {
height: 60px;
width: 100%;
position: relative;
background: transparent;
z-index: 100;
}
header h1{
display: none;
}
header nav .ioMenuMovil{
line-height: 40px;
height: 45px; 
margin: 0px 0px 0px 3px;
cursor: pointer;
width: 120px;
padding-top: 5px;
z-index: 100;
}
header nav #hideMenu img{
margin-top: 40px;
height:70px; 
width: 70px;
}
header nav #card_menu{
position: relative;
height: 100%;
width: 230px;
background:-webkit-linear-gradient(top, rgba(23,23,23,1) 0%, rgba(0,0,0,0.5) 100%);
top: -50px;
left: 0px;
border-right: 3px solid #AFAEAE;
display: none;
z-index: 100;
padding-bottom: 0px;/*20px*/
}

header nav .ioMenuMovil img{
		position: relative;
		top:-25px;
		height: 250%;

		
}

header nav #card_menu #logo_menu{
	height: 200px;
	margin: 30px 0px;
	width: 80%;
	margin-left: 10%;
	text-align: center;
	margin-bottom: 40px;
	opacity: 1;
}
header nav #card_menu #logo_menu img{
	width: 100%;
}

header nav #card_menu ul{
	margin-top: 30px;
}
header nav #card_menu ul li{
	list-style: none;
	font-size: 1.5em;
	line-height: 37px;
}
header nav #card_menu ul li a{
	text-decoration: none;
	color:#E1E1E1;/*rgb(108,181,244)*/
	font-family:'Quicksand'; 
	font-weight:bold;
}

header nav #card_menu ul li:hover{
	border-bottom:2px solid #1A4C85;
}


p{
	margin: 3px 0px 0px 3px;
	text-align: left;
	color: white;
	font-family: 'Quicksand'; 
} 

img{
	border-radius:4px;
	
}

h3{
	text-align: center;
}


#slider{
width: 100%;
position: relative;

}

#slider .slide{
position: absolute;
width: 100%;
top:0px;
left: 0px;

}

#slider #Inicio #slideconta{
position:fixed;
top:0px;
left:50%;
margin-left:-40%;
width:80%;
background:transparent;

} 


#slider #Inicio #slideboxer{
    -moz-animation:autoSlider 15s infinite linear;
    -o-animation:autoSlider 15s infinite linear;
    -webkit-animation:autoSlider 15s infinite linear;
    animation:autoSlider 15s infinite linear;
    -webkit-transition:all 15s ease;
    -moz-transition:all 15s ease;
    -ms-transition:all 15s ease;
    -o-transition:all 15s ease;
    transition:all 15s ease;
    position: relative;
    width:300%;
    margin-left:-300%;
    }

#slider #Inicio #slideconta{
margin:0 auto;
overflow:hidden;
text-align:left;
width:100%;
margin-left:-50%;
}


.element-red{
width:100%;
}

.element-red img{ 
width: 60vh;
} 

.tituloini{
position: relative;
color: white;
z-index: 10;
margin: 0 auto;
width:80%; 
margin-top: 40px;
}

.tituloini h1{
text-align: center;
font-family:'Quicksand'; 
font-size: 2em;
text-shadow: 1px 1px 1px #000000;
text-transform: uppercase;
}
/*url("img/sol.jpg") no-repeat}*/
/*.element-green{background:url("img/sol.jpg") no-repeat}*/
/*.element-red{background-image:url('img/sol.jpg')no-repeat}*/

.element-red #imagen-cel{
z-index: 1;
}

.element-red #imagen-pc{
z-index: -1;
}

.element-red #imagen-cel-1{
z-index: 1;
}

.element-red #imagen-pc-1{
	z-index: -1;
}

.element-red #imagen-cel-2{
z-index: 1;
}

.element-red #imagen-pc-2{
	z-index: -1;
}

.slider-element{
float:left;
width:33.33%}


@-moz-keyframes autoSlider {
    0% {
        margin-left: 0;
    }

    30% {
        margin-left: 0;
    }

    35% {
        margin-left: -100%;
    }

    65% {
        margin-left: -100%;
    }

    70% {
        margin-left: -200%;
    }

    95% {
        margin-left: -200%;
    }

    100% {
        margin-left: 0;
    }
}@-webkit-keyframes autoSlider {
    0% {
        margin-left: 0;
    }

    30% {
        margin-left: 0;
    }

    35% {
        margin-left: -100%;
    }

    65% {
        margin-left: -100%;
    }

    70% {
        margin-left: -200%;
    }

    95% {
        margin-left: -200%;
    }

    100% {
        margin-left: 0;
    }
}@keyframes autoSlider {
    0% {
        margin-left: 0;
    }

    30% {
        margin-left: 0;
    }

    35% {
        margin-left: -100%;
    }

    65% {
        margin-left: -100%;
    }

    70% {
        margin-left: -200%;
    }

    95% {
        margin-left: -200%;
    }

    100% {
        margin-left: 0;
    }
}

#slider #Inicio #cajacanvas{
position: relative;
width: 100%;
height:450px;/*250*/
top:100px;
left:50%;
margin-left:-50%;
top:0px;
padding: 0px;
background: transparent;
opacity:0.5;
}

#slider #Inicio #cajacanvas #canvas{
margin: 0px;
left: 50%;
width: 100%;
height:450px;
background: white;
margin-left:0px;
background: transparent;
}

#slider #cajacanvas #text{
position: fixed;
margin-left: -150px;
left: 50%;
}

#slider #cajacanvas img{
position: fixed;
top:100px;
margin-left:-110px;
left:50%;
}

#slider #cajacanvas #text h2{
top:250px;
left:0px;
font-family:'Ubuntu'; 
color:white;
margin: 0px;
text-align: center;
font-weight:bold;
text-shadow: 0px 0px 5px rgb(0,0,178),
1px 1px 5px rgb(0,0,178),
2px 2px 5px rgb(0,0,178);
     
}

/*----------------------------empresa--------------------------------------*/

#slider #Empresa .homeempresa{
position: relative;
margin-top:-60px;
height: 95vh;
width: 100%;
background:url("../img/empresa_celular_2.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
padding: 0px;
}

#slider #Empresa .homeempresa #scroolle span {
  position: absolute;
  top: 93%;
  left: 50%;
  width: 35px;
  height: 35px;
  margin-left: -12px;
  border-left: 4px solid #fff;
  border-bottom: 4px solid #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}
#slider #Empresa .homeempresa #scroolle span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
#slider #Empresa .homeempresa #scroolle span:nth-of-type(2) {
  top: 90%;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
#slider #Empresa .homeempresa #scroolle span:nth-of-type(3) {
  top: 87%;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@-webkit-keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.parallaxtexto{
position: relative;
height: 90%;
width: 100%;
top:16%;
font-weight: bold;
white-space: pre-wrap;  
background:transparent; 	
text-align: center;
padding: 0px;
margin: 0px;
top:-30px;
} 




#slider #Empresa .parallaxtexto h2{
margin:0px;
font-family: 'Raleway', sans-serif;
font-style:normal;
font-variant: normal;
font-family: 'Raleway', sans-serif;
font-weight: 500;
padding: 0px;
font-size: 25px;
color: white;
text-transform: uppercase;
text-shadow: 1px 1px 1px black;
}

#slider #Empresa .parallaxtexto p{
text-align: justify;
font-family: 'Work Sans', sans-serif;
font-style: regular;
font-variant: paragraph;
padding: 0px;
font-size: 25px;
color: white;
}



#slider #Empresa .parallaxtexto .cajonparallax{
position: relative;
top:0px;
width:90%;
height:200px;
background:transparent;
padding: 0px;
margin: 0px;
left: 5%;
}



#slider #Empresa #visi{
position: relative;
height: 95vh;
width:100%;
background:url("../img/empresa-celular3.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
padding: 0px;
} 



#slider #Empresa .parallaxtexto .cajascuadrar{
position: relative;
background: transparent;
color: black;
top:0px;
width:90%;
height:200px;
padding: 0px;
margin: 0px;
left: 5%;
margin-top: 170px;
}


#slider #Empresa .parallaxtexto p{
	color: white;
	font-size:17px;
}

#slider #Empresa #visi #Objcuadra p{
	color:black;
	
}

#slider #Empresa #misi{
position: relative;
height: 95vh;
width: 100%;
background:url("../img/empresa-celular.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
padding: 0px;
}

#slider #Empresa #misi #miscuadra{
margin-top:120px;
} 

#slider #Empresa #misi #miscuadra p{
color:black;
}	


#slider #Empresa #valo{
position: relative;
height: 80vh;
width: 100%;
background:url("../img/empresa-4-celulares-abuelos.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
padding: 0px;
} 

#slider #Empresa #valo #valocuadra{
margin-top:150px;

} 

#slider #Empresa #valo #valocuadra p{
color:black;	
}



#slider #Registro{
position: relative;
height: 150vh;
width: 100%;
background:url("../img/servicios-celular-min.jpg");
margin-top:-60px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
/*background-attachment: fixed;*/
}



#slider #Registro #serv{
position: absolute;
height: 80%;
width: 100%;
padding: 0px;
background: transparent;
margin-top: 85px;
}

#slider #Registro #serv h2{
margin:0px;
font-family: 'Raleway', sans-serif;
font-style:normal;
font-variant: normal;
font-family: 'Raleway', sans-serif;
font-weight: 500;
padding: 10px;
font-size: 20px;
color: white;
text-transform: uppercase;
text-align: center;
}

#slider #Registro #serv #texto_registro{
width: 80%;
height: 270px;
background: transparent;
text-align: justify;
font-family: 'Work Sans', sans-serif;
font-weight: 500;
padding: 20px;
font-size: 17px;
color: white;
margin-top: 10px;
margin-left:5%;
}

#slider #Registro #serv .moduloregistro{
position:relative;
right: auto;
margin: auto;
width: 90%;
background: transparent;
padding: 0px;
display: inline-block;
text-align: center;
text-decoration: none;
margin-left: 5%;
margin-top: 20px;
margin-bottom: 50px;
}

#slider #Registro #serv .moduloregistro input,select{
	border:2px solid gray;
	width:80%;
	height: 20px;
	background: transparent;
  font-family: 'Quicksand', sans-serif;
	font-style: regular;
	font-variant: paragraph;
	font-weight: 500;
  color: white;
  background:-webkit-linear-gradient(top, rgba(23,23,23,0.45) 0%, rgba(0,0,0,0.22) 100%); 	
	left:10%;
	margin:5px;
}

#slider #Registro #serv .moduloregistro .opciones{
	background-color:hsla(0, 0%, 27%, 1)
}

#slider #Registro #serv .moduloregistro .regmoduloselect{
position: relative;
height:26px;
width: 81%;
left:0%;
font-family: 'Quicksand', sans-serif;
}

#slider #Registro #serv .moduloregistro .regmoduloselect{
position: relative;
height:26px;
width: 81%;
left:0%;
font-family: 'Quicksand', sans-serif;
}

#slider #Registro #serv #cuadrareg{
position: relative;
margin-left:9%; 
}

#slider #Registro #serv .moduloregistro .botonregmodulo{
top:180px;
height: 28px;
width:40%;
left: 41%;
cursor: pointer;
border-radius: 10px;
}



#slider #Empresa #worki{
margin-bottom: -50px;
height: 100vh;
width: 100%;
padding: 0px;
background:url("../img/TRABAJE-celular-min.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
}


#slider #Empresa #worki #workicuadra{
margin-top:10px;
}

#slider #Empresa #worki #workicuadra p{
color: black;
}	

#slider #Empresa #worki #workicuadra #trabajeregistro{
top:-30px;	
position:relative; 
background:transparent;
width:90%;
height: 140%;
text-align: center;
text-decoration: none;

}

#slider #Empresa #worki #workicuadra #trabajeregistro form{
	background: transparent;
}


#slider #Empresa #worki #workicuadra #trabajeregistro input,select,button{
  position:absolute;
	border:none;
	border:2px solid gray;
	width:80%;
	height: 20px;
	background: transparent;
  font-family: 'Quicksand', sans-serif;
	font-style: regular;
	font-variant: paragraph;
	font-weight: 500;
  color: white;
  background:-webkit-linear-gradient(top, rgba(23,23,23,0.45) 0%, rgba(0,0,0,0.22) 100%); 	
	left:20%;

}


#slider #Empresa #worki #workicuadra #trabajeregistro #Nombre{
top:20px;
width:110%;
left: 0%;		
}


#slider #Empresa #worki #workicuadra #trabajeregistro #Apellidos{
top:60px;
width:110%;
left: 0%;	
}

#slider #Empresa #worki #workicuadra #trabajeregistro #Telefono{
top:100px;
width:110%;
left: 0%;	
} 


#slider #Empresa #worki #workicuadra #trabajeregistro #E-mail{
top:140px;
width:110%;
left: 0%;
}

#slider #Empresa #worki #workicuadra #trabajeregistro #textarearegistro{
top:180px;
width:109%;
left: 0%;
height:80px;
position:absolute;
border:none;
border:2px solid gray;
background: transparent;
font-family: "Quicksand";
color: white;
background:-webkit-linear-gradient(top, rgba(23,23,23,0.45) 0%, rgba(0,0,0,0.22) 100%); 	
}

#slider #Empresa #worki #workicuadra #trabajeregistro #archivo1{
top:280px;
width:110%;
left: 0%;
font-size: 15px;
}

#slider #Empresa #worki #workicuadra #trabajeregistro #submitsubmit{
top:340px;
right:-10%;
width:30%;
height:50px;
cursor: pointer;
border-radius: 10px;
font-size: 15px;
} 

#slider #Empresa #worki #workicuadra #trabajeregistro #submitreset{
top:340px;
left:70%;
width:30%;
height:50px;
cursor: pointer;
border-radius: 10px;
font-size: 15px;
} 


.errorescv{
	position: relative;
	border:none;
	margin:0 auto;
	border:2px solid gray;
	width:110%;
	top:150px;
	text-align: left; 
	padding:0px;
	font-weight: bold;
	font-family: "Quicksand";
  color: white;
  background:-webkit-linear-gradient(top, rgba(23,23,23,0.45) 0%, rgba(0,0,0,0.22) 100%); 
}

#correctocv{
top:170px;
text-align: center;
}

/*--------------------------------------------------------------------------*/
/*---------------------------------productos---------------------------------*/
#produc_new{
position: relative;
background: white;
margin: 0 auto;
width:100%;
display: inline-block;
}

.showproducto{
position: relative;
background: #F9F9F9;
width:100%;	
}


.cuadro_produc{
position: relative;
display: inline-block;
width:250px;
height:380px;
margin:40px 10px 10px 40px;
margin-left: 55px;
padding: 5px;
border-radius: 5px;
background: white;
}

.cuadro_produc:hover{
cursor: pointer;
}

.descrip{
position: absolute;
background: #B0B0B0;
border-radius: 5px;
visibility: hidden;
color: white;
z-index: 10;
display: none;
margin-left:180px; 
top:-50px;
width:280px;
}

.descrip h3{
text-align: center;
text-transform: uppercase;
font-size: 1em;
font-weight: bold;
margin-top: -10px;
}

.descrip p{
margin-bottom: 30px;	
}

.pg{
position: relative;
color: white;
background:#3763D2;
text-decoration: none;
padding:7px 14px 7px 14px; 
border-radius: 15px;
margin-left:4px;
margin-top:30px;
}

.cuadro_produc:hover .descrip{
position: absolute;
text-align: justify;
cursor: default;
padding: 20px;
box-shadow: 0 0 20px rgba(0,0,0,.5);
visibility:visible;
opacity: 1;
transition-duration:0.5s;
z-index: 100;
border-radius: 15px;
display: block;
}


.cuadro_produc:hover .titulos{
transition-duration:0.5s;
color:#7EA1E8;
}

.titulos{
position:absolute;	
font-size: 1.2em;
color: black;
top:255px;
margin-left: 75px;
} 




.cuadroprecio{
position: relative;
height: 55px;
width: 250px;
background: #00588E;
z-index: 1;
margin: 0 auto;
color: white;
font-size: 0.7em;
text-align: center;
top:1px;
font-family: "Ubuntu";
font-weight: lighter;
}

.cuadroprecio h3{
position: relative;
padding: 4px 0;
text-align: center;
color: white;
font-size: 1.7em;
margin: 0px;
top: 6px;
}

.cuadro{
position: relative;
height: 112px;
width: 112px;
top:-55px;
-ms-transform: rotate(135deg) skew(30deg, 30deg);
-webkit-transform: rotate(135deg) skew(30deg, 30deg);
transform: rotate(135deg) skew(30deg, 30deg);
background: #00588E;
z-index:0;
margin: 0 auto;
}

.precio{
position: relative;
color: black;
font:bold;
margin-left:75px;
top:60px;
font-size:1em; 
}


.imagen{
position: relative;
height:250px;
width:250px;
border-radius: 5px;
display:block;
margin: 0 auto;
margin-top: -40px;
}



img{
position: relative;	
width: 100%;	
}

#pri_produc{
margin-top: 40px;	
}
/*-------------------------------------------------------------------------------*/
/*-----------------------------------------contacto------------------------------*/
#Contacto{
position:fixed;
height:100vh;
width:100%;
top:-20px;
background:url("../img/celulares-contactoo.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
}

#Contactos #Contacto img{
width: 100%;
margin-left: -20%;
} 

#contactomenu{
    position:absolute;
    top:27%;
	width:100%;
	height:100%;
	font-family: 'Quicksand';
	background:transparent;
}


.inputtext{
	border:none;
	margin:5px;
	border:2px solid gray;
	width: 80%;
	margin-left: 9%;
	padding-bottom: 0px;
	font-weight: bold;
	background: transparent;
    font-family: "Quicksand";
    color: white;
    display: block;
    background:-webkit-linear-gradient(top, rgba(23,23,23,0.45) 0%, rgba(0,0,0,0.22) 100%); 
}



#contactomenu #message{
	position: relative;
	height:150px;
	width:79%;
	border: 2px solid gray;
	font-family: "Quicksand";
	font-weight: bold;
	background: transparent;
	margin-left: 9%;
	color: white;
	background:-webkit-linear-gradient(top, rgba(23,23,23,0.45) 0%, rgba(0,0,0,0.22) 100%);
}

#celular{
position: relative;
top:-30px;
text-align: center;
}

#contactomenu #button{
    position: relative;
    padding: 0px 0px;
	border: 0px;
	border-radius: 5px;
    background:-webkit-linear-gradient(top, rgba(23,23,23,0.45) 0%, rgba(0,0,0,0.22) 100%);
	color: white;
	width: 100px;
	left: 50%;
    right: auto;
    margin-top: 10px;
    margin-left:-51px;
	text-align: center;
    cursor: pointer;
    top:30px;
}

#fondopccontacto{
display: none;
}

#fondopccontactologo{
display: none;
}

footer {
bottom: -150px;
height: 160px;
width: 100%;
margin-bottom: 10px;
background: black;
position: fixed;
color: white;
transition-duration: 0.4s;
margin-top: 50px;
z-index: 90;
text-align: center;
}
footer:hover{
	bottom: -10px;
}
footer:after{
	font-family: 'icomoon';
	content: "\e901";
	color: white;
	width: 50px;
	height: 50px;
	background:black;
	position: absolute;
	border-radius: 50%;
	font-size: 3em;
	left:  50.1%; /* 54.5*/
	top: 0px;
	margin-left: -25px;
	margin-top: -20px;
	transform:rotate(180deg);
	text-shadow: 0px 0px 0px white;
	transition-duration:0.3s;
}
footer:hover:after{
	transform:rotate(0deg);
	text-shadow: 0px 0px 0px white;
	color: white;
	background: black;
	text-align: center;
}
footer .rrss{
	background: black;
	margin-top: 45px;
	width: 100%;
}
footer .rrss a #face{
	height: 50px;
	width: 50px;
	background:url("../img/fb.ico") center center no-repeat;

}
footer .rrss a #face:before{
	content: "";
	position: relative;
	top:0px;
	left:0px;
	font-size:40px;
	color: white;
}
footer .rrss a #twi{
	height: 50px;
	width: 50px;
	background:url("../img/tw.ico") center center no-repeat;
}
footer .rrss a #twi:before{
	content: "";
	position: relative;
	top:0px;
	left:0px;
	font-size:40px;
	color: white;

}
footer .rrss a #youtu{
	
	height: 50px;
	width: 50px;
	background:url("../img/yt.ico") center center no-repeat;

}
footer .rrss a #youtu:before{
	content: "";
	position: relative;
	top:0px;
	left:0px;
	font-size:40px;
	color: white;

}
footer .rrss a #what{
	
	height: 50px;
	width: 50px;
	background:url("../img/wp.ico") center center no-repeat;

}
footer .rrss a #what:before{
	content: "";
	position: relative;
	top:0px;
	left:0px;
	font-size:40px;
	color: white;
}
footer .rrss a{
	display: inline-block;
	width: 50px;
	height: 50px;
}
footer p{
	margin: 30px 0px 0px 0px; 
	font-family: 'Quicksand';
	font-size: 0.8em;
	font-weight: lighter;
}
.decor{
	top:2%;
	right:5%;
	position:fixed;
	height: 45px;
	width: 45px;
	border-radius: 50%;
    text-align: center;
    background: transparent;
    cursor: pointer;
    z-index: 100;
}
#prev_secti:before,
#next_secti:before{
	font-family: "icomoon";
	content: "\e904";
	top: 0px;
	opacity: 0.7;
	left: 5px;
	font-size: 2.6em;
	color: white;
	text-shadow: 1px 1px 1px #9F9F9F, 
	             -1px 1px 1px #9F9F9F,
	             1px -1px 1px #9F9F9F,
	             -1px -1px 1px #9F9F9F;
}
#prev_secti{
left: 65%; /*68%*/
transform:rotate(180deg);
display: none;
}
#next_secti{
top:2%;	
transform:rotate(0deg);
display: none;
}
::-webkit-input-placeholder {color:white;}



@media screen and (min-width: 440px){
	body{
		background: white;
		}
}
@media screen and (min-width: 600px){
body{
		background: white;
	}
}
@media screen and (min-width: 767px){
body{
		background:transparent;/*white*/

	}
	header{
		height: 55px;
		background:transparent;/*rgb(0,0,210)*/
	}
	header h1{
		display: inline-block;
		width: 20%;
		min-width: 200px;
		margin: 0px;
		height: 50px;
		line-height: 50px;
		margin-left: 80px;
	}
	header h1 > *{
		display: inline-block;
		vertical-align: middle;
		text-decoration: none;
		color: white;
		font-weight: lighter;
		font-size: 0.8em;
		margin: 0px 3px;
		font-weight: bold;
		text-shadow: 0px 0px 0px #000000,
    1px 1px 0px #000000, 2px 2px 0px #000000;
	}
	header h1 figure{
		height: 40px;
		width: 40px;
		margin: 0px;
	}
	header h1 figure img{
		height: 100%;
	}
	header nav{
		display: inline-block;
		vertical-align: middle;
		width: 61%;
		position: relative;
	}
     
    header nav #showMovil,
	header nav #hideMenu{
		display: none;
	}
	header nav #card_menu{
display: block;
display: inline-block;
border: none;
position: relative;
background: none; 
top: 4px;
width: 120%;
text-align:left;
padding-bottom: 0px;
	}
	header nav #card_menu figure{
		display: none;
	}
	header nav #card_menu ul{
		margin: 0px;
		padding: 0px;
		margin-top: -15px;

	}
	header nav #card_menu ul li{
display: inline-block;
width: 120px;
font-size: 1.2em;
margin: 0px 5px 0px 5px;
text-align: center;
	}
	header nav #card_menu ul li a{
		color: white;
		font-weight: bold;
		text-transform:uppercase;
		text-shadow: 1px 1px 1px #000000; 
 	}


#prev_secti{
top:50%;
left:3%;
}

#next_secti{
top:50%;
right:3%; 		
}

#slider #Inicio .element-red{
width:100%;
}
.element-red img{ 
width: 100%;
height: 100vh;
} 
.element-red #imagen-pc{
z-index: 10;
}
.element-red #imagen-cel{
display: none;
}
.element-red #imagen-pc-1{
z-index: 10;
}
.element-red #imagen-cel-1{
display: none;
}
.element-red #imagen-pc-2{
z-index: 10;
}
.element-red #imagen-cel-2{
display: none;
}
#slider #Inicio #cajacanvas{
	height:100%;
}
#slider #Inicio #cajacanvas #canvas{
height:670px;
}
#slider #cajacanvas #text h2{
margin-left: -200px;	
font-size: 60px;
}	

#slider #Empresa .homeempresa #scroolle span {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#slider #Empresa .homeempresa #scroolle span:nth-of-type(1) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
#slider #Empresa .homeempresa #scroolle span:nth-of-type(2) {
-webkit-animation-delay: .15s;
animation-delay: .15s;
}
#slider #Empresa .homeempresa #scroolle span:nth-of-type(3) {
-webkit-animation-delay: .3s;
animation-delay: .3s;
}
.parallaxtexto{
width:80%; 
left: 11%;
background:transparent;
}

.parallaxtexto h2{
font-size: 35px;
}

.parallaxtexto p{
font-size: 30px;
}

#slider #Empresa .parallaxtexto .pccuadra{
  top:-100px;
}

#slider #Empresa #visi #Objcuadra{
	background: transparent;
	margin-left:43%;
	margin-top: 7%;
	height: 70%;
	width: 50%;
	
}

#slider #Empresa #visi #Objcuadra h2{
	font-size: 30px;
	color: #6E6E6E;
	text-shadow: -1px 1px 1px #CCCCCC;
	text-transform: uppercase; 
}

#slider #Empresa #visi #Objcuadra p{
font-size: 20px;
color:black;
}


#slider #Empresa #misi #miscuadra{
margin-top:300px;
margin-left:-40px;
background: transparent;
width: 50%; 
}

#slider #Empresa #misi #miscuadra h2{
font-size: 30px;
	color: #6E6E6E;
	text-shadow: -1px 1px 1px #CCCCCC;
	text-transform: uppercase; 
}

#slider #Empresa #misi #miscuadra p{
font-size: 20px;
color:black;	
}


#slider #Empresa #valo #valocuadra {
	background: transparent;
	margin-left:53%;
	margin-top: 7%;
	height: 70%;
	width: 40%;	
} 

#slider #Empresa #valo #valocuadra h2{
font-size: 30px;
	color: #6E6E6E;
	text-shadow: -1px 1px 1px #CCCCCC;
	text-transform: uppercase; 
}

#slider #Empresa #valo #valocuadra p{
font-size: 20px;
color:black;	
}


#slider #Registro{
position: relative;
background:url("../img/servicios-min.jpg");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
height: 165hv;
}


#slider #Registro #serv .moduloregistro .nombreregmodulo{
	height: 25px;
	width: 50%;
	font-size: 20px;
}  

#slider #Registro #serv .moduloregistro #emailregmodulo{
	top:25px;
	height: 25px;
	font-size: 20px;
	width: 50%;
}

#slider #Registro #serv .moduloregistro #empresaregmodulo{
  top:25px;
  height: 25px;
  font-size: 20px;
  width: 50%;
}

#slider #Registro #serv .moduloregistro #empresareg{
  top:25px;
  height: 25px;
  font-size: 20px;
  width: 50%;
} 

#slider #Registro #serv .moduloregistro .regmoduloselect{
	height: 27px;
	width: 50.5%;
	font-size: 20px;
	height: 30px;
}


#slider #Registro #serv .moduloregistro .regmoduloserial{
	top:25px;
	height: 25px;
	font-size: 20px;
	width: 50%;
} 



#slider #Registro #serv .moduloregistro .botonregmodulo{
    position: relative;
    display: block;
    top: 25px;
    font-size: 20px;
	width: 25%;
	margin-left:-5%;	
}

#slider #Registro #serv #texto_registro{
width: 60%;
margin-left: 17.5%;
font-size: 20px;
}

#slider #Registro #serv #cuadrareg{
margin-left:30%; 
} 



#slider #Empresa #worki #workicuadra{
margin-top: 60px;
}

#slider #Empresa #worki #workicuadra p{
font-size: 22px;
}

#slider #Empresa #worki #workicuadra #trabajeregistro #Nombre{
	top:30px;
	height: 25px;
	font-size: 20px;
	width: 80%;
	left: 16%;
	right: auto;
}

#slider #Empresa #worki #workicuadra #trabajeregistro #Apellidos{
    top:75px;
	height: 25px;
	font-size: 20px;
	width: 80%;
	left: 16%;
	right: auto;
}

#slider #Empresa #worki #workicuadra #trabajeregistro #Telefono{
    top:120px;
	height: 25px;
	font-size: 20px;
	width: 80%;
	left: 16%;
	right: auto;	  
}

#slider #Empresa #worki #workicuadra #trabajeregistro #E-mail{
	top:165px;
	height: 25px;
	font-size: 20px;
	width: 80%;
	left: 16%;
	right: auto;
}

#slider #Empresa #worki #workicuadra #trabajeregistro #textarearegistro{
	top:210px;
	font-size: 20px;
	width: 79.5%;
	left: 16%;
	right: auto;
}

#slider #Empresa #worki #workicuadra #trabajeregistro #archivo1{
	top:320px;
	font-size: 20px;
	width: 80%;
	left: 16%;
	right: auto;
	height: 25px;
}

#slider #Empresa #worki #workicuadra #trabajeregistro #submitsubmit{
	top:380px;
	height: 40px;
	font-size: 20px;
	width: 20%;
    left: 35%;
	right: auto;
} 

#slider #Empresa #worki #workicuadra #trabajeregistro #submitreset{
	top:380px;
	height: 40px;
	font-size: 20px;
	width: 20%;
    left: 60%;
	right: auto;
}


.errorescv{
	margin-right: 40px;
	margin-top:50px;
	width: 80%;
	font-size: 1.3em;
}


#slider #Empresa .parallax{
margin-top: -100px;
background:url("../img/empresa-3-vision.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
} 

#slider #Empresa .parallax1{
margin-top: -100px;
background:url("../img/empresa-4-abuelos.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
} 

#slider #Empresa .parallax2{
margin-top: -100px;
background:url("../img/TRABAJE-CON-NOSOTROS-min.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
} 

#slider #Empresa .homeempresa{
background:url("../img/empresa_2.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
}



#slider #Empresa #visi{
background:url("../img/empresa-3-vision.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
}

#slider #Empresa #misi{
background:url("../img/empresa-pc-1-vision.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
}

#slider #Empresa #valo{
background:url("../img/empresa-4-abuelos.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
}


#slider #Empresa #worki{
background:url("../img/TRABAJE-CON-NOSOTROS-min.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
}


#produc_new{
position: relative;
background:url('../img/jfjruk1488-min.jpg');
background-size: cover;
margin-top: -65px;
/*height: 1650px;*/
}

#Contacto{
background:url("../img/contactenos.png");
background-size: cover;
}

.showproducto{
background: transparent;	
margin-top: 10px;
margin-bottom: 90px;	
}

.cuadro_produc{
margin-top: 130px;
}

#contactoboton{
display: block;
}
#fondocelcontacto{
display: none;
}

.inputtext{
position:relative; 
width: 40%;
margin-left: 30%;	
}


#contactomenu #name{
margin-top: 140px;
}
#contactomenu #email{
margin-top: 10px;
}
#contactomenu #message{
position:relative;
min-width: 39.8%;
max-width: 39.8%;
min-height:100px; 
max-height:200px;
margin-left:30%;
}
#contactomenu #button{
position: relative;
top:25px;
display: block;
}

#fondopccontacto{
	display: block;
	width: 100%
}

#fondopccontactologo{
display: block;
position: relative;
width:200px;
height:200px;
top:15%;
margin: 0 auto;
background: url("../img/blue.ico");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
/*
left: 50%;
right: auto;
margin-left:-100px;

*/
}


#prev_secti{
display: block;
}

#next_secti{
display: block;
}

#celular{
position: relative;
top:-30px;
}

}
@media screen and (min-width: 950px){
body{
	background: white;
}
}

@media screen and (min-width: 1900px){
body{
background: white;
}


}