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

* {
	border: 0;
	margin: 0;
	padding: 0;
	color: #000000;
}
body {
	position: relative;
}
html {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.index-bg {
	background: url(Imagenes/IMG_0925.jpg) repeat-y fixed;
	background-position: top center;
	background-size: cover;
}
.empresa-bg {
	background: url(Imagenes/pinerolo.jpg) repeat-y fixed;
	background-position: top center;
	background-size: cover;
}
.productos-bg {
	background: url(Imagenes/fondo-productos.jpg) repeat-y fixed;
	background-position: top center;
	background-size: cover;
}
.recetas-bg {
	background: url(Imagenes/libro-cocina-craft-de-recetas-laminas-decorativas-hermanas-bolena-1.JPG) repeat-y fixed;
	background-position: top center;
	background-size: cover;
}
.contacto-bg {
	background: url(Imagenes/background.jpg) repeat-y fixed;
	background-position: top center;
	background-size: cover;
}
.quesos-bg {
	background: url(Imagenes/fondo-quesos.jpg) repeat-y fixed;
	background-position: top center;
	background-size: cover;
}
.dulces-bg {
	background: url(Imagenes/fondo-dulces.jpg) repeat-y fixed;
	background-position: top center;
	background-size: cover;
}
.mermeladas-bg {
	background: url(Imagenes/fondo-mermeladas.jpg) repeat-y fixed;
	background-position: top center;
	background-size: cover;
}
.mermeladaf-bg {
	background:url(Imagenes/fondomermfrutilla.jpg) repeat-y fixed;
	background-position: top center;
	background-size: cover;
}
.mermeladaz-bg {
	background: url(Imagenes/fondomermzapallo.jpg)repeat-y fixed;
	background-position: top center;
	background-size: cover;
}
.mermeladah-bg {
	background: url(Imagenes/fondomermhigo.jpg)fixed;
	background-position: top center;
	background-size: cover;
}
.mermeladad-bg {
	background:url(Imagenes/fondomermdurazno.jpg) repeat-y fixed;
	background-position: top center;
	background-size: cover;
}
.deleche-bg {
	background: url(Imagenes/fondo-deleche.jpg) repeat-y fixed;
	background-position: top center;
	background-size: cover;
}
.danbo-bg {
	background:url(Imagenes/fondoquesosdanbo.jpg) repeat-y fixed;
	background-position: top center;
	background-size: cover;
}
.magros-bg {
	background:url(Imagenes/fondo-quesos-magros.jpg) repeat-y fixed;
	background-position: top center;
	background-size: cover;
}
.mozzarella-bg {
	background:url(Imagenes/fondo-quesos-mozzaerellajpg.jpg) repeat-y fixed;
	background-position: top center;
	background-size: cover;
}
.provolone-bg {
	background:url(Imagenes/fondo-quesos-provolone.jpg) repeat-y fixed;
	background-position: top center;
	background-size: cover;
}
.colonia-bg {
	background:url(Imagenes/fondoquesocolonia.jpg) repeat-y fixed;
	background-position: top center;
	background-size: cover;
}
.especial-bg {
	background:url(Imagenes/fondo-dleche-cremoso_1.jpg) repeat-y fixed;
	background-position: top center;
	background-size: cover;
}
.familiar-bg {
	background:url(Imagenes/fondo-dleche-familiar_1.jpg) repeat-y fixed;
	background-position: top center;
	background-size: cover;
}
.confitero-bg {
	background:url(Imagenes/fondo-deleche-confitero.jpg) repeat-y fixed;
	background-position: top center;
	background-size: cover;
}
.repostero-bg {
	background:url(Imagenes/fondo-deleche-repostero.jpg) repeat-y fixed;
	background-position: top center;
	background-size: cover;
}
.cremoso-bg {
	background:url(Imagenes/fondo-deleche-cremoso_1.jpg) repeat-y fixed;
	background-position: top center;
	background-size: cover;
}
.higo-bg {
	background:url(Imagenes/fondodulcehigo.jpg) repeat-y fixed;
	background-position: top center;
	background-size: cover;
}
.membrillo-bg {
	background:url(Imagenes/fondodulcemembrillo.jpg) repeat-y fixed;
	background-position: top center;
	background-size: cover;
}
.durazno-bg {
	background:url(Imagenes/fondodulcedurazno.jpg) repeat-y fixed;
	background-position: top center;
	background-size: cover;
}
.batata-bg {
	background:url(Imagenes/fondodulcebatata.jpg) repeat-y fixed;
	background-position: top center;
	background-size: cover;
}
.batataychocolate-bg {
	background:url(Imagenes/fondodulcebatataychoco.jpg) repeat-y fixed;
	background-position: top center;
	background-size: cover;
}
.zapallo-bg {
	background:url(Imagenes/fondodulcezapallo.jpg) repeat-y fixed;
	background-position: top center;
	background-size: cover;
}
@font-face {
	font-family: 'grotesca';
	src: url(fuentes/Grotesque%20MT%20Std%20Condensed.otf);
}
@font-face {
	font-family: 'paratexto';
	src: url(fuentes/OpenSans-CondLight.ttf);
}
header {
	padding-bottom: 120px;
}
nav {
	width: 100%;
	/*aca se adapta el ancho del menu a todo el ancho de cuañlquier pantalla*/

	height: 70px;
	background: rgba(0, 0, 0, 0.3);
	border-top: 5px solid rgba(0, 0, 0, 0.5);
}
/*le doy estilo solo al ul que se llama menu*/

nav ul.menu {
	margin-right: 50px;
	float: right;
}
nav ul.menu li {
	list-style: none;
	float: left;
	width: 120px;
}
nav ul.menu li a {
	display: block;
	font-family: grotesca;
	letter-spacing: 1px;
	font-size: 20px;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	line-height: 70px;
	text-decoration: none;
	transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
}
nav ul.menu li a:hover {
	color: rgba(140, 140, 140, 1.00);
}
nav ul.menu li:nth-child(3) {
	font-family: grotesca;
	font-size: 20px;
	letter-spacing: 1px;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	line-height: 70px;
}
nav ul.menu li ul.submenu {
	background: rgba(0, 0, 0, 0.3);
	position: absolute;
	height: 0;
	overflow: hidden;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	display: block;
}
nav ul.menu li ul.submenu li {
	display: block;
	height: auto;
	color: rgba(255, 0, 4, 1.00);
	float: none;
}
nav ul.menu li ul.submenu li:nth-child(1) {
	margin: 0;
	padding: 0;
}
nav ul.menu li ul.submenu li a {
	font-family: paratexto;
	height: auto;
	margin: 0;
	padding: 0;
	line-height: 30px;
	font-size: 16px;
}
nav ul.menu li:nth-child(3):hover ul.submenu {
	height: 129px;
	position: absolute;
}
nav img {
	margin-top: 15px;
	margin-left: 50px;
}
#contenedor {
	width: 960px;
	height: auto;
	margin: 0 auto;
	overflow: auto;
}








