/*
  Loom Tecnologia, S.A. de C.V.
  http://www.loomtek.com.mx
*/

body { background-color: #EEE; font: 12px Arial; margin: 0; padding: 0; }
a { color: #777; text-decoration: none; }
a:hover { color: #AAA; text-decoration: none; }

#container { position: relative; margin: 0 auto 10px; width: 1100px; padding: 0; box-shadow: 0 0 2px #000000; background-color: #FFF; }
#header { width: 970px; margin: 0 auto; background-color: transparent; }
#header_titulo { float: left; color: #CCC; font: 28px Arial; padding: 20px 0 10px; background-color: transparent; }
#header_idioma { float: right; padding: 20px 0 10px; background-color: transparent; }
#header_idioma img { margin-left: 10px; }
#header_buscar { float: right; margin-left: 20px; padding: 20px 0 10px 5px; background-color: transparent; }
#header_buscar img { float: right; margin: 2px 0 0 5px; cursor: pointer; }
#header_logo { clear: both; padding: 0; background-color: transparent; }
#header_logo img { float: left; margin-bottom: 10px; }

#main_menu { background-color: #CCC; }
#barra_menu { position: relative; height: 27px; width: 970px; margin: 0 auto; padding: 0; text-align: center; background-color: transparent; }
.menu_item { float: left; }
#menu, #menu ul { list-style: none; padding: 0; margin: 0; }
#menu li { position: relative; }
#menu a { display: block; text-decoration: none; height: 17px; padding: 4px 10px 6px; margin: 0 60px 0 0; font: 15px Arial; color: #FFF; text-align: left; text-transform: uppercase; }
#menu a:hover { background: url('images/menu_hover.jpg') repeat-x; color: #3C444B; }
#menu li ul { position: absolute; display: none; background-color: #808183; padding: 0; }
#menu ul a { background: url('images/fondo_menu.jpg') repeat-x; color: #000; font: 12px Arial; padding: 5px 10px; margin-right: 0; height: auto; }
#menu ul a:hover { color: #FFF; background-color: transparent; }
#menu hr { color: #FFF; border: 1px solid #FFF; }
#menu ul li ul { position: absolute; top: 0; left: 150px; background-color: #D5DD40; padding: 10px 3px; }
#menu li:hover ul, #menu li.over ul { display: block; }
#menu li:hover ul ul, #menu li.over ul ul { display: none; }
#menu ul li:hover ul, #menu ul li.over ul { display: block; }
#menu ul ul a { text-align: left; margin-right: 0; }
#menu { position: relative; z-index: 1001; }
#menu ul { position: relative; z-index: 1002; }
#menu ul ul { position: relative; z-index: 1003; }

#cuerpo { width: 970px; margin: 0 auto; padding: 0; vertical-align: top; min-height: 500px; background-color: transparent; }
.destacados_fondo { float: left; width: 310px; height: 67px; }
.destacados_caja { position: relative; width: 210px; height: 52px; padding: 5px 95px 5px 5px; display: table; background: url('images/fondo_destacados.png') repeat-x; border-radius: 10px; }
.destacados_texto { text-align: center; display: table-cell; vertical-align: middle; background-color: transparent; }
.destacados_texto a { font: 20px Arial; color: #3C444B; text-transform: uppercase; }
.destacados_texto a:hover { color: #222; }
.destacados_icono { position: absolute; top: 10px; right: 10px; }
.destacados_fondo_full { clear: both; width: 970px; height: 58px; }
.destacados_caja_full { position: relative; width: 970px; height: 41px; background: url('images/fondo_destacados_full.png') repeat-x; border-radius: 10px; }
.destacados_texto_full { position: absolute; top: 8px; right: 50%; margin-right: -130px; background-color: transparent; }
.destacados_texto_full a { font: 20px Arial; color: #3C444B; text-transform: uppercase; }
.destacados_texto_full a:hover { color: #222; }
.destacados_icono_full { position: absolute; top: 0; left: 50%; margin-left: 140px; }

#barra_titulo { margin: 2px 0 20px 0; height: 58px; background: url('images/fondo_titulo.png') repeat-x; }
#barra_titulo img { float: left; margin: 10px 10px 0 0; }
#barra_titulo h1 { float: left; margin: 13px 0 0 0; font: 28px Arial; text-transform: uppercase; color: #3C444B; text-shadow: 3px 4px 1px #888; }
#barra_migaja { float: right; margin-top: 20px; font: 14px Arial; color: #FFF; background-color: transparent; }
#barra_migaja a { color: #FFF; }

.derecha { margin-left: 20px; }
#contenido { float: left; padding: 0 10px 10px 0; font: 12px Arial; color: #000; background-color: transparent; }
.home { width: 650px; }
.con_barra_lateral { width: 650px; border-right: 1px solid #C3C6C7; }
#contenido h1 { margin: 0; font: 28px Arial; color: #CCC; text-transform: uppercase; text-shadow: 3px 4px 1px #CCC; }
#contenido h2 { margin: 0; font: 28px Arial; color: #3C444B; text-transform: uppercase; }
#contenido h3 { margin: 0; font: 25px Arial; color: #3C444B; text-transform: uppercase; }
#contenido h4 { margin: 0; font: 14px Arial; color: #3C444B; font-weight: bold; }
#barra_lateral_home { float: right; width: 310px; background-color: transparent; }
.icono { float: left; margin: 0 10px 10px 0; }
.icono_titulo { float: left; margin-top: 3px; font: 28px Arial; color: #3C444B; text-transform: uppercase; background-color: transparent; }

#barra_lateral { float: right; width: 289px; padding-left: 20px; font: 12px Arial; background-color: transparent; }
#barra_lateral h1 { margin: 0 0 5px 0; font: 28px Arial; color: #C3C6C7; text-transform: uppercase; }

.hotspot { font: 12px Arial; }
.hotspot h1 { margin: 0; font: 28px Arial; color: #C3C6C7; text-transform: uppercase; }

#menu_footer { margin: 0; text-align: center; background-color: #CCC; height: 20px; padding-top: 5px; color: #FFF; font: 12px Arial; font-weight: bold; }
#menu_footer a { color: #FFF; font: 12px Arial; font-weight: normal; }
#menu_footer a:hover { color: #EEE; }
#footer { padding: 10px 0; text-align: center; color: #BBB; }

.b_noticias_fondo { position: relative; float: left; width: 200px; height: 455px; background: url('images/sombra_noticias.png') no-repeat bottom; }
.b_noticias_caja { position: relative; height: 405px; padding: 10px; background-color: #D1D3D2; border-radius: 10px; }
.b_noticias_caja img { position: absolute; top: 10px; border-radius: 10px; }
.b_noticias_texto { position: absolute; top: 173px; width: 180px; height: 205px; overflow: hidden; text-align: left; background-color: transparent; }
.b_noticias_texto h5 { margin: 0; color: #000; font: 16px Arial; text-transform: uppercase; }
.b_noticias_texto span { font: 10px Arial; font-style: italic; }
.b_noticias_mas { position: absolute; top: 395px; }
.b_noticias_icono { position: absolute; top: 382px; right: 5px; }

.b_publicaciones h5 { margin: 0; color: #000; font: 14px Arial; }
.b_publicaciones img { float: left; margin: 0 10px 10px 0; }

/* Componentes: Navegacion en cuerpo */
.c_nodo_nivel_1 { float: left; clear: both; margin: 0 0 10px 0; width: 100%; background-color: transparent; }
.c_nodo_nivel_1 .icono { clear: left; float: left; margin-top: 3px; width: 30px; height: 30px; margin: 0; background: url('images/icono_mas_categoria.png'); }
.c_nodo_nivel_1 span { float: left; margin: 0 0 0 10px; font: 28px Arial; color: #3C444B; text-transform: uppercase; }
.c_nodo_nivel_1 a :hover { color: #777; }
.c_nodo_nivel_1 .c_resumen  { clear: both; float: left; margin: 0 0 0 40px; }
.c_nodo_nivel_2 { float: left; clear: both; margin: 10px 0 0 40px; width: 610px; background-color: transparent; }
.c_nodo_nivel_2 .icono { clear: left; float: left; margin-top: 3px; width: 26px; height: 25px; margin: 0; background: url('images/icono_mas_subcategoria.png'); }
.c_nodo_nivel_2 span { float: left; margin: 0 0 0 10px; font: 25px Arial; color: #3C444B; text-transform: uppercase; }
.c_nodo_nivel_2 .c_resumen  { clear: both; float: left; margin: 0 0 0 36px; }
.c_nodo_nivel_3 { float: left; clear: both; margin: 10px 0 0 36px; width: 574px; background-color: transparent; }
.c_nodo_nivel_3 .icono { clear: left; float: left; width: 26px; height: 26px; margin: 0; background: url('images/icono_mas_nodo.png'); }
.c_nodo_nivel_3 span { float: left; width: 538px; margin: 0 0 0 10px; font: 16px Arial; color: #3C444B; font-weight: bold; text-transform: none; background-color: transparent; }
.c_nodo_nivel_3 .c_resumen  { clear: both; float: left; margin: 0 0 0 36px; }

/* Componentes: Navegacion barra lateral */
.c_nodo_barra_nivel_1 { float: left; clear: both; margin: 0 0 20px 0; width: 100%; background-color: transparent; }
.c_nodo_barra_nivel_1 img { clear: left; float: left; width: 19px; height: 19px; background: url('images/icono_menos_barra_categoria.png'); }
.c_nodo_barra_nivel_1 span { float: left; margin: 1px 0 0 3px; font: 13px Arial; color: #3C444B; text-transform: uppercase; }
.c_nodo_barra_nivel_1 a :hover { color: #777; }
.c_nodo_barra_nivel_2 { float: left; clear: both; margin: 10px 0 0 20px; width: 269px; background-color: transparent; }
.c_nodo_barra_nivel_2 img { clear: left; float: left; width: 19px; height: 19px; background: url('images/icono_mas_barra_subcategoria.png'); }
.c_nodo_barra_nivel_2 span { float: left; margin: 2px 0 0 3px; font: 12px Arial; color: #3C444B; text-transform: uppercase; }
.c_nodo_barra_nivel_3 { float: left; clear: both; margin: 10px 0 0 20px; width: 249px; background-color: transparent; }
.c_nodo_barra_nivel_3 img { clear: left; float: left; width: 19px; height: 19px; background: url('images/icono_mas_barra_nodo.png'); }
.c_nodo_barra_nivel_3 span { float: left; width: 227px; margin: 0 0 0 3px; font: 10px Arial; color: #3C444B; font-weight: bold; text-transform: none; background-color: transparent; }

.listado { position: relative; text-align: left; margin: 0 0 30px 0; background-color: transparent; }
.listado img { float: left; margin: 0 10px 5px 0; }
.listado a { margin: 0; color: #3C444B; font: 18px Arial; text-transform: uppercase; }
.listado a:hover { color: #666; }
.listado span { font: 12px Arial; font-style: italic; display: block; }

/* Clases para Galeria Multimedia */
.g_categoria { margin-right: 20px; font: 14px Arial; }
.g_subcategoria { margin-right: 20px; font: 12px Arial; }

/* Clases para formas */
.css_msg_error { color: Red; font-weight: bold; }
.css_default { color: #000; }
.css_caja { background-color: #A4C74C; color: #FFFFFF; font-size: 1.1em; font-weight: bold; text-align: center; }
.css_prompt { color: #000; font-weight: bold; }
.css_input { background-color: #FFFFFF; }
.css_input_error { color: #000; border: 1px solid yellow; }
.css_etq_texto { color: #000; }

/* Clases para tablas */
.tabla { border-collapse: collapse; border-spacing: 0; width: 1024px; }
.tabla th { background-color: #CCC; color: #FFFFFF; font-weight: bold; font-size: 1.2em; padding: 3px; }
.tabla th a { color: #FFFFFF; }
.tabla th a:hover { text-decoration: underline; }
.tabla td { color: #A1A3A5; font-weight: normal; font-size: 1.1em; padding: 3px; }
.tabla td img { width: 16px; height: 16px; border: 0; text-align: center; vertical-align: middle; }
.tabla tr:nth-child(odd) { background-color: #FFFFFF; }
.tabla tr:nth-child(even) { background-color: #FFFFFF; }
.tabla td { border-bottom: 1px solid #CCC; }

/* Agile Carousel */
.slideshow { height: 255px; }
.photo { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
.texto_banners {
  position: absolute; top: 10px; left: 0; width: 288px; height: 210px; padding: 10px; z-index: 100; overflow: hidden; background: #FFF; opacity:0.9; color: #000; font: 12px Arial;
  border-top-right-radius: 6px; border-bottom-right-radius: 6px;
}
.texto_banners h1 { margin: 0 0 20px 0; color: #3C444B; font: 28px Arial; text-transform: uppercase; }
.texto_banners h2 { margin: 20px 0 10px 0; font: 16px Arial; }

.dialogo_CB { padding: 20px; font-size: 12px; background-color: #FFF; max-width: 700px; max-height: 600px; overflow: auto; }
.actividades_CB { padding: 20px; font-size: 12px; background-color: #FFF; width: 700px; max-height: 600px; overflow: auto; }