body {
    margin: 0px;
    background-color: #b5df55;
    background-image: url(../../images/ImgResponsive_Placeholder.png);
    background-position: center top;
    background-repeat: repeat-x;
}

.langtxt {
font-family:"Lucida Sans Unicode";
font-size:13px;
color:#fbfff7;
text-decoration:none;
}

.langtxt_arb {
font-family:"Tahoma";
font-size:14px;
color:#fbfff7;
text-decoration:none;
}

.langtxt_arb:hover {
font-family:"Tahoma";
font-size:14px;
color:#beff0f;
text-decoration:none;
}

.langtxt:hover {
font-family:"Lucida Sans Unicode";
font-size:13px;
color:#beff0f;
text-decoration:none;
}

.tdbg{
background-color:#fff;
opacity:0.55;
filter:alpha(opacity=55); /* For IE8 and earlier */
}


.tdbgdiv {
background-color:#f0fce0;
width:1177px;
float:left;
background-image:url(../images/inbg.jpg);
background-repeat:repeat-y;
}

.innrtxt {
font-family:"tahoma";
font-size:14px;
line-height:20px;
color:#5e5a00;
text-align:justify;
direction:lft;
}

.readmoretxt {
font-family:"tahoma";
font-size:14px;
color:#008845;
direction:rtl;
text-decoration:none;
}

.readmoretxt:hover {
font-family:"tahoma";
font-size:14px;
color:#008845;
direction:rtl;
text-decoration:underline;
}

.innrtxt_brown {
font-family:"tahoma";
font-size:14px;
color:#868100;
line-height:25px;
direction:rtl;
}

.footertxt {
font-family:"tahoma";
font-size:13px;
color:#008845;
direction:rtl;
}

.brdr {
border:solid 2px #fff;
}

.innrtxtgreen {
font-family:"tahoma";
font-size:13px;
color:#008845;
direction:rtl;
}

.innrtxtgreenbig {
font-family:"tahoma";
font-size:20px;
color:#008845;
direction:rtl;
}

.innrtxt_brownbig {
font-family:"tahoma";
font-size:20px;
color:#868100;
direction:rtl;
}

.bgtxtbox {
font-family:"tahoma";
}

/* joanet */
.customButton{
    display: block;
    width: 20px;
    height: 20px;
    top : 10px;
    right : 10px;
    position: fixed;
    border: 1px solid #000;
    border-radius: 10px;
 }
 
 .customButton:hover {
   background-color: #000;
   cursor: pointer;
 }
/* joanet */

.btn-flotante {
    font-size: 16px; /* Cambiar el tamaño de la tipografia */
    text-transform: uppercase; /* Texto en mayusculas */
    font-weight: bold; /* Fuente en negrita o bold */
    color: #ffffff; /* Color del texto */
    border-radius: 5px; /* Borde del boton */
    letter-spacing: 2px; /* Espacio entre letras */
    background-color: #1EC45F; /* Color de fondo */
    padding: 18px 30px; /* Relleno del boton */
    position: absolute;
    top: 40px;
    right: 55px;
    transition: all 300ms ease 0ms;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    z-index: 99;
}
.btn-flotante:hover {
	background-color: #2c2fa5; /* Color de fondo al pasar el cursor */
	box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
	transform: translateY(-7px);
}
@media only screen and (max-width: 600px) {
 	.btn-flotante {
		font-size: 14px;
		padding: 12px 20px;
		bottom: 20px;
		right: 20px;
	}
}