/*POP UP*/
#content {
	font-family:tahoma;
	font-size:14px;
	margin:0 auto;
	width:auto;
}
#content a{
	cursor:pointer;
	font-size:15px;
	font-weight:bold;
	text-decoration:underline;
}
.overlay {
    background: #000000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
	opacity:0.5;
}
.popup {
    background-color: #000000;
    color: #000000;
    height: auto;
	top:45px;
    width: auto;
	margin:0 auto;
	margin-left:75px;
    z-index: 101;
	border:3px #FFFFFF solid;
}
a.close {
    background:url(Imagenes/close.png);
    cursor: pointer;
    float: right;
    height:23px;
    position: absolute;
	margin-top:3px;
	margin-left:3px;
    width:23px;
}
.padre{
	margin:0 auto;
	width:100%;
	text-align:center;
}
.padre img{
margin:0 auto;
display:inline-block;
}
.padre h1{
	font: 52px grotesca;
	color: #FFF;
	margin:0 auto;
	display:inline-block;
	margin-left:50px;
	
	margin-right:50px;
}
















#contenedorgracias {
	width: 960px;
	height: auto;
	margin: 0 auto;
	overflow: auto;
}
#contenedorgracias h2 {
	text-align: center;
	margin: 0 auto;
	font: 52px grotesca;
	width: auto;
	color: #FFF;
	margin-top: 100px;
	margin-bottom: 100px;
}
/*INICIO*/

#inicio img {
	margin-left: 221px;
	text-align: center;
	margin-bottom:50px;
}

#inicio p{font-family: paratexto;
font-size:14px;
color:#FFF;
text-align:justify;
width:470px;
float:left;
}
#inicio p:nth-child(3){
margin-left:20px;
}

/*EMPRESA*/

