@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1280px) and (min-width: 1024px) {
	
     body {
	margin-left: 0%;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 0%;
}
	
	
	
	#subcabezote1{
		
		height: 70px;
		width: 100%;
		background: white;
		float: left;
		top:0px;
		position:fixed;
		z-index: 10000;
		display: flex;
		font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
		font-size:20px;
		align-items:center;
		justify-content: center;
		
			
	}
	
	/*
	
	#subcabezote1 span:hover{
		
		background: #FFC6E1;
		color:#FFF;
		border-radius:10px;
		font-size:23px;
		cursor:pointer;
		
	}
	*/
#subcabezote1 a{
  color: black;
	text-decoration: none;
}

 #subcabezote1 a:active{
  color: black;
  text-decoration: none;
}
	
		
	#cabezote{
		
		width: 100%;
		height: 254px;
		background:#FFC6E1;
		float: left;
		top:35px;
		position:fixed;
		z-index: 10000;
		display: flex;
		justify-content: center;		
		
	}
	
	
	
	#id{
		
		height: 70px;
		width: auto;
		background: white;
		float: left;
		/*margin-top:0px;
		margin-left:0%;*/
		
		}
	
	#id1{
		
		height: 70px;
		width: auto;
		background: white;
		float: left;
		/*margin-top:0px;
		margin-left:15%;*/
		
	}
	
	#id2{
		
		height: 70px;
		width: auto;
		background: white;
		float: left;
		/*margin-top:0px;
		margin-left:30%;*/
				
	}
	
	#overo{
		
		width: 100%;
		height:887px;
		overflow-x: auto;
		overflow-y: hidden;
		top:1047px;
		position: absolute;
		
	}
	
	#overo1{
		
		width: 100%;
		height:647px;
		overflow-x: auto;
		overflow-y: hidden;
		top:77%;
		position: absolute;
		
	}
	
	#overo2{
		
		width: 100%;
		height: 1177px;
		overflow-x: auto;
		overflow-y: hidden;
		top: 357px;
		position: absolute;
		
	}
	
	#overo3{
		
		width: 100%;
		height: 1167px;
		overflow-x: auto;
		overflow-y: hidden;
		top: 70%;
		position: absolute;
		
	}
	
	#overo4{
		
		width: 100%;
		height: 987px;
		overflow-x: auto;
		overflow-y: hidden;
		top: 70%;
		position: absolute;
		
	}
	
	#id3{
		
		/*top:1047px;*/
		widh:70%;
		margin-left:15%;
		margin-right: 15%;		
		/*position: absolute;*/
		height: auto;
		
				
	}
	
	#id4{
		
		/*top:1187px;*/
		width: 90%;
		height: 18%;
		float: left;
		/*position: absolute;*/
		margin-left: 6%;
		right: 3%;
		
	}
	
	#id5{
		
		top:1473px;
		width: 90%;
		height: 18%;
		float: left;
		position: absolute;
		left:6%;
		right: 3%;
	}
	
	#id6{
		
	width:100%;
	height: 207px;
	bottom:0px;
	background: #2D2D2D;
	position:fixed;
				
	}
	
	#id7{
	
		width: 33%;
		height: 207px;
		color:white;
		font-size: 18px;
		font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
		float:left;		
	}
	
	#id8{
	
		width: 33%;
		height: 207px;
		float:left;
		align-items:center;
		justify-content: center;
		display: flex;
		text-align: center;
		
	}
	
	#id8 a{
  
	text-decoration: none;
		
}
	
	#id9{
		
		width: 34%;
		height: 207px;
		color:white;
		font-size: 18px;
		font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
		float:left;	
		
	}
	
	#id10{
		
		width: 100%;
		height: 17px;
		float: left;
		font-family: Arial;
		font-size: 15px;
		color:white;
		text-align: center;
		margin-top: -19px;
		
						
	}
	
	#id11{
				
		display:none;
	}
	
	#id12{
		
		/*top:77%;*/
		widh:70%;
		margin-left: 15%;
		margin-right: 15%;		
		/*position: absolute;*/
		height: auto;
		
		
		
		
	}
	
	#id13{
		
	width:100%;
	height: 207px;
	bottom: 0px;
	background: #2D2D2D;
	position: fixed;
			
	}
	
	#id14{
	
		width: 33%;
		height: 207px;
		color:white;
		font-size: 18px;
		font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
		float:left;		
	}
	
	#id15{
	
		width: 33%;
		height: 207px;
		float:left;
		align-items:center;
		justify-content: center;
		display: flex;
		text-align: center;
	}
	
	#id15 a{
  
	text-decoration: none;
		
}
	
	
	#id16{
		
		width: 34%;
		height: 207px;
		color:white;
		font-size: 18px;
		font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
		float:left;	
		
	}
	
	#id17{
		
		width: 100%;
		height: 17px;
		float: left;
		font-family: Arial;
		font-size: 15px;
		color:white;
		text-align: center;
		margin-top: -19px;
		
						
	}
	
	#id18{
		
	width:100%;
	height: 207px;
	bottom:0px;
	background: #2D2D2D;
	position: fixed;
			
	}
	
	#id19{
	
		width: 33%;
		height: 207px;
		color:white;
		font-size: 18px;
		font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
		float:left;		
	}
	
	#id20{
	
		width: 33%;
		height: 207px;
		float:left;	
		align-items:center;
		justify-content: center;
		display: flex;
		text-align: center;
	}
	
	#id20 a{
  
	text-decoration: none;
		
}
	
	
	#id21{
		
		width: 34%;
		height: 207px;
		color:white;
		font-size: 18px;
		font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
		float:left;	
		
	}
	
	#id22{
		
		width: 100%;
		height: 17px;
		float: left;
		font-family: Arial;
		font-size: 15px;
		color:white;
		text-align: center;
		margin-top: -19px;
		
						
	}
    
    #id23{
		
	width:100%;
	height: 207px;
	bottom:0px;
	background: #2D2D2D;
	position: fixed;
			
	}
	
	#i24{
		
		/*top:70%;*/
		widh:100%;
		/*position: absolute;*/
		height: 27px;
				
	}
	
	#id24{
		margin-top: 7%;
		/*top:75%;*/
		widh:100%;
		/*position: absolute;*/
		height: auto;
				
	}
	
	#id25{
		
	width:100%;
	height: 207px;
	bottom:0px;
	background: #2D2D2D;
	position: fixed;
			
	}
	
	#id26{
	
		width: 33%;
		height: 207px;
		color:white;
		font-size: 18px;
		font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
		float:left;		
	}
	
	#id27{
	
		width: 33%;
		height: 207px;
		float:left;	
		align-items:center;
		justify-content: center;
		display: flex;
		text-align: center;
		margin-top: -19px;
	}
	
	#id27 a{
  
	text-decoration: none;
		
}
	
	#id28{
		
		width: 34%;
		height: 207px;
		color:white;
		font-size: 18px;
		font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
		float:left;	
		
	}
	
	#id29{
		
		width: 100%;
		height: 17px;
		float: left;
		font-family: Arial;
		font-size: 15px;
		color:white;
		text-align: center;
		margin-top: -19px;
		
						
	}
	
	#id30{
		
	background: #897483;	
	width: 157px;
	height: 33px;
	float:left;
	margin-top:-15px;
	border-radius: 10px;
	margin-left: 34px;
	color: white;
	z-index: 1;
			
	}
	
	#plata{
		
		padding-left: 12px;
		font-size: 18px;
			
	}
	
	#canti{
		
		float: left;
		border-radius: 50%;
		width: 21px;
		height: 17px;
		background: #FFC6E1;
		margin-left:24px;
		text-align: center;
		font-size: 12px;
		padding-top: 4px;
						
	}
	
	#compras{
		
		z-index: -27;
		margin-left: -42px;
		
	}
	
