@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');




.titulomain_positivo 		{ font-family: "Roboto", sans-serif; font-style: italic; font-size: 40px; color:#3e3c3c; }
		
.textomain_sitio_positivo   { font-family: "Roboto", sans-serif; color:#3e3c3c; font-size: 16px; font-style: italic; }
.textomain_sitio_negativo   { font-family: "Roboto", sans-serif; color:#F6F6F6; font-size: 16px; font-style: italic; }
		
.textomain_creditos_positivo { font-family: "Roboto", sans-serif; color:#3e3c3c; font-size: 14px; font-style: italic; }
		
.texto_telefono_positivo  { font-family: "Roboto", sans-serif; font-size: 30px; font-weight: 800; color:#3e3c3c; font-style: italic; }


.fondoajustableatabla{
	
 no-repeat center center fixed;
        background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;	
}







/* BOTON SITIO WEB */
button {
 outline: none;
 cursor: pointer;
 border: none;
 padding: 0.8rem 1rem;
 margin: 0;
 font-family: "Open Sans", sans-serif;
 font-size: inherit;
 position: relative;
 display: inline-block;
 letter-spacing: 0.05rem;
 font-weight: 500;
 font-size: 14px;
 border-radius: 500px;
 overflow: hidden;
 background: #c7c7c7;
 color: ghostwhite;
}

button span {
 position: relative;
 z-index: 10;
 transition: color 0.4s;
}

button:hover span {
 color: #FFFFFF;
}

button::before,
button::after {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 0;
}

button::before {
 content: "";
 background: #e2c959;
 width: 120%;
 left: -10%;
 transform: skew(30deg);
 transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
}

button:hover::before {
 transform: translate3d(100%, 0, 0);
}

/* BOTON SITIO WEB */


a.vinculoleermas:link {
	font-family: "Open Sans", sans-serif;
	font-size: 18px;
	font-style: italic;
	color: #918c8c;
    padding: 6px 8px;
    text-decoration: none;
	border: solid 2px #918c8c;
	
} 
	
a.vinculoleermas:visited { color: #918c8c; border: solid 2px #918c8c; }
a.vinculoleermas:hover { color: #00efb4; border: solid 2px #00efb4; }
a.vinculoleermas:active { color: #00efb4; border: solid 2px #00efb4; }