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

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400&display=swap');
		a{
			text-decoration: none;
			color: black;
		}
	body{
		margin: 0px;
		font-weight: 100;
		font-family: 'Roboto', sans-serif;
		align-content: center;
	}
		.menu{
		position:fixed;
		z-index: 9999999;
		text-align: center;
		align-content: center;
		width: 100%;
		
		top: 0px;
		height: 50px;
		background: rgba(255,255,255,1);
	}
	.menu table{

		width: 40%;
		min-width: 600px;
		margin: 10px;
	}
	.menu td{
		width: 20%;
		font-size: 110%;
		vertical-align: middle;
		text-align: center;
		font-weight: 100;
	}
	
	.menu a:hover{
		background: rgba(0,0,0,0.10);
	}
		.logo2{
		position: fixed;
		left:20px;
		top: 10px;
		font-size: 150%;
		
	}
		.fondo{
			position: absolute;
			background: url("jpg/cont1/12.jpg") no-repeat center  ;
			background-size :cover;
			top:0px;
			left: 0px;
			height: 90%;
			min-height: 700px;
			max-height: 700px;
			width: 100%;
			
		}
		
		.imgprofile{
			background: url("jpg/logoch.png") center white;
			background-size: 90%;
			vertical-align: middle;
			padding: 20px;
			position:absolute;
			z-index: 99;
			top: 300px;
			left:calc(50% - 120px);
			
			width: 200px;
			height: 200px;
			
			border-radius: 100%;
		}
		.descprofile{
			text-align: center;
			position: absolute;
			top: 620px;
			width: 80%;
			left:10%;
			background: white;
			height: auto;
		}
		.descprofile h1{
			font-weight: 100;
		}
	
		.contact{
			margin-top: 50px;
			width: 100%;
		}

		.contact img{
			width: 20px;
		}
		.contactprod{
				margin-top: 50px;
				
				width: 900px;
				}

		.contactprod img{
			width: 20px;
		}
		.content{
			width: 100%;
		}
		.spaces{
			position:relative;
			margin-top: 50px;
			left: -20px;
			width: 100%;
			max-width: 910px;
			height: 100;
			
		}
		.spaces ul,li{
			
			 list-style-type: none;
		}
		.spaces ul {
			position: relative;
			left: -20px;
			width: 100%;
			height: 100%;
		
		}
		.spaces li{
			list-style: none;
			margin: 5px;
			height: 220px;
			width: 290px;
			float: left;
		}
		.spaces img{
			width: 100%;
			
		}
		.items{
			position:relative;
			margin-top: 50px;
			left: -20px;
			width: 100%;
			max-width: 910px;
			
		}



		.items ul,li{
			
			 list-style-type: none;
		}
		.items ul {
			position: relative;
			left: -20px;
			width: 100%;
			height: 100%;
		
		}
		.items li{
			list-style: none;
			margin: 5px;
			height: 240px;
			width: 290px;
			float: left;
		}
		.items li:Hover{
			background: rgba(228,228,228,1.00)
		}
		.items img{
			width: 100%;
			
		}
		.contactprod{
				margin-top: 0px;
				width: 100%;
				max-width: 900px;
				}

		.contactprod img{
			width: 20px;
		}
		.content{
			width: 100%;
			max-width: 900px;
		}


.prod ul,li{
			
			 list-style-type: none;
		}
.prod ul {
			position: relative;
			left: -20px;
			width: 100%;
			height: 100%;
		
		}
.prod li{
			list-style: none;
			float: left;
		}
.foto{
	width: 60%;
}
.descripcion{
	padding: 10px;
	width:calc(40% - 20px);
}
.nombre{
	font-size: 200%;
	text-align: left;
	margin-bottom: 20px;
}
.precio{
	font-size: 110%;
	color: red;
	text-align: right;
	margin-top: 20px;
}

.medidas{
	text-align: right;
}
.logoprod{
	border-radius: 100%;
	position: relative;
	margin-top: 50px;

}
.logoprod img{
	border-radius: 100%;
}
@media screen and (max-width: 1134px){
		.spaces{
			width: 100%;
			}
	
	.spaces li{
		height: 40%;
		width:calc(33% - 10px);
	}
	
		
	.items{
			width: 100%;
			}
	.items li{
		height: 40%;
		width:calc(33% - 10px);
	}
		
}
.contactprod{
				
				width: 100%;
				}
@media screen and (max-width: 900px){
	.foto{
	width: 100%;
}
.descripcion{
	width:calc(100% - 20px);
	padding: 10px;
	font-size: 130%;
}
	.nombre{
		font: 160%;
	}
	.prod ul {
			
			left: -20px;
			width: 90%;
			height: 100%;
		
		}
	.prod img{
		
		width:  100%
	}
		.spaces{
			width: 100%;
			}
	
	.spaces li{
		height: 220px;
			width: 290px;
	}
	
		.spaces h1{
			margin-left: 20px;
			background: black; 
			color: white;
			}
		.items{
			width: 100%;
			}
		.items li{
			
			height: 240px;
			width: 290px;
			
		}
		.items h1{
			margin-left: 20px;
			background: black; 
			color: white;
			}
}
		.smalldesc{
			padding: 20px;
		}
		.espaciador{
			position: absolute;
			height: 200px;
			width: 100%;
			
		}
		.price{
			width:95%;
			text-align: right;
			position: relative;
			color: red;
		}
		.titulo{
			width: 95%;
			text-align: right;
			position:relative;
			color:black;
		}
#superbox-overlay{background:  #000; }
#superbox-container .loading{width:32px;height:32px;margin:0 auto;text-indent:-9999px;background:url(../jquery_superbox/styles/loader.gif) no-repeat 0 0;}
#superbox .close a{float:right;padding:0 5px;line-height:20px;background: #999;cursor:pointer;
	border-radius: 7px;
	-moz-border-radius: 7px;}
#superbox .close a span{color:#fff;}
#superbox .nextprev a{float:left;margin-right:5px;padding:0 5px;line-height:20px;background:#333;cursor:pointer;color:#fff;}
#superbox .nextprev .disabled{background:#ccc;cursor:default;}