@import url(https://fonts.googleapis.com/css?family=Open+Sans);
html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 68px;
    line-height: 1.3;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    display: block;
}

.panel-title a,
panel-title a:hover {
    display: block;
    text-decoration: none;
}

a,
a:active,
a:focus,
a:hover {
    outline: none;
}

.nolr {
    padding-left: 0px;
    padding-right: 0px;
}

.mb20 {
    margin-bottom: 20px;
}


/***** HEADER *****/

header {
    height: 200px;
}

.logo img {
    margin-top: 20px;
}

.logo span {
    font-size: 26px;
    color: #666;
    line-height: 1.42857143;
}

.logo .col-md-9 {
    margin-top: 100px;
}

.conicet img {
    margin-top: 20px;
}


/***** FIN HEADER *****/


/***** ICONOS *****/

.icons {
    padding-top: 10px;
}

.icons span {
    /*margin-left: 10px;*/
}

.icons-bottom {
    padding-top: 0px;
}

.glyphicon-stack {
    position: relative;
    display: inline-block;
    width: 3em;
    height: 3em;
    line-height: 3em;
    vertical-align: middle;
    cursor: pointer;
    transition: all 0.5s ease;
}

.glyphicon-circle {
    position: relative;
    border-radius: 50%;
    width: 100%;
    height: auto;
    padding-top: 100%;
    background: black;
}

.glyphicon-stack-1x {
    line-height: inherit;
}

.glyphicon-stack-1x,
.glyphicon-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.grey-icon {
    background-color: #999;
    transition: all 0.5s ease;
}

.grey-icon-animate {
    background-color: #999;
    transition: all 0.5s ease;
    animation: noticias 1s;
    -moz-animation: noticias 1s infinite;
    /* Firefox */
    -webkit-animation: noticias 1s infinite;
    /* Safari and Chrome */
}

@keyframes noticias {
    0% {
        background-color: #999;
    }
    50% {
        background-color: #0b82c4;
    }
    100% {
        background-color: #999;
    }
}

@-moz-keyframes noticias {
    /* Firefox */
    0% {
        background-color: #999;
    }
    50% {
        background-color: #0b82c4;
    }
    100% {
        background-color: #999;
    }
}

@-webkit-keyframes noticias {
    /* Safari and Chrome */
    0% {
        background-color: #999;
    }
    50% {
        background-color: #0b82c4;
    }
    100% {
        background-color: #999;
    }
}

span:hover .grey-icon {
    background-color: #0b82c4;
}

.grey-icon-white {
    color: white;
}

.internos-icon {
    background-color: #0b82c4;
}

.internos-margin {
    margin: 10px;
}


/***** FIN ICONOS *****/


/***** MENU *****/

.mainmenu {
    margin-bottom: 0px;
    border: 0px;
    /*-webkit-box-shadow: -1px 25px 152px 0px rgba(0,0,0,0.75), inset 0px 0px 115px -40px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 25px 152px 0px rgba(0,0,0,0.75), inset 0px 0px 115px -40px rgba(0,0,0,0.75);
	box-shadow: -1px 25px 152px 0px rgba(0,0,0,0.75), inset 0px 0px 115px -40px rgba(0,0,0,0.75);*/
    -webkit-box-shadow: inset 0px 0px 115px -40px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0px 0px 115px -40px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0px 0px 115px -40px rgba(0, 0, 0, 0.75);
    border-radius: 0px;
    z-index: 1;
}

.mainmenu .container-fluid .container ul.nav {
    width: 100%;
}

.mainmenu .container-fluid .container ul.nav li.dropdown {
    width: 20%;
}

.mainmenu .container-fluid .container ul>li {
    min-width: 228px;
}

.mainmenu .container-fluid .container ul>li>a {
    color: white !important;
    text-shadow: 0px 0px 3px #999;
}

.mainmenu .dropdown-menu {
    padding: 0px 0px;
    border: 0px;
    min-width: 222px;
}

.mainmenu .navbar-nav>li {
    text-align: center;
}

.yellow a {
    background-color: #f7c816 !important;
}

.yellow a:hover,
.yellow a:focus,
.yellow a:active,
.yellow a:link {
    background-color: #f7c816 !important;
}

.orange a {
    background-color: #e18628 !important;
}

