/* CSS Document */

/*****GENERAL*****/
body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #444444;
  margin:0;
  padding:40px;
  text-align: center;
}
a{
  text-decoration:none;
  color: #000000;
}
a:hover {
  text-decoration:underline;
  color: #444444;
}
ul{
  margin-top:-12px;
  overflow-wrap:break-word;
}
.ocultar{
  display:none !important;
}
.mostrar{
  display:block !important;
}
#contenedor {
  width:936px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}

/* CONTENIDO IZDA */
#cont_izda {
  float:left;
  width:621px;
}
#logo {
  /*width:621px;*/
  height:110px;
}
#logo img{
	max-width:327px;
	max-height:88px
}
#icono_menu_movil, #menu_movil{
	display:none;
	text-align:right;
}

#main_section {
  float:left;
  width:621px;
  margin-bottom:30px !important 10px;
  border-right:none;
  border-left:none;
  border-bottom:none;
  border-top:solid;
  border-top-width:1px;
  border-top-color:#DDDDDD;
}
.anteriores {
  float:left;
  width:560px;
  padding-top:30px;
  padding-left:3px;
  padding-bottom:15px;
  margin-bottom:20px;
  border-right:none;
  border-left:none;
  border-top:none;
  border-bottom:solid;
  border-bottom-width:1px;
  border-bottom-color:#DDDDDD;
}
.title_section {
  font-size: 16px;
  color: #000000;
  width:100%;
  /*height:30px;*/
  padding-left:3px;  
  margin-top:30px;  
  float:left;
  margin-bottom:15px;
 }
.info_section {
  width:621px;
  float:left;
}
.year {
  font-size: 18px;
  letter-spacing:5px;
  color: #666666;
  width:100%;
  height:30px;
  padding-left:3px;
  margin-top:20px;
  float:left;
}
.exposicion_home_vacio {
	display:none;
}
.exposicion_home_left {
  margin-bottom:5px;
  float:left; 
  width:326px;
}
.exposicion_home_right {
  margin-bottom:5px;
  float:left;
  width:286px;
}
.info_exposicion_home {
  padding-left:8px;
  width:250px;
}
.info_exposicion {
  padding-left:8px;
  width:610px;
  float:left;
}
.texto_title {
  font-size: 14px;
  font-weight:bold;
  color:#000000;
  padding: 15px 0;
  margin: 0;
}
.texto_title a {
  color:#000000;
  text-decoration:none;
}
.texto_title a:hover {
  color:#000000;
  text-decoration:underline;
}
.texto_subtitle {
  font-size: 14px;
  /*margin-top:-10px;
  display:inline-block;*/
  margin: 0;
  padding: 0 0 5px;
  color:#000000;
}
.texto_fecha {
  font-size: 14px;
  font-family:Times New Roman, Times, serif;
  font-style:italic;
  color: #828282;
  /*margin:-10px 0 -5px 0;*/
  margin: 0;
  padding: 0;
}
.thumbnail {
  width:128px;
  height:100px;
  margin-right:20px;
  float:left;
  color:#ffffff;
}
.thumbnail_video {
  margin-bottom:16px;
}
.multiBoxDesc{
  color:#ffffff !important;
}

/* CONTENIDO DCHA */
#cont_dcha{
  float:left;
  width:295px;
}
.idioma {
  text-align:right;
  font-size: 11px;
  font-weight:bold;
  color: #000000;
  width:100%;
  height:14px;
  padding-top:96px;
  margin-bottom:47px;
  border-right:none;
  border-left:none;
  border-top:none;
  border-bottom:solid;
  border-bottom-width:1px;
  border-bottom-color:#DDDDDD;
}
.idioma a {
  font-weight:bold;
  color: #828282;
}
.menu_dcha {
  padding-left:2px;
  padding-top:2px;
  /*width:295px;*/
  height:37px;
}

