@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700);

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0px;
    padding:0px;
    border:0px;
    outline:0px;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body{font-size:12px; color:#000; background-color:#186A38; font-family: 'Oswald', sans-serif;}
html,body{height:100%;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}

hr{border-bottom:1px solid #000; height:0px;}

a{margin:0px; color:#18421C; padding:0px; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none;}
a:hover{color:#93AA90;}
.clear{clear:both;}

#contenedor_pagina{width:983px; margin:0px auto; background-color:#fff;}
#contenedor_header{height:171px; background-image:url(../img/fondo_cabecera.jpg);}
#contenedor_header img{display:block; margin:0px auto; position:relative; top:55px;}

main{background-color:#fff; min-height:300px;}

#menu{width:100%; background-color:#fff;}
.menu-web{font-family: 'Oswald', sans-serif; font-size:12px; float:left; margin-top:22px; font-weight:bold}
.menu_item{float:left; margin-right:25px; color:#14441a; position:relative;}
.menu_item:hover{color:#92a98d;}
.menu_item_activo{float:left; margin-right:40px; color:#92a98d; position:relative;}

.box_idioma{float:left; padding:2px 10px; font-size:10px; background-color:#CCD6CA; color:#fff;}
.box_idioma_activo{float:left; padding:2px 10px; background-color:#10401F; color:#fff; font-size:10px;}

#contenedor_main{width:596px; min-height:749px; float:left; margin:20px 0px 0px 24px; padding-right:30px;
     
    }
#lado_derecho{
    float:right; margin:20px 30px 0px 0; width:267px;
    background-image:url(../img/bolitas_verdes1.jpg); 
    padding-left: 36px;
    background-position:top left; 
    background-repeat:repeat-y;
    
}

.gela_portada{}
.gela_portada_mini{width:293px; height:193px; background-color:#333;}
.img_efecto{position:absolute;}
.img_efecto:hover{opacity:0.5}

.ojo, .ojo-hover, .ojo-mas
{ display: inline-block; background: url('../img/ojo.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
.ojo { background-position: -0px -0px; width: 35px; height: 35px; }
/*.ojo:hover { background-position: -0px -35px; width: 35px; height: 35px; }*/
.ojo-mas { background-position: -0px -70px; width: 35px; height: 35px; }

.ojo, .ojo-hover, .ojo-mas, .ojo-mas-eus
{ display: inline-block; background: url('../img/ojo.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
 
.ojo { background-position: -0px -0px; width: 35px; height: 35px; }
.ojo-hover { background-position: -35px -0px; width: 35px; height: 36px; }
.ojo-mas { background-position: -0px -35px; width: 35px; height: 34px; }
.ojo-mas-eus { background-position: -35px -36px; width: 35px; height: 35px; }


.twitter, .twitter-hover, .youtube, .youtube-hover, .instagram, .instagram-hover
{ display: inline-block; background: url('../img/social_mini.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
.twitter { background-position: -0px -0px; width: 30px; height: 30px; }
.twitter:hover { background-position: -30px -0px; width: 30px; height: 30px; }
.youtube { background-position: -0px -30px; width: 30px; height: 30px; }
.youtube:hover { background-position: -30px -30px; width: 30px; height: 30px; }
.instagram { background-position: -0px -60px; width: 30px; height: 30px; }
.instagram:hover { background-position: -30px -60px; width: 30px; height: 30px; }

#buscador p{float:left;}
#buscador input[type="text"]{float:left; width:180px; margin-left:5px; color:#003e15; background-color:#CCD6CA; border:none; padding:2px 4px;}

#login{width:100%; padding-bottom:20px;background-color:#10401E; background-image:url(../img/mano_llave.png); background-position:top left; background-repeat:no-repeat;}
#login input[type="submit"]{color:#fff; font-size:9px; float:right; position:relative; top:-3px; line-height:50px; z-index:1;width:40px; height:40px; background-color:#10401E; border:none; border-radius:150px;}
#login_usuario{font-size:10px; color:#fff; margin-left:45px;}
#login_usuario input[type="text"]{width:124px; margin-left:5px; color:#003e15; background-color:#CCD6CA; border:none; padding:2px 4px;}
#login_password{font-size:10px; color:#fff; margin-left:45px;}
#login_password input[type="password"]{width:105px; margin-left:5px; position:relative; z-index:2; color:#003e15; background-color:#CCD6CA; border:none; padding:2px 4px;}

#social_twitter{
    /* height:300px;  */
    background-color:#00ACED;}

#sugerencias_portada{width:196px; height:196px; padding-bottom: 20px; background-repeat: no-repeat; background-image:url(../img/sugerencias.png); display:table; margin:0px auto; position:relative; z-index:2; }
#sugerencias_portada:hover{background-image:url(../img/sugerencias_act.png); }

.sugerencias_entrar{margin:0px auto; color:#fff; font-size:8px; text-align:center; line-height:30px; width:30px; height:30px; background-color:#10401E; border-radius:150px; margin-top:5px;}

#arbolitos{width:181px; height:79px; background-image:url(../img/arbolitos.jpg); float:right; position:relative; z-index:1; margin-top:-79px;}

footer{width:100%; background-color:#003e15;}
#footer_izq{width:649px; float:left;}

.etiquetas, .comentarios, .fecha{display: inline-block; background: url('../img/iconos_datos.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
.etiquetas { background-position: -0px -0px; width: 20px; height: 19px; }
.comentarios { background-position: -0px -19px; width: 19px; height: 19px; }
.fecha { background-position: -0px -38px; width: 19px; height: 19px; }

.gela_info{display:table; margin-top:15px;}

.pdf, .video, .word { display: inline-block; background: url('../img/descargas_sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } 
.pdf{ background-position: -0px -0px; width: 41px; height: 44px; }
.pdf:hover{ background-position: -0px -44px; width: 41px; height: 44px; }
.video{cursor:pointer; background-position: -0px -88px; width: 40px; height: 44px; }
.video:hover{ background-position: -0px -132px; width: 40px; height: 44px; }
.word{ background-position: -0px -176px; width: 40px; height: 44px; }
.word:hover { background-position: -0px -220px; width: 40px; height: 44px; }

.pdf_eus, .video_eus, .word_eus { display: inline-block; background: url('../img/descargas_sprite_eus.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } 
.pdf_eus{ background-position: -0px -0px; width: 41px; height: 44px; }
.pdf_eus:hover{ background-position: -0px -44px; width: 41px; height: 44px; }
.video_eus{cursor:pointer; background-position: -0px -88px; width: 40px; height: 44px; }
.video_eus:hover{ background-position: -0px -132px; width: 40px; height: 44px; }
.word_eus{ background-position: -0px -176px; width: 40px; height: 44px; }
.word_eus:hover { background-position: -0px -220px; width: 40px; height: 44px; }

.comentario_box{padding:10px;border-radius:5px; }
.comentario_img{ width:45px;height:45px; float:left; border-radius:900px;-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 0.75);box-shadow:0px 0px 15px 0px rgba(50, 50, 50, 0.75);}
.comentario_texto{background-color:#D0DACE; border:none; padding:4px 3px; color:#003e15; font-size:12px}
.comentario_enviar{font-size:9px; border:none; color:#fff; text-align:center; line-height:30px; width:40px; height:40px; background-color:#10401E; border-radius:150px; margin-top:5px; cursor:pointer;}
.comentario_enviar:hover{background-color:#ccd6cb;}

.sugerencia_enviar{margin:0px auto; display:block;border:none; color:#10401E; text-align:center; line-height:30px; width:50px; height:50px; background-color:#fff; border-radius:150px; margin-top:10px;}

.pag-der, .pag-der-hover, .pag-izq, .pag-izq-hover { display: inline-block; background: url('../img/paginador.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
.pag-der { background-position: -0px -0px; width: 20px; height: 19px; }
.pag-der-hover { background-position: -20px -0px; width: 20px; height: 19px; }
.pag-izq { background-position: -0px -19px; width: 20px; height: 19px; }
.pag-izq-hover{ background-position: -20px -19px; width: 20px; height: 19px; }

.pinterest-mini-hover, .pinterest-mini, .twitter-mini, .google-mini,  .face-mini
{ display: inline-block; background: url('../img/social_mini_share.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
.pinterest-mini:hover { background-position: -0px -0px; width: 17px; height: 17px; }
.pinterest-mini { background-position: -0px -17px; width: 17px; height: 17px; }
.twitter-mini:hover { background-position: -0px -34px; width: 17px; height: 14px; }
.twitter-mini { background-position: -0px -48px; width: 17px; height: 14px; }
.google-mini:hover { background-position: -0px -62px; width: 16px; height: 16px; }
.google-mini { background-position: -0px -78px; width: 16px; height: 16px; }
.face-mini:hover { background-position: -0px -94px; width: 9px; height: 16px; }
.face-mini { background-position: -0px -110px; width: 9px; height: 16px; }

.bola_sugerencias{width:536px; height:536px; border-radius:99999px;background-color:#16421b;}

#social_izq{padding:5px; position:relative; left:-30px; -webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;background-color:#10401E;}

/*colores de textos*/
.tblanco{color:#ffffff;}
.tnegro{color:#000;}
.tverde_fuerte{color:#003e15;}
/*/////////////////*/

/*colores de fondo*/
.fverde_fuerte{background-color:#10401E;}
/*/////////////////*/


/*////// fuentes /////////*/
.monserrat{font-family: 'Montserrat', sans-serif;}
.oswald{font-family: 'Oswald', sans-serif;}
/*//////////////////////////*/

/*///////////// PROPIEDADES DIV //////////////////////*/
.sombra{ -moz-box-shadow:0px 0px 2px #000000; -webkit-box-shadow:0px 0px 2px #000000;box-shadow:0px 0px 2px #000000;}
.redondeado{ -webkit-border-radius: 5px;	-moz-border-radius: 5px;	border-radius: 5px;}
.redondeado_10{ -webkit-border-radius: 10px;	-moz-border-radius: 10px;	border-radius: 10px;}
.redondeado_top{-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.redondeado_bottom{-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.redondo{ -webkit-border-radius: 555px;	-moz-border-radius: 555px;	border-radius: 555px;}

.alinear_derecha{float:right;}
.alinear_izquierda{float:left;}

.dtable{display:table;}

.tcentro{text-align:center;}
.tizquierda{text-align:left;}
.tderecha{text-align:right;}
.tjustificado{text-align:justify;}

.tnegrita{font-weight:bold;}
.tdelgada{font-weight:normal;}
.tmayuscula{text-transform:uppercase;}
.tminuscula{text-transform:lowercase;}
/*////////////////////////////////////////////////////////////////////*/

/*///////////// TAMAÑO DE TEXTO //////////////////////*/
.f10{font-size:10px;}.f11{font-size:11px;}.f12{font-size:12px;}.f13{font-size:13px;}.f14{font-size:14px;}.f15{font-size:15px;}.f16{font-size:16px;}.f17{font-size:17px;}.f18{font-size:18px;}.f19{font-size:19px;}
.f20{font-size:20px;}.f21{font-size:21px;}.f22{font-size:22px;}.f23{font-size:23px;}.f24{font-size:24px;}.f25{font-size:25px;}.f26{font-size:26px;}.f27{font-size:27px;}.f28{font-size:28px;}.f29{font-size:29px;}
.f30{font-size:30px;}.f31{font-size:31px;}.f32{font-size:32px;}.f33{font-size:33px;}.f34{font-size:34px;}.f35{font-size:35px;}.f36{font-size:36px;}.f37{font-size:37px;}.f38{font-size:38px;}.f39{font-size:39px;}
.f40{font-size:40px;}.f41{font-size:41px;}.f42{font-size:42px;}.f43{font-size:43px;}.f44{font-size:44px;}.f45{font-size:45px;}.f46{font-size:46px;}.f47{font-size:47px;}.f48{font-size:48px;}.f49{font-size:49px;}
.f50{font-size:50px;}.f51{font-size:51px;}.f52{font-size:52px;}.f53{font-size:53px;}.f54{font-size:54px;}.f55{font-size:55px;}.f56{font-size:56px;}.f57{font-size:57px;}.f58{font-size:58px;}.f59{font-size:59px;}
/*////////////////////////////////////////////////////////////////////*/

/*///////////// MARGENES //////////////////////*/
.mt5{margin-top:5px;}.mr5{margin-right:5px;}.mb5{margin-bottom:5px;}.ml5{margin-left:5px;}.mt10{margin-top:10px;}.mr10{margin-right:10px;}.mb10{margin-bottom:10px;}.ml10{margin-left:10px;}
.mt15{margin-top:15px;}.mr15{margin-right:15px;}.mb15{margin-bottom:15px;}.ml15{margin-left:15px;}.mt20{margin-top:20px;}.mr20{margin-right:20px;}.mb20{margin-bottom:20px;}.ml20{margin-left:20px;}
/*////////////////////////////////////////////////////////////////////*/

/*///////////// PADDING //////////////////////*/
.pt5{padding-top:5px;}.pr5{padding-right:5px;}.pb5{padding-bottom:5px;}.pl5{padding-left:5px;}.pt10{padding-top:10px;}.pr10{padding-right:10px;}.pb10{padding-bottom:10px;}.pl10{padding-left:10px;}
.pt15{padding-top:15px;}.pr15{padding-right:15px;}.pb15{padding-bottom:15px;}.pl15{padding-left:15px;}.pt20{padding-top:20px;}.pr20{padding-right:20px;}.pb20{padding-bottom:20px;}.pl20{padding-left:20px;}
/*////////////////////////////////////////////////////////////////////*/


.calendar {
    margin-bottom: 40px;
}
.calendar h3 {
    text-transform: uppercase;
    font-size: 18px;
    border-bottom: 1px solid #92a98d;
    color: #186A38;
    padding-bottom: 5px;
    margin-bottom: 10px;
    text-align: center;
}
.calendar table {
    width: 100%;
}

.calendar-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    margin-bottom: 10px;
}
.calendar-nav span {
    font-size: 16px;
}
.calendar th {
    text-transform: uppercase;
    color: #999;
    text-align: center;
    font-weight: normal;
}
.calendar td {
    font-size: 16px;
    text-align: center;
    width: 30px;
    padding: 5px 2px;
}
.calendar td a {
    display: block;
    background-color: #186A38;
    border-radius: 100%;
    line-height: 30px;
    width: 30px;
    height: 30px;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    transition: background-color .5s;
}
.calendar td a:hover {
    background-color: #92a98d;
}



/* ==========================================================================
  formulario enviar
  ========================================================================== */

.somos_enviar {
    display: inline-block;
    margin-top: 20px;
    background-color: #186A38;
    color: #fff;
    padding: 5px 20px;
    border: none;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 8px;
    transition: background-color .5s;
}
.somos_enviar:hover {
    background-color: #92a98d;
}

.form-error {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #af0e0e;
    font-size: 16px;
}

.tdestacado {
    font-size: 20px;
}

.event {
    padding-bottom: 15px;
    border-bottom: 1px solid #e7e7e7;
}


.home-article-container {
    display: flex;
    margin-bottom: 40px;
}

.home-article-container__main {
    flex-grow: 1;
}
.home-article-container__main article {
    height: 280px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.home-article-container__main article:before {
    content: "";
    background-color: rgba( 0,0,0,.2);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.home-article-container__list {
    flex: 0 0 220px;
    padding-left: 20px;
}
.home-article-container__list h3{
    text-transform: uppercase;
    margin-bottom: 20px;
    background-color: #186A38;
    padding: 5px 10px;
    color: #fff;
    font-size: 16px;
}
.home-article-container__list a{
    font-size: 18px;
    display: block;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.home-article-container__list a small{
    font-size: 14px;
    font-weight: normal;
    color: #999;
}
.home-article-container__list a div:last-child {
    margin-top: 4px;
}
.gela_portada {
    width: auto; 
    max-width: 100%;
}
.gela_portada a {
    display: block;
}
.gela_portada img {
    width: 100%; 
    max-width: 100%;
}

.noticia-index .gela_portada {
    height: 400px;
}