/*!
 * Start Bootstrap - One Page Wonder HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */


/* Reset
-------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

body, select, input, textarea {color: #333;}

a {color: #03f;text-decoration: none !important;}
a:hover {color: #69f;text-decoration: none;}

::-moz-selection{background: #99cc33; color: #fff; text-shadow: none;}
::selection {background: #99cc33; color: #fff; text-shadow: none;}

a:link {-webkit-tap-highlight-color: #99cc33;}

ins {background-color: #99cc33; color: #000; text-decoration: none;}
mark {background-color: #99cc33; color: #000; font-style: italic; font-weight: bold;}

input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }


/* Gotham Webfont
-------------------------------------------------------------------------------*/

@font-face {
    font-family: 'Gotham-Light';
    src: url('../fonts/gotham2/gotham-light-webfont.eot');
    src: url('../fonts/gotham2/gotham-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/gotham2/gotham-light-webfont.woff') format('woff'),
        url('../fonts/gotham2/gotham-light-webfont.ttf') format('truetype'),
        url('../fonts/gotham2/gotham-light-webfont.svg#Gotham-Light') format('svg');
    font-weight: 400;
    font-style: normal;
}


@font-face {
    font-family: 'Gotham-Regular';
    src: url('../fonts/gotham2/gotham-book-webfont.eot');
    src: url('../fonts/gotham2/gotham-book-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/gotham2/gotham-book-webfont.woff') format('woff'),
        url('../fonts/gotham2/gotham-ligbookht-webfont.ttf') format('truetype'),
        url('../fonts/gotham2/gotham-book-webfont.svg#Gotham-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Medium';
    src: url('../fonts/gotham2/gotham-medium-webfont.eot');
    src: url('../fonts/gotham2/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/gotham2/gotham-medium-webfont.woff') format('woff'),
        url('../fonts/gotham2/gotham-medium-webfont.ttf') format('truetype'),
        url('../fonts/gotham2/gotham-medium-webfont.svg#Gotham-Medium') format('svg');
    font-weight: 400;
    font-style: normal;
}


@font-face {
    font-family: 'Gotham-Bold';
    src: url('../fonts/gotham2/gotham-bold-webfont.eot');
    src: url('../fonts/gotham2/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/gotham2/gotham-bold-webfont.woff') format('woff'),
        url('../fonts/gotham2/gotham-bold-webfont.ttf') format('truetype'),
        url('../fonts/gotham2/gotham-bold-webfont.svg#Gotham-Bold') format('svg');
    font-weight: 400;
    font-style: normal;
}


/* Layout
-------------------------------------------------------------------------------*/

body {
    font-size: 62.5%;
    font-family: 'Gotham-Light', sans-serif;
}


/* Top Nav
-------------------------------------------------------------------------------*/
#topnav {
    background-color: #f1f1f1;
    text-align: center;
}

#topMenu {
    float: right;
    margin: 0 -10px;
}

#topMenu ul {
    float: left;
    margin: 18px 0;
    padding: 0 5px;
}

#topMenu ul li {
    float: left;
    padding: 0 10px;
    line-height: 13px;
    border-right: 1px solid #a8d451;
    font-family: 'Gotham-Regular', sans-serif;
}

#topMenuLeft {
    float: left;
    margin: 0 -10px;
}

#topMenuLeft ul {
    float: left;
    margin: 18px 0;
    padding: 0 5px;
}

#topMenuLeft ul li {
    float: left;
    padding: 0 10px;
    line-height: 13px;
    font-family: 'Gotham-Regular', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #85888d;

}



#topMenu ul li:last-child {
    border-right: 0;
}

#topMenu ul a {
    float: left;
    font-size: 12px;
    text-transform: uppercase;
    color: #85888d;
}

/* Header
-------------------------------------------------------------------------------*/
#header {
    clear: both;
    float: left;
    width: 100%;
    padding: 25px 0;
    z-index: 9;
    position: relative;
    display:none;
}

#toggleNav,
#toggleTopNav{
    display: none;
}

