/*

Hoja de Estilos Type140.cl 

by @Simplycit

*/



/* ================== < RESET > ================== */



html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
	margin:0;
	padding:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
/* ================== // RESET ================== */





/* ================== HEADINGS ================== */





h1 span, h2 span, h3 span, h4 span/*, h5 span, h6 span*/ {
	display:none;
}

h1, h2, h3 {
	display:block;
}

h1 {
	font: bold 2.2em/1em Arial, Helvetica, sans-serif;
	margin:10px 0 15px;
}

header h2 {
	position:absolute;
	right:0;
	top:63px;
}

header h2 span {
	display:block;
	color:#27BFE8;
	clear:right;
	font: bold 1.5em/1.2em Arial, Helvetica, sans-serif;
}

h3 {
	/*background:url(imagenes/sprite_gral.png) no-repeat -218px 0;*/
	width:80%;
	margin:10px 0 15px;
	font: bold 1.8em/1em Arial, Helvetica, sans-serif;
}
header h3 {
	margin:0;
	position:absolute;
	right:10px;
	bottom:10px;
	height:2.2em;
	font: bold 1.4em/1.1em Arial, Helvetica, sans-serif;
	text-align:right;
	color:#C00;
}
.modulo h3 span {
	display:block;
	font: bold 0.8em/1.1em Arial, Helvetica, sans-serif;
	color:#555;
}

h4 {
	display:block;
	font: bold 1.3em/2em Arial, Helvetica, sans-serif;
	color:#555;
	padding:10px 0 3px 0;
}
.twtr-hd h4 {
	color:#fff;
}

/* ================== // HEADINGS ================== */



/* ================== ESTILOS GENERALES ================== */



body {
	font: normal 0.75em/0.75em Arial, Helvetica, sans-serif;
	text-align: center;
	color: #333;
	background: #e9e9e9 url(imagenes/body_BG.png) repeat-x;
	padding-bottom:370px;
	height:100%;
	position:relative;
}
a {
	color: #029EBF;
	text-decoration: none;
	outline: 0;
	border:none;
}
a:hover {
	color: #15CEF5;
	text-decoration:underline;
}
p {
	margin:0;
	padding:4px 0;
	font: normal 1em/1.3em Arial, Helvetica, sans-serif;
	color:#555;
}
hr {
	height: 1px;
	width: 100%;
	margin: 20px 0 20px 0;
	border: 0;
	border-top: 1px dotted #000;
	display: block;
	clear: both;
}
strong {
	font-weight: bold;
}
.hide {
	display:none;
}
.alignleft {
	float:left;
	margin-right:15px;
}
.cerrar {
	width: 27px;
	height:27px;
	position:absolute;
	z-index:113;
	top:0;
	right:0;
}
div { /*outline:1px dashed cyan;*/ }





/* ================== // GENERALES ================== */



/* ================== CONTENEDOR MAESTRO ================== */



#container {
	width:920px;
	padding: 0 25px 35px;
	height:100%;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
/* ================== // CONTENEDOR MAESTRO ================== */



/* ================== ESTRUCTURA BASE ================== */



header, nav, section, article, footer {
	display: block;
}
header {
	height:275px;
	width:100%;
	position:relative;
}
header h1 {
	width:218px;
	height:148px;
	position:absolute;
	top:70px;
	left:20px;
	background:url(imagenes/sprite_gral.png) 0 0 no-repeat;
}
header h1 a {
	width:100%;
	height:100%;
	display:block;
}
header nav {
	width:90%;
	height:49px;
	float: right;
}
header nav ul {
	width:100%;
	height:100%;
}
header nav ul li {
	float:right;
	height:100%;
}
header nav ul li a {
	height:100%;
	padding:0 19px;
	display:block;
	font: bold 14px/49px Arial, Helvetica, sans-serif;
	color:#FFF;
}
header nav ul li a:hover {
	background-color: #307c96;
	text-decoration:none;
	color:#C9F3FC;
}
.tweety {
	width:71px;
	height:54px;
	background:url(imagenes/sprite_gral.png) no-repeat -218px -96px;
	position:absolute;
	right:0;
	bottom:0;
}

/* ======= MODULOS ======= */
.modulo {
	width:49%;
	position:relative;
	float:left;
}
.left {
	float:left;
	margin-right:1%;
}
.right {
	float:right;
	margin-left:1%;
}

