@charset "utf-8";
body {
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #000000;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-image: url(zona-desconocido-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #03080E;
}

.fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl, li{ /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
	list-style-type: none;
}

h1, h2, h3, h4, h5, h6, p {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link, a:hover, a:active, a:focus, a:visited  { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;	
}

#bs-container {
	height: auto;
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position: relative;
}
.c-nuevo {
	background-image: url(imagenes/nuevos-contenidos.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 83px;
	width: 118px;
	position: absolute;
	right: 335px;
	z-index: 1;
}
#bs-container label {
	font-size: 1px;
    line-height: 0px;
}

#primarySearch {
	background-position-y: top;
	}
#primarySearch a {
	display:none;
	}
	
#bs-cabezal {
	height: 92px;
	width: 990px;
	left: 0px;
	z-index: 2;
	position: relative;
}

#bs-logo-zona {
	text-align: center;
	float: left;
	height: 92px;
	width: 204px;

}

.bs-nav {
	height: 74px;
	padding-top: 15px;
	width: auto;
	float: left;
}

.bs-nav ul .div {
	background-image: url(../img/nav/sep-nav.png);
	background-repeat: no-repeat;
	height: 74px;
	width: 1px;
	float: left;
}

.bs-nav ul li a {
	float: left;
	display: block;
	height: 74px;
	margin-top: 0px;
	cursor: pointer;
}

.bs-nav ul li {
	float: left;
}

.inicio {
	background-image: url(img/nav/inicio.png);
	width: 43px;
	background-repeat: no-repeat;
	background-position: top;
	margin-left: 5px;
}

