/* 1996-2008 Inter Media S.A. Todos los Derechos Reservados. */ /* CSS para Scanavini */ /* Version 1.0 */ /* media: SCREEN */ /* Fecha de creación dd/mm/aaaa */ /* HISTORIAL DE MODIFICACIONES */ /* 26/03/2008 Creación de primera versión Screen */ /* IMPORTANTE • Los nombres de los estilos deben hacer referencia a la funcionalidad del elemento que se esta definiendo, en ningun caso a caracteristicas gráficas o ubicación, por ejemplo NO NOMBRAR #menu_left o #menu_rojo SI NOMBRAR #menu_principal • NO USAR guiones al centro(-) al nombrar estilos ya que puede generar problemas si se necesita que el estilo interactue con una funcion javascript o PHP, para separar palabras utilizar guion bajo (_) • Lo ideal es generar el Css para impresión al final de la programacion HTML, CSS de modo que existan las mismas clases en ambos Css, de no ser posible es importante que cada vez que se cree un estilo nuevo en la versión SCREEN, este sea replicado en la versión PRINT con las características que corresponden. • Se debe privilegiar la utilización de etiquetas HTML por sobre las clases. • Todos los comentarios adicionales a una definición de estilos SON DE AYUDA Y SON BIENVENIDOS estos deben estar ubicados al principio de la definicion y ser lo mas breve posibles y en un leguaje claro. */ /* REDEFINICION DE ELEMENTOS HTML */ body{margin:0px; background-color:#666666; text-align:center; font-size:11px;} table{} td{} p{margin:0px; padding:0px; line-height:1.5em;} h1{margin:0px; padding:0px;} h2{margin:0px; padding:0px;} h3{margin:0px; padding:0px;} h4{margin:0px; padding:0px;} h5{margin:0px; padding:0px;} h6{margin:0px; padding:0px;} form, img{margin:0px; padding:0px; border:0px;} label{} ul, ol{margin:0px; padding:0px; list-style:none;} li{margin:0px; padding:0px;} a{outline: 0;} button{} /* contenedor Head y Contenido */ #fondo{width:984px; margin-left:auto; margin-right:auto; background-image:url(../images/html/fnd.jpg); background-position:bottom center; background-repeat:no-repeat; padding:0px 10px 0px 10px;} #contenedor{width:984px; background-image:url(../images/html/fnd_columnas.jpg); background-repeat:repeat-y; background-position:center top; display:table-cell; text-align:left;} #contenedor #columnaMenu{width:224px; float:left;} #contenedor #columnaContenido{width:760px; float:right; background-color:#FFFFFF;} /*////////// Inicio HEAD //////////*/ #head{width:224px;} #head #logo {width:224px; height:96px;} #head #logo_print {width:224px; height:96px; display:none;} /* Menu productos */ #head #botones_productos {width:224px; float:left;} #head #botones_productos ul{ padding:0px; margin: 0px;} #head #botones_productos ul li {margin: 0px; padding: 0px;} #head #botones_productos ul li p {font-family:"Arial Narrow"; margin: 0px; font-size:11px; font-weight:bold; padding:5px 0px 5px 12px; background:url(../images/botones/fnd_btn_productos.jpg) no-repeat 0px 0px;} #head #botones_productos ul li a:link, #head #botones_productos ul li a:visited{text-decoration:none; color:#0081C6;} #head #botones_productos ul li a:hover, #head #botones_productos ul li a:active{text-decoration:none; color:#F47835;} #head #botones_productos ul li ul {padding:0px 0px 0px 0px; margin:0px;} #head #botones_productos ul li ul li {background-color:#FFFFFF;} #head #botones_productos ul li ul li p{font-family:"Arial Narrow"; font-size:11px; font-weight:bold; padding:0px 0px 0px 12px; margin: 0px; background-color:#FFFFFF; display:block; background-image:none;} #head #botones_productos ul li ul li a:link, #head #botones_productos ul li ul li a:visited{text-decoration:none; color:#666666; background-image:url(../images/botones/ico_submenu.gif); background-repeat:no-repeat; background-position:0px 6px; padding:0px 0px 0px 8px; display:block; border-bottom:1px #EAEAEA solid;} #head #botones_productos ul li ul li a:hover, #head #botones_productos ul li ul li a:active{text-decoration:none; color:#F47835; background-image:url(../images/botones/ico_submenu_over.gif); background-repeat:no-repeat; background-position:0px 6px; padding:0px 0px 0px 8px; display:block; border-bottom:1px #EAEAEA solid;} #head #botones_productos ul li p.activo{ background-image:url(../images/botones/fnd_btn_productos_activo_sup.jpg); background-repeat:no-repeat; background-color:#FFFFFF;} #head #botones_productos ul li ul li div{padding:0px; background:url(../images/botones/fnd_btn_productos_activo_inf.jpg) right top #FFFFFF no-repeat; width:224px; height:14px;} /* buscador normal */ #head #buscador{width:224px; height:98px; float:left; background-image:url(../images/html/fnd_buscador.jpg); background-repeat:no-repeat;} #head #buscador input{width:126px; height:16px; margin-left:14px; border:1px #CCC solid; background-image:url(../images/html/fnd_input.gif); background-position:0px 0px;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666;} #head #buscador button{ width:65px; height:18px; background-image:url(../images/botones/fnd_lupa.jpg); background-position:0px 3px; background-repeat:no-repeat; border:0px; background-color:transparent; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; font-weight:bold; margin-left:6px; cursor:pointer;} #head #buscador p {font-family:Arial, Helvetica, sans-serif; font-size:9px;} #head #buscador p.avanzada { margin-left:14px; font-size:10px; color:#666666;} #head #buscador a:link{color:#666666; text-decoration:none; margin-left:14px;} #head #buscador a:visited{color:#666666; text-decoration:none; margin-left:14px;} #head #buscador a:hover{color:#333333; text-decoration:none; margin-left:14px;} #head #buscador a:active{color:#000; text-decoration:none; margin-left:14px;} /* buscador avanzado */ #head #avanzada{width:224px; height:168px; float:left; background-image:url(../images/html/fnd_buscador_avanzada.jpg); background-repeat:no-repeat; background-position:left bottom;} #head #avanzada select{width:196px; height:18px; margin-left:14px; border:1px #CCC solid; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666;} #head #avanzada button{ width:65px; height:18px; background-image:url(../images/botones/fnd_lupa_avanzada.jpg); background-position:0px 3px; background-repeat:no-repeat; border:0px; background-color:transparent; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#F47835; font-weight:bold; margin-left:6px; cursor:pointer; float:right;} #head #avanzada p {font-family:Arial, Helvetica, sans-serif; font-size:9px;} #head #avanzada p.avanzada { padding-left:14px; font-size:10px; color:#666666; float:left;} #head #avanzada a:link, #head #avanzada a:visited{color:#666666; text-decoration:none; margin-left:14px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;} #head #avanzada a:hover, #head #avanzada a:active{color:#333333; text-decoration:none; margin-left:14px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;} #head #avanzada .btnBusquedaAvanzada{padding-top:5px;} /*////////// Fin HEAD //////////*/ /*////////// Inicio CONTENIDO //////////*/ #contenido{ width:760px;} /* menu */ #contenido #menu{ width:760px; height:23px; } #contenido #menu li {float:left;} #contenido #ruta{width:760px; height:19px;border-bottom:1px solid #E2E2E2;; background-color:#FFFFFF; padding-top:8px;} #contenido #ruta #paginaActual{width:546px; float:left; padding-left:14px;} #contenido #ruta #paginaActual p{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999999;} #contenido #ruta #paginaActual a:link, #contenido #ruta #paginaActual a:visited{color:#0081C6; text-decoration:underline;} #contenido #ruta #paginaActual a:hover, #contenido #ruta #paginaActual a:active{color:#F47835; text-decoration:underline;} #contenido #ruta #fecha {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#0081C6; text-align:right; padding-right:14px; width:180px; height:15px; float:right; } /* Inicio home */ #contenido #animacionHome {width:752px; height:351px; padding:2px;} #contenido #productoDestacado {height:113px; padding:2px; background-color:#EAEAEA; border:2px #FFFFFF solid;} #contenido #productoDestacado .destacadoHome {float:left; width:234px; height:105px; padding:6px 8px 0px 8px; background-image:url(../images/html/fnd_descatado_home.jpg); background-position:3px 1px; background-repeat:no-repeat;} #contenido #productoDestacado .destacadoHome img {float:right; width:99px; height:82px; padding-top:8px;} #contenido #productoDestacado .destacadoHome h1 {font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#0081C6; padding:5px 0px 0px 6px;} #contenido #productoDestacado .destacadoHome h2 {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#F47835; padding:2px 0px 0px 6px;} #contenido #productoDestacado .destacadoHome ul{padding:0px; margin:0px;} #contenido #productoDestacado .destacadoHome li {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666; padding:2px 0px 0px 6px; margin:0px;} #contenido #productoDestacado .destacadoHome p {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666; padding:2px 0px 0px 6px;margin:0px;} #contenido #productoDestacado .destacadoHome a.destacado:link, #contenido #productoDestacado .destacadoHome a.destacado:visited {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000; background-image:url(../images/botones/icono_naranja.gif); background-repeat:no-repeat; background-position:right 4px; padding-right:12px; text-decoration:none;} #contenido #productoDestacado .destacadoHome a.destacado:hover, #contenido #productoDestacado .destacadoHome a.destacado:active {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#F47835; background-image:url(../images/botones/icono_naranja.gif); background-repeat:no-repeat; background-position:right 4px; padding-right:12px; text-decoration:none;} /* Fin home */ #contenido #informacionGeneral {width:752px; padding-left:8px;} #contenido #informacionGeneral #menuNavegacion{width:744px; border-bottom:1px #EAEAEA solid; height:26px;} #contenido #informacionGeneral #menuNavegacion #navegacion { width:134px; float:right; } #contenido #informacionGeneral #menuNavegacion #navegacion li {float:left; border-left:1px #EAEAEA solid; height:26px; cursor:pointer;} #contenido #informacionGeneral #titulo {border-bottom:1px #EAEAEA solid; height:29px; padding-top:6px; width:744px;} #contenido #informacionGeneral #titulo h1{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#0081C6; float:left;} #contenido #informacionGeneral #titulo .catalogo { float:right;} #contenido #informacionGeneral h2{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666666; padding-top:4px;} #contenido #informacionGeneral h3{ font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#0081C6; padding-left:6px;} /* Productos */ #contenido #informacionGeneral #tituloProducto {height:30px; padding-top:6px;border-bottom:1px #EAEAEA solid; width:744px;} #contenido #informacionGeneral #tituloProducto h1{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#0081C6; float:left;} #contenido #informacionGeneral #tituloProducto .catalogo { float:right;} #contenido #informacionGeneral #genericoProducto {width:752px; height:113px;} #contenido #informacionGeneral #genericoProducto img { width:744px; height:113px;} #contenido #informacionGeneral #informacionProducto {width:744px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#666666} /* Galeria productos */ #contenido #informacionGeneral #informacionProducto .muestraProducto{ width:227px; height:75px; padding:11px 10px 0px 10px; float:left; background-image:url(../images/html/fnd_producto_galeria.jpg); background-position:0px 0px; background-repeat:no-repeat; padding-bottom:8px;} #contenido #informacionGeneral #informacionProducto .muestraProducto:hover{ width:227px; height:75px; float:left; background-image:url(../images/html/fnd_producto_galeria_over.jpg); background-position:0px 0px; background-repeat:no-repeat; padding-bottom:8px;} #contenido #informacionGeneral #informacionProducto .muestraProducto img { border:1px solid #999; float:left; margin-right:14px; width:63px; height:63px;} #contenido #informacionGeneral #informacionProducto .muestraProducto img:hover { border:1px solid #0081C6; float:left; margin-right:14px;} #contenido #informacionGeneral #informacionProducto .muestraProducto h3 { padding-left:6px; display:block;} #contenido #informacionGeneral #informacionProducto .muestraProducto ul { display:block; float:left; width:148px; padding-bottom:2px; padding-top:1px; font-size:11px;} #contenido #informacionGeneral #informacionProducto .muestraProducto ul li {margin-left:0px; background-image:url(../images/html/ico_lista_empresa.gif); background-repeat:no-repeat; background-position:0px 6px;} #contenido #informacionGeneral #informacionProducto .muestraProducto ul li p{padding-left:6px; font-size:11px;} #contenido #informacionGeneral #informacionProducto .muestraProducto a:link, #contenido #informacionGeneral #informacionProducto .muestraProducto a:visited{ color:#F47835; font-size:9px; text-decoration:underline; display:block;} #contenido #informacionGeneral #informacionProducto .muestraProducto a:hover, #contenido #informacionGeneral #informacionProducto .muestraProducto a:active{ color:#0081C6; font-size:9px; text-decoration:underline; display:block;} /* Detalle productos */ #contenido #informacionGeneral #informacionProducto #imagenesProducto {width:345px; float:left;} #contenido #informacionGeneral #informacionProducto #imagenesProducto img {width:330px; height:277px;} /* galeria producto */ #contenido #informacionGeneral #informacionProducto #imagenesProducto{list-style-type:none; display:table;} #contenido #informacionGeneral #informacionProducto #imagenesProducto ul{margin: 0px; padding: 0px; clear: both; } #contenido #informacionGeneral #informacionProducto #imagenesProducto li{padding: 0px; float: left;} #contenido #informacionGeneral #informacionProducto #imagenesProducto li a:link, #imagenesProducto li a:visited{padding:4px; width: 45px; height: 45px; display: block; float: left;} #contenido #informacionGeneral #informacionProducto #imagenesProducto li a:hover, #imagenesProducto li a:active{} #contenido #informacionGeneral #informacionProducto #imagenesProducto li img {border: 1px solid #999; border-top: none; padding:0px 4px 4px 4px; background-color:#FFFFFF; position: relative; margin: -10px 0px 0px 0px;z-index: 10; width:37px; height:37px;} #contenido #informacionGeneral #informacionProducto #imagenesProducto .activo {padding: 8px 0px 0px 1px; background-image:url(../images/botones/fnd_btn_activo_galeri_prod.gif); background-position:0px 0px; background-repeat:no-repeat; position: relative; margin: -5px 0px 0px 0px; z-index: 999; width:48px; } #contenido #informacionGeneral #informacionProducto #imagenesProducto .activo img {border: 1px solid #FF6600; padding:0px; margin:0px;} *>#contenido #informacionGeneral #informacionProducto #imagenesProducto .fondoImagen {position: relative; z-index: 20; height: 15px; background-image:url(../images/html/sombra_galeria_producto.png); background-repeat:no-repeat;} #contenido #informacionGeneral #informacionProducto #imagenesProducto .imagen {width:330px; height:282px; border-bottom:0px; border-left:1px #999 solid; border-top:1px #999 solid; border-right:1px #999 solid; } #contenido #informacionGeneral #informacionProducto #datosProducto {width:399px; float:left;} #contenido #informacionGeneral #informacionProducto #datosProducto td {width:199px;} #contenido #informacionGeneral #informacionProducto #datosProducto tr {padding:2px 0px 2px 0px;} #contenido #informacionGeneral #informacionProducto #datosProducto h2 {border-bottom:1px #EAEAEA solid; display:block; padding-bottom:4px;} #contenido #informacionGeneral #informacionProducto #datosProducto ul {padding-bottom:15px;} #contenido #informacionGeneral #informacionProducto #datosProducto ul li {margin-left:0px; padding-left:10px; background-image:url(../images/html/ico_lista_empresa.gif); background-repeat:no-repeat; background-position:0px 6px;} #contenido #informacionGeneral #informacionProducto #datosProducto .acabados { padding:2px 0px 0px 4px;} #contenido #informacionGeneral #informacionProducto #datosProducto .acabados p {font-size:0.8em;} #contenido #informacionGeneral #informacionProducto #datosProducto .acabados img { width:41px; height:21px; border:1px #CCCCCC solid;} #contenido #informacionGeneral #informacionProducto #datosProducto .acabados tr {padding:1px 0px 1px 0px;} #contenido #informacionGeneral #informacionProducto #datosProducto p.archivoDXF { background-image:url(../images/botones/ico_dxf.gif); background-repeat:no-repeat; background-position:left center; padding:5px 0px 2px 22px;} #contenido #informacionGeneral #informacionProducto #datosProducto p.archivoDXF a:link {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666; text-decoration:none;} #contenido #informacionGeneral #informacionProducto #datosProducto p.archivoDXF a:visited {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666; text-decoration:none;} #contenido #informacionGeneral #informacionProducto #datosProducto p.archivoDXF a:hover {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#0081C6; text-decoration:none;} #contenido #informacionGeneral #informacionProducto #datosProducto p.archivoDXF a:active {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#0081C6; text-decoration:none;} /* Nose utilizara #contenido #informacionGeneral #informacionProducto #productosRelacionados {width:744px; border-top:1px #EAEAEA solid; float:left;} #contenido #informacionGeneral #informacionProducto #productosRelacionados #galeriaRelacionados {height:30px; border-bottom:1px #EAEAEA solid; float:left; width:744px;} #contenido #informacionGeneral #informacionProducto #productosRelacionados #galeriaRelacionados h2 {float:left; padding:0px; margin:0px;} #contenido #informacionGeneral #informacionProducto #productosRelacionados #galeriaRelacionados #verTodo {border-left:1px #EAEAEA solid; padding:4px 10px 0px 10px; float:right; height:26px} #contenido #informacionGeneral #informacionProducto #productosRelacionados #galeriaRelacionados #verTodo a:link, #contenido #informacionGeneral #informacionProducto #productosRelacionados #galeriaRelacionados #verTodo a:visited{color:#0081c6; text-decoration:underline;} #contenido #informacionGeneral #informacionProducto #productosRelacionados #galeriaRelacionados #verTodo a:hover, #contenido #informacionGeneral #informacionProducto #productosRelacionados #galeriaRelacionados #verTodo a:active{color:#F47835; text-decoration:underline;} #contenido #informacionGeneral #informacionProducto #productosRelacionados #galeriaRelacionados .titulo { height:22px; float:left; padding-top:8px;} /* /* Paginacion */ #contenido #informacionGeneral #paginacion {width:744px; border-top:1px #EAEAEA solid; float:left; padding-bottom:6px; padding-top:6px; text-align:right;} #contenido #informacionGeneral #paginacion .botones {float:right;} #contenido #informacionGeneral #paginacion p {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;} #contenido #informacionGeneral #paginacion a:link, #contenido #informacionGeneral #paginacion a:visited{color:#0081C6; padding-left:3px;} #contenido #informacionGeneral #paginacion a:hover, #contenido #informacionGeneral #paginacion a:active{color:#F47835; padding-left:3px;} #contenido #informacionGeneral #paginacion ul li{float:left; display:block; } /* Empresa Informacion */ #contenido #informacionGeneral #informacion {width:557px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#666666} #contenido #informacionGeneral #informacion p{padding-left:6px; color:#666666;} #contenido #informacionGeneral #informacion ul {padding-bottom:15px;} #contenido #informacionGeneral #informacion ul li {margin-left:6px; background-image:url(../images/html/ico_lista_empresa.gif); background-repeat:no-repeat; background-position:0px 4px;} #contenido #informacionGeneral #informacion ul li p{ padding-left:8px;} #contenido #informacionGeneral #informacion ol {padding-left:15px;} #contenido #informacionGeneral #informacion ol li {margin-left:6px; padding-bottom:6px; list-style:decimal; font-weight:bold;} #contenido #informacionGeneral #informacion ol li p {font-weight:normal;} #contenido #informacionGeneral #informacion .dosColumnas {width:272px; float:left;} #contenido #informacionGeneral #informacion .dosColumnas p {padding-right:6px;} /* Politicas y terminos */ #contenido #informacionGeneral #terminos p{padding-left:6px; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:11px;} #contenido #informacionGeneral #terminos #columnaDerecha { width:362px; padding:8px 10px 0px 0px; float:left;} #contenido #informacionGeneral #terminos #columnaIzquierda { width:362px; padding:8px 0px 0px 10px; float:right;} /* Resultados de busqueda */ #contenido #informacionGeneral #resultadosBusqueda {width:744px; float:left;} #contenido #informacionGeneral #resultadosBusqueda p { font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#666666;} #contenido #informacionGeneral #resultadosBusqueda img { border:1px #999999 solid; float:left; margin:0px 8px 0px 0px;} #contenido #informacionGeneral #resultadosBusqueda .itemResultado {float:left; padding:8px 8px 8px 8px; width:728px; border-bottom:1px solid #EAEAEA;} #contenido #informacionGeneral #resultadosBusqueda a:link, #contenido #informacionGeneral #resultadosBusqueda a:visited{ color:#666; text-decoration:underline; display:block; text-decoration:none;} #contenido #informacionGeneral #resultadosBusqueda a:hover, #contenido #informacionGeneral #resultadosBusqueda a:active{ color:#0081C6; text-decoration:underline; display:block; text-decoration:none;} #contenido #informacionGeneral #resultadosBusqueda a.verFicha:link, #contenido #informacionGeneral #resultadosBusqueda a.verFicha:visited{ color:#F47835; font-size:0.8em; text-decoration:underline;} #contenido #informacionGeneral #resultadosBusqueda a.verFicha:hover, #contenido #informacionGeneral #resultadosBusqueda a.verFicha:active{ color:#0081C6; font-size:0.8em; text-decoration:underline;} #contenido #informacionGeneral #resultadosBusqueda a.paginacionResultado:link, #contenido #informacionGeneral #resultadosBusqueda a.paginacionResultado:visited{color:#0081C6; text-decoration:underline;} #contenido #informacionGeneral #resultadosBusqueda a.paginacionResultado:hover, #contenido #informacionGeneral #resultadosBusqueda a.paginacionResultado:active{color:#F47835; text-decoration:underline;} /* Menu Empresa */ #contenido #informacionGeneral #menuEmpresa {width:195px; float:right; text-align:right;} #contenido #informacionGeneral #menuEmpresa p {font-family:"Arial Narrow", Arial; font-weight:bold; font-size:11px;} #contenido #informacionGeneral #menuEmpresa a:link, #contenido #informacionGeneral #menuEmpresa a:visited {color:#0081C6; text-decoration:none; display:block;} #contenido #informacionGeneral #menuEmpresa a:hover, #contenido #informacionGeneral #menuEmpresa a:active {color:#F47835; text-decoration:none; display:block;} #contenido #informacionGeneral #menuEmpresa ul{float:left;} #contenido #informacionGeneral #menuEmpresa li{width:181px; height:23px; padding-right:14px; padding-top:4px; background-image:url(../images/botones/fnd_btn_empresa.gif);} /* Contacto */ #contenido #informacionGeneral #contacto {width:744px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:1em; padding-top:10px;} #contenido #informacionGeneral #contacto p{padding-left:6px; color:#666666;} #contenido #informacionGeneral #contacto h2 { padding-left:10px;} #contenido #informacionGeneral #contacto h3 {padding-left:10px;} #contenido #informacionGeneral #contacto #formulario { width:340px; float:left;} #contenido #informacionGeneral #contacto #formulario p { padding:0px;} #contenido #informacionGeneral #contacto #formulario small { font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#F47835;} #contenido #informacionGeneral #contacto #formulario td { border-top:1px solid #E2E2E2; padding:6px 0px 6px 0px;} #contenido #informacionGeneral #contacto #formulario input{width:197px; height:16px; padding-left:2px; border:1px #CCC solid; background-image:url(../images/html/fnd_input.gif); background-position:0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666;} #contenido #informacionGeneral #contacto #formulario textarea{width:197px; height:98px; padding-left:2px; border:1px #CCC solid; background-image:url(../images/html/fnd_textarea.gif); background-position:0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666;} #contenido #informacionGeneral #contacto #formulario #contenedorButton { width:309px; text-align:right; padding-bottom:10px;} #contenido #informacionGeneral #contacto #formulario #contenedorButton button { width:84px; height:26px; background:url(../images/botones/btn_enviar_contactenos.jpg) #FFFFFF 0px 0px; border:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#F58243; text-align:right; padding:0px 8px 5px 0px; cursor:pointer;} #contenido #informacionGeneral #contacto #direccion { width:388px; float:right;} #contenido #informacionGeneral #contacto #direccion a:link, #contenido #informacionGeneral #contacto #direccion a:visited { text-decoration:none; color:#666;} #contenido #informacionGeneral #contacto #direccion a:hover, #contenido #informacionGeneral #contacto #direccion a:active { text-decoration:none; color:#F47835;} /* Mapa del sitio */ #contenido #informacionGeneral .infoMapa {float:left; border-bottom:1px #EAEAEA solid; width:744px; padding:0px;} #contenido #informacionGeneral .infoMapa table h2{font-size:1em; padding:8px 0px 8px 0px; background-image:url(../images/botones/icono_naranja.gif); background-repeat:no-repeat; background-position:right 11px;} #contenido #informacionGeneral .infoMapa table p{font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#888; padding: 8px 0px 8px 18px; background-image:url(../images/botones/ico_submenu_over.gif); background-repeat:no-repeat; background-position:10px 14px;} #contenido #informacionGeneral .infoMapa table td{margin:0px; padding:0px; border-bottom:1px #EAEAEA solid;} #contenido #informacionGeneral .infoMapa table ul { padding:8px 0px 8px 0px;} #contenido #informacionGeneral .infoMapa table ul li p {padding: 0px 0px 0px 8px; background-image:url(../images/botones/ico_azul_mapa.gif); background-repeat:no-repeat; background-position:0px 6px;} #contenido #informacionGeneral .infoMapa table a:link, #contenido #informacionGeneral .infoMapa table a:visited { text-decoration:none; color:#666666;} #contenido #informacionGeneral .infoMapa table a:hover, #contenido #informacionGeneral .infoMapa table a:active { text-decoration:underline; color:#0081C6;} /*////////// Fin CONTENIDO //////////*/ /*////////// Inicio Footer //////////*/ #footer {width:1004px; margin-left:auto; margin-right:auto; padding-bottom:20px; background-image:url(../images/html/fnd_footer.jpg); background-position:0px 0px; background-repeat:no-repeat;} #footer a:link{ color:#FFFFFF; text-decoration:none;} #footer a:visited{ color:#FFFFFF; text-decoration:none;} #footer a:hover{ color:#FFF; text-decoration:none; border-bottom:1px #FF6600 solid;} #footer a:active{ color:#FFF; text-decoration:none; border-bottom:1px #FF6600 solid;} #footer #contenidoInfo {text-align:left; float:left;} #footer #contenidoInfo p{font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-left:10px; color:#FFFFFF; } #footer #contenidoInfo .gris{color:#CCCCCC;} #footer #intermedia {float:right; padding-right:10px;} #footer #intermedia p{font-family:"Trebuchet MS"; font-size:9px;} /*////////// Fin Footer //////////*/ /*ETIQUETAS APLICABLES PARA EL ESTILO DE PAGINA DE ACCESIBILIDAD*/ #contenido #informacionGeneral #accesibilidad{width:750px; float:left;} #contenido #informacionGeneral #accesibilidad .txt_accesibilidad{width:266px; float:left; padding:0px 10px 0px 0px;} #contenido #informacionGeneral #accesibilidad .txt_accesibilidad h1{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666666; padding-top:4px;} #contenido #informacionGeneral #accesibilidad .txt_accesibilidad p{} #contenido #informacionGeneral #accesibilidad a:link, #contenido #informacionGeneral #accesibilidad a:visited {color:#0081C6; text-decoration:none;} #contenido #informacionGeneral #accesibilidad a:hover, #contenido #informacionGeneral #accesibilidad a:active {color:#F47835; text-decoration:none;} #contenido #informacionGeneral #accesibilidad #iconos_accesibilidad{float:left; width:180px; padding:0px 5px 0px 5px;} #contenido #informacionGeneral #accesibilidad #iconos_accesibilidad p{} #contenido #informacionGeneral #accesibilidad #iconos_accesibilidad img{ padding:2px 0px 0px 7px;} /*////////// FUNCION LIGHTBOX //////////*/ .lightbox_contenidos h1{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#0081C6; text-align:left;} .lightbox_contenidos h1 a:link, #lightbox h1 a:visited{float: right; font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #636B72; text-decoration: none;} .lightbox_contenidos h1 a:hover, #lightbox h1 a:active{color: #000; text-decoration: none;} .lightbox{background: #666; position: absolute; top: 0; left: 0; height: 100%; z-index:1001;} /*////////// LIGHTBOX: FICHA DE CURSOS //////////*/ .lightbox_contenidos{background: #FFF; display: none; position: absolute; width: 445px; cursor: move; padding: 10px; font: 11px/150% Arial, Helvetica, sans-serif; color: #333; z-index:1002; overflow:hidden;}