/* * Fichero: public.css ,v1.0 01/10/2007 Imgenio * Hoja de estilos para imgenio * 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: #444a4f; } html, body { } /* ESTILOS CAJAS GLOBALES */ #web { margin: 0px auto 20px auto; width:785px; text-align: left; background: #858c92; border:1px solid #2d3134;} #cabecera { margin:0px; padding:0px; height: 74px; background:#ff7a22 url(../img/cabecera.jpg) right bottom no-repeat; border-bottom:1px solid #2d3134;} #menu { clear:both; } #contenido { clear:both; margin: 0px; padding: 0px; background: #858c92; } #lateral { } #datos { clear:both; } #pie { clear:both; height: 26px; background:#ff7a22; width: 785px; border-top:1px solid #2d3134;} /* ESTILOS PARA LAS COLUMNAS */ #col2 {background:#99a1a8;} #col2-c1 {width:200px; float:left; height:100%;} #col2-c2 {width:583px; float:right; border-left: 1px solid #2d3134;} #col3 {} #col3-c1 {width:194px; height:225px; float:left; background: #858c92; text-align:center; padding:7px 0px 7px 0px;} #col3-c2 {width:193px; height:225px; float:left; border-left: 1px solid #2d3134; background: #6b7176; text-align:center; padding:7px 0px 7px 0px;} #col3-c3 {width:194px; height:225px; float:right; border-left: 1px solid #2d3134; background: #5b6065; text-align:center; padding:7px 0px 7px 0px;} #col4 {border-top: 1px solid #2d3134;} #col4-c1 {width:145px; height:100px; float:left; background: #858c92; text-align:center; padding:7px 0px 7px 0px;} #col4-c2 {width:145px; height:100px; float:left; border-left: 1px solid #2d3134; background: #737a7f; text-align:center; padding:7px 0px 7px 0px;} #col4-c3 {width:145px; height:100px; float:left; border-left: 1px solid #2d3134; background: #62686c; text-align:center; padding:7px 0px 7px 0px;} #col4-c4 {width:145px; height:100px; float:right; border-left: 1px solid #2d3134; background: #50555a; text-align:center; padding:7px 0px 7px 0px;} /* ESTILOS PARA LA CABECERA DE LA WEB */ #cabecera h1 { margin: 0px; padding: 0px;} #cabecera h1 a { display: block; } #cabecera h1 span { display: none; } #cabecera img { border:0px; margin: 5px 0px 0px 45px;} /* ESTILOS PARA EL PIE DE LA PAGINA */ #pie ul {margin: 0px auto 0px auto; width:53%;} #pie li { list-style-type:none; margin: 0px auto 0px auto; float:left; padding: 4px 15px 4px 8px; font-size: 11px; font-weight:bold; text-align:center; background:transparent url(../img/tuerca.gif) center right no-repeat;} #pie li.end{ background:transparent;} #pie li a {color: #FFFFFF; text-decoration: none;} #pie li a:hover {color: #2d3134; text-decoration:underline;} /* ESTILOS PARA EL MENU */ #menu ul {margin: 0px; padding:0px; } #menu li { display:block; height:48px; list-style-type:none; margin: 1px 0px 0px 0px; padding:0px; background:transparent url(../img/menu.gif) top left repeat-x;} #menu li a { display:block; height:18px; padding:15px 0px 15px 20px; color:#c6cdd4; font-size:12px; font-weight:bold; } #menu li a:hover { display:block; height:18px; color:#FFFFFF; background:transparent url(../img/menu_over.gif) top right no-repeat;} #menu li.act {background:transparent url(../img/menu_act.gif) top left no-repeat; } #menu li.act a { color:#FFFFFF; } #menu li.act a:hover { background:transparent url(../img/menu_act.gif) top left no-repeat; } #submenu ul {margin: 0px; padding:0px; background:#ff7a22;} #submenu li { display:block; height:23px; list-style-type:none; margin: 0px 0px 0px 5px; padding:0px; background:transparent url(../img/menu.gif) top left repeat-x;} #submenu li a { display:block; height:13px; padding:5px 0px 5px 5px; color:#c6cdd4; font-size:11px; font-weight:bold; } #submenu li a:hover { display:block; height:13px; color:#FFFFFF; } #submenu li.act { } #submenu li.act a { color:#FFFFFF; } #submenu li.act a:hover {color:#FFFFFF; } #submenu li.demo {color:#ffbb8d; font-weight:normal;} #submenu li.demo a { color:#ffbb8d; font-weight:normal;} #submenu li.demo a:hover {color:#000000; font-weight:normal;} #submenu2 ul {margin: 0px; padding:0px; background:#ff7a22;} #submenu2 ul li { list-style-type:none; margin:0px 0px 0px 5px; padding:2px 0px 2px 5px; background:#7b8186;} #submenu2 ul li a { color: #FFFFFF;} #submenu2 ul li a:hover {color: #000000;} #submenu2 ul li.act { font-weight: bold;} /* #menu li.inicio a {display: block; height:48px; width:200px; background:transparent url(../img/minicio_on.gif) top left no-repeat;} #menu li.inicio a:hover {display: block; height:48px; width:200px; background:transparent url(../img/minicio_over.gif) top left no-repeat;} #menu li.inicioact {display: block; height:48px; width:200px; background:transparent url(../img/minicio_act.gif) top left no-repeat; } #menu li.trabajos a {display: block; height:48px; width:200px; background:transparent url(../img/mtrabajos_on.gif) top left no-repeat; } #menu li.trabajos a:hover {display: block; height:48px; width:200px; background:transparent url(../img/mtrabajos_over.gif) top left no-repeat;} #menu li.trabajosact {display: block; height:48px; width:200px; background:transparent url(../img/mtrabajos_act.gif) top left no-repeat;} #menu li.noticias {display: block; height:48px; width:200px; background:transparent url(../img/mnoticias_on.gif) top left no-repeat;} #menu li.noticias a {display: block; height:48px; width:200px;} #menu li.noticias a:hover {display: block; height:48px; width:200px; background:transparent url(../img/mnoticias_over.gif) top left no-repeat;} #menu li.noticiasact {display: block; height:48px; width:200px; background:transparent url(../img/mnoticias_act.gif) top left no-repeat;} #menu li.quienes a {display: block; height:48px; width:200px; background:transparent url(../img/mquienes_on.gif) top left no-repeat;} #menu li.quienes a:hover {display: block; height:48px; width:200px; background:transparent url(../img/mquienes_over.gif) top left no-repeat;} #menu li.quienesact {display: block; height:48px; width:200px; background:transparent url(../img/mquienes_act.gif) top left no-repeat;} #menu li.contacto a {display: block; height:48px; width:200px; background:transparent url(../img/mcontacto_on.gif) top left no-repeat;} #menu li.contacto a:hover {display: block; height:48px; width:200px; background:transparent url(../img/mcontacto_over.gif) top left no-repeat;} #menu li.contactoact {display: block; height:48px; width:200px; background:transparent url(../img/mcontacto_act.gif) top left no-repeat;} */ /* ESTILOS PARA EL MENU LATERAL */ #lateral #x { } /* ESTILOS PARA EL CONTENIDO Y DATOS */ #contenido #contenido-padding { padding: 8px 5px 8px 5px;} #destacados {display:block; height:23px; width: 100%; margin:0px; border-top:1px solid #2d3134; border-top:1px solid #2d3134; border-bottom:1px solid #2d3134; background: transparent url(../img/destacados.gif) left top repeat-x; } #destacados a {float:right; padding:5px 0px 0px 0px; } #destacados img {float:left; border:0px;} #datos #datos-padding {padding: 10px;} #datos #datos-intext {padding: 20px;} /* ESTILOS PARA LOS LISTADOS */ #noticias {} #noticias ul { margin: 5px 0px 10px 0px; padding:0px; border-bottom: 1px solid #666c71;} #noticias li { clear:both; list-style-type:none; padding: 7px 0px 7px 0px; margin:7px 0px 7px 0px; border-top: 1px solid #666c71;} #noticias img {float:left; margin-right:10px;} #noticias .fecha {color:#ffc186;} #noticias .titulo {font-weight:bold; font-size:14px; } /* 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 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;} /* ESTILOS PARA TEXTO */ .texto { } .rojo {color: #ff0000;} .entradilla { } .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: #ffbb8d; font-size:10px; text-decoration:none; } a:hover { color: #2d3134; text-decoration:none; } 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; } a.enlace-subir:hover {text-decoration:underline; } /* 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; } /* Hides from IE-mac \*/ * html .contenedor {height: 1%;} /* End hide from IE-mac */