@font-face {
    font-family: 'sui_generisregular';
    src: url('../../fuentes/charly/suigener-webfont.eot');
    src: url('../../fuentes/charly/suigener-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fuentes/charly/suigener-webfont.woff2') format('woff2'),
         url('../../fuentes/charly/suigener-webfont.woff') format('woff'),
         url('../../fuentes/charly/suigener-webfont.ttf') format('truetype'),
         url('../../fuentes/charly/suigener-webfont.svg#sui_generisregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'weathered_brkregular';
    src: url('../../fuentes/clima/weatherd-webfont.eot');
    src: url('../../fuentes/clima/weatherd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fuentes/clima/weatherd-webfont.woff2') format('woff2'),
         url('../../fuentes/clima/weatherd-webfont.woff') format('woff'),
         url('../../fuentes/clima/weatherd-webfont.ttf') format('truetype'),
         url('../../fuentes/clima/weatherd-webfont.svg#weathered_brkregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'staypuftmedium';
    src: url('../../fuentes/personajes/staypuft-webfont.eot');
    src: url('../../fuentes/personajes/staypuft-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fuentes/personajes/staypuft-webfont.woff2') format('woff2'),
         url('../../fuentes/personajes/staypuft-webfont.woff') format('woff'),
         url('../../fuentes/personajes/staypuft-webfont.ttf') format('truetype'),
         url('../../fuentes/personajes/staypuft-webfont.svg#staypuftmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mekanus_adf_stdregular';
    src: url('../../fuentes/persolencos/mekanusadfstd-regular-webfont.eot');
    src: url('../../fuentes/persolencos/mekanusadfstd-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fuentes/persolencos/mekanusadfstd-regular-webfont.woff2') format('woff2'),
         url('../../fuentes/persolencos/mekanusadfstd-regular-webfont.woff') format('woff'),
         url('../../fuentes/persolencos/mekanusadfstd-regular-webfont.ttf') format('truetype'),
         url('../../fuentes/persolencos/mekanusadfstd-regular-webfont.svg#mekanus_adf_stdregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
	background-color: #FFFFFF;
}
a:link {
	text-decoration: none;
	color: #000000;
}
a:visited {
	text-decoration: none;
	color: #9DAF99;
}
a:hover {
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
}
.marco {
			position: absolute;
			left: 35%;
			top: 8%;
			height: 67%;
			width: 50%;
			background-color: #000000;
			padding: 0.2%;
			opacity: 1;	
	}
#titulito{
	font-family: 'mekanus_adf_stdregular';
	color: #009900;
	font-size: 1.5em;
	font-weight: normal;
}
#indicac {
	font-family: 'mekanus_adf_stdregular';
	color: #000000;
	font-size: 1em;
	font-weight: normal;
}
#firmita{
	 font-family: 'weathered_brkregular'; 
	 font-size: 2.6vw; 
	 color: #58595B; 
	 font-style: normal;
}
	#lista_trabajos {
	position: absolute;
	top: 27%;
	left: 6%;
	width: 30%;
	height: 60%;
	overflow-x: hidden;
	overflow-y: auto;
	text-align: left;
	font-family: arial;
	font-size: 1.2vw;
	color: #58595B;
}
	#lista_actuales {
	position: absolute;
	top: 27%;
	left: 6%;
	width: 30%;
	height: 70%;
	overflow-y: auto;
	text-align: left;
	font-family: arial;
	font-size: 1.2vw;
	color: #58595B;
}
#Pantalla {
	position: absolute;
	top: 0%;
	left: 0%;
	height: 100%;
	width: 100%;
}
#barrita {
	position: absolute;
	float: none;
	top: 92%;
	left: 45%;
	height: 1.5%;
	width: 10%;
	text-align: center;
}
#TituloBiografia {
	position:absolute;
	top:10%;
	left:10%;
	font-size: 4em;
	font-family: arial;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-align: left;
	overflow-y: auto;
}
.rotulos {
	margin-left: 0%;
	color: #FFFFFF;
	font-family: arial;
	font-size: .7em;
}
#botonadelante {
	position: absolute;
	top: 89%;
	left: 60%;
	background-color:#9933FF; 
	border-radius: 10px; 
	width:14.5vw; 
	line-height: 2.5vw; 
	color:#FFFFFF;
	font-family:arial;
	font-size:1.4vw;
	text-align: center;
}
#botonadelante:hover {
	background-color:#999999; 
	color:#000000;
}
#botonatras {
	position: absolute;
	top: 89%;
	left: 25%;
	width:14.5vw; 
	line-height: 2.5vw; 
	color:#FFFFFF;
	font-family:arial;
	font-size:1.4vw;
	text-align: center;
	background-color:#9933FF; 
	border-radius: 10px; 
}
#botonatras:hover {
	background-color:#999999; 
	color:#000000;
}
#subtitulo {
	position: absolute;
	left: 5%;
	top: 4%;
	width: 30%;
	height: 88%;
	text-align: left;
	overflow-x: hidden;
	overflow-y: auto;
	font-family: 'sui_generisregular';
	line-height: 1.2vw;
	padding-top: 3vw;

}
.Pregunta {
	color: #990000;
	font-family: 'staypuftmedium';
	font-size:1.1em;
	font-weight:normal;
	font-style:normal;
	line-height: 1.5em;
}
.Respuesta {
	color: #58595A;
	font-family: 'staypuftmedium';
	font-size: 1.1em;
	font-weight:normal;
	font-style:italic;
	line-height: 1.5em;
}
#Fotografia {
	position:absolute;
	top:10%;
	left:70%;
	height:72%;
	width:28%;
	color:#00FFFF;
	text-align:right;
	font-size:1em;
	overflow: hidden;
}
#Texto {
	position:absolute;
	left:35%;
	top:10%;
	width:30%;
	height:67%;
	font-family: arial;
	font-size: 0.9em;
	color: #FFFFFF;
	overflow-x: hidden;
	overflow-y: auto;
	border-color: #FFFFFF;
	border-style: 1;
	border-width: thin;
	border-style: solid;
	border-radius: 5%;
	padding: 1vw;
}
#cuadroOferta {
	position:absolute;
	left:1%;
	top:16%;
	width:98%;
	height:84%;
	font-family: 'arial';
	font-size: 2.5em;
	color: #000000;
	overflow-x: hidden;
	overflow-y: auto;
	text-align: center;
	opacity: 0.2;
}
#cuadroOferta:hover {
	color: #000000;
	opacity: 1;
}
#Zocalo {
	position: absolute;
	top:96%;
	height: 2%;
	left: 0%;
	width: 100%;
	text-align: center;
	font-size: .8em;
	font-family: 'ubuntu_condensedregular';
	color: #58595A;
}
#Edicion {
	position:absolute;
	top:1%;
	left:0%;
	height:3%;
	width:25%;
	font-family: 'ubuntu_condensedregular';
	font-size: 0.9em;
	color: #9DAF99;
	text-align: center;
}
#HorarioDeEmision {
	position:absolute;
	top:1%;
	left:60%;
	height:3%;
	width:40%;
	font-family: 'ubuntu_condensedregular';
	font-size: 0.9em;
	color: #58595B;
	text-align: center;
}
#muestrario {
	position: absolute;
	top: 20%;
	left: 45%;
	height: 65%;
	width: 50%;
}
#mensajero {
	position: absolute;
	top: 15%;
	left: 45%;
	height: 65%;
	width: 50%;
	font-family: 'staypuftmedium';
	color: #58595B;
	font-size: 0.5em;
}
#Definiciones {
	position:absolute;
	left:0px;
	top:12%;
	width:30%;
	height:82%;
	background-color:#331F02;
	font-family:'ubuntu_condensedregular';
	overflow-y: auto;
	overflow-x: hidden;
	text-align:center;
	display:block;
}
#ZocaloIzq {
	position: absolute;
	top:94%;
	height: 4%;
	left: 0%;
	width: 30%;
	background-color: #734704;
	text-align: center;
}
#ZocaloCen {
	position: absolute;
	top:94%;
	height: 4%;
	left: 30%;
	width: 45%;
	background-color: #734704;
	text-align: center;
	font-size: 0.9em;
	font-family: 'ubuntu_condensedregular';
	color: #000000;
}
#ZocaloDer {
	position: absolute;
	top:94%;
	height: 4%;
	left: 75%;
	width: 25%;
	background-color: #734704;
	text-align: center;
}

