/* amarillo
#FDC846
Azul 
#0A4DA1
*/


* {list-style: none;
text-decoration: none;}

@font-face{
	font-family: Roboto-Regular;
 src:url(../fonts/Roboto-Regular.ttf);
}

@font-face{
	font-family: Roboto-Bold;
 src:url(../fonts/Roboto-Bold.ttf);
}
 
@font-face{
	font-family: Gotham-Medium;
 src:url(../fonts/GothamRnd-Medium.otf);
}

@font-face{
	font-family: Gotham-Bold;
 src:url(../fonts/GothamRnd-Bold.otf);
}


html {
	min-width: 100%;

font-family: 'Roboto-Regular', sans-serif;	

	}


body 
{ /*background-image: url('png.png');
background-repeat: repeat;
background-position: top left;
background-attachment: scroll; */
font-family: 'Open Sans', sans-serif;
max-width: 100%;
overflow-x: hidden;
background-color: #fff;
}

em
{
	font-style:italic;
}

.separador 
{
	height: 10px;
	
}

.separa5 
{
	height: 5px;	
}



.pointer
{
	cursor: pointer;
}


input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.padding20
{
	padding: 20px;
}

.sub_menu
{
	display: none;
	margin-top: 4px;
}



.sub_menu li a
{
	
	text-decoration: none;
} 

.padding20
{
	padding: 20px;
}
.formato h1
{
 	font-size: 24px;
}


.helvetica
{
font-family: "HelveticaNeueBold","HelveticaNeue-Bold","Helvetica Neue",Helvetica,"open sans",arial,sans-serif;
}


/*
h1,h2,h3,h4
{
	font-family: "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
} */

/******************* ESTILOS GABY ***************/

h1 {color: #ffffff;
font-size: 40px; 
font-family: 'Gotham-Bold';
text-align: center; }

h2 {font-family: 'Gotham-Bold';
font-size: 20px;}

h3 {font-family: 'Gotham-Bold';}


div.cms_main p
{color:#666;
font-size: 16px;
	margin-bottom:10px;
	line-height: 22px;
	font-family: 'Roboto-Regular';}


div.cms_main ul
{margin-bottom:25px;}

div.cms_main ul li {color:#666;
font-size: 16px;
	margin-bottom:10px;
	line-height: 18px;
	font-family: 'Roboto-Regular';
list-style-position:outside;
list-style: url(bullet.png);
}




.titulo {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;}


.seccion-texto {
    width: 100%;
    height: 240px;
}


.una-columna {width: 80%;}

.dos-columnas {column-count: 2;
	column-gap: 80px;
/*padding:80px 60px; */
font-family: 'Roboto-Regular';
font-size: 16px;
color:#9B9B9B;
line-height: 1.2;
width: 80%;}


@media(max-width: 450px) {
  h1 {
font-size: 20px;}


}



/************************* header*****************/