#topNavMobile{
    display: none;
}


/* Main Nav
-------------------------------------------------------------------------------*/

#nav {
    float: left;
    width: 100%;
    height: 55px;
    background-color: #cecfd1;
    z-index: 99;
    position: relative;
}

#nav .menu {
    float: left;
    width: 100%;
}

#nav .menu > li {
    position: relative;
    float: left;
    width: 20%;
    text-align: center;
    border-left: 1px solid #fff;
}

#nav .menu > li:last-child {
    border-right: 1px solid #fff;
}

#nav .menu > li a {
    text-transform: uppercase;
    color: #fff;
    padding: 10px;
    font-size: 1.6em;
    height: 56px;
    float: left;
    width: 100%;
    line-height: 35.5px;
    background-color: #a8d451;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

#nav .menu > li a:hover {
    background-color: #8bb830;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

#nav .menu > li a:hover:after{
    position: absolute;
    content: " ";
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.3);
    left: 0;
    bottom: 0;
}

#nav .menu > li.active a:after{
    position: absolute;
    content: " ";
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.3);
    left: 0;
    bottom: 0;
}

#nav .menu > li:last-child a {
    line-height: 18px;
}



/* Main Banner
-------------------------------------------------------------------------------*/

#main {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

#head {
    height: 387px;
    background-position: center 20%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    overflow: hidden;
    float: left;
    width: 100%;
    max-height: 390px;
    position: relative;
    margin-bottom: 50px;
}

#head h1.entry-title {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 0;
    text-shadow: 1px 1px #000;
    padding: 0 0 .5em;
    font-size: 4.4em;
    width: 70%;
    font-family: 'Gotham-Medium', sans-serif;
    line-height: 125%;
}

#head h1.entry-title:after {
    position: absolute;
    content: " ";
    width: 100px;
    height: 5px;
    background-color: #a8d451;
    left: 0;
    bottom: 0;
}

.widget .widget-title {
    color: #86878c;
    padding: 0 0 25px;
    text-transform: uppercase;
    font-family: 'Gotham-Medium', sans-serif;
    font-size: 24px;
}

.no-show-message{
    font-size: 1.8em;
}



#head-logos{
    padding: 20px 0;
}
#head-logos:after{
    content: "";
    display: table;
    clear: both;

}
#head-logos .logo-left{
    height: 90px;
    width: auto;
    float: left;
    margin-top: 5px;
}
#head-logos .logo-right{
    width: 100px;
    height: 100px;
    float: left;
}
#head-logos .logo-right{
    float: right;
}

#head-logos .logo-left img,
#head-logos .logo-right img{
    max-width: 100%;
    max-height: 100%;
    margin: auto;

    position: relative;
    /*top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);*/
}

/* Welcome text
-------------------------------------------------------------------------------*/

.welcome-microsite{
    font-size: 1.600em;
    color: #888;
    font-family: 'Gotham-Medium', sans-serif;
    background-color: #fcfcfc;
    padding: 20px;
    float: left;
    width: 100%;
}

.welcome-microsite h4{
    text-transform: uppercase;
    float:left;
    width: 100%;
    margin-bottom: 35px;
}

.welcome-microsite p{
    font-family: 'Gotham-Light', sans-serif;
    float:left;
    width: 100%;
    line-height: 1.3em;
    margin-bottom: 15px;

    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}

.welcome-microsite a {
    font-size: 0.8em;
    background: #99cc33;
    color: #fff;
    border: none;
    text-transform: uppercase;
    padding: 10px 50px;
    cursor: pointer;
    float: left;
    margin: 1em 0 0 0;

}

.welcome-microsite a:hover {
    background: #f1f1f1;
    color: #99cc33;
}

/* Welcome text
-------------------------------------------------------------------------------*/

.text-microsite{
    float:left;
    width: 100%;
}

.text-microsite h4{
    font-size: 3em;
    position: relative;
    padding: 0 0 .5em;
    margin: 0 0 .5em;
    text-transform: uppercase;
    line-height: 120%;
    color: #a8d451;
    font-family: 'Gotham-Medium', sans-serif;
}

