.contenido{height:100vh;}
.content-derecho{height:100vh;margin:0 0 0 200px;min-width:calc(100% - 200px);width:calc(100% - 200px);}
.content{width:100%;}
#floraweb .cbp-spmenu{background:#ef3325;position:fixed;}
#amphibiaweb .cbp-spmenu{background:#ef3325;;position:fixed;}
#reptiliaweb .cbp-spmenu{background:#3A6324;position:fixed;}
#mammaliaweb .cbp-spmenu{background:#865C08;position:fixed;}
#mammaliaweb .btn:active{background:#865C08;}
#aveweb .cbp-spmenu{background:#973A35;position:fixed;}
#aveweb .btn:active{background:#973A35;}
#invertebradoweb .cbp-spmenu{background:#49004C;position:fixed;}
#invertebradoweb .btn:active{background:#49004C;}
#amphibiaweb .btn-primary,
#amphibiaweb .btn-info,
#amphibiaweb .btn-primary:visited,
#amphibiaweb .btn-info:visited{background:#ef3325;;border:#ef3325;;}
#amphibiaweb .btn-primary:hover,
#amphibiaweb .btn-info:hover,
#amphibiaweb .btn-primary:active,
#amphibiaweb .btn-info:active{background:#003F60 !important;border:#003F60 !important;}
#reptiliaweb .btn-primary,
#reptiliaweb .btn-info,
#reptiliaweb .btn-primary:visited,
#reptiliaweb .btn-info:visited{background:#3A6324;border:#3A6324;}
#reptiliaweb .btn-primary:hover,
#reptiliaweb .btn-info:hover,
#reptiliaweb .btn-primary:active,
#reptiliaweb .btn-info:active{background:#8B8314 !important;border:#8B8314 !important;}
#mammaliaweb .btn-primary,
#mammaliaweb .btn-info,
#mammaliaweb .btn-primary:visited,
#mammaliaweb .btn-info:visited{background:#865C08;border:#865C08;}
#mammaliaweb .btn-primary:hover,
#mammaliaweb .btn-info:hover,
#mammaliaweb .btn-primary:active,
#mammaliaweb .btn-info:active{background:#AE610F !important;border:#AE610F !important;}
#aveweb .btn-primary,
#aveweb .btn-info,
#aveweb .btn-primary:visited,
#aveweb .btn-info:visited{background:#973A35;border:#973A35;}
#aveweb .btn-primary:hover,
#aveweb .btn-info:hover,
#aveweb .btn-primary:active,
#aveweb .btn-info:active{background:#94064E !important;border:#94064E !important;}
#invertebradoweb .btn-primary,
#invertebradoweb .btn-info,
#invertebradoweb .btn-primary:visited,
#invertebradoweb .btn-info:visited{background:#49004C;border:#49004C;}
#invertebradoweb .btn-primary:hover,
#invertebradoweb .btn-info:hover,
#invertebradoweb .btn-primary:active,
#invertebradoweb .btn-info:active{background:#995E9E !important;border:#995E9E !important;}
.navbar-brand{padding:0px !important;}
.navbar-brand > img{height:100%;width:auto;}
.navbar-brand > img{padding:7px 15px;}
.brand-centered{display:flex;justify-content:center;position:absolute;width:100%;left:0;top:0;}
.brand-centered .navbar-brand{display:flex;align-items:center;}
.navbar-toggle{z-index:2;}
.navbar-alignit .navbar-header{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;height:50px;}
.navbar-alignit .navbar-brand{top:50%;display:block;position:relative;height:auto;transform:translate(0,-50%);margin-right:15px;margin-left:15px;}
.navbar-nav > li > .dropdown-menu{z-index:9999;}
#menufloraweb{background-color:#ef3325;border-color:#ef3325;}
#menufloraweb.navbar-default .navbar-nav > .active > a, #menufloraweb.navbar-default .navbar-nav > .active > a:focus, #menufloraweb.navbar-default .navbar-nav > .active > a:hover{color:white;background-color:#b49313;}
#menufloraweb.navbar-default .navbar-nav > li > a{color:white;}
#menuamphibiaweb{background-color:#ef3325;;border-color:#ef3325;;}
#menuamphibiaweb.navbar-default .navbar-nav > .active > a, #menufloraweb.navbar-default .navbar-nav > .active > a:focus, #menufloraweb.navbar-default .navbar-nav > .active > a:hover{color:white;background-color:#b49313;}
#menuamphibiaweb.navbar-default .navbar-nav > li > a{color:white;}
#menureptiliaweb{background-color:#3A6324;border-color:#3A6324;}
#menureptiliaweb.navbar-default .navbar-nav > .active > a, #menufloraweb.navbar-default .navbar-nav > .active > a:focus, #menufloraweb.navbar-default .navbar-nav > .active > a:hover{color:white;background-color:#b49313;}
#menureptiliaweb.navbar-default .navbar-nav > li > a{color:white;}
#menumammaliaweb{background-color:#865C08;border-color:#865C08;}
#menumammaliaweb.navbar-default .navbar-nav > .active > a, #menufloraweb.navbar-default .navbar-nav > .active > a:focus, #menufloraweb.navbar-default .navbar-nav > .active > a:hover{color:white;background-color:#b49313;}
#menumammaliaweb.navbar-default .navbar-nav > li > a{color:white;}
#menuaveweb{background-color:#973A35;border-color:#973A35;}
#menuaveweb.navbar-default .navbar-nav > .active > a, #menufloraweb.navbar-default .navbar-nav > .active > a:focus, #menufloraweb.navbar-default .navbar-nav > .active > a:hover{color:white;background-color:#b49313;}
#menuaveweb.navbar-default .navbar-nav > li > a{color:white;}
#menuinvertebradoweb{background-color:#49004C;border-color:#49004C;}
#menuinvertebradoweb.navbar-default .navbar-nav > .active > a, #menufloraweb.navbar-default .navbar-nav > .active > a:focus, #menufloraweb.navbar-default .navbar-nav > .active > a:hover{color:white;background-color:#b49313;}
#menuinvertebradoweb.navbar-default .navbar-nav > li > a{color:white;}
#showRight{position:fixed;right:0;top:50px;z-index:100;}
.showRight-open{right:240px !important;}
.menu-animalito{width:110px;}
.menu-animalito .navbar-brand{margin-left:0 !important;float:none !important;}
.menu-animalito img{display:block;margin:auto;}
.menu-amphibia{background:#ef3325;;}
.menu-mammalia{background:#865C08;}
.menu-reptilia{background:#3A6324;}
.menu-ave{background:#973A35;;}
.menu-libroRojo{background:#ef3325;}
.menu-invertebrado{background:#49004C;;}
.btn-primary:active{background-color:#286090;border-color:#204d74;}
@media (max-width:767px){.menu-animalito{width:100%;}
}
@font-face{font-family:'feather';font-weight:normal;font-style:normal;src:url('../fonts/feather/feather.eot?1gafuo');src:url('../fonts/feather/feather.eot?1gafuoiefix') format('embedded-opentype'), url('../fonts/feather/feather.woff2?1gafuo') format('woff2'), url('../../fonts/feather/feather.ttf?1gafuo') format('truetype'), url('../fonts/feather/feather.woff?1gafuo') format('woff'), url('../fonts/feather/feather.svg?1gafuo#feather') format('svg');}
.icon{font-family:'feather';font-weight:normal;font-style:normal;font-variant:normal;line-height:2;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;speak:none;}
.icon--arrow-left:before{content:'\e901';}
.icon--menu:before{content:'\e903';}
.icon--cross:before{content:'\e117';}
.headerLogo{position:absolute;top:10px;min-height:50px;width:100%;}
.menu{position:fixed;top:90px;left:0;width:200px;height:100vh;background:#ef3325;;}
.menu__wrap{position:absolute;top:2.3em;bottom:0;width:100%;overflow:hidden;}
.menu__level{position:absolute;top:0;left:0;visibility:hidden;overflow:hidden;overflow-y:scroll;width:calc(100% + 50px);height:100%;margin:0;padding:0;list-style-type:none;padding-bottom:60px;}
.menu__level--current{visibility:visible;}
.menu__item{display:block;width:calc(100% - 50px);font-size:15px;line-height:1.5px;padding:5px;border-bottom:0.5px solid #8A2022;}
.menu__link{font-weight:300;position:relative;display:block;padding:1em 2.5em 1em 1.5em;color:white;-webkit-transition:color 0.1s;transition:color 0.1s;font-size:14px;}
.menu__link[data-submenu]::after{content:'\e904';font-family:'feather';position:absolute;right:20px;padding:0.25em 1.25em;color:var(--menu-breadcrums-after);}
.menu__link:hover,
.menu__link[data-submenu]:hover::after{color:#a72631;text-decoration:none;}
.menu__link--current::before{content:'\00B7';font-size:1.5em;line-height:0;position:absolute;top:50%;left:0.5em;height:4px;color:#a72631;}
[class^='animate-'],
[class*=' animate-']{visibility:visible;}
.animate-outToRight .menu__item{-webkit-animation:outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);animation:outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);}
@-webkit-keyframes outToRight{to{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
}
@keyframes outToRight{to{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
}
.animate-outToLeft .menu__item{-webkit-animation:outToLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);animation:outToLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);}
@-webkit-keyframes outToLeft{to{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
}
@keyframes outToLeft{to{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
}
.animate-inFromLeft .menu__item{-webkit-animation:inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);animation:inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);}
@-webkit-keyframes inFromLeft{from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
to{opacity:2;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes inFromLeft{from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
to{opacity:2;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.animate-inFromRight .menu__item{-webkit-animation:inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);animation:inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);}
@-webkit-keyframes inFromRight{from{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
to{opacity:2;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes inFromRight{from{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
to{opacity:2;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.menu__breadcrumbs{font-size:0.65em;line-height:2;position:relative;padding:2em 3.75em 1.5em 1.5em;}
.menu__breadcrumbs a{font-weight:bold;display:inline-block;cursor:pointer;vertical-align:middle;letter-spacing:1px;text-transform:uppercase;color:#a72631;}
.menu__breadcrumbs a:last-child{pointer-events:none;}
.menu__breadcrumbs a:hover{color:#f2c1d8;}
.menu__breadcrumbs a:not(:last-child)::after{content:'\e902';font-family:'feather';display:inline-block;padding:0 0.5em;color:var(--menu-breadcrums-after);}
.menu__breadcrumbs a:not(:last-child):hover::after{color:var(--menu-breadcrums-after);}
.menu__back{position:absolute;top:1em;font-size:1.05em;z-index:1000;width:100%;cursor:pointer;color:white;border:none;background:#ef3325;;}
.menu__back--hidden{pointer-events:none;opacity:0;}
.menu__back:hover,
.menu__back:focus{color:white;outline:none;}
.action{position:absolute;display:block;margin:0;padding:0;cursor:pointer;border:none;background:none;}
.action:focus{outline:none;}
.action--open{font-size:1.5em;display:none;color:white;padding-left:3px;padding-right:3px;background:#ef3325;;position:fixed;z-index:1000;}
.action--close{padding:7px 10px !important;color:white;z-index:1002;}
@media screen and (max-width:767px){.action--open,
.action--close{display:block;}
.menu{z-index:1000;top:50px;width:100%;height:100vh;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}
.menu--open{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.content-derecho{margin:0;width:100%;}
}
#ml-menu{z-index:1000;}
#ml-menu a:focus{color:#f2c1d8;}
#ml-menu a:active{background-color:#f2c1d8 !important;color:#f2c1d8;}
.row{height:auto;}
.fullheight{width:100%;height:100%;min-height:100%;}
.footer-menu{position:fixed;bottom:10px;}
::-webkit-scrollbar{width:0.5em;}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);}
::-webkit-scrollbar-thumb{background-color:#ef3325;;outline:1px solid slategrey;}
.footer-lang{position:fixed;bottom:20px;left:30px;text-align:center;}
.loading{position:fixed;z-index:999;height:2em;width:2em;overflow:show;margin:auto;top:0;left:0;bottom:0;right:0;}
.loading:before{content:'';display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);z-index:100;}
.loading:not(:required){font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.loading:not(:required):after{content:'';display:block;font-size:10px;width:1em;height:1em;margin-top:-0.5em;-webkit-animation:spinner 1500ms infinite linear;-moz-animation:spinner 1500ms infinite linear;-ms-animation:spinner 1500ms infinite linear;-o-animation:spinner 1500ms infinite linear;animation:spinner 1500ms infinite linear;border-radius:0.5em;-webkit-box-shadow:rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;box-shadow:rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;}
@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
}
@-moz-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
}
@-o-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
}
@media (min-width:768px){.container{width:560px !important;}
}
@media (min-width:992px){.container{width:790px !important;}
}
@media (min-width:1200px){.container{width:995px !important;}
}
@media (min-width:1600px){.container{width:1200px !important;}
}
@media (min-width:2000px){.container{width:1500px !important;}
}
.dummy-logo{position:fixed;top:0;left:0;width:200px;height:90px;padding:1em 0 0 0;text-align:center;color:#3b3d4a;background:#ef3325;z-index:10002;}
@media screen and (max-width:768px){.dummy-logo{display:none;}
}