/*FONTS*/
@font-face{
    font-family: 'Helvetica';
    src: url('../rsc/fonts/Helvetica/HelveticaLTStd-Blk.otf') format('opentype');
}
@font-face{
    font-family: 'roboto';
    src: url('../font/roboto/Roboto-Bold.ttf') format('truetype');
}
@font-face{
    font-family: 'Charm';
    src: url('../rsc/fonts/Charm/charm.ttf') format('truetype');
}

/*CSS Común*/
body {
	margin: 0px;
	padding: 0px;
}

.navbar {
    background-color: transparent;
    z-index: 1; 
}

.navbar-overlay {
    margin-bottom: -89px; // Pulls the content under the navbar up by 89px which is the height of your navbar.
    z-index: 1; // Tells the browser that your navbar should be ontop of your content. This allows your links in your navbar to still work when you hover over them.
}

.nav-link:hover {
    background-color: rgba(0,129,76,0.5) !important;
}

#titulo {
    width: 75%;
}

#titulo:hover {
    background-color: transparent !important;
}

nav .text-uppercase{
    line-height: 16px;
    color: #f5f5f5 !important;
 	text-shadow: 0.9px 0px 0px #00814c, -0.9px 0px 0px #00814c, 0px 0.9px 0px #00814c, 0px -0.9px 0px #00814c;
}

.display-3 {
    font-family: 'Charm', cursive;
    font-size: 115px;
}

h4 {
    font-family: 'Charm', cursive;
    font-size: 28px;
}

.h1-responsive, .card {
    font-family: 'Helvetica';
}

.lead {
    font-weight: 500;
}

.fixed-action-btn {
    bottom: 45px; 
    right: 24px;
}

#arriba {
    display: none;
}

.py-2 {
    font-size: 12px !important;
}

footer {
    background-color: #00814c;
}

footer li a {
    opacity: 0.5;
}

footer li a:hover {
    opacity: 1;
}

footer .text-light {
    color: rgba(255,255,255,.4) !important;
}

/* footer h3.tutorial {
   margin-bottom: 0 !important;
} */
.mosca{
    position: fixed;
    right: 10px;
    bottom: 100px;
    max-width: 80px;
    z-index: 990;
}
#sello{
    width: 100%;
    max-width: 350px;
    color: #FFF !important;
    /* border: 2px solid #000 !important;
	font-weight: 100; */
	padding: 15px;
	font-size: 0.6em;
	line-height: 15px;
	position: fixed;
	/* background-color:#e1b6a5; */
    right: -600px;
    bottom: 100px;
	/* left: 0; */
	z-index: 999;
	/* -webkit-border-radius: 20px; */
	/* -moz-border-radius: 20px; */
	/* border-radius: 20px;  */
}
#cierrasello{
	position: absolute;
	top: -10px;
	right: 457px;
}
#cierrasello:hover, #mosca:hover{
	cursor:pointer;
}

.btn-green {
    background-color: rgb(0, 129, 76) !important;
    border-radius: 6px;
}

.btn-white {
    background-color: #fff !important;
    border-radius: 6px;
}

.btn-outline-green {
    color: #00814c !important;
    border: 2px solid #00814c!important;
}

.btn-outline-verde {
    color: #00814c !important;
    border: 2px solid #00814c!important;
    background-color: transparent !important;
}

.verde {
    color: #00814c !important;
}

.verdiblanco {
    color: #00814c !important;
    text-shadow: 0.9px 0px 0px #fff, -0.9px 0px 0px #fff, 0px 0.9px 0px #fff, 0px -0.9px 0px #fff;
}

/*MEDIA QUERIES*/
/*SmartTV*/
@media screen and (min-width: 3601px){
    @media screen and (orientation: landscape){}
    @media screen and (orientation: portrait){}
}

/*Ordenadores*/
@media screen and (max-width: 3600px){
    @media screen and (orientation: landscape){}
    @media screen and (orientation: portrait){}
}

/*Tablet*/
@media screen and (max-width: 1090px){
    @media screen and (orientation: landscape){}
    @media screen and (orientation: portrait){}
}

/*Móvil*/
@media screen and (max-height: 500px){
    @media screen and (orientation: landscape){
        .view .pt-5{
            padding-top: 140px !important;
        }
    }
    @media screen and (orientation: portrait){}
}
/*Smart Watch*/
@media screen and (max-width: 280px){
    #titulo span {
        display: none;
    }
}