/*! normalize.css 2011-08-31T22:02 UTC · http://github.com/necolas/normalize.css */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */
 
 /*----------------------------------------------------
 * CREACION: 04-05-2015
 * ACTUALIZADO: 08-08-2016
 * POR: José Antonio Arias Brenes
 ------------------------------------------------------*/
 

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 */

audio:not([controls]) {
    display: none;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */

[hidden] {
    display: none;
}


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Keeps page centred in all browsers regardless of content height
 * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html {
    font-size: 100%; /* 1 */
    overflow-y: scroll; /* 2 */
    -webkit-text-size-adjust: 100%; /* 3 */
    -ms-text-size-adjust: 100%; /* 3 */
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */

body {
    margin: 0;
}

/* 
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */

body,
button,
input,
select,
textarea {
    font-family: sans-serif;
}


/* =============================================================================
   Links
   ========================================================================== */

a {
    color: #FFF;
}

a:visited {
    color: #fff;
}

/*
 * Addresses outline displayed oddly in Chrome
 */

a:focus {
    outline: 0;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:hover,
a:active {
    outline: 0;
}


/* =============================================================================
   Typography
   ========================================================================== */

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3/4, S4/5, Chrome
*/

b, 
strong { 
    font-weight: bold; 
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */

/* 1 */

q {
    quotes: none;
}

/* 2 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* =============================================================================
   Lists
   ========================================================================== */

ul,
ol {
    margin: 1em 0;
    padding: 0 0 0 40px;
}

dd {
    margin: 0 0 0 40px;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, F3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9 
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */

figure {
    margin: 0;
}


/* =============================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7
 */

form {
    margin: 0;
}

/*
 * Define consistent margin and padding
 */

fieldset {
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects alignment displayed oddly in IE6/7
 */

legend {
    border: 0; /* 1 */
    *margin-left: -7px; /* 2 */
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, F3/4, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * 1. Addresses FF3/4 setting line-height using !important in the UA stylesheet
 * 2. Corrects inner spacing displayed oddly in IE6/7
 */

button,
input {
    line-height: normal; /* 1 */
    *overflow: visible;  /* 2 */
}

/*
 * Corrects overlap and whitespace issue for buttons and inputs in IE6/7
 * Known issue: reintroduces inner spacing
 */

table button,
table input {
    *overflow: auto;
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 */

button,
html input[type="button"], 
input[type="reset"], 
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Addresses excess padding in IE8/9
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Corrects inner padding displayed oddly in S5, Chrome on OSX
 */

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Corrects inner padding and border displayed oddly in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
	width:100%;
}


/* =============================================================================
   Tables
   ========================================================================== */

/* 
 * Remove most spacing between table cells
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* =============================================================================
   Pages
   ========================================================================== */

@media only screen and (max-width: 1920px) {
	.sb-toggle-left{
		display:block;
	}
	
	#cssmenu{
		right:150px;
	}
	
	.header-top{
		right:10px;
	}	
}


@media only screen and (max-width: 1680px){
	.sb-toggle-left{
		display:block;
	}
	
	#cssmenu{
		right:150px;
	}
	
	.header-top{
		right:10px;
	}
}

@media only screen and (min-width: 1440px) and (max-width : 1600px) {
	.sb-toggle-left{
		display:block;
	}
	
	#cssmenu{
		right:150px;
	}
	
	.header-top{
		right:10px;
	}
	
	.inicio .bgNoticia img,
	.detalle-noticia .bgNoticia img{
		min-width: 870px;
	}
}


@media only screen and (max-width: 1366px){
	.sb-toggle-left{
		display:block;
	}
	
	#cssmenu{
		right:110px;
	}
	
	.header-top{
		right:10px;
	}
}

/* Portrait tablet to landscape and desktop */

@media only screen and (min-width : 1280px) and (max-width : 1360px){		
	.sb-toggle-left{
		display:block;
	}
	
	#cssmenu{
		right:110px;
	}
	
	.header-top{
		right:10px;
	}
	
	.sb-slidebar h1{
		display:none;
	}
	
	.inicio .bgNoticia img,
	.detalle-noticia .bgNoticia img{
		min-width: 870px;
	}
	
}

/* Large desktop */
@media (max-width: 1200px) {
	.sb-toggle-left{
		display:block;
	}
}

@media only screen and (min-width : 1024px) and (max-width : 1300px){	
	.logo_gde{
		display:none;
	}
	
	.site-header{
		height:0;
	}
		
	header h1{
		display:none;
	}	
	
	.borde_izq_1,
	.borde_izq_2{
		display:none;
	}
	
	.logo-movil{
		display:block;
	}
	
	.sb-close {
    	left: 90%;
	}
	
	.menu-movil{
		margin-top: 20px;
	}	
	
	.menu-pc{
		display:none;
	}
	
	.sb-toggle-left{
		display:block;
	}
		
	.header-top{
		right:10px;
	}
	
	#fixed-top {
		float: left;
		left: 0px;
		top: -8px;
		z-index: 999999999;
		background-color: #fff;
		height: 70px;
		width: 70px;
		border-right: 1px solid #E4E4E4;
		border-bottom: 1px solid #586CB2;
	}
	
	.fecha{
		right: 67%;
    	top: 10px;
	}
	
	.bandera{
		right:32.5%;
	}
	
	.socials {
		height: 62px;
		padding-top: 5px;
		border-bottom: 1px solid #586CB2;
	}
	
	header h1 {
		font-size: 20px;
		line-height: 20px;
		width: 281px;
		margin-top: 20px;
		margin-left: 94px;
	}
	
	.inicio .titulo {
		padding-left: 40%;
    	padding-top: 20px;
		height:480px;
	}
	
	.inicio .bgNoticia{
		top:59px;
		width: 60%;
    	height: 422px;
	}
	
	.inicio .bgNoticia img,
	.detalle-noticia .bgNoticia img{
		/*min-width: 550px;*/
		height:100%;
	}
	
	.inicio .bgNoticia div.mc-image {
		width: 60%;
		height: 80%;
	}
	
	#progressBar{
		margin-top: 62px;
		margin-bottom: -62px;
	}
	
	.inicio .owl-theme .owl-controls {
		position: absolute;
		left: 40%;
		z-index: 99999;
		bottom: 10px;
	}
	
	.lista-menus h1{
		margin-left: -47px;
	}
	
	.actualidad h1{
		margin-left:-75px;
	}
	
	.actualidad .link{
		width:60%;
	}
	
	#owl-galeria{
		height:500px;
	}
	
	#owl-galeria .owl-item img {
		height: 500px;
	}
	
	.iconos-menu{
		padding-top: 25px;
	}
	
	.iconos-afiliados figure i{
		left:30%;
	}
	
	.cd-horizontal-timeline .events-content{
		min-height:380px;
	}
	
	.otras-noticias h1{
		margin-left:-50px;
	}
	
	.otras-noticias .link{
		width:60%;
	}
	
	#asuntos-archivo article .link {
    	width: 70%;
	}
	
	.asuntos-juridicos .otras-noticias h1 {
		margin-left: -70px;
		width: 70%;
	}
	
	.detalle-noticia h1{
		margin-left:-70px;
	}
	
	#eventos .evento .extracto .link {
   	 width: 60%;
	}
	
	#eventos .evento figure {
		max-height: 200px;
	}	
	
	#afiliacion .formulario {
		padding: 20px;
		margin-left: -20px;
	}
	
	.actualidad h1 {
    	padding: 5px 60px;
	}
	
	.actualidad .rfbp-image-wrap {
		width:100%;
		float:none;
		background-color: #fff;
	}
	
	.actualidad .rfbp-text{
		min-height:50px;
	}
	
	.actualidad span.rfbp-link-text-wrap span {
    	line-height: 22px;
	}
	
	.actualidad .link {
   		width: 60%;
	}
	
	.actualidad .rfbp-page-link {
		bottom: 50px;
		left: 40%;
	}
	
	.afiliados h1,
	.fotos-destacadas h1{
		margin-left:-50px;
	}
	
	.archive .bgNoticia,
	.page .bgNoticia{
		height: 330px;
		top: 62px;
	}
	
	.detalle-noticia .bgNoticia {
		height: 367px;
		top: 62px;
	}
	
	.detalle-noticia .bgNoticia img{
		min-width: 550px;
	}
	
	.archive .bgNoticia div.mc-image,
	.page .bgNoticia div.mc-image,
	.detalle-noticia .bgNoticia div.mc-image {
		width: 60% !important;
		height: 100% !important;
	}
	
	.archive .titulo, 
	.page .titulo {		
		height: 392px;
		padding-top:150px;
	}
	
	.archive .borde-archivo,
	.page .borde-pagina,
	.detalle-noticia .borde-single{
		margin-bottom: 20px;
        margin-top: 0px;
	}
	
	.archive .titulo time{
		top: 100px;
    	left: -15px;
	}
	
	.detalle-noticia .titulo{
		height:429px;
	}
	
	.detalle-noticia .titulo time{
		left:70px;
	}
	
	.detalle-noticia h1 {
		margin-left: 0px;
		transform: skewX(0deg);
		-ms-transform: skewX(0deg);
		-webkit-transform: skewX(0deg);
	}
	
	.detalle-noticia .titulo h1 {
		color: #ECECEC;
		font-family: "Horatiom", sans-serif;
		font-size: 26px;
		margin-bottom: 15px;
		text-align: center;
		line-height: 26px;
		display: block;
		position: relative;
		top: 60px;
		padding-left: 10px;
		margin: 0;
	}
	
	.otras-noticias h1 {
		width: 100%;
		margin-left: 0px;
		transform: skewX(0deg);
		-ms-transform: skewX(0deg);
		-webkit-transform: skewX(0deg);
	}
	
	.otras-noticias h1 span {
		font-size: 24px;
		transform: skewX(0deg);
		-ms-transform: skewX(0deg);
		-webkit-transform: skewX(0deg);
	}
	
	.detalle_single .mapa {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	#eventos .bgNoticia {
		height: 330px;
        top: 62px;
	}
	
	#preguntas-frecuentes .container-fluid {
		height: 429px;
	}
	
	#noticias-archivo article figure img {
		height: 275px;
	}
	
	#videos-archivo article figure img {
		height: 200px;
	}
	
	#videos-archivo article figure .fa-play-circle-o{
		left:40%;
	}
	
	.nosotros .intro-effect-side .header {
		height: 580px;
		left: 0;
		top: 62px;
	}
	
	.nosotros .bg-img img {
		position: absolute;
		top: 0px;
	}
	
	.nosotros button.trigger{
		bottom:40px;
		left:45%;
	}
	
	.intro-effect-side .title{
		top:50%;
	}
	
	.nosotros .intro-effect-side .title h1{
		display:block;
		width:100%;
		left:0;
	}
	
	#afiliacion{
		margin-top:0px;
	}
	
}

