@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald.ttf') format('truetype');
}

.usuario{
    color:#6DB04C !important;
    text-decoration: none !important;
}

a.downexcel
{
    background: url(/Images/downexcel.png) no-repeat top left;
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-top: 10px;
}

a.recalcular
{
    background: url(/Images/refresh.png) no-repeat top left;
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-top: 10px;
}

@media (min-width: 768px){
    .alinearexcel {
        text-align: left;
    }
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #fff !important;
}

.usuario{
    color:#6DB04C !important;
    text-decoration: none !important;
}

.usuariomovil{
    color:#fff !important;
    position: relative;
    z-index: 3;
    text-decoration: none !important;
    font-size: 15px;
}

.body {
    background-color: #b4f093 !important;
}

.dropdown-menu > li > a {

    color: #fff;

}

.select2-container, .select2-search, .select2-search input {
    width: 100% !important;
}

.select2-results {
    width: 100% !important;
}

.estilostabla > tbody > tr:nth-child(2n+1) {
    background-color: #6db04c;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff !important;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
        background-color: #6DB04C !important;
        border-color: #6DB04C !important;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
        background-color: #6DB04C !important;
        border-color: #6DB04C !important;
}

.blanco a {
    color: #fff !important;
}

.dropdown-submenu {
    position: relative;
}

.biblioteca {
    left: -122% !important;
}

.industrial {
    top: 17% !important;
}

.informes {
    top: 17% !important;
}

.ornamentalesInformes {
    top: 17% !important;
}

.biologia {
    /*left: -72% !important;*/
}

.biologiaInformes {
    top: 17% !important;
    left: -82% !important;
}

.biologia2 {
    left: -1% !important;
}

.biologiaInformes2 {
    top: 17% !important;
    left: 100% !important;
}

.acuicultura {
    left: -327% !important;
}

.acuiculturaInformes {
    top: 17% !important;
    /*left: -63% !important;*/
}

.acuicultura2 {
    /*left: -116% !important;*/
}

.acuiculturaInformes2 {
    top: 17% !important;
    /*left: -137% !important;*/
}

.comercializacion {
    left: -78% !important;
}

.comercializacionInformes {
    top: 17% !important;
    /*left: -137% !important;*/
}

.seguridad {
    left: -174% !important;
}

.herramientas {
    left: -78% !important;
}
.historicos {
    left: -117% !important;
}
.historicos2 {
    left: -100% !important;
}

.herramientas1 {
    top: 17% !important;
    left: -126% !important;
}

.dropdown-submenu{position:relative;}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

/*.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}*/

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px;
    }

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: #5e9145 !important;
}

.navbar-nav a {
    font-family: 'Oswald';
    font-size: 16px;
}

@media (min-width: 1266px) {
    .monitoreosOFF {
        display: none !important;
    }

    .monitoreosON {
    }
}

@media (max-width: 1266px) {
    .monitoreosOFF {
    }

    .monitoreosON {
        display: none !important;
    }
}

@media (max-width: 400px){
    div.textsize {
        font-size: 14px;
    }
}

@media (min-width: 401px){
    div.textsize {
        font-size: 18px;
    }
}

@media (max-width: 600px){
    div.textfoot {
        font-size: 11px;
    }
}

@media (min-width: 601px){
    div.textfoot {
        font-size: 14px;
    }
}

@media (min-width: 768px){
    .footlogos {
        display: none;
    }
}

.tituloNaranja {
    background-color: orange;
    color: #fff;
    font-weight: 700;
    padding: 5px;
}

div.jloginXS {
    position: absolute;
    top: 108;
    left: 30;
    font-size: 10px;
}

div.jloginDT {
    position: absolute;
    bottom: 3;
    right: 15;
    font-size: 14px;
}

div.jtop {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
}

.full {
        width: 25% !important;
        height: auto !important;
}

@media (max-width: 1230px) {
    .escritorio {
        width: 33.33333333% !important;
        height: auto !important;
    }
}

@media (max-width: 776px){
    .tablet {
        width: 50% !important;
        height: auto !important;
    }
}

@media (max-width: 530px) {
    .celular {
        width: 100% !important;
        height: auto !important;
    }
}

@media (max-width: 400px) {
    .espaciado {
        margin-bottom: 15px !important;
        min-height: 35px;
        height: auto !important;
        width: 100% !important;
        /*margin-bottom: 6px !important;*/
    }
}

.espaciado {
    margin-bottom: 15px !important;
    min-height: 35px;
    height: auto !important;
    /*margin-bottom: 6px !important;*/
}

@media (max-width: 400px){
    .ajustar {
        height: 20px !important;
        width: 100% !important;
    }
}

.ajustar{
   height: 22px !important;
}

textarea {

    width: 100% !important;
    height: 40px !important;

}

.ui-tabs {

    width: 100% !important;

}

legend.legendStyle {
padding-left: 5px;
padding-right: 5px;
}
fieldset.fsStyle {
font-family: Verdana, Arial, sans-serif;
font-size: small;
font-weight: normal;
border: 1px solid #999999;
padding: 22px;
margin: -15px;
height: auto !important;
}
legend.legendStyle {
font-size: 90%;
color: #888888;
background-color: transparent;
font-weight: bold;
}

legend {
width: auto !important;
border-bottom: 0px !important;
}

@media (max-width: 768px){
    .loginpeque {
        margin-left: 0% !important;
        margin-right: 0% !important;
    }
}

@media (min-width: 768px) {
    .logingran {
         margin-left: 20% !important;
         margin-right: 20% !important;
    }
}

