@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,700');
@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900');


html {
	height: 100%;
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased;
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
	font-size: 16px; font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #1e1e1e; background:#FFF;
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased; height:100%; margin:0; 
}
h1, h2, h3, h4, h5, h6, p, ul {
	padding: 0;
	margin: 0;
}

h1 { font-size:20px; font-weight:500; margin-bottom:12px;font-family: 'Rubik', sans-serif;}
h2 { font-size:14px; font-weight:300;font-family: 'Rubik', sans-serif;}

ul, li {
	list-style: none;
}
p {
	font-size: 16px;
	line-height: 24px;
}
a,button {
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:hover {
	text-decoration: none;
}
.clear {
	clear: both;
}
.autoClearer:before,
.autoClearer:after {
    content: " ";
    display: table;
}
.autoClearer:after {
    clear: both;
}
input[type="radio"],
input[type="checkbox"] {

}
input[type="text"],
input[type="password"],
input[type="email"] {
}
.wrapper {  margin-right: auto; margin-left: auto;  padding: 0;  width: auto;}
iframe { border:none}


@media (min-width: 1400px) {
  .content-medium {
    width: 1400px;
  }
}
.content-mini,
.content-medium,
.content-large {
	width: auto;
	margin: 0 auto;
}
.content-medium.mar {
	padding-top: 40px;
	padding-bottom: 40px;
	clear: both;
}
@media (min-width: 1226px) {
.content-medium {
	width: 1220px;
	}
}
@media (min-width: 614px) {
	.content-mini {
		width: 914px;
	}
}
/************** MENU *****************/
#searchform {
    display: inline-block;
}
.headNegro {width: 100%;display: block;background:#000;
/*Es este el css*/
 color:#FFF; text-align:right; padding:20px 0 40px;}
.headNegro button{ color:#FFF; background: transparent; border: none; display: inline-block;}
.headNegro button:hover{ color:#4a6cb8}
.headNegro input { margin-right:12px; border:none; background:#444; color:#CCC;-webkit-transition: all 0.3s ease;	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease; transition: all 0.3s ease; padding-left:16px}
.headNegro input:hover {background:#464646}
.headNegro.mobi {
	display: none;
}

.headNegro i.fa.fa-whatsapp {
	position: relative;
}

.btn-header-wp:hover {
	background-color: #343434;
}

.headNegro i.fa.fa-whatsapp:after {
	content: "";
    display: block;
    width: 11px;
    height: 11px;
    background-color: #4cca5a;
    position: absolute;
    top: 0;
    z-index: 0;
    border-radius: 50%;
}

.headNegro i.fa.fa-whatsapp:before {
	position: relative;
    z-index: 1;
}

.btnIngresar {     padding: 6px 70px;
    border-left: #2d2d2d 1px solid;
    border-right: #2d2d2d 1px solid;
    display: inline-block;
    position: relative;
    background: #3e6792;
    margin: -10px 0 0 30px;
}
.btnIngresar .ing {
	cursor: pointer;
}

.btnIngresar .botonera {
	display: none;
	position: absolute;
	top: 32px;
	z-index: 99;
	left: 0;
	width: 100%;
	padding: 20px 20px 10px;
	background: #fff;
	-webkit-box-shadow: 0 5px 5px 0 #4A4A4A;
	box-shadow: 0 5px 5px 0 #4A4A4A;
}
.btnIngresar:hover .botonera {
	display: block;
}
.btnIngresar .botonera a {
	display: block;
	border: solid 1px #ccc;
	border-radius: 3px;
	text-transform: uppercase;
	padding: 8px 0;
	margin: 0 0 10px 0;
	text-align: center;
	font-size: 13px;
	font-weight: 700;
	color: #333;
}
.btnIngresar .botonera a:hover {
	color: #fff;
	background: #4a6cb8;
}
header {width: 100%;display: block;background:#fff;	-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;	-ms-transition: all 0.6s ease;	-o-transition: all 0.6s ease;	transition: all 0.6s ease; border-bottom:#e7e7e7 1px solid}
.styk header {	position: fixed;	z-index: 6999;}
.styk.open header {height:150px;	background: rgba(255,255,255,1);}
.styk.open header .menu-nav {}
header.open {position: fixed;	top: 0;	z-index: 99;	background:#fff;	padding: 10px 0;}

.top { position:fixed; bottom:10px; right:10px; width:40px; height:40px; display:block; z-index:6999;  opacity:0; background:#323232;-webkit-transition: all 0.3s ease;	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease; transition: all 0.3s ease;font-family: fontawesome; color:#FFF; font-size:18px; text-align:center; padding-top:10px; border-radius:200px;}
.top:hover {opacity:1; }
.top.menu-active { color:#fff !important}
.display { opacity:0.7}

header .logo {	 max-width:104px;-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; position:absolute; left:0px; top:-30px}
header .content-medium { position:relative}	
header .logo img{ width:100%; max-width:104px}
.styk.open .logo {}

header .social { top:5px; position:absolute; right:0px}
.social li {display: inline-block;	*display: inline;	zoom: 1; margin-left:10px}
.social li a{ color:#FFF; width:45px; height:45px; border-radius:200px; text-align:center;  display: block; font-size: 22px; padding-top: 9px;}
.social li a:hover { opacity:0.6}

a.btnFacebook { background:#4a6cb8}
a.btnInstagram { background:#b28972}
a.btnTwitter { background:#4ba3d3}
a.btnYoutube { background:#c92e35}
a.btnFlickr { background:#c63484}
a.btnWhatsapp { background:#4cca5a}

.hide { display:none}
.unhide { display: block;}

a[title]:hover:after {
  content: attr(title);
  padding: 4px 8px;
  color: #333;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 20;
  white-space: nowrap;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}

.menu-nav {
	float: left;
	margin: 0px 0 0 130px;-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.menu-nav .menu {text-align: right; }
.menu-nav .menu li {	display: inline-block;	*display: inline;	zoom: 1; position:relative; float:left; height:56px}
.menu-nav .menu li span{ margin-bottom:0px;-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; background:#4a6cb8; height:4px; width:100%; position:absolute; left:0px; bottom:0px; margin-bottom:-4px; opacity:0 }
.menu-nav .menu li:hover span { margin-bottom:0px; opacity:1} 
.menu-active span { margin-bottom:0px; opacity:1} 
.menu-nav .menu li a {color: #000; 	letter-spacing: 1px;padding:19px 10px 0 10px;text-transform: uppercase;display: inline-block;vertical-align: middle;
	-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;	overflow: hidden;	font-size: 15px;font-weight: 300; cursor:pointer; height:56px}


.menu-nav .menu li .submenu { position:absolute; top:56px; left:0px; background:#f2f2f2; opacity:0; z-index: -90; width: 250px; height: 0px; overflow: hidden; -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
.menu-nav .menu li:hover .submenu { opacity:1; height: auto}	
.submenu li { height:34px !important; width:100% !important}
.submenu a { text-transform:none !important; font-size:14px !important; padding:10px 0px 0 10px !important; height:34px !important; float:left; display:block !important; width:100% !important; text-align:left !important}
.submenu a:hover { color:#FFF !important; background:#4a6cb8 !important}

/*#servicios .btnServicios span { margin-bottom:0px}
#institucional .btnInstitucional span { margin-bottom:0px}
#descargas .btnDescargas span { margin-bottom:0px}
#noticiasSeccion .btnNoticias span { margin-bottom:0px}*/

a.top { bottom: 20px; right: 120px;}

.soched {
    float: left;
    padding: 0 0 0 0;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 2px;
	margin-bottom:15px;
	width:42rem;
}
.soched a{
	color:white;
}
/**** styky ****/
.stiky {
	background: rgba(255,255,255,1);
	width: 100%;
	height: 0;
	overflow: hidden;
	position: fixed;
	opacity: 0.5;
	top: 0;
	z-index: 99;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.stiky.open {
	opacity: 1;
}


/****************** HOME ******************/
.diapo {clear: both; position:relative; float:left; width:100%; overflow:hidden}

.slider-home {	display: block;	padding: 90px 0 0 0;	position: relative; height:100%; background:#201917;}
.swiper-container { width: 100%;  height: 100%; max-height:500px }
#home .swiper-slide {    text-align: center; display: -webkit-box; height:100%;
	background-position: center center;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;  background-size:cover; max-height:500px 
    }
.slide-video iframe { width:100%; min-height:580px; height:100%; position:absolute; top:0px; left:0px; z-index:-1}
.slide-video h1 { text-shadow:#000 0 0 10px}
.slide-video p { text-shadow:#000 0 0 10px}

.button-prev { background:url(../img/slider/izq2.png); width:50px; height:49px; left:30px; position:absolute; top:50%;margin-top:-22px;z-index:10;cursor:pointer; opacity:0.6;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
.button-next { background:url(../img/slider/der2.png); width:50px ; height:49px ; right:30px; position:absolute; top:50%;margin-top:-22px;z-index:10;cursor:pointer; opacity:0.6;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
.button-prev:hover { opacity:1}
.button-next:hover { opacity:1}


.button-prev2 { background:url(../img/slider/izq2.png); width:50px; height:49px; left:30px; position:absolute; top:50%;margin-top:-22px;z-index:10;cursor:pointer; opacity:0.6;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
.button-next2 { background:url(../img/slider/der2.png); width:50px ; height:49px ; right:30px; position:absolute; top:50%;margin-top:-22px;z-index:10;cursor:pointer; opacity:0.6;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
.button-prev2:hover { opacity:1}
.button-next2:hover { opacity:1}
 
#home .swiper-slide h1{  text-transform:uppercase; font-size:36px; font-weight:700;  color:#FFF; z-index:100; text-shadow: 0 0 8px #000000;}
#home .swiper-slide p{  font-size:18px; line-height:35px;  font-weight:100; color:#FFF; width:70%; margin:0 auto 50px auto; z-index:100 }
#home .swiper-slide a{  font-size:16px; background:#849561; color:#fff;  padding:12px 36px; border-radius:3px;-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; z-index:100 }
#home .swiper-slide a:hover{  background:#62753b}
#home .swiper-pagination {bottom:30px;left:0;width:100%; text-align:center; position:absolute; z-index:99 }


.video-background {
  background: #000;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#vidtop-content {
	top: 0;
	color: #fff;
}
.vid-info { position: absolute; top: 0; right: 0; width: 33%; background: rgba(0,0,0,0.3); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; }
.vid-info h1 { font-size: 2rem; font-weight: 700; margin-top: 0; line-height: 1.2; }
.vid-info a { display: block; color: #fff; text-decoration: none; background: rgba(0,0,0,0.5); transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; }
@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 600px) {
.vid-info { width: 50%; padding: .5rem; }
.vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
.vid-info .acronym { display: none; }
}


/************************ INTERNAS **********************/


.headAzul { background: #3e6792; margin-top: 140px; position: relative; padding: 35px 0 25px; clear: both;}
.headAzul h1 { color:#FFF; font-weight:400; font-size:30px}

.listaDelegados { position:relative; float:left; width:100%; margin-bottom:30px}
.listaDelegados li { position:relative; float:left; width:100%; margin-bottom:30px; text-align:center}
.listaDelegados h1{ font-size:18px; margin-bottom:0px}
.listaDelegados h2{ font-size:16px; margin-bottom:3px; color:#3e6792; font-weight:600}
.listaDelegados h3{ font-size:16px; font-weight:400; margin-bottom:3px;}
.listaDelegados h4{ font-size:16px; font-weight:600; color:#333333 !important}
.listaDelegados h5{ font-size:14px; font-weight:400; margin-bottom:3px;}
.listaDelegados h6{ font-size:18px; font-weight:400; margin-bottom:3px;}
.listaDelegados a{ color:#00a651}

select { border:none; border-bottom:#000 1px solid; width:70% !important; padding-bottom:8px}

#descargas .contentInterna {padding-top:16px}
.descargas .col-md-3{ padding:26px 44px !important; background:#3e6792; border-right:#FFF 1px solid; border-bottom:#FFF 1px solid; overflow:hidden;}
.descargas .col-md-3 span{ opacity:0.4; font-size:14px; color:#FFF}
.descargas .col-md-3 span i{ margin-right:12px}
.descargas .col-md-3 h1{ font-size: 16px;
font-weight: 700;
margin-top: 18px;
color: #FFF;
line-height: 20px;
overflow: hidden;
height: 80px;}
.descargaHover { background:rgba(1,27,54,0.5); width:100%; height:100%; position:absolute; top:0px; left:0px; opacity:0;-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; text-align:center;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;}
.descargas .col-md-3:hover .descargaHover { opacity:1; z-index:60}
.descargas .col-md-3 a{ color:#000; background:#FFF; border:#FFF 1px solid; border-radius:3px; box-shadow:#000 0 0 10px; font-size:14px; padding:10px 59px; position: absolute;
bottom: 10px;
left: 10px;
right: 10px;}
.descargas .col-md-3:hover span{}
.descargas .col-md-3 a i{ margin-right:16px}

.buscador input { height:50px; border:none; border-bottom-left-radius:5px; border-top-left-radius:5px; width:490px; padding-left:20px}
.buscador button { height:50px; border:none; border-bottom-right-radius:5px; border-top-right-radius:5px; width:50px; color:#FFF; background:#4a6cb8}
.buscador button:hover { opacity:0.8}

.headInterna { margin-top:96px; position:relative}
.headInterna img {
    width: 100%;
    display: block;
    margin: 0 auto;
    height: auto;
}
.headInterna .headCont { position:absolute; top:0px; width:100%; text-align:center;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: start;
        justify-content: start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; height:100% }
.headInterna .headCont.centered {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;}
/*.headInterna .headCont h1 { color:#FFF; text-transform:uppercase; font-size:36px; text-shadow:#000 0 0 15px}*/
.headInterna .headCont h1, .headInterna .headCont h2 { color:#FFF;  font-size:36px; background:rgba(74,108,184,0.8); padding:16px 22px; font-weight:500}

.headAreas { margin-top:6px; position:relative}
.headAreas img { width:100%; height: auto;}
.headAreas .headCont { position:absolute; top:0px; width:100%; text-align:center;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; height:100% }
.headAreas .headCont h1 { color:#FFF; text-transform:uppercase; font-size:36px; text-shadow:#000 0 0 15px}
.headAreas .headCont h2 { color:#FFF;  font-size:36px; background:rgba(74,108,184,0.8); padding:16px 22px; font-weight:500}

#subseccion.areaAzul { background:rgba(0,55,112,0.8); padding:30px; width:55%; height:100%; margin:0; position:absolute; top:0px; right:0px}
#subseccion.areaAzul .areaAzulContent { padding:40px 70px}
.areaAzul { background:rgba(0,55,112,0.8); padding:10px; width:50%; height:90%; margin:5% 15px; display: none;}
.areaAzul h1 { font-size:24px !important; text-transform:none !important; text-shadow:none !important;}
.areaAzul p { font-size:12px !important; color:#FFF; line-height:20px !important}
.areaAzulContent { padding:30px; border:#fff 1px solid; width:100%; height:100%}

/************** TABS *****************/

div.tab { float: left; width: 20%; z-index:10}
div.tab button {  display: block; padding: 22px 10px 22px 16px;  width: 100%; border: none;  outline: none; text-align: left; cursor: pointer;  transition: 0.3s; border-bottom: 1px solid #ccc;	  border-right: 1px solid #ccc; background:#fff; position:relative}
div.tab button i{ float:right; margin-top:2px; color:#8c8c8c; margin-right:6px;-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
div.tab button:hover {  background-color: #f2f2f2;}
div.tab button:hover i{ margin-right:0px}
div.tab button.active { border-right:#fff 1px solid; border-left:#4a6cb8 3px solid; color:#4a6cb8;}
div.tab button.active i{ opacity:0}
.tabcontent {  float: left; width: 80%;  min-height: 400px; padding:40px;border-left: 1px solid #ccc; margin-left:-1px; z-index:2; height:auto; display: none;	}
.tabcontent#tab1 {
	display: block;
}
.containerTabs {  border: 1px solid #ccc; position:relative; float:none; overflow:hidden; height:auto; margin-top: 40px;}
.tabcontent .txtCenter { margin-top:40px}
.tabcontent .txtCenter h2{ font-weight:600; color:#003770; margin-top:3px}

.breadcrumb { margin-bottom:20px; font-style:italic}
.breadcrumb a{ color:#999999;}

.txtLeft { text-align:left !important; justify-content: left !important;}
.txtCenter { text-align:center !important; justify-content: center !important;}

.contentInterna { padding:60px 0}
.noHead { padding:160px 0 60px 0; min-height: 550px;}

#nota h1 { font-size:30px; font-weight:500; margin-bottom:20px}
#nota h2 { font-size:20px; margin-bottom:20px }
#nota img{ width:100%; margin-bottom:20px}
#nota .fechaNota { font-size:15px; color:#666666; font-weight:600; margin-bottom:30px}

#nota .principal { padding-right:60px !important}

#notaHome .col-md-6 h1 { font-size:30px; font-weight:500; margin-bottom:20px; line-height: 35px;
overflow: hidden;
max-height: 105px;}
#notaHome .col-md-6 h2 { font-size:20px; margin-bottom:20px; line-height: 24px;
overflow: hidden;
max-height: 96px; }
#notaHome img{ width:100%; margin-bottom:20px;-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
#notaHome a:hover img{ opacity:0.6}
#notaHome a:hover { opacity:0.6}
#notaHome .fechaNota { font-size:15px; color:#666666; font-weight:600; margin-bottom:30px}
#notaHome .cuadroNota { border:#e4e4e4 1px solid; border-radius:3px; padding:30px; margin-bottom:30px}
#notaHome a { color:#333333;}
#notaHome .col-md-6 .cuadroNota { min-height:600px}
#notaHome .col-md-3 .cuadroNota {padding:14px; min-height:400px}
#notaHome .col-md-3 .fechaNota { font-size:15px; color:#666666; font-weight:200; margin-bottom:20px}
#notaHome .col-md-3 .fechaNota i { display:none}
#notaHome .col-md-3  h1 { font-size:18px; line-height:22px; overflow: hidden;
height: 66px;}
#notaHome .col-md-3  h2 { font-size:14px; color:#666666; line-height: 18px;
overflow: hidden;
height: 91px;}


.sidebar { border-left:#CCC 1px solid; padding-left:0px !important}
.sidebar h1 {font-weight:600; font-size:16px !important; margin-left:38px }
.sidebar ul li { width:100%; margin-bottom:15px; padding:14px 40px}
.sidebar a { color:#333}
.sidebar h2 { font-size:16px !important; margin-bottom:0px !important}
.sidebar h3 { font-size:14px; color:#999; margin-bottom:10px}

.notaGeneral .sidebar h1 { color:#359768; }
.notaGeneral .sidebar a:hover { color:#359768; }
.notaGeneral .sidebar ul li { border-left:#359768 3px solid}

#organigrama .contentInterna { text-align:center}
.directivo { margin-top:60px}
.directivo img { border:#cccccc 1px solid; border-radius:300px; margin-bottom:12px}
#organigrama .contentInterna h1 { font-weight:200; font-size:18px;}
#organigrama .contentInterna h2 { font-weight:600; color:#003770; margin-bottom:22px}
#organigrama .contentInterna .col-md-4 {border-right:#e6e6e6 1px solid}
#organigrama .contentInterna .col-md-4:last-child {border-right:none}
#organigrama .contentInterna .col-md-4:last-child h2 { padding-top:22px}
#organigrama .contentInterna .col-md-4 h2:first-child { padding-top:0px !important}
.titInterna { font-size:30px !important}
.titInterna span{ height:2px; width:100px; background:#003770; position:relative; display:block; clear:both; margin:20px auto}
.subtitInterna { font-weight:200 !important; color:#666666 !important; font-size:18px}

*:focus, a:focus {
    outline: none;
}

article {
	display: block;
}

img { max-width:100%}

#publicidad { background:#f6f6f6; text-align:center; padding:30px 0;}
#publicidad h1 { text-align:left; color:#999999; font-size:16px; margin-bottom:20px}
#publicidad a:hover { opacity:0.6}
#publicidad .row { margin-bottom:30px; position:relative; float:left}

#posts { color:#FFF; text-align:center}
#posts .row { margin:0px !important}
#posts .col-xs-12{ padding:0px !important; background:#000; overflow:hidden}
#posts a { color:#FFF}
#posts img {-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; width:100% }
#posts a:hover img {
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -o-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);} 
/*#posts a:hover h1 { opacity:1; margin-left:0px}
#posts a:hover p { opacity:1; margin-right:0px}*/
#posts h1 { font-size:32px; font-weight:500; margin-top:10px; margin-bottom:0px;-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; text-transform:uppercase   }
#posts p { font-size:16px;-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;  }
#posts span { width:58px; height:58px; border:#FFF 1px solid; border-radius:200px; font-size:38px; padding-top:5px; display:inline-block;-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; }
#posts a:hover .contentPost  { background:rgba(0,0,0,0.8)}
.contentPost { position:absolute; top:0; left:0; width:100%;  text-align:center; z-index:99; background:rgba(0,0,0,0.3);
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; height:100%;-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; }
	
#posts.eventosPost .contentPost  { background:rgba(62,103,146,0.4)}
#posts.eventosPost a:hover .contentPost  { background:rgba(62,103,146,1)}
#posts.eventosPost a:hover .contentPost  h1{ margin-top:0px}
#posts.eventosPost .contentPost i{-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; opacity:0; font-style:normal; font-size:24px }
#posts.eventosPost a:hover .contentPost  i{ opacity:1}

.calendario { border:#b3b3b3 1px solid; padding:0px !important; overflow: hidden; background:#eee; margin-bottom: 60px;}
.calendario .cajaAzul { color:#FFF !important; background:#3e6792; padding:0;}
.calendario .cajaGris { color:#303030 !important; background:#eee; padding:0px !important}
.calendario h1{ font-weight:500; padding-bottom:10px;}
.calendario .cajaAzul h1:after{ content:'-'; display:block}
.calendario h2{ font-weight:500;margin-bottom:27px }
.calendario ul{width:100%}
.calendario ul li{width:100%; position:relative; float:left; margin-bottom:16px; font-size:14px !important}
.calendario ul li i{ margin-right:12px}
.calendario .contCaja { width:60%; position:relative; display: block; padding:40px 40px 90px 40px;}
.calendario .imagen { overflow:hidden; float:right; position:absolute; right:0px; top:0px; width:40%; background-position: center center; background-size: cover;}
.calendario .imagen img{ min-height:100%; width:auto}
.imgPrincipal img{ width:100%; margin-bottom:30px}
.calendario .fechas {
	padding: 0;
}
#seguinos  { background:#00477f;  padding:50px 0; color:#FFF;}
#seguinos h1 { font-weight:700; font-size:36px}
#seguinos h2 { font-size:24px}
#seguinos .social { float:left}
/* #seguinos .social a{ width:76px; height:76px; font-size:36px; padding-top:16px} */
#seguinos .social a{ width:76px; height:76px; font-size:36px;}

#wrapNoticias {}
#noticias .content-mini { width:100%; max-width:500px;}
#noticias { padding:50px; background:#eeeeee; margin-right: auto; margin-left: auto;}
#noticias .swiper-wrapper {
  display: flex;
  align-items: center; margin-left:-35px !important}
#noticias h1.titulo { text-transform:uppercase; font-size:36px; margin-bottom:50px; text-align:center}
#noticias h1 i { width:210px; height:1px; background:#333333; display:inline-block; vertical-align:middle}
#noticias h1 span { display:inline-block; margin:0 36px}
#noticias .swiper-slide img { opacity:0}
#noticias .swiper-slide-active img{ opacity:1 !important ;-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
#noticias .swiper-slide-active { opacity:1 !important ;
  -moz-transform: scale(0.9) !important;
  -webkit-transform: scale(0.9) !important;
  -o-transform: scale(0.9) !important;
  -ms-transform: scale(0.9) !important;
  transform: scale(0.9) !important; box-shadow:#666 0 0 10px; z-index:999; margin:0 -10px 0 35px !important}
#noticias .swiper-slide { background:#00477f; padding-top:20px; color:#FFF !important; opacity:0.6;
  -moz-transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -o-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; min-height:650px;}
#noticias .swiper-slide div { position:relative; float:left; width:100%; clear:both; padding:20px 40px 40px 40px}
#noticias .swiper-slide img { width:100%}
#noticias .swiper-slide span { position:relative; float:left; width:100%; clear:both}
#noticias .swiper-slide h3 {color:#FFF; text-align:right;  float:right; font-weight:200; font-size:14px; padding:8px 18px; letter-spacing:1px}
#noticias .swiper-slide h2 { position:relative; float:left; width:100%; clear:both; color:#91928d; font-size:14px; margin-bottom:24px}
#noticias .swiper-slide h1 { text-transform: none;
font-size: 36px;
line-height: 34px;
font-weight: 600;
overflow: hidden;
display: block;
clear: both;
max-height: 104px;}
#noticias .swiper-slide p {font-size:16px; line-height:22px; margin:20px 0 35px 0}
#noticias .swiper-slide a {font-size:16px; text-align:center; border:#FFF 1px solid; border-radius:3px; color:#FFF; padding:11px 37px}
#noticias .swiper-slide a i{font-size:14px; text-align:center;  border-radius:200px; color:#363636;background:#FFF; font-style:normal !important; font-weight:700; padding:1px 6px 0; margin-right:12px;-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
#noticias .swiper-slide a:hover {border:#FFF 1px solid;  color:#363636; background:#FFF}
#noticias .swiper-slide a:hover i{ color:#fff; background:#363636}

.actGeneral h3 { background:#096; }
.actInstitucional h3 { background:#bf8934; }

.prefoot img { width:100%}
footer {	display: block;	background: #000;	padding: 16px 0; font-size:14px; color:#666; text-align:center; position:relative; float:left; width:100%;}
footer a { color:#FFF}


#remates .remates {
    margin-bottom: 3em;
}

#remates .remates div{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 15px;
		background: #f7f7f7;
		border-top: 1px solid #c1c1c1;
		border-bottom: 1px solid #c1c1c1;
}

#remates .remates div:nth-child(odd) {
    background: #eee;
	border-top: 0px solid #c1c1c1;
}

#remates .remates div p {
    width: 20%;
	color: #666;
    font-weight: 400;
	padding: 0 10px;
}

#remates .remates div:hover p {
    color: #000;
}

#remates .remates div p a {
	color: initial;
    font-weight: 400;
	font-size: 14px;
}

#remates .remates div p a:hover {
	color: #3e6792;
}


#remates .remates div p:first-child,
#remates .remates div p:last-child {
    width: 10%;
}

#remates .remates div p:nth-child(2) {

}

.remates-auspicio div {
    margin-bottom: 2em;
}

.banner-remate {
    float: left;
    display: flex;
    flex-wrap: wrap;
    margin: 1em 0 0;
    padding: 20px 15px;
    justify-content: space-between;
    width: 100%;
}

.banner-remate img { 
    width: 100%;
    height: auto;
}

#remates .remates-header{
	margin: 0 0 2.5em;
}

#remates .remates-header h2 {
    font-size: 34px;
    font-weight: 400;
	color: #666;
	margin-bottom: 0.5em;
} 

.remates-auspicio {
    margin: 1em 0 3em;
}

.remates-auspicio h4 {
    font-size: 20px;
    color: #666;
    margin-bottom: 1.5em;
}

.remates-auspicio a {
    color: #fff;
    background: #3e6792;
    padding: 15px 30px;
    font-size: 16px;
}

.remates-auspicio a:hover {
	opacity: 0.8;
}

.remates-auspicio p {
    display: block;
    margin: 2em 0 0;
    font-weight: 400;
}

.remates h4 {
    text-align: center;
    font-size: 20px;
    margin: 1.5em 0;
    color: #3e6792;
}

.remates i {
    font-size: 16px;
}


@media (max-width: 768px) {
#remates .remates div {
    align-items: flex-start;
    flex-direction: column;
}

#remates .remates div p {
    width: 100% !important;
    text-align: center;
    margin: 5px 0;
}

#remates .remates div p img {
    height: 50px;
}

.banner-remate {
    flex-direction: column;
}

.banner-remate img {
    width: auto;
    margin-bottom: 10px;
    text-align: center;
}

.remates-auspicio {
 display: none;
}

.banner-remate a {
    text-align: center;
}   
}


.contactpage .ic {
	display: block;
	margin: 20px auto;
	width: 65px;
	height: 65px;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
}
.contactpage .ic.tel {
	background-image: url('../img/ic-tel.png');
}
.contactpage .ic.mail {
	background-image: url('../img/ic-mail.png');
}
.contactpage .ic.dir {
	background-image: url('../img/ic-dir.png');
}
.contactpage .row {
	overflow: hidden;
}
.contactpage strong {
	display: block;
	text-align: center;
	color: #333;
}
.contactpage strong a {
	color: #333;
}
.contactpage .social {
    display: block;
    clear: both;
    overflow: hidden;
    padding: 60px 0;
    text-align: center;
}

/**************************** RESPONSIVE ***************************/

.menu-nav .menu li.btnIngresarMobile {
	display: none;
}
@media (max-width: 1023px) {
header {height:60px; padding:0px }
.styk.open header {height:60px;}

.close { display:none !important}

	.hamburger {
		position:fixed;
		top:22px;
		float:right;
		margin:0;
		padding:0;
		cursor:pointer;
		z-index:9999;
		display:block;
		right: 10px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.hamburger.open {
		
	}
	.hamburger .hamburger-inner {
		position:relative;
		height:21px;
		width:24px;
		display:block;
		margin:0;
		padding:0
	}
	.hamburger .bar {
		width:24px;
		height:4px;
		background:#000;
		position:absolute;
		top:0;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.stk .hamburger .bar {
		background: #000;
	}
	.hamburger .bar.bar2, .hamburger .bar.bar3 {
		top:7px;
		transform: matrix(0.99999, 0, 0, 0.99999, 0, 0);
	}
	.hamburger .bar.bar4 {
		top:14px
	}
	.hamburger.open .bar1, .hamburger.open .bar4 {
		opacity: 0;
	}
	.hamburger.open .bar2 {
		height:4px;
		transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, 0);
	}
	.hamburger.open .bar3 {
		height:4px;
		transform: matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, 0);
	}
	header {
		overflow: visible;
	}
	header .logo { z-index:99;	float: none; position:relative; left:50%; margin-left:-40px; top:3px	}
	header .logo img { width:80px;	}
	header .content-medium { padding:0px !important}
	.menu-nav {
	    background: #fff none repeat scroll 0 0;
	    display: block;
	    float: none;
	    margin: 0;
	    position: absolute;
	    top: 60px; width:100%;
	    left: 0;
	    right: 0;
	    z-index: 9; 
	    overflow: hidden;
	    max-height: 0;
	    -webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease; 
	}
	.styk.open header .menu-nav { margin:0px !important}
	.menu-nav.open {  max-height:500px;border-bottom:#CCC 1px solid;}
	.menu-nav .menu {text-align: center; padding-top:30px}
	.menu-nav .menu li {  display: block;  margin: 0px 0; width:100%; position:relative; float:left; border-bottom:#CCC 1px solid; height:auto}
	.menu-nav .menu li a{ padding:10px; height:36px}
	.menu-nav .menu li span {
    display: block;
    position: absolute;
    left: auto;
    top: 10px;
    right: 10px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTU3NjA5MDdEMzE0MTFFN0EwQkJCOTEwRkRGMTc0OUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTU3NjA5MDhEMzE0MTFFN0EwQkJCOTEwRkRGMTc0OUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNTc2MDkwNUQzMTQxMUU3QTBCQkI5MTBGREYxNzQ5QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNTc2MDkwNkQzMTQxMUU3QTBCQkI5MTBGREYxNzQ5QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhGgKaEAAADfSURBVHja7NcxCsJAEAXQJF3AyhsIguI9LATZwqN4DW+zZSCQzkoQrQSPIWwl6w+kSGG3f2CKP/DZ9u2Q2d3UOefKczWV8xJQQAEFFLCgQggLZOm5g2fkAeTaK/CCvJHBClkEjDEmLAdLZPGQWCMpU2yJpB0zVkjqOThDvlhI+kE9IY8sZG315AesxdIhK2QL+MfbVTd2boM8keTqLkb3dlh65Iac0L2vG+CEG2a45GZI2Dgq0AJHA/755hJr4w0Rd2fjGA9WUxyjg3vkaoUzvUn00ySggAIKKKCP+gkwAKJNajvwvtOgAAAAAElFTkSuQmCC') center center no-repeat;
    width: 20px;
    height: 20px;
    opacity: 1;
    bottom: auto;
    margin: 0;
	}
	li.btnInstitucional { }
	.menu-nav .menu li.btnIngresarMobile {
	display: block;
}
.menu-nav .menu li .submenu {
	position: relative;
	top: auto;
	left: auto;
	background: #f2f2f2;
	opacity: 1;
	z-index: 1;
	width: auto;
	height: auto;
	text-align: center;
	display: none;
}	
.menu-nav .menu li .submenu.open {
	display: block;
}
.submenu { opacity:1; margin-top:0px;border-top:#CCC 1px solid;}
.submenu li { height:28px !important; width:100% !important}
.submenu a { text-transform:none !important; font-size:12px !important; padding:7px 0px 0px 10px !important; height:28px !important; float:left; display:block !important; width:100% !important; text-align:center !important}
	
.slider-home {	padding: 60px 0 0 0;}
.swiper-slide {  min-height:500px; }
.swiper-slide h1{  font-size:50px; letter-spacing:3px;}
.swiper-slide p{  font-size:20px; line-height:35px;   width:70%; margin:0 auto 30px auto; }
.swiper-slide a{  font-size:20px;  padding:12px 36px; }

.headInterna { padding:0px !important; margin-top:60px}
.headInterna .headCont h1 { margin-bottom:0px}

#publicidad img { width:100%; margin-bottom:20px}
#publicidad .row { margin-bottom:0px}

section { padding:0 10px}
.noHead { min-height: 100px;}
.headNegro { 
	display: none;
}
.headNegro.mobi {
    display: block;
    text-align: center;
    background: #fff;
    clear: both;
    overflow: hidden;
    height: auto;
    padding: 14px 0;
}
.headNegro.mobi .btnIngresar {
	display: none;
}
.headNegro.mobi input {
	background: #333;
	color: #fff;
}
.headNegro.mobi button {
	color: #333;
}
header .social { position:relative; text-align:center; margin:10px auto; display:table}
	
.button-prev { display:none}
.button-next { display:none}	
.button-prev2 { left: 0;}
.button-next2 { right: 0;}
.swiper-slide {  min-height:460px; }
.swiper-slide h1{  font-size:40px; letter-spacing:3px;}
.swiper-slide p{  font-size:18px; line-height:25px;   width:80%; margin:0 auto 30px auto; }
.swiper-slide a{  font-size:16px;  padding:8px 26px; }

#noticias { padding:0px}
#noticias h1.titulo { display:none}

#posts section{ padding:0 0px !important}
#posts span { display:none}
#posts .col-xs-12 { height:150px}

#seguinos { text-align:center; padding:30px 0 60px 0}
#seguinos .social { float:none; margin-top:10px}
#seguinos .social li { margin:0 3px !important}
#seguinos .social a { width:46px; height:46px; padding-top:0px}
#seguinos .social a i { font-size:22px; vertical-align:middle}
#seguinos h2 { font-size:18px}
#seguinos h1 { margin-bottom:0px}

h1 { font-size:30px }

.desk { display:none}
.noHead { padding:100px 0 30px 0}

}

@media (max-width: 640px) {
body { font-size:14px}	

#home .swiper-slide h1 { padding:0 30px}
.headInterna img{ width:200%; margin-left:-50%; max-width:200%}
#organigrama .contentInterna .col-md-4 { border:none !important; margin-bottom:30px}
.contentInterna { padding:30px 0}
.areaAzul { width:100%; background:rgba(0,55,112,1)} 
.headAreas .headCont { position:relative; float:left}
.headInterna .headCont h1 { font-size:30px}
.areaAzulContent { padding:20px !important; border:none}
#subseccion.areaAzul { width:100%; padding:10px; position:relative; margin:0px !important} 
#subseccion.areaAzul .areaAzulContent { padding:20px !important; border:none}
.areaAzul { width:100%; padding:10px; position:relative; margin:0px !important} 
.headAreas { padding:0px !important; margin:0 -15px !important}
.buscador input { width:230px; height:40px}
.buscador button { height:40px}
.descargas .col-md-3{ width:100%}
.descargas { padding:0px !important}
#descargas .contentInterna {padding-top:0px}
#nota .principal { width:100% !important; padding:0px 0px 40px 0px !important}
#nota .sidebar { width:100% !important; padding:0px !important; border:none; margin-top:30px}
.notaGeneral .sidebar ul li { border:none; padding:14px 0px}
.sidebar h1 { margin-left:0px}

#posts.eventosPost .contentPost { border-bottom:#FFF 1px solid; background:rgba(62,103,146,1)}
#posts.eventosPost .contentPost i{ opacity:1}

.headInterna .headCont h2 { font-size:20px; padding:8px 11px}
.calendario { padding:0px !important}
.calendario .col-sm-12 { width:100%; padding:0px}
.calendario .contCaja { width:100%}
.calendario .imagen { position:relative; width:100%}
.calendario .imagen img{ width:100%}

.imgPrincipal { width:100% !important}
.txtPrincipal { width:100% !important}

p { font-size:14px}

div.tab {  width: 30%; font-size:12px !important}
div.tab i { display:none}
.tabcontent {  width: 70%; padding:20px; height:760px	}
.containerTabs {  height:auto}
.containerTabs h1{ font-size:22px}
.tabcontent .txtCenter { margin-top:20px}
.tabcontent .txtCenter h2{ font-weight:600; color:#003770; margin-top:3px}

select.div-toggle { width:100% !important; margin-bottom:30px}

#institucional .headAzul { margin-top: 60px}
#institucional .headAzul h1 { text-align:center; margin-bottom:0px}

img.mapa { display:none}

}

/************************ AGREGADO BURTON *********************/
.custom-content-reveal {
	left: 100%;
	padding: 40px;
	text-align: left;
	color:#FFF !important; background:#3e6792;
}
.custom-calendar-wrap {
	overflow: visible;
}
.custom-inner::before, .custom-inner::after {
	box-shadow: none;
}
.fc-calendar-events {
    display: none;
}
.fc-calendar-container {
	height: 300px;
}
.custom-inner {
	box-shadow: none;
}
.custom-calendar-wrap {
	margin: 0;
}
.custom-inner::before, .custom-inner::after {
	background: transparent;
 }
 .fc-calendar .fc-row > div > span.fc-date {
 	width: 36px;
 }

 .item-result {
 	display: block;
 	font-size: 16px;
 	line-height: 24px;
 	padding: 10px 0;
 	color: #333;
 	border-bottom: solid 1px #3e6792;
 }
  .item-result:hover {
  	color: #3e6792;
  }
 .tog-popup {
 	color: #3e6792;
 	font-weight: 700;
 }
.iframe-popup {
	display: none;
	width: 100%;
	height: 700px;
}
.iframe-popup.open {
	display: block;
}
.iframe-popup iframe {
	width: 100%;
	height: 700px;
}
.botonera-sub {
	display: block;
	overflow: hidden;
	margin: 0 0 30px 0;
	text-align: left;
}
.botonera-sub a {
	display: inline-block;
	border: solid 1px #ccc;
	border-radius: 3px;
	text-transform: uppercase;
	padding: 10px;
	margin: 0 20px 0 0;
	text-align: center;
	font-size: 13px;
	font-weight: 700;
	color: #333;
}
.botonera-sub a:hover {
	color: #fff;
	background: #4a6cb8;
}

.popmodal {
	opacity: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.8);
	z-index: -1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.popmodal.open {
	opacity: 1;
	z-index: 99999;
}
/** con esta clase se abre el pop up **/
.openpopup {

}
/******/
.popmodal .closepopup {
	display: block;
	position: absolute;
	cursor: pointer;
	top: -40px;
	right: -40px;
	width: 40px;
	height: 40px;
	z-index: 9;
	background:url("../img/close.png") center center no-repeat;
}
.popmodal .conten {
	position: relative;
	width: 1000px;
	height: auto;
	margin: 0 auto;
	padding: 0 20px;
}
.popmodal .conten iframe {
	width: 100%;
	height: 600px;
	display: block;
}
/*img.mapa {
	display: none;
}
img.mapa.active {
	display: block;
}*/

@media (max-width: 1150px) {
	.popmodal .closepopup {
	 	top: -38px;
		right: 13px;
	 }
}
@media (max-width: 1023px) {
 .custom-content-reveal {
		left: 0;
	}

}

@media (max-width: 767px) {
 .botonera-sub a {
 	margin-bottom: 10px;
 	margin-right: 10px;
 }
 
}

@media (max-width: 480px) {
.popmodal .conten iframe {
	height: 400px;
}
}



#nota .principal p {
    margin-bottom: 25px !important;
}

#nota .principal ul {
    list-style: initial !important;
    padding-left: 40px;
}

#nota .principal li{
	list-style: inherit !important;
	margin-bottom: 10px;
}

.listaDelegados h5 {
    padding: 0 50px;
	 line-height: 22px;
}

#noticias .swiper-slide h1 {
    max-height: 140px !important;
	 font-size: 34px;
	padding-bottom: 5px;
}

#noticias .swiper-slide img {
    opacity: 1;
}

.calendario .contCaja
{
	width:100% !important;
}


/*GM*/

.em-calendar
{
	font-family: "Rubik";
	margin-left:auto;
	margin-right:auto;
}

@media (max-width: 767px) {
	.em-calendar
	{
		margin-top:50px;
		width:80%;
	 margin-left:10%;
	 margin-right:10%;
 }
}

.em-calendar tbody tr td
{
	padding:13px;
}

.em-calnav-prev, .em-calnav-next
{
	color: #3e6792;
}

.eventful
{
	background: #3e6792;
  border-radius: 200px;
}

.eventful a
{
	color: #fff !important;
}

.eventless-today
{
	border-radius: 200px;
}

.iconoFiltro
{
	width:50px;
	margin-bottom: 7px;
}

.icon4
{
	float:left;
	width:25%;
}

.barra-busqueda
{
	min-height:100px;
	width:100%;
	background:#3e6792;
	clear:both; 
	padding-left:5%;
	padding-right:5%;
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button !important;
  }

#search-criteria::-webkit-search-cancel-button{
    position:relative;
    right:20px;    
}

.buscador-filtro input
{
	height: 39px;
    width: 300px;
    border-radius: 5px;
	
}

.subrayado
{
	text-decoration:underline;
}

.icon4 p 
{
	
	padding-top:15px;
	text-align:center;
   
    clear: both;
   
   
  
}

.icon4 p span
{
		color:white;
		font-weight:600;
		padding-top:10px;
}

.sinpaddinglados
{
	padding-left:0;
	padding-right:0;
}

#search-criteria
{
	text-align:center;
}

.tituloprincipal  {
	
	margin-top:7%;
	
}

@media (max-width: 1023px)
{
.tituloprincipal  {
	
    display: inline-block !important; 

	margin-top:18%;
	
}

#noticias h1 i {
    width: 61px;
}

.img-iconos-datos
{
	height:80px;
}


}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
 .img-preacre
 {
	 height:240px !important;
	 
 }
 
 #search-criteria
 {
	 width:100%;
 }
 
}

#publicidad-palermo
{

margin-top:10px;
margin-bottom:30px;	
	
}


.header-filtro
{
	padding-top:0 !important;
	
}

:host {
	max-width: 90px;
	margin: 20px;
}

/*END GM*/