@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Yanone+Kaffeesatz:200,300,400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

@font-face {
  font-family: 'fontawesome';
  src:url('../fonts/fontawesome-3.html');
  src:url('../fonts/fontawesomed41d.html?#iefix') format('embedded-opentype'),
    url('../fonts/fontawesome.html') format('woff'),
    url('../fonts/fontawesome-2.html') format('truetype'),
    url('../fonts/fontawesome-4.html#bpicons') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
  background: url("../imagenes/bg-Internacional.jpg") no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: 100% auto;
  -o-background-size: cover;
}

body,
html {
  width: 100%;
  height: 100%;
}

.slide {
  display: block !important;
  height: 100% !important;
  position: relative !important;
  width: 100% !important;
  left: 0px !important;
}

.comillas2 {
  width: 50px;
  float: right;
  margin-right: 10px;
  margin-top: -20px;
}

.comillas1 {
  width: 50px;
  min-height: 50px;
  padding: 0px;
  margin-top: -17px;
  margin-right: 10px;
}

.espacio-derc.tercer{
  margin-top: 6px;
  width: 100%;
}

.content-section-mul {
  display:block;
  width:100%;
  height:auto;
  background:rgba(255,255,255,.3);
  padding:0px 0px;
  position:relative;
  margin:80px auto 20px;
  box-shadow: 0px 1px 2px rgba(27,27,27,1.00);	
}

.bg-mul-inter{
  display:block;
  width:100%;
  height:auto;
  background:rgba(255,255,255,.9);
  padding:10px 10px !important;
  box-shadow: 0px 1px 2px rgba(27,27,27,1.00);	
  margin:10px auto;
}

.container-fluid2{
  padding: 0px 0;
  margin:0px auto;
}

.sin-espacio{
  padding:0 !important;
}

.espacio-izqui{
  padding-bottom:0px !important;
  padding-top:0px !important;
  padding-left:5px !important;
  padding-right:0px !important;
}

.espacio-derc{
  padding-bottom:0px !important;
  padding-top:0px !important;
  padding-left:0px !important;
  padding-right:5px !important;
}

.sin-margen{
  margin:0 !important;
}

.img{
  width:100%;
  height:100%;
  text-align:center;
}

.bg_miga{	
  background:rgba(255,255,255,0.60)
}	

.bg_multiculturalismo{	
  background:rgba(255,255,255,0.9);
  padding:30px 20px;
  height:389px;
}	

.bg_multiculturalismo h2{	
  padding:0px 0px;
  margin:0px 0px 10px;
  color:#686868;
  font-weight:600;
  font-size:250%;
  font-family:'Yanone Kaffeesatz',sans-serif;
}

.bg_multiculturalismo p {
  padding: 0px 12px 0px 18px;
  color: #686868;
  font-size: 15px;
  font-family: 'Open Sans', sans-serif;
  /* background: url(../imagenes/bg-img-izq.png) no-repeat left top; */
  text-align: left;
  border-left: solid 3px #a20f26;
  margin-top: 50px;
}

.interior-title{
  font-family:'Yanone Kaffeesatz',sans-serif;
  text-shadow: 0px 1px 2px #2A2A2A;
  color:#F9F9F9;
  margin:15px 0px 10px;
}	

.interior-title-pais{
  font-family:'Yanone Kaffeesatz',sans-serif;
  text-shadow: 0px 1px 2px #2A2A2A;
  color:/*#FF6600*/#FFF;
  padding-left:10px;
  font-size:150%;
  margin:15px 0px 10px;
}		

.informe_multicultural {
  width: 60%;  
  margin: 0 auto;  
  display: block;  
  padding-bottom: 20px;
}


/*================Slider=================*/	
.col-item {
  width: 100%;
}

.col-item .photo {
  margin: 0 auto;
  width: 100%;
  height:300px;
  position:relative;
}

.col-item .bg-img-superior{
  margin: 0 auto;
  width: 100%;
  height:300px;
  padding:10px;
  background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,6) 100%);
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,6) 100%);
  background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );
  position:absolute;
  top:0px;
  left:0px;
  
}

.bg-img-superior a,
.bg-img-superior a:hover{
  margin: 0 auto;
  color:none; 
  width: 100%;
  height:300px;
  padding:10px;
}

.col-item .bg-img-superior h4{
  position:realtive;
  font-family: 'Open Sans', sans-serif;
  width:50%;
  top:0px;
  left:0px;
  color:#fff;
  text-align:left;
  padding:10px;
  -webkit-text-shadow: 0px 1px 2px rgba(35,35,35,1.00);
  -moz-text-shadow: 0px 1px 2px rgba(35,35,35,1.00);	
  text-shadow: 0px 1px 2px rgba(35,35,35,1.00);
}

