*{
	margin: 0px;
	padding: 0px;
}

body {
	/*background: linear-gradient(to bottom, black , white, #4A61D6, #E3E006, darkgreen, darkorange, darkred);*/
	/*background: linear-gradient(to bottom, black, #570303 110%);
	width:100%;*/
	display:flex;
    height: auto;
    font-family: Arial;
}

.formulario {
	width:95%;
	position: static;
	height: 1250px;
	background-color: #CDEDE5;
    border-radius: 20px ;
}

#cabecera {
	position: fixed;
    top: 0px;
    width: 100%;
    height: 100px;
    background-color: #69CBB2;
     
    
}

#Contenedor {
	width: 100%;
	min-width: 300px;
	height: 100%;
	border-style: 1px solid green;
	margin: 0px auto;
    background-color: #E6F2F6;
}

#Central {
	position: static;	
	width: 40%;
	height: 900px;
    margin-top: 3%;
    border-radius: 30px;
    padding: 15px;
    background-color: #084F32;
}

#Central2 {
	position: static;	
	width: 95%;
	height: 1600px;   
	padding: 10px;
    margin-top: 120px;
    background-color: #69CBB2; 
    border-radius: 10px;
}

#footer {
	position: static;	
    bottom: 0px;
    width: 100%;
    height: 130px;
    background-color: #392BA6;

}

.fotop img {
    margin: auto;
	width: 100%;
	min-width: 100%;
	height: auto;
	position:relative;
}

@supports(object-fit: cover) {
    .fotop img {
      width:100%;
      margin-top: 70px;
      height: 100%;
      object-fit: cover;
      object-position: center center;
      
    }
}

#Redes {
	width: 45%;
	height: 130px;
	/*border: 1px solid white;*/
	float: left;
	min-width: 300px;
}

#Telefonos {
	width: 25%;
	height: 130px;
	/*border: 1px solid white;*/
	float: left;
	position: static;
	min-width: 300px;
}

#Apps {
	width: 25%;
	height: 130px;
	/*border: 1px solid white;*/
	float: right;
	position: static;
	min-width: 300px;
}

.stroke {	
-webkit-text-fill-color: black;
-webkit-text-stroke: 0.2px white;
}

#Herramienta {
    width: 70px; 
    height: 70px; 
    float: right;
}

.letrasheader {
    font-size: 14px;
    width: 200px; 
    color: white;
    margin-top: 10%;
    margin-right: 5%;
	float: right;
}

.letrasheader2 {  
    font-size: 14px; 
    width: 200px;
    margin-top: -16px; 
    margin-right: 225px;
    float: right;
}

.letrasheader3 {
    font-size: 14px; 
    width: 100px;
    margin-top: -16px; 
    margin-right: 430px;
    float: right;
}

.letrasheader4 {
    font-size: 14px; 
    width: 200px;
    margin-top: -16px; 
    margin-right: 535px;
    float: right;
}

.letrasheader5 {
    font-size: 14px; 
    width: 100px;
    margin-top: -16px; 
    margin-right: 740px;
    float: right;
}

a {
    color: white;
}

.buscador {
    float: left;
    height: 30px;
    width: 60%;
    border-radius: 5px;
    padding: 5px;
    margin-left: 10px;
    font-size: 18px;
}

.textboxdatos {
    height: 25px;
    width: 35%;
    float: left;
    margin-left: 2.5%;
    font-size: 18px;
    background-color: rgba(0,0,0,0);
    border-style: none;
}

.textbox {
    height: 30px;
    width: 50%;
    border-radius: 10px;
    border-color: #017143;
    padding: 5px;
    align-content: center;
    margin-left: 2.5%;
    font-size: 18px;

}

.textbox2 {
    height: 30px;
    width: 19%;
    border-radius: 10px;
    border-color: red;
    padding: 5px;
    float: right;
    margin-right: 3.5%;
    font-size: 20px;

}

.textbox_inv {
    height: 30px;
    width: 100%;
    border-radius: 10px;
    border-color: red;
    float: right;
    font-size: 18px;
    padding: 5px;

}

.izq {
    border-radius: 10px;
    border-color: red;
    padding: 5px;
    height: 30px;
    width: 9%;
    float: left; 
    margin-left: 3%;
}

.f1 {
    color: black;
    font-size: 14px;
    float: left; 
    width: 15%;
    margin-left: 2%;
}


.f2 {
    color: black;
    font-size: 16px;
    float: left; 
    width: 8%;
}

.f3 {
    color: black;
    font-size: 15px;
    float: left;
    width: 9%; 
}

.f4 {
    color: black;
    font-size: 15px;
    width: 10%;
    margin-left: 5%; 
}

.combobox{
    width: 45%;
    height: 30px;
    border-radius: 5px;
    float: left;
    margin-left: 15px;
    font-size: 18px;
    background-color: rgba(240,240,240);
    border-style: none;

}

.boton {
    font-family: Arial;
    font-size: 20px;
    color: black;
    border-color: white;
    border:solid;
    background-color: #69CBB2;
    border-radius: 15px;
    width: 260px;
    height: 50px;
    cursor: pointer;
    align-content: center;

}

.Letras {
    color: white;
}

.letrash {
    float: right;
    width: 30%;
    height: 120px;
}

.file {
    cursor: pointer;
    float: left;
    margin-left: 10.7%;
}