.text-microsite h4:after {
    position: absolute;
    content: " ";
    width: 50px;
    height: 5px;
    left: 0;
    bottom: 0;
    background-color: #99cc33;
}

.text-microsite p{
    font-family: 'Gotham-Light', sans-serif;
    float:left;
    width: 100%;
    line-height: 1.3em;
    font-size: 1.600em;
    color: #888;
}
.text-microsite .content p{
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}

.text-microsite p strong,
.text-microsite p b{
    font-family: 'Gotham-Medium', sans-serif;
}

.text-microsite p em{
    font-style: italic;
}

.text-microsite p a{
    text-decoration: none;
}

.text-microsite p a:hover{
    text-decoration: underline!important;
}

.text-microsite ul,
.text-microsite ol{
    padding-left: 1.4em;
}
.text-microsite li{
    font-family: 'Gotham-Light', sans-serif;
    float:left;
    width: 100%;
    line-height: 1.3em;
    margin-bottom: 20px;
    font-size: 1.600em;
    color: #888;
    list-style:  outside disc;
}

.text-microsite li strong,
.text-microsite li b
{
    font-family: 'Gotham-Medium', sans-serif;
}

.text-microsite li em{
    font-style: italic;
}



.documentos-adjuntos{
  margin-top: 4em;
}
.documentos-adjuntos li{
  margin-bottom: 0.4em;
}
.documentos-adjuntos li a{
  color: #999;
}
.documentos-adjuntos h4{
  font-size: 2.5em;
  margin-bottom: 1em;
}

.documentos-adjuntos li a{
	font-weight: 700;
}
.documentos-adjuntos li a:hover{
	text-decoration: underline !important;
}



/* Bloque Post
-------------------------------------------------------------------------------*/

.bloque-post-ind{
    float:left;
    width: 100%;
    padding-bottom: 23px;
    margin-bottom: 23px;
    border-bottom: 1px solid #a8d451;
    position: relative;
}

.bloque-post-ind:last-child{
    border-bottom: none;
}

.bloque-post-ind .img-bloque-post {
    float: left;
    width: 30%;
    position: relative;
    margin: 0 3% 10px 0;
}

.bloque-post-ind .img-bloque-post a {
    position: relative;
    float: left;
    width: 100%;
    height: 180px;
    background: #f1f1f1;
    text-transform: uppercase;
    font-family: 'Gotham-Medium', sans-serif;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
}

a.fotogaleria-microsite:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.5) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#80000000',GradientType=0 );
    opacity: .5;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}

a.fotogaleria-microsite:hover:after {
    border: 5px solid #a8d451;
    opacity: 1;
    background-position: bottom center;
}

a.fotogaleria-microsite em {
    content: '/f002';
    color: #fff;
    font-size: 23px;
    border: 4px solid #a8d451;
    font-weight: 100;
    width: 50px;
    float: left;
    text-align: center;
    height: 50px;
    line-height: 40px;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -24px 0 0 -24px;
    z-index: 99;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    transform: translateY(300%);
}

a.fotogaleria-microsite:hover em {
    transform: translateY(0);
}

a.fotogaleria-microsite:hover em {
    opacity: 1;
    visibility: visible;
}

.bloque-post-ind .info-bloque-post {
    float: left;
    width: 67%;
    position: relative;
}


.bloque-post-ind.full-bloque-post-ind .info-bloque-post {
    width: 100%!important;
}

.bloque-post-ind .info-bloque-post h3 {
    color: #a8d451;
    font-size: 18px;
    line-height: 16px;
    margin: 0 0 .5em;
    font-family: 'Gotham-Medium', sans-serif;
    text-transform: uppercase;
    float: left;
    width: 100%;
}

.bloque-post-ind .info-bloque-post h4 {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 .5em;
    font-family: 'Gotham-Medium', sans-serif;
    color: #888;
    text-transform: uppercase;
    float: left;
    width: 100%;
}