.grafico {
	width:550px;
	height:350px;
	margin-right:20px;
}

.encuesta {
	width:350px;
	float:right;
}

.livetracking {
	width:900px;
	padding:0px;
	float:right;
}

.hashtag {
	width:310px;
	padding:15px 0 0;
}
.hashtag h3 {
	font:bold 1.1em/1em Arial, Helvetica, sans-serif;
}

#noticias {
	padding:0 15px 0 120px;
	width:455px;
	background:#333;
	height:33px;
	float:left;
	margin-top:15px;
	background:url(imagenes/noticias.png) no-repeat 0 0;
}
#noticias h3 {
	display:none;
}
#noticias p {
	font: bold 1em/25px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:4px 0;
}
#noticias p span {
	display:block;
	float:right;
}
#noticias a {
	color:#222;
}
#noticias a:hover {
	color:#008B9F;
}

#lista_comentarios {
	height:496px;
	width:295px;
	padding:25px 5px 25px 10px;
	background: url(imagenes/lista_comentarios.png) no-repeat 0 0;
}
#lista_comentarios ul {
	width:100%;
	overflow:auto;
	height:100%;
}
#lista_comentarios ul li {
	background:url(imagenes/separador_lista.png) no-repeat left bottom;
	padding:5px 5px 10px 0;
	width:95%;
	overflow: hidden;
}
#lista_comentarios ul li .avatar {
	width:50px;
	height:50px;
	margin-right:3px;
	float:left;
	position:relative;
}
#lista_comentarios ul li img {
	width:40px;
	height:40px;
}
#lista_comentarios ul li .avatar .icono {
	width:26px;
	height:26px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:999;
}
#lista_comentarios ul li .avatar .fb {
	background:url(imagenes/icono_fb.png) no-repeat 0 0;
}
#lista_comentarios ul li .avatar .tw {
	background:url(imagenes/icono_tw.png) no-repeat 0 0;
}
#lista_comentarios ul li p {
	color:#DDD;
	text-align:left;
	font: normal 1em/1.2em Arial, Helvetica, sans-serif;
}

/*==== Clases Secciones ====*/



#seccion1 {
	padding:15px 0 130px;
	
}
#seccion1 .left {
	width:590px;
	position:relative;
	height:550px;
}
#seccion1 .right {
	width:310px;
}

#seccion2 {
}
#seccion2 .left {
	width:590px;
}
#seccion2 .right {
	width:310px;
	padding:55px 0 0;
}
#seccion2 .left h3 {
	width:200px;
	height:26px;
	background-position:-218px -46px;
}
#seccion4 .modulo {
	width:290px;
	height:420px;
	margin: 5px 7px;
	float:left;
	position:relative;
}
#seccion4 h3 {
	background-position:-218px -73px;
}
/*==== // Clases Secciones ====*/



section {
	margin:20px 0;
	width:100%;
	padding:15px 0 40px;
	background:url(imagenes/separador.png) bottom center no-repeat;
	overflow:hidden;
	position:relative;
}
section h2 {
	font: bold 1.3em/1.3em Arial, Helvetica, sans-serif;
	color:#444;
	padding:0 0 15px;
	width:600px;
}
#video_embed {
	width:590px;
	height:386px;
	position:absolute;
	top:66px;
	left:0;
	z-index:888;
}
#livetweets {
	width:590px;
	height:110px;
	position:absolute;
	bottom:27px;
	left:0;
	z-index:999;
}

.comments_box {
	width:590px;
	height:88px;
	position:absolute;
	top:465px;
	left:0;
}

form fieldset.action {
	float:right;
}

form fieldset input {
	height:20px;
	padding:2px 0 0;
	background:none;
	border:none;
	font: italic 14px/16px Arial, Helvetica, sans-serif;
	color:#666;
}

article#buscapersonas {
	float:left;
	width:590px;
}

article#listasperdidos {
	float:left;
	width:330px;
}
article#listasperdidos ul {
	padding:0 0 0 15px;
	list-style-type: disc;
}
article#listasperdidos ul li {
	padding:3px 0;
	font: normal 1em/1em Arial, Helvetica, sans-serif;
}


/*:::::::::::: FOOTER :::::::::::*/

footer {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	color:#FFF;
	height:370px;
	background: #222 url(imagenes/footer_BG.png) repeat-x bottom left;
}
footer .center {
	width:800px;
	height:55px;
	margin:0 -400px;
	position:absolute;
	bottom:0;
	left:50%;
	text-align:center;
}