.orange a:hover,
.orange a:focus,
.orange a:active,
.orange a:link {
    background-color: #e18628 !important;
}

.red a {
    background-color: #c92c26 !important;
}

.red a:hover,
.red a:focus,
.red a:active,
.red a:link {
    background-color: #c92c26 !important;
}

.violet a {
    background-color: #6152ba !important;
}

.violet a:hover,
.violet a:focus,
.violet a:active,
.violet a:link {
    background-color: #6152ba !important;
}

.blue a {
    background-color: #263ca0 !important;
}

.blue a:hover,
.blue a:focus,
.blue a:active,
.blue a:link {
    background-color: #263ca0 !important;
}


/***** FIN MENU *****/


/***** HOME SLIDESHOW *****/

.slideshow {
    overflow: hidden;
    max-height: 180px;
    max-width: 1140px;
    margin: 0 auto;
    -webkit-box-shadow: -1px 25px 152px 0px rgba(0, 0, 0, 0.75), inset 0px 0px 115px -40px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -1px 25px 152px 0px rgba(0, 0, 0, 0.75), inset 0px 0px 115px -40px rgba(0, 0, 0, 0.75);
    box-shadow: -1px 25px 152px 0px rgba(0, 0, 0, 0.75), inset 0px 0px 115px -40px rgba(0, 0, 0, 0.75);
    z-index: 0;
}

.carousel-inner>.item {
    max-width: 100%;
    height: 180px;
    background-color: rgb(11, 130, 196);
}

.carousel-inner>.item img {
    margin-left: 640px;
}

.carousel-caption {
    width: 640px;
    height: 180px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(11, 130, 196, 0.8);
    padding: 0px 10px;
}

.carousel-caption a,
.carousel-caption a:hover,
.carousel-caption a:focus,
.carousel-caption a:active,
.carousel-caption a:link {
    color: #FFF;
    text-decoration: none;
}

.carousel-caption h1 {
    font-size: 20px;
}

.carousel-caption p {
    font-size: 14px;
}

.carouse-indicators {
    bottom: 0px !important;
}


/***** FIN SLIDESHOW *****/


/***** HOME TABS *****/

.hometabs {
    -webkit-box-shadow: -1px 25px 152px 0px rgba(0, 0, 0, 0.75), inset 0px 0px 115px -40px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -1px 25px 152px 0px rgba(0, 0, 0, 0.75), inset 0px 0px 115px -40px rgba(0, 0, 0, 0.75);
    box-shadow: -1px 25px 152px 0px rgba(0, 0, 0, 0.75), inset 0px 0px 115px -40px rgba(0, 0, 0, 0.75);
}

.hometabs li {
    width: 20%;
}

.hometabs li a {
    border-radius: 0px;
    border: 0px;
    color: white;
    text-transform: uppercase;
    text-align: center;
    margin-right: 0px;
}

.hometabs>li.active>a,
.hometabs>li.active>a:hover,
.hometabs>li.active>a:focus {
    color: white;
    border-width: 0px;
    border-style: none;
    border-color: none;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    cursor: default;
}

#basededatos span {
    color: #f7c816;
}

#herbario span {
    color: #e18628;
}

#biblioteca span {
    color: #c92c26;
}

#darwiniana span {
    color: #6152ba;
}

#becas span,
#becasypasantias span {
    color: #263ca0;
}

#basededatos,
#herbario,
#biblioteca,
#darwiniana,
#becas,
#becasypasantias {
    padding-top: 50px;
    min-height: 320px;
    overflow: hidden;
}

#basededatos h2,
#basededatos p,
#herbario h2,
#herbario p,
#biblioteca h2,
#biblioteca p,
#darwiniana h2,
#darwiniana p,
#becas h2,
#becas p,
#becasypasantias h2,
#becasypasantias p {
    text-align: center;
    font-size: 16px;
}


/***** FIN HOME TABS *****/


/***** FOOTER *****/

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 68px;
}

footer .container-fluid {
    -webkit-box-shadow: -1px 25px 152px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -1px 25px 152px 0px rgba(0, 0, 0, 0.75);
    box-shadow: -1px 25px 152px 0px rgba(0, 0, 0, 0.75);
    background-color: #999;
    /*height: 10px;*/
    padding-top: 15px;
}

footer .container-fluid .row-fluid p {
    color: white;
    font-size: 10px;
    display: inline-block;
}


