@charset "UTF-8";
/* Body */
body {
	/* font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Slab', serif;
	background-color: #FFFFFF;
	margin: 0;
	overflow-x: hidden;
}

/* Header 
header {
	width: 100%;
	height: 8%;
	background-color: #5D5E5D;
	border-bottom: 1px solid #353635;
}*/
.logo {
	color: #fff;
	font-weight: bold;
	margin-left: auto;
	letter-spacing: 4px;
	margin-right: auto;
	text-align: center;
	padding-top: 15px;
	line-height: 2em;
	font-size: 22px;
}
.hero_header {
	color: #FFFFFF;
	text-align: center;
	margin: 0;
	letter-spacing: 4px;
}
/* About Section */
.text_column {
	width: 90%;
	text-align: left;
	font-weight: lighter;
	line-height: 25px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	color: #A3A3A3;	
}
.gallery {
	clear: both;
	display: inline-block;
	width: 100%;
/*	background-color: #FFFFFF;*/
	/* [disabled]min-width: 400px;
*/
	padding-bottom: 35px;
	padding-top: 0px;
	margin-top: -5px;
	margin-bottom: 0px;
}
.thumbnail {
	width: 23%;
	height:450px;	
	text-align: center;
	float: left;
	margin-top: 35px;
	background-color: #FFF;
	padding-bottom: 20px;
	margin-left: 1%;
	margin-right: 1%;
	border-radius: 0px;
	padding-top: 0px;
/*	border-bottom: 4px solid #6DC7D0;
	border-bottom: 4px solid #C00;*/
	border: 1px solid #666;
}
.gallery .thumbnail h4 {
	margin-top: 5px;
	margin-bottom: 5px;
/*	color: #52BAD5;*/
	color:#C00;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}
.gallery .thumbnail p {
	margin: 0;
	color: #B3B3B3;
	text-align: center;
	padding-left: 10px;
}
/* More info */
.intro {
	/*background-color: #FFFFFF;*/
	padding-bottom: 35px;
}
.column {
	width: 50%;
	text-align: center;
	padding-top: 30px;
	float: left;
}
.intro .column h3 {
	color: #FFFFFF;
	text-align: center;
}
.intro .column p {
	color: #FFFFFF;
}
.cards {
	width: 100%;
	height: auto;
	max-width: 250px;
	max-height: 245px;
	/*opacity: 0.8;*/
}
.intro .column p {
	padding-left: 30px;
	padding-right: 30px;
	text-align: justify;
	line-height: 25px;
	font-weight: lighter;
	margin-left: 20px;
	margin-right: 20px;
	width: 80%;
	margin-top: 4%;
}
.button {
	width: 200px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: center;
	vertical-align: middle;
	border-radius: 0px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	border: 3px solid #FFFFFF;
	color: #FFFFFF;
	transition: all 0.3s linear;
}
.button:hover {
	background-color: #6DC7D0;
	color: #FFFFFF;
	cursor: pointer;
}
.copyright {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #717070;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 2px;
	border-top-width: 2px;
}
footer {
	background-color: #B3B3B3;
	padding-top: 60px;
	padding-bottom: 60PX;
}
.intro {
	display: inline-block;
/*	background-color: #6DC7D0; */
}
.profile {
	width: 50%;
}
.gallery .thumbnail .tag {
	color: #5D5E5D;
	padding-bottom: 4px;
	padding-top: 4px;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}

.texto_referencia_pie {
/* 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; */
	font-family: 'Roboto Slab', serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height:25px;
	text-align:left;
	width:100%;
}
.texto_nucleo_pie {
	/* font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Slab', serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height:25px;
	text-align:right;
	width:100%;
}

.espacio {
	height:150px; 
	/* background-color:#C00; */
	border:none;
	}

/* Mobile */
@media (max-width: 320px) {
	.espacio {
	height:100px; 
	/* background-color:#C00; */
	border:none;}
	
.logo {
	width: 100%;
	text-align: center;
	/* margin-top: 13px; */
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.text_column {
	width: 100%;
	text-align: justify;
	padding: 0;
}
.intro .column p {
	width: 80%;
	margin-left: 0px;
}
.text_column {
	padding-left: 20px;
}
.thumbnail {
	width: 100%;
	height:100%;
}
.column {
	width: 100%;
	margin-top: 0px;
}
.hero_header {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 22px;
	text-align: center;
}

.texto_referencia_pie {
	/* font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; */
	font-family: 'Roboto Slab', serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height:25px;
	text-align:center;
	width:100%;
}
.texto_nucleo_pie {
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Slab', serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height:25px;
	text-align:center;
	width:100%;
}

}

/* Small Tablets */
@media (min-width: 321px)and (max-width: 767px) {
	
	.espacio {
	height:100px;
/*	background-color:#C00; */
	border:none;}

.logo {
	width: 100%;
	text-align: center;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.text_column {
	width: 100%;
	text-align: left;
	padding: 0;
}
.thumbnail {
	width: 100%;
	height:400px;
}
.column {
	width: 100%;
	margin-top: 0px;
}
.thumbnail {
	width: 100%;
	height:100%;
}
.text_column {
	padding-left: 20px;
	padding-right: 20px;
	width: 90%;
}
.column {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}
.profile {
	width: 100%;
}
.intro .column p {
	width: 90%;
	text-align: center;
	padding-left: 0px;
}

.texto_referencia_pie {
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Slab', serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height:25px;
	text-align:center;
	width:100%;
}
.texto_nucleo_pie {
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Slab', serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height:25px;
	text-align:center;
	width:100%;
}
}

/* Small Desktops */
@media (min-width: 768px) and (max-width: 1096px) {
.espacio {
height:140px; 
/* background-color:#C00; */
border:none;}
	
.text_column {
	width: 100%;
}
.thumbnail {
	width: 48%;
	height:400px;
}
.text_column {
	width: 90%;
	margin: 0;
	padding: 20px;
}
.intro .column p {
	width: 80%;
}

.texto_referencia_pie {
	/* font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Slab', serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height:25px;
	text-align:left;
	width:100%;
}
.texto_nucleo_pie {
	/* font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Slab', serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height:25px;
	text-align:right;
	width:100%;
}
}



/* ************************************************************************************** */



/* estilo redes */


.img_instagram {
	width: 100%;
	height: auto;	
}

.caja_instagram {
	width: 100%;
	height: auto;
	padding:20px;
	border-bottom:1px #CCCCCC solid;
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Slab', serif;
	text-align: left;
	font-weight: lighter;
	line-height: 25px;
	float: left;
}

/* estilo ENCABEZADO conferencia */
.img_clacso_50_completo {
	width: 100%;
	height: auto;
	max-width: 601px;
	max-height: 43px;	
}
.img_icono_menu {
	width: 100%;
	height: auto;
	max-width: 82px;
	max-height: 94px;
/*	min-width: 38px;
	min-height: 43px;	*/
}
.img_icono_lupa {
	width: 100%;
	height: auto;
	max-width: 82px;
	max-height: 94px;
/*	min-width: 38px;
	min-height: 43px;*/

}
.img_cartel_conferencia {
	width: 100%;
	height: auto;
	max-width: 1156px;
	max-height: 94px;	
}
.img_cartel_conferencia_corto {
	width: 100%;
	height: auto;
	max-width: 281px;
	max-height: 43px;
}

.img_cartel_foro {
	width: 100%;
	height: auto;
	max-width: 621px;
	max-height: 34px;
}
.img_cartel_asamb {
	width: 100%;
	height: auto;
	max-width: 519px;
	max-height: 34px;
}
.img_icono_redes {
	width: 100%;
	height: auto;
	max-width: 34px;
	max-height: 34px;
}
.txt_titulo_conf{	
/*	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Slab', serif;
	font-size:2vw;
	font-weight:bold;
	color:#039;
	}
.txt_subtitulo_conf{	
/*	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Slab', serif;
	font-size:1.5vw;
	color:#039;
	letter-spacing:0.3px;
	}

.txt_general{
	/*font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Slab', serif;
	font-size:14px;
	line-height:25px;
	}
	
	

/*Parallax*/
#contenedor_visor_inicio {
	background: url(../imagenes/conferencia_portada_fondo.png) 50% 0 repeat fixed; 
	/*min-height: 416px;
	height: 416px;*/
	margin: 0 auto;
	width: 100%;
	/*max-width: 1920px;*/
	position: relative;
}

/* botones inscripcion */


.bpresencial {
	background-color:rgba(255, 255, 255, 0.90); 
	border-right:#000 1px solid; 
	padding:10px 20px 10px 20px; 
	background-image:url(../imagenes/encabezado_conferencia/icono_flecha.png); 
	background-repeat:no-repeat; background-position:right; 
	background-size:contain; 
	/*font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Slab', serif;
	color:#F00;
	height:100%;
}
.bpresencial .bp2{ color:#000;}
.bpresencial:hover {
	/*background-color:rgba(255, 255, 255, 0.90); */
	background-color:#F00;
	border-right:#000 1px solid; 
	padding:10px 20px 10px 20px; 
	background-image:url(../imagenes/encabezado_conferencia/icono_flecha.png); 
	background-repeat:no-repeat; background-position:right; 
	background-size:contain; 
	/*font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;*/
	color:#FFF;
	height:100%;
}
.bpresencial:hover .bp2{color:#FFF;}



.bponencias {
	background-color:rgba(255, 255, 255, 0.90); 
	border-right:#000 1px solid; 
	padding:10px 20px 10px 20px; 
	background-image:url(../imagenes/encabezado_conferencia/icono_flecha.png); 
	background-repeat:no-repeat; background-position:right; 
	background-size:contain; 
	/*font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;*/
	color:#093;
	height:100%;
}
.bponencias .bp2{ color:#000;}
.bponencias:hover {
	/*background-color:rgba(255, 255, 255, 0.90); */
	background-color:#093;
	border-right:#000 1px solid; 
	padding:10px 20px 10px 20px; 
	background-image:url(../imagenes/encabezado_conferencia/icono_flecha.png); 
	background-repeat:no-repeat; background-position:right; 
	background-size:contain; 
	/*font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;*/
	color:#FFF;
	height:100%;
}
.bponencias:hover .bp2{color:#FFF;}


.brelatos {
	background-color:rgba(255, 255, 255, 0.90); 
	border-right:#000 1px solid; 
	padding:10px 20px 10px 20px; 
	background-image:url(../imagenes/encabezado_conferencia/icono_flecha.png); 
	background-repeat:no-repeat; background-position:right; 
	background-size:contain; 
	/*font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;*/
	color:#069;
	height:100%;
}
.brelatos .bp2{ color:#000;}
.brelatos:hover {
	/*background-color:rgba(255, 255, 255, 0.90); */
	background-color:#069;
	border-right:#000 1px solid; 
	padding:10px 20px 10px 20px; 
	background-image:url(../imagenes/encabezado_conferencia/icono_flecha.png); 
	background-repeat:no-repeat; background-position:right; 
	background-size:contain; 
	/*font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;*/
	color:#FFF;
	height:100%;
}
.brelatos:hover .bp2{color:#FFF;}

/*Botones inicio secciones*/
.btxtsecciones {
	font-family: 'Roboto Slab', serif;
	text-align:center !important;
	font-size:16px;
	padding: 20px 5px 20px 5px;
	margin:auto;
	color:#666 !important;
	}
	
.btxtsecciones2 {
	font-family: 'Roboto Slab', serif;
	text-align:center !important;
	font-size:20px;
	padding: 10px 5px 0px 5px;
	margin:auto;
	color:#666 !important;
	}

.btxtsecciones16 {
	font-family: 'Roboto Slab', serif;
	text-align:center !important;
	font-size:16px;
	padding: 0px 10px 20px 10px;
	margin:auto;
	color:#666 !important;}
	
	
/*Google map*/	
.map-responsive{
    overflow:hidden;
    padding-bottom:50%;
    position:relative;
    height:0;
}

.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/*------- imagenes conferencia --------*/

.img_inicio_logo{
	width: 100%;
	height: auto;
	max-width: 483px;
	max-height: 567px;
}

.img_inicio_titulo{
	width: 100%;
	height: auto;
	max-width: 1091px;
	max-height: 441px;
}

.img_inicio_botones{
	width: 100%;
	height: auto;
	max-width: 449px;
	max-height: 126px;
}

.img_inicio_botones2{
	width: 100%;
	height: auto;
	max-width: 450px;
	max-height: 126px;
}

.img_inicio_clacso{
	width: 100%;
	height: auto;
	max-width: 1564px;
	max-height: 80px;
}





<!------ pie cel ----->

.zzz{
	width: 100%;
	height: auto;
	max-width: 750px;
	max-height: 51px;
}

.img_inicio_pie_cel{
	width: 100%;
	height: auto;
	max-width: 750px;
	max-height: 244px;
}

.img_piecel1{
	width: 100%;
	height: auto;
	max-width: 750px;
	max-height: 51px;
}
.img_piecelr{
	width: 100%;
	height: auto;
	max-width: 71px;
	max-height: 71px;
}
.img_piecel7{
	width: 100%;
	height: auto;
	max-width: 750px;
	max-height: 25px;
}
.img_piecel9{
	width: 100%;
	height: auto;
	max-width: 380px;
	max-height: 47px;
}
.img_piecelc{
	width: 100%;
	height: auto;
	max-width: 210px;
	max-height: 50px;
}


<!------ pie general ----- >
.img_xzx{
	width: 100%;
	height: auto;
	max-width: 206px;
	max-height: 63px;
}
.img_piegralc{
	width: 100%;
	height: auto;
	max-width: 206px;
	max-height: 63px;
}
.img_piegralmail{
	width: 100%;
	height: auto;
	max-width: 434px;
	max-height: 83px;
}
.img_piegralhas{
	width: 100%;
	height: auto;
	max-width: 369px;
	max-height: 83px;
}
.img_piegralred{
	width: 100%;
	height: auto;
	max-width: 71px;
	max-height: 83px;
}



/* para mouse up de las cajas de los videos */
.contenedor_video a {display:block; background-image:url(http://www.clacso.tv/imagenes/png/icono_video.png); background-position:center;}
/* .contenedor_video a:hover {width:290px; height:181px; background-image:url(http://www.clacso.tv/imagenes/png/icono_video_mouse_up.png); background-position:center;} */
.contenedor_video_vacio_link { width:290px; height:181px;}



