@charset "UTF-8";
/* ESTILOS */
* { margin: 0; border: 0; }
body { font-family: Arial; font-size: 100%; text-align: left; color: #333; text-decoration: none; word-spacing: normal; letter-spacing: 0; line-height: 1em; background: url(../images/elements/fondo.jpg) #efefef center top repeat-y; margin: 0px; }
img { border: 0; }
p { margin: 0; }
a, a:active, a:visited, a:focus { color: #105aa1; word-spacing: normal; letter-spacing: normal; line-height: 1.2em; text-decoration: none; }
a:hover { text-decoration: none; }
h1 { font-size: 1.6em; font-weight: 900; font-stretch: condensed; color: #004276; text-decoration: none; display: inline; line-height: 1.05em; }
h2 { font-size: 1.6em; font-weight: 500; font-stretch: condensed; color: #000; text-decoration: none; display: inline; line-height: 1.05em; font-family: Georgia, "Times New Roman", Times, serif; }
h3 { color: #cc0000; font-size: .92em; text-align: left; font-weight: 300; }
h4 { font-family: Georgia; font-size: 1em; font-weight: 400; color: #005680; }
h5 { font-size: .833em; font-weight: 500; color: #333; padding-bottom: 5px; }
h6 { font-family: Georgia; font-size: 1em; font-weight: 400; color: #005680; padding-bottom: 5px; }
input { border: 2px #ffffff inset; }
/* FIN ESTILOS */


/* ---------------------------------------------------------------
	Divs Containers      310 ||20|| 310 ||20|| 300  -- 640 ||20|| 320
--------------------------------------------------------------- */
#wrapper { width: 960px; height: auto; margin: 0 auto; background: #fff; }
#wrapper_header { width: 994px; height: auto; margin: 0 auto; background: #fff; }
.div_310_left { width: 310px; margin-right: 20px; height: auto; float: left; }
.div_310_center { width: 310px; height: auto; float: left; }
.div_300_right { width: 300px; margin-left: 20px; height: auto; float: left; }
.div_640_left { width: 640px; height: auto; float: left; }
.full_960 { width: 960px; height: auto; margin: 10px 0 10px 0; position: relative; }
#header { width: 994px; height: 50px; background: url(../images/elements/header_mpuebla.jpg) no-repeat top center; border-bottom: #571a17 5px solid; }
#menu { width: 994px; height: auto; background: #707070; margin-bottom: 20px; }
	.divmenu { text-align: center; float: left; margin: 0; color: #fff; font-size: .833em; }
	.menuBL { border-left: #bebebe solid 1px; }
	.divmenu a, .divmenu a:visited { font-family: Arial; color: #fff; width: 100%; display: block; padding: 3px 0 3px 0; }
	.divmenu a:hover, .divmenu a:active { background-color: #D22232; text-decoration: none; color: #fff; line-height: 1.2em; font-family: Arial; }
.principal { overflow:hidden; width:640; height: 320px; position:relative; background-color:#fff; margin-bottom: 10px; }
	.principal img { width: 640px; height: 320px; margin-top: 10px; }
	.principal .text { padding:10px; font-family:Arial, Helvetica, sans-serif; line-height:1.1em; position:absolute; bottom: 0; font-size:.92em; color:#fff; width:640px; background: #111; filter:alpha(opacity=75); opacity:.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; }
.caja_nota { padding-bottom: 8px; margin-bottom: 7px; } .divisor { border-bottom: 1px solid #ccc; }
.lo_ultimo { font-family: Arial; font-size: .666em; color: #666; display: block; margin: 0; }
	.lo_ultimo a { color: #004276; text-decoration: none; }
	.lo_ultimo a:hover { text-decoration: underline; }
.anuncio_300 { width: 300px; height: auto; margin: 7px 0; padding: 0; text-align: center; }
#minutoxminuto { width: 298px; height: 225px; position: relative; background: url(../images/elements/minutoxminuto.jpg) no-repeat 0 0; padding-top: 45px; border: 1px #D22232 solid; margin-bottom: 5px; }
#minutoxminuto_gris { width: 298px; height: 270px; position: relative; background: url(../images/elements/minutoxminutoGris.jpg) no-repeat 0 0; border: 1px #ddd solid; margin-bottom: 7px; }
#mxmcontainer { width: 297px; height: 225px; overflow-y: scroll; position: relative; overflow-x:hidden; margin-top: 5px; }
.titular_960 { width: 920px; height: auto; margin: 3px 20px; position: relative; }
#widget_tp { width: 255px; height: auto; margin-right: 15px; float: left; }
#pos_div { width: 255px; height: 444px; position: relative; border-top: #3366cc 1px solid; border-bottom: #3366cc 1px solid; overflow: hidden; margin: 10px 0 10px 0; }
#widget_todopuebla { position:absolute; top: -45px; left: 0; width: 255px; height: 490px; }
.anuncios_255 { width: 255px; height: auto; float: left; margin: 0 0 10px 15px; }
#reportaje { width: 330px; height: auto; margin: 5px 0 0 4px; padding-left: 10px; border-left: 1px solid #ddd; float: left; }
	#reportaje img { margin-bottom: 10px; }
#entrevista { width: 325px; height: auto; margin: 5px 0 0 4px; padding-left: 15px; border-left: 1px solid #ddd; float: left; }
	#entrevista img { margin-bottom: 10px; }
#deportes { width: 330px; height: auto; margin: 5px 0 0 0; padding-left: 10px; float: left; }
	#deportes img { margin-bottom: 10px; }
#espectaculos { width: 325px; height: auto; margin: 5px 4px 0 4px; padding-left: 15px; border-left: 1px solid #ddd; float: left; }
	#espectaculos img { margin-bottom: 10px; }
#notas_blandas { width: 690px; height: auto; border-top: #ccc 2px solid; border-bottom: #ccc 2px solid; background: #f5f5f5; padding: 10px 0 10px 0; float: left; }
#cines_300 { width: 100%; height: auto; font-size: .75em; text-align: center; background: url(../images/elements/cine_300.jpg) no-repeat top left; padding-bottom: 5px; margin-bottom: 10px; margin-top: 10px; padding-top: 40px; }
#cines_300_gris { width: 100%; height: auto; font-size: .75em; text-align: center; background: url(../images/elements/cineGris_300.jpg) no-repeat top left; padding-bottom: 5px; margin-bottom: 10px; margin-top: 10px; border: 1px solid #ddd; }
#cines_300 ul { text-align: left; list-style: none; }
#cines_300 li { margin-top: 5px; margin-right: 20px; float: left; }
#cines_300 img { vertical-align: middle; }
#cines_300 p { float: right; height: auto; padding-top: 35px; }
#cines_300 a, #cines_300 a:hover, #cines_300 a:active, #cines_300 a:visited { font-family: Arial; }
#videoblog_300_gris { width: 100%; height: auto; font-size: .75em; text-align: center; background: url(../images/elements/videoblog_300.jpg) no-repeat top left; padding: 40px 0 1px 0; margin-bottom: 10px; border: 1px solid #ddd; }
.caja_xtra { font-size: .92em; margin-bottom: 5px; height: auto; text-align: right; }
.caja_nota_xtra { border-top: dotted #ccc 1px; padding: 2px 0 2px 0; margin-bottom: 3px; text-align: left; }
.notas_img { float: right; width: 320px; height: auto; float: right; margin: 0 0 15px 15px; }
#firmas { width: 95.5%; height: auto; background: url(../images/elements/firmas_300.jpg) #efefef no-repeat top left; margin-bottom: 10px; margin-top: 10px; padding: 40px 2% 5px 2%; border: 1px #D22232 solid; }
#firmas_header { width: 100%; height: 40px; text-indent: -5000px; }
#firmas_gris { width: 99.5%; height: auto; background: url(../images/elements/firmasGris_300.jpg) #efefef no-repeat top left; margin-bottom: 10px; margin-top: 10px; padding-bottom: 5px; border: 1px #ddd solid; }
.titulo_gris_header { width: 100%; height: 39px; border-top: 1px #fff solid; text-indent: -5000px; }
.firmas_vert { width: 92.5%; min-height: 60px; padding: 2%; font-size: .833em; border-bottom: #ccc dotted 1px; border-left: 1px #e0e0e0 solid; border-right: 1px #e0e0e0 solid; background: #fff; margin: 0 5px 0 6px; } /* funciona con firmas_vertical */
#footer_nota { background-color: #edefee; width: 100%; position: relative; height: auto; margin-top: 20px; }
.footer_nota { width: 650px; height: auto; margin: 0 auto; text-align: center; font-size: .75em; line-height: 1em; color: #999; padding-top: 5px; }
.anuncio_255_reducido { width: 230px; height: auto; float: left; margin: 5px 13px 5px 0; padding: 0; }
.anuncio_255_reducido img { width: 230px; height: auto; }
.anuncio_255_reducido_last { width: 230px; height: auto; float: left; margin: 0; padding: 0; }
.anuncio_255_reducido_last img { width: 230px; height: auto; }
.anuncio_240 { width: 240px; height: auto; float: left; margin: 0; padding: 0; }
.anuncio_240 img { width: 240px; height: auto; margin-bottom: 10px; }
#footer { background-color: #efefef; width: 100%; position: relative; height: auto; text-align: center; margin-top: 10px; }
	#footer_datos { margin: 0 auto; width: 960px; height: auto; position: relative; background: url(../imagenes/fondo/ditsa.jpg) no-repeat bottom right; }
	#footer_logo { width: 300px; height: auto; margin: 30px 30px 0 0; padding-top: 50px; float: left; font-size: .666em; line-height: 1em; color: #999; text-align: left; background: url(../images/design/logo_gris.jpg) #edefee no-repeat top left; }
	.footer_info { width: 180px; height: auto; float: left; text-align: left; font-size: .75em; line-height: 1em; color: #999; padding: 10px 10px 0 10px; }
	.footer_info p { margin-bottom: 5px; }
	.footer_info ul { margin-left: 15px; padding: 0; }
	.footer_info li { padding: 0; }
	.footer_info a, .footer_info a:hover, .footer_info a:active, .footer_info a:visited { font-family: Arial; line-height: 1.2em; display: inline; }
	.footer_clear { clear: both; text-align: center; font-size: .75em; line-height: 1em; color: #999; padding: 10px 10px 0 10px; }

/* ---------------------------------------------------------------
	Tipografia  Colores: Azul #1a6fb2 | Rojo #D22232 | Letras azules #004276
--------------------------------------------------------------- */
.fs92ems { font-size: .92em; }
.fs83ems { font-size: .833em; }
.fs75ems { font-size: .75em; }
.fs66ems { font-size: .666em; }
.align_left { text-align: left }
.align_right { text-align: right; }
span.categoria { display: block; text-transform: uppercase; color: #cc0000; font-size: .5em; } /* ec5607 */
.titulo_noticias, .titulo_noticias:active, .titulo_noticias:link, .titulo_noticias:visited { font-family: Arial; font-size: 1em; line-height: 1em; color: #000; display: block; margin: 0 0 5px 0; font-weight: 600; }
.titulo_noticias:hover { text-decoration: underline; }
.balazo { font-size: .75em; color: #333; }
.alminuto { font-family: Georgia, 'Times New Roman', Times, serif; font-size: .86em; font-weight: 200; line-height: 130%; color: #D22232; display: block; width: 95%; border-bottom: #ccc solid 1px; padding: 4px 0px 3px 5px; }
.alminuto a, .alminuto a:visited, .alminuto a:link, .alminuto a:active { text-decoration: none; line-height: 130%; color: #000; }
.alminuto a:hover { text-decoration: none; }
.relacionada, .relacionada a, .relacionada a:visited, .relacionada a:link, .relacionada a:active, .relacionada span { font-family: Arial; font-size: .88em; color: #105aa1; line-height: 1.25em; text-decoration:none; text-align: left; }
.relacionada a:hover { text-decoration: underline; }
.relacionada span { color: #e5001a; }
.firmas_vert img { float: right; margin: 0 0 0 10px; border: 1px solid #ededed; }
.firmas img { float: left; margin: 0 10px 0 0; }
.firmas_columna { color: #105aa1; font-weight: 600; display: block; margin: 0; line-height: 1em; }
.firmas_autor { color: #9999a1; font-weight: 600; font-size: .833em; display: block; margin: 0; }
.firmas_titulo, .firmas_titulo:link, .firmas_titulo:active, .firmas_titulo:visited { color: #000; line-height: 1.05em; }
.firmas_titulo:hover { text-decoration: underline; }
.titular_960 .col1 { width: 280px; color: #66769c; font-weight: 600; font-size: .75em; float: left; text-transform: uppercase; margin-left: 20px; }
.titular_960 .col2 { width: 300px; color: #9999a1; font-weight: 600; font-size: .833em; float: left; text-transform: uppercase; vertical-align: top; }
.titular_960 .col3 { width: 300px; color: #000; font-weight: 600; font-size: .833em; float: left; text-transform: uppercase; text-align: right; }
.anteriores { color: #ec5607; font-family: Georgia, "Times New Roman", Times, serif; font-size: .833em; }
.clasificaciones_notas { font-family: Arial; font-weight: 700; font-size: .92em; color: #333; }
#fecha_container { width: 50px; height: 70px; padding: 0 15px 5px 0; float: left; margin-top: 5px; }
#fecha_dia { width: 50px; height: 30px; color: #fff; font-family: Arial; font-size: 1.5em; font-weight: 600; background: #D22232; text-align: center; display: table-cell; vertical-align: middle; position: relative; }
#fecha_mes { width: 48px; height: 20px; color: #D22232; font-family: arial; font-size: .75em; background: #fff; text-align: center; vertical-align: middle; position: relative; font-weight: 700; border-left: #ededed 1px solid; border-right: #ededed 1px solid; }
#fecha_ano { width: 50px; height: 20px; color: #000; font-family: arial; font-size: .833em; background: #ededed; text-align: center; position: relative; vertical-align: middle; }
#hora_container { width: 50px; height: 20px; padding: 0 15px 5px 0; float: left; }
.txt_pk, .txt_pk a, .txt_pk a:link, .txt_pk a:active, .txt_pk a:visited, .txt_pk:active { font-family: Arial; font-size: .666em; text-transform: none; color: #333; text-decoration: none; line-height: 1.25em; }
.txt_pk a:hover { text-decoration:underline; }
.nota, .nota p { font-family: Arial; font-size: .92em; color: #111; line-height: 1.1em; margin-bottom: 10px; }
/* ---------------------------------------------------------------
	Misc
--------------------------------------------------------------- */
.clear { clear: both; }
.bloque { display: block; width: 100%; border-bottom: 1px dotted #ddd; margin-top: 5px; }
.creditos { border-bottom: 1px dashed #ccc; display: block; text-align: left; padding: 2px 0px 1px 0px; margin-bottom: 10px; }

/* ---------------------------------------------------------------
	Scrollable tool
--------------------------------------------------------------- */
.scrollable { /* required settings */ position:relative; overflow:hidden; width: 958px; height:70px; /* custom decorations */ border:1px solid #ccc; background:url(../images/elements/h300.png) repeat-x; padding: 10px 0; }
.scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; clear:both; }
.items div { float:left; width:960px; }
.scrollable div.firmas { width: 230px; min-height: 70px; padding: 5px; float: left; font-size: .833em; }
/* single scrollable item 
.scrollable img { float:left; margin:20px 5px 20px 21px; background-color:#fff; padding:2px; border:1px solid #ccc; width:100px; height:75px; -moz-border-radius:4px; -webkit-border-radius:4px; }*/
/* active item */
.scrollable .active { border:2px solid #000; position:relative; cursor:default; }

/* this makes it possible to add next button beside scrollable 
.scrollable { float:left; }*/
/* prev, next, prevPage and nextPage buttons */
a.browse { display: inline-block; width:18px; height:18px; margin:0 2px; cursor:pointer; }
/* right */
a.right { background: url(../images/elements/nav_car_r.gif) no-repeat 0 0; }
/* left */
a.left { background: url(../images/elements/nav_car_l.gif) no-repeat 0 0; }
/* up and down */
a.up, a.down { background:url(../images/elements/vert_large.png) no-repeat; float: none; margin: 10px 50px; }
/* up */
a.up:hover { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }
/* down */
a.down { background-position: 0 -30px; }
a.down:hover { background-position:-30px -30px; }
a.down:active { background-position:-60px -30px; }
/* disabled navigational button */
a.disabled { visibility:hidden !important; }

/* ---------------------------------------------------------------
	Estilo de forma de comentarios
--------------------------------------------------------------- */
.your-name { display:block; margin:5px 0px 8px 0px; width:40%; border:1px solid #cccccc; background-color:#f7f7f7; padding:6px 6px 6px 25px; font-size:11px; font-weight:bold; background-image:url(../imagenes/css/your-name.gif); background-position:left center; background-repeat:no-repeat; }
.your-name:focus { display:block; margin:5px 0px 8px 0px; width:40%; border:1px solid #333333; background-color:#eeeeee; padding:6px 6px 6px 25px; font-size:11px; font-weight:bold; background-image:url(../imagenes/css/your-name.gif); background-position:left center; background-repeat:no-repeat; }
.your-email { display:block; margin:5px 0px 8px 0px; width:40%; border:1px solid #cccccc; background-color:#f7f7f7; padding:6px 6px 6px 25px; font-size:11px; font-weight:bold; background-image:url(../imagenes/css/your-email.gif); background-position:left center; background-repeat:no-repeat; }
.your-email:focus { display:block; margin:5px 0px 8px 0px; width:40%; border:1px solid #333333; background-color:#eeeeee; padding:6px 6px 6px 25px; font-size:11px; font-weight:bold; background-image:url(../imagenes/css/your-email.gif); background-position:left center; background-repeat:no-repeat; }
.your-site { display:block; margin:5px 0px 8px 0px; width:40%; color:#0000CC; border:1px solid #cccccc; background-color:#f7f7f7; padding:6px 6px 6px 25px; font-size:11px; font-weight:normal; background-image:url(../imagenes/css/your-site.gif); background-position:left center; background-repeat:no-repeat; }
.your-site:focus { display:block; margin:5px 0px 8px 0px; width:40%; border:1px solid #333333; background-color:#eeeeee; color:#0000CC; padding:6px 6px 6px 25px; font-size:11px; font-weight:normal; background-image:url(../imagenes/css/your-site.gif); background-position:left center; background-repeat:no-repeat; }
.your-message { display:block; margin:5px 0px 8px 0px; width:96%; border:1px solid #cccccc; background-color:#f7f7f7; padding:6px; font-size:12px; font-weight:normal; }
.your-message:focus { display:block; margin:5px 0 8px 0; width:96%; border:1px solid #333333; background-color:#eeeeee; padding:6px; font-size:12px; font-weight:normal; }
.form-l { color: #666; font-size: .8333em; display: inline; width: 180px; float: right; text-align: left; margin: 0; padding: 0; }
.form-u { color: #666; font-size: .8333em; display: inline; width: 180px; text-align: left; }
.posts { width: 430px; background-color:#f7f7f7; position: relative; padding: 10px; border:1px solid #cccccc; text-align: left; }
.class_comments { width: 300px; float: left; text-align: left; color: #058B93; font-size:.92em; }
.class_comments_resp { width: 120px; float: left; text-align: right; color: #058B93; font-size:.833em; }
.fecha_comments { clear: both; font-size: .666em; color: #000000; }
.texto_comments { clear: both; font-size: .75em; color: #000000; }

/* liScroll styles */

.tickercontainer { /* the outer div with the black border */ border: 1px solid #c2c2c2; background: #efefef; width: 960px; height: 25px; margin: 0 auto; padding: 0; overflow: hidden; margin-bottom: 10px; }
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */ position: relative; left: 10px; top: 8px; width: 940px; overflow: hidden; }
ul.newsticker { /* that's your list */ position: relative; left: 750px; list-style-type: none; margin: 0; padding: 0; }
ul.newsticker li { width: auto; float: left; /* important: display inline gives incorrect results when you check for elem's width */ white-space: nowrap; margin: 0 20px 0 0; padding: 0; font-family: Arial; font-size: .75em; }
ul.newsticker li a { width: auto; padding: 0; color: #333; font-family: Arial; display: inline; }
/* ul.newsticker li span { margin: 0 5px 0 0; color: #ff0000; } */

/* Video Gallery */
#ytvideo, #ytvideo2 { float: left; margin-right:10px; }
.yt_holder { width: 680px; height: auto; background: #f5f5f5; padding: 10px; float: left; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0 0 15px 20px; }
ul { float: left; margin: 0; padding: 0; width: 220px; }
ul li { list-style-type: none; display:block; background: #f1f1f1; float: left; width: 216px; margin-bottom: 5px; padding:2px; }
ul li img { width: 75px; float: left; margin-right: 5px; border: 1px solid #999; }
ul li a { font-family: georgia; text-decoration: none; display: block; color: #000; }
.currentvideo { background: #e6e6e6; }