/*****CLASIFICADORA*****/

@import url(https://fonts.googleapis.com/css?family=Open+Sans|Open+Sans+Condensed:300|PT+Sans+Narrow);
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600|Arvo:700");
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&display=swap);

@font-face {
font-family: 'AvenirNextLTPro-Regular';
font-display: fallback;
src: url('font/AvenirNextLTPro-Regular.eot'); /* IE9 Compat Modes */
src: url('font/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('font/AvenirNextLTPro-Regular.woff') format('woff'), /* Modern Browsers */
     url('font/AvenirNextLTPro-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('font/AvenirNextLTPro-Regular.svg#svgFontName') format('svg') /* Legacy iOS */
}

/* Basic */

	*,*:before,*:after{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box}

	body {
    /*font-size: 0.80em;*/
		font-size: 12pt; /* era 13.5*/
		font-style:normal;
		/*background: #ffffff;  era e3e9dc url(images/bg04.png)*/
		font-family: 'AvenirNextLTPro-Regular','Open Sans Condensed',sans-serif; 
		color: #546b76; /* era 878e83*/
		letter-spacing: 0.3px; /* era -1 */
		font-weight: normal; /* agregado */
		line-height: 1.5em; /* agregado */ 
		margin:0px;
	}

	h1 {
		font-size: 1em; 
		color: rgba(116,135,165,.9); 
		font-weight: normal;
		/*text-shadow: 1px 1px 0px rgba(0,0,0,0.1); agregado */
		line-height: 1.2em; /* agregado */
		margin-top: 1em;
	}		
	h2,h3,h4 {
		
		/*text-shadow: 1px 1px 0px rgba(0,0,0,0.3); agregado */
		line-height: 1.2em; /* agregado */
	}
	h2,h2 a {
		font-size: 1.1em;
		color: #283121;
		margin-bottom: 0.5em;
	}

	/*h2:hover {
		color: rgba(20, 130, 255, 1);
		text-decoration:underline;
	}*/


	h3 {
		/*color: #499EE4;*/ /*celeste oscuro 427CB7  verde logo 3E9331, era #007897 calipso */
		/*font-size: 1.2em;*/
		/*padding: 0 0 0.4em 0;*/
	}


	#pagint-wrapper p
	{ 
		font-size: 1em;
	}
	p, ul {
		margin-bottom: 1em;
	}

	p {
		line-height: 1.4em;
		letter-spacing: 0em;
		font-size: 0.9em;
		margin-top: .4em;
		text-align:justify;
	}
	strong {
		color: #474e43;
	}

	.right {
		float: right;
		margin-top: .2em;
	}
	img.left {
		float: left;
		margin: 0px 1.25em 0 0;
		box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.2); 
	}
	img.right {
		float: right;
		margin: 2px 30px 0 0px;
	}
	img.bullet {
		float: left;
		margin: 2px 1.25em 0 0;
	}

	img.top {
		margin: 4px 0 2.25em 0;
	}

	ul {
		padding: 0.1em 0 0 0;
		list-style: none;
	}

	a {
		color: rgba(79, 136, 182, 1);
		text-decoration: none;
	}

	a:hover {
		color: #399EE4;
	}

	* > p:last-child {
		margin-bottom: 0 !important; /*!important significa q actúa sobre otras reglas */
	}
.inlineflex {
	display: inline-flex;	
}
	#pagint-wrapper h1 {
		/*font-family: 'Open Sans',Helvetica,Arial,'Lucida Grande',sans-serif;*/
		color:#005293;
		font-size: 1.5em;
		letter-spacing: 0.6px;
		margin-bottom: 0.6em;
		margin-top: 0px;
		display: inline-block;
		/*text-shadow: 1px 1px 0px rgba(0,0,0,0.3);*/
	}
	#pagint-wrapper h1:before {font-family:'FontAwesome';color: rgba(192, 80, 77, 0.8);display: inline-block; content: "";padding: 0 0.1em; margin-right: 0.3em;font-size: .9em;}
	#pagint-wrapper h2:before { font-family:'FontAwesome';font-weight: 900; color: rgba(192, 80, 77, 0.8);display: inline-block; content: "\f142";padding: 0 0.1em; margin-right: 0.3em;font-size: .9em;}
	#pagint-wrapper h2 {
		/*font-family: 'Open Sans',Helvetica,Arial,'Lucida Grande',sans-serif;*/
		color: rgba(35,49,56,1); /*#E89415 amarillo cc0000 rojo  rgba(72,92,102,1) gris  rgba(79,136,182,1) celeste*/
		margin-bottom: 0.5em;
		font-size: 1.05em;
		text-decoration:none;display: inline-block;
		/*font-weight:bold;*/
	}

