body { font-size: 10px; font-family: verdana, geneva, helvetica, arial; background-color: #fff; background-image: none; margin: 0 0 10px; padding-left: 10px; }
p { color: #666; font-size: 10px; font-weight: normal; font-style: normal; word-spacing: 1px; letter-spacing: 0; margin: 1px; padding: 2px 5px; }
h1 { color: #000; font-size: 13px; font-weight: bold; word-spacing: 2px; letter-spacing: 1px; margin: 1px; padding: 2px 5px; }
h2 { color: #c63; font-size: 11px; font-weight: bold; word-spacing: 1px; margin: 1px; padding: 2px 5px; }
h3 { color: #c63; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; letter-spacing: 2px; margin: 1px; padding: 2px 5px; }
h4 { color: #808080; font-size: 10px; font-weight: normal; margin: 1px; padding: 2px 5px; }
h5 { color: #000; font-size: 10px; font-weight: bold; margin: 1px; padding: 2px 5px; }
h6 { color: #fff; font-size: 10px; font-weight: bold; margin: 1px; padding: 2px 5px; }
a:link { color: #039; font-size: 10px; font-weight: bold; text-decoration: none; word-spacing: 1px; margin-top: 5px; margin-bottom: 5px; }
a:visited { color: #039; font-size: 10px; font-weight: bold; text-decoration: none; word-spacing: 1px; margin-top: 5px; margin-bottom: 5px; }
a:hover { color: #039; font-size: 10px; font-weight: bold; background-color: #ccc; text-decoration: none; word-spacing: 1px; margin-top: 5px; margin-bottom: 5px; }
a:active { color: #039; font-size: 10px; font-weight: bold; text-decoration: none; word-spacing: 1px; margin-top: 5px; margin-bottom: 5px; }

/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
body { word-wrap: break-word; }
#barra_menu { background-image: url(../images/pattern_menu.gif); background-repeat: repeat-x; background-position: 0 0; height: 48px; margin-left: -10px; padding-bottom: 5px; padding-left: 10px; }
#menu { top: 0; width: 970px; height: 48px; clear: both; margin: 0 auto; }
#header { background-color: #fff; background-image: url(../images/header_box.gif); background-repeat: no-repeat; position: relative; width: 981px; height: 140px; margin-top: 20px; margin-right: auto; margin-left: auto; }
#header_logo { background-image: url(../images/header_logo.gif); background-repeat: no-repeat; position: absolute; width: 277px; height: 108px; }
#header_barra { background-image: url(../images/header_Slogan.gif); background-repeat: no-repeat; position: absolute; top: 82px; left: 277px; width: 483px; height: 26px; padding-top: 2px; }
#header_secciones { padding-top: 2px; position: absolute; top: 12px; left: 360px; width: 301px; height: 56px; }
#header_page { background-image: url(../images/dir_uaem_normal.gif); background-repeat: no-repeat; position: absolute; top: 82px; left: 760px; width: 188px; height: 26px; }
#header_uaem { background-image: url(../images/logo_uaem.gif); background-repeat: no-repeat; position: absolute; left: 760px; width: 188px; height: 82px; }
#content { position: relative; width: 981px; margin: 20px auto; }
#center { background-color: transparent; background-image: url(../images/pattern_centro.gif); background-repeat: repeat-y; background-position: -1px 50%; position: relative; top: 0; left: 231px; width: 520px; }
#center_menu_mm { background-color: transparent; position: relative; top: 0; left: 231px; width: 520px; margin-bottom: 15px; }
#center_grande { background-color: transparent; background-image: url(../images/pattern_centro_g.gif); background-repeat: repeat-y; background-position: -1px 50%; position: relative; top: 0; left: 231px; width: 744px; }
#center_grande_2 { background-color: transparent; background-image: url(../images/pattern_centro_g.gif); background-repeat: repeat-y; background-position: -1px 50%; position: relative; top: 0; left: 231px; width: 744px; margin-top: 10px; margin-bottom: 10px; }
#center_grande_pop { background-color: transparent; background-image: url(../images/pattern_centro_g.gif); background-repeat: repeat-y; background-position: -1px 50%; position: relative; top: 10px; left: 5px; width: 744px; }
.center_abajo_round { background-color: transparent; background-image: url(../images/box_round_center_foot.gif); background-repeat: no-repeat; background-position: 0 0; position: absolute; left: -1px; bottom: -1px; width: 520px; height: 15px; }
.center_abajo_round_grande { background-color: transparent; background-image: url(../images/box_round_center_foot_g.gif); background-repeat: no-repeat; background-position: 0 0; position: absolute; bottom: -1px; left: -1px; width: 744px; height: 15px; }
#center2 { background-color: transparent; background-image: url(../images/pattern_centro.gif); background-repeat: repeat-y; background-position: -1px 50%; position: relative; top: 0; left: 231px; width: 520px; margin-top: 10px; margin-bottom: 10px; }
#center3 { background-color: transparent; background-image: url(../images/pattern_centro.gif); background-repeat: repeat-y; background-position: -1px 50%; margin-top: 10px; margin-bottom: 10px; position: relative; top: 0; left: 231px; width: 520px; }
#center4 { background-color: transparent; background-image: url(../images/pattern_centro.gif); background-repeat: repeat-y; background-position: -1px 50%; margin-top: 10px; margin-bottom: 10px; position: relative; top: 0; left: 231px; width: 520px; }
#center5 { background-color: transparent; background-image: url(../images/pattern_centro.gif); background-repeat: repeat-y; background-position: -1px 50%; margin-top: 10px; margin-bottom: 10px; position: relative; top: 0; left: 231px; width: 520px; }
#center6 { background-color: transparent; background-image: url(../images/pattern_centro.gif); background-repeat: repeat-y; background-position: -1px 50%; margin-top: 10px; margin-bottom: 10px; position: relative; top: 0; left: 231px; width: 520px; }
#center7 { background-color: transparent; background-image: url(../images/pattern_centro.gif); background-repeat: repeat-y; background-position: -1px 50%; margin-top: 10px; margin-bottom: 10px; position: relative; top: 0; left: 231px; width: 520px; }
#center8 { background-color: transparent; background-image: url(../images/pattern_centro.gif); background-repeat: repeat-y; background-position: -1px 50%; margin-top: 10px; margin-bottom: 10px; position: relative; top: 0; left: 231px; width: 520px; }
#left_bar_content { background-color: transparent; position: absolute; top: 0; width: 211px; margin-right: auto; margin-left: 0; }
#left_bar_trans { background-color: transparent; background-image: url(../images/pattern_izq.gif); background-repeat: repeat-y; background-position: -1px 50%; margin-right: auto; margin-left: 0; position: relative; top: 0; width: 211px; }
#left_bar_conoce { background-color: transparent; background-image: url(../images/pattern_izq.gif); background-repeat: repeat-y; background-position: -1px 50%; margin-right: auto; margin-left: 0; position: relative; top: 0; width: 211px; margin-top: 10px; }
#left_bar_conoce_img { margin-top: 10px; position: relative; top: 0; left: 4px; width: 211px; }
#left_bar_asociados { background-color: transparent; background-image: url(../images/pattern_izq.gif); background-repeat: repeat-y; background-position: -1px 50%; margin-top: 10px; margin-right: auto; margin-left: 0; position: relative; top: 0; width: 211px; }
#right_bar_content { background-color: transparent; position: absolute; top: -10px; right: 0; width: 211px; }
#right_bar_content_g { background-color: transparent; position: absolute; top: 695px; right: 0; width: 211px; float: left; }
#right_bar { background-color: transparent; background-image: url(../images/pattern_izq.gif); background-repeat: repeat-y; background-position: -1px 50%; position: relative; top: 0; width: 211px; margin-top: 10px; }
.bar_lados_button { background-color: transparent; background-image: url(../images/box_corner_izq.gif); background-repeat: no-repeat; background-position: 0 0; position: absolute; left: -1px; bottom: -1px; width: 211px; height: 15px; }
#foot_bar { background-color: #fff; position: relative; width: 970px; min-height: 140px; margin-top: 20px; margin-right: auto; margin-left: auto; border: solid 1px #eee; }
#foot_bar_2 { background-color: #fff; margin-top: 20px; margin-right: auto; margin-left: auto; position: relative; width: 970px; min-height: 270px; border: solid 1px #eee; }
#foot_bar_3 { background-color: #fff; margin-top: 20px; position: relative; left: 225px; width: 765px; height: auto; min-height: 270px; border: solid 1px #eee; }
.caja_ligas { background-image: url(../images/caja_ligas.gif); background-repeat: no-repeat; text-align: center; position: relative; width: 153px; height: 100px; float: left; margin: 5px 15px; padding: 4px; }
.caja_ligas_bar { background-image: url(../images/caja_ligas.gif); background-repeat: no-repeat; text-align: center; margin: 5px; padding: 4px; position: relative; width: 153px; height: 100px; }
#menu_button { background-color: #fff; background-repeat: repeat-x; text-align: center; position: relative; width: 970px; height: 15px; margin: 20px auto 30px; padding: 10px; border-top: 1px solid #c63; border-bottom: 1px solid #c63; }
/*menubuton_alt*/
.mebu_alt { color: #039; background-color: transparent; position: absolute; top: 10px; left: -30px; list-style-type: none; margin: 0; padding: 0; width: 520px; height: 15px; }
.mebu_alt ul { color: #039; background-color: transparent; text-align: center; width: auto; height: auto; margin: 0; padding: 0; border: 0 transparent; list-style-type: none; }
.mebu_alt ul li { color: #039; background-color: transparent; text-align: center; width: auto; height: auto; float: right; margin: 0; padding: 0 5px 0 0; border: 0 transparent; list-style-type: none; }
.mebu_alt ul li a { color: #039; background-color: transparent; text-align: center; width: auto; height: auto; margin: 0; padding: 0 5px 0 0; border-color: transparent #c63 transparent transparent; border-style: none solid none none; border-width: 0 1px 0 0; list-style-type: none; display: inline; }
.mebu_alt ul li a:over { color: #039; background-color: transparent; text-align: center; width: auto; height: auto; margin: 0; padding: 0 5px 0 0; border-color: transparent #036 transparent transparent; border-style: none solid none none; border-width: 0 1px 0 0; list-style-type: none; }
/*menubuton*/

.mebu { color: #666; background-color: transparent; position: absolute; top: 10px; left: 500px; width: 490px; height: 15px; margin: 0; padding: 0; list-style-type: none; }
.mebu ul { color: #666; background-color: transparent; text-align: center; width: auto; height: auto; margin: 0; padding: 0; border: 0 transparent; list-style-type: none; }
.mebu ul li { color: #666; background-color: transparent; text-align: center; width: auto; height: auto; float: right; margin: 0; padding: 0 5px 0 0; border: 0 transparent; list-style-type: none; }
.mebu ul li a { color: #666; background-color: transparent; text-align: center; width: auto; height: auto; margin: 0; padding: 0 5px 0 0; border-color: transparent #c63 transparent transparent; border-style: none solid none none; border-width: 0 1px 0 0; list-style-type: none; display: inline; }
.mebu ul li a:over { color: #666; background-color: transparent; text-align: center; width: auto; height: auto; margin: 0; padding: 0 5px 0 0; border-color: transparent #036 transparent transparent; border-style: none solid none none; border-width: 0 1px 0 0; list-style-type: none; }
/*cajas de contenidos*/
.data_bar { background-color: #fff; position: relative; width: 180px; min-height: 30px; margin: 5px auto; padding: 5px; border: solid 1px #ccc; }
.data_bar_cover { background-color: #fff; margin: 5px auto; padding: 5px; position: relative; width: 180px; height: 180px; border: solid 1px #ccc; }
.data_centro { background-color: #fff; position: relative; width: 485px; min-height: 60px; margin: 10px auto; padding: 5px; border: solid 1px #ccc; }
.data_centro_g { background-color: #fff; margin: 10px auto; padding: 5px; position: relative; top: 0; width: 700px; min-height: 60px; border: solid 1px #ccc; }
.data_centro h2 { background-color: #fff; background-image: none; margin: 3px; }
.data_centro_ch { background-color: #fff; margin: 20px auto; position: relative; width: 490px; min-height: 60px; border: solid 1px #ccc; }
#data_header { background-color: #fff; position: relative; top: 15px; width: 948px; height: 108px; margin-right: auto; margin-left: auto; border: solid 1px #ccc; }
/*box_izq*/
.box { padding: 8px; } 
.box:before { font-size: 10px; content: url(../images/box_round_izq.gif); display: block; line-height: 0.1; margin: -10px -10px -27px -9px; } 
.box:after { 
clear: both; 
content: url(../images/box_corner_izq.gif); 
display: block; 
line-height: 0.1; 
margin: 0 -10px -10px -9px; 
}
.box > h2 { color: #fff; word-spacing: 0; letter-spacing: 0.2mm; margin-top: 3px; margin-left: 3px; }
.box h2 { color: #fff; background: url(../images/box_round_izq.gif) no-repeat left top; margin: -10px -10px auto -9px; padding: 10px 10px 5px 15px; }
/*box center*/
.box_centro { padding: 8px; } 
.box_centro:before { 
content: url(../images/box_round_center_top.gif); 
display: block; 
line-height: 0.1; 
margin: -10px -10px -22px -9px; 
} 
.box_centro:after { 
clear: both; 
content: url(../images/box_round_center_foot.gif);
display: block; 
line-height: 0.1; 
margin: 0 -10px -10px -9px; 
}

.box_centro > h2 { color: #c63; font-size: 11px; word-spacing: 1px; letter-spacing: 1px; margin-top: 8px; margin-left: 5px; padding-left: 5px; } 
.box_centro h2 { 
background: url(../images/box_round_center_top.gif) no-repeat left top; 
margin: -10px -10px auto -9px; 
padding: 10px 10px 5px 15px; 
}

/*box center grande*/
.box_centro_grande { padding: 8px; } 
.box_centro_grande:before { 
content: url(../images/box_round_center_top_g.gif); 
display: block; 
line-height: 0.1; 
margin: -10px -10px -22px -9px; 
} 
.box_centro_grande:after { 
clear: both; 
content: url(../images/box_round_center_foot_g.gif);
display: block; 
line-height: 0.1; 
margin: 0 -10px -10px -9px; 
}

.box_centro_grande > h2 { color: #c63; font-size: 11px; word-spacing: 1px; letter-spacing: 1px; margin-top: 8px; margin-left: 5px; padding-left: 5px; } 
.box_centro_grande h2 { 
background: url(../images/box_round_center_top_g.gif) no-repeat left top; 
margin: -10px -10px auto -9px; 
padding: 10px 10px 5px 15px; 
}

/*Menu*/

ul { 
list-style: none inside; 
margin: 0; 
padding: 0; 
} 
ul li { float: left; margin: -5px 0 0; padding: 0; } 
ul li a { display: block; text-align: center; text-decoration: none; width: 115px; height: 48px; margin: -10px 0 0; border-right: 1px solid #036; } 
ul li#inicio a { border-left: 1px solid #036; }
ul li#programacion a { width: 120px; padding-right: 5px; padding-left: 5px; }
ul li#noticias a {  } 
ul li#podcast a {  } 
ul li#directorio a {  } 
ul li#multimedia a {  } 
ul li#eventos a {  } 
ul li#musica a {  } 

ul li#inicio a:hover, 
ul li#programacion a:hover, 
ul li#noticias a:hover, 
ul li#podcast a:hover,
ul li#directorio a:hover,
ul li#multimedia a:hover,
ul li#eventos a:hover,
ul li#musica a:hover{ color: #fff; background-image: url(../images/pattern_menu_over.gif); background-repeat: repeat-x; } 


ul li a strong { color: #ccc; font-size: 14px; padding-top: 15px; display: block; } 
ul li a:hover strong { color: #fff; font-size: 14px; padding-top: 15px; display: block; } 
ul li a:hover { 
color: #c63; 
}
/*lista de twitter*/
#twitter_div { font-family: Verdana, Arial, Helvetica, sans-serif, Verdana, Arial, Helvetica, sans-serif; background-color: #fff; background-repeat: no-repeat; background-position: 0 0; width: auto; height: 80px; margin: 5px 2px 2px; padding: 5px 2px 2px; border-style: none; border-width: 0; display: block; }
.twitter-title { color: #039; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif, Verdana, Arial, Helvetica, sans-serif; margin: 2px; padding: 2px; }
ul#twitter_update_list { color: #666; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif, Verdana, Arial, Helvetica, sans-serif; background-color: #fff; margin: 2px; padding: 2px; border-style: none; border-width: 0; list-style-image: url(../contents_index/06_twitter/onair.gif); list-style-position: inside; display: block; white-space: normal; }
ul#twitter_update_list a { color: #c63; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif, Verdana, Arial, Helvetica, sans-serif; background-color: #fff; text-align: left; position: relative; width: auto; height: auto; margin: 5px; padding: 0; border-style: none; border-width: 0; }
ul li#twitter_update_list a { color: #c63; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif, Verdana, Arial, Helvetica, sans-serif; background-color: #fff; text-align: left; }
ul li#twitter_update_list a:over { color: #c63; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif, Verdana, Arial, Helvetica, sans-serif; background-color: #fff; text-decoration: underline; text-align: left; }
ul#twitter_update_list a:link { color: #c63; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif, Verdana, Arial, Helvetica, sans-serif; background-color: #fff; text-align: left; }
/*maps*/
#the_side_bar { line-height: 14px; }
.data_centro_iframe { background-color: #fff; position: relative; width: 485px; min-height: 60px; margin: 10px auto; padding: 2px 1px 1px 2px; border: solid 1px #ccc; }