@media only screen and (min-width: 992px) {
	.afiliacion-online{
		background-position-x: -20px;
	}
	
	.afiliacion-online .formulario .btn-boletin{
		left:10px;
	}
}


@media (max-width: 991px){
	.logo{
		top: 0px;
		left: 50px;
	}
	
	.header-top{
		right:10px;
	}
}

@media only screen and (min-width : 768px) and (max-width : 1023px){
	.inicio{
		margin-top: 62px;
	}
	
	.logo_gde{
		display:none;
	}
	
	.site-header{
		height:0;
	}
		
	header h1{
		display:none;
	}	
	
	.borde_izq_1,
	.borde_izq_2{
		display:none;
	}
	
	.logo-movil,
	.sb-slidebar h1{
		display:block;
	}
	
	.inicio .bgNoticia{
		top:0px;
		height:460px;
		width:100%;
	}	
		
	.bgNoticia div.mc-image {
		width: 100% !important;
		height: 70% !important;
	}
	
	.inicio .bgNoticia div.mc-image {
		width: 100% !important;
		height: 60% !important;
	}
	
	/*.inicio .titulo{
		background:none;
		width: 100%;
		height: 700px;
		margin: auto;
		padding: 0;
		padding-left: 10px;
		padding-top: 350px;
		padding-right: 10px;
	}
	
	.inicio .titulo time{
		width:50%;
		left:-25px;
	}
	
	.inicio .titulo h1 {
		color: #ECECEC;
		font-family: "Horatiom", sans-serif;
		font-size: 26px;
		margin-bottom: 15px;
		text-align: left;
		line-height: 26px;
		display: block;
		position: relative;
		top: 60px;
		padding-left: 10px;
		margin: 0;
	}
	
	.inicio p {
		color: #FFF;
		font-family: "Horatiol", sans-serif;
		font-size: 20px;
		margin-bottom: 20px;
		text-align: justify;
		font-weight: normal;
		line-height: 20px;
		padding-top: 0px;
		position: relative;
		top: 75px;
	}
	
	.inicio .link{
		right: 18%;
		bottom: 20px;
	}*/
	
	.inicio .bgNoticia{
		top:0px;
		width:100%;
		height: auto;
		position:relative;
	}
   
    .inicio .bgNoticia div.mc-image {
		width: 100% !important;
		height: 40% !important;
	}
	.inicio .titulo {
		background: none;
		width: 100%;
		height: 400px;
		margin: auto;
		padding: 0;
		padding-left: 10px;
		padding-top:0px;
		padding-right: 10px;
	}
	
	.inicio .titulo h1 {
		color: #ECECEC;
		font-family: "Horatiom", sans-serif;
		font-size: 26px;
		margin-bottom: 15px;
		text-align: left;
		line-height: 26px;
		display: block;
		position: relative;
		top: 15px;
		padding-left: 10px;
		margin: 0;
	}
	
	.inicio .titulo time {
		width: 50%;
		left: -25px;
		top: 0;
	}
	
	.inicio p {
		color: #FFF;
		font-family: "Horatiol", sans-serif;
		font-size: 20px;
		margin-bottom: 20px;
		text-align: justify;
		font-weight: normal;
		line-height: 20px;
		padding-top: 0px;
		padding-left:10px;
		padding-right:20px;
		position: relative;
		top: 40px;
	}
	
	.inicio .link {
		right: 18%;
		bottom: -140px;
	}
	
	#progressBar{
		margin-top: 0px;
		margin-bottom: 0;
	}
	
	.inicio .owl-theme .owl-controls {
		position: absolute;
		left: 40%;
		z-index: 99999;
		bottom: 42%;
		display:none !important;
	}	
	
	.inicio .customNavigation {
		text-align: left;
		padding-left: 30px;
		display: block;
	}
	
	.detalle-noticia .titulo {
		background: none;
		width: 100%;
		height: 400px;
		margin: auto;
		margin-top: -190px;
		padding: 0;
		padding-left: 10px;
		padding-top: 0px;
		padding-right: 10px;
	}
	
	#fixed-top {
		float: left;
		left: 0px;
		top: -8px;
		z-index: 999999999;
		background-color: #fff;
		height: 70px;
		width: 55px;
		border-right: 1px solid #E4E4E4;
		border-bottom: 1px solid #586CB2;
	}
	
	.fecha{
		right: 58%;
    	top: 10px;
	}
	
	.bandera{
		right:36.5%;
	}
	
	.socials {
		background-color: #fff;
		height: 62px;
		padding-top:15px;
		border-bottom: 1px solid #586CB2;
	}
	
	.socials a{
		width: 38px;
		height: 38px;
		margin: 0;
		padding: 0px 6px;
	}
	
	.contador{
		top:-2px;
		right:0px;
	}
	
	.sb-toggle-left{
		color: rgb(58, 82, 164) !important;
		left:-5px;
	}
	
	.sb-slidebar {
		width: 100%;
	}
	
	.menu-movil .dropdown-menu{
		margin:0;
	}
		
	.header-top {
		right: 10px;
	}
	
	.afiliacion-online{
		background-position-x: -60px;
	}
	
	.afiliacion-online .formulario{
		margin-left:25%;
	}
	
	.afiliacion-online .formulario h3{
		padding-left: 160px;
	}
	
	.actualidad{
		padding-bottom: 50px;
    	padding-top: 0px;
	}
	
	.actualidad h1{
		width:100%;
		margin-left:-30px;
	}
	
	.actualidad h1 span{
		font-size:24px;
	}
	
	.actualidad .link {
   		width: 75%;
	}
	
	.actualidad .destacada .left{
		width: 50%;
		height:400px;
		float:left;
		margin-bottom:20px;
	}	
	
	.actualidad .destacada .right{
		width: 50%;
		position: relative;
		float: right;
		padding: 10px;
		padding-top:100px;
	}
	
	.suscripcion{
		height: 500px;
    	padding-top: 0px;
	}
	
	.suscripcion .formulario {
		margin-left: 10%;
		margin-right: 0%;
	}
	
	.suscripcion .formulario h1{
		margin-top: 40px;
		margin-bottom: 50px;
		text-align: right;
		margin-left: 0;
		padding-right: 15px;
	}
	
	.suscripcion .formulario h2{
		padding: 5px 20px;
		padding-left:200px;
	}
	
	.suscripcion .formulario input{
		font-size:20px;
	}
	
	.suscripcion .widget_wysija_cont .wysija-submit{
		right:2px;
	}
	
	.sectores h1{
		padding:0 70px;
	}
	
	.sectores .logos {
		padding-top: 80px;
	}
	
	.sectores .logos figure{
		margin-bottom: 10px;
	}
	
	.iconos-afiliados figure{
		margin:auto;
	}
	
	#owl-galeria {
		height: 550px;
	}	
	
	#owl-galeria .owl-item img {
		height: 550px;
	}
	
	.iconos-menu figure{
		min-height:110px;
	}
	
	.calendario-eventos .cd-horizontal-timeline .events a {
		min-width: 0;   
	}
	
	.calendario-eventos .events ol li {
    	width: 100px;
	}
	
	.detalle_single{
		width:100%;
	}
	
	.detalle_single h1{
		font-size:20px;
		margin-left:-60px;
	}
	
	.detalle_single figure {
    	height: auto;
	}
	
	.detalle_single .ubicacion {
		margin-top: 10px;
	}	
		
	.wpcf7-form-control .wpcf7-captchar{
		top: -33px;
  		left: 95px;
	}
	
	.contacto .captcha input {
	  width: 100%;
	  float: right;
	  right: -15px;
	  top: -0px;
	}
	
	.detalle-noticia h1{
		padding-left: 30px;
        padding-right: 30px;
		margin-left:-60px;
		transform: skewX(-40deg);
		-ms-transform: skewX(-40deg);
		-webkit-transform: skewX(-40deg);
	}
	
	#owl-fotos{
		height:550px;
	}
	
	#owl-fotos .item img {
		height: 550px;
	}
	
	.lightbox .lb-image {
		margin: auto;
		width: auto;
		height: auto;
		left: 0;
		top: 0;
		position: absolute;
	}
	
	.otras-noticias h1{
		width:100%;
		margin-left:-25px;
	}
	
	#preguntas-frecuentes .container-fluid {
		height: 500px;
	}
	
	#preguntas-frecuentes .encabezado {
		height: 500px;
		background-position-x: -47px;
		background-position-y: 61px;
		background-size: 150%;
	}
	
	#preguntas-frecuentes h1{
		margin-left:-50px;
	}
	
	#preguntas-frecuentes .panel-heading .panel-title a{
		font-size:18px;
	}
	
	#preguntas-frecuentes .panel-heading .panel-title{
		padding: 6px 10px;
    	padding-left: 90px;
	}
	
	#asuntos-archivo .container-fluid{
		height: 500px;
	}
	
	#asuntos-archivo .encabezado{
		height: 500px;
		background-position-x: -47px;
		background-position-y: 61px;
		background-size: 150%;
	}
	
	#asuntos-archivo h1{
		margin-left:-50px;
		padding: 10px 8px;
	}
	
	#asuntos-archivo article .link {
    	width: 90%;
	}
	
	#noticias-archivo .container-fluid{
		height: 500px;
	}
	
	#noticias-archivo .encabezado{
		height: 500px;
		background-position-x: -50px;
		background-position-y: 62px;
		background-size: 150%;
	}
	
	#noticias-archivo h1{
		margin-left:-50px;
		padding: 10px 8px;
	}
	
	#noticias-archivo article{
		height:360px;
	}
	
	#noticias-archivo article .texto{
		margin-bottom:10px;
		height:350px;
	}
	
	#noticias-archivo article .left{
		width: 50%;
		height:289px;
		float:left;
		margin-bottom:20px;
	}	
	
	#noticias-archivo article .right{
		width: 50%;
		position: relative;
		float: right;
		padding: 10px;
		padding-top:30px;
	}
	
	#noticias-archivo article .link{
		height: 50px;
		position: absolute;
		bottom: 30px;
		left:50px;
		width: 40%;
	}
	
	.otras-noticias figure{
		width: 60%;
		height:293px;
		float:left;
		margin-bottom:20px;
	}	
	
	.otras-noticias .right{
		width:40%;
		position: relative;
		float: right;
		padding: 42px 60px;
	}
	
	.otras-noticias .link{
		width:90%;
	}
	
	#eventos .container-fluid{
		height: 470px;
	}
	
	#eventos .bgNoticia {
		height: 450px;
		top: 0;
	}
	
	#eventos .bgNoticia div.mc-image {
		width: 100% !important;
		height: 90% !important;
	}
	
	#eventos .titulo{
		padding-top: 90px;
		background: none;
		padding-left: 0;
		margin-left: -40px;
		top:280px;
	}
	
	#eventos .borde-pagina {
		margin-bottom: 20px;
		margin-top: -20px;
	}
	
	#eventos h1{
		margin-left:-50px;
	}
	
	#eventos .left{
		width: 50%;
		height: auto !important;
        max-height: 275px;
		float:left;
		margin-bottom:20px;
	}	
	
	#eventos .right{
		width: 50%;
		position: relative;
		float: right;
		padding: 10px;
		padding-top:30px;
	}
	
	#eventos .top{
		width: 48%;
		position: absolute;
		right: 15px;
	}
	
	#eventos .evento .extracto{
		 padding-left: 52%;
   		 padding-top: 80px;
	}
	
	#eventos .evento .extracto .link {
    	width: 65%;
		margin-left: -30%;
	}
	
	#galerias-archivo .container-fluid{
		height: 500px;
	}
	
	#galerias-archivo .encabezado{
		height: 500px;
		background-position-x: -50px;
		background-position-y: 62px;
		background-size: 150%;
	}
	
	#galerias-archivo h1{
		margin-left:-40px;
	}
	
	#galerias-archivo article .texto{
		margin-bottom:10px;
	}
	
	#galerias-archivo article .left{
		width: 50%;
		height:289px;
		float:left;
		margin-bottom:20px;
	}	
	
	#galerias-archivo article .right{
		width: 50%;
		position: relative;
		float: right;
		padding: 10px;
		padding-top:30px;
	}
	
	#galerias-archivo article{
		height:374px;
	}
	
	#galerias-archivo article .link{
		height: 50px;
		position: absolute;
		bottom: 30px;
		left:50px;
		width: 40%;
	}
	
	#videos-archivo .container-fluid{
		height: 500px;
	}
	
	#videos-archivo .encabezado{
		height: 500px;
		background-position-x: -50px;
		background-position-y: 62px;
		background-size: 150%;
	}
	
	#videos-archivo h1{
		margin-left: -50px;
    	padding: 10px;
	}
	
	#videos-archivo h3{
		text-align:center;
	}
	
	#videos-archivo article{
		height:auto;
		margin-bottom:20px;
	}
	
	.videos .ug-gallery-wrapper {
		z-index: 0;
		width: 100%;
		max-width: none !important;
		height: 550px !important;
		left:-15px;
	}
	
	.videos .ug-gallery-wrapper .ug-videoplayer {
		width: 100% !important;
		height: 350px !important;
	}
	
	.videos .ug-videoskin-right-thumb .ug-strip-panel {
		background-color: #fff !important;
		width: 100% !important;
		top: 350px !important;
		left: 0 !important;
	}
	
	.videos .ug-under-780.ug-videoskin-right-thumb .ug-thumb-icon {
		width: 140px;
	}
	
	.videos .ug-videoskin-right-thumb .ug-thumb-right{
		width:80%;
	}
	
	#noticias-archivo .sindical article,
	#noticias-archivo .accion article{
		height:auto;
	}
	
	#noticias-archivo .sindical article .link,
	#noticias-archivo .accion article .link {
		position: relative;
		left: 0;
		width: 60%;
		bottom:15px;
	}	
		
	.detalle-noticia .container-fluid{
		height: 500px;
	}
	
	.detalle-noticia .encabezado{
		height: 500px;
		background-position-x: -50px;
		background-position-y: 60px;
    	background-size: 107%;
	}
	
	.detalle-noticia h1 span{
		font-size: 24px;
		transform: skewX(40deg);
		-ms-transform: skewX(40deg);
		-webkit-transform: skewX(40deg);	
	}
	
	.detalle-noticia h1 time{
		transform: skewX(40deg);
		-ms-transform: skewX(40deg);
		-webkit-transform: skewX(40deg);	
	}
	
	.asuntos-juridicos .wpcf7-captchac {
    	left: 20%;
	}
	
	.asuntos-juridicos input.wpcf7-captchar {
    	width: 65%;
	}
	
	.asuntos-juridicos .docs{
		overflow: hidden;
		margin-bottom: 20px;
	}
	
	.asuntos-juridicos .docs a{
		width:30%;
		margin-bottom:10px;
	}
	
	.nosotros .intro-effect-side .header {
		height: 530px !important;
		min-height: 300px;
		left: 0;
		top: 62px;
	}
	
	.nosotros .content > div:not(.title) p:first-child{
		font-size:18px;
		margin-top:60px;
	}
	
	#afiliacion{
		margin-top:0px;
	}
	
	#afiliacion .container-fluid{
		height: 500px;
	}
	
	#afiliacion .encabezado{
		height: 500px;
		background-position-x: -50px;
		background-position-y: 62px;
		background-size: 150%;
	}
	
	#afiliacion h1{
		margin-left: -50px;
    	padding: 10px 14px;
	}
	
	#afiliacion h1 span{
		font-size:28px;
	}
	
	#afiliacion .movil{
		margin-right:108px;
	}
	
	#afiliacion .movil2{
		margin-right: 90px;
		width: 50%;
		display: inline-block;
		top: -27px;
		left: 36px;
	}
	
	#afiliacion .formulario {
		padding: 20px;
		margin-left: -20px;
	}
	
	#afiliacion input.btn_afiliar{
		float: none;
		left: 30%;
	}
	
	#resultados .btn_cerrar{
		right: 30px;
    	top: 90px;
	}
	
	.site-footer{
		padding:10px 0 0;
	}
	
	.copyright h1{
		font-size:18px;
		text-align:center;
		padding-left:20%;
		padding-right: 20%;
        padding-bottom: 20px;
	}
	
	.designer {
		bottom: 30px;
	}
	
	.cont_miembro{
		padding:0 32px;
	}
	
}

