* {
	margin: 0;
	padding: 0;}


#pagina {
	max-width: 1280px;
	margin: 0 auto;
}

/*--*/.col1 {
	width: 100%;}

/*--*/.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
	float: left;
}

/*--*/.raya{margin-top: 40px;
margin-bottom: 40px;}

/*--*/.col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col10 img, .col11 img, .col9 img {
	display: block;
	width: 100%;
}

/*--*/.col12 img{
	display: block;
	width: 80%;
	margin-left: 10%;
	margin-top: 20px;
}

/*--*/.col2 {
	width: 49.6%;}

/*--*/.col3{
	width: 100%;
	text-align: center;
	margin-top: 60px;}

/*--*/.col4 {
	width: 30%;
	margin-bottom: 20px;
	margin-right: 3%;}

/*--*/.col5{
	width: 60%;
	margin-left: 10%;}

/*--*/.col6 {
	width: 10%;
	margin-right: 10%;}

/*--*/ .col7 {
	width: 80%;
	height: 50px;}

/*--*/.info{
	height: 0%;
	margin-right: 0%;}

/*--*/.col8 {
	width: 13%;
	height: 50px;
	margin-left: 5%;}

/*--*/.col12 {
	width: 22.1%;
	height:auto;
	margin-right: 3%;
	margin-bottom: 3%;
	border: 3px solid #B7CFED;
	border-radius: 20px;}

/*--*/hr {
	border: none;
	height: 30px;
	clear: both;}


.datos{
	border: 0px;
	border-radius: 0px;
	margin-right: -10px;
}

.envio{
	border: 0px;
	border-radius: 0px;
	margin-left: 0px;
	margin-bottom: 20px;
}

/*--*/.taza{ border: 3px solid #EDAFBB}

/*--*/.joyeria{ border: 3px solid #DEBBED}

/*--*/.col10 {
	width: 70%;
	height: auto;
	margin-left: 3%;}

/*--*/.col11{
	width: 20%;
	height: auto;
	margin-left: 10px;}

/*--*/.cierre{
	margin: 0; float: right;}

/*--*/#final{
	margin-top: 10px;}

@media all and (max-width: 950px) {
	body {background: black; color: white;}

	.col1 {
		width: 100%
	}

	.col3, .col4, .col5, .col9, .col10, .col11 {
		width: 99%;
	}

	.col6 {
		margin-left: 45px
	}

	.col7 {
		width: 70%
	}

	.col8{
		width: 25%
	}

	.col12{
		width: 80%;
		margin-bottom: 20px;
		margin-left: 5%;
		margin-right: 10px;
	}

	 .col2, .col3 {
	 	width: 90%;
	 	margin-left: 5%;
	 }

	.cierre{
		float: left;
	}