aside {
	float: right;
	margin-top: 40px;
}
#empresa {
	width: 700px;
	height: auto;
	margin: 0 auto;
	padding: 20px;
	float: left;
}
#empresa p {
	color: #FFF;
	font-family: paratexto;
	font-size: 14px;
	text-align: justify;
}
#empresa ul{margin-left:300px;
}
#empresa ul li{color: #FFF;
	font-family: paratexto;
	font-size: 14px;
	text-align: justify;
}
#empresa h2 {
	text-align: center;
	margin: 0 auto;
	font: 52px grotesca;
	width: auto;
	color: #FFF;
	margin-bottom: 15px;
}
#textura {
	position: absolute;
	margin-top: 25px;
	margin-bottom: 25px;
}
#mision {
	width: 340px;
	float: left;
	height: 150px;
	margin-bottom: 35px;
}
#vision {
	width: 340px;
	margin-left: 20px;
	float: left;
	height: 150px;
	margin-bottom: 35px;
}
/*PRODUCTOS*/

#productos h2 {
	text-align: center;
	margin: 0 auto;
	font: 52px grotesca;
	width: auto;
	color: #FFF;
	margin-bottom: 15px;
}
#productos {
	width: 700px;
	height: auto;
	margin: 0 auto;
	padding: 20px;
}
#productos p {
	color: #FFF;
	font-family: paratexto;
	font-size: 14px;
	text-align: justify;
}
#productos ul {
	list-style: none;
	width: auto;
	margin-top: 50px;
	width: 700px;
}
#productos ul li {
	float: left;
	width: 175px;
	text-align: center;
}
#productos ul li img:hover {
	opacity: 0.5;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}
#iconopdf:hover{opacity: 0.5;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}
#tituloqueso {
	margin: 0 auto;
	text-align: center;
	margin-bottom: 45px;
}


#dambo{margin-top:25px;
}
#dambo h2 {
	border-right: solid 3px #FFF;
	padding-right: 25px;
	margin-right: 25px;
	float: left;
}
#dambo h2:hover{
opacity: 0.5;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
#dambo p{margin-bottom:25px;
}
#familiar h2 {
	border-right: solid 3px #FFF;
	padding-right: 25px;
	margin-right: 25px;
	float: left;
}
#familiar h2:hover{
opacity: 0.5;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
#familiar p{margin-bottom:25px;
}


#especial{margin-top:25px;
}
#especial h2 {
	border-right: solid 3px #FFF;
	padding-right: 25px;
	margin-right: 25px;
	float: left;
}
#especial h2:hover{
opacity: 0.5;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
#especial p{margin-bottom:25px;
}



#confitero{margin-top:25px;
}
#confitero h2 {
	border-right: solid 3px #FFF;
	padding-right: 25px;
	margin-right: 25px;
	float: left;
}
#confitero h2:hover{
opacity: 0.5;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
#confitero p{margin-bottom:25px;
}



#repostero{margin-top:25px;
}
#repostero h2 {
	border-right: solid 3px #FFF;
	padding-right: 25px;
	margin-right: 25px;
	float: left;
}
#repostero h2:hover{
opacity: 0.5;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
#repostero p{margin-bottom:25px;
}


#cremoso{margin-top:25px;
}
#cremoso h2 {
	border-right: solid 3px #FFF;
	padding-right: 25px;
	margin-right: 25px;
	float: left;
}
#cremoso h2:hover{
opacity: 0.5;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
#cremoso p{margin-bottom:25px;
}


#magro h2:hover{
opacity: 0.5;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
#mozzarella h2:hover{
opacity: 0.5;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
#provolone h2:hover{
opacity: 0.5;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
#mosaicomoozza{margin-bottom:40px;
}
#mosaicomagro{margin-bottom:40px;
}
#mosaicodanbo{margin-bottom:40px;
}
#mosaicodurazno{margin-top:25px;
}
#mosaicobatata{margin-top:25px;
}
#mosaicobatataychocolate{margin-top:25px;
}
#mosaicozapallo{margin-top:25px;
}
#mosaicohigo{margin-top:25px;
}
#tablas{width:310px;
float:left;
margin-bottom:15px;
}
#descargapdf{clear:both;
width:100%;
background:rgba(240,50,53,1.00);
margin-bottom:25px;
}
#descargapdf img{float:right;
}
#descargapdf h2{text-align:center;
	margin: 0 auto;
	font: 31px grotesca;
	color: #FFF;
	float:left;
	margin-bottom:25px;
	margin-top:30px;
}
#etiquetas{float:right;
margin-top:0;
}
#magro h2 {
	border-right: solid 3px #FFF;
	padding-right: 25px;
	margin-right: 25px;
	float: left;
}
#magro p {
	margin-bottom: 25px;
	margin-top: 25px;
}
#mozzarella h2 {
	border-right: solid 3px #FFF;
	padding-right: 23px;
	margin-right: 23px;
	float: left;
}
#provolone h2 {
	border-right: solid 3px #FFF;
	padding-right: 23px;
	margin-right: 23px;
	float: left;
}
#mozzarella p {
	margin-bottom: 25px;
	margin-top: 25px;
}
#provolone p {
	margin-bottom: 25px;
	margin-top: 25px;
}
#titulodulce {
	margin: 0 auto;
	text-align: center;
	margin-bottom: 45px;
}
#titulodulce p {
	margin-bottom: 25px;
}
#dulces img {
	margin: 0 auto;
	width: 500px;
	margin-left: 100px;
	margin-right: 100px;
}
#dulces h2 {
	margin: 0;
	margin-top: 25px;
}
#titulomermeladas {
	margin: 0 auto;
	text-align: center;
	margin-bottom: 45px;
}
#mermeladas h2 {
	margin: 0;
	margin-top: 25px;
}
#mermeladas a {
	margin: 0;
	margin-top: 25px;
	text-decoration: none;
}
#titulodleche {
	margin: 0 auto;
	text-align: center;
	margin-bottom: 45px;
}