#Gracias {
    color: black;
    width:90%;
    display: none;
}

.icono {
    margin-top: -20px;
    margin-left: 10%; 
    width: 136px;
    height: 136px; 
}

#formulario-content1 {    
    width: 43%;
    height: 780px;
    float: left;
    margin-left: 3%;    
}

#formulario-content2 {    
    width: 45%;
    height: 780px;
    float: right;
    margin-right:3%;
}

#salsas {
    margin-left: 1%;
    float: left;
}

.Cantidad {
    height: 30px;
    width: 3%;
    border-radius: 10px;
    border-color: red;
    padding: 5px;
    font-size: 18px;
    float: left;
    margin-left: 4px;
}

#Instrucciones {
    width: 40%;
    height: 500px;
    background-color: red;
}


@media screen and (max-width:1150px) {
	#Redes {
       display:none;
    }
    .formulario {
        height: 1420px;
    }
    #Central2 {
        margin-top: 15%;
        height: 1600px;
    }

    .boton {
        float: none;
        margin-right: 0px;
        width: 25%;
        height: 50px;
    }
    .letrasheader {
        margin-top: 5%;
        font-size: 15px;
        /*display: none;*/
    }

    .letrasheader2 {
        margin-top: 3%;
        margin-right: 6%;
        font-size: 15px;
        /*display: none;*/
    }

    .letrasheader3 {
        margin-top: 3%;
        margin-right: 6%;
        font-size: 15px;
    }

    .letrasheader4 {
        margin-top: 3%;
        margin-right: 6%;
        font-size: 15px;
    }

    .letrasheader5 {
        margin-top: -17px;
        margin-right: -100px;
        font-size: 15px;
    }

}


@media screen and (max-width:670px) {
    #Redes {
       display:none;
    }
    #Telefonos {
        
    }
    #Apps {
        display:none;
    }
    #footer {
        
    }
    #Central {
        width:90%;
        display: ;
    }
    #Central2 {
        margin-top: 25%;
        width:90%;
        height: 1050px;
    }
    .Letras {
        font-size:20px;
    }
    
    #Herramienta {
        float:none;
    }

    .formulario {
    	width: 90%;
    	height: 900px;
    }
    
    .icono {
    	width: 156px;
    	height: 156px;
    	margin-top: -11px;
    }
    
    .fotop {
        width:300px;
    }
    .letrasheader {
        margin-top: 5%;
        font-size: 15px;
        /*display: none;*/
    }

    .letrasheader2 {
        margin-top: 6%;
        margin-right: 6%;
        font-size: 15px;
        /*display: none;*/
    }

    .letrasheader3 {
        margin-top: 6%;
        margin-right: 6%;
        font-size: 15px;
    }

    .letrasheader4 {
        margin-top: 6%;
        margin-right: 6%;
        font-size: 15px;
    }

    .boton {
        float: none;
        margin-top: 10%;
        margin-right: 0px;
        width: 50%;
        height: 50px;
    }

    .file {
        width: 80%;
    }
    #Contenedor {
        background-position: 0% 43%;
    }
    #Gracias {
    font-size: 14px;
    }
    .f2 {
    margin-right: 6%;
    }
    .textbox {
        margin-left: 6%;
    }
}
h3 {
    float: left;
    text-align: left;
    padding-left: 15px;
    margin-top: 5px;
}
.botonb {
     float: left;
    font-size: 18px;
    color: white;
    background-color: #112222;
    border-radius: 5px;
    width: 15%;
    height: 30px;
    cursor: pointer;   
    margin-left: 3%;
}

#consultadepartamento
{
    float: left; 
    width: 60%; 
    margin-top:30px;
    height: 300px; 
    margin-left; 
    margin-left: 20px;
    background-color: white;
    overflow: auto;
}
#registrocarrito
{
    float: left; 
    width: 30%; 
    margin-top:30px;
    height: 300px; 
    margin-left; 
    margin-left: 40px;
    background-color: #B953e3;
    border-radius: 30px;
}

#editarcarrito
{
    float: left; 
    width: 30%; 
    margin-top:30px;
    height: 300px; 
    margin-left; 
    margin-left: 40px;
    background-color: #69CBB2;
    border-radius: 30px;
}

.datosmovimiento {
    height: 25px;
    width: 30%;
    float: left;
    margin-left: 2.5%;
    font-size: 18px;
    background-color: whitesmoke;
    border-style: none;
}

.botonmovimiento
{
    float: left;
    font-size: 18px;
    color: white;
    background-color: #112222;
    border-radius: 5px;
    width: 30%;
    height: 30px;
    cursor: pointer;   
    margin-top: 20px;
    margin-left: 30%;
}

#carrito
{
    float: left; 
    width: 60%; 
    margin-top:30px;
    height: 300px;  
    margin-left: 20PX;
    background-color: white;
    overflow: auto;

}

.botoncancelar 
{
    float: left;
    font-size: 18px;
    color: white;
    background-color: #112222;
    border-radius: 5px;
    width: 10%;
    height: 30px;
    cursor: pointer;   
    margin-top: 20px;
    margin-left: 5%;   

}

.boton_aceptar
{
    float: left;
    font-size: 18px;
    color: white;
    background-color: #112222;
    border-radius: 5px;
    width: 10%;
    height: 30px;
    cursor: pointer;   
    margin-top: 20px;
    margin-left: 5%;
     
}