@media (min-width: 767px) and (max-width: 979px){	
	.inicio .link {
		right: 0;
		bottom: 0;
		position: relative;
		top: 60px;
		margin: 10px auto;
	}
	
	.lista-menus h1 {
    	margin-left: -29px;
	}
	
	.iconos-menu figure{
		min-height:115px;
		margin: 20px 10px;
	}
	
	.actualidad h1 {
    	padding: 5px 60px;
	}
	
	.actualidad .rfbp-image-wrap {
		width:100%;
		float:none;
		background-color: #fff;
	}
	
	.actualidad .rfbp-text{
		min-height:50px;
	}
	
	.actualidad span.rfbp-link-text-wrap span {
    	line-height: 22px;
	}
	
	.actualidad .link {
   		width: 60%;
	}
	
	.actualidad .rfbp-page-link {
		bottom: 20px;
		left: 32%;
	}
	
	.afiliados h1,
	.fotos-destacadas h1{
		margin-left:-29px;
	}
	
	.archive .bgNoticia, 
	.page .bgNoticia {
		width:100%;
		height: 400px;
		top: 62px;
	}
	
	.detalle-noticia .bgNoticia {
		width:100%;
		height: 470px;
		top: 62px;
	}
	
	.archive .bgNoticia div.mc-image,
	.page .bgNoticia div.mc-image{
		width: 100% !important;
		height: 95% !important;
	}
	
	.detalle-noticia .bgNoticia div.mc-image {
		width: 100% !important;
		height: 80% !important;
	}
	
	.archive .titulo, 
	.page .titulo {
		padding-top: 1px;
		background: #3A52A4;
		padding-left: 0;
		margin-left: 0px;
		top: 410px;
		height: 80px;
	}
	
	.archive .titulo time,
	.page .titulo time{
		top: -10px;
    	left: -20px;
	}
	
	.detalle-noticia .titulo {
		padding-top: 410px;
		background: none;
		padding-left: 0;
		padding-right:0;
		margin-left: 0px;
	}
	
	.archive .borde-archivo{
		margin-bottom: 20px;
        margin-top: -40px;
	}
	
	.page .borde-pagina{
		margin-bottom: 20px;
        margin-top: -10px;
	}
	
	.detalle-noticia .borde-single{
		margin-bottom: 20px;
        margin-top: 92px;
	}
	
	.detalle-noticia .titulo time{
		left:-18px;
		z-index:9;
	}
	
	.detalle-noticia h1 {
		margin-left: 0px;
		transform: skewX(0deg);
		-ms-transform: skewX(0deg);
		-webkit-transform: skewX(0deg);
	}
	
	.detalle-noticia .titulo h1 {
		color: #ECECEC;
		font-family: "Horatiom", sans-serif;
		font-size: 26px;
		margin-bottom: 15px;
		text-align: left;
		line-height: 26px;
		display: block;
		position: relative;
		top: 0px;
		padding-left: 210px;
		padding-top:15px;
		margin: 0;
		background-color: #3A52A4;
        height: 90px;
	}
	
	.otras-noticias h1 {
		width: 100%;
		margin-left: 0px;
		transform: skewX(0deg);
		-ms-transform: skewX(0deg);
		-webkit-transform: skewX(0deg);
	}
	
	.otras-noticias h1 span {
		font-size: 24px;
		transform: skewX(0deg);
		-ms-transform: skewX(0deg);
		-webkit-transform: skewX(0deg);
	}
	
	.detalle_single .mapa {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	#preguntas-frecuentes .container-fluid {
		height: 480px;
	}
	
	#preguntas-frecuentes .bgNoticia{
		width:100%;
		height:428px;
	}
	
	#preguntas-frecuentes .bgNoticia div.mc-image {
		width: 100% !important;
		height: 100% !important;
	}
	
	#preguntas-frecuentes .borde-pagina{
		margin-top:10px;
	}
	
	#noticias-archivo article figure img {
		height: 275px;
	}
	
	#videos-archivo article figure img {
		height: 200px;
	}
	
	#videos-archivo article figure .fa-play-circle-o{
		left:40%;
		top:15%;
	}
	
	.nosotros .bg-img img {
		position: absolute;
		top: 0px;
	}
	
	.nosotros button.trigger{
		bottom:100px;
		left:45%;
	}
	
	.intro-effect-side .title{
		top:50%;
	}
	
	.nosotros .intro-effect-side .title h1{
		display:block;
		width:100%;
		left:0;
	}
}