.botonpie {
	background-color:#995E05;
	color:#cccccc;
}
.botonpie:hover {
	background-color:#BF7606;
	color:#FFFFFF;
}
#NuevoBotonD {
	position: absolute;
	top: 45%;
	height: 20%;
	left: 95%;
	opacity: 1;
	text-align: right;
	z-index: 2;
}
#NuevoBotonD:hover {
	opacity: .2;
}
#NuevoBotonI {
	position: absolute;
	top: 45%;
	height: 20%;
	left: 4%;
	opacity: 1;
	text-align: left;
	z-index: 2;
}
#NuevoBotonI:hover {
	opacity: .2;
}
#trabajo {
	position: relative;
	float: left;
	width: 31%;
	height: 31%;
	margin: .3vw;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}
#tt_cierre {
	text-align: left;
}
#trabajo_texto_titulo {
	font-family: arial;
	font-size: 2.1vw;
	font-style: normal;
	font-weight: bold;
}
#trabajo_texto_contenido {
	font-family: arial;
	font-size: 1.3vw;
	font-style: normal;
	font-weight: normal;
}
#trabajo_texto_links {
	font-family: arial;
	font-size: 1.3vw;
	font-style: italic;
	font-weight: normal;
}
#pantalla_cartelera {
	position: absolute;
	top: 20%;
	left: 45%;
	height: 65%;
	width: 50%;
	overflow-y: auto;
}
.botn {
	float: left; 
	background-color: #4DA89A; 
	margin-top: 2em; 
	width: 30%; 
	border-color: #000000; 
	border-style: solid; 
	border-width: thin; 
	height: 2em;
}
.botn:hover {
	background-color: #990000; 
}