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


.venusu {
			  box-shadow: 0 10px 20px rgba(0,0,0,0.5);

			  -webkit-transform: translate(0, -130%);
			  /*-webkit-transition: -webkit-transform 500ms;
			  /*transform: translate(0, -110%);
			  transition: transform 500ms;*/

			  will-change: transform;
				color:#ffffff;
				display:inline;
				background:#049398;
				width:40vh;
			  height:28vh;
				position:absolute;
				float:right;
				z-index: 10000;
				border: 4px #ddd  solid ;
				text-align:center;
				font-size:1em;
			}

			.venusu .move {
				-webkit-transform: translate(100px, 100px);
			  transform: translate(100px, 100px);
			}

/*#venusu
{
	display:inline;
	background:#5fb26a;
	margin:0px;
  padding:0px;
	width:20%;
  height:27vh;
  /*line-height:100vh;
	padding: 15px 15px;
  color:#ffffff;
  text-align:center;
  font-size:1.2em;
	position:relative;
	float:right;
	z-index: 10000;
	border: 4px #ddd  solid ;

	visibility:hidden;
}

@keyframes slidein {
  from {
    margin-top: -20%;

  }

  to {
    margin-top: 0%;

  }
}
@keyframes slideout {
  from {
    margin-top: 0%;

  }
	100% {
	  visibility:hidden;
		opacity: 0.8;
}
  to {
    margin-top: -20%;

  }

}*/

.linkmenu	{
				display:block;
				/*padding: 5px 5px; border: 3px #666  solid ;*/
				width:90px;
				margin:0 auto;
				cursor:pointer;

			}
.linkmenu		{
					text-decoration:none;
				}


.linkmenu div:before
{
	color:red;
}

#msgfrm
{
		margin-top: 15px;
		display:block;
		text-align:center;
		margin: 0 auto;
		color: red;
		font-style: oblique;
		font-weight:bold;
		position: relative;
		font-size: 1.3em;
		height: 10px;
}
#infpag {
				/*font-family:Arial, Helvetica, sans-serif;
				text-align:left;
				background-color:#fff;
				border: 1px #666  solid ;padding: 20px 15px;

				background: #5fb26a;*/
				text-align:center;
				margin:0 auto;
				position:relative;
				/* #5fb26a*/
				}
.titulos {
						text-align:center;
						background: #5fb26a;
						display:block;
						/*color:#fff;*/
				}

.datoaviso {
					font-size:0.8em;
					text-align:left;
      }
.aviso {
					font-size:0.8em;
					color:#000;
					text-align:left;
			    }
.cajaaviso
{
		width: 100%;
		height: 0 auto;
		background: #d3d3d7;
}
.cajaaviso2
{
		width: 100%;
		height: 0 auto;
		background: #fff;
}
.btn-pdf
{
   font-size: 17px;
   font-weight: 800;
   font-family: "Open Sans";
   background-color: rgb(255, 255, 255);*/
   border-style: solid;
   border-width: 2px;
   padding: 12px 50px;
   text-decoration: none;
   background-image: url("SVG/angle-left.svg");
   width:100%;
   height: 100%;
}
.lecturah1
{
	font-size: 5.5vw;
	text-align:center;
	font-weight:bold;
	text-decoration: none;
	color: #000;
	margin-bottom: 4%;
}
.lecturah2
{
	font-size: 3.5vw;
	text-align:left;
	font-weight:bold;
	text-decoration: none;
	color: #000;
	margin-bottom: 4%;
}
.lecturaleyenda
{
	margin-top:20%;
	margin-bottom: 15%;
	margin-left:8.5%;
	width: 80%;
	/*border: 3px #666  solid ;*/
	/*padding: 20px 15px;*/
	font-size: 3vw;
	text-align:justify;
	position:relative;
	text-decoration-style: double;
	font-style: oblique;
	color:#000;
}

.leyenda
{
	/*border: 3px red  solid ;*/
	font-size: 1.2em;
	margin-top:60px;
	margin:10px auto;
  border-radius:5px;
  padding:13px;
  width:100%;
  height:auto;
	background-image:url("../images/papiro.png");
	text-align:center;
	background-size: 100% 100%;
  background-repeat:no-repeat;
}

