/*=================================================================================*\ * gensty01.css - Hoja de estilos principal www.findinglimits.com * * (c) 2012 Innovatrium, S.L. * Este archivo NO puede ser libremente distribuido. Reservados todos los derechos. * Para más información visite el sitio: http://www.innovatrium.es/ * \*=================================================================================*/ /*=================================================================================*\ * Ayuda de confección * * Todas las páginas tienen los siguientes div identificados, en la hoja se usa previamente el caracter # * * #secest01: Estructura principal. Hace referencia al div más exterior de la página, antes que el solo están y * #sechea01: Cabecera o head. Div que contiene los elementos indicados en "Cabecera" en secciones de visualización * #secexp01: Expositor. Div que contiene los elementos indicados en "Expositor" en secciones de visualización * #secmai01: Cuerpo o main. Div que contiene los paneles y los contenidos. * #secpan01: Panel 1. Div que contiene los elementos indicados en "Zona central. Panel 1" en secciones de visualización * #secpan02: Panel 2. Div que contiene los elementos indicados en "Zona central. Panel 2" en secciones de visualización * #seccon01: Contenido. Div que contiene los elementos indicados en "Zona central. Contenido" en secciones de visualización * #secban02: Banners. Div que contiene los elementos indicados en "Banners" en secciones de visualización * #secfoo01: Pie o footer. Div que contiene los elementos indicados en "Pie" en secciones de visualización * #secfoo01: Pie o footer. Div que contiene datos relativos a Netteer. * * Elementos disponibles dentro de cada sección o zona. Son clases dentro de cada sección. Si no se indican dentro de una sección se aplican a todas. * * .elelog01: Cuadro para el logotipo * .elelgn01: Cuadro de login * * Elementos dentro de contenidos * * .contit01: Título del contenido * .concar01: Carrusel de imagenes. Imágen principal del contenido * .conpro01: Propiedades del contenido. Fecha y Hora de publicación. Publicador. Puntuación, etc. * .concub01: Asunto o resumen del contenido * .contxt01: Texto * .congal01: Visualizador de galerías * .conatt01: Archivos adjuntos * .conrel01: Temas relacionados a través de los TAGS * .concom01: Comentarios. Seguramente será necesaria una sola sección de clases para este concepto. * * Objetos HTML (clases) * * .inpbtn01 Botones en general * \*=================================================================================*/ @charset "utf-8"; /*---------------------------------------------------------------------------------*\ * Zona de pruebas \*---------------------------------------------------------------------------------*/ * { } /*=================================================================================*\ * Estilos para objetos HTML en general \*=================================================================================*/ * { margin: 0; padding: 0; } /* Reseteo inicial de parámetros para todos los objetos */ a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var { /* background: none repeat scroll 0 0 transparent; border: 0 none; font-size: 100%; margin: 0; outline: 0 none; padding: 0; vertical-align: top; */ } html, body { height: 100%; } body { /* background: url("bckpri01.jpg") no-repeat scroll center 0 #181818; */ background-image: url("bckbod01.jpg"); background-position: 50% 0; background-repeat: no-repeat; background-color: #181818; color: #EEEEEE; font-family: 'Open Sans',sans-serif; font-size: 12px; line-height: 18px; min-width: 960px; padding-bottom: 42px; padding-top: 59px; } a { outline: 0 none; color: #FFFFFF; text-decoration: none; cursor: pointer; } a:hover { color: rgb(244, 72, 33); text-decoration: none; } img { border: medium none; } table { border-spacing: 0px; border: none; } td { vertical-align: top; } checkbox { border: none; } input[type=checkbox] { border: none; vertical-align: baseline; margin: 5px; } input[type=radio] { border: none; vertical-align: baseline; margin: 5px; } input[type=button] { cursor: pointer; } ul, ol, li { list-style: none outside none; } h1, h2, h3, h4, h5, h6 { color: #000000; line-height: 1; } /*=================================================================================*\ * Estilos para todos los elementos estén donde estén (Elementos por defecto) \*=================================================================================*/ /*=================================================================================*\ * Estilos para cada sección \*=================================================================================*/ /*---------------------------------------------------------------------------------*\ * Estilos para la Estructura principal \*---------------------------------------------------------------------------------*/ #secest01 { height: auto !important; min-height: 100%; position: relative; width: 100%; z-index: 15000; } /*---------------------------------------------------------------------------------*\ * Estilos para la Cabecera \*---------------------------------------------------------------------------------*/ #sechea01 { background: url("bckhea01.jpg") repeat-x scroll 0 0 #1E1E1E; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); margin: 0 auto 19px; position: relative; width: 940px; height: 44px; z-index: 99; } /*---------------------------------------------------------------------------------*\ * Estilos para las redes sociales \*---------------------------------------------------------------------------------*/ #sechea01 .heasoc01 { position: absolute; top: -40px; } #sechea01 .heasoc01 ol { float: right; margin: 0px 0px 0px 0px; position: relative; z-index: 99; } #sechea01 .heasoc01 ol li { margin: 0px 23px 0px 0px; float: left; position: relative; list-style: none outside none; } /*---------------------------------------------------------------------------------*\ * Estilos para el logotipo \*---------------------------------------------------------------------------------*/ #sechea01 .elelog01 { float: left; overflow: hidden; padding: 0; margin-left: 7px; } /*---------------------------------------------------------------------------------*\ * Estilos para el menú \*---------------------------------------------------------------------------------*/ #sechea01 > .elemns01 > ul { float: right; margin: 12px 25px 0 0; position: relative; z-index: 99; } #sechea01 > .elemns01 > ul > li:first-child { background: none repeat scroll 0 0 transparent !important; } #sechea01 > .elemns01 > ul > li { margin: 0 0 0 23px; float: left; position: relative; list-style: none outside none; } #sechea01 .elemns01 a:hover, #sechea01 .elemns01 ul > li.actives > a, #sechea01 .elemns01 ul > li.current > a { color: #F44821; } #sechea01 .elemns01 ul li.active a:link, #sechea01 .elemns01 ul li.active a:visited { } #sechea01 .elemns01 a { color: #FFFFFF; display: inline-block; font-size: 12px; font-weight: 700; line-height: 18px; padding: 0; text-transform: uppercase; } /*---------------------------------------------------------------------------------*\ * Estilos para la barra de idiomas \*---------------------------------------------------------------------------------*/ #sechea01 > .eleidi01 { position: absolute; right: 30px; top: -36px; border: 0 none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #sechea01 .eleidi01 a { margin: 0px 0px 0px 10px; text-decoration: none; color: #FFFFFF; } #sechea01 .eleidi01 a:hover { text-decoration: none; color: #F44821; } #sechea01 > .eleidi01 .idiflg01 { display: inline-block; height: 16px; width: 22px; } #sechea01 > .eleidi01 .idisel01 { border: 1px solid; } #sechea01 > .eleidi01 .idieng { background: url("../../../0ima/flg/en-gb.png") no-repeat scroll 0 0 transparent; } #sechea01 > .eleidi01 .idispa { background: url("../../../0ima/flg/es-es.png") no-repeat scroll 0 0 transparent; } /*---------------------------------------------------------------------------------*\ * Estilos para la barra de conexión \*---------------------------------------------------------------------------------*/ #sechea01 .elebar01 { color: #999999; background: none repeat scroll 0 0 #333333; height: 30px; position: fixed; top: 0; left: 0; width: 100%; z-index: 150500; text-align: center; padding: 0 0 0 0; overflow: hidden; border-bottom: 2px solid rgb(230, 176, 18); } #sechea01 .elebar01 a { color: #999999; font-size: 12px; } #sechea01 .elebar01 a:hover { color: #FFFFFF; text-decoration: none; } /*--- Estilos para los elementos de la barra de conexión-------------------------- */ /* Sección izquierda */ .barlef01 { float: left; } /* Sección derecha */ .barcen01 { display: inline-block; } /* Sección derecha */ .barrig01 { float: right; } /* Logotipo Netteer */ .barlne01 { height: 25px; margin: 2px; } /* Sitio accedido */ .barsit01 { vertical-align: top; display: inline-block; position: relative; padding: 5px; font-weight: bold; } /* Usuario conectado */ .barusu01 { vertical-align: top; display: inline-block; position: relative; padding: 5px; font-weight: bold; } /* Acceder y cerrar sesión */ .barusu02 { vertical-align: top; display: inline-block; position: relative; padding: 5px; font-weight: bold; } /* Avatar del usuario */ .barava01 { height: 25px; margin: 2px; background-color: #F8F8F8; border-radius: 2px 2px 2px 2px; background-image: -moz-linear-gradient(center top , #F8F8F8, #ECECEC); border: 1px solid #C6C6C6; } /* No Mensajes */ .barmsg01 { display:inline-block; vertical-align: top; height: 25px; width: 25px; margin: 2px; background-color: #F8F8F8; border-radius: 2px 2px 2px 2px; border: 1px solid #C6C6C6; font-size: 14px !important; font-weight: bold; line-height: 23px; } /* Hay Mensajes */ .barmsg02 { display:inline-block; vertical-align: top; height: 25px; width: 25px; margin: 2px; background: url("0ima/btnfon01.gif") repeat-x scroll 0 0 #FF8B2E; color: #FFFFFF !important; border-radius: 2px 2px 2px 2px; border: 1px solid #C6C6C6; font-size: 14px !important; font-weight: bold; line-height: 23px; } .barmsg02:hover { color: #000000 !important; } /* Debug */ .bardbg01 { vertical-align: top; display: inline-block; position: relative; padding: 5px; font-weight: bold; } /*---------------------------------------------------------------------------------*\ * Estilos para el expositor \*---------------------------------------------------------------------------------*/ #secexp01 { background: none repeat scroll 0 0 #2C2C2C; height: 511px; position: relative; width: 940px; margin: 0 auto; } /* Galería del expositor */ #secexp01 .expositor { height: 352px; } #secexp01 .expositor div { height: 256px; left: 626px; padding: 39px 35px 0 41px; position: absolute; top: 0; width: 238px; } #secexp01 .expositor .eleyou01 { height: 352px; width: 626px; } #secexp01 .expositor .banbtn01 { background: url("banbtn01.png") no-repeat scroll 0 bottom transparent; display: block; margin: 8px 8px 0px 0px; height: 32px; width: 30px; } #secexp01 .expositor .bananc01 { position: absolute; top: 275px; right: 104px; } #secexp01 .expositor a:hover .banbtn01 { background: url("banbtn01.png") no-repeat scroll 0 0 transparent; } #secexp01 .expositor .banbtn02 { background: url("banbtn02.png") no-repeat scroll 0 bottom transparent; display: block; margin: 8px 8px 0px 0px; height: 32px; width: 30px; } #secexp01 .expositor .bananc02 { position: absolute; top: 275px; right: 164px; } #secexp01 .expositor a:hover .banbtn02 { background: url("banbtn02.png") no-repeat scroll 0 0 transparent; } #secexp01 .expositor h3 { color: #FFFFFF; font-size: 22px; font-weight: 600; line-height: 30px; margin-bottom: 10px; } #secexp01 .expositor div span { color: #999999; display: inline-block; font-size: 12px; font-weight: normal; line-height: 18px; } /* Banners del expositor */ #secexp01 .inicio { background: none repeat scroll 0 0 #252525; padding: 1px 0; overflow: hidden; position: relative; width: 100%; height: 157px; } #secexp01 .inicio li { display: inline-block; float: left; margin-right: 1px; width: 313px; } #secexp01 .inicio li:last-child { display: inline-block; float: left; margin-right: 0px; width: 312px; } #secexp01 .inicio h3 { float: left; padding: 2px 0 7px 11px; color: #FFFFFF; font-size: 22px; font-weight: 800; letter-spacing: -1px; line-height: 30px; text-transform: uppercase; } #secexp01 .inicio h3 strong { color: #F44821; } .banbtn03 { float: right; margin: 2px 8px 20px 0; background: url("banbtn01.png") no-repeat scroll 0 bottom transparent; display: inline-block; height: 32px; width: 30px; } .banbtn03:hover { background: url("banbtn01.png") no-repeat scroll 0 0 transparent; } /*---------------------------------------------------------------------------------*\ * Estilos para la zona central \*---------------------------------------------------------------------------------*/ #secmai01 { margin: 21px auto; width: 940px; overflow: hidden; background: url("bcksec02.png") repeat scroll 0 0 transparent; } #seccon01 { display: inline; float: left; position: relative; padding: 20px 20px 0px 20px; margin: 0px 0px 0px 0px; width: 710px; background-color: #EEEEEE; color: #524E4E; } /* Título general de las páginas */ #seccon01 .contit01 h1 { background: url("borsec01.png") repeat-x scroll 0 bottom transparent; margin-bottom: 20px; font-size: 25px; line-height: 1.2em; padding: 0 0 1px; color: #000000; } /*--- Mini contenido del contenidio INICIO --------------------------------------- */ .estcon01-1 #seccon01 { display: inline; float: left; position: relative; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 940px; } .estcon01-1 .elecol01 { float: none !important; overflow: hidden !important; width: 100% !important; } .estcon01-1 .elecol01 a { text-decoration: none; } .estcon01-1 .elecol01 .elecon01 { float: left; padding: 0 15px 0 29px; width: 267px; height: 100%; /* border-right: 1px solid #202020; border-left: 1px solid #202020; */ } .estcon01-1 .elecol01 .conhea01 { height: auto; } .estcon01-1 .elecol01 .conbod01 { margin: 0px 0px 30px 0px; } .estcon01-1 .elecol01 .contit01 { color: #F44821; font-size: 25px; font-weight: 600; line-height: 35px; margin-top: 21px; } .estcon01-1 .elecol01 .contit01 a { color: #524E4E; font-family: 'Open Sans',sans-serif; font-size: 12px; line-height: 18px; margin: 0px 0px 0px 0px; padding: 0px; } .estcon01-1 .elecol01 .contit01 a:hover { color: #F44821; } .estcon01-1 .elecol01 .consub01 { color: #000000; font-size: 14px; font-weight: 600; line-height: 20px; padding: 0px 0px 20px 0px; } .estcon01-1 .elecol01 .conatx01 { margin: 0px 0px 10px 0px; color: #524E4E; } /*--- FIN Mini contenido del contenidio INICIO --------------------------------------- */ /*--- INICIO Lista de contenidos del contenido INICIO Últimos Posts --------------------------------------- */ .estcon01-1 .lstini03 .elewrp01 { padding-bottom: 16px; overflow: hidden; position: relative; width: 100%; } .estcon01-1 .lstini03 .elewrp01 .conpda01 { display: inline-block; margin: 0px 0px 4px 0px; color: #000000; font-size: 14px; font-weight: 600; line-height: 20px; background: none; border-radius: none; box-shadow: none; padding: 0px; text-align: left; text-shadow: none; width: auto; height: auto; float: none; } .estcon01-1 .lstini03 .elewrp01 .contit01 { color: #524E4E; font-family: 'Open Sans',sans-serif; font-size: 12px; line-height: 18px; margin: 0px 0px 9px 0px; padding: 0px; } .estcon01-1 .lstini03 .elewrp01 .contit01 a { color: #524E4E; font-family: 'Open Sans',sans-serif; font-size: 12px; line-height: 18px; font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px; } .estcon01-1 .lstini03 .elewrp01 .contit01 a:hover { color: #F44821; } .estcon01-1 .lstini03 .elewrp01 .conhea01 { overflow: hidden; width: 170px; float: right; margin: 10px 0px 0px 0px; } /* imagen del minicontenido ------------------------------- */ .estcon01-1 .lstini03 .elewrp01 .conima01 { width: 83px; height: 63px; display:inline-block; float: left; overflow: hidden; margin: 10px 0px 0px 0px; background: url("bckbtn01.jpg") repeat-x scroll 0 0 #1F1F1F; } /* Carrusel del minicontenido */ .estcon01-1 .lstini03 .elewrp01 .concar01 { margin: 0px; position: relative; height: 63px; width: 83px; } /* Contenedor de la imagen del minicontenido */ .estcon01-1 .lstini03 .elewrp01 .concov01 { width: 83px !important; height: 63px !important; overflow: hidden; } /*--- FIN Lista de contenidos del contenido INICIO --------------------------------------- */ /*--- INICIO Lista de contenidos del contenido INICIO Calendario --------------------------------------- */ .estcon01-1 .lstini02 .elewrp01 { padding-bottom: 16px; overflow: hidden; position: relative; width: 100%; } .estcon01-1 .lstini02 .elewrp01 .conpda01 { display: inline-block; margin-bottom: 0px 0px 9px 0px; color: #000000; font-size: 14px; font-weight: 600; line-height: 20px; background: none; border-radius: none; box-shadow: none; padding: 0px; text-align: left; text-shadow: none; width: auto; height: auto; float: none; vertical-align: top; } .estcon01-1 .lstini02 .elewrp01 .contit01 { font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; margin: 0px 0px 9px 0px; padding: 0px; width: 150px; display:inline-block; } .estcon01-1 .lstini02 .elewrp01 .conhea01 { overflow: hidden; float: none; margin: 10px 0px 0px 0px; padding: 0px; } /*--- FIN Lista de contenidos del contenido INICIO --------------------------------------- */ /*---------------------------------------------------------------------------------*\ * Estilos para el contenido \*---------------------------------------------------------------------------------*/ /*--- INICIO Mini contenido del contenido INICIO --------------------------------------- */ /* Contenedor del blog */ #seccon01 { display: inline; float: left; position: relative; padding: 20px 20px 0px 20px; margin: 0px 0px 0px 0px; width: 710px; } /* Cada minicontenido */ .estcon01-3 .elecon01 { position: relative; background: url("borsec01.png") repeat-x scroll 0 bottom transparent; margin-bottom: 35px; overflow: visible; padding-bottom: 35px; clear: both; } /* cabecera del minicontenido ------------------------------- */ .conhea01 { /*width: 710px;*/ height: 60px; padding: 0 0 15px; } /* Fecha del minicontenido */ .conpda01 { background: url("bckcol01.png") repeat-x scroll 0 0 #F44821; border-radius: 3px 3px 3px 3px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.31); color: #FFFFFF; display: block; font-size: 15px; font-weight: bold; line-height: 16px; margin: 0 15px 15px 0; padding: 5px 15px; text-align: center; text-shadow: 0 4px 9px rgba(0, 0, 0, 0.24); text-transform: lowercase; width: 34px; height: 50px; float: left; } /* Título del minicontenido */ .conhea01 .contit01 { font-size: 20px; font-weight: bold; line-height: 24px; margin-bottom: 0; padding: 0px 0px 0px 0px; color: #FFFFFF; } /* usuario del minicontenido */ .conhea01 .conpus01 { color: #524E4E; margin-left: 0px; float: left; } /* Número de comentarios del minicontenido */ .conhea01 .conpnc01 { color: #524E4E; float: right; } /* imagen del minicontenido ------------------------------- */ .estcon01-3 .elecol01 .conima01 { width: 340px; float: left; overflow: visible; } /* Carrusel del minicontenido */ .estcon01-3 .elecol01 .concar01 { margin: 5px 20px 14px 0; position: relative; height: 191px; width: 340px; } /* Contenedor de la imagen del minicontenido */ .estcon01-3 .elecol01 .concov01 { width: 340px; height: 191px; overflow: hidden; } /* cuerpo del minicontenido ------------------------------- */ .estcon01-3 .elecol01 .conbod01 { width: 350px; min-height: 200px; margin-left: 350px; overflow: visible; } /* Asunto del minicontenido */ .estcon01-3 .elecol01 .consub01 { margin-bottom: 20px; line-height: 20px !important; color: #524E4E; font: 12px/1.2em 'Open Sans',sans-serif; } /* Texto del minicontenido */ .estcon01-3 .elecol01 .conatx01 { margin-bottom: 20px; font-size: 12px; line-height: 20px; } /* paginador de minicontenidos ------------------------------- */ .elecol01 .conpag01 { clear: both; font-size: 12px; line-height: 20px; padding: 0 0 20px; position: relative; text-align: center; } .elecol01 .btnpag01 { margin: 0 40px; padding: 3px; display: inline-block; font-size: 10px; line-height: 12px; text-decoration: none; text-transform: uppercase; } .elecol01 .btnpag02 { display: inline-block; margin: 5px 3px; padding: 3px; text-decoration: none; font-size: 12px; line-height: 20px; text-align: center; } .elecol01 .btnpag03 { color: #F44821; display: inline-block; margin: 5px 3px; padding: 3px; text-decoration: none; font-size: 12px; line-height: 20px; text-align: center; } .elecol01 a { color: #524E4E; } .elecol01 a:hover { color: #F44821; } /*--- FIN Mini contenido del contenidio INICIO --------------------------------------- */ /*---------------------------------------------------------------------------------*\ * Estilos para el contenido estilo sobre nosotros \*---------------------------------------------------------------------------------*/ /* Carrusel y visualizador de imágenes */ .estfat01-1 .concar01 { margin: 0; overflow: hidden; margin: 0px 0px 20px 0px ; padding: 0px 0px 0px 0px; position: relative; width: 700px; height: 425px; } /* Marco de las imágenes */ .estfat01-1 .concov01 { margin: 0; overflow: hidden; padding: 0px; width: 700px; height: 394px; position: relative; } /*---------------------------------------------------------------------------------*\ * Estilos para el contenido estilo eventos \*---------------------------------------------------------------------------------*/ .estcon01-4 #seccon01 .elecon01 { padding: 0px 0px 20px 0px; min-height: 80px; } .estcon01-4 #seccon01 .conhea01 { /*width: 710px;*/ height: auto; padding: 0px 0px 10px 0px; } .estcon01-4 #seccon01 .conbod01 { padding: 0px 0px 0px 80px; /* position: relative; top: -30px; */ } .estcon01-4 #seccon01 .conbod01 .consub01 { padding: 0px 0px 0px 0px; } .estcon01-4 #seccon01 .conbod01 .inpbtn01 { display: none; } /* Carrusel y visualizador de imágenes */ .estfat01-4 .concar01 { margin: auto; overflow: hidden; margin: 10px 0px 20px 0px; position: relative; width: 700px; height: 425px; } /* Marco de las imágenes */ .estfat01-4 .concov01 { margin: 0; overflow: hidden; padding: 0px; width: 700px; height: 394px; } /*---------------------------------------------------------------------------------*\ * Estilos para el contenido estilo media \*---------------------------------------------------------------------------------*/ /* Cada minicontenido */ .estcon01-5 .elecon01 { position: relative; background: url("borsec01.png") repeat-x scroll 0 bottom transparent; margin-bottom: 35px; overflow: visible; padding-bottom: 35px; clear: both; } /* cuerpo del minicontenido ------------------------------- */ .estcon01-5 .elecol01 .conbod01 { width: 350px; min-height: 200px; margin-left: 350px; overflow: visible; } /* Título del minicontenido */ .estcon01-5 .elecol01 .contit01 { margin: 0px 0px 10px 0px; } /* Asunto del minicontenido */ .estcon01-5 .elecol01 .consub01 { margin-bottom: 20px; line-height: 20px !important; color: #524E4E; font: 12px/1.2em 'Open Sans',sans-serif; } /* Texto del minicontenido */ .estcon01-5 .elecol01 .conatx01 { margin-bottom: 20px; font-size: 12px; line-height: 20px; } /* imagen del minicontenido ------------------------------- */ .estcon01-5 .elecol01 .conima01 { width: 340px; float: left; overflow: visible; } /* Carrusel del minicontenido */ .estcon01-5 .elecol01 .concar01 { margin: 5px 20px 14px 0; position: relative; height: 191px; width: 340px; } /* Contenedor de la imagen del minicontenido */ .estcon01-5 .elecol01 .concov01 { width: 340px; height: 191px; overflow: hidden; } .estcon01-5 .inpbtn01 { display:none; } .estcon01-5 #seccon01 .conhea01 { height: auto; padding: 0px; } /* Carrusel y visualizador de imágenes */ .estfat01-5 .concar01 { margin: 0px 0px 20px 0px ; padding: 0px 0px 0px 0px; overflow: hidden; position: relative; width: 700px; height: 425px; } /* Marco de las imágenes */ .estfat01-5 .concov01 { margin: 0; overflow: hidden; padding: 0px; width: 700px; height: 394px; position: relative; } /* Observaciones de las imágenes */ .concob01 { position: absolute; bottom: 0px; padding: 5px 5px 0px 5px; background-color: #000000; background: url("bcksec02.png") repeat scroll 0 0 transparent; color: #D2D2D2; width: 700px; height: 26px; } /* Botones de siguiente y anterior foto */ .btnprv01 { background: url("../../../0ima/arrlef01.png") no-repeat scroll center center transparent; cursor: pointer; height: 100%; left: 0; top: 0; opacity: 0.4; padding: 0 10px; position: absolute; width: 40px; z-index: 1000; } .btnprv01:hover { opacity: 1; } .btnnxt01 { background: url("../../../0ima/arrrig01.png") no-repeat scroll center center transparent; cursor: pointer; height: 100%; right: 0; top: 0; opacity: 0.6; padding: 0 10px; position: absolute; width: 40px; z-index: 1000; } .btnnxt01:hover { opacity: 1; } /*---------------------------------------------------------------------------------*\ * Estilos para el contenido estilo blog \*---------------------------------------------------------------------------------*/ /* Título del contenido */ #seccon01 .conhea01 .contit01 h1 { font-size: 20px; font-weight: bold; line-height: 24px; margin-bottom: 0; padding: 0px 0px 0px 0px; color: #000000; background: none; } /* Título del contenido */ #seccon01 .conhea01 .contit01 h2 { font-size: 20px; font-weight: bold; line-height: 24px; margin-bottom: 0; padding: 0px 0px 0px 0px; color: #000000; background: none; } #seccon01 .conhea01 .contit01 h2 a { color: #000000; } #seccon01 .conhea01 .contit01 h2 a:hover { color: #F44821; } /* Título de cada sección h2 */ #seccon01 h2 { color: #000000; font-weight: bold; background: url("borsec01.png") repeat-x scroll 0 bottom transparent; margin: 0 0 26px; padding: 0 0 19px; } /* Carrusel y visualizador de imágenes */ .estfat01-3 .concar01 { margin: auto; overflow: hidden; margin: 0px 0px 20px 0px ; padding: 0px 0px 0px 0px; position: relative; width: 700px; height: 425px; } /* Marco de las imágenes */ .estfat01-3 .concov01 { margin: 0; overflow: hidden; padding: 0px; width: 700px; height: 394px; } /* Galería de imágenes */ .congal01 { margin: 0; overflow: hidden; padding: 0 0 20px; } /* Cada imagen independiente (contenedor principal) */ .elegal01 { background: none repeat scroll 0 0 transparent; float: left; margin: 0px 10px 10px 10px; padding: 0; width: 155px; } /* Contenedor del img para overflow */ .elegov01 { overflow: hidden; } .elegov01 img { cursor: pointer; } /* Asunto del contenido */ .consub01 { line-height: 20px !important; color: #524E4E; font-size: 14px; font-weight: bold; margin: 0; padding: 20px 0px 20px 0px; } /* Texto del contenido */ .contxt01 p { font-size: 14px; line-height: 20px; margin: 0; padding: 0 0 20px; color: #524E4E; } /* Títulos dentro del contenido */ .contxt01 h4 { font-size: 16px; color: #000000; font-weight: bold; margin: 0; padding: 0 0 20px; } /* Elementos ul y li dentro de un contenido */ #seccon01 .contxt01 ul { list-style-type: none; margin: 0; padding: 0px 0px 20px 0px; } #seccon01 .contxt01 ul li { background: url("lstmrk02.png") no-repeat scroll 0 7px transparent; line-height: 20px; list-style-type: none; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 16px; vertical-align: top; } /* Elementos ul y li de un contenido */ #seccon01 ul { list-style-type: none; margin: 0; padding: 0px 0px 20px 0px; } #seccon01 ul li { background: url("lstmrk02.png") no-repeat scroll 0 7px transparent; line-height: 20px; list-style-type: none; margin: 0; padding: 0 0 16px 16px; vertical-align: top; } #seccon01 ul li a { color: #524E4E; } #seccon01 ul li a:hover { color: #F44821; } /* lista de comentarios -------------------------------------- */ .comnum01 { display: none; } .elecom01 { background: url("bckcom01.png") repeat scroll 0 0 transparent; margin-top: 10px; padding: 20px 20px 20px 102px; margin: 0px 0px 20px 0px; position: relative; min-height: 103px; color: #524E4E; } .comava01 { color: #6B6B6B; font-size: 12px; line-height: 20px; min-height: 42px; padding: 0 0 16px; text-align: right; text-transform: uppercase; width: 64px; height: 64px; left: 20px; position: absolute; top: 25px; } .comusu01 { color: #6B6B6B; font-family: 'Lora',serif; line-height: 20px; display: block; font-size: 15px; font-style: italic; padding-top: 6px; text-align: center; text-transform: capitalize; width: 65px; position: absolute; left: 20px; top: 90px; } .comtxt01 { min-height: 65px; font-size: 12px; line-height: 20px; margin: 0; padding: 0 0 20px; display: block; width: 100%; clear: both; } .comhou01 { position: absolute; bottom: 20px; right: 20px; } .comdat01 { position: absolute; bottom: 20px; right: 100px; } .comfoo01 { position: absolute; bottom: 20px; right: 200px; } /*---------------------------------------------------------------------------------*\ * Estilos para el panel 2 \*---------------------------------------------------------------------------------*/ /* El panel 2 en la página de inicio no se ve */ .estcon01-1 #secpan02 { display: none; } #secpan02 { width: 180px; height: 100%; padding: 20px 0 0; display: inline; float: right; position: relative; } /* Títulos del panel 2 */ #secpan02 .contit01 { color: #CCCCCC; font-size: 16px; line-height: 1.2em; margin-bottom: 20px; padding: 0 0 1px; } #secpan02 .eleban01 { margin: 0px 26px 0px 0px; } #secpan02 .eleban01 li { margin: 0px 0px 10px 0px; } /* Elementos ul y li de un contenido */ #secpan02 .eleidx01 ul { list-style-type: none; margin: 0; padding: 0 0 20px; } #secpan02 .eleidx01 ul li { background: url("lstmrk01.png") no-repeat scroll 0 7px transparent; line-height: 20px; list-style-type: none; margin: 0; padding: 0px 0px 10px 16px; vertical-align: top; } /*=================================================================================*\ * Estilos para los formularios \*=================================================================================*/ /*---------------------------------------------------------------------------------*\ * Título y cabecera de los formularios \*---------------------------------------------------------------------------------*/ .eletit01 h1 { color: #000000; font-weight: bold; background: url("borsec01.png") repeat-x scroll 0 bottom transparent; margin: 0 0 26px; padding: 0 0 19px; } /*---------------------------------------------------------------------------------*\ * Estilos para las pestañas de los formularios \*---------------------------------------------------------------------------------*/ #seccon01 .eletab01 { padding: 10px 130px 0 10px; position: relative; padding: 0px 0px 5px 0px; } #seccon01 .eletab01 ul { list-style: none outside none; overflow: hidden; /*background: url("borsec01.png") repeat-x scroll 0 bottom transparent;*/ padding: 0px 0px 0px 0px; border-bottom: 1px solid #CCC; } #seccon01 .eletab01 ul li { float: left; background: none; line-height: 20px; list-style-type: none; margin: 0; padding: 0px 0px 0px 0px; vertical-align: top; } #seccon01 .eletab01 a { font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-radius: 3px 3px 0px 0px; padding: 6px 13px; margin-right: 5px; margin-top: 1px; background: url("bckcom01.png") repeat scroll 0 0 transparent; position: relative; top: 1px; text-decoration: none; cursor:pointer; display: block; color: #524E4E; } #seccon01 .eletab01 a:hover { text-decoration: none; color: #F44821; } #seccon01 .tabsel01 { color: #F44821; position: relative; } /*---------------------------------------------------------------------------------*\ * Estilos para los formularios \*---------------------------------------------------------------------------------*/ .secprg01 { width: 100%; float: inherit; } .elebus01 { position: relative; margin: 0px 0px 20px 0px; } /* Tabla de campos*/ .elefrm01 { position: relative; padding: 0px 130px 0px 0px; margin: 0px 0px 0px 0px; min-height: 80px; } /*---------------------------------------------------------------------------------*\ * Estilos para los programas en general \*---------------------------------------------------------------------------------*/ /* Elemento base del programa */ .eleprg01 { /* background: none repeat scroll 0 0 rgba(243, 243, 243, 0.85); */ min-height: 400px; } /* Clases de los tres tipos de celdas en un campo de formulario frmeti01: etiqueta, frmcam01: campo, frmdes01: descripción */ /* Elemanto base de programa */ .elebas01 { position: relative; margin: 10px 0px 10px 0px; } /*- Tabla de campos ---------------------------------------------------------------*/ .frmcam01 /* Campo: agrupación de frmeti01, frminp01, frmdes01 y frmayu01. Etiqueta, input, descrpción y ayuda respectivamente */ { position: relative; } .frmeti01 /* Celda donde está la etiqueta del campo */ { display: block; font-weight: normal; padding: 7px 0px 0px 2px; color: #000000; line-height: 20px; vertical-align: middle; font-size: 12px; } .frmeti01 li /* Lista de archivos adjuntos en las etiquetas de las preguntas */ { background: url("bullet.gif") no-repeat scroll 0 5px transparent; list-style: none outside none; padding: 0 0 10px 17px; } .frmeti01 ul { padding: 10px 0px 0px 20px; } .frmayu01 /* celda donde está el texto de ayuda */ { display: block; font-weight: normal; font-style:italic; padding: 0px 0px 0px 12px; color: #484848; line-height: 20px; vertical-align: middle; font-size: 11px; } .frmidi01 /* celda donde están los botones de idioma */ { display: block; font-weight: normal; font-style:italic; padding: 0px 0px 4px 12px; line-height: 20px; vertical-align: middle; font-size: 11px; } .frmidi01 a /* botones de idioma */ { color: #808080; padding: 5px 5px 5px 5px; } .frmidi01 a:hover /* botones de idioma */ { background: url("0ima/btnfon01.gif") repeat-x scroll 0 0 #FF8B2E; text-decoration: none; border: 0 none; border-radius: 3px 3px 3px 3px; box-shadow: 0 0 2px #CCCCCC; color: #FFFFFF; cursor: pointer; } .inpobl01 /* Formato para los campos obligatorios*/ { font-weight: bold; } .frminp01 /* Celda donde está el input y hay descripción */ { display: inline-block; position: relative; overflow: hidden; width: 320px; padding: 5px 10px 5px 10px; vertical-align: top; } .frminp02 /* Celda donde está el input y NO hay descripción */ { display: block; overflow: hidden; position:relative; padding: 5px 10px 5px 10px; } .frmdes01 /* Celda de la descripción */ { display: inline-block; position: relative; width: auto; /*height: 29px;*/ padding: 5px 0px 5px 10px; } .frmsep01 /* Separadores de campos */ { position: relative; margin: 20px 0px 0px 0px; border-bottom: 1px solid #CCC; font-weight: bold; font-family: Arial,Helvetica,sans-serif; font-size: 14px; } .frmeti03 /* Descripción del Separador de campos */ { display: block; font-weight: normal; font-style:italic; padding: 0px 0px 0px 0px; color: #000000; line-height: 20px; vertical-align: middle; font-size: 11px; } .frmidw01 { display: block; position: absolute; bottom: 4px; right: 10px; height: 18px; width: 18px; background: url("0ima/icowhi01.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0.4); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); border-radius: 9px 9px 9px 9px; background-position: -216px 50%; } .frmiup01 { display: block; position: absolute; bottom: 4px; right: 10px; height: 18px; width: 18px; background: url("0ima/icowhi01.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0.4); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); border-radius: 9px 9px 9px 9px; background-position: -180px 50%; } /*- Objetos INPUT propiamente dichos ----------------------------------------------*/ .inptxt01 /* Campo de texto*/ { background: #AAAAAA repeat scroll 0 0 transparent; border: medium none; color: #524E4E; font-family: Arial,Helvetica,sans-serif; font-size: 12px; padding: 5px 7px 6px; width: 305px; line-height: normal; vertical-align: baseline; } .inptxa01 /* Text area */ { background: #AAAAAA repeat scroll 0 0 transparent; border: medium none; color: #524E4E; resize: vertical; font-family: Arial,Helvetica,sans-serif; font-size: 12px; padding: 5px 7px 6px; line-height: normal; vertical-align: baseline; width: 305px; height: 200px; } span.cke_skin_kama /* Configuración especial para el borde del textarea HTML */ { border-color: #E3E3E3 #D4D4D4 #BFBFBF !important; border-style: solid !important; border-width: 1px !important; } .inpopt01 /* Option box (punto de opción y texto) */ { position: relative; display: block; color: #5A5A5A; font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin: 5px 7px 6px 7px; line-height: normal; vertical-align: middle; } .inpopt01 input[type=radio] /* Option box (punto de opción) */ { position: absolute; } .inpcon01 /* Consulta a base de datos*/ { background: #AAAAAA repeat scroll 0 0 transparent; border: medium none; color: #524E4E; font-family: Arial,Helvetica,sans-serif; font-size: 12px; padding: 5px 7px 6px; width: 274px; line-height: normal; vertical-align: baseline; } .inpfil01 /* input file que estará oculto. El botón será transparente y encima del que se visualiza */ { display: inline-block; position: absolute; left: 97px; /* Poner siempre la posición desde el borde izquierdo para que no haya diferencia entre si hay texto o no a la derecha del campo*/ top: 5px; background: url("0ima/btnfon01.gif") repeat-x scroll 0 0 #FF8B2E; border: 0 none; border-radius: 3px 3px 3px 3px; color: #FFFFFF; cursor:pointer; height: 27px; width: 233px; /*OJO: ancho mínimo que tiene en firefox. Se indica para que tenga el mismo tamaño en todos los navegadores y así podelo alinear con el botón que se ve*/ padding: 0px 0px 0px 0px; opacity:0; } .inpcmb01 /* Deplegable */ { background: #AAAAAA repeat scroll 0 0 transparent; border: medium none; color: #524E4E; font-family: Arial,Helvetica,sans-serif; font-size: 12px; padding: 5px 7px 6px; line-height: normal; vertical-align: baseline; width: 321px; height: 28px; /*outline: medium none;*/ } .inpdes01 /* Descripción (span de solo salida) */ { display: inline-block; color: #524E4E; font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin: 5px 7px 6px 7px; line-height: normal; vertical-align: baseline; } .inpopl01 /* Texto de las opciones */ { display: inline-block; color: #5A5A5A; font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin: 4px 7px 6px 30px; line-height: normal; vertical-align: top; } /*- Elemento Botonera formularios (Aceptar, Cancelar, Buscar, Etc ) --------------------------*/ .elebtr01 { position: absolute; top: 10px; right: 20px; width: 100px; padding: 0px 0px 0px 0px; } /*- Elemento Botonera formularios FIJA al hacer scroll --------------------------*/ .elebtr01b { position: fixed; top: 40px; /*right: 15%;*/ } /*- Elemento Botonera más registros del los grids --------------------------*/ .elebtr02 { text-align: center; padding: 10px 0px 10px 0px; } /* Botones de formularios, submit, etc */ .inpbtn01 { background: url("bckbtn01.jpg") repeat-x scroll 0 0 #1F1F1F; border-top: 1px solid #333333; box-shadow: 0 5px 5px #0A0A0A; color: #FFFFFF !important; display: inline-block; font-size: 13px; font-weight: normal; line-height: 18px; padding: 3px 10px 5px; float: right; } .inpbtn01:hover { background: none repeat scroll 0 0 #F44821; color: #FFFFFF; border-top: 1px solid #F44821; } /* Botón de las consultas */ .inpbtn03 { display: inline-block; position: relative; right: 0px; height: 15px; width: 15px; margin: 0px 0px 0px 3px; padding: 5px 5px 5px 5px; background-color: #BBB; border: 1px solid #555; color: #FFFFFF; cursor: pointer; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 12x; line-height: normal; vertical-align: bottom; text-decoration: none; text-shadow: none; text-align: center; -moz-box-shadow: inset 0px -10px 10px #999; -webkit-box-shadow: inset 0px -10px 10px #999; box-shadow: inset 0px -10px 10px #999; } .inpbtn03:hover { -moz-box-shadow: 1px 1px 1px #888; -webkit-box-shadow: 1px 1px 1px #888; box-shadow: 1px 1px 1px #888; background-color: #A7C116; color: #000000; } /*---------------------------------------------------------------------------------*\ * Estilos para los grids de datos \*---------------------------------------------------------------------------------*/ /*- Elemento Botonera de Acciones -------------------------------------------------*/ .eleacc01 { position: absolute; padding: 10px 20px 0px 20px; z-index: 99; width: 940px; background: none repeat scroll 0 0 rgba(243, 243, 243, 1); } /* Botonera de accciones de los grids FIJA al hacer scroll */ .eleacc01b { position: fixed; top: 30px; margin-right: 10px; } /* Botones de los grids */ .inpbtn02 { display: inline-block; position: relative; background-color: #BBB; border: 1px solid #555; color: #FFFFFF; cursor: pointer; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 14px; height: 30px; line-height: 28px; margin-bottom: 3px; margin-top: 0; padding: 0 15px; text-decoration: none; text-shadow: none; -moz-box-shadow: inset 0px -10px 10px #999; -webkit-box-shadow: inset 0px -10px 10px #999; box-shadow: inset 0px -10px 10px #999; } .inpbtn02:hover { -moz-box-shadow: 1px 1px 1px #888; -webkit-box-shadow: 1px 1px 1px #888; box-shadow: 1px 1px 1px #888; background-color: #A7C116; color: #000000; } /* Botones de seleccionar registro en los grids */ .inpbtn04 { display: inline-block; position: relative; margin: 0px 0px 0px 0px; padding: 5px 5px; background-color: #BBB; border: 1px solid #555; color: #FFFFFF; cursor: pointer; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 14px; line-height: normal; text-decoration: none; text-shadow: none; -moz-box-shadow: inset 0px -10px 10px #999; -webkit-box-shadow: inset 0px -10px 10px #999; box-shadow: inset 0px -10px 10px #999; } .inpbtn04 div { display:block; background: url("../../../0ima/icowhi01.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); background-position: -216px 50%; height: 17px; width: 17px; } .inpbtn04:hover { -moz-box-shadow: 1px 1px 1px #888; -webkit-box-shadow: 1px 1px 1px #888; box-shadow: 1px 1px 1px #888; background-color: #A7C116; color: #000000; } /*- Grid de datos -----------------------------------------------------------------*/ /* Elemento que contiene el grid de datos y que permite el scroll */ .elegrs01 { position: relative; padding: 55px 20px 0px 20px; } /* Tabla del grid de datos */ .elegrd01 { clear: both; width: 100%; margin: 20px 0px 0px 0px; /*table-layout:fixed;*/ } /* Para todas las filas */ .eletro01, .eletre01 { cursor: pointer; color: #222222; } /* hover de todas las filas */ .eletro01:hover, .eletre01:hover { } .eletro01:hover td, .eletre01:hover td { } /* Fila impar */ .eletre01 { } /* Fila par */ .eletro01 { } /* Fila seleccionada */ .eletrs01 { background: none repeat scroll 0 0 rgba(167, 193, 22, 0.85); color: #222222 !important; } /* Fila color de fondo apagado - blanco */ .eletrf01 { background-color:#FFFFFF; } /* Fila color de fondo excelente - verde */ .eletrf02 { background-color:#BEE9B8; } /* Fila color de fondo advertencia - amarillo */ .eletrf03 { background-color:#F5F2C1; } /* Fila color de fondo excelente - rojo */ .eletrf04 { background-color:#F5D7C1; } /* Fila color de texto apagado - gris claro */ .eletrt01 { color:#DDDDDD; } /* Fila color de texto excelente - verde */ .eletrt02 { color:#1C6904; } /* Fila color de texto advertencia - amarillo */ .eletrt03 { color:#7B6F04; } /* Fila color de texto error - rojo */ .eletrt04 { color:#7B2E04; } .eleres01 { background-image: url("0ima/grdgrp01.png"); cursor: e-resize; height: 25px; width: 10px; margin-left: 0px; margin-top: 0px; position: relative; z-index: 88; } /* Celda de cabecera normal */ .elegrd01 th { height: 25px; padding: 10px 0px 10px 0px; background: none repeat scroll 0 0 rgba(243, 243, 243, 0.85); color: #222222; cursor: pointer; border-bottom: 1px solid #E5E5E5; height: 3.61ex; overflow: hidden; vertical-align: middle; white-space: nowrap; } .elethn01 div { padding: 0px 5px 0px 5px; } /* Celda de la tabla normal */ .elegrd01 td { height: 40px; padding: 10px 0px 10px 0px; background: none repeat scroll 0 0 rgba(243, 243, 243, 0.85); border-bottom: 1px solid #E5E5E5; cursor: pointer; vertical-align: top; position:relative; } .eletdn01 div { overflow: hidden; white-space: nowrap; padding: 0px 5px 0px 5px; vertical-align: middle; } .eletdn01 div img { vertical-align: middle; } /* Celda del check de la cabecera */ .elethc01 { width: 40px; } /* Celda del check de cada fila */ .eletdc01 { width: 40px; } /* mensajes de los grids */ #seccon01 .elemsg01 { color: #524E4E; margin-bottom: 15px; text-align: left; } #seccon01 .elemsg01 ul { margin: 0px; padding: 0px; } #seccon01 .elemsg01 li { background-repeat: no-repeat; background-position: 0px 3px; list-style-type: none; margin: 3px 0px 0px 10px; padding-left: 30px; font-size: 14px; line-height: 21px; } #seccon01 .msgadv01 { background-image: url("../../../0ima/msgadv.png"); } #seccon01 .msginf01 { background-image: url("../../../0ima/msginf.png"); } #seccon01 .msgerr01 { background-image: url("../../../0ima/msgsto.png"); } /*---------------------------------------------------------------------------------*\ * Estilos para el Panel 1 \*---------------------------------------------------------------------------------*/ #secpan01 { float: right; margin: 0; padding: 0 0 0 40px; width: 200px; } #secpan01 .panmnu01 li { background: url("bullet.gif") no-repeat scroll 0px 1px transparent; color: #17D2E8; line-height: 14px; list-style: none outside none; padding: 0px 0px 10px 17px; } #secpan01 .panmnu01 li a:hover { color: #000000; } /*---------------------------------------------------------------------------------*\ * Estilos para el Panel 2 \*---------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------*\ * Estilos para los Banners \*---------------------------------------------------------------------------------*/ #secban01 { background: url("bcksec02.png") repeat scroll 0 0 transparent; /*background: url("bckfoo01.png") repeat scroll 0 0 transparent;*/ border-top: 1px solid #2E2E2E; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.18); margin: 21px auto 0px auto; overflow: hidden; padding: 9px 0px 0px 0px; width: 940px; height: 95px; text-align: center; } /*---------------------------------------------------------------------------------*\ * Estilos para el Pie \*---------------------------------------------------------------------------------*/ #secfoo01 { background: url("bckfoo01.png") repeat-x scroll 0 0 transparent; border-top: 1px solid #2E2E2E; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.18); margin: 21px auto 50px auto; overflow: hidden; padding: 9px 0px 0px 0px; width: 940px; height: 35px; } #secfoo01 .elelog01 { float: left; margin: 0 0 0 7px; } #secfoo01 > .elemns01 > ul { float: right; position: relative; z-index: 99; } #secfoo01 > .elemns01 > ul > li:first-child { background: none repeat scroll 0 0 transparent !important; } #secfoo01 > .elemns01 > ul > li { padding: 1px 25px 0 0; float: left; position: relative; list-style: none outside none; } #secfoo01 .elemns01 a:hover, #secfoo01 .elemns01 ul > li.actives > a, #secfoo01 .elemns01 ul > li.current > a { color: #F44821; } #secfoo01 .elemns01 ul li.active a:link, #secfoo01 .elemns01 ul li.active a:visited { } #secfoo01 .elemns01 a { color: #FFFFFF; display: inline-block; font-size: 12px; font-weight: 700; line-height: 18px; padding: 0; text-transform: uppercase; } #secfoo01 .eletxt01 { display: block; color: #999999; font-size: 12px; padding: 4px 0px 0px 200px; } /*---------------------------------------------------------------------------------*\ * Estilos para el cuadro de ayuda - tooltip \*---------------------------------------------------------------------------------*/ .auxtip { padding: 5px; position: absolute; background-color:#FFFFCC; font-weight:normal; width:300px; visibility:hidden; line-height:12px; font-size:11px; z-index:999; color:#000000; border: #000000 1px solid; } /*---------------------------------------------------------------------------------*\ * Estilos para los iconos de carga \*---------------------------------------------------------------------------------*/ .auxloa { position: absolute; display: none; top: 6px; right: 6px; z-index:99999999999; }