.inicio:hover, .inicio.activo {
	background-image: url(img/nav/inicio.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

.bs-nav-video {
	background-image: url(img/nav/videos.png);
	background-repeat: no-repeat;
	width: 61px;
	background-position: top;
}

.bs-nav-video:hover, .bs-nav-video.activo {
	background-image: url(img/nav/videos.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

.documentos {
	background-image: url(img/nav/documentos.png);
	background-repeat: no-repeat;
	width: 96px;
	background-position: top;
}

.documentos:hover, .documentos.activo {
	background-image: url(img/nav/documentos.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
.bs-nav-historia {
	background-image: url(img/nav/ufologia.png);
	background-repeat: no-repeat;
	width: 89px;
	background-position: top;
	margin-right: 5px;
}

.bs-nav-historia:hover, .bs-nav-historia.activo {
	background-image: url(img/nav/ufologia.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

.bs-nav-mapa {
	background-image: url(img/nav/mapa.png);
	background-repeat: no-repeat;
	width: 107px;
	background-position: top;
}

.bs-nav-mapa:hover, .bs-nav-mapa.activo {
	background-image: url(img/nav/mapa.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

.banner-top {
	height: 250px;
	width: 990px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

#cont-flash {
	float: left;
	height: 250px;
	width: 670px;
	margin-right: 20px;
}

.cont-vid {
	background-image: url(img/bg-cont-video.png);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 238px;
	width: 300px;
	padding-top: 12px;
	position: relative;
	text-align: center;
}

.cont-vid h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: left;
	padding-left: 50px;
	line-height: 18px;
	font-weight: bold;
}

.clip {
	background-image: url(img/clip.png);
	background-repeat: no-repeat;
	height: 86px;
	width: 57px;
	position: absolute;
	z-index: 1000;
	top: 0px;
	right: 0px;
}

.cont-vid .video a {
	height: 26px;
	width: 92px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 166px;
	display: block;
	cursor: pointer;
	background-image: url(img/vermas.png);
	background-repeat: no-repeat;
}

.video h3 {
	color: #aa0a0a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}

.video p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.banner-btn {
	clear: both;
	height: 250px;
	width: 990px;
	margin-bottom: 23px;
}

.boveda {
	background-image: url(img/bg-boveda.png);
	background-repeat: no-repeat;
	background-position: 0px -5px;
	height: 250px;
	width: 339px;
	float: left;
	margin-right: 16px;
	margin-left: -15px;
	position: relative;
	margin-top: 16px;
}

.boveda a {
	display: block;
	height: 98%;
	width: 98%;
	cursor: pointer;
	top: 2%;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}

.txt {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.flash-mapa {
	background-repeat: no-repeat;
	text-align: center;
	float: left;
	height: 250px;
	width: 335px;
	margin-right: 14px;
	background-image: url(imagenes/banner-mapa.png);
	position: relative;
}
#mapa-hoy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 33px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	line-height: 38px;
	height: 40px;
	width: 48px;
	position: absolute;
	top: 49px;
	right: 3px;
}
#mapa-total {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 33px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	line-height: 38px;
	height: 40px;
	width: 85px;
	position: absolute;
	top: 95px;
	right: 4px;
}
.flash-mapa a {
	display: block;
	height: 100%;
	width: 100%;
	cursor: pointer;
	position: absolute;
}
.bnr-history {
	float: left;
	height: 250px;
	width: 300px;
}

.cont-twt {
	clear: both;
	height: 185px;
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 16px;
	margin-bottom: 12px;
}

.cont-twt .fl-izq {
	background-image: url(../img/flecha-izq.png);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 185px;
	width: 29px;
	cursor: pointer;
}

.cont-twt .twt {
	background-image: url(../img/linea-grl.png);
	background-repeat: no-repeat;
	float: left;
	height: 167px;
	width: 166px;
	padding-left: 20px;
	padding-top: 18px;
}

.twt-foto a img {
	height: 46px;
	width: 46px;
	margin-bottom: 9px;
}

.twt-comen a {
	color: #379bbe;
}

.twt-nomb, .twt-comen {
	width: 138px;
}

.cont-twt .fl-der {
	background-image: url(../img/flecha-der.png);
	background-repeat: no-repeat;
	float: right;
	height: 185px;
	width: 26px;
	display: block;
	cursor:pointer;
}

.twt-nomb a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.twt-comen {
	color: #379bbe;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.cont-prog {
	clear: both;
	height: 148px;
	width: 814px;
	background-image: url(imagenes/bg-especialistas.png);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-bottom: 33px;
	margin-left: -14px;
	padding-left: 189px;
	background-position: center bottom;
}

.clip-2 {
	background-repeat: no-repeat;
	height: 30px;
	width: 43px;
	position: absolute;
	top: 84px;
	z-index: 900;
	left: 57px;
}

#bs-container .cont-mapa {
	width: 1094px;
	margin-right: auto;
	margin-left: auto;
}

.cont-mapa #bs-cabezal {
	width: 1010px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
}

.bs-tab {
	background-image: url(../img/nav-tab.png);
	background-repeat: no-repeat;
	float: left;
	height: 53px;
	width: 380px;
	margin-top: 6px;
	margin-left: 0px;
	text-align: center;
	padding-top: 33px;
	background-position: -8px top;
}

.bs-papel h2    {
	color: #c10005;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}

.bs-papel h3  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #656565;
	margin-bottom: 7px;
	line-height: 18px;
}

.bs-papel p {
	color: #666666;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	margin-bottom: 16px;
}

.datos {
	float: right;
	height: 175px;
	width: 206px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 42px;
	line-height: 59px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: right;
	
}

.txt-bs-cabezal {
	width: 895px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	padding-top: 85px;
	margin-bottom: 5px;
}

.bs-papel {
	background-repeat: no-repeat;
	clear: both;
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}

.p-mapa {
	background-image: url(../img/papel-mapa.png);
	height: 820px;
}

.p-mapa .texto {
	width: 650px;
	float: left;
}

.datos .hoy {
	background-image: url(../img/hoy.png);
	background-repeat: no-repeat;
	clear: both;
	float: right;
	height: 59px;
	width: 80px;
	margin-bottom: 4px;
	padding-right: 14px;
	
}

.datos .total {
	background-image: url(../img/total.png);
	background-repeat: no-repeat;
	clear: both;
	float: right;
	height: 59px;
	width: 136px;
	padding-right: 14px;

}

.google-map {
	clear: both;
	float: none;
	height: 425px;
	width: 952px;
	margin-right: auto;
	margin-left: auto;
}



/* ---- styling the list ---- */
		
#work {
		list-style:none;
		margin:0;
		padding:0;
	}
#work li {
	float:left;
	display:block;
	width:158px;
	display:inline;
	height:146px;
	position: relative;
	margin-right: 4px;
		}
#work li a {
		border:none;
		}
#work p   {
		margin-bottom:0;
		}
#work li .show{
	display:block;
	width:138px;
	height:146px;
	background-image: url(../imagenes/bg-vid-programa.png);
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	cursor: pointer;
		}
#work li .show img {
	height: 81px;
	width: 130px;
	margin-bottom: 16px;
	margin-top: 22px;
}
#work li .hide a h3 {
	padding-top: 22px;
}