@media only screen and (min-width : 640px) and (max-width : 766px){
	
}

@media only screen and (min-width : 480px) and (max-width : 639px){
	.lightbox .lb-image {
		margin: auto;
		width: 420px !important;
		height: 70% !important;
		left: 0;
		top: 0;
		position: absolute;
	}
}

@media only screen and (min-width: 425px){

}

@media only screen and (min-width: 375px){
	#afiliacion .movil {
		margin-right: 30px !important;
	}
	
	
}

@media only screen and (min-width: 320px) and (max-width: 479px) {	
	.inicio{
		margin-top: 62px;
		height:840px;
	}
	
	.logo_gde{
		display:none;
	}
	
	.site-header{
		height:0;
	}
		
	header h1{
		display:none;
	}	
	
	.borde_izq_1,
	.borde_izq_2{
		display:none;
	}
	
	.logo-movil,
	.sb-slidebar h1{
		display:block;
	}
	
	.menu-movil{
		margin-top: 20px;
	}
	
	.inicio .bgNoticia{
		top:0px;
		width:100%;
	}
	
	.inicio .bgNoticia div.mc-image {
		width: 100% !important;
		height: 40% !important;
	}
	
	.bgNoticia div.mc-image {
		width: 100% !important;
		height: 50% !important;
	}
	
	.inicio .titulo{
		background:none;
		width: 100%;
		height: 700px;
		margin: auto;
		padding: 0;
		padding-left: 10px;
		padding-top: 230px;
		padding-right: 10px;
	}
	
	.inicio .titulo time{
		width:50%;
		left:-25px;
	}
	
	.inicio .titulo h1 {
		color: #ECECEC;
		font-family: "Horatiom", sans-serif;
		font-size: 26px;
		margin-bottom: 15px;
		text-align: left;
		line-height: 26px;
		display: block;
		position: relative;
		top: 60px;
		padding-left: 10px;
		margin: 0;
	}
	
	.inicio p {
		color: #FFF;
		font-family: "Horatiol", sans-serif;
		font-size: 20px;
		margin-bottom: 20px;
		text-align: justify;
		font-weight: normal;
		line-height: 20px;
		padding-top: 0px;
		position: relative;
		top: 75px;
	}
	
	.inicio .link{
		right: 18%;
		bottom: -40px;
	}
	
	#fixed-top {
		float: left;
		left: 0px;
		top: -8px;
		z-index: 999999999;
		background-color: #fff;
		height: 70px;
		width: 55px;
		border-right: 1px solid #E4E4E4;
		border-bottom: 1px solid #586CB2;
	}
	
	.fecha, .bandera{
		display:none;		
	}
	
	.bandera-movil{
		display:block;
		right: 74.5%;
		position: relative;
		margin-bottom: 20px;
	}
	
	.fecha-movil{
		display:block;
		right: -7.5%;
		top: 25%;
		color: #fff;
	}
	
	.socials {
		background-color: #fff;
		width: 100%;
		right: -4px;
		text-align: right;
		height: 62px;
		padding-top: 10px;
		border-bottom: 1px solid #586CB2;
	}
	
	.socials a{
		width: 38px;
		height: 38px;
		margin: 0;
		padding: 0px 6px;
	}
	
	.contador{
		top:-2px;
		right:0px;
	}
	
	.sb-toggle-left{
		color: rgb(58, 82, 164) !important;
		left:-5px;
	}
	
	.sb-slidebar {
		width: 100%;
	}
	
	.menu-movil .dropdown-menu{
		margin:0;
	}
		
	.header-top {
		right: 10px;
	}
	
	.afiliacion-online{
		background-position-x: -50px;
	}
	
	.afiliacion-online .formulario{
		margin-left:0;
		padding:0;
		padding-top:10%;
		background: rgba(0, 41, 183, 0.7)
	}
	
	.afiliacion-online .formulario .btn-boletin{
		display: block;
		width: 50%;
		margin: 0;
		left: 24%;
		margin-bottom: 15px;
	}
	
	.actualidad{
		padding-bottom: 50px;
    	padding-top: 0px;
	}
	
	.actualidad h1{
		text-align: center;
		padding: 5px 20px;
		margin: 0;
		padding-right: 50px;
		margin-bottom: 50px;
		margin-left: -35px;
		width:100%;
	}
	
	.actualidad h1 span{
		font-size:24px;
	}
	
	.actualidad .rfbp-image-wrap {
		width:100%;
		float:none;
		background-color: #fff;
	}
	
	.actualidad .rfbp-text{
		min-height:50px;
	}
	
	.actualidad .link {
   		width: 60%;
	}
	
	.actualidad .rfbp-page-link {
		bottom: 20px;
		left: 10%;
	}
	
	.lista-menus{
		padding-top:0;
	}
	
	.lista-menus h1 {
		text-align: center;
		padding: 5px 20px;
		margin: 0;
		padding-right: 50px;
		margin-bottom: 50px;
		margin-left: -35px;
		width:100%;
	}
	
	.lista-menus h1 span{
		text-align:right;
	}
	
	.afiliados h1{
		text-align: center;
		padding: 5px 20px;
		margin: 0;
		padding-right: 50px;
		margin-bottom: 50px;
		margin-left: -35px;
		width:100%;
	}	
		
	.suscripcion .formulario {
		margin-left: 0%;
		margin-right: 0%;
		padding: 0;
		background: rgba(130, 41, 41, 0.58);
	}
	
	 .suscripcion .formulario h1{
		margin-top: 110px;
		margin-bottom: 50px;
		text-align: right;
		margin-left: 0;
		padding-right: 15px;
	}
	
	.suscripcion .formulario h2{
		padding: 5px 15px;
		color:#fff;
	}
	
	.suscripcion .formulario input{
		font-size:18px;
	}
	
	.suscripcion .widget_wysija_cont .wysija-submit{
		right:2px;
	}
	
	.sectores h1{
		padding:0 70px;
	}
	
	.sectores .logos {
		padding-top: 80px;
	}
	
	.sectores .logos figure{
		margin-bottom: 10px;
	}
	
	.iconos-afiliados figure{
		margin:auto;
	}
	
	#owl-galeria {
		height: 300px;
	}	
	
	#owl-galeria .owl-item img {
		height: 300px;
	}
	
	.calendario-eventos .cd-horizontal-timeline .events a {
		min-width: 0px;   
	}
	
	.calendario-eventos .events ol li {
    	min-width: 50px;
	}
	
	.cd-horizontal-timeline .events-content ol{
		padding:0;
	}
	
	.fotos-destacadas h1{
		text-align: center;
		padding: 5px 20px;
		margin: 0;
		padding-right: 50px;
		margin-bottom: 50px;
		margin-left: -35px;
		width:100%;
	}
	
	.fotos-destacadas p {
		padding:0 15px;
	}
	
	.fotos-destacadas .ug-arrow-left.ug-skin-default, 
	.fotos-destacadas .ug-arrow-right.ug-skin-default {   
		top: 100px !important;
	}
	
	.detalle_single{
		width:100%;
	}
	
	.detalle_single h1{
		font-size:20px;
		margin-left:-60px;
	}
	
	.detalle_single figure {
    	height: auto;
	}
	
	.detalle_single .ubicacion {
		margin-top: 10px;
	}
		
	.wpcf7-form-control .wpcf7-captchar{
		top: -33px;
  		left: 95px;
	}
	
	.contacto .captcha input {
	  width: 100%;
	  float: right;
	  right: -15px;
	  top: -0px;
	}
	
	.detalle-noticia h1{
		margin-left:0px;
		transform: skewX(0deg);
		-ms-transform: skewX(0deg);
		-webkit-transform: skewX(0deg);
	}
	
	#owl-fotos{
		height:300px;
	}
	
	#owl-fotos .item img {
		height: 300px;
	}
		
	.otras-noticias h1{
		width:100%;
		margin-left:-25px;
	}
	
	#preguntas-frecuentes .container-fluid {
		height: 300px;
	}
	
	#preguntas-frecuentes .encabezado {
		height: 300px;
		background-position-x: -47px;
		background-position-y: 61px;
		background-size: 150%;
	}
	
	#preguntas-frecuentes h1{
		margin-left:-50px;
	}
	
	#preguntas-frecuentes .panel-heading .panel-title a{
		font-size:18px;
	}
	
	#preguntas-frecuentes .panel-heading .panel-title{
		padding: 6px 10px;
    	padding-left: 90px;
	}
	
	#asuntos-archivo .container-fluid{
		height: 300px;
	}
	
	#asuntos-archivo .encabezado{
		height: 300px;
		background-position-x: -47px;
		background-position-y: 61px;
		background-size: 150%;
	}
	
	#asuntos-archivo h1{
		margin-left:-50px;
		padding: 10px 8px;
	}
	
	#asuntos-archivo article .link {
    	width: 90%;
	}
	
	#noticias-archivo .container-fluid{
		height: 300px;
	}
	
	#noticias-archivo .encabezado{
		height: 300px;
		background-position-x: -50px;
		background-position-y: 62px;
		background-size: 150%;
	}
	
	#noticias-archivo h1{
		margin-left:-50px;
		padding: 10px 8px;
	}
	
	#noticias-archivo article .texto{
		margin-bottom:10px;
	}
	
	#eventos .container-fluid{
		height: 300px;
	}
	
	#eventos .encabezado{
		height: 300px;
		background-position-x: -50px;
		background-position-y: 62px;
		background-size: 150%;
	}
	
	#eventos h1{
		margin-left:-50px;
	}
	
	#eventos .evento .extracto .link {
    	width: 65%;
	}
	
	#galerias-archivo .container-fluid{
		height: 300px;
	}
	
	#galerias-archivo .encabezado{
		height: 300px;
		background-position-x: -50px;
		background-position-y: 62px;
		background-size: 150%;
	}
	
	#galerias-archivo h1{
		margin-left:-27px;
	}
	
	#galerias-archivo article .texto{
		margin-bottom:10px;
	}
	
	#videos-archivo .container-fluid{
		height: 300px;
	}
	
	#videos-archivo .encabezado{
		height: 300px;
		background-position-x: -50px;
		background-position-y: 62px;
		background-size: 150%;
	}
	
	#videos-archivo h1{
		margin-left: -50px;
    	padding: 10px;
	}
	
	#videos-archivo h3{
		text-align:center;
	}
	
	.detalle-noticia .container-fluid{
		height: 322px;
		margin-top:0px;
	}
	
	.detalle-noticia .titulo{
		background:none;
		width: 100%;
		height: 400px;
		margin: auto;
		margin-top:-190px;
		padding: 0;
		padding-left: 10px;
		padding-top: 0px;
		padding-right: 10px;
	}
	
	.detalle-noticia .titulo time{
		width:80%;
		left:-27px;
	}
	
	.detalle-noticia .titulo h1 {
		color: #ECECEC;
		font-family: "Horatiom", sans-serif;
		font-size: 22px;
		margin-bottom: 15px;
		text-align: center;
		line-height: 22px;
		display: block;
		position: relative;
		top: 60px;
		padding-left: 10px;
		margin: 0;
	}
	
	.detalle-noticia .bgNoticia{
		width:100%;
		height:400px;
		position:relative;
		top:62px;
	}
	
	.detalle-noticia .bgNoticia div.mc-image {
		width: 100% !important;
		height: 60% !important;
	}
	
	.detalle-noticia h1 span{
		font-size: 24px;
		transform: skewX(0deg);
		-ms-transform: skewX(0deg);
		-webkit-transform: skewX(0deg);	
	}
	
	.detalle-noticia h1 time{
		transform: skewX(0deg);
		-ms-transform: skewX(0deg);
		-webkit-transform: skewX(0deg);	
	}
	
	.detalle-noticia .borde-single{
		margin-top:140px;
	}
	
	.otras-noticias .link{
		width:80%;
	}
	
	.otras-noticias .textos{
		margin-bottom:20px;
	}
	
	.archive .titulo,
	.page .titulo{
		background:none;
		width: 100%;
		height: 400px;
		margin: auto;
		padding: 0;
		padding-left: 10px;
		padding-top: 160px;
		padding-right: 10px;
	}
	
	.archive .titulo time,
	.page .titulo time{
		width:100%;
		left:-25px;
	}
	
	.archive .titulo time span,
	.page .titulo time span{
		font-size: 30px;
        line-height: 26px;
	}
	
	.archive .titulo h1,
	.page .titulo h1 {
		color: #ECECEC;
		font-family: "Horatiom", sans-serif;
		font-size: 26px;
		margin-bottom: 15px;
		text-align: left;
		line-height: 26px;
		display: block;
		position: relative;
		top: 60px;
		padding-left: 10px;
		margin: 0;
	}
	
	.archive .bgNoticia,
	.page .bgNoticia{
		width:100%;
		height:238px;
		top:62px;
	}
	
	.archive .bgNoticia div.mc-image,
	.page .bgNoticia div.mc-image {
		width: 100% !important;
		height: 75% !important;
	}
	
	.asuntos-juridicos .wpcf7-captchac {
    	left: 0%;
	}
	
	.asuntos-juridicos input.wpcf7-captchar {
    	width: 70%;
	}
	
	.asuntos-juridicos .docs a{
		width:40%;
		margin-bottom:10px;
	}
	
	.nosotros .intro-effect-side .header {
		height: 330px !important;
		min-height: 300px;
		left: 0;
		top: 62px;
	}
	
	.nosotros .content > div:not(.title) p:first-child{
		font-size:18px;
		margin-top:10px;
	}	
	
	#afiliacion{
		margin-top:0px;
	}
	
	#afiliacion .container-fluid{
		height: 299px;
	}
	
	#afiliacion .encabezado{
		height: 300px;
		background-position-x: -50px;
		background-position-y: 62px;
		background-size: 150%;
	}
	
	#afiliacion h1{
		margin-left: -50px;
    	padding: 10px 14px;
	}
	
	#afiliacion h1 span{
		font-size:28px;
	}
	
	#afiliacion .movil{
		margin-right:108px;
	}
	
	#afiliacion .movil2{
		margin-right: 5px;
		width: 35%;
		display: inline-block;
		top: 0px;
		left: 3px;
	}
	
	#afiliacion input.btn_afiliar{
		right:30px;
	}
	
	.site-footer{
		padding:10px 0 0;
	}
	
	.site-info{
		padding: 5px 0 70px 0;
	}
	
	.copyright h1{
		font-size: 18px;
		text-align: right;
		padding-left: 38%;
		padding-right: 5%;
	}
	
	.designer {
		bottom: 30px;
		height: 20px;
		right:60px;
	}
	
	.icon-jades {
		top: -30px;
		left: 120px;
	}	
		
}