.bloque-post-ind .info-bloque-post p {
    color: #888;
    font-size: 1.35em;
    margin: 0;
    line-height: 1.4em;
    float: left;
    width: 100%;

    overflow-wrap: break-word;
		word-wrap: break-word;
		word-break: break-word;
}

.bloque-post-ind .info-bloque-post ul,
.bloque-post-ind .info-bloque-post ol {
    color: #888;
    font-size: 1.35em;
    margin: 0;
    line-height: 1.4em;
    float: left;
    width: 100%;
    padding: 10px 0 10px 15px;
}

.bloque-post-ind .info-bloque-post ul {
    list-style-type:disc;
}

.bloque-post-ind .info-bloque-post ol {
    list-style-type:decimal;
}

.bloque-post-ind .info-bloque-post p strong,
.bloque-post-ind .info-bloque-post p b{
   font-family: 'Gotham-Bold', sans-serif;
}

.bloque-post-ind .info-bloque-post p em{
    font-style: italic;
}

.noticias-microsite .bloque-post-ind .info-bloque-post a.morelink {
    display: block;
    color: #a8d451;
    font-size: 14px;
    line-height: 14px;
    margin: .7em 0 0;
    font-family: 'Gotham-Medium', sans-serif;
    float: left;
    width: 100%;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}
.noticias-microsite .bloque-post-ind .firstp ~ *{
    display: none;
}
.noticias-microsite .bloque-post-ind .info-bloque-post a.readless{
    display: none;
}
.noticias-microsite .bloque-post-ind .info-bloque-post .expand-text a.readmore{
    display: none;
}
.noticias-microsite .bloque-post-ind .info-bloque-post .expand-text a.readless{
    display: block;
}

.noticias-microsite .bloque-post-ind .info-bloque-post .firstp:not(.is-truncated) ~ a.morelink {
    display: none;
}


.noticias-microsite .bloque-post-ind .info-bloque-post span {
    color: #a8d451;
    font-size: 14px;
    line-height: 14px;
    margin: 0 0 .5em;
    font-family: 'Gotham-Medium', sans-serif;
    float: left;
    width: 100%;
}

.noticias-microsite .bloque-post-ind .info-bloque-post h3{
    margin: .3em 0 .7em;
    float: left;
    width: 100%;
    font-size: 18px;
    line-height: 22px;
    font-family: 'Gotham-Medium', sans-serif;
    color: #888;
    text-transform: none;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}

.noticias-microsite .bloque-post-ind .info-bloque-post h6{
    margin: 0 0 .5em;
    float: left;
    width: 100%;
}

.noticias-microsite .bloque-post-ind .info-bloque-post h6 a {
    color: #a8d451;
    font-size: 14px;
    line-height: 14px;
    margin: .7em 0 0;
    font-family: 'Gotham-Medium', sans-serif;
    float: left;
    width: 100%;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}