/* Copyright */

#copyright {
    text-align: center;
    color: #fff;
	border-top: solid 0px #66CCFF;
    padding: 0em 0 0 0;
    margin: 0% 0 0 0;
    font-size: 0.8em;
    background: #04314b;
	width: -webkit-fill-available;
	position: fixed; 
	bottom:0;
	}
#copyright a {
	color: #fff; /* A6A88F*/
	}

.iflag {
	width: 1.15em;
	-webkit-filter: opacity(.6);
	filter: opacity(.6);
}

.iverde {color:rgba(144, 193, 128,1);}
.irojo {color:rgba(192, 80, 77, 0.8);}
.inaranjo {color:rgba(252, 164, 29, 1);}
.icalipso {color:rgba(29, 179, 252, 1);}
.bg-gris { background-color:rgba(237,239,239,1);}

	.marco, .marcotbl { /*marco de texto principal dentro de las pág. interiores */
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	margin: 0px;
	padding: .8em .8em .4em .8em;	
	border-radius: 2px;/*border-bottom-right-radius:*/
	
    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 2px 2px 3px rgba(0,0,0,.2);
	overflow:hidden;
	}
	.marcotbl { /*marco tabla  */
	padding: 0em;
	}
	.marcoazul { /*marco azul de texto dentro de las pág. interiores */
	padding: .8em .2em .4em .4em;	
	background: rgba(111,162,203,0.2);/*rgba(118, 174, 220, 0.3)*/
	border: 3px solid #fff;
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	margin: 0;
	border-radius: 2px;/*border-bottom-right-radius:*/
	/*border: 1px solid #a6c9e2;*/
    box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
	}
	#pagint-wrapper .marcoazul p { /*marco azul de texto dentro de las pág. interiores */
	font-weight: bold;
	color:#002645;
	font-size: 0.8em;
	margin: 0em 0em 0.8em 0em;
	text-align:left;
	}
	#pagint-wrapper .marcoazul p:last-child {
		margin-bottom: 0.8em !important;
	}
	.marcoazul a:hover{ /*marco azul de texto dentro de las pág. interiores */
	font-weight: bold; 
	}
	#divfiltro {margin-right:-2em;border:8px solid #E6E6E6; width:50%; height:auto; margin-bottom:.5em; padding: 5px; font-size: 1em; color: #666666; line-height: 1em; z-index:99;  background-color: #fff;
	}
	#divfiltro a:hover {
		font-weight: normal;
	}

.rowraya {/* raya gris */
	border-top:solid 1px #999999;margin:20px 0 0px 0px;
	}
	
	.big-image-list {
	}
		.big-image-list li {
			overflow: hidden;
			margin-bottom: 2em;
		}
		.big-image-list img {
			overflow: hidden;
			margin-bottom: 1em;
			box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
			width: 100%; 
		}	
ul.art-image-list {   
	 margin-bottom: 0em;
	}
		ul.indexart-image-list li {
			font-family:'Roboto Condensed', sans-serif,'Open Sans Condensed'; 
			overflow: hidden;
			border-radius: 5px;
			margin-bottom: 0em;
			box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
		}
		ul.indexart-image-list li:hover, ul.articulo-image-list li:hover{
			background:rgba(237,239,239,.8);
			color: rgba(84,107,118,1);
		}
		ul.indexart-image-list img {
			overflow: hidden;
			margin-bottom: .5em;
			box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
			width: 100%; 
		}		 
		ul.indexart-image-list p {
			margin: .4em;
			color: rgba(84,107,118);
			font-size: 1em;text-align:left;
		}
		ul.indexart-image-list h3 {
			color:#485A6B;
			font-size: 1em;
			margin: .4em .3em .4em .3em;
			text-align:left;
		}

/*ESTILOS TAB INTO ACCORDION******************************/