@media only screen and (min-width: 425px) and (max-width: 760px) {	
	.inicio {
		margin-top: 62px;
		height: 880px;
	}
	
	.inicio .bgNoticia{
		top:0px;
		width:100%;
		height: auto;
		position:relative;
	}
   
    .inicio .bgNoticia div.mc-image {
		width: 100% !important;
		height: 40% !important;
	}
	.inicio .titulo {
		background: none;
		width: 100%;
		height: auto;
		margin: auto;
		padding: 0;
		padding-left: 10px;
		padding-top:0px;
		padding-right: 10px;
	}
	
	.inicio .titulo h1 {
		color: #ECECEC;
		font-family: "Horatiom", sans-serif;
		font-size: 26px;
		margin-bottom: 15px;
		text-align: left;
		line-height: 26px;
		display: block;
		position: relative;
		top: 15px;
		padding-left: 10px;
		margin: 0;
	}
	
	.inicio .titulo time {
		width: 50%;
		left: -25px;
		top: 0;
	}
	
	.inicio p {
		color: #FFF;
		font-family: "Horatiol", sans-serif;
		font-size: 20px;
		margin-bottom: 20px;
		text-align: justify;
		font-weight: normal;
		line-height: 20px;
		padding-top: 0px;
		position: relative;
		top: 40px;
	}
	
	.inicio .link {
		right: 0;
		bottom: 0;
		position: relative;
		top: 50px;
		margin: 10px auto;
	}	
	
	.detalle-noticia .titulo {
		background: none;
		width: 100%;
		height: 400px;
		margin: auto;
		margin-top: -190px;
		padding: 0;
		padding-left: 10px;
		padding-top: 0px;
		padding-right: 10px;
	}
	
	.inicio .customNavigation {
		text-align: center;
		padding-left: 0px;
		display:block;
	}
	
	#owl-noticias .owl-item{
		min-height:740px;
	}
	
	#progressBar{
		margin-top: 0px;
		margin-bottom: 0;
	}
	
	.inicio .owl-theme .owl-controls {
		position: absolute;
		left: 35%;
		z-index: 99999;
		bottom: 60%;
		display:none !important;
	}	
	
	.detalle-noticia .bgNoticia {
		width: 100%;
		height: 430px;
		position: relative;
		top: 62px;
	}
	
	.detalle-noticia .titulo {
		background: none;
		width: 100%;
		height: 400px;
		margin: auto;
		margin-top: -170px;
		padding: 0;
		padding-left: 10px;
		padding-top: 0px;
		padding-right: 10px;
	}
	
	.lightbox .lb-image {
		margin: auto;
		width: 420px !important;
		left: 0;
		top: 0;
		position: absolute;
	}
	
	.lb-dataContainer{
		padding-top:30px;
	}		
	
	.lista-menus h1 {
    	padding: 5px 70px;
	}
	
	.iconos-menu figure{
		min-height:115px;
		margin: 20px 10px;
	}
	
	.actualidad h1 {
    	padding: 5px 60px;
	}
	
	.actualidad .rfbp-page-link {
		left: 20%;
	}
	
	.fotos-destacadas h1 {
   	 	padding: 5px 50px;
	}
	
	.archive .bgNoticia, .page .bgNoticia {
		height: 288px;
		top: 62px;
	}
	
	.archive .titulo, .page .titulo {
		padding-top: 213px;
	}
	
	.archive .borde-archivo,
	.page .borde-pagina{
		margin-bottom:30px;
		margin-top:50px;
	}
	
	.detalle-noticia .borde-single{
		margin-bottom:30px;
		margin-top:170px;
	}
	
	.otras-noticias h1 {
		width: 100%;
		margin-left: 0px;
	}
	
	#preguntas-frecuentes .container-fluid {
		height: 350px;
	}
	
	#preguntas-frecuentes .borde-pagina{
		margin-top:0;
	}
	
	#noticias-archivo article figure img {
		height: 275px;
	}
	
	#videos-archivo article figure img {
		height: 296px;
	}
	
	#videos-archivo article figure .fa-play-circle-o{
		left:44%;
	}
	
	.videos .ug-gallery-wrapper {
		z-index: 0;
		width: 100%;
		max-width: none !important;
		height: 490px !important;
	}
	
	.videos .ug-gallery-wrapper .ug-videoplayer {
		width: 100% !important;
		height: 290px !important;
	}
	
	.videos .ug-videoskin-right-thumb .ug-strip-panel {
		background-color: #fff !important;
		width: 100% !important;
		top: 290px !important;
		left: 0 !important;
	}
	
	.ug-under-480.ug-videoskin-right-thumb .ug-thumb-icon {
		width: 150px !important;
	}
	
	.videos .ug-videoskin-right-thumb .ug-thumb-right {
		float: right;
		padding-left: 10px;
		padding-right: 10px;
		max-height: 80px;
		width: 190px;
		height: 80px;
		overflow: hidden;
		z-index: 99999999;
		right: 0;
	}
	
	.videos .ug-videoskin-right-thumb .ug-thumb-selected .ug-thumb-title {
		color: #fff;
		font-family: "Horation", sans-serif;
		font-size: 14px;
		line-height: 18px;
		width: 100%;
		height: 100%;
		display:block;
	}
	
	.ug-under-480.ug-videoskin-right-thumb .ug-thumb-title {
		display: block !important;
	}
	
	.videos .ug-videoskin-right-thumb .ug-thumb-title {
		color: #071B5D;
		font-family: "Horation", sans-serif;
		font-size: 14px;
		width: 130px;
		overflow: visible;
	}
	
	#videos-archivo article figure img {
		position: relative;
		display: block;
		height: 217px;
		max-width: 100%;
		opacity: 0.8;
		top: -9px;
		left:55px;
	}
	
	.nosotros .bg-img img {
		position: absolute;
		top: 0px;
	}
	
	.nosotros button.trigger{
		bottom:300px;
		left:42%;
	}
	
	.intro-effect-side .title{
		top:50%;
	}
	
	.nosotros .intro-effect-side .title h1{
		display:block;
		width:100%;
		left:0;
	}
	
	.cont_miembro .foto {
    	height: 162px;
	}
	
	.cont_miembro .texto h4{
		height:60px;
	}
	
	.cont_miembro .texto{
		height:120px;
	}
	
	#afiliacion{
		margin-top:0px;
	}
}