.noticias-microsite .bloque-post-ind .info-bloque-post h6 a:hover{
    color: #888;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}


/* Fotos Micrositios
-------------------------------------------------------------------------------*/
.fotos-microsite {
    float: left;
    width: 100%;
    background-color: #fcfcfc;
    padding: 15px 10px 0;
}

.fotos-microsite h3{
    float: left;
    width: 100%;
    min-height: 35px;
}

.fotos-microsite a.fotogaleria-microsite{
    position: relative;
    float: left;
    width: 23%;
    height: 130px;
    background: #f1f1f1;
    text-transform: uppercase;
    font-family: 'Gotham-Medium', sans-serif;
    font-size: 16px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    margin: 0 1% 2%;
}

/* Noticias Micrositios
-------------------------------------------------------------------------------*/
.noticias-microsite {
    float: left;
    width: 100%;
}



/* Footer
-------------------------------------------------------------------------------*/

footer{
    float:left;
    width: 100%;
}

footer .footer-top{
    background-color: #a8d451;
}

footer .footer-top .footer-logos{
    text-align: center;
    padding-top: 50px;
    padding-bottom: 25px;
}

footer .footer-top .footer-logos li{
    display: inline-block;
    margin-bottom: 25px;
    vertical-align: bottom;
    margin-left: 13px;
    margin-right: 13px;
}

footer .footer-top .footer-logos li.logo-principal{
    margin-left: 0;
    margin-right: 13px;
}

footer .footer-top .footer-logos li img{
    height:77px;
    width: auto;
    max-width: 150px;
}

footer .footer-top .footer-logos li.logo-principal img{
    height:86px;
    width: auto;
}

footer .footer-bottom{
    background-color: #85888d;
}

footer .footer-bottom p {
    color: #fff;
    float: left;
    font-size: 14px;
    width: 75%;
    line-height: 20px;
    margin: 20px 0;
    text-align: left;
    width: 100%;
}

/* SIDEBAR */
.widget {
    border-bottom: 3px solid #66cccc;
    padding: 0 0 3em 0;
    float: left;
    width: 100%;
    margin-bottom: 3em;
}

.widget_recent_entries ul li {
    width: 100%;
    float: left;
    font-size: 1.3em;
    line-height: 125%;
    margin: 0 0 1em;
    padding: 0 0 1em;
    border-bottom: 1px solid #ddd;
}

.widget_recent_entries ul li:last-child {
    margin: 0;
    padding: 0;
    border: none;
}

.widget_recent_entries ul a {
    float: right;
    margin: 0 0 0 2%;
    padding: 0 0 0 2%;
    width: 87%;
    line-height: 120%;
    color: #86878c;
    border-left: 1px dotted #ddd;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}

.widget_recent_entries ul .post-date {
    float: left;
    width: 11%;
    text-transform: uppercase;
    text-align: right;
    font-family: 'Gotham-Medium', sans-serif;
    font-size: 12px;
    line-height: 100%;
    color: #85abd0;
}


/* Social Counter */
body #crestashareiconincontent {
    border-top: 1px solid #66cccc;
    border-bottom: 1px solid #66cccc;
    text-align: center;
    padding: 1em 0;
    margin-bottom: 30px;
}
body #crestashareiconincontent .sbutton {
    float: none;
    display: inline-block;
    margin: 0 1.5em;
}
body .cresta-share-icon i.c-icon-cresta-facebook,
body .cresta-share-icon i.c-icon-cresta-twitter,
body .cresta-share-icon i.c-icon-cresta-gplus,
body .cresta-share-icon i.c-icon-cresta-linkedin,
body .cresta-share-icon i.c-icon-cresta-pinterest,
body .cresta-share-icon i.c-icon-cresta-print {
    background: transparent;
    color: #6CC;
    border: 2px solid #6CC;
    border-radius: 100%;
    width: 60px !important;
    height: 60px !important;
    line-height: 64px !important;
    text-indent: 1px;
    padding: 0;
      -webkit-transition: all .2s ease;
      -moz-transition: all .2s ease;
      transition: all .2s ease;
}
body .cresta-share-icon a:hover i{
  background: transparent;
}
body .cresta-share-icon a i:before {
    font-size: 24px;
}
body .cresta-share-icon a:hover i {
    background: #6CC;
    color: #fff;
    border: 2px solid #6CC !important;
}






/* Medias Query
-------------------------------------------------------------------------------*/
@media (max-width: 1200px){
    #nav .menu > li:nth-last-child(2) a {
        line-height: 18px;
    }
}