@media (max-width: 768px){
    .loginalignleft {
        text-align: left !important;
    }
}

@media (max-width: 768px){
    .loginalignright {
        text-align: right !important;
    }
}

@media (max-width: 530px){
    .centraritems {
        text-align: center !important;
    }
}

input:not(.ui-pg-input):not(.cbox):not(.select2-input):not(.diacheckbox):not(.FormElement):not(.add-group):not(.add-rule):not(.opsel):not(.delete-rule):not(.input-elm):not(.selectopts):not(.delete-group), select:not(.ui-pg-selbox) {
    width: 100% !important;
}

input.delete-group{
    width: 59px !important;
    height: 25px;
    background-color: #6DB04C !important;
}

td.columns select{
    width: 74px !important;
    height: 25px !important;
}

select.selectopts{
    width: 55px !important;
    height: 25px;
}

input.input-elm{
    width: 139px !important;
    height: 25px;
}

input.delete-rule{
    width: 59px !important;
    height: 25px;
    background-color: #6DB04C !important;
}

input.ui-add{
    width: 59px !important;
    height: 25px;
    background-color: #6DB04C !important;
}

input.add-group {
    width: 59px !important;
    height: 25px;
    background-color: #6DB04C !important;
}

select.opsel{
    height: 25px;
    width: 150px !important;
}

.ui-jqdialog {
    width: auto !important;
    height: auto !important;
}

.ui-jqdialog-content .EditTable {
    width: auto !important;
}

h2{
   font-size: 24px !important;
}

h3{
   font-size: 20px !important;
}


h4{
   font-size: 18px !important;
}

h1{
   font-size: 25px !important;
}

.minitext input {
        width: 40px;
    }

.minitext form {
        display: inline;
}

@media (max-width: 360px){
    .esconderFFyFB {
       display: none;
    }
}

/*Reduiciendo los espacios del menú*/
.nav > li > a { 
  padding: 10px 10px !important;
}

.visible-sm-p {
  display: block !important;
}
.visible-sm-b {
  display: block !important;
}
.visible-sm-po {
  display: block !important;
}
.visible-sm-co {
  display: block !important;
}

.visible-sm-ht {
  display: block !important;
}

.visible-lg-p {
  display: none !important;
}
.visible-lg-ph {
    display: none !important;
  }
.visible-lg-h {
  display: none !important;
}
.visible-lg-po {
  display: none !important;
}
.visible-lg-co {
  display: none !important;
}
.visible-sm-hto {
  display: none !important;
}

/*Oculta contenido a partir del rango de resolución especificada*/
@media (min-width: 768px) and (max-width: 1248px) {
    .visible-sm-ht {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 1202px) {
  .visible-sm-p {
    display: none !important;
  }  
}

@media (min-width: 768px) and (max-width: 1110px) {
  .visible-sm-b {
    display: none !important;
  }  
}
@media (min-width: 768px) and (max-width: 1025px) {
  .visible-sm-po {
    display: none !important;
  }  
}
@media (min-width: 768px) and (max-width: 820px) {
  .visible-sm-co {
    display: none !important;
  }  
}

@media (min-width: 768px) and (max-width: 1248px) {
  .visible-lg-p {
    display: block !important;
  }  
}
@media (min-width: 768px) and (max-width: 1248px) {
  .visible-lg-hto {
    display: block !important;
  }  
}
@media (min-width: 768px) and (max-width: 1202px) {
  .visible-lg-ph {
    display: block !important;
  }  
}
@media (min-width: 768px) and (max-width: 1110px) {
  .visible-lg-h {
    display: block !important;
  }  
}
@media (min-width: 768px) and (max-width: 1025px) {
  .visible-lg-po {
    display: block !important;
  }  
}

@media (max-width: 1230px) {
    .POPC {
        left: -101% !important;
    }

    .POPC .POPCIngresoInf {
        left: -237.156px !important;
    }

    .POPC .POPCInformes {
        left: -175.156px !important;
    }

    .POPC .POPCSalidasTab {
        left: -159.156px !important;
    }

    .POPC .POPCInformesBC {
        left: -188.156px !important;
    }

    .POPC .POPCInformesCPUE {
        left: -158.156px !important;
    }

    .POPC .POPCInformesCompEsp {
        left: -188.156px !important;
    }  
}

/*Inicio CSS menú POPC (min-width: 768px) and (max-width: 1025px)*/
.POPC2 {
    left: -101% !important;
}

.POPC2 .POPCIngresoInf {
    left: -237.156px !important;
}

.POPC2 .POPCInformes {
    left: -176.156px !important;
}

.POPC2 .POPCSalidasTab {
    left: -158.156px !important;
}

.POPC2 .POPCInformesBC {
        left: -188.156px !important;
    }

    .POPC2 .POPCInformesCPUE {
        left: -158.156px !important;
    }

    .POPC2 .POPCInformesCompEsp {
        left: -188.156px !important;
    }
/*Fin menú POPC*/

@media (min-width: 768px) and (max-width: 820px) {
  .visible-lg-co {
    display: block !important;
  }  
}

.herramientas2 {
    top: 121% !important;
    left: -336% !important;
}
.herramientas3 {
    left: -101% !important;
}
.POPC2 {
    left: -141% !important;
}
.comercializacion2 {
    left: -121% !important;
}
.Biblioteca2 {
    left: -100% !important;
}
.bibliotecaBancoImagenes {
    top: 17% !important;
    left: 100% !important;
}