@media only screen and (min-width: 375px) and (max-width: 420px) {
/*@media only screen and (min-width: 320px){*/	
	.inicio .bgNoticia{
		top:0px;
		width:100%;
		height: auto;
		position:relative;
	}
   
    .inicio .bgNoticia div.mc-image {
		width: 100% !important;
		height: 40% !important;
	}
	.inicio .titulo {
		background: none;
		width: 100%;
		height: auto;
		margin: auto;
		padding: 0;
		padding-left: 10px;
		padding-top:0px;
		padding-right: 10px;
	}
	
	.inicio .titulo h1 {
		color: #ECECEC;
		font-family: "Horatiom", sans-serif;
		font-size: 26px;
		margin-bottom: 15px;
		text-align: left;
		line-height: 26px;
		display: block;
		position: relative;
		top: 15px;
		padding-left: 10px;
		margin: 0;
	}
	
	.inicio .titulo time {
		width: 50%;
		left: -25px;
		top: 0;
	}
	
	.inicio p {
		color: #FFF;
		font-family: "Horatiol", sans-serif;
		font-size: 20px;
		margin-bottom: 20px;
		text-align: justify;
		font-weight: normal;
		line-height: 20px;
		padding-top: 0px;
		position: relative;
		top: 40px;
	}
	
	.inicio .link {
		right: 0;
		bottom: 0;
		position: relative;
		margin: auto;
		top: 30px;
	}
	
	.inicio .customNavigation {
		text-align: center;
		padding-left: 0px;
		display:block;
	}
	
	#owl-noticias .owl-item{
		min-height:730px;
	}
	
	#progressBar{
		margin-top: 0px;
		margin-bottom: 0;
	}
	
	.inicio .owl-theme .owl-controls {
		position: absolute;
		left: 35%;
		z-index: 99999;
		bottom: 62%;
		display:none !important;
	}	
	
	.detalle-noticia .titulo {
		background: none;
		width: 100%;
		height: 400px;
		margin: auto;
		margin-top: -190px;
		padding: 0;
		padding-left: 10px;
		padding-top: 0px;
		padding-right: 10px;
	}
	
	.lightbox .lb-image {
		margin: auto;
		width: 375px !important;
		height: 100% !important;
		left: 0;
		top: 0;
		position: absolute;
	}	
		
	.actualidad h1 {
    	padding: 5px 60px;
	}
	
	.actualidad .rfbp-page-link {
		left: 18%;
	}
	
	.fotos-destacadas h1 {
   	 	padding: 5px 50px;
	}
	
	.archive .bgNoticia, .page .bgNoticia {
		height: 238px;
		top: 62px;
	}
	
	.archive .titulo, .page .titulo {
		padding-top: 175px;
	}
	
	.otras-noticias h1 {
		width: 100%;
		margin-left: 0px;
	}
	
	.nosotros .bg-img img {
		position: absolute;
		top: 0px;
	}
	
	.nosotros button.trigger{
		bottom:300px;
		left:42%;
	}
	
	.intro-effect-side .title{
		top:50%;
	}
	
	.nosotros .intro-effect-side .title h1{
		display:block;
		width:100%;
		left:0;
	}
	
	.cont_miembro{
		width:100%;
		padding:0 50px;
	}	
	
	#afiliacion{
		margin-top:0px;
	}
	
	#afiliacion .movil2{
		margin-right: 90px;
		width: 50%;
		display: inline-block;
		top: 0px;
		left: 3px;
	}
	
	#afiliacion .otro {
		width: 68%;
	}
	
	#afiliacion input.btn_afiliar{
		right:10px;
	}
	
	.videos .ug-gallery-wrapper {
		z-index: 0;
		width: 100%;
		max-width: none !important;
		height: 432px !important;
	}
	
	.videos .ug-gallery-wrapper .ug-videoplayer {
		width: 100% !important;
		height: 232px !important;
	}
	
	.videos .ug-videoskin-right-thumb .ug-strip-panel {
		background-color: #fff !important;
		width: 100% !important;
		top: 232px !important;
		left: 0 !important;
	}
	
	.ug-under-480.ug-videoskin-right-thumb .ug-thumb-icon {
		width: 145px !important;
	}
	
	.videos .ug-videoskin-right-thumb .ug-thumb-right {
		float: right;
		padding-left: 10px;
		padding-right: 10px;
		max-height: 80px;
		width: 147px;
		height: 80px;
		overflow: hidden;
		z-index: 99999999;
		right: 0;
	}
	
	.videos .ug-videoskin-right-thumb .ug-thumb-selected .ug-thumb-title {
		color: #fff;
		font-family: "Horation", sans-serif;
		font-size: 14px;
		line-height: 18px;
		width: 100%;
		height: 100%;
		display:block;
	}
	
	.ug-under-480.ug-videoskin-right-thumb .ug-thumb-title {
		display: block !important;
	}
	
	.videos .ug-videoskin-right-thumb .ug-thumb-title {
		color: #071B5D;
		font-family: "Horation", sans-serif;
		font-size: 14px;
		width: 130px;
		overflow: visible;
	}
	
	#videos-archivo article figure img {
		position: relative;
		display: block;
		height: 217px;
		max-width: 100%;
		opacity: 0.8;
		top: -9px;
		left:25px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 370px) {
/*@media only screen and (min-width: 320px){*/	
	.inicio .bgNoticia{
		top:0px;
		width:100%;
		height: auto;
		position:relative;
	}
   
    .inicio .bgNoticia div.mc-image {
		width: 100% !important;
		height: 40% !important;
	}
	.inicio .titulo {
		background: none;
		width: 100%;
		height: auto;
		margin: auto;
		padding: 0;
		padding-left: 10px;
		padding-top:0px;
		padding-right: 10px;
	}
	
	.inicio .titulo h1 {
		color: #ECECEC;
		font-family: "Horatiom", sans-serif;
		font-size: 26px;
		margin-bottom: 15px;
		text-align: left;
		line-height: 26px;
		display: block;
		position: relative;
		top: 15px;
		padding-left: 10px;
		margin: 0;
	}
	
	.inicio .titulo time {
		width: 50%;
		left: -25px;
		top: 0;
	}
	
	.inicio p {
		color: #FFF;
		font-family: "Horatiol", sans-serif;
		font-size: 20px;
		margin-bottom: 20px;
		text-align: justify;
		font-weight: normal;
		line-height: 20px;
		padding-top: 0px;
		position: relative;
		top: 40px;
	}
	
	.inicio .link {
		right: 0;
		bottom: 0;
		position: relative;
		top: 50px;
		margin: 10px auto;
	}
	
	.inicio .customNavigation {
		text-align: center;
		padding-left: 0px;
		display:block;
	}
	
	#owl-noticias .owl-item{
		min-height:730px;
	}
	
	#progressBar{
		margin-top: 0px;
		margin-bottom: 0;
	}
	
	.inicio .owl-theme .owl-controls {
		position: absolute;
		left: 35%;
		z-index: 99999;
		bottom: 67%;
		display:none !important;
	}
	
	.detalle-noticia .titulo {
		background: none;
		width: 100%;
		height: 400px;
		margin: auto;
		margin-top: -190px;
		padding: 0;
		padding-left: 10px;
		padding-top: 0px;
		padding-right: 10px;
	}
	
	
	.lightbox .lb-image {
		margin: auto;
		width: 320px !important;
		height: 100% !important;
		left: 0;
		top: 0;
		position: absolute;
	}
	
	.nosotros .bg-img img {
		position: absolute;
		top: 0px;
	}
	
	.nosotros button.trigger{
		bottom:300px;
		left:42%;
	}
	
	.intro-effect-side .title{
		top:50%;
	}
	
	.nosotros .intro-effect-side .title h1{
		display:block;
		width:100%;
		left:0;
	}
	
	.cont_miembro{
		width:100%;
	}
	
	.videos .ug-gallery-wrapper {
		z-index: 0;
		width: 100%;
		max-width: none !important;
		height: 395px !important;
	}
	
	.videos .ug-gallery-wrapper .ug-videoplayer {
		width: 100% !important;
		height: 195px !important;
	}
	
	.videos .ug-videoskin-right-thumb .ug-strip-panel {
		background-color: #fff !important;
		width: 100% !important;
		top: 195px !important;
		left: 0 !important;
	}
	
	.ug-under-480.ug-videoskin-right-thumb .ug-thumb-icon {
		width: 100px !important;
	}
	
	.videos .ug-videoskin-right-thumb .ug-thumb-right {
		float: right;
		padding-left: 10px;
		padding-right: 10px;
		max-height: 80px;
		width: 147px;
		height: 80px;
		overflow: hidden;
		z-index: 99999999;
		right: 0;
	}
	
	.videos .ug-videoskin-right-thumb .ug-thumb-selected .ug-thumb-title {
		color: #fff;
		font-family: "Horation", sans-serif;
		font-size: 14px;
		line-height: 18px;
		width: 100%;
		height: 100%;
		display:block;
	}
	
	.ug-under-480.ug-videoskin-right-thumb .ug-thumb-title {
		display: block !important;
	}
	
	.videos .ug-videoskin-right-thumb .ug-thumb-title {
		color: #071B5D;
		font-family: "Horation", sans-serif;
		font-size: 14px;
		width: 130px;
		overflow: visible;
	}
	
	#videos-archivo article figure img {
		position: relative;
		display: block;
		height: 217px;
		max-width: 100%;
		opacity: 0.8;
		top: -9px;
	}
	
	#afiliacion .movil2{
		margin-right: 90px;
		width: 50%;
		display: inline-block;
		top: -26px;
		left: 35px;
	}
	
	#afiliacion input.btn_afiliar{
		right:0px;
	}
}