/***** FIN FOOTER *****/


/***** ESTRUCTURA GENERAL *****/

.contenido {
    padding-bottom: 170px;
    color: #666;
}

.contenido h1.principal {
    font-size: 29px;
    padding: 15px;
    margin-top: 0px;
    margin-bottom: 15px;
    color: white;
    text-transform: uppercase;
    -webkit-box-shadow: 0px 9px 152px -15px rgba(161, 161, 161, 1);
    -moz-box-shadow: 0px 9px 152px -15px rgba(161, 161, 161, 1);
    box-shadow: 0px 9px 152px -15px rgba(161, 161, 161, 1);
}

.contenido h1 {
    font-size: 29px;
    padding: 15px;
    margin-top: 0px;
    margin-bottom: 50px;
    color: white;
    text-transform: uppercase;
}

.contenido h2 {
    font-size: 20px;
    padding: 15px;
    margin-top: 0px;
    margin-bottom: 15px;
    color: white;
    text-transform: uppercase;
}

.institucional h1,
.institucional h2 {
    background-color: #f7c816;
    clear: both;
}

.personal h1,
.personal h2 {
    background-color: #e18628;
    clear: both;
}

.personal- {
    margin: 15px 0;
}

.personal-redes i {
    font-size: 24px!important;
}

.publicaciones h1,
.publicaciones h2 {
    background-color: #c92c26;
    clear: both;
}

.herbario h1,
.herbario h2 {
    background-color: #e18628;
    clear: both;
}

.recursos h1,
.recursos h2 {
    background-color: #6152ba;
    clear: both;
}

.personalyproyectos h1,
.personalyproyectos h2 {
    background-color: #263ca0;
    clear: both;
}

.telefonos h1,
.telefonos h2 {
    background-color: #0b82c4;
    clear: both;
}

.ubicacion h1,
.ubicacion h2 {
    background-color: #0b82c4;
    font-size: 20px;
    margin-bottom: 0px;
}

.contacto h1,
.contacto h2 {
    background-color: #0b82c4;
    clear: both;
}

.noticias h1,
.noticias h2 {
    background-color: #0b82c4;
    clear: both;
}

.becasypasantias h1,
.becasypasantias h2 {
    background-color: #263ca0;
    text-transform: none;
    clear: both;
}

.institucional img,
.personal img,
.publicaciones img,
.personalyproyectos img,
.recursos img,
.becasypasantias img,
.fl {
    float: right;
    margin: 5px 0px 10px 35px;
}

.personal img.iconpersonal {
    float: none;
    margin: 10px 0px;
}

.contenido p {
    padding: 5px 0px;
    text-align: justify;
    line-height: 24px;
}


/***** FIN ESTRUCTURA GENERAL *****/

@media screen and (min-width: 768px) {
    .carousel-indicators {
        bottom: 0px;
    }
}


/*********** masonry grid ***********/

.masonry {
    margin: 1.85em 0;
    padding: 0;
    -moz-column-gap: 1.85em;
    -webkit-column-gap: 1.85em;
    column-gap: 1.85em;
    font-size: .85em;
}

.grid-ventas {
    margin: 1.85em 0;
    padding: 0;
    -moz-column-gap: 2.85em;
    -webkit-column-gap: 2.85em;
    column-gap: 2.85em;
    font-size: .85em;
}

.masonry .item,
.grid-ventas .item {
    display: inline-block;
    background: #fff;
    padding: 1em;
    margin: 0 0 1.85em;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 2px 2px 4px 0 #ccc;
}

.masonry .item h2 {
    font-size: 1.2rem;
    line-height: 1.75rem;
}

.grid-ventas .item {
    margin-bottom: 3rem;
    padding: 2rem 0 0 0;
}

.grid-ventas .item h2 {
    margin: 0;
    font-size: .85;
}

.grid-ventas .item img {
    display: block;
    margin: 0 auto;
    float: none;
}

@media only screen and (min-width: 760px) {
    .masonry,
    .grid-ventas {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (min-width: 990px) {
    .masonry,
    .grid-ventas {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 1200px) {
    .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}

.copete {
    line-height: 1.3;
    text-align: left;
    font-style: italic;
    display: block;
    margin-bottom: 15px;
}

p img {
    display: inline-block;
    margin-right: 15px;
}