html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { 
margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; }
body { 
		width: 100%;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right:0px;
		margin-top:0px;
		margin-bottom:0px;
		margin-left:0px;
		margin-right:0px;
		background: #FFFEFB;
		font-family: "new-zen", sans-serif;
		font-weight: 300;
}

#topbar {
		position: relative;
		display:flex;
		max-width: 100%;
		padding-left: 4%;
		padding-right: 4%;
		padding-top: 20px;
		padding-bottom: 20px;
		background: #E9EDC9;	
 }	
 
#menu {
		position: absolute;
		width: 40%;
 } 
 
.iconomenu{
		width: 20%;
		height: auto;
		padding-left: 2%;
 }
 
#menu-hamburguesa {
		display: none;
		background-color: #A0A885;
		width: 100%;
		height: 147px;
		padding-top: 10px;
		text-align: left;
 }
 
#menu:hover #menu-hamburguesa {
		display: block;
		position: absolute;
 }
 
ul {
		list-style: none;
		padding-left:18%;
 }
 
li {
		margin-top: 10px;
}

a {
		text-decoration: none;
		color: black;
		width: 100%;
		margin-top:20px;
 }
 
a:hover {
		background: #E9EDC9;
		padding: 1%;
 }
 
.iconolupa{
		width: 9%;
		height: auto;
		padding-left: 15%;
}

.logotipo {
		height: 30px;
		padding-left: 11%;
}

.iconocarrito{
		width: 9%;
		height: auto;
		object-fit: contain;
		float: right;
		margin-left: 20%;
}

.iconocarrito{
		width: 9%;
		height: auto;
		object-fit: contain;
		float: right;
		margin-left: 20%;
}	


.imghome { 
		width: 100%;
		height: 300px;
		object-fit: cover
 }
 
 h1 {
		margin-top: 25px;
		margin-bottom: 25px;
		margin-left: 5%;
		margin-right: 5%;
		text-align: center;
		font-size: 26px;
		font-weight: 300;
 }

 #contenido { 
        display: flex;
		flex-wrap: wrap;
		padding: 15px;
 }
 
 .blogbox { 
		background: #FAEDCD;	
		height: 80%;
		margin-top:10px;
		margin-bottom:10px;
 }
 
 .fotoblog { 
		float: right;
		height: 222px;
		width: 150px;
		object-fit: cover;
 }
 
 .txtblog { 		
		padding-left: 5%;
		padding-right: 50%;
		padding-top: 25px;
 }
 
 h3 { 
		font-size: 20px;
		margin-bottom: 7px;
		font-weight: bold;	
 }
 h2 { 	
		padding-left: 10%;
		padding-right: 10%;
		padding-top: 10%;
		padding-bottom: 10%;
		font-size: 20px;
		font-weight: 400;
 }
 p { 
		font-size: 16px;  
		margin-bottom:7px;	
 }
 
 .leermas {
		text-decoration: underline;
		text-align: right;
		font-size: 15px; 
		font-weight: 400;		
 }
 
 footer {
		width:100%;
		padding-top: 30px;
		margin-top:0px;
		margin-bottom:0px;
		margin-left:0px;
		margin-right:0px;
}

.isotipo { 
		width: 20%;
		object-fit: cover;
		padding-bottom: 20px;
		padding-left: 42%;
		
}

footer p {
		margin-left:5%;
}

input {
		width: 88%;
		height: 34px;
		border-color: #E9EDC9;
		background-color:#FFFEFB;
		border-style: solid;
		margin-top:5px;
		margin-bottom:5px;
		margin-left:5%;
}
	
#btenviar{
		width: 20%;
		height: 34px;
		background-color: #E9EDC9;
		border-style: none;
		float: right;
		margin-top:5px;
		margin-bottom:5px;
		margin-right:5%;
}

.iconoredes {
		clear: both;
		padding-left: 35%;
		margin-top:40px;
		margin-bottom:5px;
		padding-top: 28px;
}

.iconoredes  img{
		width: 35px;
		height: 35px;
		border-radius: 10px;
		position:static;
		object-fit: cover;	
}

#sa {
		font-size: 10px;
		color: #828282;
		text-align: center;
		margin-bottom: 10px;
		margin-left: 0px;
}



 .principal {
	    display:flex;
		flex-wrap:wrap;
		background: #D4A373;	
		padding-top: 20px;
		padding-bottom: 35px;
		padding-left: 7%;
		padding-right: 7%;
}

.principal img {
        width: 24%;
		height: 74px;
		object-fit: contain;
		margin-top: 27px;
		margin-bottom: 15px;
		margin-left: 0px;
		margin-right: 0px;
 }
		
.puntos {
		width: 70%;
		margin-left: 5%;
		padding-top: 10%;
		color: #FFFEFB;
 }