@font-face {
  font-family: "Sans-pro";
  src: url("../fonts/SourceSansPro-Regular.otf")
}

@font-face {
  font-family: "Sans-pro-bold";
  src: url("../fonts/SourceSansPro-Bold.otf")
}

@font-face {
  font-family: "Sans-pro-semibold";
  src: url("../fonts/SourceSansPro-Semibold.otf")
}


html, body {
	margin:0; 
	padding:0; 
	width:100%; 
	height:100%; 
	overflow:hidden; 
	text-align: left; 
	font-size: 12px; 
	/* font-family:Verdana, Georgia, "Times New Roman", Times, serif;*/
	font-family:Sans-pro;
	letter-spacing:1px;
	background-color:#111111;
}

#background{position:absolute; z-index:1; width:100%; }

#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:hidden; z-index:2; text-align:center;} 
#content {padding:0px 0px 0px 0px; text-align:center;}


a { 
color: #000000;
} 
a:link { 
text-decoration: none; 
color: #000000;
} 
a:visited { 
text-decoration: none; 
color: #000000;  
} 
a:hover {
text-decoration:none;
color: #666666;
} 
a:active { 
text-decoration: none; 
color: #000000; 
} 

#lateral { 
	width:260px;
	float:left;
	padding:0px 10px 0px 40px;
}

#central { 
	float:left;
	overflow:scroll;
	overflow: -moz-scrollbars-vertical;
	margin:10px 0px 10px 0px;
}

#central_mosaico { 
	float:left;
	text-align:left;
	width:100%;
	margin:10px 0px 10px 0px;
	line-height:0;
	-webkit-column-count: 5;
	-webkit-column-gap: 10px;
	-moz-column-count: 5;
	-mozit-column-gap: 10px;
	column-count: 5;
	column-gap: 10px;
	position:relative;
}

.clase_etiqueta {
	z-index:5;
	color:#dddddd;
}

#etiqueta { 
	text-align:center;
	position:absolute;

}

#logo { 
	padding:30px 0px 0px 0px;
	text-align:left;
}

#menu { 
	padding:20px 0px 10000px 0px;
	text-align:left;
	font-size:12px;

}


.opcion_menu {
	color:#979798;
	padding:4px 0px 0px 10px;
}

.opcion_menu a { 
color: #979798;
} 
.opcion_menu a:link { 
text-decoration: none; 
color: #979798;
} 
.opcion_menu a:visited { 
text-decoration: none; 
color: #979798;  
} 
.opcion_menu a:hover {
text-decoration:none;
color: #FBFFFF;
} 
.opcion_menu a:active { 
text-decoration: none; 
color: #979798; 
} 

.opcion_menu_on {
	color:#FBFFFF;
	padding:4px 0px 0px 10px;
}

.opcion_menu_on a { 
color: #FBFFFF;
} 
.opcion_menu_on a:link { 
text-decoration: none; 
color: #FBFFFF;
} 
.opcion_menu_on a:visited { 
text-decoration: none; 
color: #FBFFFF;  
} 
.opcion_menu_on a:hover {
text-decoration:none;
color: #FBFFFF;
} 
.opcion_menu_on a:active { 
text-decoration: none; 
color: #FBFFFF; 
} 



.opcion_menu2 {
	color:#979798;
	padding:4px 0px 0px 10px;
}

.opcion_menu2 a { 
color: #ffffff;
} 
.opcion_menu2 a:link { 
text-decoration: none; 
color: #ffffff;
} 
.opcion_menu2 a:visited { 
text-decoration: none; 
color: #ffffff;  
} 
.opcion_menu2 a:hover {
text-decoration:none;
color: #ffffff;
} 
.opcion_menu2 a:active { 
text-decoration: none; 
color: #ffffff; 
} 

.opcion_menu2_on {
	color:#ffffff;
	padding:4px 0px 0px 10px;
}

.opcion_menu2_on a { 
color: #ffffff;
} 
.opcion_menu2_on a:link { 
text-decoration: none; 
color: #ffffff;
} 
.opcion_menu2_on a:visited { 
text-decoration: none; 
color: #ffffff;  
} 
.opcion_menu2_on a:hover {
text-decoration:none;
color: #ffffff;
} 
.opcion_menu2_on a:active { 
text-decoration: none; 
color: #ffffff; 
} 


.opcion_submenu {
	color:#979798;
	padding:4px 0px 0px 20px;
	font-size:13px;
}

.opcion_submenu a { 
color: #979798;
} 
.opcion_submenu a:link { 
text-decoration: none; 
color: #979798;
} 
.opcion_submenu a:visited { 
text-decoration: none; 
color: #979798;  
} 
.opcion_submenu a:hover {
text-decoration:none;
color: #FBFFFF;
} 
.opcion_submenu a:active { 
text-decoration: none; 
color: #979798; 
} 

.opcion_submenu_on {
	color:#FBFFFF;
	padding:4px 0px 0px 20px;
	font-size:12px;
}

.opcion_submenu_on a { 
color: #FBFFFF;
} 
.opcion_submenu_on a:link { 
text-decoration: none; 
color: #FBFFFF;
} 
.opcion_submenu_on a:visited { 
text-decoration: none; 
color: #FBFFFF;  
} 
.opcion_submenu_on a:hover {
text-decoration:none;
color: #FBFFFF;
} 
.opcion_submenu_on a:active { 
text-decoration: none; 
color: #FBFFFF; 
} 