footer .top {
	width:900px;
	height:270px;
	margin:0 -450px;
	position:absolute;
	top:10px;
	left:50%;
	text-align:left;
}
footer .top ul {
	width: 280px;
	padding:0 10px;
	float:left;
}
footer .top ul li {
	padding:4px 0;
}
footer .top ul h3 {
	margin:10px 0 5px;
}
footer .top ul.noticias { }
footer .top ul.sitiosayuda { }
footer .top ul.twitter { }
/*:::::::::::: / FOOTER :::::::::::*/





/* ================== // ESTRUCTURA BASE ================== */





/* ================== BOTONES ================== */



.btn {
	float:left;
}
.btn a span {
	display:none;
}
.btn a {
	display:block;
	width:100%;
	height:100%;
}
.btn a:hover {
}
/* COMBINACIONES */



.followus {
	width:202px;
	height:45px;
}
.followus a {
	background:url(imagenes/sprite_gral.png) no-repeat -167px -295px;
}
.followus a:hover {
	background-position:-369px -295px;
}
.simplycit {
	width:167px;
	height:25px;
	float:right;
	margin:14px 20px 0 0;
}
.simplycit a {
	background:url(imagenes/sprite_gral.png) no-repeat 0 -295px;
}
.simplycit a:hover {
	background-position: 0 bottom;
}
.volver {
	width:75px;
	height:30px;
	float:none;
	position:fixed;
	bottom:0;
	left:85%;
	z-index:9999;
}
.volver a {
	display:block;
	width:100%;
	height:100%;
	font: normal 11px/14px Arial, Helvetica, sans-serif;
	color:#d9d9d9;
	background: url(imagenes/up.png) no-repeat 0 0;
	text-align:center;
}
.volver a:hover {
	color:#fff;
	background-position: 0 -30px;
	text-decoration:none;
}
/* ================== // BOTONES ================== */





/********************************** FORM **************************************/





#contact-area {
	width: 500px;
	margin: 30px 0 0 25px;
}
#contact-area input, #contact-area textarea {
	padding: 7px 5px;
	width: 371px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0px 0px 20px 0px;
	border: 1px solid #ccc;
	line-height:1.2em;
	color:#666;
}
#contact-area textarea {
	height: 100px;
}
#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #15CEF5;
}
#contact-area input.submit-button {
	width: 100px;
	margin-left:85px;
	cursor:pointer;
}
#contact-area input.submit-button:hover {
	background-color:#056F92;
	color:#FFF;
	border:1px solid #777;
}
#contact-area label {
	float: left;
	clear: left;
	text-align: right;
	margin-right: 15px;
	width: 70px;
	padding-top: 6px;
	font: bold 1.1em/1.3em Arial, Helvetica, sans-serif;
	display: block;
}
#contact-area span {
	display:block;
	width:93%;
	text-align:right;
	padding:5px 7% 5px 0;
	font: italic 1em/1.1em Arial, Helvetica, sans-serif;
	color:#DF5900;
	position:relative;
	top:-20px;
	left:0;
}
.tpb_content td {
	padding-left: 10px;
}
.tpb_content input[type=submit] {
	margin-top: 10px;
}
.tpb_content input[type=radio] {
	margin-top: 5px;
}
.tpb_content label {
	font-weight: bold;
}
.tpb_content p strong {
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
}
.tpb_content .sp_answer {
	font-weight: bold;
}
.tpb_content .font_small {
	font-size: 10px;
	font-weight: normal;
}
#twtpoll_2 {
	height: 140px;
}

#wave {
	height:640px;
	width:96%;
	margin:auto;
	padding:9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-box-shadow: 1px 0px 7px #444;
	-webkit-box-shadow: 1px 0px 7px #444;
	background:#fff;
	position:relative;
}

#menu_wave {
	width:50%;
	position:absolute;
	top:20px;
	right:20px;
	font:bold 1.2em/40px Arial, Helvetica, sans-serif;
	height:40px;
	text-align:right;
}
#menu_wave a {
	margin-left:15px;
}
#menu_wave a:hover {
	color:#02CDF9;
}

#gwave h2 {
	width:350px;
	font:bold 2em/40px Arial, Helvetica, sans-serif;
	height:40px;
	margin:0 0 0 20px;
}

.link_twitter_facebook {
	position: absolute;
	top: 565px;
	height: 20px;
	line-height: 14px;
}