/*DULCES*/
#dulces a{text-decoration:none;
}
#dulces h2:hover{opacity: 0.5;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}

/*CONTACTO*/

#mapa {
	margin: 0 auto;
	width: 600px;
	height: 350px;
}
#mapado {
	margin: 0 auto;
	width: 600px;
	height: 350px;
	margin-bottom: 95px;
}
#mapado p {
	font-family: paratexto;
	font-size: 22px;
	color: #FFF;
	text-align: center;
}
#formularioart {
	width: auto;
	height: auto;
	margin: 0 auto;
}
#formularioart img {
	margin: 0 auto;
}
#formularioart img:hover {
	opacity: 0.5;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}
#formularioart h2 {
	text-align: center;
	margin: 0 auto;
	font: 52px grotesca;
	width: 356px;
	color: #FFF;
	margin-bottom: 15px;
}
#formularioart ul {
	list-style: none;
	width: auto;
}
#formularioart ul li {
	text-align: center;
}
#formularioart ul li:nth-child(2) {
	margin-bottom: 25px;
}
#formularioart ul li a {
	font-family: paratexto;
	font-size: 22px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}
#formularioart ul li a:hover {
	opacity: 0.5;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}
form {
	margin: 0 auto;
	width: 600px;
	height: auto;
	padding-top: 10px;
}
::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */

	color: #FFF;
}
:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */

	color: #FFF;
	opacity: 1;
}
::-moz-placeholder {
	/* Mozilla Firefox 19+ */

	color: #FFF;
	opacity: 1;
}
:-ms-input-placeholder {
	/* Internet Explorer 10-11 */

	color: #FFF;
}
:placeholder-shown {
	/* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */

	color: #FFF;
}
#nombre,
#numero,
#email {
	font: 16px paratexto;
	color: #FFF;
	width: 584px;
	height: 20px;
	padding: 5px;
	background: none;
	border: 3px solid #FFF;
	margin-bottom: 10px;
}
#comentarios {
	font: 16px paratexto;
	color: #FFF;
	width: 584px;
	height: 100px;
	padding: 5px;
	background: none;
	border: 3px solid #FFF;
	margin-top: 9px;
	resize: none;
}
#btborrar {
	width: 200px;
	height: 45px;
	padding: 3px;
	margin-top: 10px;
	background: none;
	font: 20px grotesca;
	letter-spacing: 1px;
	border: 3px solid #FFF;
	color: #FFF;
	transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	float: right;
}
#btenviar {
	width: 200px;
	height: 45px;
	padding: 3px;
	margin-left: 15px;
	margin-top: 10px;
	background: none;
	border: 3px solid #FFF;
	font: 20px grotesca;
	letter-spacing: 1px;
	color: #FFF;
	float: right;
	transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	float: right;
}
#btborrar:hover {
	background-color: #FFF;
	color: #333;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}
#btenviar:hover {
	background-color: #FFF;
	color: #333;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}

#telefonos{width: 960px;
	height: auto;
	margin: 0 auto;
	overflow: auto;
}
#telefonos img{margin:0 auto;
text-align:center;
align-content:center;
}
#telefonos h2{	text-align: center;
	margin: 0 auto;
	font: 52px grotesca;
	width: auto;
	color: #FFF;
	margin-top:25px;
}
#telefonos ul li{text-align:center;
font-family: paratexto;
	font-size: 16px;
	color: #FFF;
	letter-spacing: 1px;
}

