/* * Fichero: public.css ,v1.0 01/10/2006 ShakingBox * Hoja de estilos para shakingbox * Media screen * Navegadores IE5+, Mozilla 1.3+, Konqueror X, Opera X * CSS 2 * Comentarios */ /* ESTILOS GENERALES */ body { margin: 0px; padding: 0px; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-align:center; background: #000000 url(img/background.gif) top left repeat; } html, body { } /* ESTILOS CAJAS GLOBALES */ #web { margin: 0px auto 20px auto; width:700px; text-align: left; background: #000000;} #cabecera { margin:0px; padding:0px; height: 213px; background:transparent url(img/cabecera.jpg) top no-repeat; } #menu { clear:both; height: 26px; width:700px; background:#000000 url(img/background_menu.gif) repeat-x;} #contenido { clear:both; width: 700px; margin: 0px; padding: 0px; background: #1E1E1E; } #lateral { } #datos { clear:both; } #pie { clear:both; height: 26px; background:#000000 url(img/background_menu.gif) repeat-x; } /* ESTILOS PARA LA WEB */ /* ESTILOS PARA LA CABECERA DE LA WEB */ #cabecera h1 { margin: 0px; padding: 0px;} #cabecera h1 a { display: block; width: 700px; height: 213px; } #cabecera h1 span { display: none; } /* ESTILOS PARA EL PIE DE LA PAGINA */ #pie #pie-padding {padding: 4px 0px 4px 0px; } #pie .pie-texto {font-size: 9px; text-align:center;} #pie .pie-texto a {color: #FFFFFF; text-decoration: none;} #pie .pie-texto a:hover {color: #FF0000; text-decoration:underline;} /* ESTILOS PARA EL MENU */ #menu ul { margin:0px; padding: 0px; } #menu li {list-style-type:none; float:left; padding: 4px 0px 4px 30px; font-size:11px; font-weight:bold; text-transform:uppercase; } #menu li a {color: #FFFFFF; text-decoration:none; } #menu li a:hover {color: #FF0000; text-decoration:none;} #menu li.contacto {float:right; padding-right: 30px;} /* ESTILOS PARA EL MENU LATERAL */ #lateral #x { } /* ESTILOS PARA EL CONTENIDO Y DATOS */ #contenido #contenido-padding { padding: 6px;} #contenido #contenido-marco {background:#000000;} #datos #datos-padding {padding: 10px;} #datos #datos-intext {padding: 20px;} /* ESTILOS PARA LOS LISTADOS */ .listado-documentos ul { } .listado-documentos li { } .listado-enlaces { } .listado-enlaces ul { } .listado-enlaces li { } .listado-categorias { } .listado-categorias ul { } .listado-categorias li { } .listado-datos { } .listado-datos ul { } .listado-datos li { } .listado-formato1 ul { } .listado-formato1 li { } .listado-formato1 dl { } .listado-formato1 dt { } .listado-formato1 dd { } /* ESTILOS PARA EL MES DE ACTIVIDADES */ .home-calendario { } .home-calendario caption { } .home-calendario td { } .home-calendario td span { } .home-calendario th { } .home-calendario a { } .calendario-evento-pasado { } .calendario-evento-pasado a { } .calendario-evento-pasado a:hover { } .calendario-evento-hoy { } .calendario-evento-hoy a { } .calendario-evento-hoy a:hover { } .calendario-evento-futuro { } .calendario-evento-futuro a { } .calendario-evento-futuro a:hover { } /* TABLA DE DATOS */ table.tabla-datos { } .tabla-datos thead th { } .tabla-datos td { } /* ESTILOS PARA CAJA CON FORMATOS */ .caja-gris {margin:0px; padding:0px; background: #272727;} .caja-gris-padding {padding:0px 0px 20px 0px;} .caja-datos1 { } .caja-datos1-padd { } .caja-destacado { } .caja-destacado-padd { } /* ESTILOS PARA COLUMNAS */ .columnas2f1-c1 {float:left; width: 374px; margin: 0px 0px 35px 0px;} .columnas2f1-c2 {float:right; width: 275px; margin: 0px 0px 35px 0px; } .columnas2-intext {width: 300px; float:left; } /* FONDOS ESPECIALES */ #fondo-X { } /* ESTILOS PARA BREADCRUMS */ #breadcrumbs { } #breadcrumbs-padd { } #breadcrumbs strong { } #breadcrumbs a { } #breadcrumbs a:hover { } #breadcrumbs .actual { } /* ESTILO PARA LA PAGINACION */ #paginacion { } #paginacion a.retroceder-todo { } #paginacion a.retroceder-todo:hover { } #paginacion a.retroceder-todo span { } #paginacion a.retroceder { } #paginacion a.retroceder:hover { } #paginacion a.retroceder span { } #paginacion a.avanzar-todo { } #paginacion a.avanzar-todo:hover { } #paginacion a.avanzar-todo span { } #paginacion a.avanzar { } #paginacion a.avanzar:hover { } #paginacion a.avanzar span { } #paginacion .leyenda { color: #7A0000; } #paginacion .leyenda strong { } #paginacion .resultados { } #paginacion .actual { } #paginacion .actual strong { } /* ESTILOS PARA LA NAVEGACION COMPLEMENTARIA */ #navegacion { } #navegacion-padd { } /* ESTILOS PARA CUALQUIER FORMULARIO */ .formulario { } .formulario fieldset { } .formulario fieldset legend { } .formulario fieldset label { } .formulario fieldset radio { } .formulario fieldset .campos { } .formulario fieldset .campos-error { } .formulario .boton { } .formulario sup { } .formulario .aviso { } /* ESTILOS VIDEOS */ #video {padding:0px; margin:0px;} #video .columnasf1 {float:left; width: 150px ; } #video .paddingf1 {padding:20px 20px 0px 5px} #video .columnasf2 {float:right; border-left: 5px solid #1E1E1E; width: 530px; } #video .paddingf2 {padding:20px;} #video ul {margin:0px; padding: 0px; } #video li {list-style-type:none; padding:0px 0px 0px 15px;} #video li.space {margin:0px 0px 10px 0px; } #video li a {color: #FFFFFF; text-decoration:none;} #video li a:hover {color:#FF0000; text-decoration:underline;} #video .border {border:5px solid #1E1E1E; width:480px;} #menu ul { margin:0px; padding: 0px; } #menu li {list-style-type:none; float:left; padding: 4px 0px 4px 30px; font-size:11px; font-weight:bold; text-transform:uppercase; } #menu li a {color: #FFFFFF; text-decoration:none; } #menu li a:hover {color: #FF0000; text-decoration:none;} /* ESTILOS PARA TEXTO */ .texto { } .rojo {color: #ff0000;} .entradilla { } .destacado { } .especial { } .fecha { } .antetitulo { } .titulo {font-size:20px; } .titulo a { color: #FFFFFF; text-decoration: none; margin: 0px 7px 0px 7px; padding: 0px 174px 0px 0px; background: transparent url(img/ico_titulo.gif) right top no-repeat; white-space: nowrap;} .titulo a:hover{ color: #FF0000; text-decoration: underline; margin: 0px 7px 0px 7px; padding: 0px 174px 0px 0px; background: transparent url(img/ico_titulo_off.gif) right top no-repeat;} .subtitulo { font-size:14px; font-weight:bold;} .subtitulo a { color: #FFFFFF; text-decoration: none;} .subtitulo a:hover{color: #FF0000; text-decoration: underline;} .contacto { color:#b1b1b1; } .resumen { } .comentario { } .especial { } .nota { } .anexo { } /* ESTILOS PARA breadcrumbs */ .breadcrumbs {float:right; padding: 10px 0px 0px 0px;} /* ESTILOS PARA portfolio */ #portfolio {padding:5px; border-bottom:5px solid #1E1E1E;} #portfolio .portfolio1 {float:left; width:254px;} #portfolio .portfolio2 {float:left; padding:0px 0px 0px 7px; font-size:10px;} /* ESTILOS PARA IMAGENES */ .mensaje-home {padding:50px 50px 20px 30px;} .imagen-derecha { float: right; padding: 0px 0px 5px 5px; } .imagen-derecha-padd { } .imagen-izquierda { float: left; padding: 0px 10px 5px 0px; } .imagen-izquierda-padd { } .imagen-derecha, .imagen-izquierda { } /* ESTILOS PARA LOS ENLACES */ img { } a.img { } a.img:hover { } a { color: #FFFFFF; text-decoration:none; } a:hover { text-decoration:underline; } a.enlace {color: #ff0000; text-decoration:none; } a.enlace:hover {text-decoration:underline; } a.enlace-volver {color: #ff0000; text-decoration:none; } a.enlace-volver:hover {text-decoration:underline; } a.enlace-subir{color: #ff0000; text-decoration:none; padding:5px; } a.enlace-subir:hover {text-decoration:underline; } a.enlace-por {color: #ffffff; text-decoration:none; font-size:20px; } a.enlace-por:hover {text-decoration:underline; color: #ff0000;} /* ESTILOS PARA LA LINEA */ .linea {} /* ESTILOS PARA FLOTAR Y ALINEAR Y PADDING */ .flotar-izquierda { float: left; } .flotar-derecha { float: right; } .alinear-izquierda { text-align: left; } .alinear-derecha { text-align: right; } .alinear-centro { text-align: center; } /* ESTILOS PARA ESPACIOS Y DIMENSIONES */ .padding-izquierda { padding: 0px 10px 10px 0px; } .padding-derecha { padding: 0px 0px 10px 10px; } /* ESTILOS PARA BORRAR ESTILOS Y OCULTAR*/ .borrar { clear: both; } .ocultar { display: none; } .contenedor:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .contenedor {display:inline-block;} /* Hides from IE-mac \*/ * html .contenedor {display:block;} /* End hide from IE-mac */