@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');
html,body,p,span,h1,h2,h3,h4,h5,h6,a{font-family: "Open Sans" !important, "Roboto" !important; }

#site-logo, #top-bar{display:none !important;}
.page-header-title, .page-header{display:none !important;}
#site-navigation-wrap{height:120px; color:#ffffff; background-color:  #313945 !important;}
.btn-primary {color: #fff;font-size: 16px !important;background-color: #313945 !important;border-color: #4c4c4c !important;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {color: #fff;background-color: #6dab3c !important;border-color: #467d31 !important;}
.secciongris{background-color: #f7f7f7 !important;border: 0.1px solid rgba(0, 0, 0, 0.1);}
/*.img-permiso{border: 0.1px solid rgba(0, 0, 0, 0.1);}*/
.div-observatorio{border: 0.1px solid rgba(0, 0, 0, 0.1);}
.imgpermiso{height:150px !important;}
.titulo-permiso>a{color:#313945 !important;}
.content-permiso>a{color:#313945 !important;}
.perm>a{color:#313945 !important;}
.imgsea{width:50% !important}
.port{margin-top:45px !important;}
.especiales>h2{text-align:center !important;}
.especiales{text-align:center !important;}
.ms-skin-light-5 .ms-nav-prev {bottom: 175px !important;}
.ms-skin-light-5 .ms-nav-next  {bottom: 175px !important;}
/* Estilos para menus en shortcoddes
.menu-biodiversidad-container{width: 100%;}
*/.title-menu{text-align:center; background-color:#313945 !important; padding:0.1px; }
.title-menu>h2{color: #ffffff !important; font-size: 14px; font-weight:500;}
.menu-color-goes a {display: block;background-color: #f4f4f7;text-decoration: none;padding: 1px;color: #313945;border:0.001px solid rgba(0, 0, 0, 0.05);text-align: left; margin-left: 5px;}
.menu-color-goes, .menu-color-goe>sub-menu {list-style: none;padding: 0;margin: 0;}
.menu-color-goes a:hover {background-color: #86d459;}
.menu-color-goes li:hover .menu-color-goe>sub-menu {display: block;max-height: 200px;}
.menu-color-goe>sub-menu a {background-color: #ededed;margin-left:5px;}
.menu-color-goe>sub-menu a:hover {background-color: #86d459;}
.menu-color-goe>sub-menu {overflow: hidden;max-height: 0;  -webkit-transition: all 2.5s ease-out;}
.sub-menu li a:hover {background-color: #86d459 !important;color: #313945 !important;}
.tpal{padding: 15px; width:100%;background-color:#313945 !important; font-size:38px !important; color:#fff !important; text-align:center !important; margin-top: 1% !important}
.cpl{border:1px #313945 solid;}
ul {list-style-image: url("http://www.marn.gob.sv/wp-content/plugins/nuevo-marn/img/bullet.png")}


@media screen and (max-width: 992px) {.imgsea{width:100% !important}}
@media screen and (max-width:768px) {.pajarito, .ocultar{display:none !important}.secciongris{background-color:transparent !important;border: 0.1px solid rgba(0, 0, 0, 0.1);}.imgsea{width:100% !important}.port{margin-top:15px !important;}}
@media screen and (max-width:500px) {.secciongris{background-color:transparent !important;border: 0.1px solid rgba(0, 0, 0, 0.1);} .pajarito, .ocultar{display:none !important}.imgsea{width:100% !important}.port{margin-top:5px !important;}}