#menu_redes {
	margin:110px 0px 0px 10px;
}

.menu_red {
	float:left;
	margin:0px 8px 0px 0px;
}



.foto-cuadro {
	width:100%;
	padding:0px 10px 10px 0px;
	height:auto;
}

#photos {
   /* Prevent vertical gaps */
   line-height: 0;

   -webkit-column-count: 3;
   -webkit-column-gap:   10px;
   -moz-column-count:    3;
   -moz-column-gap:      10px;
   column-count:         3;
   column-gap:           10px;
   margin:0px 10px 10px 0px;

}
#photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
  padding:0px 0px 10px 0px;
}

@media (max-width: 1200px) {
  #photos {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  
  }
}
@media (max-width: 1000px) {
  #photos {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 800px) {
  #photos {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 400px) {
  #photos {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}


#carrete {
   /* Prevent vertical gaps */
   line-height: 0;

   -webkit-column-count: 1;
   -webkit-column-gap:   10px;
   -moz-column-count:    1;
   -moz-column-gap:      10px;
   column-count:         1;
   column-gap:           10px;
   margin:0px 0px 10px 0px;

}
#carrete img {
  /* Just in case there are inline attributes */
  width: 60% !important;
  height: auto !important;
  padding:0px 0px 10px 0px;
}


#cuerpo { 
	width:100%;
	margin:0 auto; 
	text-align: center;
}

#cuerpo_in{
	text-align:center;
	width:100%;
}

#foto { 
	text-align:center;
	float:left;
	width:100%;
}

#flecha_izq {
	position:absolute;
	padding-right:100px;
	z-index:5;
}

#flecha_der {
	position:absolute;
	padding-left:100px;
	z-index:5;
}

.flecha {
	vertical-align:top;
}

.clase_foto {
	text-align:center;
}

#foto_info { 
	padding:15px 0px 0px 0px;
	text-align: center;
	font-size:13px;
}

#numeracion { 
	text-align: center;
	padding:28px 0px 30px 0px;
	font-weight:bold;
	font-size:11px;
}

#titulo { 
	float:left;
	text-align: center;
	width:100%;
	font-size:11px;
}

#titulo1 { 
	float:left;
	text-align: right;
	width:50%;
	font-size:11px;
}

#titulo2 { 
	float:left;
	text-align: left;
	width:50%;
	font-size:11px;
}

#controles { 
	float:right;
	text-align: right;
	width:20%;
}

#musica {
	padding:0px 0px 30px 0px;
	text-align: left;
}

.cd {
	float:left;
	padding:10px 10px 0px 0px;
	text-align: left;
}

#lista {
	padding:100px 0px 30px 0px;
	text-align: left;
}

#lista_videos {
	padding:0px 0px 30px 0px;
	text-align: left;
}

.lista_elemento {
	padding:10px 0px 0px 0px;
	text-align: center;
}

#video {
	padding:100px 0px 30px 0px;
}

.cierre {
clear:both;
}

#div_seccion {
	padding:0px 0px 0px 20px;
}

.div_subseccion {
	margin:0 auto;
	text-align:center;
}

.miniatura {
	float:left;
}

#laminiatura {
	padding:0px 20px 20px 0px;
}

.miniatura2 {
	float:left;
	padding:0px 0px 20px 0px;
	text-align:left;
}

#opcionvideo {
	margin:15px 0px 0px 0px;	
}

.contenido_titulo {
	font-size:24px;
}

.contenido_texto {
	font-size:15px;
	padding:10px 0px 0px 0px;
}

.expo {
	margin:	20px 0px 0px 0px;
}

.expo_titulo {
	padding:10px 0px 10px 0px;	
	font-weight:bold;
}

.expo_texto {
	color:#dddddd;
}

.expo_imagen {
	margin:0px 0px 10px 0px;
}

.foto_expo_class {
	width:100px;	
}

.seccion {
	color:#ffffff;
	padding: 0px 0px 0px 40px;
	text-align:left;
	width:90%;
	
}

.titulo_home{
	margin: 0 auto;
	top: 45px;
	left: 160px;
	z-index:100000000;
	position:absolute;
	color:#ffffff;
	font-size:18px;
	text-align:center;
}

.titulo_home2{
	margin: 0 auto;
	top: 55px;
	left: 140px;
	z-index:100000000;
	position:absolute;
	color:#ffffff;
	font-size:14px;
	text-align:center;
}

.titulo_home3{
	margin: 0 auto;
	top: 55px;
	left: 180px;
	z-index:100000000;
	position:absolute;
	color:#ffffff;
	font-size:14px;
	text-align:center;
}

#collage_datos {
	z-index:999999999;
	position:absolute;
	background-color:rgba(0,0,0,0.8);
	width:300px;
	padding:50px;
	font-size:13px;
	font-family:Arial;
	letter-spacing:normal;
	line-height:normal;
	margin-left:100px;
	margin-top:50px;
	color:#ffffff;
}


.panel_datos {
	display:none;	
}