/* formulario */
#formu_contacto{
}
.linea_formu{
  float:left;
}
.texto_formu{
  font-size:17px;
  font-family:"Times New Roman", Times, serif;
  font-style:italic;
  font-weight:bold;
  color: #828282;
  width:100px;
  height:30px;
  text-align:right;
  padding-right:10px;
  float:left;
}
.campo_formu{
  width:420px;
  height:30px;
  float:left;
}
.campo_formu_textarea{
  height:100px;
  float:left;
}
.campo_formu_boton{
  width:80px;
  height:30px; 
  float:left;
  padding-top:10px;
}
.input_formu{
  width:420px;
}
.textarea_formu{
  width:420px;
  height:100px;
}
.texto_peq{
  font-size:9px;
  color: #828282;
  width:345px;
  height:30px;
  text-align:left;
  padding-top:12px;
  margin-left:105px;
  float:left;
}
#resultado_mensaje{
  padding-left:105px;
  width:530px;
  height:30px;
  border:0px;
  font-size:11px;
  color: #444444;
  float:left;
}
.bibliografia{
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  color: #444444;
  font-style:italic;
}

/******************/
.ajuste_especial{
  margin-top:-170px;
}


@media only screen and (max-width: 980px){
	#contenedor {
    	width: 100%;
	}
	#cont_izda {
		width: 100%;
	}
	#cont_dcha {
		display:none;
	}
	#logo {
		width: 80%;
		height: auto;
	}
	#logo img{
		width: 100%;
		height: auto;
	}
	#icono_menu_movil{
		display:block;		
	}
	#menu_movil{
	    position: absolute;
		top: 80px;
		right: 40px;
		padding-top:20px;
		padding-left: 20px;
		background-color: #fff;
		border: solid thin #ccc;
	}
	.idioma {
		text-align: left;
		font-size: 14px;
		font-weight: normal;
		color: #000000;
		width: 90%;
		height: 14px;
		margin-top: 20px;
		padding-top: 20px;
		padding-left: 8px;
		margin-bottom: 20px;
		border-right: none;
		border-left: none;
		border-bottom: none;
		border-top: solid;
		border-top-width: 1px;
		border-top-color: #DDDDDD;
	}
	
	#main_section {
    	width: 100%;
	}
	.year {
	    width: 100%;
	}
	.exposicion_home_left {
    	width: 48%;
		padding-right:2%;
	}
	.exposicion_home_right {
    	width: 48%;
		padding-left:2%;
		min-height: 440px;
	}
	.exposicion_home_left img {
    	width: 100%;
	}
	.exposicion_home_right img {
    	width: 100%;
	}
	.info_exposicion_home {
		width: 100%;
	}
	
	#info_section {
		width:100% !important;
	}
	.anteriores {
		width:100%;
	}	
	.info_exposicion{
		width:100%;
	}
	.thumbnail {
		width:23%;
		height:auto;
		/*min-height:165px;*/
		margin-right:2%;
		margin-bottom:10px; 
	}
	.thumbnail img{
		width:100%;
		height:auto;
	}
    .ajuste_especial{
      margin-top:0;
    }
}
@media only screen and (max-width: 767px){	
	.thumbnail {
		width:30%;
		margin-right:3%;
	}
	.MultiBoxContainer{
		max-width:88% !important;
		max-height:100% !important;
		height: unset !important;
		margin-top: 15px;
		background-color: rgb(0,0,0) !important;
		text-align: center;
	}
	#MultiBoxContentContainer, #MultiBoxContentContainer img{
		max-width:100% !important;
		max-height:75vh !important;
		height: unset !important;
	}
    
    .ajuste_especial{
      margin-top:-115px;
    }
}
@media only screen and (max-width: 540px){
	#contenedor {
    	width: 100%;
	}
	#logo img{
		/*width: 80%;
		height: auto;*/
	}
	.exposicion_home_left {
    	width: 100%;
		margin-bottom:25px;
		padding-right:0;
	}
	.exposicion_home_right {
    	width: 100%;
		margin-bottom:25px;
		padding-left:0;
		min-height: unset;
	}	
	.thumbnail {
		width:45%;
		margin-bottom:10px; 
	}
	.sponsors{
		width:100%;
	}
    
    .ajuste_especial{
      margin-top:0;
    }
}
@media only screen and (max-width: 420px){
	body {
	  padding:40px 25px;
	}
	#menu_movil{
		width:71%;
		right: 25px;
	}
	#icono_menu_movil img{
		width:85%;
		height:auto;	
	}
	.menu_dcha img{
		width:100%;
		height:auto;
	}
	.thumbnail_video {
		width:95%;
	}
	.thumbnail_video img {
		width:100%;
		height:auto;
	}
}

@media only screen and (max-width: 319px){
	#icono_menu_movil img{
		width:30px;
		height:auto;	
	}
}