/*FOOTER*/

footer {
	clear: both;
	width: 100%;
	/*aca se adapta el ancho del menu a todo el ancho de cuañlquier pantalla*/

	height: 90px;
	background: rgba(0, 0, 0, 0.3);
	margin-top: 100px;
}
#contenedorfooter {
	width: 960px;
	margin: 0 auto;
}
#contenedorfooter p {
	font-family: paratexto;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	margin: 0 auto;
	margin-top: 30px;
}
h3 {
	font-family: paratexto;
	font-size: 16px;
	color: #FFF;
	letter-spacing: 1px;
	text-align: center;
	width: auto;
	float: right;
	line-height: 22px;
	margin-right: 15px;
	margin-top: 20px;
}
#iconofacebook {
	float: right;
	margin-top: 20px;
}
#iconofacebook:hover {
	opacity: 0.5;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}
#iconovaca{float:right;
margin-left:20px;
margin-top:12px;
}
#logofooter {
	margin-top: 20px;
}
.toggle-menu {
	display: none;
}
@media screen and (max-width : 860px) {

	/*nav*/
	nav {
		position: relative;
	}
	nav ul.menu {
		background: rgba(0,0,0,0.8);
		position: absolute;
		width: 80%;
		right: 0;
		top: 100%;
		margin-right: 0;
		text-align: center;
		padding: 30px 0;
		display: none;
	}
	nav ul.menu.open {
		display: block;
	}
	nav ul.menu li {
		float: none;
		width: auto;
	}
	nav ul.menu li:nth-child(3), nav ul.menu li a {
		line-height: 3em;
		font-size: 15px;
	}
	nav ul.menu li ul.submenu.open {
		height: auto;
		overflow: visible;
		position: relative;
		/* border-bottom: 1px dashed #555; */
		padding-bottom: 16px;
		display: block;
		width: 70%;
		margin: 0 auto;
		background: none;
	}
	nav ul.menu li ul.submenu {
		display: none;
	}
	nav ul.menu li:nth-child(3):hover ul.submenu {
		height: auto;
		position: inherit;
	}
	.toggle-menu {
		position: absolute;
		display: inline-block;
		background: 0;
		right: 27px;
		top: 22px;
	}
	.toggle-menu img {
		padding: 0;
		margin: 0;
	}
	/*generics*/
	img {
		width: auto;
		max-width: 100%;
	}
	section {
		box-sizing: border-box;
		padding: 0 20px;
	}
	div, iframe, form {
		box-sizing: border-box;
	}
	header {
		padding-bottom: 2em;
	}
	footer {
		margin-top: 2em;
		padding-bottom: 20px;
	}

	/*liquid sections*/
	#contenedor, #empresa, #mision, #vision, #mapado, #mapa, form, #nombre, #numero, #email, #productos, #dulces, #contenedorgracias {
		width: 100%;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}

	/*liquid texts*/
	#inicio p, #empresa p, #mapado p, #productos p {
		font-size: 1em;
	}
	/*liquid titles*/
	#empresa h2, #formularioart h2 {
		font: 2em grotesca;
	}

	/*inicio*/
	#inicio img {
		margin: 0 auto;
		display: inherit;
	}
	#contenedorfooter {
		width: 100%;
		padding: 0 20px;
	}
	#inicio p {
		width: auto;
		margin:0;
		float: none;
		padding: 2em 0;
	}
	#inicio p:nth-child(3) {
		margin:0;
	}

	/*empresa*/
	aside {
		float: right;
		/* margin-top: 40px; */
		margin: 0 auto;
		float: none;
		text-align: center;
	}
	/*productos*/
	#productos ul {
		width: auto;
	}
	#productos ul li {
		margin-bottom: 30px;
		width: 46%;
	}
	/*contacto*/
	form {

	}
	#mapa {
		padding: 0 1.5em;
	}
	#mapado {
		height: auto;
		margin-bottom: auto;
	}
	#mapado p {
		margin-left: 20px;
		margin-right: 20px;
	}
	#formularioart h2 {
		margin-top: 1em;
	}
	#nombre, #numero, #email, #comentarios {
		box-sizing: border-box;
		padding: 1em;
		width: 100%;
	}
	.alineados, #comentario {
		padding: 5px 10px;
	}
	#btenviar, #btborrar {
		margin-right: 10px;
	}

	#dulces img {
		margin: 0 auto;
		width: auto;
		margin-left: auto;
		margin-right: auto;
	}
}