/*------------------------------------------------------------------------ # TEMA DEPORTES # ------------------------------------------------------------------------ # Gobierno del Estado de Nuevo León 2003 - 2009 # Página: http://www.nl.gob.mx/?P=pt_deportes # # GAMA DE COLORES # # Nivel1 #370 # Nivel2 #3A0 # Nivel3 #7C0 # Nivel4 #CF8 # Nivel5 #EFB # Nivel6 #FAFFE8 # # GAMA DE COLORES EXTRAS DEL TEMA # # Gris oscuro #333 # Rojo - Link #900 # Rojo - Link hover #C00 # -------------------------------------------------------------------------*/ /*------------------------------------------------------------------------ # EDICIÓN DE COLORES E IMAGENES DEL TEMA -------------------------------------------------------------------------*/ /* A - Links */ #tema #contenido a {color: #900;} #tema #contenido a:hover {color: #C00;} #tema #contenido p a {color: #900;} #tema #contenido p a:hover {color: #C00;} /* Headings */ #tema h1, #tema h2, #tema h3, #tema h4, #tema h5, #tema h6 {color: #370;} /* Headings H1-H6 */ #tema h1 a, #tema h2 a, #tema h3 a, #tema h4 a, #tema h5 a, #tema h6 a {color: #370;} /* Headings H1-H6 - Links */ #tema h1 a:hover, #tema h2 a:hover, #tema h3 a:hover, #tema h4 a:hover, #tema h5 a:hover, #tema h6 a:hover {color: #3A0;} /* Headings H1-H6 - Links Hover */ #tema #contenido h1, #tema #contenido h2, #tema #contenido h3, #tema #contenido h4, #tema #contenido h5, #tema #contenido h6 {color: #370;} /* Headings H1-H6 */ #tema #contenido h1 a, #tema #contenido h2 a, #tema #contenido h3 a, #tema #contenido h4 a, #tema #contenido h5 a, #tema #contenido h6 a {color: #370;} /* Headings H1-H6 - Links */ #tema #contenido h1 a:hover, #tema #contenido h2 a:hover, #tema #contenido h3 a:hover, #tema #contenido h4 a:hover, #tema #contenido h5 a:hover, #tema #contenido h6 a:hover {color: #3A0;} /* Headings H1-H6 - Links Hover */ /* Cabecera */ #tema #cabecera {background: transparent url(/pics/css/design/temas/deportes/images/bg_tema_cabecera.gif) top left repeat-y;} /* Fondos principales */ #tema .bg-principal {background: transparent url(/pics/css/design/temas/deportes/images/bg_tema_principal.gif) top left repeat-y;} /* background principal */ #tema .bg-interiores {background: transparent url(/pics/css/design/temas/deportes/images/bg_tema_interiores.gif) repeat-y;} /* background interiores */ /* Listas */ #tema #contenido ul li, #tema #contenido dl dt {background: transparent url(/pics/common/bullets_temas/bullet_deportes.gif) top left no-repeat;} /* Bullets para listas */ #tema #contenido ul li.external {background: transparent url(/pics/common/bullets_temas/bullet_deportes_externo.gif) top left no-repeat !important;} /* Bullets para listas */ /* UL - Listas desordenadas */ #tema #contenido ul li a {color: #900;} /* Links */ #tema #contenido ul li a:hover {color: #C00;} /* Hover */ #tema #contenido .subtema ul li a {color: #333;} /* Links */ #tema #contenido .subtema ul li a:hover {color: #370;} /* Hover */ ul#listado-imagenes {background: none !important;} ul#listado-imagenes li {border: 1px solid #CCC; background: none !important;} ul#listado-imagenes li h3 {background-color: #370; color: #fff !important;} #tema #contenido ul.listado-faq a {color: #333;} #tema #contenido ul.listado-faq a:hover {color: #370;} /* OL - Listas ordenadas */ #tema #contenido ol li a {color: #900;} /* Links */ #tema #contenido ol li a:hover {color: #C00;} /* Hover */ /* DL - Listas de terminos con definición */ #tema #contenido dl dt a {color: #900;} /* Links */ #tema #contenido dl dt a:hover {color: #C00;} /* Hover */ #tema #contenido dl dd a {color: #900;} /* Links */ #tema #contenido dl dd a:hover {color: #C00;} /* Hover */ #tema #contenido dl.subtema dt {color: #370;} #tema #contenido dl.subtema dt a {color: #370;} /* Links */ #tema #contenido dl.subtema dt a:hover {color: #3A0;} /* Hover */ /* Separadores centro */ #tema #contenido hr {background-color: #ccc; color: #ccc; } /* Organismo responsable */ #tema #organismo-responsable {border: 2px solid #CF8;} #tema #organismo-responsable a {color: #333;} #tema #organismo-responsable a:hover {color: #3A0;} #tema #organismo-responsable .contacto {color: #370;} #tema #organismo-responsable p a {color: #333;} #tema #organismo-responsable p a:hover {color: #370;} /* Columna derecha */ #tema #column-right hr {background-color: #DFDFDF; color: #DFDFDF; } /* Separadores columna derecha */ #tema #column-right ul li {background: transparent url(/pics/common/bullets_temas/bullet_deportes_light.gif) top left no-repeat;} /* Bullets columna derecha */ #tema #column-right ul li a {color: #333;} /* Links columna derecha */ #tema .subtema-mas a {color: #370;} /* Link FAQ - ver mas */ #tema #column-right ul li a {color: #333;} #tema #column-right ul li a:hover {color: #333;} /* Menú Izquierdo */ #tema #contenido #menu #menu-titulo {background: transparent url(/pics/css/design/temas/deportes/images/bg_tema.gif) no-repeat top;} #tema #contenido #menu #menu-titulo h2 a {color: #fff;} #tema #contenido #menu ul#first-level {background-color: #fff;} #tema #contenido #menu ul#first-level li {background: none; border-bottom: 1px dotted #666;} #tema #contenido #menu ul#first-level li.active {background-color: #fff;} #tema #contenido #menu ul#first-level li a {color: #000; } #tema #contenido #menu ul#first-level ul.second-level {background-color: #F2F2F2; border-top: 1px dotted #666;} #tema #contenido #menu ul#first-level ul.second-level li.active {background-color: #F2F2F2; border-bottom: 1px dotted #666 !important;} #tema #contenido #menu ul#first-level ul.second-level li a {color: #000;} /* Tablas */ #tema #contenido table thead th {background-color: #370; color: #fff;} #tema #contenido table tbody tr.fondo td {background-color: #FAFFE8;} #tema #contenido table tbody tr.activa td {background-color: #EFB;} #tema #contenido table, #tema #contenido table thead th, #tema #contenido table tbody tr td {border-color: #ccc;} #tema #contenido table tbody tr {background-color: #fff;} /* Introducción */ #tema #contenido #introduccion {color: #333; background-color: #fff;} .sinfondo {background-color:#fff;} /*------------------------------------------------------------------------ # LINKS -------------------------------------------------------------------------*/ /*------------------------------------------------------------------------ # HEADINGS -------------------------------------------------------------------------*/ #tema h1, #tema h2, #tema h3, #tema h4, #tema h5, #tema h6 {text-align: left; line-height: 110%; font-family: Georgia, serif; font-weight: normal;} #tema h2 a, #tema h3 a, #tema h4 a, #tema h5 a, #tema h6 a {text-decoration: underline;} #tema h1 {background-color: #fff; margin: 0; padding: 0 0 0.17em 0;} /* Titulo general */ #tema {font-family: Verdana, sans-serif;} #tema h1 {font-size: 3.83em;} #tema h2 {font-size: 2.50em; margin: 1em 0 0.42em 0;} #tema h3 {font-size: 1.67em; margin: 1em 0 0.42em 0;} #tema h4 {font-size: 1.50em; margin: 1em 0 0.42em 0;} #tema h5 {font-size: 1.33em; margin: 1em 0 0.42em 0;} #tema h6 {font-size: 1.17em; margin: 1em 0 0.42em 0;} #tema #contenido h1 {padding-top:17px; padding-bottom:44px;} /*------------------------------------------------------------------------ # CABECERA DEL TEMA -------------------------------------------------------------------------*/ #tema #cabecera {padding: 0 0 0.83em 0; } #tema #cabecera #eventos h2, #tema #cabecera #eventos ul, #tema #cabecera #eventos p {margin: 0 0 10px 20px;} #tema #cabecera #eventos h2 {font-size: 1.50em;} #tema #cabecera #eventos h3 {font-family: Arial; font-size: 1em; margin: 7px 0 3px 20px; padding: 0;} #tema #cabecera p {padding: 0 0 0.58em 0; margin: 0 0 0 20px !important; line-height: 1.25em; font-size: 0.92em;} #tema #cabecera p a {font-size: 1.2em;} /*------------------------------------------------------------------------ # CONTENIDO DEL TEMA -------------------------------------------------------------------------*/ #tema #contenido {line-height: 150%; padding-bottom: 1.67em;} #tema #contenido p {margin: 1.25em 0; line-height: 150%;} #tema #contenido hr {width: 75%; display: block; height: 1px; margin: 2.83em 0 2.33em; text-align: left;} /* UL - Listas desordenadas */ #tema #contenido ul {list-style-type: none; margin: 0 0 0 1.25em;} #tema #contenido ul li {text-align: left; padding: 0 0 0 1.25em; margin: 0.83em 0;} #tema #contenido .subtema {margin-bottom: 1.67em; padding-right: 0.42em;} #tema #contenido .subtema h2 {margin: 0;} #tema #contenido .subtema ul {margin: 1.42em 0 0 0.25em;} #tema #contenido .subtema ul li a {text-decoration: underline;} #tema #contenido .subtema ul li a:hover {text-decoration: underline;} ul#listado-imagenes {list-style-type: none !important; margin: 0 auto !important; padding: 0 !important;} ul#listado-imagenes li {float: left; width: 120px; _width: 122px; margin: 10px 5px 10px 5px !important; padding: 0 !important;} ul#listado-imagenes li img {padding: 0 !important; margin: 0 !important; border: 0; vertical-align: middle;} ul#listado-imagenes li h3 {padding: 5px 0 !important; margin: 0 !important; font-size: 100%; text-align: center;} #tema #contenido ul.item-list {list-style-type: none !important; margin: 0 auto; padding: 0;} #tema #contenido ul.item-list li {background: none; border-top: solid 1px #eee; padding:10px; margin: 0; clear: both; height: 100px;} #tema #contenido ul.item-list li.current-item {background-color: #FBFBF9;} #tema #contenido ul.item-list li h3 {margin: 0 !important;} #tema #contenido ul.item-list li img {margin-right:10px; vertical-align:top;} /* OL - Listas ordenadas */ #tema #contenido ol {list-style:decimal inside; margin: 1.67em 0; padding: 0;} #tema #contenido ol li {padding: 0 0 0 1.25em; margin: 0.83em 0;} /* DL - Listas de terminos con definición */ #tema #contenido dl {margin: 1.25em 0;} #tema #contenido dl dt {padding: 0 0 0 15px; margin: 0.83em 0 0.5em; line-height: 110%; background-position: 0 -4px;} #tema #contenido dl dd {padding: 0 0 0 1.25em; margin: 0 0 1.67em 0;} #tema #contenido dl.subtema dt {font-family: Georgia, serif; font-size: 1.67em; font-weight: normal; background-position: 0 0;} /* Tablas */ #tema #contenido table {border-width: 0.1em; border-style: solid; margin: 1.25em 0; border-collapse: collapse;} #tema #contenido table thead th, #tema #contenido table tbody tr td {vertical-align: top; border-width: 0.1em; border-style: solid; padding: 0.42em;} /* IMAGENES */ .img-espacio {padding: 1em;} /*------------------------------------------------------------------------ # MENÚ - COLUMNA IZQUIERDA -------------------------------------------------------------------------*/ #tema #contenido #menu {width: 190px; float: left; margin-right: 10px;} #tema #contenido #menu #menu-titulo {margin: 0; padding: 40px 0 0 0;} #tema #contenido #menu #menu-titulo h2 {height: 72px; font-size: 24px; line-height: 24px; margin: 0 10px 0 10px;} #tema #contenido #menu #menu-titulo h2 a {text-decoration: none;} #tema #contenido #menu #menu-titulo h2 a:hover {text-decoration: underline;} #tema #contenido #menu ul#first-level {list-style-type: none !important; width: 186px; margin:0 0 0 2px; padding:0;} #tema #contenido #menu ul#first-level li {margin: 0; padding: 12px 0px 12px 8px; line-height: 110%;} #tema #contenido #menu ul#first-level li.active {font-weight: bold; padding: 12px 0px 0px 8px; border-bottom: 0;} #tema #contenido #menu ul#first-level li a {text-decoration: none; border: 0;} #tema #contenido #menu ul#first-level li a:hover {text-decoration: underline;} #tema #contenido #menu ul#first-level ul.second-level {margin: 12px 0 0 -8px; list-style-type: none !important; padding: 0;} #tema #contenido #menu ul#first-level ul.second-level li {padding: 8px 5px 8px 20px; font-weight: normal; margin: 0;} #tema #contenido #menu ul#first-level ul.second-level li.active {border: 0; font-weight: bold;} #tema #contenido #menu ul#first-level ul.second-level li a {text-decoration: none; border: 0;} #tema #contenido #menu ul#first-level ul.second-level li a:hover {text-decoration: underline; border: 0;} /*------------------------------------------------------------------------ # HERRAMIENTAS - COLUMNA DERECHA -------------------------------------------------------------------------*/ #tema #column-right {text-align: center; width: 190px; margin-right: 0 !important; float: right; padding-top: 15px;} #tema #column-right .module {margin: 0 15px; font-family:Verdana,sans-serif;} #tema #column-right .module h3 {font-family: 'Arial Narrow' !important; font-size: 1.25em; font-weight: bold;} #tema #column-right .module h3 a {text-decoration: none;} #tema #column-right .module h3 a:hover {text-decoration: underline;} #tema #column-right hr {width: 85%; margin: 35px auto 25px auto; text-align: center; height: 1px;} /* UL - Listas desordenadas */ #tema #column-right ul {list-style-type: none; margin-left: 0;} #tema #column-right ul li {padding-left: 15px; margin: 10px 0; line-height: 1.17em;} #tema #column-right ul li a {text-decoration: none; border: 0; font-size: 0.92em;} #tema #column-right ul li a:hover {text-decoration: underline; border: 0;} /*------------------------------------------------------------------------ # MÓDULO ORGANISMO RESPONSABLE -------------------------------------------------------------------------*/ #tema #organismo-responsable {margin-top: 20px;} #tema #organismo-responsable h3, #tema #organismo-responsable h4 {margin: 0 0 0 10px;} #tema #organismo-responsable p {margin-left: 10px; margin-top: 15px; line-height: 16px;font-family:Verdana,sans-serif;font-size:0.92em;} #tema #organismo-responsable img {margin: 0 10px 0 10px;} /*------------------------------------------------------------------------ # MÓDULOS - Link 'Mas' -------------------------------------------------------------------------*/ #tema .subtema-mas {float: right;} #tema .subtema-mas a {font-size: 0.92em;} /*------------------------------------------------------------------------ # INTRODUCCIÓN -------------------------------------------------------------------------*/ #tema #contenido #introduccion {margin: 0; font-family: Georgia, serif; font-size: 18px; font-style: italic; width: 790px; float: left; line-height: 20px; padding: 0 0 20px 0; border-bottom: 1px solid #E7E7E7;} /*------------------------------------------------------------------------ # PUBLICACIONES -------------------------------------------------------------------------*/ #tema #contenido ul.item-list {list-style-type: none !important; margin: 0 auto; padding: 0;} #tema #contenido ul.item-list li {background: none; border-top: solid 1px #eee; padding:10px; margin: 0; clear: both; height: 100px;} #tema #contenido ul.item-list li.current-item {background-color: #FBFBF9;} #tema #contenido ul.item-list li h3 {margin: 0 !important;} #tema #contenido ul.item-list li img {margin-right:10px; vertical-align:top;} #tema #contenido .small-font {font-size: .8em; color: #6C6B55;}