#resultado{
		
		text-align: center;
		/*margin-top:437px;
		position:absolute;*/
		float:left;
		width: 100%;
		height:auto;
				
	}
	
	#contacto{
		
		font-size:31px;
		color: black;
		font-weight: bolder;
		text-align: center;
		/*margin-top:497px;
		position:absolute;*/
		float:left;
		width: 100%;
		height:auto;
				
	}
	
	
	#formulario{
			
	width:40%;
	height: auto;
	/*margin-top:657px;*/
	background: #FFF;
	/*position: absolute;*/
	margin-left:30%;
			
	}
	
	#formulario1{
			
	width:30%;
	height: 35px;
	float: left;
	padding-top:4px;
	font-size:26px;
			
	}
	
	#formulario3{
			
	width:70%;
	height: auto;
	float: left;
	padding-top:4px;
	font-size:26px;
			
	}
    
    
	.formulario4{
	
	width:100%;
	height: 147px;
	border-radius: 20px;
	border: 3px solid black;
	background: #FFC6E1;
	color:white;
	outline: none;
	padding-left:17px;
	font-size: 21px;
	padding-top: 3px;
			
	}
	
	.formulario2{
			
	height: 35px;
	width: 100%;
	border-radius:20px;
	background: #FFC6E1;
	color:white;
	outline: none;
	padding-left:10px;
	font-size: 21px;
			
	}
	
    
	#slider{
		
	top:70px;
	width: 100%;
	height: auto;
	float: left;
	position:absolute;	
		
	}
	
	#lineacon{
		
		width: 35px;
		height: 8px;
		background: #FFC6E1;
		margin-left: 30px;
		margin-top:-6px;
		z-index: 1;
				
	}
	
	#botones{
		
		width: 357px;
		height: auto;
		float:left;
		text-align: center;
		/*position: absolute;*/
		/*margin-top: 1167px;*/
		margin-left: 46%;
		
	}
	
	.boton{
		
		width:167px; 
		height: 35px;
		background: #CCAC6F;
		border-radius: 20px;
		color: white;
		font-size: 13px;
				
	}
		#imagen{
		
			width: 625px;
			height: 254px;
		
	}
	
	#imagen1{
		
		width: 35px;
		height: 36px;
		margin-left: 30px;
		outline: none;
		margin-top:8px;	
				
	}
	
	#imagen2{
		
		width: 30px; 
		height: 30px; 
		margin-left:30px;
		outline: none;
		margin-top:11px;
		
			
	}
	
	#imagen3{
		
		width: 47px; 
		height: 34px; 
		margin-left:30px;
		margin-top:10px;
		
				
	}
	
	#imagen4{
		
		width:70px;
		height:70px;
		margin-top:13px;
		
		
		
	}
	
	#imagen6{
		
		width:70px;
		height:70px;
		margin-top:13px;
		
		
		
	}
	
	#imagen7{
		
		width:70px;
		height:70px;
		margin-top:13px;
		
		
		
	}
	
	#imagen8{
		
		width:70px;
		height:70px;
		margin-top:13px;
				
	}
	
	#imagen5{
		
		width:77px;
		height:77px;
		margin-top:147px;
	
		
		
	}
    
    #formucatalogo{
        
        color:#CCAC6F;
        font-size: 37px;
        width: 100%;
        height: auto;
        float:left;
        margin-top: 37px;
                
    }
    
    #formucatalogo1{
        
        width: 60%;
        height:auto; 
        float:left;
       margin-top: 17px;
        align-items:center;
		display: flex;
		justify-content: center;
		margin-left: 30%;
             
    }
    
    #formucatalogo2{
    
    width: 100%;
    height: 1177px;
    float: left;
    background: #000;
    /*top: 357px;
    position: absolute;
    */    
    }
	
	#di1{
		
		width: 25%;
		height: auto;
		float: left;
		
	}
	
	#di2{
		
		width: 25%;
		height: auto;
		float: left;
		
	}
	
	#di3{
		
		width: 25%;
		height: auto;
		float: left;
		
	}
    
    #di4{
    
    width: 25%;
    height: auto;
	float: left;
            
    }
    
    #tip{
    
    padding-left:11px; 
    padding-right:11px; 
    padding-bottom:11px; 
    padding-top:11px;
    position:fixed; 
    background-color:#fff; 
    height: 507px; 
    width: 777px; 
    font-size:13px;
    visibility:hidden;
    left:21%; right:21%;
    top:17%;z-index:1;
    border:11px solid #CCAC6F;
    border-radius:20px;
    
    }
    
    #tip1{
    
    padding-left:11px; 
    padding-right:11px; 
    padding-bottom:11px; 
    padding-top:11px;
    position:fixed; 
    background-color:#fff; 
    height: 507px; 
    width: 777px; 
    font-size:13px;
    visibility:hidden;
    left:21%; right:21%;
    top:17%;z-index:1;
    border:11px solid #CCAC6F;
    border-radius:20px;
    
    }
    
    #tip2{
    
    padding-left:11px; 
    padding-right:11px; 
    padding-bottom:11px; 
    padding-top:11px;
    position:fixed; 
    background-color:#fff; 
    height: 507px; 
    width: 777px; 
    font-size:13px;
    visibility:hidden;
    left:21%; right:21%;
    top:17%;z-index:1;
    border:11px solid #CCAC6F;
    border-radius:20px;
    
    }
    
    #tip3{
    
    padding-left:11px; 
    padding-right:11px; 
    padding-bottom:11px; 
    padding-top:11px;
    position:fixed; 
    background-color:#fff; 
    height: 507px; 
    width: 777px; 
    font-size:13px;
    visibility:hidden;
    left:21%; right:21%;
    top:17%;z-index:1;
    border:11px solid #CCAC6F;
    border-radius:20px;
    
    }
    
    #tip4{
    
    padding-left:11px; 
    padding-right:11px; 
    padding-bottom:11px; 
    padding-top:11px;
    position:fixed; 
    background-color:#fff; 
    height: 507px; 
    width: 777px; 
    font-size:13px;
    visibility:hidden;
    left:21%; right:21%;
    top:17%;z-index:1;
    border:11px solid #CCAC6F;
    border-radius:20px;
    
    }
    
    #tip5{
    
    padding-left:11px; 
    padding-right:11px; 
    padding-bottom:11px; 
    padding-top:11px;
    position:fixed; 
    background-color:#fff; 
    height: 507px; 
    width: 777px; 
    font-size:13px;
    visibility:hidden;
    left:21%; right:21%;
    top:17%;z-index:1;
    border:11px solid #CCAC6F;
    border-radius:20px;
    
    }
    
    #tip6{
    
    padding-left:11px; 
    padding-right:11px; 
    padding-bottom:11px; 
    padding-top:11px;
    position:fixed; 
    background-color:#fff; 
    height: 507px; 
    width: 777px; 
    font-size:13px;
    visibility:hidden;
    left:21%; right:21%;
    top:17%;z-index:1;
    border:11px solid #CCAC6F;
    border-radius:20px;
    
    }
    
    #tip7{
    
    padding-left:11px; 
    padding-right:11px; 
    padding-bottom:11px; 
    padding-top:11px;
    position:fixed; 
    background-color:#fff; 
    height: 507px; 
    width: 777px; 
    font-size:13px;
    visibility:hidden;
    left:21%; right:21%;
    top:17%;z-index:1;
    border:11px solid #CCAC6F;
    border-radius:20px;
    
    }
	
	#tipresumen{
		
	padding-left:11px;padding-right:11px;
	padding-bottom:11px;
	padding-top:11px;
	position:fixed; 
    background-color:#fff;
	height: 507px;
	width: 777px;
	font-size:13px;
	visibility:hidden;
	left:21%; 
	right:21%;
	top:17%;
	z-index:1;
	border:11px solid #CCAC6F;
	border-radius:20px;
			
	}
	
	#resumen{
		
	width: 377px;
	height: 414px;
	margin-left: 11px;
	float: left;
	margin-top: 0px;
	border-right: 1px solid black;
			
	}
	
	#resumen1{
		
		width: 377px;
		height: 414px;
		float: right;
		margin-left:0px;
		margin-top: 0px;
				
	}
	
	#subresumen{
		
	width:100%;
	height: 35px;
	float: left;
	display: flex;
	justify-content: flex-end;
  	align-items: flex-end;
	margin-top:-5px;
	margin-left: 0px;
	border-bottom: 1px solid black;
			
	}
	
	#subresumen1{
		
		width: 20%;
		height: auto;
		float: left;
		text-align: center;
		color:#CCAC6F;
		font-size: 13px;
		font-weight: bolder;
		
	}
	
	#subresumen2{
	
		width:100%;
		height: 39px;
		float: left;
		display: flex;
		align-content: center;
		justify-content: center;
			
	}
	
	#subresumen3{
		
	width: 20%;
	height: auto;
	float: left;
	text-align: center;
	font-size: 11px;	
			
	}
	
	#subresumen4{
		
	width: 20%;
	height: auto;
	float: left;
	text-align: center;
				
	}
	
	#resumendes{
		
		width:102%;
		height: 177px;
		float: left;
		overflow-x: hidden;
		overflow-y: auto;
		margin-left: 0px;
		margin-top: 11px;
		
	}
    
	#resumendes::-webkit-scrollbar {
    width: 6px;
		height: 13px;
	
	}