.transformer-tabs ul {
  list-style: none;
  padding: 0;
  margin: 0px;
  border-bottom: 0px solid white;
}
.transformer-tabs li {
  display: inline-block;
  padding: 0;
  vertical-align: bottom;
  background: #F4F7F7;
  border-radius: 0.5em 0.5em 0 0;
  -moz-border-radius: 0.5em 0.5em 0 0;
  -webkit-border-radius: 0.5em 0.5em 0 0;
  border: 1px  solid #c5dbec;
  border-bottom: 0px;
}
.transformer-tabs li:nth-child(1) .active {
  color: white;
  border-bottom-color: #9b59b6;
  background: #5c9ccc url("images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") 50% 50% repeat-x;

  border-radius: 0.5em 0.5em 0 0;
  -moz-border-radius: 0.5em 0.5em 0 0;
  -webkit-border-radius: 0.5em 0.5em 0 0;
}
.transformer-tabs li:nth-child(2) .active {
  color: white;
  border-bottom-color: #3498db;
  background: #5c9ccc url("images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") 50% 50% repeat-x;
  border-radius: 0.5em 0.5em 0 0;
  -moz-border-radius: 0.5em 0.5em 0 0;
  -webkit-border-radius: 0.5em 0.5em 0 0;
}
.transformer-tabs li:nth-child(3) .active {
  color: white;
  border-bottom-color: #e67e22;
  background: #5c9ccc url("images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") 50% 50% repeat-x;
  border-radius: 0.5em 0.5em 0 0;
  -moz-border-radius: 0.5em 0.5em 0 0;
  -webkit-border-radius: 0.5em 0.5em 0 0;
}
.transformer-tabs li:nth-child(4) .active {
  color: white;
  border-bottom-color: #c0392b;
  background: #5c9ccc url("images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") 50% 50% repeat-x;
  border-radius: 0.5em 0.5em 0 0;
  -moz-border-radius: 0.5em 0.5em 0 0;
  -webkit-border-radius: 0.5em 0.5em 0 0;
}
.transformer-tabs a {
  display: inline-block;
  text-decoration: none;
  padding: 0.5rem ;
  color: rgba(79, 136, 182, 1); /* #8AA9BF*/
}
.transformer-tabs a.active {
  border-bottom: 0px solid transparent;
  position: relative;
  bottom: 0px;
}
@media (max-width: 600px) {
  .transformer-tabs ul {
    border-bottom: 0;
    overflow: hidden;
    position: relative;
    background: #fff;
    /* fallback */
    background: linear-gradient(#fff, #fff);
  }
  .transformer-tabs ul::after {
    font-family:"FontAwesome";
	content: "\f0c9";
    position: absolute;
    top: 8px;
    right: 15px;
    z-index: 2;
    pointer-events: none;
	color: #99ffff;
  }
  .transformer-tabs ul.open a {
    position: relative;
    display: block;
  }
  .transformer-tabs li {
    display: block;
    border-radius: 0em;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
  }
  .transformer-tabs li:nth-child(1) .active {
    border-radius: 0em;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
  }
  .transformer-tabs li:nth-child(2) .active {
    border-radius: 0em;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
  }
  .transformer-tabs li:nth-child(3) .active {
    border-radius: 0em;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
  }
  .transformer-tabs li:nth-child(4) .active {
    border-radius: 0em;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
  }
  .transformer-tabs a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	padding: 0.5rem;
  }
  .transformer-tabs a.active {
    border: 0;
    z-index: 1;
    background: #5c9ccc;/* esto no se ve...*/
    /* fallback */
    background: linear-gradient(#5c9ccc, #e67e22);
  }
}

.tabs > div {
	position: relative;
  border-radius: 0em 0.5em 0 0;
  display: none;
  padding: 1rem 1rem 1rem 1rem;
  border: 1px solid #a6c9e2;
}
.tabs > div:nth-of-type(1) {
  background: #fff;
}
.tabs > div:nth-of-type(2) {
  background: #fff;
}
.tabs > div:nth-of-type(3) {
  background: #fff;
}
.tabs > div:nth-of-type(4) {
  background: #fff;
}
.tabs > .active {
  display: block;
}

@media (max-width: 600px) {
  .tabs > div {
    border-radius: 0em 0em 0.5em 0.5em;
    -moz-border-radius: 0em 0em 0.5em 0.5em;
    -webkit-border-radius: 0em 0em 0.5em 0.5em;
  }
}

/*FIN TAB INTO ACCORDION**************/

/* agregado para tooltip
--------------------------*/
[role=tooltip] {

}
.ui-tooltip, .arrow:after {
   box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
  background: #6F94BF;
  color: #fff;
 border:0px;
    
  }
  .ui-tooltip {
    padding: 5px 12px 5px 12px;
    color: white;
    border-radius: 5px;
    font-size:  .9em ;
	font-family: "Open Sans";
    text-transform: lowercase;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px rgba(0, 0, 0, 0);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }
/*FIN TOOLTIP **************/

/*diseño SCROLL**************/
/* Tamaño del scroll */
.scroll::-webkit-scrollbar {
  width: 8px;
}

 /* Estilos barra (thumb) de scroll */
.scroll::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}