.bg-img-superior h4 a,
.bg-img-superior h4 a:hover,
.bg-img-superior h4 a:focus{
  text-align:left;
  color:#fff;
  text-decoration:none;
  padding: 0px;
  margin: 0px;
}

.col-item .info{
  width:90%;
  height:95px;
  max-height:105px;
  padding: 10px;
  margin: 0px auto;
  position:relative;
  top:-25px;
  background: #FFF;
  border-top:3px solid #98222c;
  -webkit-box-shadow: 0px 1px 2px rgba(35,35,35,1.00);
  -moz-box-shadow: 0px 1px 2px rgba(35,35,35,1.00);	
  box-shadow: 0px 1px 2px rgba(35,35,35,1.00);
}

.info p{
  padding: 0px;
  margin: 0px;
  font-size:12px;
  color:#6b6b6b;
  font-family: 'Open Sans', sans-serif;
}

.info p a{
  padding: 0px;
  margin: 0px;
  color:#6b6b6b;
  text-decoration:none;
}

.info p a:hover,
.info p a:focus{
  color:#434343;
  text-decoration:none;
}

.pais{
  width:98%;
  height:46px;
  padding:5px;
  margin: 0px auto;
  position:absolute;
  bottom:60px;
}

.pais h2{
  padding: 0px 0px;
  margin: 0px 0px 0px 0px;
  color:#fff;
  font-size:280%;
  font-family: "Yanone Kaffeesatz", sans-serif;
  -webkit-text-shadow: 0px 1px 2px rgba(35,35,35,1.00);
  -moz-text-shadow: 0px 1px 2px rgba(35,35,35,1.00);	
  text-shadow: 0px 1px 2px rgba(35,35,35,1.00);
}

.pais h2 a,
.pais h2 a:hover,
.pais h2 a:focus{
  color:#fff;
  text-decoration:none;
  margin: 0px 0px 0px 10px;
  padding: 0px 0px;
}

.bandera {
  width:35px;
  height:35px !important;
  float:left;
  margin: 20px 10px 0px 0px ;
}

.col-item:hover .info {
  background-color: #F5F5DC;
}

.carousel{
  margin:20px 0px 10px;
}

.controls {
  margin-top: 0px;
  position: absolute;
  z-index:3;
  top:40%;
  width:100%;
}

[data-slide="prev"]
{
  margin-right: 10px;
}

.btn-slider-next{
  text-align: center;
  width:50px;
  height:50px;
  position:relative;
  right:10px;
  background: rgba(227,227,227,0.70);
  
  -webkit-border-radius:100px;
  -moz-border-radius:100px;
  border-radius:100px;
  
  -webkit-box-shadow: 0px 1px 2px rgba(35,35,35,1.00);
  -moz-box-shadow: 0px 1px 2px rgba(35,35,35,1.00);	
  box-shadow: 0px 1px 2px rgba(35,35,35,1.00);
  
  transition:800ms ease all;
  float:right;
}

.btn-slider-next:hover{
  color:#fff;
  background: rgba(227,227,227,0.50);
  text-decoration:none;
}

.btn-slider-next:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
  text-decoration:none;
  transition:400ms ease all;
}

.btn-slider-prev{
  text-align: center;
  width:50px;
  height:50px;
  position:relative;
  left:-20px;
  background: rgba(227,227,227,0.70);
  
  -webkit-border-radius:100px;
  -moz-border-radius:100px;
  border-radius:100px;
  
  -webkit-box-shadow: 0px 1px 2px rgba(35,35,35,1.00);
  -moz-box-shadow: 0px 1px 2px rgba(35,35,35,1.00);	
  box-shadow: 0px 1px 2px rgba(35,35,35,1.00);
  
  transition:800ms ease all;
  float:left;
}

.btn-slider-prev:hover{
  color:#fff;
  background: rgba(227,227,227,0.50);
  text-decoration:none;
}

.btn-slider-prev:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
  text-decoration:none;
  transition:400ms ease all;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
  height:auto !important;
}


/*================miga-pan=================*/
.miga-pan{
  font-size: 12px;
  text-align:left;
  line-height:30px;
  float: left;
  padding:5px 5px 0px 0px;
  transition:300ms ease all;
  text-decoration:none;
}

.miga-pan a{
  padding:0px;
  color:#ad082c;
  text-decoration:none;
}		

.miga-pan a:hover{
  color:#f9071f;
  text-decoration:underline;
}