.letrachica
{
		font-size: 2.1vh;
		text-align:left;
		font-weight: normal;
		text-decoration: none;
		color:#000;
}
/****************************************** MI ALMACEN ******************************************/
.centrado {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
#almamain
{
	/*background-image: url("../images/fdomialmacen.jpg") ;
	background-repeat: no-repeat;*/
	top:0px;
	width: 100%;

	text-align: center;
	display:block;
	padding: 0;
	border:0;
	margin-right:auto;
	border: 1px #666  solid ;
	background-color:#fff;
	position: relative;
	padding: 15px;
	margin-bottom: 15px;
	height: auto;
	/*
	background-color:#b9f6c1;
	background-size: 100% 100%;
	height: 100px;	*/
}

#almaimg
{
	padding: 0;
	height:77vh;
	clear: both;
	text-align: center;
	display: block;
	position: relative;
	margin:0px auto;
	/*
	background-color: #b9f6c1;
	transform: scale(1,1);
	border: 1px #666  solid ;
	background-repeat: no-repeat;
	padding: 20px 15px;
  background-color: red;
	min-height: 100vh; */
	/* height: 50vw; display:inline-block;
	width: 33%;*/
}
#cartel
{
	padding: 0;
	height: 77vh;
	clear: both;
	text-align: center;
	display: block;
	position: relative;
	margin:0px auto;
	/*
	background-color: #b9f6c1;
	background-color: blue;
	transform: scale(1,1);
	border: 1px #666  solid ;
	background-repeat: no-repeat;

	min-height: 100vh; */
	/*display:inline-block;
	width: 33%;*/
}
#panchat
{
	padding: 0;
	height: 77vh;
	display:block;
	clear: both;
	text-align: center;
	position: relative;
	margin:0px auto;
	/*
		background-color: #b9f6c1;
	background-color: yellow;
	transform: scale(1,1);
	border: 1px #666  solid ;
	background-color: yellow;
	min-height: 100vh; */
	/*height: 50vw; display:inline-block;
	width: 33%;*/
}
.contenedor
{
	display:block;
	margin:0px auto;
	padding: 0;
}
.entradachat
{
	width: 70%;
	height: 20px;
	text-align: left;
	border: 1px #000  solid;
}
.datoanonimo
{
	color:#8b8b8e;
	font-style: oblique;
}
.msjanonimo
{
	color:#8b8b8e;
	font-style: oblique;
}

.datocliente
{
	color:#087b0a;
	font-style:normal;
}
.msjcliente
{
	color:#087b0a;
	font-style:normal;
}
.mismensajes
{
	color:#0606f7;
	font-style:normal;
	font-weight: bold;
}
.conversacion
{
	/* transform: scale(1,1);*/
	width: 90%;
	height:68vh;
	font-size: 3vh;
	line-height: .5vh;

	text-decoration: none;
	padding: 0;
	margin-top: : 0;
	margin-left: 15px;
	border:0;
	background-color: #fff;
	text-align: left;
	display:block;

	border: 1px #666  solid ;
}

.cartel
{
	padding: 15px 15px;
	line-height: 4vh;
	font-size: 4vh;
	background-color: #000;
	width: 90%;
	color:#fff;
	height:68vh;
	border:5px #824404  solid ;
	border-radius:5px;
	text-decoration: none;
	display:block;
	z-index:auto;
}

.piechat
{
	width: 80%;
	/*border: 1px #666  solid ;*/
	display:block;
	margin-left: 15px;
}
.flotante
{
	position:absolute;
	top:0px;
	z-index: 10;
	width: 100%;
}
.flotante2
{
	position:relative;
	top:0px;
	z-index: 50;
	width: 100%;
	height: 100vh;
	/*background-color: green;*/
}
.alinea_abajo
{
	margin-bottom: 0;
	position:absolute;
  bottom:5px;
	text-align: center;
	display:block;
}

.textenviachat
{
	left: px;
}
.botonenviachat
{
	right: 1%;
	border: 1px #666  solid ;
}




.wrapper {
  .make-row();
}
.content-main {
  .make-column(8);
}
.content-secondary {
  .make-column(3);
  .make-column-offset(1);
}

/************************************************************************************************/