#resumendes::-webkit-scrollbar-track {
    box-shadow: inset 20px 20px 20px #CCAC6F; 
    border-radius: 20px;
}
#resumendes::-webkit-scrollbar-thumb {
    border-radius: 20px;
    box-shadow: inset 20px 20px 20px #CCAC6F;
}
	
	
    #close{
    margin-top: -63px;
    margin-left: 772px;
    cursor:pointer;
	width: 7%;
    }
    
	#close1{
    margin-top: -63px;
    margin-left: 772px;
    cursor:pointer;
	width: 7%;
    }
	
	#close2{
    margin-top: -63px;
    margin-left: 772px;
    cursor:pointer;
	width: 7%;
    }
	
	#close3{
    margin-top: -63px;
    margin-left: 772px;
    cursor:pointer;
	width: 7%;
    }
	
	#close4{
    margin-top: -63px;
    margin-left: 772px;
    cursor:pointer;
	width: 7%;
    }
	
	#close5{
    margin-top: -63px;
    margin-left: 772px;
    cursor:pointer;
	width: 7%;
    }
	
	#close6{
    margin-top: -63px;
    margin-left: 772px;
    cursor:pointer;
	width: 7%;
    }
	
	#close7{
    margin-top: -63px;
    margin-left: 772px;
    cursor:pointer;
	width: 7%;
    }
	
	#closeresumen{
    margin-top: -63px;
    margin-left: 772px;
    cursor:pointer;
	width: 7%;
    }
	
	
	
    #product{
        
        width: 20%;
        height: auto;
        float: left;
        
    }
	
	#product1{
        
        width: 20%;
        height: auto;
        float: left;
        
    }
	
	#product2{
        
        width: 20%;
        height: auto;
        float: left;
        
    }
    
	
	#product3{
        
        width: 20%;
        height: auto;
        float: left;
        
    }
	
	#product4{
        
        width: 20%;
        height: auto;
        float: left;
        
    }
	
	#product5{
        
        width: 20%;
        height: auto;
        float: left;
        
    }
	
	#product6{
        
        width: 20%;
        height: auto;
        float: left;
        
    }
	
	#product7{
        
        width: 20%;
        height: auto;
        float: left;
        
    }
	
    #productos{
        
        width: 298px;
        height: 34px;
        border-radius: 10px;
        font-size: 16px;
        padding-left: 10px;
        margin-left: -187px;
        
     }
    
    #categorias{
        
        width: auto;
        height: 39px;
        float: left;
		margin-left: -67px;
            
    }
    
    #buscproductos{
        
        border-radius: 10px;
        width: 172px;
        height: 41px;
        margin-left:0px;
		background: #CCAC6F;
		color:white;
		
		             
    }
    
    #catalog{
        
        width: 95%;
        height: auto;
        float: left;
        align-items:center;
        display: flex;
        justify-content: center;
        margin-top:57px;
              
    }
	
	#catalog1{
        
        width: 95%;
        height: auto;
        float: left;
        align-items:center;
        display: flex;
        justify-content: center;
        margin-top:57px;
              
    }
    
    #espacio{
        
        width: 5%;
        height: auto;
        float: left;
              
    }
    
    #ancho{
        
        width: 87%;
    }
    
    #texto_1{
        font-size: 21px;
        color: black; 
        }
    
    #texto_2{
		
    font-size: 16px;
    color: black;
    width: 50%;
    height: 337px;
    float: left;
	        
    }
    
    #texto_3{
    font-size: 28px;
    color: #CCAC6F;
	
    }
        
    
    #anch1{
        
        width: 50%;
        height: 337px;
        float: left;
        
    }
    
    #altoima{
        
        margin-top:21px;
		width: 71%;        
        
    }
	
	#carrito{
		
		width: 45%;
		height: 35px;
		float: left;
		background: #CCAC6F;
		border-radius:10px;
		text-align:center;
		font-size:10px;
		color:white;
		font-weight: bolder;
		padding-top: 2px;
		cursor: pointer;
				
	}
	
	#carrito1{
		
		width: 45%;
		height: 35px;
		float: left;
		background: #CCAC6F;
		border-radius:10px;
		text-align:center;
		font-size:10px;
		color:white;
		font-weight: bolder;
		padding-top: 2px;
		cursor: pointer;
				
	}
    
	#carrito2{
		
		width: 45%;
		height: 35px;
		float: left;
		background: #CCAC6F;
		border-radius:10px;
		text-align:center;
		font-size:10px;
		color:white;
		font-weight: bolder;
		padding-top: 2px;
		cursor: pointer;
				
	}
	
	#carrito3{
		
		width: 45%;
		height: 35px;
		float: left;
		background: #CCAC6F;
		border-radius:10px;
		text-align:center;
		font-size:10px;
		color:white;
		font-weight: bolder;
		padding-top: 2px;
		cursor: pointer;
				
	}
	
	#carrito4{
		
		width: 45%;
		height: 35px;
		float: left;
		background: #CCAC6F;
		border-radius:10px;
		text-align:center;
		font-size:10px;
		color:white;
		font-weight: bolder;
		padding-top: 2px;
		cursor: pointer;
				
	}
	
	#carrito5{
		
		width: 45%;
		height: 35px;
		float: left;
		background: #CCAC6F;
		border-radius:10px;
		text-align:center;
		font-size:10px;
		color:white;
		font-weight: bolder;
		padding-top: 2px;
		cursor: pointer;
				
	}
	
	#carrito6{
		
		width: 45%;
		height: 35px;
		float: left;
		background: #CCAC6F;
		border-radius:10px;
		text-align:center;
		font-size:10px;
		color:white;
		font-weight: bolder;
		padding-top: 2px;
		cursor: pointer;
				
	}
	
	#carrito7{
		
		width: 45%;
		height: 35px;
		float: left;
		background: #CCAC6F;
		border-radius:10px;
		text-align:center;
		font-size:10px;
		color:white;
		font-weight: bolder;
		padding-top: 2px;
		cursor: pointer;
				
	}
	
	#menos{
		
		width: 33%;
		height: 35px;
		float: left;
		text-align: center;
		color: white;
		font-size: 30px;
		font-weight: bolder;
		padding-top: -3px;
		margin-top: -4px; 
		cursor: default;
		
		
	}
	
	#neutro{
		
		width: 33%;
		height: 33px;
		float: left;
		text-align: center;
		color: white;
		font-size: 22px;
		font-weight: bolder;
		padding-top: 12px;
		
		
	}
	
	#mas{
		
		width: 34%;
		height: 33px;
		float: left;
		text-align: center;
		color: white;
		font-size: 22px;
		font-weight: bolder;
		padding-top: 9px;
		cursor: default;
		
	}
	
	#menos1{
		
		width: 33%;
		height: 35px;
		float: left;
		text-align: center;
		color: white;
		font-size: 30px;
		font-weight: bolder;
		padding-top: -3px;
		margin-top: -4px;
		cursor: default;
	}
	
	#neutro1{
		
		width: 33%;
		height: 33px;
		float: left;
		text-align: center;
		color: white;
		font-size: 22px;
		font-weight: bolder;
		padding-top: 12px;
		margin-top: -4px;
		
	}
	
	#mas1{
		
		width: 34%;
		height: 33px;
		float: left;
		text-align: center;
		color: white;
		font-size: 22px;
		font-weight: bolder;
		padding-top: 9px;
		cursor: default;
		
	}
	
	#menos2{
		
		width: 33%;
		height: 35px;
		float: left;
		text-align: center;
		color: white;
		font-size: 30px;
		font-weight: bolder;
		padding-top: -3px;
		margin-top: -4px;
		cursor: default;
	}
	
	#neutro2{
		
		width: 33%;
		height: 33px;
		float: left;
		text-align: center;
		color: white;
		font-size: 22px;
		font-weight: bolder;
		padding-top: 12px;
		
		
	}
	
	#mas2{
		
		width: 34%;
		height: 33px;
		float: left;
		text-align: center;
		color: white;
		font-size: 22px;
		font-weight: bolder;
		padding-top: 9px;
		cursor: default;
		
	}
	
	#menos3{
		
		width: 33%;
		height: 35px;
		float: left;
		text-align: center;
		color: white;
		font-size: 30px;
		font-weight: bolder;
		padding-top: -3px;
		margin-top: -4px;
		cursor: default;
	}
	
	#neutro3{
		
		width: 33%;
		height: 33px;
		float: left;
		text-align: center;
		color: white;
		font-size: 22px;
		font-weight: bolder;
		padding-top: 12px;
		
		
	}
	
	#mas3{
		
		width: 34%;
		height: 33px;
		float: left;
		text-align: center;
		color: white;
		font-size: 22px;
		font-weight: bolder;
		padding-top: 9px;
		cursor: default;
		
	}
	
	#menos4{
		
		width: 33%;
		height: 35px;
		float: left;
		text-align: center;
		color: white;
		font-size: 30px;
		font-weight: bolder;
		padding-top: -3px;
		margin-top: -4px;
		cursor: default;
		
	}
	
	#neutro4{
		
		width: 33%;
		height: 33px;
		float: left;
		text-align: center;
		color: white;
		font-size: 22px;
		font-weight: bolder;
		padding-top: 12px;
		
		
	}
	
	#mas4{
		
		width: 34%;
		height: 33px;
		float: left;
		text-align: center;
		color: white;
		font-size: 22px;
		font-weight: bolder;
		padding-top: 9px;
		cursor: default;
		
	}
	
	#menos5{
		
		width: 33%;
		height: 35px;
		float: left;
		text-align: center;
		color: white;
		font-size: 30px;
		font-weight: bolder;
		padding-top: -3px;
		margin-top: -4px;
		cursor: default;
	}
	
	#neutro5{
		
		width: 33%;
		height: 33px;
		float: left;
		text-align: center;
		color: white;
		font-size: 22px;
		font-weight: bolder;
		padding-top: 12px;
		
		
	}
	
	#mas5{
		
		width: 34%;
		height: 33px;
		float: left;
		text-align: center;
		color: white;
		font-size: 22px;
		font-weight: bolder;
		padding-top: 9px;
		cursor: default;
		
	}
	
	#menos6{
		
		width: 33%;
		height: 35px;
		float: left;
		text-align: center;
		color: white;
		font-size: 30px;
		font-weight: bolder;
		padding-top: -3px;
		margin-top: -4px;
		cursor: default;
	}
	
	#neutro6{
		
		width: 33%;
		height: 33px;
		float: left;
		text-align: center;
		color: white;
		font-size: 22px;
		font-weight: bolder;
		padding-top: 12px;
		
		
	}
	
	#mas6{
		
		width: 34%;
		height: 33px;
		float: left;
		text-align: center;
		color: white;
		font-size: 22px;
		font-weight: bolder;
		padding-top: 9px;
		cursor: default;
		
	}
	
	#menos7{
		
		width: 33%;
		height: 35px;
		float: left;
		text-align: center;
		color: white;
		font-size: 30px;
		font-weight: bolder;
		padding-top: -3px;
		margin-top: -4px;
		cursor: default;
	}
	
	#neutro7{
		
		width: 33%;
		height: 33px;
		float: left;
		text-align: center;
		color: white;
		font-size: 22px;
		font-weight: bolder;
		padding-top: 12px;
		
		
	}
	
	#mas7{
		
		width: 34%;
		height: 33px;
		float: left;
		text-align: center;
		color: white;
		font-size: 22px;
		font-weight: bolder;
		padding-top: 9px;
		cursor: default;
		
	}
	
	#info{

	width: 100%;
	height: auto;
	float: left;
	color:white;
	
	}
	
	#barra{
		
		width:  100%;
		height: 22px;
		float:left;		
	}
	
	#facturacion{
		
	width:100%;
	height: 44px;
	float: left;
	display: flex;
	align-content: center;
	justify-content: center;
	margin-top:0px;
	margin-left: 0px;
		
		
	}
	
	#facturacion1{
		
	width:100%;
	height: auto;
	float: left;
	font-size: 22px;
	text-align: center;
	font-weight: bolder;
				
	}
	
	#total{
		
		height: 35px;
		width: 100%;
		background: white;
		float: left;
		display: flex;
		align-items:center;
		justify-content: center;
		margin-top: 7px;
		border-top: 1px solid black;
		border-bottom: 1px solid black;
		
	}
	
	#total1{
		
		height: auto;
		width: 50%;
		background: white;
		float: left;
		font-size: 17px;
		font-weight: bolder;
		text-align: left;
				
	}
	
	#total2{
				
		height: auto;
		width: 50%;
		background: white;
		float: right;
		font-size: 17px;
		font-weight: bolder;
		text-align: right;
				
	}
	
	#condiciones{
		
		width: 100%;
		height: 67px;
		float: left;
		font-size: 13px;
		text-align: justify;
		color: black;
		margin-top: 17px;
		
	}
	
	#pacasilla{
		
		width: 100%;
		height: 21px;
		font-size: 12px;
		color: #CCAC6F;
		margin-top: 17px;
		float: left;
		text-align: left;
		
		
	}
	
	#pacasilla1{
		
		width: 100%;
		height: 21px;
		font-size: 12px;
		text-align: left;
		color: #CCAC6F;
		float: left;
	}
	
	#casilla{
		
		
		color: #CCAC6F;
				
	}
	
	#casilla1{
		
		
		color: #CCAC6F;
		
	}
	
	#enviar{
		
		width: 100%;
		height: 31px;
		float: left;
		margin-top: 7px;
		display: flex;
		align-items:center;
		justify-content: center;
				
	}
	
	#pagar{
		
		width: 176px;
		height: 31px;
		background: #CCAC6F;
		color: white;
		border-radius: 10px;
		font-size: 10px;
						
	}
	
	#cancompra{
		
		width: 176px;
		height: 31px;
		background: #CCAC6F;
		color: white;
		border-radius: 10px;
		font-size: 10px;
				
	}
    
    #forma{
        
    width:100%;
	height: 35px;
	float: left;
	display: flex;
	justify-content: center;
  	align-items: center;
	margin-top:24px;
	margin-left: 0px;     
        
    }
    
    #forma1{
        
        width:50%;
        height: auto;
        float: left;
        font-size: 13px;
        color: #CCAC6F;
        text-align: left;
        font-weight: bolder;
        
    }
	
    #forma2{
        
        width:50%;
        height: auto;
        float: right;
        font-size: 13px;
        color: #CCAC6F;
        text-align: left;
        font-weight: bolder;
        
    }
    
    #nombres{
    
        width: 167px;
        height: 18px;
        font-size: 16px;
        padding-top: 15px;
        outline: none;
                
    }
    
    #apellidos{
        
      width: 167px;
      height: 18px;  
      font-size: 16px; 
        padding-top: 15px;
        outline: none;
        
    }
    
    #forma3{
        
    width:100%;
	height: 35px;
	float: left;
	display: flex;
	justify-content: center;
  	align-items: center;
	margin-top:24px;
	margin-left: 0px;     
        
    }
    
    #forma4{
        
        width:50%;
        height: auto;
        float: left;
        font-size: 13px;
        color: #CCAC6F;
        text-align: left;
        font-weight: bolder;
        
    }
	
    #forma5{
        
        width:50%;
        height: auto;
        float: right;
        font-size: 13px;
        color: #CCAC6F;
        text-align: left;
        font-weight: bolder;
        
    }
    
    #tipodocumento{
    
        width: 175px;
        height: 38px;
        font-size: 15px;
        outline: none;
        padding-top: 19px;
        margin-top: 1px;
                        
    }
    
    #nudoc{
        
      width: 167px;
      height: 18px;  
      font-size: 16px; 
        padding-top: 15px;
        outline: none;
        
    }
    
    #forma6{
        
    width:100%;
	height: 35px;
	float: left;
	margin-top:18px;
	margin-left: 0px;
    color: #CCAC6F;
    text-align: left;
    font-weight: bolder;
    font-size: 13px;
        
    }
    
    #direccion{
        
      width: 94%;
      height: 18px;  
      font-size: 16px; 
      padding-top: 15px;
      outline: none;
        
    }
	
    #forma7{
        
    width:100%;
	height: 35px;
	float: left;
	margin-top:27px;
	margin-left: 14px;     
        
    }
    
    #opcional{
        
      width: 354px;
      height: 18px;  
      font-size: 16px; 
      padding-top: 15px;
      outline: none;
      margin-left: -14px;
        
        
    }
    
    #forma8{
        
    width:100%;
	height: 35px;
	float: left;
	display: flex;
	justify-content: center;
  	align-items: center;
	margin-top:20px;
	margin-left: 0px;     
        
    }
    
    #forma9{
        
        width:50%;
        height: auto;
        float: left;
        font-size: 13px;
        color: #CCAC6F;
        text-align: left;
        font-weight: bolder;
        
    }
	
    #forma10{
        
        width:50%;
        height: auto;
        float: right;
        font-size: 13px;
        color: #CCAC6F;
        text-align: left;
        font-weight: bolder;
        
    }
    
    #departamento{
    
        width: 175px;
        height: 38px;
        font-size: 15px;
        outline: none;
        padding-top: 19px;
        margin-top: 1px;
                
    }
    
    #municipio{
        
      width: 167px;
      height: 18px;  
      font-size: 16px; 
        padding-top: 15px;
        outline: none;
        
    }
    
      
    #forma11{
        
    width:100%;
	height: 35px;
	float: left;
	display: flex;
	justify-content: center;
  	align-items: center;
	margin-top:24px;
	margin-left: 0px;     
        
    }
    
    #forma12{
        
        width:50%;
        height: auto;
        float: left;
        font-size: 13px;
        color: #CCAC6F;
        text-align: left;
        font-weight: bolder;
        
    }
	
    #forma13{
        
        width:50%;
        height: auto;
        float: right;
        font-size: 13px;
        color: #CCAC6F;
        text-align: left;
        font-weight: bolder;
        
    }
    
    #tel{
    
        width: 167px;
        height: 18px;
        font-size: 16px;
        padding-top: 15px;
        outline: none;
                
    }
    
    #barrio{
        
      width: 167px;
      height: 18px;  
      font-size: 16px; 
        padding-top: 15px;
        outline: none;
        
    }
    
    #forma14{
        
    width:100%;
	height: 35px;
	float: left;
	margin-top:16px;
	margin-left: 0px;
    color: #CCAC6F;
    text-align: left;
    font-weight: bolder;
    font-size: 13px;
        
    }
	
	#correo{
        
      width: 94%;
      height: 18px;  
      font-size: 16px; 
      padding-top: 15px;
      outline: none;
        
    }
    
    #clo{
        
    border-radius: 10px;
    background: #CCAC6F;
    color: white;
    width: auto;
    height: 41px;
    cursor: pointer; 
    margin-left:-36px;
            
    }
	
	#whatsapp{
		
		position: fixed;
		bottom: 9px;
		z-index: 100000;
		right: -1px;
		width: 73px;
		height: 73px;
			
	}
	
	#whatsapp1{
		
		width: 33px;
		height: 33px;
			
	}
	
	#ver{
		
	width: 33%;
	height: auto;
	float: left;
	margin-left: 1%;	
			
	}
	
	#ver1{
		
	width: 33%;
	height: auto;
	float: left;
				
	}
	
	#ver2{
		
	width: 33%;
	height: auto;
	float: left;
				
	}
	
	#cuadro{
		
		width: 100%;
		height: auto;
		float: left;
		margin-left: -24%;
		margin-top: 6px;
			
	}
	
	#cuadro a{
		
		text-decoration: none;
				
	}
	
	#cuadro1{
		
		width: 25%;
		height: auto;
		float: left;
				
	}
	
	#cuadro2{
		
		width: 25%;
		height: auto;
		float: left;
				
	}
    
	#cuadro3{
		
		width: 25%;
		height: auto;
		float: left;
		
	}
	
		
	#cuadro4{
		
		width: 25%;
		height: auto;
		float: left;
			
	}
	
	#tipresumen1{
		
	padding-left:11px;padding-right:11px;
	padding-bottom:11px;
	padding-top:11px;
	position:fixed; 
    background-color:#fff;
	height: 507px;
	width: 777px;
	font-size:13px;
	visibility:hidden;
	left:21%; 
	right:21%;
	top:17%;
	z-index:1;
	border:11px solid #CCAC6F;
	border-radius:20px;
			
	}
	
	#closeresumen1{
    margin-top: -63px;
    margin-left: 772px;
    cursor:pointer;
	width: 7%;
    }
	
	#cuenta{
		
	width:100%;
	height: auto;
	float: left;
	font-size: 26px;
	text-align: center;
	font-weight: bolder;
		
	}
	
	#resumen2{
		
	width: 377px;
	height: 414px;
	margin-left: 11px;
	float: left;
	margin-top: 0px;
	border-right: 1px solid black;
			
	}
	
	#resumen3{
		
		width: 377px;
		height: 414px;
		float: right;
		margin-left:0px;
		margin-top: 0px;
				
	}
	
	#acceder{
        
    width:100%;
	height: 35px;
	float: left;
	display: flex;
	justify-content: center;
  	align-items: center;
	margin-top:24px;
	margin-left: 0px;     
        
    }
	
	#acceder1{
		
	width: 100%;
	height: auto;
	float: left;
	font-size: 22px;
	text-align: left;
	font-weight: bolder;
		
		
	}
	
	#celectro{
        
    width:100%;
	height: 35px;
	float: left;
	margin-top:16px;
	margin-left: 0px;
    color: #CCAC6F;
    text-align: left;
    font-weight: bolder;
    font-size: 18px;
        
    }
	
	#celectro1{
        
      width: 94%;
      height: 33px;  
      font-size: 17px; 
      padding-top: 15px;
      outline: none;
	border:1px solid black;
        
    }
	
	#contrase{
        
    width:100%;
	height: 35px;
	float: left;
	margin-top:59px;
	margin-left: 0px;
    color: #CCAC6F;
    text-align: left;
    font-weight: bolder;
    font-size: 18px;
        
    }
	
	#contrase1{
        
      width: 94%;
      height: 33px;  
      font-size: 17px; 
      padding-top: 15px;
      outline: none;
	border:1px solid black;
        
    }
	
	#acceder2{
		
		width: 147px;
		height: 45px;
		background: #CCAC6F;
		color: white;
		font-size: 17px;
		text-align: center;
		margin-top: 67px;
		border-radius: 10px;
				
	}
	
	#registrarse{
        
    width:100%;
	height: 35px;
	float: left;
	display: flex;
	justify-content: center;
  	align-items: center;
	margin-top:24px;
	margin-left: 0px;     
        
    }
	
	#registrarse1{
		
	width: 100%;
	height: auto;
	float: left;
	font-size: 22px;
	text-align: left;
	font-weight: bolder;
		
		
	}
	
	#celectro2{
        
    width:100%;
	height: 35px;
	float: left;
	margin-top:16px;
	margin-left: 0px;
    color: #CCAC6F;
    text-align: left;
    font-weight: bolder;
    font-size: 18px;
        
    }
	
	#celectro3{
        
      width: 94%;
      height: 33px;  
      font-size: 17px; 
      padding-top: 15px;
      outline: none;
	border:1px solid black;
        
    }
	
	#contrase2{
        
    width:100%;
	height: 35px;
	float: left;
	margin-top:59px;
	margin-left: 0px;
    color: #CCAC6F;
    text-align: left;
    font-weight: bolder;
    font-size: 18px;
		
        
    }
	
	#contrase3{
        
      width: 94%;
      height: 33px;  
      font-size: 17px; 
      padding-top: 15px;
      outline: none;
	border:1px solid black;
        
    }
	
	#registro{
		
		width: 217px;
		height: 45px;
		background: #CCAC6F;
		color: white;
		font-size: 17px;
		text-align: center;
		margin-top: 67px;
		border-radius: 10px;
				
	}
	
	#tipcontent{
		
		visibility:hidden;
		position: fixed;
		width: 427px;
		height: 27px;
		border-radius: 20px;
		background: #FFC6E1;
		color: black;
		bottom:2px;
		left:37%;
		text-align: center;
		font-size: 17px;
		float:left;
		z-index:2;
				
	}
	
	#irpagar{
		
		width: 337px;
		height: 54px;
		float: left;
		color:white;
		background: #CCAC6F;
		text-align: center; 
		margin-left:387px;
		margin-top:299px;
		font-size: 47px;
		cursor: pointer;
		font-weight: bolder;
		position: absolute;
				
	}
	
	#cerrar{
		
		border-radius: 20px;
		height: 24px;
		width: 117px;
		margin-top:3px;
		/*margin-left:92%;*/
		/*position: absolute;*/
		color: black;
		background: white;
		font-size: 12px;
		border: 0px;
		outline: none;
		cursor: pointer;
		
			}
	
	#cerrar1{
		
		border-radius: 20px;
		height: 24px;
		width: 117px;
		margin-top:14px;
		/*margin-left:92%;*/
		/*position: absolute;*/
		color: black;
		background: white;
		font-size: 12px;
		border: 0px;
		outline: none;
		cursor: pointer;
		
			}
	
	#hist{
		
		height: 24px;
		width: 305px;
		/*margin-top:13px;
		margin-left:47%;
		position: absolute;*/
		color: white;
		font-size: 26px;
		font-weight: bolder;
				
	}
	
	#pernal{
		
		height: 24px;
		width: 158px;
		/*margin-top: 13px;
		margin-left:38%;
		position: absolute;*/
		color: white;
		font-size: 26px;
		font-weight: bolder;
	}
	
	#pa{
		
		height: 24px;
		width: 134px;
		/*margin-top: 13px;
		margin-left:29%;
		position: absolute;*/
		color: white;
		font-size: 26px;
		font-weight: bolder;
				
	}
	
	#orga{
		
		width: 16%;
		left: 62%;
		position: absolute;
		top: 236px;	
		
	}
	
	#conte{
		
		width: 33%;
		height: 289px;
		position: absolute;
		top: 236px;
		float:left;
				
	}
	
	#rescocho{
		
	width: 100%;
	height: 487px;
	float: left;
	top: 117px;
	position: absolute;
	overflow-x: auto;
	overflow-y: auto;	
				
	}
	
	#torre{
		
		width: 100%;
		height: 57px;
		float: left;
		display: flex;
		align-items:center;
		justify-content: center;
		border-top: 8px solid black;
		font-weight: bolder;
			
	}
	
	#subtorre{
		
		width:14%;
		height: auto;
		float: left;
		text-align: center;
			
	}
	
	#subtorrea{
		
		width:8%;
		height: auto;
		float: left;
		text-align: center;
			
	}
	
	#subtorreb{
		
	width:5%;
	height: auto;
	float: left;
	text-align: center;	
		
	}
	
	#torre1{
		
		width: 100%;
		height: 57px;
		float: left;
		display: flex;
		align-items:center;
		justify-content: center;
		border-top: 8px solid black;
		border-bottom:8px solid black;
		
	}
	
	#torre2{
		
		width: 100%;
		height: 37px;
		float: left;
		display: flex;
		align-items:center;
		justify-content: center;
		border-bottom:8px solid black;		
		
	}
	
	#subtorre2a{
		
		width:33%;
		height: auto;
		float: left;
		text-align: center;
				
	}
	
	#subtorre2b{
		
		width:34%;
		height: auto;
		float: left;
		text-align: center;
		
	}
	
	#subtorre2c{
		
		width:34%;
		height: auto;
		float: left;
		text-align: center;
		font-weight: bolder;
		
	}
	
	#torre3{
		
		width: 100%;
		height: 37px;
		float: left;
		display: flex;
		align-items:center;
		justify-content: center;
		border-bottom:8px solid black;
		font-weight: bolder;
				
	}
	
	#torre4{
		
		width: 100%;
		height: 37px;
		float: left;
		font-size: 34px;
		font-weight: bolder;
		text-align: center;
		border-bottom:8px solid black;
				
	}
	
	#fechaini1{
		
		
		margin-top: 0px;
		margin-left: 0px;
		width: 25%;
		height: auto;
		float: left;
		position: absolute;
		
	}
	
	#fechafin1{
		
		
		margin-top: 0px;
		margin-left: 25%;
		width: 25%;
		height: auto;
		float: left;
		position: absolute;
		
		
	}
	
	#tipocompra1{
		
		
		margin-top: 0px;
		margin-left: 50%;
		width: 25%;
		height: auto;
		float: left;
		position: absolute;
		
		
	}
	
	#busca1{
		
		
		margin-top: 0px;
		margin-left: 75%;
		width: 25%;
		height: auto;
		float: left;
		position: absolute;
		
		
	}
	
	#usua{
		
		width: 100%; 
		height: 33px;
		border-radius: 10px;
		font-size: 15px;
		
		
	}
	
	#nomb{
		
		width: 100%; 
		height: 33px;
		border-radius: 10px;
		font-size: 15px;
		
		
	}
	
	#ape{
		
		width: 100%; 
		height: 33px;
		border-radius: 10px;
		font-size: 15px;
				
	}
	
	#tipod{
		
		width: 102%; 
		height: 39px;
		border-radius: 10px;
		font-size: 15px;
			
	}
	
	#docum{
		
		width: 100%; 
		height: 33px;
		border-radius: 10px;
		font-size: 15px;
			
	}
	
	#direcci{
		
		width: 100%; 
		height: 33px;
		border-radius: 10px;
		font-size: 15px;
			
	}
	
	#opcion{
		
		width: 100%; 
		height: 33px;
		border-radius: 10px;
		font-size: 15px;
			
	}
	
	#departamento1{
		
		width: 102%; 
		height: 39px;
		border-radius: 10px;
		font-size: 15px;
		padding-top: 2px;
			
	}
	
	#munin{
		
		width: 100%; 
		height: 33px;
		border-radius: 10px;
		font-size: 15px;
			
	}
	
	#tele{
		
		width: 100%; 
		height: 33px;
		border-radius: 10px;
		font-size: 15px;
			
	}
	
	#bar{
		
		width: 100%; 
		height: 33px;
		border-radius: 10px;
		font-size: 15px;
			
	}
	
	#public{
		
		width: 102%; 
		height: 39px;
		border-radius: 10px;
		font-size: 15px;
			
	}
	
	#contas{
		
		width: 100%; 
		height: 33px;
		border-radius: 10px;
		font-size: 15px;
		z-index: 0;	
	}
	
	#ojo{
		
		width: 17px;
		height: 15px;
		background-image: url('../Imagenes/ojo.png');
		background-repeat: no-repeat;
		margin-top: 0px;
		margin-left: 313px;
		border: 0px;
		background-size: 17px;
		outline: none;
		z-index: 17;
				
	}
	
	#principio{
	width: 22%;
	height: auto;
	float: left;
	left: 0%;
	font-size: 27px;
		
			
	}
	
	#fin{
	width: 27%;
	height: auto;
	float: left;
	left: 22%;
			
	}
	
	#cuerpo{
		
	top: 46px;
	left:0%;
	width: 100%;
	height: auto;
	float:left;	
	position: absolute;
		
	}
	
	#cuerpo1{
		
	top: 101px;
	left:0%;
	width: 100%;
	height: 537px;
	float:left;	
	/*overflow-x: hidden;
	overflow-y: auto;*/
	position: absolute;
		
	}
	
	#tituabajo{
		
		width:100%;
		height: 37px;
		position: fixed;
		bottom: 0%;
		background: #000;
		color:white;
		font-size:14px;
		float: left;
		align-items:center;
		display: flex;
		z-index: 10000;
		justify-content: center;
				
	}
	
	#tituabajo1{
		
		visibility: hidden;
		
		/*
		width:100%;
		height: 37px;
		position: fixed;
		bottom: 0%;
		background: #000;
		color:white;
		font-size:14px;
		float: left;
		align-items:center;
		display: flex;
		z-index: 10000;
		justify-content: center;
		*/		
	}
	
	#recoltado{
		top: 638px;
		width: 100%;
		height: auto;
		float: left;
		/*overflow-x: hidden;
		overflow-y: auto;*/
		position: absolute;
		
	}
	
	}