/* lo uso como preheader*/  
div.cabecera { 
    width: 100%;
 display: flex;
    height: 100px;
    background-color:#0d4194;}

    @media (max-width: 450px) {
      div.cabecera { 
    height: 170px;}

    }


div.newsletter-header {width: 30%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;}


.newsletter-header .desplegable-news .aceptar-priv {color:#9b9b9b;}


div.newsletter-header a {
    color:#ffffff;
  padding:20px;
  border-radius: 3px;
  border:1px solid #ffffff;
margin-left: 15%;
font-size: 16px;}

div.desplegable-news {

    background-color:#ffffff;
    box-sizing: border-box;
    padding: 30px;
    border: 2px solid rgb(13, 65, 148);
    position: absolute;
    top: 110px;
    left:150px;
    z-index: 10;}

/***** boton enviar ******/
.formu .boton_opt_in {
    background-color: #0d4194;
    border-radius: 5px;
    color: #fff;
    margin-left: 20px;
    display: flex;
   align-items: center;
   justify-content: center;
   padding: 10px;
}


div.info-contacto {width: 30%;
display: flex;
align-items: center;
justify-content: center;}

/* Gabi-info preheader*/
.preheader {font-family: 'Roboto-Bold';
font-size: 15px;
color:#ffffff;
padding-left: 10px;
padding-right: 10px;
}  



@media(max-width: 1366px) {

.preheader {
font-size: 13px;}  

}


@media(max-width: 450px) {

.preheader {
font-size: 13px;}  

}

/************* zona login *********************/

div.zona_usuario_placeholder 
{
	position: absolute;
	top: 4px;
	right: 10px;
	width: 210px;
	padding: 6px;
	border: 1px white solid;
	
	font-family:'Roboto-Regular'sans-serif;
	font-size:12px;
	color: #ffffff;
	//display: flex;
	//justify-content: center;
		
	
	
}

div.login_fo
{
width: 100%;	
height: 65px;
font-family:'Roboto-Regular', sans-serif;
font-size:11px;
position: relative;
float:right;
top:0px;
background-color: #1E408F;
	
}


div.zona_usuario {
   

}

div.zona_usuario li 
{
    margin-bottom: 3px;
    list-style:none;  
    min-width: 100%;
    
}

div.zona_usuario a {
color: #ffffff;}

    div.zona_usuario li a {font-family: "Roboto-Regular", sans-serif;
    color: #ffffff;
    font-size: 14px;
    text-decoration: none; }

div.zona_usuario  a.bt {color: #ffffff;
    background-color: #6170B4;
    border-radius: 5px;
    width: 80px;
    padding: 8px;}

div.zona_usuario  li a:hover {
    color:#fecc02;}

div.zona_usuario  a.bt {margin-top: 10px;  }

/******** dentro admin *****/

.in-admin {display: flex;
width: 100%;
flex-direction: column;
justify-content: space-between;}



/***** redes ****/

div.redes {
    display: flex;
    height: 100%;
    margin-top: 10px;
justify-content: center;
align-items: center;
width: 30%;
padding-top: 0px;}


div.redes img {width: 80%;}


@media (max-width: 450px) {

  div.login_fo
{width: 150px;
height: 100%;
top:30px;}


div.redes {
padding-top: 20px;}

div.newsletter-header a {
    color:#ffffff;
  padding:10px;
  border-radius: 3px;
  border:1px solid #ffffff;
margin-left: 15%;
font-size: 12px;}


div.zona_usuario {width: 30%;}


} /**** cierra query ***/

/************************************** HOME *************************************/


/*Contenedor de slider y cajas flotantes*/
.contenedor-slider { min-width:100%;
background:url(../uploads/archivos/fondo_slide.png);
background-position: center center;
background-repeat: no-repeat;
background-size:cover;
max-height: 1100px;}




@media (max-width: 1600px) {
    .contenedor-slider {margin-top: 100px;}
}


/* Baners*/
.banner-congresos {
    background-color:#fecc02;
    width: 415px;
    height: 415px;
    border:20px solid #ffffff;
    position: absolute;
    left:65%;
    top:30%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.banner-congresos img {width: 70%;
margin: 0 auto;}



.banner-congresos > p {font-family: 'Roboto-Regular';
font-size: 18px;
color:#ffffff;
line-height: 1.5;
padding-left: 30px;
padding-right: 30px;
padding-top: 20px;
}


.titulo-azul {font-family: Gotham-Bold;
color:#0D4194;
font-size:27px;
padding-left:30px;}

.boton-azul {background-color:#0d4194;
    width: 215px;
    height: 30px;
    color:#ffffff;
    font-family: 'Roboto-Regular';
    font-size: 15px;
    margin-left: 30px;
    margin-top: 20px;
    border:0px solid;
    vertical-align: center;
    text-align: center;
    text-decoration: none;
    padding-top: 18px;
}

.banner_todo_ancho.publicidad .banner_.banner_rota.banner_rota_1 { position: relative; }

.banner_todo_ancho.publicidad img {width: 100%;
height: 300px;
object-fit: cover;}



.publicidad .claim {
    position: absolute;
    color: #ffffff;
    top: 40%;
    margin: 0 auto;
        margin-left: auto;
    margin-left: 35%;
    width: 770px;
    height: 90px;
    background: linear-gradient(rgba(13, 65, 148, 0.4), rgba(13, 65, 148, 0.4));
    display: flex;
    justify-content: center;
    align-items: center;
    border:1px solid #ffffff;
display: none;}

.publicidad .claim p {font-family:'Gotham-Bold';
font-size: 32px;
text-align: center;}


/*Banners permanentes Gabi. Flash, socio, etc.*/
.banners-permanentes {
display: flex;
flex-direction: row;
width: 100%;
height: 250px;
}

.hazte-socio {width: 33.333%;
height:100%;
background:url(../uploads/archivos/banner_hazte_socio.png) no-repeat;
background-repeat: no-repeat;
background-size: cover;
display: flex;
align-items: center;
justify-content: flex-start;
padding-left: 30px;}





.feteia-flash, .revista-transitario {width: 33.333%;
	height:100%;
background:url(../uploads/archivos/banner_feteia_flash_sin_texto.png) no-repeat;
background-repeat: no-repeat;
background-size: cover;
display: flex;
align-items: center;
justify-content: flex-start;
padding-left: 30px;}





.feteia-flash a, .revista-transitario a, .hazte-socio a  { color:#ffffff;
font-family: 'Gotham-Bold';
font-size: 40px; }



.revista-transitario {
	width: 33.333%;
	height:100%;
background:url(../uploads/archivos/banner_revista_transitario.png) no-repeat;
background-repeat: no-repeat;
background-size: cover;}


.wrapper-slider {width: 80%;
margin:0 auto;}


@media(max-width:1920px){

  .publicidad .claim {
    margin-left: 30%;} 
  
  .publicidad .claim p {font-family:'Gotham-Bold';
font-size: 20px;
text-align: center;}

} /** cierra query **/


@media(max-width:1366px){

/*Banners permanentes Gabi. Flash, socio, etc.*/
.banners-permanentes {
display: flex;
flex-direction: row;
width: 100%;
height: 400px;}
 

.feteia-flash a, .revista-transitario a, .hazte-socio a  { color:#ffffff;
font-family: 'Gotham-Bold';
font-size: 32px; }

} /** cierra query **/



@media(max-width: 1300px) {

.banner-congresos {left: 70%;
top:40%;}


.banner-congresos {width: 215px;
height: 215px;}

.banners-permanentes {
    height: 200px;}

.banner_todo_ancho.publicidad img {
    height: 200px;}


.publicidad .claim {
    margin-left: 20%;}


}/**cierra query*/

@media(max-width:450px){
 .banners-permanentes {
display: flex;
flex-direction: column;
width: 100%;}

.contenedor-slider {display: none;}

.feteia-flash, .revista-transitario, .hazte-socio {width: 100%;
padding-left: 0px;
justify-content: center;}


.banner-congresos {display: none;}

.banner_todo_ancho.publicidad img {width: 100%;
height: 200px;
object-fit: cover;}



.publicidad .claim {

margin-left: 50px;
    width: 300px;
    height: 90px;}


 .feteia-flash a, .revista-transitario a, .hazte-socio a  { color:#ffffff;
font-family: 'Gotham-Bold';
font-size: 24px; }   


}/* cierra query movil**/






/************* Seccion izquierda de noticias ****************/

/* contenedor dos columnas de feeds */
.dos-columnas-feeds {
 display: flex;
 flex-direction: row;
 width: 100%;
}


.link_historico a {position: relative;
    float: right;
    padding: 10px 10px;
    border: 2px solid #6170B4;
    margin-right: 10%;
    color: #6170B4;}


.link_historico a:hover {
    background-color: #6170B4;
    color:#ffffff;}



/* izquierda home, feed de noticias verias*/
.dos-columnas-feeds > .seccion 
{width: 70%;
	min-height: 180px;
	background-color:#F7F7F7;
	padding-left:10%;
	box-sizing: border-box;
}


 .noticias_feteia_home .lista_items h2,  .noticias_ateia_home .lista_items h2, .noticias_prensa_home .lista_items h2  {
display:none;}  

.noticias_feteia_home {padding-top: 50px;}


.noticias-home-left a > h2 {padding-top: 40px;}

 .noticias-home-left div.lista_items div.item {width: 90%;}


 .noticias-home-left div.lista_items div.item .excerpt {
    font-size: 16px;
    line-height: 1.2;
    color: #9B9B9B;
    font-family: 'Roboto-Regular';}


  .noticias-home-left   div.lista_items div.item a.titular {
    display: block;
    float: left;
    width: 100%;
    padding-left: 10px;
    text-decoration: none;
    color: #666;
    font-size: 14px;
    line-height: 15px;
    padding-bottom: 20px;}


.noticias-home-left div.lista_items div.item {
    clear: both;
    padding: 30px 30px;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    width: 90%;
    height: 10%;
    border-bottom: 1px solid #d8d8d8;}

.noticias-home-left div.lista_items div.item div.marcofoto img {
    max-width: 100%;
    border-radius: 5px;
}

 .noticias-home-left div.lista_items h3.titulo-itemg {
    font-size: 20px;
    color: #4A4A4A;
    font-family: 'Roboto-Bold';
    line-height: 1.2;
    width: 100%;
    padding-bottom: 10px;
}

.noticias-home-left div.item.foto_lado > .marcofoto {
    width: 40%;
    border-radius: 5px;}


.noticias-home-left .textos {
    display: flex;
    flex-direction: column;
    width: 90%;
    text-align: left;
}


.noticias_ateia_home {margin-top: 50px;}

.noticias_prensa_home {margin-top: 50px;}



/********* sidebar-widgets, es el sidebar derecho entero. Contendra feeds rrss y congresos*/
.sidebar-widgets {
background-color:#ffffff;
width: 30%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;}

.sidebar-widgets .widget-linkedin {margin-top: 100px;}

.sidebar-widgets .banner-documentos, .sidebar-widgets .banner-likedin {width: 90%;}

.sidebar-congresos .banner-documentos, .sidebar-congresos .banner-likedin {width: 90%;}

/* bloque de feeds de los congresos*/
.home.feeds-congresos {
	width: 72%;
	display: flex;
	flex-direction: column;}

/*
div.lista_items div.item.foto_arriba {
    display: flex;
    flex-direction: column;
}
*/


.home.feeds-congresos .foto_arriba .marcofoto img {border-radius: 5px;
width: 100%;
height: 200px;
object-fit: cover;
object-position: top;}


.home.feeds-congresos .foto_arriba h3.titulo-itemg {
    font-size: 20px;
    color: #4A4A4A;
    font-family: 'Roboto-Bold';
    line-height: 1.2;
    width: 100%;
    padding-bottom: 10px;
    padding-top: 30px;
}


.home.feeds-congresos div.lista_items h2, div.item.small h2, div.seccion h2 {
    color: #0d4194;
    font-size: 25px;
    padding: 3px 0px 7px;
    font-family: 'Gotham-Medium', sans-serif;
    font-weight: bold;
    width: 100%;
}


@media (max-width: 1300px) {
  .sidebar-widgets {
    width: 35%;}


.noticias-home-left div.item.foto_lado > .marcofoto {
    width: 60%;
    border-radius: 5px;}



}



@media (max-width: 450px){
 .dos-columnas-feeds {flex-direction: column;}

 /* izquierda home, feed de noticias verias*/
.dos-columnas-feeds > .seccion 
{width: 100%;
    padding-left:20px;} 


.sidebar-widgets {
background-color:#ffffff;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;}


.noticias-home-left div.lista_items div.item {
    clear: both;
    padding: 30px 30px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    width: 90%;
    height: 10%;
    border-bottom: 1px solid #d8d8d8;}

.noticias-home-left div.item.foto_lado > .marcofoto {
    width: 90%;
    border-radius: 5px;}


} /*cierra query*/


/****************************** FORMATO NOTICIAS HOME **********************************/

/* como se muestra cada noticia en el front. .item es la caja de cada una*/
/*
div.lista_items div.item {
    clear: both;
    padding: 10px 0px;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    width: 70%;
    height: 160px;
    border-bottom: 1px solid #d8d8d8;
} */


.foto_lado {display: flex;
flex-direction: row;}


/* div contenedor de los textos de cada noticia, inluye h2 y link ver mas */
.textos {display: flex;
flex-direction: column;
width: 100%;
text-align: left;
}

.excerpt {font-size: 13px;
line-height:1.2;
color:#9B9B9B;}

div.lista_items h3.titulo-itemg 
{
    font-size: 20px;
    color: #4A4A4A;
    font-family: 'Roboto-Bold';
    line-height: 1.2;
    width: 300px;
    padding-bottom:10px;
}

.textos > a.ver_todas {
display: block;
height:23px;
bottom:0px;
right: 20px;
    text-decoration: none;
    font-family:'Roboto-Bold';
    font-size: 13px;
    color:#7f8cc1;
    align-self:flex-end;
    }


/*posicion del grupo texto cuando la foto esta al lado*/    
div.item.foto_lado > .textos {
    margin-left: 50px;
}


/* tamaño de la foto cuando esta al lado*/
div.item.foto_lado > .marcofoto {
 width:150px;
 border-radius: 0px;
}


div.lista_items div.item:first-child 
{
    border-top: 0px;
}


div.lista_items div.item.agenda
{
    border-top: 0px;
    padding: 4px 0px;
}

div.lista_items div.item.agenda a
{
    text-decoration: none; 
}



/* Tamaño de la foto cuando este arriba (Congresos) 
.item.foto_arriba > .marcofoto
{
    width:389px;
    height: 83px;
    overflow:hidden;
    -moz-border-radius: 10px; /* Firefox */  
    -webkit-border-radius: 10px; /* Safari, Chrome */   }

/*con el after pintamos la rallita debajo del titulo*/



.lista_items h2:after { content: '';
display: block;
width: 100px;
border-bottom: 4px solid #134193;
padding-top: 10px;}



.lista_items h2 {padding-bottom:10px;}

/*
div.lista_items div.item div.marcofoto a
{
    width: 100%;
    display: block;
    height: 100%;
}


div.lista_items div.item div.marcofoto img
{
    max-width:100%;
}
*/


div.lista_items div.item a.titular 
{
    display: block;
    float:left;
    width:100%;
    padding-left:10px;
    text-decoration:none;
    color:#666;
    font-size:14px;
    line-height:15px;

}

/**/

div.lista_items h2.agenda 
{
display: block; 
background: transparent url(img/agenda.png) -0px -0px no-repeat;
width:57px;
height:39px;
margin-top:4px;
}


@media (max-width: 450px) {
 div.item.foto_lado > .textos {
    margin-left: 0px;
}




}




/***************** FETEIA-OLTRA ********************/


.triangulo {
background-color:#ffffff;
    width: 40px;
    height: 40px;
    position: relative;
    margin: 0 auto;
    transform: rotate(45deg);
    top: 20px;
}

.triangulo-gris {background-color:#4A4A4A;
    width: 40px;
    height: 40px;
    position: relative;
    margin: 0 auto;
    transform: rotate(45deg);
    top: 20px;}


.triangulo-gris-clarito {background-color:#9B9B9B;
    width: 40px;
    height: 40px;
    position: relative;
    margin: 0 auto;
    transform: rotate(45deg);
    top: 20px;}


.cabecera-pagina-oltra {background-image: url('../uploads/archivos/cabecera_feteia_oltra.jpg');
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 600px;

}

.intro-feteia-oltra {padding: 40px;}

.titulo-feteia {position: relative;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;}

.formato1.carta-presi {max-width: 100%;
    height: 100%;
    background-color:#6170B4; 
display: flex;
flex-direction: row;
justify-content: space-around;
padding:40px 60px;
align-items: center;
}


 .foto-presi-lateral {width: 30%;
    display: flex;
justify-content: center;}

.foto-presi-lateral img {width: 50%;}


.foto-presi img {border-radius:100%;}


.carta-presi .texto-carta p {
	color:#ffffff;
    font-family: 'Roboto-Regular';
}


.carta-presi h3 {color:#ffffff;
font-size: 30px;
padding-bottom:10px;}

.texto-carta {width: 50%;
box-sizing: border-box;
padding-right: 10%;}


.texto-carta h5 {color:#ffffff;
padding-bottom:20px;}


.carta-presi .foto-presi {width: 20%;}


.texto p {color:#9b9b9b;}

@media (max-width: 1300px) {

.cabecera-pagina-oltra {height: 300px;}

.formato1.carta-presi {flex-direction: column;
    align-items: center;
}


} /** cierra query**/



@media (max-width: 450px) {

.cabecera-pagina-oltra {height: 200px;}


.formato1.carta-presi {
display: flex;
flex-direction: column;
padding:40px 60px;
}

.texto-carta {width: 90%;
padding-left: 0px;}





} /** cierra query**/


/********************* estructura organizativa ***********************************/

/*********cierra provisional-JOkin***********/

.estructura-organizativa h2 {color:#6170B4;
padding:68px 0px 0px 110px;}

.estructura-organizativa h3 {text-align: center;
padding-top: 100px;
font-size: 25px;
color:#4a4a4a;} 


.line {width: 80px;
    height: 4px;
    background-color: #6170B4;
  /*  margin-left: 110px; */
    margin-top: 5px;

}

.line.white { background-color: #ffffff;
margin-left:10px;
margin-bottom: 30px;
margin-top:10px;}

.comite-presidencial {width: 100%;
height: 300px;
display: flex;
justify-content: center;}


.cargo {display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 30px;
width:10%;}


.cargo .foto-cargo {width: 100%;
    display: flex;}


 .foto-cargo img {object-fit: cover;
    border-radius: 100%;
max-width: 100%;
filter:grayscale(100%);}

.cargo h4 {font-size: 25px;
color:#9B9B9B;
padding-top:20px;
font-family: 'Gotham-Bold';
text-align: center;}

.cargo h5 {color:#6170B4;
font-size: 20px;
font-family: 'Gotham-Bold';
padding-top: 10px;} 

.cargo p {color:#6170B4;
font-size: 15px;
font-family: 'Gotham-Bold';}


.comite-presi-cargos {display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
width: 70%;
margin:0 auto;}

.comite-presi-cargos .cargo h5 {font-size: 15px;
text-align: center;} 

.comite-presi-cargos.ejecutivo {width:60%;
    flex-wrap: wrap;
padding-top: 50px;}

.comite-presi-cargos.ejecutivo.solo {width:60%;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
padding-top: 50px;}

.comite-presi-cargos.ejecutivo .cargo {width: 20%;}

.comite-presi-cargos.ejecutivo .cargo .foto-cargo {width: 90%;}


.comite-presi-cargos.ejecutivo.final {padding-bottom:100px;}


@media (max-width: 1300px) {

    .comite-presi-cargos {
    width: 80%;}

    .comite-presi-cargos.ejecutivo {
    width: 80%;
    flex-wrap: wrap;
    padding-top: 50px;}

  .cargo h4 {
    font-size: 20px;}


}


@media (max-width: 450px) {
 .estructura-organizativa h3 {padding-top: 30px;}

.estructura-organizativa h2 {
    color: #6170B4;
    padding: 68px 0px 0px 40px;}


 .comite-presi-cargos {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    width: 80%;}   


.cargo {
    width: 70%;}


.cargo h4 {font-size: 13px;
text-align: center;}


.comite-presi-cargos.ejecutivo {
    width: 80%;
padding-top: 50px;}


.comite-presi-cargos.ejecutivo .cargo {
    width: 70%;}



}/**** ciera query *****/



/**bloque amarillo convenios*/

.convenios {background-color: #fecc02;
width: 100%;
height: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}


.convenios p {line-height: 1.3;
width: 80%;
color:#4A4A4A;}




.textos-convenios {display: flex;
flex-direction: column;
width: 50%;
margin-right:5%;
box-sizing: border-box;
padding-left: 5%;
padding-top: 50px;}

.iconos {width: 40%;
margin:0 auto;
}

.iconos img {object-fit: cover;
}



/*
.textos-convenios p {color:#4A4A4A;
font-size: 18px;
line-height: 1.3; } */


.textos-convenios h3 {font-size: 25px;
color:#4A4A4A;
/*margin-left: 10%;*/}


.logos-convenios {
    width:70%;
    display: flex;
    flex-direction: row;
    height: 100%;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

.logos-convenios img {margin-right: 30px;
width: 35%;
}


/* bloques documentacion*/

.documentacion {display: flex;
width: 100%;
height: 100%;
flex-direction: row;}



.reglamento {width: 33.33%;
background-color:#EFEFEF;}

.estatutos {width: 100%;
background-color:#F7F7F7;
color:#4a4a4a;
line-height: 1.3;}


.estatutos strong {color:#6170B4;}

.titulo-icono {display: flex;
flex-direction: row;}

.titulo-icono img {margin-left:20px;}


.interior {width: 80%;
	padding:80px;
display: flex;
flex-direction: column;
justify-content: center;
}

.interior p {margin-bottom:50px;
}

.interior h3 {color:#6170B4;
font-size: 25px;}

.interior .line {margin-left: 10px;
margin-bottom:40px;}


.link-descarga-1 {display: flex;
flex-direction: row;
width: 90%;
padding-top: 20px;
padding-bottom: 30px;}


.link-descarga-1 .texto { background-color:rgb(255,255,255,0); 
}

.link-descarga-1 .texto a {color:#4A90E2;
font-size: 18px;
padding-right:10px;
font-family: 'Roboto-Bold';}

.link-descarga-1 img {background-color:rgb(255,255,255,0);  }


.banner-dossier {width:100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
height:215px;
background-color: #ffffff;}


.banner-dossier img {width: 33.33%;
object-fit: cover;
height: 100%;}

.banner-dossier a {color:#0D4194;
font-family:'Gotham-Bold';
font-size: 26px;
padding-left: 30%;}




@media (max-width: 1300px) {
 .iconos {
    width: 20%;}

 .textos-convenios {
    display: flex;
    flex-direction: column;
    width: 50%;
    margin-right: 5%;
    padding-left: 10%;
    box-sizing: border-box;}

.logos-convenios {
width: 100%;}

.banner-dossier a {
    padding-left: 10%;}





} /*** ciera query**/


@media (max-width: 900px) {
 .interior {
    width: 90%;
    padding: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


}

@media (max-width: 450px) {

 .convenios {flex-direction: column;}

.iconos {width: 200px;}

.iconos img {width: 150px;
margin:0 auto;
display: none;}

.logos-convenios {flex-direction: column;
width: 100%;
padding-top: 10px;}

.logos-convenios img {width: 90%;}

.textos-convenios {display: flex;
flex-direction: column;
width: 70%;
margin-right:0px;}


.documentacion {flex-direction: column;}

.normativas, .estatutos {width: 100%;}


.banner-dossier {height: 150px;}

.banner-dossier img {width: 50%;}

.banner-dossier a {padding-left:10%;}


} /*** cierra query ****/



/************************ PÁGINA SERVICIOS *************/


.servicio-blanco {background-color: #fff;}

.cabecera-pagina-servicios {background-image: url('../uploads/archivos/banner_servicios.jpg');
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 600px;

}

/* contenido subido por admin como contenido fijo*/

.servicio {padding-top:40px;
padding-bottom:30px;
width: 100%;
padding-right: 10%;
padding-left: 10%;
margin:0 auto;
}

.titulo-servicio {font-family: 'Gotham-Bold';
font-size: 25px;
color:#4A4A4A;}

h2.titulo-servicio.azul {color:#6170B4;
margin-left:0px;}

.titulo-linea {display: flex;
flex-direction: column;
align-items: flex-start;}


.line.gris {background-color:#4a4a4a;
margin-bottom: 30px;}

.line.azul {background-color:#6170B4;
 margin-bottom: 30px;}

.col-2 {width: 100%;
	min-height:434px;
display: flex;
flex-direction: row;
justify-content: space-between;
overflow: hidden;
}

.celda-iz {width:50%;}

.cleda-dr {width: 50%;
display: flex;
justify-content:flex-start;}

.foto#half {width: 50%;
	position: relative;
float:right;
background-size: cover;}

.texto_intro.grey {background-color:#F7F7F7;}

.grey .titulo-servicio {margin-top: 50px;
margin-left: 20%;}

.col-2 .texto {width: 70%;
margin-left: 20%;
}

.celda-iz .line.gris {margin-left:20%;}

.col-2 .texto p {padding-right:80px;}

.foto-derecha {height: 434px;}


.grey-background {background-color:#f7f7f7;
width: 100%; }
/********************* dos secciones feteia flash i boletin ***********/

.publicaciones {display: flex;
flex-direction: row;
}


/* feteia flash*/
.feteia-flash-new {
	display: flex;
	flex-direction: column;
	background-color: #4A4A4A;
	width: 50%;
}

.titulo-servicio.blanco {color:#ffffff;
padding-top:40px;
margin-left: 0px;}

.feteia-flash-new .texto {
color:#ffffff;
width: 50%;
line-height: 1.3;
margin-left: 20%;
height: 200px;
}


.revista .texto {margin-left: 5%;}





.foto-flash.blanco {width: 100%;
height: 377px;}

.foto-flash.blanco a {width: 100%;
height: 100%;}

.foto-flash img {height:377px;
object-fit:cover;
width: 100%;}

.link-blanco {color:#ffffff;
margin-top:30px;
font-family: 'Roboto-Bold';
font-size: 18px;
position: relative;
top:30px;}

/**Revista transitario*/

.feteia-flash-new.revista {background-color: #9B9B9B;
}

.foto-revista img {height:377px;
width: 100%;
object-fit:cover;}


@media (max-width:1300px) {

 .cabecera-pagina-servicios {height: 300px;}

}


@media (max-width:450px) {

 .cabecera-pagina-servicios {height: 200px;}

 .dos-columnas {column-count: 1;}


.grey.col-2 {flex-direction: column;}

.celda-iz {width: 100%;}

.col-2 .texto {width: 90%;
margin-left:10%;}



}/**** cierra query ***/


/*************************** EL TRANSITARIO *******************************/

.cabecera-pagina-transitario {background-image: url('../uploads/archivos/Cabecera_Normativas.png');
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 600px;

}


.normativas {
width: 100%;}



.contenedor-normativas {display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
padding-top: 60px;
}

.rott {width: 80%;}

.lott {width: 80%;}

p.p-lott {color: #9b9b9b;
font-size: 18px;
line-height: 1.3;
margin-bottom: 10px;}

@media(max-width: 768px) {

  .contenedor-normativas {display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
padding-top: 60px;
}

}

/********************* Venta de Documentos ***********/

.cabecera-pagina-documentos {background-image: url('../uploads/archivos/cabecera_documentos.png');
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 600px;}


.documentos-disponibles {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 50px;
	padding-bottom:100px;
	width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    background-color: #fff;
margin:0 auto;}

.row-1 {width: 90%;
	margin:0 auto;
display: flex;
flex-wrap: wrap;
flex-direction: row;
}

.doc {width: 30%;
    min-width: 293px;
	margin-right:2%;
border:1px solid #D8D8D8;
display: flex;
flex-direction:column;
justify-content: center;
margin-bottom: 0px;
margin-top: 20px;}	

.doc p {padding: 30px 30px;
color:#9B9B9B;
line-height: 1.2;
font-size: 14px;}

.doc .titulo-icono .titulo-servicio  {margin-left:10px;}


.titulo-icono.padding-top {padding-top: 40px;}

.link-solicitar-doc {font-size:14px;
font-family: 'Roboto-Bold';
color:#4A4A4A;
position: relative;
left:70%;
bottom:20px;
cursor: pointer;}


@media(max-width:1300px) {

  .row-1 {
    width: 100%;}

   .cabecera-pagina-documentos {height: 300px;}  

}/** cierra query**/

@media (max-width: 450px) {

 .cabecera-pagina-documentos {height: 200px;}

 .row-1 {flex-direction: column;}
 
 .row-1 .doc {width: 100%;
    margin-bottom: 20px;}


}

/********** ATEIAs******************/

.cabecera-pagina-ateias {background-image: url('../uploads/archivos/cabecera_ateias.png');
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 600px;}


.contenedor-ateias {display: flex;
	flex-wrap: wrap;
	margin-top: 100px;
flex-direction: row;
justify-content: center;
width: 100%;
margin: 0 auto;
background-color: #fff;}

.ateia    { width: 30%;
    min-width: 450px;
    height: 100%;
    margin-top: 30px;
    padding-bottom: 50px;
    border: 1px solid #e3e2e2;
    margin-left: 1%;
    display: flex;
    min-height: 300px;
}


.logo-link {display: flex;
flex-direction: row;
align-items: center;
justify-content: space-around;
width: 100%;
}

.logo-link div {align-self: flex-end;
margin-bottom: 30px;}


 .ateia h2 {color:#6170B4;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
;}

.ateia .texto {margin-top: 40px;
margin-left: 30px;
color:#9B9B9B;
line-height: 1.3;
width: 90%;}

.ateia .texto a {color:#9B9B9B;
font-weight: bold;}

.logo-link li a {color:#9B9B9B;
font-weight: bold;}

@media (max-width: 1300px) {
  
  .cabecera-pagina-ateias {height: 300px;}

  .ateia    { width: 40%;}

}


@media (max-width: 450px) {
  
  .cabecera-pagina-ateias {height: 200px;}

    .ateia    { width: 90%;
        min-height:200px; }

.ateia .texto {font-size: 13px;}

.ateia h2 {width: 400px;}
}

/***************************** MIEMBROS ADHERIDOS Y SOCIOS **********************/

/*** buscador****/
.buscadores {width: 90%;
    margin:0 auto;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;}

.contenedor-ateias .nombre_de_madre {width: 80%;
margin-left: 10%;}

.buscadores .listar {width: 30%;
padding-right: 30px;}

.buscadores .listar a {color:#6170B4;}

.buscador.pad10 {width: 30%;}

.buscador span, .alfabeto span {font-size: 16px;
color:#6170B4;
padding-right: 30px;}

.buscadores .alfabeto {padding-right: 200px;}

.buscador .buscar {border-radius:0px;
width: 30%;
margin-top: 10px;}


.alfabeto select {margin-top:10px;}


.cabecera-pagina-adheridos {background-image: url('../uploads/archivos/cabecera_adheridos.png');
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 600px;}


.formulario_wrapper.solicitud-alta {
    background-color:#6170B4;
}


.contenedor-ateias .nombre_de_madre {
    padding-top: 50px;
    color:#9b9b9b;
}

@media (max-width: 1300px) {

  .cabecera-pagina-adheridos {
height: 300px;}

.buscadores .alfabeto {

    padding-right: 0px;}


}


@media (max-width: 450px) {

  .cabecera-pagina-adheridos {
height: 200px;}


.buscadores { flex-direction:column;}

.buscadores .listar {width: 100%;
padding-right: 30px;}

.buscador.pad10 {width: 100%;}

}

/***************** cierra miembros adheridos ***************/



.line {width: 80px;
    height: 4px;
    background-color: #ffffff;
   
    margin-top: 5px;

}

a.boton_enviar
{  
    padding: 10px 40px;
    background-color: #FECC02;
    color: #FFF;
    font-family: 'Roboto-Regular', sans-serif;
    font-size: 16px;
    margin: 10px 0px;
    display: block;
    margin: 10px 0px;
    cursor:pointer;
    text-decoration:none; 
    text-align: center;
    width: 7%;
    float:right;
    border-radius: 3px;

}

div.warning_
{
    padding: 30px;
    
    background-color:#F00;
    color: #FFF;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    margin: 10px 0px;
    
    display: block;
    margin: 10px 0px;
    
    text-decoration:none; 
    text-align: center;


}

div.warning_.ok
{
    background-color:#6CC;
}



div.formulario_wrapper
{
    font-family: Open Sans, sans-serif; 
    font-size: 15px;
    margin-bottom:20px;
    background-color: #6170B4;
    width: auto;
    height: 700px;
    margin:0 auto;}

    .titulo-formulario {color:#ffffff;
        padding-top: 100px;
        font-family: 'Gotham-Bold';
    }

div.formulario_wrapper fieldset.solicitar-doc {margin: 100px auto;
    width: 80%;
border:0px;}

form#formu {width:80%;
    margin:0 auto;

}

.dos-al-lado {display: flex;
flex-direction: row;
justify-content: space-between;
padding-bottom: 10px;}


div.formulario_wrapper label 
{ color:#ffffff;
    display: block;
    padding-bottom:10px;}


div.formulario_wrapper input[type="checkbox"] 
{color:#ffffff;
    background-color:#ffffff; 
}


div.formulario_wrapper input#text
{color:#ffffff;}

div.formulario_wrapper input[type="text"]
{   background-color:#ffffff; 
    height: 34px;
    width: 100%;
    font-size:18px;
    font-family: Open Sans, sans-serif;}

.contenedor-campo-mitad {display: flex;
flex-direction: column;
width: 45%;
padding-top: 10px;
}



.solicitud-alta div.formulario_wrapper label.un-tercio {width: 100%;}

/*
div.formulario_wrapper input.un-tercio {width: 90%;
height: 34px;}

div.formulario_wrapper label.campo-mitad {width: 30%;
display: inline-block;}

div.formulario_wrapper input.campo-mitad {width: 30%;
display: inline-block;} */


div.formulario_wrapper textarea
{
    
    width: 100%;
    font-size:18px;
    font-family: Open Sans, sans-serif; 

}



/******************************* CONGRESOS **************************/

/***** quito bloque de adjuntos para que se vea bien el link ***/

.adjuntos {display: block;} 




/**todo el item**/

.pagina {width: 100%;
	margin-top: 70px;
display: flex;
flex-direction: row;
justify-content: space-between;}

.contenedor-congresos {width: 60%;
padding-left:10%;
overflow: hidden;}



.cabecera-pagina-congresos {background-image: url('../uploads/archivos/CABECERA CONGRESOS FETEIA.jpg');
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 600px;}


.contenedor-congresos .item.noticia-feteia {width: 80%;}

.contenedor-congresos .item.noticia-feteia .marcofoto img {object-fit: contain;
width: 90%;}

.contenedor-congresos .seccion .item h2 {display: none;}

.contenedor-congresos .item.noticia-feteia div.border {padding-bottom:30px;
/*border-bottom: 1px solid #d8d8d8; */}

/******** CADA congreso en si *********/
.contenedor-congresos .item.noticia-feteia {
    clear: both;
    padding: 30px 0px 30px 0px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    width: 90%;
   /* border-bottom: 1px solid #d8d8d8; */}


 .item.foto_arriba  { margin-bottom: 30px;
border-bottom: 1px solid #dedede;
padding-bottom: 30px;}


 .item.foto_arriba:last-child {border-bottom: 0px solid #dedede;}

/***** titulo del congreso *******/
.contenedor-congresos div.lista_items h3.titulo-itemg {
	width: 100%;
    font-size: 25px;
    color: #6170B4;
    font-family: 'Gotham-Bold';
    line-height: 1.2;
    padding-top: 60px;}   

/************** link del titulo ********/
.contenedor-congresos div.lista_items div.item a.titular {
    padding-left: 0px;
    display: block;
    float: left;
    width: 100%;
    text-decoration: none;
    color: #666;
    font-size: 14px;
    line-height: 15px;}


.item a {color:#555555;}

 .contenedor-congresos div.lista_items h3.titulo-itemg::after {content:url('../uploads/archivos/linea_congresos_titulo.png');
display:block;
}   

/*******ancho caja del extracto****/
 .contenedor-congresos div.lista_items div.item .textos {width: 90%;}   

/********** formato texto del extracto ********/
.contenedor-congresos div.lista_items div.item .excerpt {font-size: 18px;
	font-family: 'Roboto-Regular';
line-height: 1.6;}




/*sidebar congresos**/
.sidebar-congresos {
	width: 30%;
    padding-left: 5%;
	margin-top:50px;
    margin-bottom: 50px;
display: flex;
flex-direction: column;
border-left:1px solid #D8D8D8;
background-color: #fff;
}



.widget-historico {height: 200px;
width: 90%;
}

.historico_congresos a {font-size: 16px;
font-family: 'Roboto-Regular';
font-weight: 600;
color:#6170B4;
text-transform: capitalize;}

.sidebar-congresos h3 {font-size:24px;
padding-bottom: 30px;
color:#4a4a4a;}


.item_side_news h2 {width:85%;}

.widget-linkedin {
    width: 72%;
    padding-bottom: 100px;
}
 
.widget-linkedin iframe {
-webkit-box-shadow: 7px 1px 51px 0px rgba(181,181,181,1);
-moz-box-shadow: 7px 1px 51px 0px rgba(181,181,181,1);
box-shadow: 7px 1px 51px 0px rgba(181,181,181,1); }


.paginador {padding: 20px;
display: flex;
justify-content: center;}

.paginador a {padding: 10px;
    border:1px solid #666666;
color:#666666;
margin-right: 5px;}


@media (max-width: 1300px) {
  .cabecera-pagina-congresos {
height: 300px;}


.sidebar-congresos {
    width: 40%;}



}




@media (max-width: 450px) {
  .cabecera-pagina-congresos {
height: 200px;}


.pagina {flex-direction: column;}

.contenedor-congresos {width: 100%;}

.sidebar-congresos {width: 100%;}


} /*** cierra query ****/




/******************* FEED CONGRESOSO EN SIDEBAR *************/



 .feed-1-congresos .seccion .item h2, .feed-2-ferias .seccion .item h2 {font-size: 25px;
 	color:#0d4194;
 	font-family: 'Gotham-Bold';}   


 .feed-1-congresos div.lista_items div.item, .feed-2-ferias div.lista_items div.item  {
    clear: both;
    padding: 10px 0px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    width: 90%;
    border-bottom: 1px solid #d8d8d8;}


   .feed-1-congresos div.lista_items h3.titulo-itemg, .feed-2-ferias div.lista_items h3.titulo-itemg  {
    font-size: 20px;
    color: #4A4A4A;
    font-family: 'Roboto-Bold';
    line-height: 1.2;
    padding-top: 40px;
    padding-bottom: 10px;}


 /************ FEED 2- FERIAS, JORNADAS **************/
 


.banner-documentos img, .banner-likedin img  {width: 80%;
margin-bottom: 30px;}


.feed-2-ferias .foto_arriba .marcofoto img {border-radius: 5px;
width: 100%;
height: 200px;
object-fit: cover;
object-position: top;}


/****************** SINGLE POST/CONGRESO/NOTICIA *************************/

.formato6.single_layout {width: 100%;
    display: flex;
margin:0 auto;
font-size: 16px;
font-family: 'Roboto-Regular';
padding-bottom: 100px;}


.formato6.single_layout .texto {width: 60%;
margin-left: 10%;}


.formato6.single_layout p {width: 100%;}

.formato6.single_layout p img {object-fit: contain;
width: 100%;}

.formato6.single_layout .sidebar-congresos {width: 30%;}

.feed-1-congresos .foto_arriba .marcofoto img {
    border-radius: 5px;
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: top;
}



.formato6.single_layout .texto p > * {font-family: 'Roboto-Regular';
font-size: 16px;}


.formato6.single_layout ul {padding-left: 40px;}

.adjuntos-docs {display:flex;}


.formato6.single_layout img {display: block;
padding-right: 20px;}





/************************************AGENDA **********************************/


.cabecera-pagina-agenda {background-image: url('../uploads/archivos/cabecera_agenda.png');
background-repeat: no-repeat;
background-size: cover;
color: #9B9B9B;
width: 100%;
height: 600px;}

.overlay {background-color: #9B9B9B;
opacity: 0.2;
   -moz-opacity: 20%;
    -webkit-opacity: 20%;
}

.calendario {width: 60%;
margin:50px auto;
display: flex;}


@media (max-width: 1300px) {
  .cabecera-pagina-agenda {height: 300px;}

   .calendario {width: 80%;}

   .formato6.single_layout p img {object-fit: contain;
width: 70%;}

} /***cierra query**/


@media (max-width: 450px) {
  .cabecera-pagina-agenda {height: 200px;}

  .calendario {width: 90%;}

}


/****************************** REVISTA DEL TRANSITARIO *************************/

.pagina-revista {display: flex;
flex-direction: column;}


.cabecera-pagina-revista {background-image: url('../uploads/archivos/Banner_revista_pagina.png');
background-repeat: no-repeat;
background-size: cover;
color: #9B9B9B;
width: 100%;
height: 600px;}

.titulo-servicio.revista {font-family: 'Gotham-Bold';
color:#6170B4;
margin-left:60px;
font-size: 17px;}


.revista .link-revista { padding:0px 30px; }


.revistas-disponibles {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-top: 50px;
    padding-bottom: 100px;
    width: 90%;
    margin: 0 auto;}

/*
.revistas-disponibles .row-1 {width: 100%;
    padding-top: 0px;
display: flex;
flex-direction: row;} */


.revistas-disponibles .doc {
    width: 30%;
    margin-right: 2%;
    margin-top: 30px;
    border: 1px solid #D8D8D8;
    height: 140px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-left: 40px;
    box-sizing: border-box;

}

.documentos_disponibles .doc a
{
color:#6170B4;
padding: 10px 10px;
}

.doc.revista .titulo-icono {display: flex;
flex-direction: column;}

.revista .padding-top {padding-top: 10px;}

/************* cierra revista transitario*******/


/**************************** BOLETIN FLASH ****************/

.cabecera-pagina-boletin {background-image: url('../uploads/archivos/Cabecera.jpg');
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 600px;

}


@media(max-width: 450px) {

  .cabecera-pagina-boletin {
height: 200px;}

  .cabecera-pagina-revista {
height: 200px;}


}




/*************************** NOTICIAS FETEIA*******************/

.cabecera-pagina-noticiasfeteia {background-image: url('../uploads/archivos/banner_noticias_feteia.png');
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 600px;

}

.noticias-feteia h2 {color: #494949;
font-size: 25px;
padding: 3px 0px 7px;
font-family: 'Gotham-Medium', sans-serif;
font-weight: bold;
}


.noticias-feteia .lista_items h2 {display: none;} 

.noticias-feteia h2::after, .noticias-home-left h2::after {
    content: url('../uploads/archivos/linea_congresos_titulo.png');
    display: block;
}


.contenedor-congresos .item.noticia-feteia .link_historico {display: none;}

.home.feeds-congresos.seccion .link_historico {display: none;}


.sidebar-congresos.pagina-noticias-feteia .widget-historico .item_side_news {margin-bottom: 100px;}


.widget-historico.pagina-noticias-feteia .tipo2 h2 a {font-size: 20px;
color:#4a4a4a;
margin-top: 50px;
position: relative;}


.pagina-noticias-feteia .tipo2 img {padding-bottom: 40px;}


.pagina-noticias-feteia .tipo2 .fecha {
    font-size: 13px;
    color: #9b9b9b;
    font-family: 'Roboto-Regular';
    font-weight: 600;
    padding: 10px 0px 10px 0px;}


.pagina-noticias-feteia .links-historico li a {font-size: 14px;
color:#9b9b9b;
font-family: 'Roboto-Regular';
font-weight: 600;}


@media (max-width: 1300px) {

 .cabecera-pagina-noticiasfeteia {
height: 300px;}


}



@media (max-width: 450px) {

 .cabecera-pagina-noticiasfeteia {
height: 200px;}


}
/********************* cierra noticias feteia**********/



/*************************** NOTICIAS ATEIA *******************/

.cabecera-pagina-noticiasateia {background-image: url('../uploads/archivos/banner_noticias_ateia.png');
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 600px;}


@media (max-width: 1300px) {

.cabecera-pagina-noticiasateia{
height: 300px;}


}



@media (max-width: 450px) {

.cabecera-pagina-noticiasateia{
height: 200px;}


}

/********************* cierra noticias feteia**********/


/*************************** NOTICIAS PRENSA *******************/


.cabecera-pagina-noticiasprensa {background-image: url('../uploads/archivos/banner_noticias_prensa.png');
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 600px;}

@media (max-width: 1300px) {

.cabecera-pagina-noticiasprensa{
height: 300px;}


}



@media (max-width: 450px) {

.cabecera-pagina-noticiasprensa{
height: 200px;}


}

/********************* cierra noticias feteia**********/


/*************************** NOTICIA SINGLE **********************/

div.cms_main.formato2 
{
    background-color: #FFF;
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 0 auto;
overflow: hidden;}



.formato2 .contenedor-formato2 {display: flex;
flex-direction: column;
width: 50%;
margin:100px auto;}


div.cms_main.formato2 .contenedor-formato2 .foto
{
    width: 80%;
}

.formato2 .contenedor-formato2 p {width: 80%;}


.formato2 .contenedor-formato2 img {width: 90%;
object-fit: contain;}



@media(max-width: 450px) {
  div.cms_main.formato2 
{
    background-color: #FFF;
    display: flex;
    flex-direction:column;}

.formato2 .contenedor-formato2 {display: flex;
flex-direction: column;
width: 100%;
margin:20px auto;}



} /**cierra query 450**/

/**************** cierra noticia single*****************/

/***************************** CONTACTO ***********************/


.page-contacto {width: 80%;
    margin:0 auto;
display: flex;
flex-direction: column;}


.formulario_wrapper.pagina-contacto {
 background-color: #ffffff;
width: 50%;}



.formulario_wrapper.pagina-contacto #formu {
  width: 100%;
  padding: 20px;

} 



.page-contacto .textos {width: 80%;
    margin:0 auto;
display: flex;
flex-direction: column;}

.page-contacto h2.titulo-formulario {color:#6170B4;
}


.page-contacto .line {background-color: #6170B4;
position: relative;
margin-top: 10px;}



.fila-mapa-formu {display: flex;
flex-direction:row;
width: 80%;
margin:0 auto;
padding-top: 50px;}


#formu.pagina-contacto .solicitar-doc.fieldset-pagina-contacto { width: 90%;
margin-top: 0px; }


#formu.pagina-contacto .solicitar-doc.fieldset-pagina-contacto input {border-radius:0px;
border:1px solid #666666;}


#formu.pagina-contacto .solicitar-doc.fieldset-pagina-contacto label {padding-top:20px;}


#formu.pagina-contacto .solicitar-doc.fieldset-pagina-contacto .check {color:#9b9b9b;
padding-top: 20px;}


#formu.pagina-contacto .solicitar-doc.fieldset-pagina-contacto .boton_enviar {padding: 10px 40px;
background-color: #6170B4;
color: #FFF;
font-family: 'Roboto-Regular', sans-serif;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
text-decoration: none;
border-radius: 3px;}


.cabecera-pagina-contacto {background-image: url('../uploads/archivos/banner_contacto.png');
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 600px;}


 #formu.pagina-contacto label {color:#9b9b9b;}


.datos-contacto .frase {font-size: 18px;
color:#9b9b9b;
padding-top: 30px;
}


.datos-contacto .direccion {padding-top: 40px;
    font-size: 18px;
color:#6170B4;}

@media (max-width: 1300px) {

 .cabecera-pagina-contacto {height: 300px;}

 .fila-mapa-formu {

    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto;
    padding-top: 50px;}

  .formulario_wrapper.pagina-contacto {
    background-color: #ffffff;
    width: 80%;}  

}



@media (max-width: 450px) {

 .cabecera-pagina-contacto {height: 200px;}

 .fila-mapa-formu {
    flex-direction: column;
    width: 100%;
    padding-top: 50px;}

    .formulario_wrapper.pagina-contacto {
    background-color: #ffffff;
    width: 100%;}

} /***** cierra query ***/

/****************** cierra contacto*****************/

/******************* FORMACIÖN****************/

.pagina-formacion {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 70px;
}

.cabecera-pagina-formacionateia {
    background-image: url('../uploads/archivos/cabecera_formacion.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 600px;
}


.cabecera-pagina-formacionfeteia {
    background-image: url('../uploads/archivos/formacion_feteia.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 600px;
}


div.formacion .lista_items {
    display: flex;
    width: 90%;
    flex-wrap: wrap;
    flex-direction: row;
}

div.formacion .item.foto_arriba {width: 20%;
margin-left: 10%;
display: flex;
flex-direction: column;
align-items: baseline;
justify-content: flex-end;}

.contenedor-formacion {width: 100%;
}

div.formacion img {width: 70%;}

div.formacion .lista_items .link_historico {display: none;}

div.formacion .lista_items h2 {display: none;}


a.link-formacion-feteia {text-align: center;
margin:50px 0px 0px 0px;
padding:50px;
font-size: 20px;
font-family: 'Roboto-Bold';
background-color:#0d4194;
color:#ffffff;}


a.link-formacion-feteia:hover {background-color: #9b9b9b;
}

@media (max-width: 768px) {

div.formacion .lista_items {
  flex-direction: column;
    width: 90%;
  
}

div.formacion .item.foto_arriba {width: 80%;
}

}/** cierra query***/




/***************************** FRONT AREA PRIVADA ************************/

body.index-socio {height: 100%;}

/*.index-socio .page {height: 100%;} */


.wrapper-page-area {background-color:#f7f7f7;
min-height: 100%; }

body div.index_socio_main .l .biblioteca-docs  a.boton-enviar-noticia
{width: 30%;
cursor: pointer;}




.cabecera-area-socio  {background-image: url('../uploads/archivos/banner_zona_privada.png');
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 600px;}


.area-privada h2.titulo-zona-privada {color:#ffffff;
margin-left: 10%;}

.area-privada {height: 160px;
background-color: #6170B4;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;}


.area-privada .line {position: relative;
left:200px;
margin-top: 20px;}


.index_socio_main {width: 100%;
    min-height: 100%;
    overflow:scroll;
    background-color: #fff;
}


.index_socio_main.nuevo .l {width: 100%;
    min-height: 100%;
    padding-top: 0px;
    display: flex;
    flex-direction: row;
border:0px solid;
margin:0 auto;}

.index_socio_main .r {background-color:#f7f7f7; }

div.admin_front_docs .r {background-color: #ffffff;}

.index_socio_main.nuevo .l .admin_front_docs {width: 100%;
background-color: #ffffff;}



.menu-documentos-socios {display: flex;
    box-sizing: border-box;
    padding-top: 80px;
    min-height: 100%;
flex-direction: column;
background-color: #f7f7f7;
width: 50%;
padding-left:10%;}


.menu-documentos-socios .datos-perfil {width: 50%;}


.biblioteca-docs {width: 50%;
display: flex;
flex-direction: column;
justify-content: flex-start;
padding-top: 80px;
padding-left: 100px;
box-sizing: border-box;}

div.index_socio_main .l .biblioteca-docs a {font-size:18px;
color:#6170b4;
font-family: 'Gotham-Bold';
padding-top: 30px;
display: block;
 }

div.lista_archivos div.item_archivo {display: flex;}

/**sublistado de documentos**/
div.archivos_cat div.lista_archivos div.item_archivo a {color:#9b9b9b;
font-family: 'Roboto-Regular';
font-size: 14px;}

/****sublistado de documentos dentro de subcatecoria*****/
div.archivos_subcat div.lista_archivos div.item_archivo a {color:#9b9b9b;
font-family: 'Roboto-Regular';
font-size: 14px;}


div.subcat {padding-top: 50px;
padding-left: 80px;}

 a.descargar-doc-socio {padding-left: 20px;
color:#0d4194 !important;}

div.index_socio_main .l .biblioteca-docs  a.boton-enviar-noticia {
  width: 295px;
  height: 65px;
  border:3px solid #0d4194;
  border: 3px solid #0d4194;
padding: 10px 50px;
font-size: 18px;
font-family: 'Gotham-Bold';
color:#0d4194;
display: flex;
text-align: center;
justify-content: center;
align-items: center;

}


@media (max-width: 400px) {
 
 .cabecera-area-socio  {
height: 200px;}


.index_socio_main.nuevo .l {

    width: 100%;
    height: 100%;
    padding-top: 0px;
    display: flex;
    flex-direction: column;
    border: 0px solid;
    margin: 0 auto;}

    .menu-documentos-socios {
    width: 100%;
    padding-left: 10%;}

    .biblioteca-docs {

    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 80px;
    padding-left: 100px;
    box-sizing: border-box;

}

} /******** cierra query ********/

/********* modulo de enviar noticia *********/



.contenedor-enviar-noticia {
    padding-top: 50px;
   width: 50%;}

.contenedor-enviar-noticia a.btn {color:#0d4194;}


.contenedor-enviar-noticia a.btn:hover {color:#fff;
background-color:#0d4194; }


.contenedor-enviar-noticia label {color:#0d4194;}


.contenedor-enviar-noticia h2 {color:#0d4194;}


div.contenedor-enviar-noticia div.modulo_guardar .btn.btn-danger {width: 50%;
border: 3px solid #0d4194;
display: flex;
justify-content: center;
align-content: center;
padding: 20px;
color: #0d4194;}


div.contenedor-enviar-noticia div.modulo_guardar .btn.btn-danger:hover {
    color:#ffffff;
}



.contenedor-enviar-noticia #pickfiles {
width: 50%;
padding-top: 15px;
border: 3px solid #0d4194;
display: flex;
justify-content: center;
align-content: center;
padding: 20px;
color: #0d4194;}


.contenedor-enviar-noticia #pickfiles:hover {
width: 50%;
padding-top: 15px;
border: 3px solid #0d4194;
display: flex;
justify-content: center;
align-content: center;
padding: 20px;
color: #ffffff;}


.contenedor-enviar-noticia input[type="text"] {
    height: 26px;
    border: 1px #0d4194 solid;
    font-size: 18px;
    width: 200px;
    color: #999;}

 .contenedor-enviar-noticia div.row {width:100%;
 display: flex;
justify-content: flex-start;}   

.datos-socio .btn {
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
cursor: pointer;
border:3px solid #0d4194;
width: 50%; 
color:#0d4194;
font-family: 'Gotham-Bold';
}


.listado-items-socio {display: flex;
flex-direction: column;
width: 90%;
position: relative;
padding-bottom: 50px;
background-color:#ffffff;}

.listado-items-socio  li {padding-left: 80px;}

.logo-socio {border-radius: 100%;
width: 170px;
height: 170px;
display: flex;
justify-content: center;
align-items: center;
background-color: #ffffff;}

.logo-socio img {width: 100%;
height: auto;}

p.nombre-socio {font-family: 'Gotham-Bold';
font-size: 25px;
color:#4a4a4a;
padding-top: 50px;}

.index_socio_main.nuevo .l ul.datos-perfil a.mis-datos {font-family:'Gotham-Bold';
color:#6170B4;
font-size: 22px;
position: relative;
top: 40px; }



/*************** ya dentro de los documentos *************/

.archivos_wrapper.docs {width: 100%;}



div.index_socio_main.admin_front_docs {width:100%;}



.admin_front_docs .index_socio_main.nuevo .r {background-color: #fff;}

div.index_socio_main.admin_front_docs .menu-documentos-socios {width: 50%;
display: inline-block;}

div.index_socio_main.admin_front_docs .biblioteca-docs {width: 40%;
    display: inline-block;
}

div.r.front-docs {width: 100%;
display: inline-block;
padding-top:20px;
padding-left: 80px; }


.front-docs .categoria a {text-decoration: none;}


div.categoria .nombre_categoria {
    font-size: 16px;
    color: #8d8d8d;
    font-family: 'Roboto-Regular';}

 div.admin_front_docs .item_archivo a {
    color: #727272;
    font-family: 'Roboto-Regular';
    font-size: 16px;}




/******************** detalles socios *********************/

.datos-socio {
width: 90%;
box-sizing: border-box;}


#logo_placeholder img,
#foto_placeholder img {
    max-width: 50%;
}

.datos-socio h2 {padding-bottom: 10px;}

.advertencia .small {padding-bottom: 10px;}
p.azul {padding-top:10px;}


.datos-socio a {margin-top: 20px;
margin-bottom:20px;}
/*************** cierra index socio *******************/



/********************* PAGINAS LEGALES *****************/

.texto-legal{width: 80%;
margin:0 auto;
padding-bottom: 100px;}



/*****************ciera paginas legales**+**********/

.azul 
{
color: #6170B4;
}
.naranja
{
	color:#E74A2A;
}


.separa10
{
	height:10px;
}

hr
{
margin: 15px 0;
}






.clear
{
	clear: both;
}

/*Contenedor principal*/
div.page	
{width: 100%;
margin: 0 auto;
padding: 0;
background-color: #ffffff;
overflow: hidden;
}

/*clase Jokin relative*/
.relative
{
	position: relative;
}

/*contiene preheader y login*/
div.header
{
	position:relative;
	//z-index:10;
	margin-top: 5px;}





/*contiene logo, div seguido de header*/
div.logo 
{
	width: 100%;
	display: flex;
	justify-content: center;	
	height:100px;
    padding-top: 40px;
}

div.cabecera div.banner
{
	position: absolute;
	left:515px; top:15px;
}


div.logo a 
{
	display: block; 
	
}


div.menu > ul > li
{
	float:left; 
	background-position:right;}



div.menu > ul > li > a {
    color: #0d4194;
    font-size: 16px;
    font-family: 'Gotham-Bold', sans-serif;
    line-height: 18px;
    padding: 12px 20px 9px 10px;
    display: block;
    text-decoration: none;
    white-space: nowrap;
    text-align: center;
}


@media (max-width: 1600px) {

  div.menu > ul > li > a {

    
    font-size: 14px;
    padding: 12px 10px 9px 1px;}

}



div.menu > ul>  li:hover {
	border-bottom:3px solid #fecc02;


}






div.menu {

    height: 80px;
    width: 100%;
    margin-left: -10px;
    background-color: #fff;
    position: relative;
    margin: 0 auto;
    display: flex;
    justify-content: center;
padding-top: 50px;
padding-bottom: 40px;}





@media (min-width: 900px) and(max-width: 1600px) {

 div.menu {
padding-top: 0px;
padding-bottom: 40px;
    height: 80px;}


} /**cierra query **/


@media (max-width: 899px) {

 div.menu {
padding-top: 0px;
padding-bottom: 0px;
height: 200px;
}


} /**cierra query **/


div.menu ul ul 
{
background-color: #fff;
border: 1px solid #e0e0e0;
border-top: none;
left: -1px;
z-index: 999;
border-radius: 0 0 2px 2px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
box-shadow: 0 1px 1px rgba(0,0,0,0.04);

position: absolute;
width: 200px;
background-color:#ffffff;


}

div.menu ul ul a 
{
color: #777;
font-size: 12px;
line-height: 18px;
padding: 9px 12px;
border-top: 1px solid #e6e6e6;
display: block; 

}



div.bandera
{
	position: absolute;
top: 10px;
right: 31px;
z-index: 9;
}
div.bandera a
{
	display: inline-block;
}
div.bandera a img
{
	
}


div.left_corner
{
left: 0px;
display: block;
width: 18px;
height: 18px;
position: absolute;

bottom: -18px;
//background: transparent url(img/esquina1.png) -0px -0px no-repeat;
z-index: -1;
}

div.right_corner
{
right: 0px;
display: block;
width: 18px;
height: 18px;
position: absolute;
bottom: -18px;
//background: transparent url(img/esquina2.png) -15px -0px no-repeat;
}

/*
div.slider img.slide
{
	position:absolute;
}




div.slider img.chico
{
	position: absolute;
	top:20px; 
	left:30px;

}
div.slider img.chica
{
	position: absolute;
	top:20px; 
	left:30px;

}
*/


div.main 
{
	background-color: #fff;

}

/*
div.seccion > div.item
{
	width: 100%;
	float:left;
	margin-right:7px;
	min-height:372px;
	position: relative;
	
} */

div.seccion > div.item.ultimo
{
	width: 100%;
	margin-right: 0px;
}










/*
div.cms_main
{
	min-height: 400px;
} */


div.banner_right
{
	position: absolute;
	right: 0px;
	top:10px;
	width: 355px;

}

.halflings {
display: inline-block;
width: 14px;
height: 14px;
line-height: 14px;
vertical-align: text-top;
background-image: url(../images/glyphicons_halflings.svg);
background-position: 0 0;
background-repeat: no-repeat;
vertical-align: top;
display: none;
}


.halflings.white {
background-image: url(img/glyphicons_halflings-white.svg);
}

i.halflings{
margin: 1px 2px 0 -2px;
}

.halflings.file {
background-position: -24px -24px;
}
.halflings.user {
background-position: -168px 0;
}

.halflings.leaf {
background-position: -48px -120px;
}
.halflings.home {
background-position: 0 -24px;
}
.halflings.eye {
background-position: -96px -120px;
}

.halflings.road {
background-position: -72px -24px;
}
.halflings.heart {
background-position: -96px 0;
}
.halflings.gift {
background-position: -24px -120px;
}
.halflings.check {
background-position: -144px -72px;
}


div.cms_main
{
	//font-family: sans-serif;
}


div.cms_main h1 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #9b9b9b;
    letter-spacing: -1px;
    padding-top: 20px;
    padding-bottom: 20px;
}

div.cms_main h2
{
	
	margin-bottom:10px;
	font-size: 22px;
	line-height: 24px;
	
}

div.cms_main h2 strong
{
	font-weight:bold;
	color:#000;

}


div.cms_main tr td
{
color:#999;
font-size: 13px;
	
	line-height: 14px;
	padding-bottom: 20px;
	vertical-align: top;
	}






div.cms_main h3
{
	/* 
	font-size: 18px;
	margin-bottom:10px;
	line-height: 16px;
	
	background-color:#CCC;
	color:#FFF;
	padding:3px;
	*/
	
	}

div.cms_main h4
{
	
	font-size: 22px;
	margin-bottom:10px;
	line-height: 26px;
	color:#517B01;
	padding:20px;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;

}






strong
{	
	font-family: sans-serif;
	color:#666;
	font-weight:bold;
}


div.formato1 .padding_,
.padding_
{
	padding:30px 20px;
}



div.cms_main.formato1 .foto
{
	
	
	width: 100%;
}




div.cms_main.formato2 div.texto
{
	padding: 0px 20px;
}







div.menu ul ul div.subasuba  a {
color: #777;
font-size: 12px;
line-height: 18px;
padding: 2px 5px;
border-top: 1px solid #e6e6e6;
display: block;
}

/*

div.barra_verde 
{
	height: 3px; 
	background-color:#AB4D17;
	
}

*/

input[type="text"]
{
	margin-bottom: 0px;
	background-color: transparent;
	border: 0px;

}

.style5
{
	font-size:9px;
}

table.contact tr td 
{
	padding-bottom: 10px;
}

table.contact strong
{
	display: inline-block; 
	padding-bottom:4px;
}


div.lista_items h2 ,
div.item.small h2,
div.seccion h2
{
	color:#494949;
	font-size:25px;
	padding:3px 0px 7px;
	font-family: 'Gotham-Medium', sans-serif;
font-weight:bold;

	
}



div.lista_items.agenda span.fecha
{
	color: #003951;
	font-size: 17px;
font-family: "Myriad", "Myriad Web", Trebuchet MS, sans-serif;
font-weight:bold;

}

div.lista_items.agenda span.guion
{
	font-size: 18px;
font-family: "Myriad", "Myriad Web", Trebuchet MS, sans-serif;
color: #CCC;

}





div.lista_items.agenda span.hora
{
	color: #E74A2A;
	font-size: 17px;
	font-family: "Myriad", "Myriad Web", Trebuchet MS, sans-serif;
	font-weight:bold;

}

div.lista_items.agenda span.lugar
{
	color:#666;
	font-size: 17px;
	font-family: "Myriad", "Myriad Web", Trebuchet MS, sans-serif;
	font-weight:bold;

}



div.seccion p 
{
	min-height: 36px;
	margin-bottom:5px;


}

div.seccion  a.todas
{

font-size: 13px;
color: #333;
padding:8px 0px;
display: block;
}

div.sociales
{
	position: absolute;
	top: 127px;
	right: 120px; 
	z-index: 33;

}

div.header div.banner_header
{
	position:absolute;
	bottom:10px;
	right:20px;
}



/*********************************** FOOTER GABI ********************************/

div.footer_wrap
{
	width: 100%;
	background-color:#8BA3CA;
	min-height: 244px;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	}


div.footer
{display: flex;
	flex-direction: row;
	width: 100%;
	height: 240px;
	position: relative;
	margin-top: 7px;
justify-content: center;
padding-top: 50px;
padding-bottom: 50px;
}



.columna-1 {
width:30%;
display: inline-block;
padding-left: 5%;
}	




.columna-1 .direccion {position: relative;}

.columna-1 .direccion::before {content:url('../uploads/archivos/icono_loc_footer.png');
position: absolute;
top:0px;
left:-30px;
}


.columna-1 .contacto {position: relative;}

.columna-1 .contacto::before {content:url('../uploads/archivos/icono_contact_footer.png');
position: absolute;
top:0px;
left:-30px;
}


.columna-2 {width:30%;
display:flex;
flex-direction: column;
}


.columna-2 .logos-federados {width: 90%;
display: flex;
flex-wrap: wrap;}

.columna-2 img {width: auto;
    height: 80px;
}


.columna-2 p {padding-bottom:20px;}




.columna-3 {width:30%;
display: inline-block;
}


.columna-1 p, .columna-1 p a, .columna-2 p, .columna-3 p {
	color:#ffffff;
	font-size: 16px;
	font-family: 'Roboto-Regular';
line-height: 1.2;}

.direccion {padding-bottom: 20px;
line-height: 1.5;}


.columna-1 a {	color:#ffffff;
    font-weight: 600;
	font-size: 16px;
	font-family: 'Roboto-Regular';
text-decoration: none;
line-height: 1.4;}

@media (max-width: 450px) {
   .columna-1, .columna-2, .columna-3 {width: 100%;
    padding-left: 10%;}


} /**cierra media*/




/************** suscripcion a newsletter ***********/

.formu {display: flex;
flex-direction: row;
align-items: center;
width: 90%;}

.formu fieldset {display: flex;
flex-direction: column;}

.formu input[type="text"] {
    height: 30px;
    border: 1px #CCC solid;
    font-size: 18px;
    border-radius: 0px;
    color: #999;
    background-color: #fff;
    width: 100%;
    margin-bottom: 10px;
}

.aceptar-priv {color:#ffffff;}



.formu h2 {font-family: 'Roboto-Regular';
font-size: 14px;
padding-bottom: 10px;
color:#ffffff;}


@media (max-width: 450px) {
.formu {width: 80%;}


} /**cierra media*/

/**************************************** cierra footer Gabi**************************/




div.footer p.textophone 
{
	font-size:22px;

}

div.footer a.mail 
{
	font-size:14px;
	color:#333;
}

/*
div.footer a.aviso_legal 
{
	color: #999;
	text-decoration:none;
}
*/



div.formato1
{
	background-color:#fff;
	
}

div.formato1 > div.left 
{
	float: left;
width: 377px;
}
div.formato1 > div.right 
{
	float:right;
	width: 695px;
}


div.formato1 a 
{
	color:#333;
}

div.formato1 a.btn-danger
{
	color:#FFF;
}





div.login_fo label 
{
	
}


/* login estilo Gabi*/
div.login_fo input[type="text"], div.login_fo input[type="password"] {
    width: 140px;
    height: 23px;
    font-family: 'Roboto-Regular';
    font-size: 12px;
    background-color: #fff;
    line-height: 16px;
    border: 0px;
    border-radius: 0;
    
}

/* Boton estilo Gabi*/
div.login_fo a.bt {
    padding: 4px 4px;
    font-size: 13px;
    text-decoration: none;
    cursor: pointer;
    width: 55px;
    height: 24px;
    background-color: #6170B4;
    color: #fff;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: relative;
    left:150px;
    bottom:40px;
    /* top:0px; */
}



@media (max-width: 450px) {

  div.login_fo a.bt {

    left:0px;
    /*top:0px;*/
}

}







div.zona_usuario sup 
{
	color: #F00;
	font-weight: bold; 	
}





div.zona_usuario img.logo
{
	width: 30px;
	border: 1px gray solid;
}
div.zona_usuario  p.administrador
{
	padding:3px 0px 2px 20px; 
	background: transparent url(img/iconos/tren16px.png) 0px 0px no-repeat;
	//background: transparent url(img/sprites-FW.png) -7px -6px no-repeat;
}

div.lista_items.noticias_socios div.item div.marcofoto {
height: 60px;
}
div.lista_items.noticias_socios div.item div.marcofoto  img
{
	display: block; 
	margin: 0 auto;
	min-height:inherit;
	min-width:inherit;
}

div.todos_socios
{
	padding: 10px;	
	background-color: #FFF;
}


.grayscale
{
	/* filter: url(filters.svg#grayscale);  */  /* Firefox 3.5+ */ 
   
   
   /* filter: gray; /* IE6-9 */
    /* -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
    
    cursor: pointer;
    
    /*
    filter: grayscale(0.5) blur(10px); */
}

.grayscale:hover {
	/*
    filter: none;
    -webkit-filter: grayscale(0);
   */
  }


.header1
{
	height: 28px;
	background-color: #003951;
	position: relative;
}

.header1 ul 
{
	color: #FFF;
}

.header1 ul 
{
	position: absolute;
	right: 0px;
}


.header1 ul  li 
{
	float: left; 
	font-size: 10px;
}



.header1 ul li.separa
{
	padding: 11px 3px;
background: transparent url(img/sprites-FW.png) -31px -67px no-repeat;
}

.header1 ul  li.item 
{
	padding: 8px 10px 5px 2px;

}
.header1 a 
{
	color: #FFF;
}
.header1 a:hover
{
	text-decoration: none;
}


.header1 i 
{
	display: inline-block;
width: 14px;
height: 14px;
line-height: 14px;
vertical-align: text-top;
background-image: url(img/sprites-FW.png);
background-position: 0 0;
background-repeat: no-repeat;
vertical-align: top;
}

i.i1 
{
	background-position: -11px -75px;
}
i.i2 
{
	background-position: -42px -75px;
}
i.i3
{
	background-position: -69px -75px;
}
i.i4 
{
	background-position: -88px -73px;
}
i.i5
{
	background-position: -128px -73px;
}

body 
{
	background-color:#fff;
	
}


span.bullet 
{
	display: inline-block;
	width: 6px;
	height: 12px;
	padding-right:3px;
	
}

a.noticias_railgrup
{
display: block;
width:21px;
height:26px;


}
a.noticias_socios_icon
{
display: block;
width:21px;
height:26px;
}

a.videos_icon
{
display: block;
background: transparent url(img/sprites-FW.png) -105px -8px no-repeat;
width:25px;
height:26px;
}



/* JOkin se carga la cat
a.ver_todas cat 
{
padding: 14px 0px 0px 49px;
	color: #707173;
	font-size: 11px;
	font-family: "Myriad", "Myriad Web", Trebuchet MS, sans-serif;
	font-weight:bold;
	font-style:italic;
}
*/

div.seccion_banners
{
	width: 100%;
	height: auto;
	position: relative;
	background-color:#FFF;
}



div.seccion_banners div.banner1
{
	
	position: relative;
 	
}

div.seccion_banners div.banner1 img
{
	width: 300px;
	height:90px;	

}



div.seccion_banners div.banner2
{
	position: absolute;
	bottom:10px;
	right:15px;
}


div.seccion_banners div.banner2 img
{
	width: 728px;
	height:90px;	

}




div.barrita_gris
{
	width: 100%;
	height: 42px;
	margin-top: 7px;
	background-color:#E6E6E7;
	
	-moz-border-radius: 10px; /* Firefox */  
	-webkit-border-radius: 10px; /* Safari, Chrome */  
	border-radius: 10px; /* CSS3 */  
	
	

}

div.barrita_gris ul 
{
	
padding:10px 10px 10px 20px;

}

div.barrita_gris ul li 
{
	float: left;
	padding-right: 60px;
	background: transparent url(flechagris.png) 74px 4px no-repeat;

}
div.barrita_gris ul li  a
{
	color:#595859;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}


div.areas_negocio
{
	width: 100%;
	height: 98px;
	position: relative;
	margin-top: 7px;
	background-color:#FFF;
	
	font-family: "bookcondensed";
}
div.areas_negocio div.pad
{
	padding: 20px;
	
}


div.areas_negocio h2 
{

font-size: 16px;
color:#707173;

margin-bottom:7px;
font-family: "bookcondensed";

}

div.areas_negocio ul
{
	float: left; 
	width: 200px; 
}



div.areas_negocio ul li
{
	line-height: 12px;
}



div.areas_negocio ul li a
{
	font-size: 11px;
	color:#707173;
	text-decoration:none;
}


div.logos_main
{
	width: 100%;
	height: 98px;
	position: relative;
	margin-top: 7px;
	background-color:#FFF;
}
div.logos_main img 
{

	margin-left: 150px;
	margin-top: 20px;
	display: inline-block;


}
 
 div.logos_main img:first-child
 {
	margin-left: 20px;
}







div.footer div.texto
{	position: absolute;
top:43px;
left: 20px;

}

div.footer div.logos
{	position: absolute;
top:18px;
left: 354px;

}




div.menu_abajo
{
	height: 42px;
width: 1094px;
margin-left: -10px;
background-color: #E74A2A;
position: relative;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
margin-top: 0px;

}

div.menu_abajo div.left_corner
{
left: 0px;
display: block;
width: 12px;
height: 18px;
position: absolute;
top: -18px;
background: transparent url(img/esquina3.png) -1px -0px no-repeat;
}

div.menu_abajo div.right_corner
{
right: 0px;
display: block;
width: 10px;
height: 18px;
position: absolute;
top: -18px;
background: transparent url(img/esquina4.png) -22px -0px no-repeat;
}




/*  footer ferias...  */

div.footer_seo
{
	
	font-size:10px;
	
	background-color:#BFBFBF;
	
	color: #000;
	
	padding:20px;
	min-height: 20px;
	font-size: 11px;
	color: #000;
	
}

div.footer_seo div.creditos
{
	position: absolute; 
	bottom: 10px; 
	right: 10px; 
	
}

div.footer_seo div.creditos a
{
	font-size: 9px;
	color: #FFF;
	text-decoration: none; 
}


div.footer_seo img
{display: none;}


div.footer_seo > div
{
	padding: 10px;

}

div.footer_seo ul  
{
	float: left;
	width: 250px;
	margin-left: 110px;

}
div.footer_seo ul:first-child
{
	margin-left: 0px;
}



div.footer_seo ul li 
{
	font-size:11px; 
	line-height: 11px;
	margin-bottom:3px; 
	font-family: "Myriad", "Myriad Web", Trebuchet MS, sans-serif;
	


}

div.footer_seo ul li a
{
	text-decoration: none;
	color: #FFF;
	font-size: 11px;
	
	
}
div.footer_seo ul li a:hover
{
	text-decoration: underline; 

}






/*  confirmar_asistencia */
div.row{ margin-bottom: 10px;}

input[type="text"]
{
	height: 26px;
	border: 1px #CCC  solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 5px; /* Safari, Chrome */  
	border-radius: 5px; /* CSS3 */
	font-size:18px;
	/*min-width: 300px;*/
	color:#999;
	

}

label 
{
	min-width: 200px;
	display: inline-block;
	
}
div.confirmar_asistencia 
{
	background-color: #FFF;
	padding: 0px 30px 30px;
	
}
div.confirmar_asistencia h2{
font-size: 26px;
font-weight: bold;
margin-bottom: 10px;
background-color: #C13A33;
color:#FFF;
letter-spacing: -1px;
padding:4px;}












/*  botones del BOOTSTRAP */




/*
.btn-danger {
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #da4f49;
background-image: -moz-linear-gradient(top,#ee5f5b,#bd362f);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f));
background-image: -webkit-linear-gradient(top,#ee5f5b,#bd362f);
background-image: -o-linear-gradient(top,#ee5f5b,#bd362f);
background-image: linear-gradient(to bottom,#ee5f5b,#bd362f);
background-repeat: repeat-x;
border-color: #bd362f #bd362f #802420;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffbd362f',GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
} */

a.btn {  text-decoration: none;} 



div.seccion_banners_02
{
	height: 150px;
}

div.seccion_banners_02 div
{
	float: left;
}
div.seccion_banners_02 div.r
{
	margin-left:10px;
}



div.index_socio_main
 img.logo
 {
		width:150px;
		
	}





/*
div.index_socio_main  div.r
{
	width:720px;
	float:left;
	padding:20px;
	

} */

div.index_socio_main h2
{
	color:#6170B4;
    font-size: 22px;
    margin: 10px 0px;
}


div.index_socio_main  div.l ul li a

{
	font-family: "bookcondensed", sans-serif;
    color: #000;
    font-size: 18px;
    text-decoration: none;
	
}

div.index_socio_main  div.l ul li
{
	margin-bottom: 1px;
}


div.index_socio_main sup {
    color: #F00;
    font-weight: bold;
    font-size: 13px;
}




div.dotted
{
	/*
	width: 200px;
	border-bottom:1px gray dotted;
	*/
}


div.contact 
div.left 
{
	width: 300px;
	padding: 20px;
	float:left;
}
div.contact 
div.right 
{
	width: 500px;
	padding: 20px;
	float:left;
}

div.contact 
div.left img
{
	width:100%;
}



div.index_socio_main div.lista_items.agenda
{
	width: 350px;
	float: right;

}



div.formato5
{
	padding: 20px;	
	background-color: #FFF;
	min-height: 500px;

}

div.formato5 div.item
{
float: left;
width: 200px;
margin-right: 1px;
margin-bottom: 1px;
height: 133px;
overflow: hidden;
}

div.formato5 div.item div.foto
{
	width: 100%;
	height: 100%;
	border: 1px #CCC solid;
}
div.formato5 div.item div.foto img
{
	
}



div.cms_main.formato5 h1
{
	margin-bottom: 0px;

}
div.cms_main.formato5 h2
{
	color:#002850;
}



div.main_socios div._oculto
{
	display:none; 
	position:absolute;
	top: 0px;
	left: -100px;
	background-color:white; 
	padding:20px; 
	border: solid 1px  #CCC;
	z-index:999;
	width: 350px;
	
		-moz-border-radius: 10px; /* Firefox */  
	-webkit-border-radius: 10px; /* Safari, Chrome */  
	border-radius: 10px; /* CSS3 */  
	
	
	
}

div.main_socios div._oculto div.cierra_co
{
	position: absolute; 
	top:-30px;
	right: -30px;
	cursor: pointer;
}
div.main_socios div._oculto a 
{
	color:#C00;
}


div.main_socios div.item_socio
{
	float: left;
	margin: 3px;
	font-size:12px;
	margin: 0px 30px 20px 0px;
	width:113px;
	min-height: 135px;
	min-width: 113px;
	

}

div.main_socios.colaboradores div.item_socio
{
	width:120px;
	height: 120px;
	
}

.centrar_xy {
position: relative;
display: block;
margin: 0 auto;
}



div.main_socios div.item_socio  img
{
	width:100%;
}

div.cms_main table.adjuntos tr td {
color: #999;
font-size: 13px;
line-height: 14px;
padding-bottom: 5px;
vertical-align: top;
}


div.ficha_socio
{
	font-size:12px;
	line-height:14px;
	
	
}

div.ficha_socio div.l 
{
	width: 300px; 
	float: left;
	min-height: 200px;
}

div.ficha_socio div.r 
{
	width: 690px; 
	float: left;
	margin-left: 20px;
	position: relative;
	border-left: 1px #CCC solid;
	padding-left: 20px; 
	
	
	
}

div.ficha_socio div.r div.logo_
{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 160px;
}
div.ficha_socio div.r div.logo_ img 
{
	width: 100%;
}


.mensaka
{
	padding: 20px;
	background-color:#CCC;
	margin: 10px 0px;
	
}



div.form_usuario select 
{
	height: 26px;
border: 1px #CCC solid;
-moz-border-radius: 10px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 18px;
	width: 300px;
color: #999;
display: inline-block;

}


div.listar 
{
	padding: 10px 0px; 
}

div.listar a 
{
	font-size:14px; 
	text-transform:uppercase;
	color:#000;
	text-decoration:none;

}


div.nombre_categoria
{
	margin: 15px 0px; 
	border-bottom: 1px #999 dotted;
	padding:5px 0px;
}
div.nombre_categoria h2
{
	font-size:16px; 
	
	color:#000;
}



div.seccion_sociales div.item
{

	width: 347px; 
	float: left; 
	margin-right: 10px;
	background-color:#FFF;
	min-height:400px;

}

div.seccion_sociales div.item.facebook
{

border: 1px solid #e8e8e8;
border-radius: 5px;
}


div.seccion_sociales div.item.small
{
	padding: 10px;
	width: 338px; 
	float: left; 
	margin-right: 0px;
}

 div._4s7c
{
	border: none; 

}
div._4s7c
{

	background-color: #F00;
}

.adjuntos a 
{
	color:#C00;

}


.fb_followers,
.twitter_followers
{
	color: #FFF;
	font-size:12px;
	position: relative;
	top:-7px;
	

}

.xyz
{
	padding:20px; 
	background-color:#E24500;
	color: #FFF;
	margin-top: 10px;
	

}
body.chat-railgrup .main
{
	padding-top: 10px;
}


/*   jchat dashboard   */

	body.chat-dashboard-railgrup .content
	{
		padding: 20px; 
	}
	
	
	img.jchat-logo
	{
		width: 60px; 
	}
	
	.jchat-pad
	{
		padding-bottom: 5px;
	}
	
	body.chat-dashboard-railgrup a.jchat-nombre
	{
		font-family: "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
		color: #444;
		display: inline-block;
		margin-left: 20px; 
	}
	
	.logo-en-chat
	{
		width: 42px; 
	}
	body.chat-dashboard-railgrup .container 
	{
		padding: 0px 10px;
	}
	body.chat-dashboard-railgrup ul.breadcrumb
	{
		display: none; 
	}

	body .box {
   
    margin-bottom: 0px;
    margin-top: 15px;
	}
	.celda-logo
	{
		
		height: 40px; 
		margin-bottom:10px;
		vertical-align: middle;
	}
	.celda-nombre
	{
		vertical-align: middle;
	}


/****/


div.index_socio_main h1
{
	font-size: 36px;
	color: #9C9E9F;
	font-family: "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
	letter-spacing: -2px;
}

.blink_text {

    animation:1s blinker linear infinite;
    -webkit-animation:1s blinker linear infinite;
    -moz-animation:1s blinker linear infinite;

     color: red;
    }

    @-moz-keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }

    @-webkit-keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }

    @keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }


.logo_ img
{
	max-width: 310px;
}

.zona_privada_warn
{
	padding: 30px;
	text-align:center;
}
.zona_privada_warn h1
{
	margin-bottom: 20px;
}
.zona_privada_warn p,
.whoiswho p,
.whoiswho p a
{
	font-size: 16px;
	line-height:20px;
}
.whoiswho h3
{
	font-size: 26px;
	line-height:30px;
	font-family:"Franklin Gothic Medium", Arial, Helvetica, sans-serif;
} 
.whoiswho h1
{	font-size: 56px;
	line-height:1;
	letter-spacing:-3px;
	
	
}

.whoiswho p.linkedin a
{
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-family: sans-serif;
	font-size: 15px;
	line-height:15px;
}


.whoiswho p.social img {
    width: 22px;
    display: inline-block;
    top: -1px;
    position: relative;
}
.whoiswho p.social{
	margin-bottom: 4px;
	}



body.admin-front-detalle-socio textarea
{
	width: 510px;
}
body.admin-front-detalle-socio  input[type="text"] {
    font-size: 16px;
    color: #000;
    font-family: "Myriad", "Myriad Web", Open sans, Trebuchet MS, sans-serif;	
}
body.admin-front-detalle-socio 
{
	color: #036;
}


.bloque_fotos
{
	padding: 20px 0px; 
	border-bottom:1px #CCCCCC solid; 
}

.foto_director_placeholder img,
.foto_marketing_placeholder img 
{
	max-width: 510px;
}

span.badge.badge-info
{
	color:#E74A2A; 
	font-family: sans-serif;
	font-weight: bold;
	font-size: 12px;
}

.sin_leer img
{
	width: 15px;
}


body.ficha-socio div.logo_
{
	/*text-align:center;
	margin: 20px auto;
	max-width: 190px;
	*/
	
	
}



body.ficha-socio div.main h3
{
	margin-bottom: 10px;
}

body.contact div.left img
{
	max-width: 100%;
}


div.foto_director img 
{
	max-width: 300px; 

}


._oculto

{
	display: none; 
}
.direccion
{
	color: gray;
    font-size: 13px;
}

.banner6 img
{
	max-width: 100%;
}


div.izquierda_del_slider
{
	width: 200px; 
	height:200px;
	border:1px red solid;
	float:left; 

}


/* ocultar PDFs en noticias */

body.tipo_noticia_2 .adjuntos ,
body.tipo_noticia_3 .adjuntos 
{
	display: none; 
}


/* ocultar ADJUNTOS EN clippings */


body.cms_2.tipo_noticia_8 .adjuntos 
{
	display: none; 
}


.login_fo .cerrar
{
	 display: block;
  content: "\00d7"; /* This will render the 'X' */
}