@media (max-width: 991px) {

    /* MENU */
    #header {
        display:block;
    }




    #numeros .item p strong{
        font-size: 1.8em;
        padding-top: 31%;
    }

    #nav .container{
        padding-left: 0;
        padding-right: 0;
    }

    #topnav {
        display: none;
    }

    #header {
        padding: 10px 0;
    }

    #header .container {
        padding: 0;
    }

    #toggleNav,
    #toggleTopNav{
        float: right;
        display: block;
        color: #888;
        font-size: 30px;
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        margin: 7px 0;
    }

    #toggleTopNav{
        opacity: 0.9;
        margin-right: 10px;
    }

    #message-fontagro-mobile{
        float: left;
        display: block;
        color: #888;
        font-size: 15px;
        width: auto;
        height: 35px;
        line-height: 35px;
        text-align: center;
        margin: 7px 0;
    }


    #nav {
        display: none;
    }

    #nav .col-md-12 {
        padding: 0;
    }

    #nav.active {
        display: block;
        height: auto;
    }

    #nav .menu > li {
        width: 100%;
        border-bottom: 1px solid #fff;
        border-left: none;
    }

    #nav .menu > li:last-child {
        border-right: none;
    }

    #nav .menu > li em {
        color: #fff;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 16px;
        border-left: 1px solid #ddd;
        width: 45px;
        height: 45px;
        line-height: 45px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    #nav .menu > li a {
        text-align: left;
        padding: 5px 15px;
        line-height: 55px;
    }

    #nav .menu > li:last-child a {
        line-height: 55px;
    }

    #nav .menu > li:nth-last-child(2) a {
        line-height: 55px;
    }

    #nav .menu > li a,
    #nav .menu > li:last-child a,
    #nav .menu > li:nth-last-child(2) a{
        padding: 20px 15px;
        height: auto;
        line-height: 1.2em;
    }

    #topNavMobile.active {
        display: block;
        height: auto;
    }

    #topNavMobile{
        float: left;
        width: 100%;
    }

    #topNavMobile li{
        display: block;
        border-bottom: 1px solid #fff;
        height: 55px;
    }

    #topNavMobile li a{
        display: block;
        background-color: #cecfd1;
        padding: 0 15px;
        line-height: 55px;
        height: 100%;
        color: #5c5c5c;
        font-size: 1.6em;
        text-transform: uppercase;
        text-align: center;
    }

    #topNavMobile .menu-menu-lateral-en-container,
    #topNavMobile .menu-menu-lateral-es-container{
        width: 100%;
    }


    /* WELCOME */
    .welcome-microsite {
        margin-bottom: 50px;
        padding: 10px;
    }

    /* TEXT MICROSITE */
    .text-microsite{
        margin-bottom: 30px;
    }

    /* GALERIA DE FOTOS */
    .fotos-microsite a.fotogaleria-microsite {
        width: 31.3333333%;
        height: 150px;
        margin: 0 1% 2%;
    }

    .fotos-microsite {
        margin-bottom: 50px;
    }
}

@media (max-width: 480px){
    /* HEADER */
    #head-logos .logo-left {
        width: auto;
        height: 70px;
    }


    #head-logos .logo-right {
        width: 70px;
        height: 70px;
    }

    /* BANNER */
    #head {
        height: 200px !important;
        margin: 0 0 2em;
        padding: 0;
    }

    #head h1.entry-title {
        font-size: 2.8em;
        float: left;
        width: 50vw;
        margin: 0 50vw 0 0;
    }


    #nav .menu > li a,
    #nav .menu > li:last-child a,
    #nav .menu > li:nth-last-child(2) a{
        padding: 13px 15px;
    }

    /* WELCOME */
    .welcome-microsite {
        font-size: 1.4em;
    }

    .welcome-microsite h4 {
        margin-bottom: 20px;
    }

    .welcome-microsite p {
        line-height: 1.4em;
    }


    /* TEXT MICROSITE */
    .text-microsite{
        margin-bottom: 20px;
    }

    .text-microsite h4{
        font-size: 2.5em;
    }

    .text-microsite p,
    .text-microsite li{
        font-size: 1.4em;
    }

    /* BLOQUE POST */
    .bloque-post-ind {
        padding: 0 0 120px !important;
        position: relative;
        margin: 0 0 1em;
    }
    .bloque-post-ind.full-bloque-post-ind {
        padding: 0 0 20px !important;
    }
    .bloque-post-ind .img-bloque-post {
        position: absolute;
        bottom: 10px;
        height: 100px;
        width: 100%;
        margin: 0;
    }

    .bloque-post-ind .img-bloque-post a {
        position: relative;
        height: 100px;
        overflow: hidden;
    }

    .bloque-post-ind .info-bloque-post {
        width: 100%;
        margin: .5em 0;
    }

    .bloque-post-ind .info-bloque-post h3 {
        font-size: 16px;
    }

    .bloque-post-ind .info-bloque-post h4 {
        font-size: 14px;
        margin: 0;
    }

    .bloque-post-ind .info-bloque-post p {
        font-size: 1.3em;
    }


    /* GALERIA DE FOTOS */
    .fotos-microsite a.fotogaleria-microsite {
        width: 48%;
        height: 130px;
        margin: 0 1% 2%;
    }

    .fotos-microsite {
        margin-bottom: 20px;
    }


    /* FOOTER */
    footer .footer-top .footer-logos li img {
        height: 60px;
    }

    footer .footer-top .footer-logos li.logo-principal img {
        height: 70px;
    }

    footer .footer-top .footer-logos {
        padding-top: 35px;
        padding-bottom: 10px;
    }

    footer .footer-bottom p {
        text-align: center;
    }
}