.miga-pan a:after{
  text-decoration:none;
  transition:300ms ease all;
}	
/*================Fin-miga-pan=================*/	
/*================Destacado=================*/	
.outstanding{
  width:100%;
  float:left;
  padding:10px;
  margin:20px 0px 10px;
  border-top:3px solid #9b2a34;
  background:rgba(255,255,255,0.8);
  box-shadow:0px 0px 7px	rgba(0,0,0,0.15);	
}

.img-outstanding {
  width:45%;
  float:left;
  margin:0px 20px 5px 0px;
  outline: solid 1px #9a2b34;
  outline-offset: 3px;
}

.outstanding h2{
  color:#9a2b34;
  font-weight:600;
  font-family: "Yanone Kaffeesatz", sans-serif;
}

.outstanding p{
  color:#020001;
  font-weight:normal;
  font-family: 'Open Sans', sans-serif;
}	

/*================Fin-destacado=================*/	

/*================Noticia-Secundaria=================*/	
.secondary-news{
  width:100%;
  float:left;
  padding:10px;
  margin-bottom:10px;
  border-top:3px solid #B3B3B3;
  background:rgba(255,255,255,0.8);
  box-shadow:0px 0px 7px	rgba(0,0,0,0.15);
  /*height: 536px;*/
}

.img-secondary-news {
  width:30%;
  float:left;
  margin:0px 20px 6px 0px;
}

.secondary-news h3{
  color:#000000;
  font-weight:600;
  font-family: "Yanone Kaffeesatz", sans-serif;
}

.secondary-news p{
  color:#666666;
  font-weight:normal;
  font-family: 'Open Sans', sans-serif;
}	

/*================Noticia-Secundaria=================*/	

/*================Galeria=================*/
.bg-gallery{
  width:100%;
  float:left;
  padding:10px;
  margin:10px 0px;
  border-top:0px solid #9b2a34;
  background:rgba(255,255,255,0.8);
  box-shadow:0px 0px 7px	rgba(0,0,0,0.15);	
}

.title-gallery {
  color:#000000;
  font-weight:600;
  font-size:250%;
  font-family: "Yanone Kaffeesatz", sans-serif;
  float:left;
  padding:0px 10px 5px 0px;
}

.line-gallery hr {
  size:3;
  height:3px;
  color:#97222b;
  background:#97222b;
  border:none;
  margin:50px 0px 0px;
}	

.grid-gallery {
  padding:25px 0px 0px;
}

.grid-gallery ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.grid-gallery figure {
  margin: 0;
}

.grid-gallery figure img {
  display: block;
  width: 100%;
}

/* Grid style */
.grid-wrap {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 0em 0em;
}

.grid {
  margin: 0 auto;
}

.grid li {
  width: 25%;
  float: left;
  cursor: pointer;
}

.grid figure {
  padding:5px;
  /*
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-filter: grayscale(1);
  opacity: 0.7;
  */
}

.grid li:hover figure {
  opacity: 1;
  -webkit-filter: grayscale(0);
  -webkit-box-shadow:0px 0px 7px	rgba(0,0,0,0.3);
  -moz-box-shadow:0px 0px 7px	rgba(0,0,0,0.3);
  box-shadow:0px 0px 7px	rgba(0,0,0,0.3);
}

/* Slideshow style */
.slideshow {
  position: fixed;
  background: rgba(0,0,0,0.7);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 500;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
  transition: opacity 0.5s, visibility 0s 0.5s;
}

