/*
Theme Name: Fundacion Anar.
Theme URL: http://www.anar.org
Description: Theme para Fundacion Anar.
*/

.gform_button {
    border: none !important;
    background: #e11d1f !important;
    color: #FFF !important;
    font-size: 16px !important;
    padding: 8px 20px !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
}


.wpcf7 form div.visible-only-if-sent {
    display: none;
}
 
.wpcf7 form.sent div.visible-only-if-sent {
    display: block;
}



@font-face {
    font-family: 'itc_avant_garde_gothic_stdBk';
    src: url('fonts/itcavantgardestd-bk-webfont.eot');
    src: url('fonts/itcavantgardestd-bk-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/itcavantgardestd-bk-webfont.woff2') format('woff2'),
         url('fonts/itcavantgardestd-bk-webfont.woff') format('woff'),
         url('fonts/itcavantgardestd-bk-webfont.ttf') format('truetype'),
         url('fonts/itcavantgardestd-bk-webfont.svg#itc_avant_garde_gothic_stdBk') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'itc_avant_garde_gothic_stdMd';
    src: url('fonts/itcavantgardestd-md-webfont.eot');
    src: url('fonts/itcavantgardestd-md-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/itcavantgardestd-md-webfont.woff2') format('woff2'),
         url('fonts/itcavantgardestd-md-webfont.woff') format('woff'),
         url('fonts/itcavantgardestd-md-webfont.ttf') format('truetype'),
         url('fonts/itcavantgardestd-md-webfont.svg#itc_avant_garde_gothic_stdMd') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*comunes*/
body{ margin:0; padding:0; font-family:'itc_avant_garde_gothic_stdBk', Arial, Helvetica, sans-serif; font-size:18px; color:#333;}
header, section, footer, aside, article, figure { display: block;}
a{ text-decoration:none; color:#333;}
a img{ border:none;}
img{ max-width:100%; height:auto;}
strong, b{ font-family: 'itc_avant_garde_gothic_stdMd'; font-weight: normal;}
strong.rojo{ color:#e11d1f}
h1, h2, h3, h4, h5, h6{ font-family: 'itc_avant_garde_gothic_stdMd'; font-weight: normal;}
h2{ font-size:36px; font-weight:normal;}

.trama{ background:url(images/trama.png);}
.trama .int{ background:url(images/trama_sup_960px.png) repeat-y; overflow:hidden;}
.no_trama .int{ overflow:hidden;}

/*medidas*/
header .top .int,
header .med,
header nav div#primary-nav,
header nav div.menu_sup,
#destacados_home,
#destacados_home_inf,
.trama .int,
.no_trama .int,
#entradas_home,
#contenido_home .int,
.contenido,
h2.fnd_rojo span,
.ssp_slider_default .flex-direction-nav,
header .w_menu_slider{
	width: 1158px!important;
	margin:0 auto!important;
}
.ssp_slider_default .flex-direction-nav{ width: 1230px!important;}

.ssp_slider_default .flex-direction-nav{ position:relative;}
.flex-direction-nav a{ top:-150px;}

/*menus header*/
header .top{ width:100%; height:68px; padding:0px 0; background:#e11d1f;}
header .top ul{ margin:0; padding:0; list-style:none; float:right;}
header .top ul li{ float:left;}
#menu-redes_sup li{ margin-right:6px;}

header .med{ padding:20px 0 10px;}
header .med ul{ padding:0; list-style:none; overflow:hidden;}
header .med ul li:first-child{ float:left;}
header .med ul li{ float:right;}

header nav{ background:#EEE; height:42px; z-index:20000;}
header nav.fixed{ position:fixed; top:0; left:0; width:100%; z-index:200;}
#desplegar_menu{ display:none;}
header nav div#primary-nav{ position:relative;}
header nav div.menu_sup ul{ margin:0; padding:0; list-style:none;}
header nav div.menu_sup ul li{ width:16.6%; float:left; text-align:center; position:relative;}
header nav div.menu_sup ul li a{ display:block; min-height:26px; padding:10px 0 6px; font-size:16px; color:#585858;}
header nav div.menu_sup ul li:hover,
header nav div.menu_sup ul li a:hover{
	font-family: 'itc_avant_garde_gothic_stdMd';
} 
/*---------*/
header nav div.menu_sup ul.sub-menu{ display:none; position:absolute; width:100%; top:42px; left:0; z-index:100000;}
header nav div.menu_sup ul.sub-menu ul.sub-menu{ display:none; position:absolute; width:100%; top:-1px; left:100%;}
header nav div.menu_sup ul.sub-menu li{ background:#e11d1f; float:none; display:block; width:100%; text-align:left; border-top:#C02647 1px solid; font-weight:normal;}
header nav div.menu_sup ul.sub-menu li a{ padding:10px 20px 5px; color:#FFF; font-family:'itc_avant_garde_gothic_stdBk', Arial, Helvetica, sans-serif;}
header nav div.menu_sup ul.sub-menu li a:hover{ background:#C02647; font-weight:normal;}

/*Home*/
.slider_home_ext{ width:100%; height:342px; overflow:hidden;}
.slider_home{ display: inline-block; position: relative; right: -50%; text-align:center!important;}
.slider_home .textwidget{ position: relative; left: -50%;}
.flexslider{ border:none!important; box-shadow:none!important;}
.flex-control-nav{ bottom:30px;}
.wsp_default_skin .flex-caption{ font-size:20px; text-transform:uppercase; background:rgba(0, 0, 0, 0.7);}

/*para el fondo rojo arriba*/
.wsp_default_skin .flex-caption{ /*background:url(images/degradado-rojo.png) repeat-x;*/ display:none;}

header .w_menu_slider{ position:relative;}
header .menu_slider{ width:auto; position:absolute; top:0; right:0; z-index:100;}
header .menu_slider ul{ margin:0; padding:0; list-style:none; height:330px;}
header .menu_slider ul.sub-menu{ height:auto;}
header .menu_slider ul li a{ display:block; height:32px; padding:10px 15px 0; font-size:14px; color:#FFF; background:#000; opacity:0.85;}
header .menu_slider ul li a:hover{ opacity:1;}
header .menu_slider ul.sub-menu li a{ display:block; height:30px; border-top:#C10024 1px solid; background:#FF0023;}
header .menu_slider ul.sub-menu li:first-child a{ border:none; height:31px;}

/*para letra grande izquierda*/
/*
.wsp_default_skin .flex-caption{ width: 1158px!important; margin:0 auto!important;}
.wsp_default_skin .flex-caption{ left:0!important; right:0!important; height:auto; background:none; bottom:30px; font-size:40px; line-height:42px; text-shadow:2px 2px #333; text-transform:uppercase; text-align:left!important;}
.wsp_default_skin .flex-caption strong{ display:block; width:45%}
*/

#destacados_home ul{ margin:0; padding:60px 0; list-style:none; overflow:hidden;}
#destacados_home ul li{ width:25%; float:left; text-align:center;}
#destacados_home ul li a{ color:#e11d1f; font-size:20px;}
#destacados_home ul li a:hover{ color:#585858;}
#destacados_home ul li a img{ margin-bottom:15px;}

#mapa_home .int{ padding:25px 0;}
#mapa_home h2{ margin-top:0;}

.mapa_fundacion{ width:573px; height:auto; float:left; position:relative}
.mapa_fundacion h3{ margin:0; padding:0; height:100px; font-size:36px; font-weight:normal; color:#e11d1f;}
.mapa_fundacion a{ font-size:32px; color:#e11d1f;}
.mapa_fundacion a:hover{ color:#585858;}
.mapa_fundacion a#bt_mexico{ position:absolute; top:340px; left:0;}
.mapa_fundacion a#bt_colombia{ position:absolute; top:365px; left:340px;}
.mapa_fundacion a#bt_peru{ position:absolute; top:540px; left:210px;}
.mapa_fundacion a#bt_chile{ position:absolute; top:625px; left:230px;}

#mapa_home .int ul{ margin:0; padding:0; list-style:none; overflow:hidden; float:left; width:585px;}
#mapa_home .int ul li{ position:relative;}
#mapa_home .int ul li a img{ display:block;}
#mapa_home .int ul li a br{ display:none;}
#mapa_home .int ul li a span{ display:block; width:100%; text-indent:20px; font-size:40px; font-family:'itc_avant_garde_gothic_stdMd'; line-height:60px; color:#e11d1f; background:url(images/1px-trans.png); position:absolute; left:0; bottom:0;}

#entradas_home{ /*padding:40px 0 0;*/ position:relative; text-align:right;}
#entradas_home h2,
.colaboradores h2{
	text-align:center;
}
.back_fl_iz{ width:28px; height:27px; display:inline-block; background:url(images/bt_iz_des.jpg)}
#fl_iz{ width:28px; height:27px; display:inline-block; background:url(images/bt_iz.jpg)}
.back_fl_dr{ width:28px; height:27px; display:inline-block; background:url(images/bt_dr_des.jpg)}
#fl_dr{ width:28px; height:27px; display:inline-block; background:url(images/bt_dr.jpg)}
#entradas_home #slideshow{ width:100%; height:340px; overflow:hidden; text-align:left;}
#entradas_home ul{ margin:0; padding:0; width:2950px; height:340px; list-style:none; overflow:hidden;}
#entradas_home ul li{ float:left; width:265px; height:338px; margin-right:30px; border:#EEE 1px solid;}
#entradas_home ul li img{ width:265px; height:210px;}
#entradas_home ul li a{ color:#333;}
#entradas_home ul li h3{ margin:0; padding:6px 10px 0; height:84px; font-family:'itc_avant_garde_gothic_stdMd'; font-size:14px; font-weight:normal; border-bottom:#EEE 1px solid;}
#entradas_home ul li span.fecha{ display:inline-block; padding:10px 25px 0 10px; float:left; font-size:12px; background:url(images/fnd_fecha.jpg) right bottom no-repeat;}
#entradas_home ul li span.comentarios,
#entradas_home ul li span.likes{
	display:inline-block; padding:10px 22px 0 0; float:right; margin-right:10px; font-size:12px;
}
#entradas_home ul li span.comentarios{ background: url(images/fnd_comment.jpg) right bottom no-repeat;}
#entradas_home ul li span.likes{ background: url(images/fnd_like.jpg) right bottom no-repeat;}
.no_img{ width:265px; height:210px; background:#EEE}

#contenido_home img{ margin-bottom:0!important;}
#contenido_home p{ margin:0;}

#destacados_home_inf{ padding:60px 0 30px; overflow:hidden;}
#destacados_home_inf h2{ margin:0; padding:0 0 30px;}
#destacados_home_inf ul{ margin:0 0 50px; padding:0; list-style:none; overflow:hidden; float:left;}
#destacados_home_inf ul li{ position:relative; float:left; margin-left:10px;}
#destacados_home_inf ul li:first-child{ margin:0;}
#destacados_home_inf ul li a img{ display:block; max-width:574px; height:auto;}
#destacados_home_inf ul li a br{ display:none;}
#destacados_home_inf ul li a span{ display:block; width:100%; text-align:center; font-size:19px; font-family:'itc_avant_garde_gothic_stdMd'; line-height:60px; color:#e11d1f; background:url(images/1px-trans.png); position:absolute; left:0; bottom:0;}


#destacados_home_inf .textwidget{ float:left; background:url(images/fondo_azul.jpg); /*width:584px; height:354px;*/ width:443px; height:234px; padding:30px 70px 90px;}
#destacados_home_inf .textwidget ul li{ margin:0;}

footer .int{ padding:25px 0; position:relative;}
footer h2{ margin-top:0; color:#e11d1f; font-size:30px;}
footer .newsletter-widget{ width:40%;}
footer form{ overflow:hidden;}
footer form p{ float:left; width:47%; padding-right:2.5%; margin-top:0;}
footer form input[type="text"],
footer form input[type="email"]{
	    width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height:28px; border:#999 1px solid; padding-left:10px;	
}
footer form input[type="submit"]{ float:right; height:30px; border:none; background:#414141; color:#FFF; cursor:pointer;}

footer .menu-menu-footer-1-container{ position:absolute; top:25px; right:250px;}
footer .menu-menu-footer-2-container{ position:absolute; top:25px; right:0;}
footer .menu-menu-footer-1-container ul,
footer .menu-menu-footer-2-container ul{
	margin:0; padding:0; list-style:none;
}
footer .menu-menu-footer-1-container ul li,
footer .menu-menu-footer-2-container ul li{
	margin-bottom:10px;
}
footer .menu-menu-footer-1-container ul li a,
footer .menu-menu-footer-2-container ul li a{
	color:#333; text-decoration:underline; text-transform:uppercase; font-size:14px;
}

footer .contenido{ padding:20px 0; font-size:12px; position:relative}
footer .contenido ul{ margin:0; padding:0; list-style:none; position:absolute; top:10px; right:0;}
footer .contenido ul li{ float:left; margin-right:6px;}

footer .widget_text,
footer .widget_recent_entries{
	float:left; width:499px; margin:30px 40px 0;
}

footer .widget_recent_entries{ margin-right:0;}

footer .widget_recent_entries h3{ margin-top:0;}

footer .widget_recent_entries ul{ margin:0; padding:0; list-style:none; overflow:hidden;}
footer .widget_recent_entries ul li{ padding:5px 0; border-top:#CCC 1px solid;}
footer .widget_recent_entries ul li a{ font-size:16px; display:block;}


.contenido .int{ padding:50px; overflow:hidden;}
.contenido .int h2{ font-family:'itc_avant_garde_gothic_stdMd'; font-size:42px; color:#e11d1f; text-transform:uppercase; margin-top:0;}
.contenido .int p{ line-height:1.5;}
.contenido .int h3{ font-family:'itc_avant_garde_gothic_stdMd'; font-size:36px; color:#e11d1f; text-transform:uppercase;}
.contenido .int h4{ font-family:'itc_avant_garde_gothic_stdMd'; font-size:24px; color:#e11d1f; margin-bottom:0;}
.contenido .int h5{ font-family:'itc_avant_garde_gothic_stdMd'; font-size:20px; margin-bottom:0;}
.contenido .int table{ font-size:14px;}
.contenido .int table h4{ font-size:24px; font-weight:normal; color:#333; margin:0;}
.contenido .int ul{ margin:0; padding:0 0 0 20px; list-style:none;}
.contenido .int li:before { content: "• "; color:#e11d1f;}

div.fnd_rojo{ background:url(images/fondo.jpg) center top no-repeat;}
div.fnd_rojo h2{font-size:60px; /*min-height:156px;*/ text-align:center; color:#FFF; text-transform:uppercase; margin-top:0; padding:30px 10% 0;}

.contenido .post_list{ padding:0 0 20px 285px; margin-bottom:20px; border-bottom:#CCC 1px solid; height:auto; min-height:210px; position:relative;}
.contenido .post_list .post_thumb{ position:absolute; top:0; left:0;}
.contenido .post_list h3{ line-height:1; margin-bottom:30px;}
.contenido .post_list h3 a{ font-size:20px; color:#333}
.contenido .post_list p{ margin-top:5px;}
.contenido .post_list a.leer_mas{ display:inline-block; font-size:18px; font-family:'itc_avant_garde_gothic_stdMd'; background:#333; color:#FFF; padding:5px 20px 5px;}
.nav_posts{ text-align:right;}
.nav_posts a{ color:#333;}

.txt_gr{ font-size:22px;}
.txt_rojo{ color:#e11d1f;}

ul.email_anar{ margin:0; padding:0; list-style:none; overflow:hidden;}
ul.email_anar li{ float:left; width:46%; height:100px; margin:0 2%; background:#ECECED url(images/sobre.jpg) 10px 10px no-repeat;}
ul.email_anar li:before{ content:""!important;}
ul.email_anar li p{ margin:0; padding:0;}
ul.email_anar li a{ display:block; padding:10px 10px 10px 140px; font-size:14px; color:#333;}
ul.email_anar li a span.titulo{ display:block; font-family:'itc_avant_garde_gothic_stdMd'; font-size:16px; color:#e11d1f;}

ul.hazte_socio{ margin:30px 0!important; padding:0!important; list-style:none; text-align:center;}
ul.hazte_socio li{ display:inline-block; margin:0 20px;}
ul.hazte_socio li p{ line-height:1.2!important;}
ul.hazte_socio li:before{ content:""!important;}
ul.hazte_socio li h4{ margin:0; padding:5px 10px; background:#e11d1f;}
ul.hazte_socio li h4 a{ color:#FFF;}

ul.si_empresa{ margin:60px 0!important; padding:0!important; list-style:none; overflow:hidden; text-align:center;}
ul.si_empresa li{ display:inline-block; width:168px; margin:2px;}
ul.si_empresa li img{ width:100%; height:auto;}
ul.si_empresa li:before{ content:""!important;}
ul.si_empresa li h4{ margin:0; padding:5px 10px 0; font-size:14px!important; background:#e11d1f; text-align:center;}
ul.si_empresa li h4 a{ display:table-cell; vertical-align:middle; width:148px; height:45px; color:#FFF;}

div.besocial ul li:before{ content:""!important;}

form.wpcf7-form input[type='text'],
form.wpcf7-form input[type='email'],
form.wpcf7-form select{
	border:none; background:#E6E7E8; width:300px; height:25px;
}
form.wpcf7-form textarea{ border:none; background:#E6E7E8;}
form.wpcf7-form input[type='submit']{ border:none; background:#e11d1f; color:#FFF; font-size:16px; padding:8px 20px; cursor:pointer; text-transform:uppercase;}

.logos_empresas{ text-align:center;}
.logos_empresas img{ vertical-align:middle; margin:10px;}

.colaboradores{ width:1098px; margin:0 auto; padding:0 30px 50px; position:relative;}
.colaboradores .iz{ width:20px; height:35px; display:block; background: url(images/flecha_iz.png) no-repeat;}
.colaboradores #prev{ position:absolute; top:105px; left:0;}
.colaboradores #prev2{ position:absolute; top:240px; left:0;}
.colaboradores .dr{ width:20px; height:35px; display:block; background: url(images/flecha_dr.png) no-repeat;}
.colaboradores #next{ position:absolute; top:105px; right:0;}
.colaboradores #next2{ position:absolute; top:240px; right:0;}
.colaboradores ul{ margin-bottom:40px; padding:0; list-style:none; overflow:hidden;}
.colaboradores ul li{ float:left; margin-left:30px; height:90px;}
.colaboradores ul li img{ width:auto; max-width:150px; height:auto; max-height:70px;}

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 15px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}

iframe{ max-width:100%!important;}

/*  ------ chat anar */
@font-face {
    font-family: 'Montserrat-Semibold';
    src: url(fonts/Montserrat-SemiBold.ttf);
}

@font-face {
    font-family: 'Montserrat-Light';
    src: url(fonts/Montserrat-Light.ttf);
}

.chat-disponibilidad {
    display: block;
    width: auto;
    position: fixed;
    bottom: 30px;
    z-index: 10000;
    right: 30px;
    opacity: 1;
    transition: all 0.3 ease-in-out'
}

a.chat-disponibilidad__enlace {
    color: inherit;
    text-decoration: inherit;
}

.chat-disponibilidad__cerrar {
    position: absolute;
    margin: 8px;
    opacity: 0.6;
}

.chat-disponibilidad__cerrar:hover {
    cursor: pointer;
}

.chat-disponibilidad__cerrar img {
    width: 15px;
    height: auto;
}

.chat-disponibilidad.ocupado .chat-disponibilidad__usuario {
    background-image: url(images/user_ocupado.svg);
}

.chat-disponibilidad.desconectado .chat-disponibilidad__usuario {
    background-image: url(images/user_desconectado.svg);
}

.chat-disponibilidad.escondido {
    bottom: 60px;
}

.chat-disponibilidad.escondido .chat-disponibilidad__texto, .chat-disponibilidad.escondido .chat-disponibilidad__cerrar,  .chat-disponibilidad.escondido .chat-disponibilidad__usuario:before{
    opacity: 0;
    display: none;
}

.chat-disponibilidad.escondido .chat-disponibilidad__usuario {
    height: 30px;
}


.chat-disponibilidad.ocupado .chat-disponibilidad__texto strong {
    color: #FF9500;
}

.chat-disponibilidad.desconectado .chat-disponibilidad__texto strong {
    color: #A0A0A0;
}

.chat-disponibilidad.desconectado a {
    pointer-events: none;
    cursor: not-allowed;
}

.chat-disponibilidad__contenedor {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
}

.chat-disponibilidad__usuario {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    margin-left: 16px;
    background-image: url(images/user.svg);
    background-position: center right;
    background-repeat: no-repeat;
}

.chat-disponibilidad__usuario:before {
    content: '';
    display: block;
    height: 15px;
    width: 25px;
    background-position: center center;
    position: relative;
    left: -58%;
    background: url(images/chat-arrow-gray.svg) no-repeat;
}

.chat-disponibilidad__texto {
    padding: 20px;
    background-color: #EEEEEE;
    border-radius: 5px;
    display: block;
    color: #0c0c0c;
    text-align: center;
}

.chat-disponibilidad__texto strong {
    font-family: 'Montserrat-Semibold';
    margin: 10px 0;
    font-weight: 600;
    text-transform: uppercase;
    color: #4CD964;
}

.chat-disponibilidad__texto p {
    font-family: 'Montserrat-Light';
    margin: 0;
    font-weight: 300;
}

@media screen and (max-width: 720px) {
    .chat-disponibilidad__contenedor {
        margin-right: 5%;
    }
}

@media screen and (max-width: 420px) {
    .chat-disponibilidad__contenedor {
        margin: 20px auto;
        display: block;
        width: 240px;
    }

    .chat-disponibilidad__usuario {
        display: none;
    }

    .chat-disponibilidad__cerrar {
        margin: 30px 8px 8px 8px;
    }

    .chat-disponibilidad__cerrar img {
        width: 20px;
    }
}