.banner_ayuda {
	position: absolute;
	top: 650px;
	width:728px;
	height: 90px;
	line-height: 14px;
	margin-left:100px;
}

/* MAPAS COLABORATIVOS */

#mapas_colab {
	width:920px;
	height:450px;
	position:relative;
}

#mapas_colab #mapaiframe {
	width:860px;
	height:385px;
	padding:20px;
	position:absolute;
	top:25px;
	left:10px;
	background-color:#555;
	border:1px solid #222;
}

#mapas_colab nav {
	width:750px;
	height:25px;
	position:absolute;
	top:1px;
	left:25px;
	z-index:999;
}

#mapas_colab nav ul {
	width:100%;
	height:100%;
	display:block;
}

#mapas_colab nav ul li {
	float:left;
	height:25px;
	margin:0 8px 0 0;
	font: bold 14px/24px Arial, Helvetica, sans-serif;
}

#mapas_colab nav ul li a {
	padding:0 15px;
	background-color:#888;
	border:1px solid #222;
	height:23px;
	display:block;
	color:#fff;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
}

#mapas_colab nav ul li a:hover, #mapas_colab nav ul li a.active {
	background-color:#555;
	border-bottom:1px solid #555 !important ;
	text-decoration:none;
}


/* COMO AYUDAR */

#isidebar {
	float:right;
	width:280px;
	padding:15px 15px 30px;
	background:#888;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
#isidebar ul {
	font: bold 1.4em/1em Arial, Helvetica, sans-serif;
	padding-left:10px;
}
#isidebar ul li {
	padding:5px 0;
}
#isidebar ul a {
	color:#fff;
}
#isidebar h3 {
	color:#333;
}

#iinfo {
	float:left;
	width:540px;
	padding:0 30px;
}

#iinfo h1 {
	margin:20px 0 5px;
}

#iinfo ul {
	padding:0 0 0 20px;
}
#iinfo ul li {
	padding:3px 0;
	list-style-type:disc;
}

#iinfo h3 {
	margin:15px 0 0;
	font: bold 1.4em/1em Arial, Helvetica, sans-serif;
	color:#029EBF;
}








/** SEBUSCA **/ 

#sebusca {
	height:250px;
	width:900px;
	padding:25px 5px 25px 10px;
	background-color: #333;
	overflow:auto;
}
#sebusca ul {
	width:100%;
	overflow:auto;
	height:100%;
}
#sebusca ul li {
	border-bottom: #555 1px solid;
	padding:5px 5px 10px 0;
	width:95%;
	overflow: hidden;
}
#sebusca ul li .avatar {
	width:50px;
	height:50px;
	margin-right:3px;
	float:left;
	position:relative;
}
#sebusca ul li img {
	width:40px;
	height:40px;
}
#sebusca ul li .avatar .icono {
	width:26px;
	height:26px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:999;
}
#sebusca ul li .avatar .fb {
	background:url(imagenes/icono_fb.png) no-repeat 0 0;
}
#sebusca ul li .avatar .tw {
	background:url(imagenes/icono_tw.png) no-repeat 0 0;
}
#sebusca ul li p {
	color:#DDD;
	text-align:left;
	font: normal 1em/1.2em Arial, Helvetica, sans-serif;
}

/** ENCONTRADOR **/ 

#encontrados {
	height:250px;
	width:900px;
	padding:25px 5px 25px 10px;
	background-color: #333;
	overflow:auto;
}
#encontrados ul {
	width:100%;
	overflow:auto;
	height:100%;
}
#encontrados ul li {
	border-bottom: #555 1px solid;
	padding:5px 5px 10px 0;
	width:95%;
	overflow: hidden;
}
#encontrados ul li .avatar {
	width:50px;
	height:50px;
	margin-right:3px;
	float:left;
	position:relative;
}
#encontrados ul li img {
	width:40px;
	height:40px;
}
#encontrados ul li .avatar .icono {
	width:26px;
	height:26px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:999;
}
#encontrados ul li .avatar .fb {
	background:url(imagenes/icono_fb.png) no-repeat 0 0;
}
#encontrados ul li .avatar .tw {
	background:url(imagenes/icono_tw.png) no-repeat 0 0;
}
#encontrados ul li p {
	color:#DDD;
	text-align:left;
	font: normal 1em/1.2em Arial, Helvetica, sans-serif;
}