body {
    color: #e4e4e4;
    }

h1, h2, h3, h4, h5, h6 {
    color: #fff;
    }

.feature {
    background-color: #353f4b;
    background: url(../img/header.png) center no-repeat #353f4b;
    height: 158px;
    }

.article-intro {
    margin-bottom: 25px;
}

.footer-blurb {
    padding: 30px 0;
    background-color: goldenrod;
    color: black;
}

.footer-blurb-item {
    padding: 30px;
    }

.small-print {
    background-color: #fff;
    padding: 30px 0;
}

.container {
    background: #fff !important;
    margin-bottom: 10%;
}

@media screen and (max-width: 1200px){
    .feature{
        background: url(../img/header.png) left center no-repeat #353f4b;
    }
}
.cursos
{
    margin-top:10px;
}
.cursos li {
  color: #333;
  margin: 30px 0;
}
.cursos ul {
  list-style: none;
}
.cursos img {
  margin-top: -7px;
}
.col-lg-12 .texto_1 ,
.col-lg-12 .texto_2
{
    color:#333;
}

.col.firefox
{
background-color: rgb(237, 239, 241); padding: 10px;
color:#333;
margin: 1% 0;
clear: both;
}
.texto_1 img
{
    width:116px;
    margin-right:10px;
    margin-top:1%;
}
.btn btn-default
{
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    color: #333;
    font-weight: normal;
}

/* footer */
#footer{
    width:100%;
    margin:10px auto;
    background: #353F4B;
    color: #fff;
    height:95px;
    font-size: 14px;
    font-family: Lato,Arial;
    clear: both;
    overflow: hidden;
    position: fixed;
    bottom:-10px;
    z-index:3000;
}

#footer .powered-by {
    max-width: 1199px;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center
}

#footer .powered-by a {
    padding: 0 5px;
    color: #fff
}

#footer .powered-by a:hover {
    text-decoration: underline
}

#footer .powered-by a.lastchild {
    border-right: 0 none
}

#footer .footer_logos {
    max-width: 1199px;
    margin: 0 auto;
    padding: 30px 0;
    text-align: center
}
.logos21 {
    border-right: 1px solid #fff;
    padding-right: 10px !important;
    height: 100px;
}
.logos11
{
    height:100px;
}
.logos1 {
    float: left;
    width: 60%;
    min-height: 80px;
    padding: 10px 0;
    margin-left: 3%;
    margin-top: 0px;
}
.logos1 div {
    border-right: 1px solid #fff;
    padding-right: 40px !important;
}
.logos1 div, .logos2 div {
    float: left;
    width: auto;
    margin-top: 5px;
    min-height: 30px;
    padding: 0;
}
.logos1 ul li {
    float: left;
    margin-left: 4.6%;
}

.logos1 ul {
    list-style: none;
    margin-top: 5px;
}



.logos1 span {
    margin-left: 13%
}

.logosfooter {
    margin: 0 auto;
    padding: 10px 0
}

.logos2 {
    text-align: center;
    width: 100%;
    position: relative
}

.logos3 {
    float: left;
    width: 20%
}

.logos3_3 {
    position: relative;
    top: 0px;
    /*! width:15%; */
}

.logos3 span {
    display: block;
    margin: 0 0 0 20px
}

#footer a {
    color: #fff
}

#footer a:hover {
    text-decoration: underline
}

#footer .powered-by a {
    color: #fff
}
.logos1 img {
max-height: 50px;
}
.logos2 span {
    display: block;
    float: left;
    width: 30%;
    padding-bottom: 10px;
}
.logos2 img {
    margin-top: 20px;
    max-height: 30px;
    float: left;
    margin-left: 30px;
    /*! width:auto; */
}
.logos1 ul li:first-child {
/*    margin-left: 4.8% !important;*/
}
.logos3_1 img,.logos3_2 img
{
    margin-top:3px;
}
.logos3_3 img {
    position: relative;
    top: 5px;
}
.logos2 {
    text-align: center;
    width: auto;
    position: relative;
    float: right;
    display: inline-block;
    min-height: 80px;
    padding: 10px 0 10px 0;
    margin-right: 4%;
}
footer blockquote,footer  ul,footer  ol,footer  dl
{
    margin:1em;
}
footer ol,footer  ul,footer  dl {
    margin-left: 2em;
}
.logos3_4 {

    margin-top: 5px;
    /*! margin-left: 2.15% !important; */
}
footer img
{
    width:auto;
    border: 0;
}

@media (max-width: 1280px) {
  .cursos li
  {
    margin:20% 0;
  }
  .btn-default
  {
    margin-top:10px;
  }
div.portlet-column
{
    width:100%;
    min-width:auto;
}
.logos11, .logos2 {
    height: auto;
}
img
{
    width:100%;
    height:auto !important;
}
footer img,.logos1 img
{
    max-height:auto;
}
.instrucciones img
{
    float:none;
}
footer
{
    height:auto !important;
    position:relative !important;
}

.logos1 img
{
    height: auto !important;
max-height: 100%;
width: 7%;
    margin: 0% 6% 1% 2%;
}
.logos3_3 img
{
width: 24%;

}
.logos3_4 img
{
width: 29%;

}
textarea.anotaciones_audio
{
    background-image:none;
}
.instrucciones textarea
{
    width: 87%;
display: block;
margin-bottom: 10px;
position: relative;
border: 1px solid black;
background-color:#DDDFE1;
float:none;
margin-top:5%;
}
.logos1 ul li
{
    float:none;
    width: 100%;
    margin-left: 0px;
    text-align: center;
    position: relative;
}
.logos1 div, .logos2 div
{
    width:100%;
    text-decoration: underline;
    padding-right: 0% !important;
    min-height: 3px !important;
    height: 68px;
}
.logos1
{
    width:100%;
    text-align: center;
    line-height: 80px;
    margin-left:0px;

}
.logos2
{
    width:100%;
    text-align: center;
}
.logos1 ul
{
    margin-top:10%;
    margin-left:0%;
    margin-bottom:0%;
}
.logos11,.logos21 {
    font-size: 18px;
}
.logos2 span
{
    display:inline-block;
    float:none;
    width:100%;
}
.logos2 img
{
    margin-top:0px;
    max-height:100%;
    margin-left:0px;
    padding:10px;
    float:none;
    width: 50%;
}
.columns-1
{
    min-height:auto;
}
.logos21
{border-right:0px solid transparent;

}
.logos2{
margin-right:0px;
}
}
