@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto Serif:ital,wght@0,100..900;1,100..900&display=swap');


html,body{
	height:100%;
	background:#e7dbcc; 
}
body{
	margin:0px;
	color:#232323;
	background:#e7dbcc; 
	font:400 16px/22px "Noto Serif","Arial";
}

:root{
	--rojo:#df0000;
	--verde:#69a000;
	--gris:#9a9a9a;
	--cafe:#723d46;
	--rojiso:#f8aca0;
}

a{text-decoration:none;color:inherit;
-webkit-transition: all .3s;    -moz-transition: all .3s;    -o-transition: all .3s;    transition: all .3s;
}
.underline{text-decoration:underline;}

.borde{border:1px #df0000 solid !important;box-sizing:border-box;}
.bco{color:#ffffff;}
.ngo{color:#000000;}
.rojo{color:var(--rojo);}
.verde{color:var(--verde);}

.fondobco{background:#ffffff !important;}
.fondogo{background:#000000;}

.gris{color:var(--gris);}
.cafe{color:var(--cafe);}
.rojiso{color:var(--rojiso);}


.italica{font-style:italic !important;}
.bold{font-weight:700 !important;}
.aladerecha{float:right !important;}
.alaizquierda{float:left !important;}
.txtright{text-align:right !important;}
.txtleft{text-align:left !important;}
.txtleft_movil{text-align:left !important;}
.txtcenter{text-align:center !important;}

.tabla_principal{width:100%;display:inline-block;text-align:center;margin:0px;}
.contenidos{width:98%;max-width:1200px;text-align:center;display:inline-block;float:none;box-sizing:border-box; }
.listado{display:inline-block;margin:30px 20px;background:#ffffff;padding:20px 20px;box-sizing: border-box;}
.cuerpo800{width:100%;max-width:800px; }

.oculto{display:none !important; }

.pointer{cursor: pointer;}
.renglon{width:100%;display:inline-block;box-sizing:border-box; }


.txt50{font-size:50px; }
.txt30{font-size:30px; }
.txt26{font-size:26px; }

.btn{display: inline-block;
	-webkit-transition: all .3s;    -moz-transition: all .3s;    -o-transition: all .3s;    transition: all .3s;
}
.btn_enviar{background:var(--main);color:#ffffff; padding:10px 25px; display:inline-block; 
	border:1px var(--main) solid;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.btn_enviar:hover{background:transparent;border:1px var(--main) solid;color:var(--main);cursor:pointer;  
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}


.icoTop{width:40px; display: inline-block;margin:10px 5px;}


/* INICIO */
.fondo-inicio-01{background: url(images/inicio-background-01.png); background-size:cover ;
	background-position:center top; background-repeat:no-repeat; 
	height: 504px;z-index:1500;position: relative;}
.logotipo{display:inline-block;float:left;width:300px;}
	.logotipo img{width:100%;}
.btnBlogCont{display:inline-block;float:right;margin-top:40px;margin-right:40px;}
.inicio-titulo{float: none;width:100%;max-width:1000px; }

#btQuieroSanar{height:10px;margin-top:-20px;z-index:2000;position:relative;}
#btQuieroSanar img{margin-top:-80px;}

#gemaVerde{height:10px;z-index:2000;position:relative;}
#gemaVerde img{float:right;margin-top:-160px;position:relative; }

.fondo-inicio-02{background: url(images/fondo-circulos.jpg); background-size: cover;
	background-position:center top; background-repeat:no-repeat; 
	z-index:1000; margin-top:-40px;position:relative; }
#textosInicio01{display:inline-block;width:76%;font:500 34px/44px "Noto Serif";
	margin-top: 160px; text-align: left;}


#cartitaCont{width:80%; display:inline-block; /*height:1000px;*/margin-bottom:120px; margin-top:70px;}
.cartitaContImg{width:220px;display: inline-block; float: left;margin-right:20px; color:var(--cafe); 
	font:400 18px/22px "Noto Sans","Arial";
}
#alyna{display: inline-block;width:100%;float: left; margin-bottom: 20px;
	-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.cartitaContTxt{width:calc(100% - 240px);float: left; text-align: left; color:var(--cafe);
	font:400 16px/20px "Noto Sans","Arial";
}

#gemaRoja{height:1px;z-index:2000;margin-top:-0px; position:relative;}
#gemaRoja img{float:left;margin-top:-560px;position:relative; }

.fondo-naranja{background: url(images/fondo-naranja.jpg); background-size: cover;
	background-position:center top; background-repeat:no-repeat; 
	z-index:500;position:relative;
}
#textosInicio02{display:inline-block;width:76%;font:500 34px/44px "Noto Serif";
	margin-top:130px; text-align: left;}

.texto04{font:600 70px/80px "Noto Serif","Arial";color:#ffffff;text-align: center;}
.texto05{font:400 50px/60px "Noto Serif","Arial";color:#ffffff;text-align: center; letter-spacing:3px;}


#secciones-compra img {margin:40px 2%; }
.texto06{font:700 40px/50px "Noto Serif","Arial";color:#ffffff;text-align: center;}


#textosInicio03{width:80%;display:inline-block;float:none;background:url(images/fondo-difuminado.png);
	border: 2px #f0f0f0 solid;padding:30px; box-sizing: border-box;text-align:left;color:#452125;
	font:500 20px/24px "Noto+Sans","Arial";	
	-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;
}

.texto07{font:400 30px/34px "Noto Serif","Arial";color:#ffffff;text-align: center;}
.texto08{font:400 24px/26px "Noto Serif","Arial";color:#ffffff;text-align: center;}

.texto09{font:400 60px/80px "Noto Serif","Arial";color:#ffffff;text-align: center;}
.texto10{font:400 30px/40px "Noto Serif","Arial";color:#ffffff;text-align: center;
	border:2px #ffdab8 solid;
	width:auto;padding:15px 80px ;
	-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;
}

.infografia{width:96%;display:inline-block; margin:20px 2%; box-sizing: border-box;}
.infografia img{width:100%;}



.fondo-bot-cafe{background: url(images/fondo-bot-cafe.jpg);background-size: cover;}

#seccion-001{width:90%; margin-top:80px;}
.seccion-bot-01-a{width:70%;display: inline;float: left;text-align:left;margin-right:4%;}
.texto11{font:400 60px/80px "Noto Serif","Arial";color:#ffffff;text-align:left;
	border-bottom:1px #ffffff solid;padding-bottom:20px;margin-bottom: 20px;}
.seccion-bot-01-b{width:26%;display: inline;float: left;text-align: center;}

.texto12{font:300 30px/36px "Noto Serif","Arial";color:#ffffff;text-align: left;margin:20px 0px; }
.texto13{font:300 20px/26px "Noto Sans","Arial";color:#ffffff;text-align: left;margin:20px 0px; }
.texto14{width:100%;display: inline;float: left;text-align:left;
	font:400 30px/36px "Noto Serif","Arial";color:#ffffff;text-align: left;margin:20px 0px;
 }



#seccion-002{width:90%; margin-top:80px;}
.seccion-bot-02-a{width:70%;display: inline;float: left;text-align:left;margin-right:4%;}
.texto15{font:400 60px/80px "Noto Serif","Arial";color:#ffffff;text-align:left;
	padding-bottom:20px;margin-bottom: 20px;}
.seccion-bot-02-b{width:26%;display: inline;float: left;text-align: center;}

.texto16{font:300 20px/26px "Noto Sans","Arial";color:#ffffff;text-align: left;margin:20px 0px; }



.fondo-bot-cafe-02{background: url(images/fondo-bot-cafe-02.jpg);background-size: cover;}
.texto17{font:400 40px/46px "Noto Serif","Arial";color:#ffffff;text-align:center;margin:40px 0px;}

.titHolistica{margin:40px 0px 50px 0px;}
#txtHolistica .colum-3{line-height:24px;}


.iconosBot01 img{margin:10px 15px;}
#morteroCont{margin:40px 0px 100px 0px;}
.mortero{width:50%;display: inline-block;float: left;}
.morteroTxt{width:50%;display: inline-block;float: left;
	font:300 20px/36px "Noto Sans","Arial";color:#e2e2e2;text-align:left;
}


.fondo-bot-beige{background:#e7dbcc;}
#faqCont{width:90%;margin: 40px 0px;}
.texto18{font:700 60px/60px "Noto Serif","Arial";text-align:left;margin:20px 0px;}


.preguntaSecc01{width:30%;display: inline-block;float: left;}
.preguntaSecc02{width:70%;display: inline-block;float: left;}
.preguntaSecc02 .renglon{margin-bottom:40px;}
	.pregNum{width:100px;display: inline-block;float: left;color:#d7c8bb;
		font:700 60px/50px "Noto Serif","Arial";}
	.pregDatos{width:calc(100% - 100px);display: inline-block;float: left;
		border-bottom: 1px #b08088 solid;padding-bottom:20px;}
	.pregTit{display:inline-block;width:70%;float:left;
			font:500 40px/40px "Noto Serif","Arial";margin-bottom:20px;
			text-align:left;box-sizing: border-box; color:#49242a;}
	.pregResp{display:inline-block;width:100%;
			font:400 22px/24px "Noto Sans","Arial";
			text-align:left;box-sizing: border-box; color:#49242a;}
	.pregMas{width:60px;display: inline-block;float:right;color:#b08088;cursor: pointer;
		font:700 60px/50px "Noto Serif","Arial";}


.pregTit2{display:inline-block;width:100%;float:left;
			font:500 40px/40px "Noto Serif","Arial";margin-bottom:20px;
			text-align:left;box-sizing: border-box; color:#49242a;
		padding: 20px;}
.pregResp2{display:inline-block;width:100%;
			font:400 22px/24px "Noto Sans","Arial";
			text-align:left;box-sizing: border-box; color:#49242a;
		padding: 10px 20px;}
.bordeado{border:2px #b08088 solid;box-sizing: border-box;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	}
.bordeado2{border-bottom:2px #b08088 solid;box-sizing: border-box;padding: 20px;}



#blogTop{background:url(images/blog-fondoTop.jpg);background-size: cover; background-position: center center;
	text-align: center;
	-webkit-border-bottom-right-radius: 50px;-webkit-border-bottom-left-radius: 50px;
	-moz-border-radius-bottomright: 50px;-moz-border-radius-bottomleft: 50px;
	border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;
	margin-bottom: 50px;
}
.blogBotones{display:inline-block; width:200px; float: right;position:relative;top:40px;right:40px; }
.blog_logotipo{float: none; display:inline-block;margin-left:160px; margin-top: 40px;}
.blogtit{font:600 30px/40px "Noto Sans","Arial";color:#e7dbcc;
	margin:100px 0px 20px 0px;}
.blogGrande{font:600 50px/60px "Noto Serif","Arial";color:#e7dbcc;font-style: italic;}
.blogNormal{display:inline-block; max-width:800px; font:600 30px/40px "Noto Sans","Arial";
		color:#e7dbcc;margin:40px 0px 70px 0px;}

.blog-articulo{width:100%;display:inline-block;background:#f2f2f2;overflow: hidden;margin-bottom:40px;
	-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;
}
.blog-articulo-img{width:100%;display: inline-block;padding: 230px 0px;}
	.blog-articulo-tit{width:60%;display: inline-block;font:600 56px/60px "Noto Serif;","Arial";color:#fffdfd;}
	.blog-articulo-fecha{width:50%;display: inline-block;font:600 20px/24px "Noto Sans","Arial";color:#ffffff;}
	.blog-articulo-des{width:100%;display: inline-block;font:400 20px/24px "Noto Sans","Arial";color:#49242a;
		padding:40px 60px; box-sizing: border-box;text-align: justify;}

.blog-articulo-interior{width:100%;display:inline-block;margin-bottom:40px;
	 font:400 18px/22px "Noto Sans","Arial";color: #49242a;
}
.blogGrandeInt{width:60%; font:600 50px/60px "Noto Serif","Arial";color:#e7dbcc;font-style: italic;}
	

.imgInt{
	text-align: center;
	-webkit-border-bottom-right-radius: 50px;-webkit-border-bottom-left-radius: 50px;
	-moz-border-radius-bottomright: 50px;-moz-border-radius-bottomleft: 50px;
	border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;
	margin-bottom: 50px;
}



#paginadorPie{margin:30px 0px;}
.numero_normal{display: inline-block;font:600 26px/30px "Noto Sans","Arial";color:#49242a;padding:5px 10px;
		border:1px #e7dbcc solid;}
.numero_sel{border:2px #49242a solid;
	-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
}


/* MAPAS */	
.mapa{width:100%;height:225px;overflow:hidden;position: relative;padding-bottom:15%;vertical-align:top;}
#map_canvas{position: absolute;top:0;left:0;width: 100% !important;height: 100% !important;}
#flecha-up{position:fixed;bottom:10px;right:10px;cursor:pointer;display:none;}


/* FORMULARIO */

/* PIE */
.pie{background:#49242a;color:#ffffff; padding: 30px 0px; margin-top:0px;
	font:300 14px/14px "Noto Sans","Arial";
	}
.logotipo-pie{float: left;}
.pie2{width:100%;max-width:500px;display: inline-block; float:right;}
.pie2a{width:100%;display: inline-block; float:right;margin-top:40px; text-align: right;}
	.pie2a a{font-weight:700;margin-left:10px;}
	.pie2a img{vertical-align: middle;}
.pie3{width:100%;display: inline-block; float:right; text-align: right;}





/* celdas responsivas */
[class*="celda-"]{display:inline-block;float:left;box-sizing:border-box;}
	.celda-0{width:4.111111%;}		.celda-0x{width:2.050505%;}
	.celda-1{width:8.333333%;}		.celda-1x{width:12.50000%;}		
	.celda-2{width:16.666666%;}		.celda-2x{width:20.83333%;}		
	.celda-3{width:25%;}			.celda-3x{width:29.16666%;}		
	.celda-4{width:33.333333%;}		.celda-4x{width:37.50000%;}
	.celda-5{width:41.666666%;}		.celda-5x{width:45.83333%;}		
	.celda-6{width:50%;}			.celda-6x{width:54.16666%;}			
	.celda-7{width:58.333333%;}		.celda-7x{width:62.50000%;}	
	.celda-8{width:66.666666%;}		.celda-8x{width:70.83333%;}
	.celda-9{width:75%;}			.celda-9x{width:79.16666%;}
	.celda-10{width:83.333333%;}	.celda-10x{width:87.50000%;}	
	.celda-11{width:91.666666%;}	.celda-11x{width:95.833333%;}
	.celda-12{width:100%;}
[class*="colum-"]{box-sizing:border-box;float:left;}
	.colum-0{width:4.111111%;}		.colum-0x{width:2.050505%;}
	.colum-1{width:8.333333%;}		.colum-1x{width:12.50000%;}		
	.colum-2{width:16.666666%;}		.colum-2x{width:20.83333%;}		
	.colum-3{width:25%;}			.colum-3x{width:29.16666%;}		
	.colum-4{width:33.333333%;}		.colum-4x{width:37.50000%;}
	.colum-5{width:41.666666%;}		.colum-5x{width:45.83333%;}		
	.colum-6{width:50%;}			.colum-6x{width:54.16666%;}			
	.colum-7{width:58.333333%;}		.colum-7x{width:62.50000%;}	
	.colum-8{width:66.666666%;}		.colum-8x{width:70.83333%;}
	.colum-9{width:75%;}			.colum-9x{width:79.16666%;}
	.colum-10{width:83.333333%;}	.colum-10x{width:87.50000%;}	
	.colum-11{width:91.666666%;}	.colum-11x{width:95.833333%;}
	.colum-12{width:100%;}

	
.input_file{width:calc(100% - 40px);display:inline-block;outline: none;background:transparent;margin:0px 20px;
	font:400 16px/50px "Noto Serif","Arial";border:none;text-align:left;
	box-sizing:border-box;}
.area_comentarios{margin-top:10px;margin-bottom:20px;border-bottom:2px var(--vino) solid;}	


	
.mensajito{width:100%;float:right;font:500 10px/12px "Noto Serif","Arial";text-align:left;text-indent:1%;}
#unmomento{width:100%;float:left;font:500 16px/22px "Noto Serif","Arial";}
.marcorojo{color:#df0000 !important;}
.marcorojo2{border:1px #df0000 solid; !important;}
.enviandomensaje{display:none;font:500 26px/30px "Noto Serif","Arial";margin-top:20px;color:#000000;}


::-webkit-input-placeholder {}
::-moz-placeholder {}
:-ms-input-placeholder {}
:-moz-placeholder {}


/*
::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(200,200,200,0.9);border-radius: 5px;}
::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: inset 0 0 6px rgba(200,200,200,0.9);}
*/
textarea,
input[type="text"]{
   -moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;
}

.ocultar{display:inline-block;}
.mostrar{display:none;}
#btn_menuresponsive{display:none;position:fixed;top:0px;right:0px;}


.separador1{display:none;}







@media screen and (max-width:770px){/* cell potrait */
#btn_menuresponsive{display:inline-block;z-index:9990;background:var(--secun);
	-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.41);
	-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.41);
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.41);
	}

#menuresponsive{width:220px;height:100vh;display:inline-block;float:none;text-align:center;z-index:9000;
  position:fixed;background:#ffffff; 
  top:0px;left:0;}
#menuresponsive{margin-left:-250px;}

.imagen100{width:98%;margin:0px 1%;}


.tabla_principal,
.contenidos{width:100%;float:left;box-sizing: border-box;margin:0px;padding:0; }

.div{border: 1px #df0000 solid;box-sizing: border-box;}


.logotipo{width:50%;}
.btnBlogCont{margin:10% 0px;width:120px;margin-right:5%;}
.btnBlogCont img{width:100%;}
.redesTop img{width:30px;margin:10px 0px 0px 0px; }
.inicio-titulo{width:90%;margin-top:20%;}
#gemaVerde{height:10px;z-index:2000;position:relative;}
#gemaVerde img{width:30%; float:right;margin-top:-80px;position:relative; }
#textosInicio01{font:500 22px/30px "Noto Serif";
	margin-top: 160px; text-align: center;}
#textosInicio01 .txt26{font:500 22px/30px "Noto Serif";}

.lacartita{width:96%;display: inline-block;float: none;margin:10px 0%; }

.titHolistica{margin:20px 0px 30px 0px;font-size:30px;}
#txtHolistica .celda-3{margin-bottom:30px;}


#cartitaCont{width:100%;margin-bottom:40px; margin-top:20px;}
.cartitaContImg{width:100%;float:none;margin:0px;padding:10%;box-sizing: border-box;
}
#alyna{display: inline-block;width:100%;float: left; margin-bottom: 20px;
	-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.cartitaContTxt{width:100%;float:none; text-align:justify;
	font:400 16px/20px "Noto Sans","Arial";
}



#gemaRoja{height:1px;z-index:2000;margin-top:-0px; position:relative;}
#gemaRoja img{width:40%; float:left;margin-top:-140px;position:relative; }


.texto04{font:600 70px/80px "Noto Serif","Arial";color:#ffffff;text-align: center;}
.texto05{font:400 50px/60px "Noto Serif","Arial";color:#ffffff;text-align: center; letter-spacing:3px;}




.texto04{font:600 40px/50px "Noto Serif","Arial";}
.texto05{font:400 20px/30px "Noto Serif","Arial";}
#secciones-compra img {width:80%; margin:20px 10%; }

.texto06{font:700 32px/40px "Noto Serif","Arial";width:70%; }
#textosInicio03{width:96%;
	padding:20px;
	font:500 18px/20px "Noto+Sans","Arial";	
}


.texto07{font:400 22px/24px "Noto Serif","Arial";}
.texto08{font:400 16px/18px "Noto Serif","Arial";}

.texto09{font:400 40px/50px "Noto Serif","Arial";}
.texto10{font:400 20px/26px "Noto Serif","Arial";margin-top:20px;
	width:auto;padding:5px 40px ;
}


.seccion-bot-01-a{width:100%;text-align:center;margin:0;}
.texto11{font:400 30px/40px "Noto Serif","Arial";text-align:center;
	padding-bottom:20px;margin-bottom: 20px;}
.seccion-bot-01-b{width:100%;text-align: center;}
.seccion-bot-01-b img{width:50%;}

.texto12{font:300 20px/26px "Noto Serif","Arial";text-align:center;margin:20px 0px 10px 0px; }
.texto13{font:300 16px/22px "Noto Sans","Arial";text-align:justify;}
.texto13 br{display: none;}
.texto14{width:100%;display: inline;float: left;text-align:left;
	font:400 26px/30px "Noto Serif","Arial";color:#ffffff;text-align:center;margin:20px 0px;
 }


.fondo-bot-cafe{background-attachment: fixed;}

.seccion-bot-02-a{width:100%;text-align:center;margin:0;}
.texto15{font:400 26px/30px "Noto Serif","Arial";text-align:center;
	padding-bottom:10px;margin-bottom:0px;}
.seccion-bot-02-b{width:26%;display: inline;float: left;text-align: center;}
.texto16{font:300 16px/22px "Noto Sans","Arial";text-align:justify;}
.texto16 br{display: none;}
.seccion-bot-02-b{width:100%;text-align: center;}
.seccion-bot-02-b img{width:50%;}


.fondo-bot-cafe-02{background-attachment: fixed;}
.texto17{width:80%;display: inline-block; font:400 26px/32px "Noto Serif","Arial";margin:20px 0px;}

#morteroCont{margin:20px 0px 40px 0px;}
.mortero{width:100%;text-align: center;}
.mortero img{width:70%;float:none;}
.morteroTxt{width:100%;display: inline-block;float: left;
	font:300 20px/26px "Noto Sans","Arial";color:#e2e2e2;text-align:left;
}


.texto18{font:700 30px/40px "Noto Serif","Arial";text-align:center;margin:20px 0px;}
.preguntaSecc01{width:100%;text-align: center;}
.preguntaSecc01 img{width:50%;float: none;}
.preguntaSecc02{width:100%;display: inline-block;float: left;}

	.pregNum{width:100%;display: inline-block;float: left;color:#d7c8bb;
		font:700 40px/40px "Noto Serif","Arial";}
	.pregDatos{width:100%;display: inline-block;float: left;
		border-bottom: 1px #b08088 solid;padding-bottom:10px;}
	.pregTit{width:calc(100% - 40px);
			font:700 18px/22px "Noto Serif","Arial";margin-bottom:10px;}
	.pregTit br{display:none;}		
	.pregMas{width:35px;font:700 30px/20px "Noto Serif","Arial";margin:0px;}
	.pregResp{
			font:400 16px/20px "Noto Sans","Arial";
			text-align:justify;}

.pregTit2,
.pregResp2{
			font:400 16px/20px "Noto Sans","Arial";
			text-align:center;
		padding:5px 10px;}



.logotipo-pie{float:none; width:40%;margin-top:20px;}
.pie2a{width:100%;display: inline-block; float:none;margin-top:20px; text-align:center;}
.pie2aaa,
.pie2bbb,
.pie3,
.separador1{display:inline-block;width:90%;margin:10px 0px;text-align:center;}

.pie3{margin-top: 20px;}
.pie2a{padding-bottom:20px;}

[class*="celda-"]{width:100%; }
#contacto_form {margin-bottom:60px; }
#deta_form .celda-5x{width:90%;margin-bottom:10px;margin-left:5%;}
#contacto_secc2{display:none; }



.div{border:1px #dfee00 solid;}
.ocultar{display:none;}
.mostrar{display:inline-block;}

}/* media */