@media (max-width: 360px){

    /* GALERIA DE FOTOS */
    .fotos-microsite a.fotogaleria-microsite {
        width: 100%;
        height: 160px;
        margin: 0 0 4%;
    }

    .fotos-microsite {
        padding: 10px 10px 0px;
    }

}







/* CAMBIO DE COLOR
-------------------------------------------------------------------------------*/

/*
#nav .menu > li a,
#head h1.entry-title:after,
footer .footer-top,
.text-microsite h4:after,
.welcome-microsite a
{
    background-color: #d0d0d0;
}

.text-microsite h4,
.text-microsite h4:after,
.bloque-post-ind .info-bloque-post h3,
.noticias-microsite .bloque-post-ind .info-bloque-post span,
.noticias-microsite .bloque-post-ind .info-bloque-post h3 a:hover,
.noticias-microsite .bloque-post-ind .info-bloque-post h6 a,
.fancybox-close,
.fancybox-nav,
.fancybox-nav:hover,
.welcome-microsite a:hover
{
    color: #d0d0d0;
}

#nav .menu > li a:hover
{
    background-color: #bebebe;
}

.fancybox-close:hover
{
    color: #bebebe;
}

.bloque-post-ind,
.fotos-microsite a.fotogaleria-microsite:hover:after,
.fotos-microsite a.fotogaleria-microsite em,
.noticias-microsite .bloque-post-ind .img-bloque-post a:hover:after,
.noticias-microsite .bloque-post-ind .img-bloque-post a em,
#topMenu ul li
{
    border-color: #d0d0d0;
}

a:link
{
   -webkit-tap-highlight-color: #d0d0d0;
}
*/


body.micrositio-tema_oscuro,
body.micrositio-tema_oscuro footer .footer-bottom{
    background-color: #b2b2b2;
}
body.micrositio-tema_oscuro #topnav{
    background-color: #b2b2b2;
}
body.micrositio-tema_oscuro .welcome-microsite,
body.micrositio-tema_oscuro .fotos-microsite,
body.micrositio-tema_oscuro #head-logos,
body.micrositio-tema_oscuro #nav{
    background-color: #555;
}
body.micrositio-tema_oscuro .welcome-microsite h4,
body.micrositio-tema_oscuro .welcome-microsite p,
body.micrositio-tema_oscuro .widget .widget-title,
body.micrositio-tema_oscuro .widget_recent_entries ul a{
    color: #fff;
}
body.micrositio-tema_oscuro #topMenu ul a{
    color: #fff;
}
body.micrositio-tema_oscuro .text-microsite p,
body.micrositio-tema_oscuro .text-microsite li,
body.micrositio-tema_oscuro .bloque-post-ind .info-bloque-post h3,
body.micrositio-tema_oscuro .bloque-post-ind .info-bloque-post h4,
body.micrositio-tema_oscuro .bloque-post-ind .info-bloque-post p,
#topMenuLeft ul li,
#message-fontagro-mobile{
    color: #fff;
}
body.micrositio-tema_oscuro .text-microsite a{
    color: #f0f0f0;
    font-style: italic;
}