.scroll::-webkit-scrollbar-thumb:active {
  background-color: #999999;
}

.scroll::-webkit-scrollbar-thumb:hover {
  background: #b3b3b3;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

 /* Estilos track de scroll */
.scroll::-webkit-scrollbar-track {
  background: #e1e1e1;
  border-radius: 4px;
}
 
.scroll::-webkit-scrollbar-track:hover, 
.scroll::-webkit-scrollbar-track:active {
  background: #d4d4d4;
}
/*FIN diseño scroll**************/

/*btn**************/
.btn-primary, .btn-success, .btn-warning, .btn-danger, .btn-info {
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}

.btn {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
}
.btn-primary {
    color: #fff;
    background-color: rgba(192, 80, 77, 0.7);/* #337ab7;*/
    border-color: #2e6da4;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    /*padding: 6px 12px;*/
    font-size: .9em;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*autocompletar*/
div#divfiltro input.formulario-autocompletar  { 
	font-size: .8em;
	color: #A4A4A4;
	border-bottom: solid 2px #397ab7;
  	padding: .3em;
	border-radius:.3em;
  	border: solid 1px #fff;
  	box-shadow: inset 1px 1px 2px 0 #397ab7;
  	transition: box-shadow 0.3s;
	width: 80%;
}
.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: .75em;
}
.ui-menu .ui-menu-item:nth-child(even) {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0;
    background: rgba(237,239,239,0.8);
}


/*Slider**************/

.container2 { margin:150px auto;}
#mixedSlider {
  position: relative;transform: rotate(deg);
}

#mixedSlider .MS-content {
  white-space: nowrap;
  overflow: hidden;
  margin: 0 5%;
}
#mixedSlider .MS-content .item {
  transform: rotate(0deg);display: inline-block;
  width: 33.3333%;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  height: 100%;
  white-space: normal;
  padding: 0 10px;
}
@media (max-width: 991px) {
  #mixedSlider .MS-content .item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  #mixedSlider .MS-content .item {
    width: 100%;
  }
}
#mixedSlider .MS-content .item .imgTitle {
  position: relative;
}
#mixedSlider .MS-content .item .imgTitle .blogTitle {
  margin: 0;
  text-align: left;
  letter-spacing: 2px;
  color: #252525;
  font-style: italic;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  bottom: 0;
  font-weight: bold;
  padding: 0 0 2px 10px;
}
#mixedSlider .MS-content .item .imgTitle img {
  height: auto;
  width: 100%;
}
#mixedSlider .MS-content .item p {
  font-size: 16px;
  margin: 2px 10px 0 5px;
  text-indent: 15px;
}
#mixedSlider .MS-content .item a {
  float: right;
  margin: 0 20px 0 0;
  font-size: 16px;
  font-style: italic;
  color: rgba(173, 0, 0, 0.82);
  font-weight: bold;
  letter-spacing: 1px;
  transition: linear 0.1s;
}
#mixedSlider .MS-content .item a:hover {
  text-shadow: 0 0 1px grey;
}
#mixedSlider .MS-controls button {
  position: absolute;
  border: none;
  background-color: transparent;
  outline: 0;
  font-size: 50px;
  top: 95px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.15s linear;
}
#mixedSlider .MS-controls button:hover {
  color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 992px) {
  #mixedSlider .MS-controls button {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls button {
    font-size: 20px;
  }
}
#mixedSlider .MS-controls .MS-left {
  left: 0px;
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-left {
    left: -10px;
  }
}
#mixedSlider .MS-controls .MS-right {
  right: 0px;
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-right {
    right: -10px;
  }
}
#basicSlider { position: relative; }

#basicSlider .MS-content {
  white-space: nowrap;
  overflow: hidden;
  margin: 0 2%;
  height: 50px;
}

#basicSlider .MS-content .item {
  display: inline-block;
  width: 20%;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  height: 100%;
  white-space: normal;
  line-height: 50px;
  vertical-align: middle;
}
@media (max-width: 991px) {

#basicSlider .MS-content .item { width: 25%; }
}
@media (max-width: 767px) {

#basicSlider .MS-content .item { width: 35%; }
}
@media (max-width: 500px) {

#basicSlider .MS-content .item { width: 50%; }
}

#basicSlider .MS-content .item a {
  line-height: 50px;
  vertical-align: middle;
}

#basicSlider .MS-controls button { position: absolute; }

#basicSlider .MS-controls .MS-left {
  top: 35px;
  left: 10px;
}

#basicSlider .MS-controls .MS-right {
  top: 35px;
  right: 10px;
}