#work li a h3  {
	color: #aa0a0a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding-top: 0;
	margin-top: -2px;
}
#work li .hide .txt {
	width: 126px;
	margin-right: auto;
	margin-left: auto;
	line-height: 14px;
	padding-top: 5px;
}


#work li .hide {
	text-align: left;
	height: 0;
	overflow: hidden;
	background-image: url(../img/bg-vid-programa-hover.png);
		    }

.p-doc {
	background-image: url(../img/papel-doc.png);
	height: 916px;
	padding-top: 100px;
}
.cont-doc {
	width: 888px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	padding-right: 27px;
	padding-left: 27px;
	height: auto;
	padding-bottom: 9px;
}
.menu-izq {
	float: left;
	width: 244px;
	height: auto;	
}

.menu-tab {
	display: block;
	clear: both;
	height: auto;
	width: 244px;
	cursor: pointer;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 16px;
	padding-top: 14px;
}
.menu-tab:hover , .menu-tab.activo{
	background-image: url(../img/flecha.png);
	background-repeat: no-repeat;
	background-position: center 3px;
}

.menu-tab p , .menu-tab h2{
	width: 190px;
}
.menu-tab h3 {
	color: #374d59;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	width: 200px;
}
.menu-tab p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B3B3B3;
	font-weight: bold;
	line-height: 14px;
	padding: 0px;
	margin: 0px;
}
.menu-tab:hover h3, .menu-tab.activo h3{
	color: #c10005;
}
.menu-tab:hover p , .menu-tab.activo p{
	color: #666666;
}
.panel {
	float: left;
	width: 598px;
	height: auto;
}
.bs-papel .panel p {
	width: 666px;
}
.cont-imag {
	height: auto;
	width: 551px;
	margin-bottom: 15px;
}
.cont-imag .top {
	background-image: url(../img/bg-foto-top.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 551px;
}
.cont-imag .bg-foto {
	background-image: url(../img/bg-foto.png);
	background-repeat: repeat-y;
	width: 500px;
	padding-right: 24px;
	padding-left: 27px;
	height: auto;
	text-align: center;
}
.bg-foto img {
	margin-bottom: 20px;
}
.bg-foto p.pie {
	text-align: left;
	width: 393px;
	margin-top: 0px;
	margin-right: 107px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.cont-imag .bg-btn {
	background-image: url(../img/bg-foto-footer.png);
	background-repeat: no-repeat;
	height: 28px;
	width: 551px;
}

.p-video {
	background-image: url(../img/papel-videos.png);
	height: 770px;	
}

.bs-player {
	padding-top: 70px;
	height: auto;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}
/*------------------------------------------------------------------------*/
.ico-redes-s {
	height: 47px;
	width: 118px;
	background-image: url(http://latam.aetn.com/THC/zonas/desconocido/2012/imagenes/iconos-redes.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 14px;
	padding-left: 18px;
	margin-bottom: 23px;
}
.flag.argentinos {
	background-image: url(http://latam.aetn.com/THC/zonas/desconocido/2012/imagenes/flag-argentina.png);
}
.ico-redes-s a {
	float: left;
	height: 31px;
	width: 32px;
	display: block;
	cursor: pointer;
}
.flag {
	clear: both;
	float: left;
	height: 30px;
	width: 42px;
	margin-bottom: 5px;
}
.especialistas {
	margin-bottom: 20px;
	clear: both;
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 15px;
}
.flag.argentinos {
	background-image: url(http://latam.aetn.com/THC/zonas/desconocido/2012/imagenes/flag-argentina.png);
}
.especialistas h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #374d59;
	margin: 0px;
	padding: 0px;
}

.especialistas h3 {	
	color: #C10005;
	clear: both;	
}

.especialistas h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #b2b2b2;
	margin: 0px;
	padding: 0px;
}
.menu-ufo h3 {
	color: #374d59;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 3px;
	padding-top: 10px;
}
.menu-ufo.activo h3 {
	color: #c10005;
}
.ufologia .menu-ufo ul li {
	padding-right: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #b2b2b2;
}
.ufologia .menu-ufo ul li a {
	color: #b2b2b2;
	text-decoration: none;
	display: block;
	clear: both;
	float: none;
	background-image: url(http://latam.aetn.com/THC/zonas/desconocido/2012/imagenes/ico-ufo.png);
	background-repeat: no-repeat;
	background-position: -20px -20px;
}
.ufologia .menu-ufo ul li.activo a, .ufologia .menu-ufo ul li a:hover {
	color: #c10005;
	background-position: right top;
}
.flash-logo {
	height: 92px;
	width: 204px;
	float: left;
	margin-right: 2px;
}
/*HOME*/
.alienigenas {
	height: 250px;
	width: 340px;
	background-image: url(imagenes/banner-alienigenas.png);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	margin-left: -13px;
	position: relative;
	margin-right: 10px;
	margin-top: -7px;
}
.alienigenas a {
	display: block;
	height: 209px;
	width: 324px;
	cursor: pointer;
	position: absolute;
	right: 12px;
	bottom: 0px;
}
.c-extraterrestre {
	background-image: url(imagenes/banner-contacto.png);
	background-repeat: no-repeat;
	float: left;
	height: 250px;
	width: 328px;
	margin-right: 19px;
	position: relative;
	background-position: center top;
}
.c-extraterrestre a {
	height: 209px;
	width: 324px;
	display: block;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.redes-sociales {
	clear: both;
	height: 346px;
	width: 990px;
	margin-bottom: 40px;
	margin-right: auto;
	margin-left: auto;
}
.redes-sociales .cont-face {
	background-repeat: no-repeat;
	float: left;
	height: auto;
	width: 670px;
	margin-right: 19px;
}
.cont-face .c-face {
	background-image: url(../imagenes/bg-facebook.png);
	background-repeat: no-repeat;
	background-position: top;
	height: auto;
	width: 670px;
	clear: both;
	text-align: center;
	padding-top: 20px;
}
.cont-face .botom-face {
	background-image: url(../imagenes/bg-facebook.png);
	background-repeat: no-repeat;
	background-position: bottom;
	clear: both;
	height: 31px;
	width: 670px;
}

.redes-sociales .cont-teewt {
	float: left;
	height: 334px;
	width: 300px;
	background-image: url(../imagenes/bg-twt.png);
	background-repeat: no-repeat;
	padding-top: 7px;
}
.fb-comments  fb_iframe_widget {
	margin-left:auto;
	margin-right:auto;
}
.cont-teewt .contenedor {
	height: 40px;
	width: 274px;
	position: absolute;
	color: #C9BA94;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 40px;
	font-weight: bold;
	padding-left: 16px;
	z-index: 5;
}
.cont-teewt .contenedor img {
	display: none;
}
#twtr-widget-1.twtr-widget .twtr-doc {
	margin-left:auto;
	margin-right:auto;
	padding-top: 40px;
}
#twtr-widget-1.twtr-widget {
	width: 100%;
}
#twtr-widget-1 .twtr-hd {
	display: none;
}

.datos a#fancybox {
	cursor: pointer;
	background-image: url(imagenes/mapa-vermas.png);
	width: 204px;
	height: 35px;
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	margin-top: 3px	
}
.datos a:hover#fancybox {
	background-position: center bottom;
}