.slideshow-open .slideshow {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.slideshow ul {
  width: 85%;
  height: 85%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translate3d(0,0,150px);
  transform: translate3d(0,0,150px);
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}

.slideshow ul.animatable li {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}

.slideshow-open .slideshow ul {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.slideshow li {
  width: 660px;
  height: 560px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -280px 0 0 -180px;
  visibility: hidden;
  
}

.slideshow li.show {
  visibility: visible;
}

.slideshow li:after {
  content: '';
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.slideshow li.current:after {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s, visibility 0s 0.3s;
  transition: opacity 0.3s, visibility 0s 0.3s;
}

.slideshow figure {
  width: 100%;
  height: auto;
  border: 5px solid #fff;
  overflow: hidden;
  -webkit-box-shadow:0px 3px 6px #393939;
  -o-box-shadow:0px 3px 6px #393939;
  box-shadow:0px 3px 6px #393939;
}

/* Navigation */
.slideshow nav span {
  position: fixed;
  z-index: 1000;
  color: #59656c;
  text-align: center;
  padding: 3%;
  cursor: pointer;
  font-size: 2.2em;
}

.slideshow nav span.nav-prev,
.slideshow nav span.nav-next {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.slideshow nav span.nav-next {
  right: 0;
}

.slideshow nav span.nav-close {
  top: 0;
  right: 0;
  padding: 0.5em 1em;
}

.icon:before,
.icon:after {
  font-family: 'fontawesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

span.nav-prev:before {
  content: "\e601";
  -webkit-text-shadow: 0px 1px 2px #2A2A2A;
  -moz-text-shadow: 0px 1px 2px #2A2A2A;
  text-shadow: 0px 1px 2px #2A2A2A;
  color:#F9F9F9;
}

span.nav-next:before  {
  content: "\e600";
  -webkit-text-shadow: 0px 1px 2px #2A2A2A;
  -moz-text-shadow: 0px 1px 2px #2A2A2A;
  text-shadow: 0px 1px 2px #2A2A2A;
  
  color:#F9F9F9;
}

span.nav-close:before {
  color:#F9F9F9;
  content: "\e602";
  -webkit-text-shadow: 0px 1px 2px #2A2A2A;
  -moz-text-shadow: 0px 1px 2px #2A2A2A;
  text-shadow: 0px 1px 2px #2A2A2A;
}

/*================Fin-Galeria=================*/
/*================Publicaciones=================*/
.bg-publications{
  background:rgba(216,218,217,0.8);
  padding:10px 0px;
  height:100%;
}

.new-publications{
  width:96%;
  padding:10px;
  border-bottom:3px solid #999;
  margin:10px 2% 0px;
  border-top:0px solid #9b2a34;
  background:rgba(242,242,242,0.8);
  box-shadow:0px 0px 7px	rgba(0,0,0,0.15);	
  padding-bottom:61px;
  padding-top:26px;
}


.new-publications-img{
  width:96%;
  padding:10px;
  border-bottom:3px solid #999;
  margin:10px 0% 0px;
  border-top:0px solid #9b2a34;
  background:rgba(242,242,242,0.8);
  box-shadow:0px 0px 7px	rgba(0,0,0,0.15);
  
}


.new-publications-img .destacada{
  
}

.new-publications-img{
  width:100%;	
  padding:0px 0px 10px 0px;
}

.new-publications h3{
  color:#000000;
  margin:0px 0px 10px;
  font-weight:600;
  font-family: "Yanone Kaffeesatz", sans-serif;
}

.new-publications p{
  color:#666666;
  font-weight:normal;
  font-family: 'Open Sans', sans-serif;
}

/*================fin_Publicaciones=================*/	

@media (max-width:999px) and (min-width:300px){
  body {
    background: url("../imagenes/bg-Internacional.jpg") no-repeat  0px top fixed;
    background-size:150% 150%;
  }	
  
  .bg_multiculturalismo{	
	height:auto;
  }
  
}
@media (max-width:768px) and (min-width:300px){
  .carousel-inner {
	height:262px !important;
  }	
  
  .btn-slider-prev{
	left:0px;
  }
  
  .btn-slider-next{
	right:30px;
  }	
  
  
  .grid li {
    width: 33.3%;
  }
  
  .slideshow li {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
  }
  
  .slideshow li figure img {
    width: 90%;
    margin: 0 10%;
    max-width: 100%;
  }
  
  
  .slideshow nav span,
  .slideshow nav span.nav-close {
    font-size: 1.8em;
    padding: 0.3em;
  }
  
  .slideshow figure {
	width: 100%;
	height:auto;
	margin:40px auto 0px;
	border: 0px solid #fff;
	-webkit-box-shadow:0px 0px 0px #393939;
    -o-box-shadow:0px 0px 0px #393939;
    box-shadow:0px 0px 0px #393939;
  }
  
  .new-publications-img{
	width:40%;	
	padding:0px 10px 10px 0px;
	float:left;
  }	
  
}
@media (max-width:699px) and (min-width:300px){
  
  body {
    background:url("../imagenes/bg-Internacional.jpg") no-repeat  -150px top fixed;
    background-size:350% auto;
  }
  
  .title-gallery{
    font-size:24px;
  }  
  
  .slideshow figure {
	width: 90%;
	margin:30% auto 0px;
  }	
  
  
  .btn-slider-prev{
	left:10px;
  }
  
  .btn-slider-next{
	right:40px;
  }
  
  .grid li {
    width: 50%;
  }
  
  .espacio-izqui{
    padding-bottom:29px !important;
    padding-top:0px !important;
    padding-left:0px !important;
    padding-right:0px !important;
  }
  
  .espacio-derc{
    padding-bottom:0px !important;
    padding-top:0px !important;
    padding-left:0px !important;
    padding-right:0px !important;
  }	
  
}

@media (max-width:560px) and (min-width:300px){
  
  .grid li {
    width: 100%;
  }
  
  .img-outstanding {
	width:100%;
	margin:0px 0px 20px 0px;
  }
}

@media (max-width:399px) and (min-width:300px){
}