/* Portrait o Vertical */ 
@media screen and (orientation:portrait) {
    
} 

/* Landscape */
@media screen and (orientation:landscape) { 
    /* Aquí van los estilos para las pantallas en horizontal */ 
}


/* Landscape phone to portrait tablet */
@media (max-width: 767px){
			
}

@media (max-width: 600px) {
    
 }
 
 @media (max-width: 400px) {
	 
 }


/* Landscape phones and down */
@media (max-width: 480px) {
	
}

@media screen (max-width: 320px) {
}

@media only screen and (max-width: 768px) {
  
}
@media only screen and (max-width: 568px) {
}

@media only screen and (max-width: 518px) {
  
}
@media only screen and (max-width: 468px) {
  
}
@media only screen and (max-width: 418px) {
    /*.inicio .bgNoticia{
		top:0px;
		width:100%;
		height: 330px;
	}
   
    .inicio .bgNoticia div.mc-image {
		width: 100% !important;
		height: 40% !important;
	}
	.inicio .titulo {
		background: none;
		width: 100%;
		height: 700px;
		margin: auto;
		padding: 0;
		padding-left: 10px;
		padding-top: 271px;
		padding-right: 10px;
	}
	
	.inicio .titulo h1 {
		color: #ECECEC;
		font-family: "Horatiom", sans-serif;
		font-size: 26px;
		margin-bottom: 15px;
		text-align: left;
		line-height: 26px;
		display: block;
		position: relative;
		top: 60px;
		padding-left: 10px;
		margin: 0;
	}
	
	.inicio .link {
		right: 18%;
		bottom: -84px;
	}	*/
}
@media only screen and (max-width: 368px) {	

}

@media only screen and (max-width: 320px) and (orientation: portrait) {
		
}
@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {

}


/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }


/* iPad */
@media screen and (min-device-width: 768px) {
    /* ipad-portrait */
    @media screen and (max-width: 896px) { 
       
    }
    /* ipad-landscape */
    @media screen and (min-width: 897px) { 

    }
}
/* iPhone */
@media screen and (max-device-width: 480px) {
    /* iphone-portrait */
    @media screen and (max-width: 400px) { 
		
    }
    /* iphone-landscape */
    @media screen and (min-width: 401px) {
		
		
    }
}



/* =============================================================================
   Internet Explorer
   ========================================================================== */

/* 
 * Aplica estilos en IE11
 */

@media screen and (min-width:0\0) {	
	

}