/* 1996-2006 Inter Media S.A. Todos los Derechos Reservados. */ /* CSS para proyecto {VIÑA SANTA EMA} */ /* Version 1.0 */ /* media: PRINT */ /* Fecha de creación dd/mm/aaaa */ /* HISTORIAL DE MODIFICACIONES */ /* dd/mm/aaaa Comentario de la modificacion realizada */ /* dd/mm/aaaa Comentario de la modificacion realizada */ /* dd/mm/aaaa Comentario de la modificacion realizada */ /* 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{} table{} td{} h1{} h2{} h3{} h4{} h5{} h6{} strong, b{} a:link{} a:visited{} a:hover{} a:active{} form{} label{} ul{} button{} /*Estilso Css mas usados*/ .align_left{text-align:left;} .align_right{text-align:right;} .align_center{text-align:center;} .float_left{float:left;} .float_right{float:right;} /*HEADER*/ #header{display:none; visibility:hidden;} #logo_print{float:left; border:none; clear:both; margin:0px; padding:0px; width:967px; height:70px; clear:both; text-align:left;} /*MENU*/ #menu_principal{display:none;} #menu_vinos{display:none;} #menu_bodegas{display:none;} #menu_quienes{display:none;} /*DONDE ESTAMOS*/ #donde_estamos{width:100%; margin:0px auto; padding:0px;} #donde_estamos #mapa{display:none;} #donde_estamos p{font:11px/120% Arial, Helvetica, sans-serif; color:#333; padding:0px 0px 20px 0px; text-align:justify; margin: 0px;} #donde_estamos a, #donde_estamos a:hover, #donde_estamos a:active, #donde_estamos a:hover:visited, #donde_estamos link{font:1em Arial, Helvetica, sans-serif; color:#333; text-decoration:none;} #donde_estamos #textos{padding: 10px 0px 0px 20px; width: 100%; text-align: left; clear:both; font: 1em Arial, Helvetica, sans-serif;} #donde_estamos #textos a:link, #donde_estamos #textos a:visited{color:#333; text-decoration: underline; font-size: 1em;} #donde_estamos #textos ul{display: none; visibility: hidden;} #donde_estamos #mapas_print{width:100%; margin:0px;} #donde_estamos #mapas_print #mapa_izaga{width:400px; margin:0px; padding:0px 0px 30px 0px;} #donde_estamos #mapas_print #mapa_balmaceda{width:400px; margin:0px; padding:0px;} #donde_estamos #descargar_acrobat{display: none; visibility: hidden;} /*FIN DONDE ESTAMOS*/ /*CONTACTO*/ #contacto{width:967px;; padding:0px; margin:0px; float:left; text-align:left;} #contacto #descripcion{float:left; padding:20px 0px 0px 40px;} #contacto p, #contacto a, #contacto a:hover{font:1em Arial, Helvetica, sans-serif; color:#333; padding:0px;} #contacto #form_contacto{width:370px; margin:0px; padding:0px 0px 50px 260px; text-align:left; font:1em Arial, Helvetica, sans-serif; color:#333; float:left;} #contacto #form_contacto button{display:none;} /*END CONTACTO*/ /*HERRAMIENTAS*/ #herramientas{display:none;} #breadcrums{display:none;} /*CONTENIDOS*/ #principal{width:100%; height:auto; margin:0px; padding: 0px 0px 5px 0px; font-size: 11px;} #titulos{text-align:left; margin:0px;} #titulos h1{font:bold 25px Arial, Helvetica, sans-serif; color:#000; margin:0px; padding: 15px 0px 5px 0px;} #titulos img{display:none; visibility:hidden;} /*ENOLOGOS*/ #enologos_flash{display:none;} #fichas_enologos{width:100%; margin:0px auto; padding: 10px 0px 0px 0px;} #fichas_enologos h1{font:bold 25px Arial, Helvetica, sans-serif; color:#000; margin:0px; padding:0px 0px 25px 0px; clear:both; width: 100%; text-align: left;} #fichas_enologos .enologo{width:100%; margin:0px; font:1em Arial, Helvetica, sans-serif; color:#000; margin:0px 0px 9px 0px; padding: 7px 0px; text-align:justify; clear:both; overflow: hidden;} #fichas_enologos .enologo img{float: left; margin:0px; padding: 0px;} #fichas_enologos .enologo .textos_enologos{float: left; font-size: 11px; line-height: 120%; width: 76%; padding: 0px 0px 0px 15px;} #fichas_enologos .enologo .textos_enologos h2{font: bold 16px Arial, Helvetica, sans-serif; color:#000; margin:0px; padding:0px 0px 10px 0px;} #fichas_enologos .enologo .textos_enologos p{margin:0px; padding:0px 0px 10px 0px;} /*FIN ENOLOGOS*/ /*HISTORIA, CALIDAD Y MEDIO AMBIENTE*/ #quienes_somos {width:100%; height:auto; margin:0px; padding:0px;} #quienes_somos h1{font:bold 30px Arial, Helvetica, sans-serif; color:#000; margin:0px; padding:45px 0px 0px 0px;} #quienes_somos .titulo{width:640px; height:60px; float:left; text-align:left; margin:0px;} #quienes_somos .titulo img{display:none;} #quienes_somos #central{font: 1em Arial, Helvetica, sans-serif; color:#333; text-align: left; padding:20px 0px 20px 0px; width:100%; line-height:1.5em; clear: both;} #quienes_somos #central .titulo_pequeno{font:1.1em bold Arial, Helvetica, sans-serif; color:#000; margin:0px; padding:0px;} #quienes_somos #central .foto_retrato{width:150px; float:left; margin:5px 15px 0px 0px; padding:10px; text-align: center; border:1px solid #333;} #quienes_somos #central .foto_retrato p{display:none;} #quienes_somos #central .foto_retrato img{width:150px; margin: 0px; padding: 0px; border:none;} #quienes_somos #central .foto_familia{width:150px; float:right; margin:0px 0px 15px 15px; padding:10px; text-align: center; font:0.9em Arial, Helvetica, sans-serif; color:#333; border:1px solid #333;} #quienes_somos #central .foto_familia p{display:none;} #quienes_somos #central .foto_familia img{width:150px; margin: 0px; padding: 0px; border:none;} #quienes_somos #central .foto_bodega{width:150px; float:left; margin:0px 15px 15px 0px; padding:10px; text-align: center; font:0.9em Arial, Helvetica, sans-serif; color:#333; border:1px solid #333;} #quienes_somos #central .foto_bodega p{display:none;} #quienes_somos #central .foto_bodega img{width:150px; margin: 0px; padding: 0px; border:none;} #quienes_somos #fotos{display:none;} #quienes_somos #central .foto_left_calidad{width:150px; float:left; margin:0px 15px 25px 0px; padding:10px; text-align: center; font:0.9em Arial, Helvetica, sans-serif; color:#333; border:1px solid #333;} #quienes_somos #central .foto_left_calidad p{display:none;} #quienes_somos #central .foto_left_calidad img{width:150px; margin: 0px; padding: 0px; border:none;} #quienes_somos #central .foto_right_calidad{width:150px; float:right; margin:0px 0px 25px 15px; padding:10px; text-align: center; font:0.9em Arial, Helvetica, sans-serif; color:#333; border:1px solid #333;} #quienes_somos #central .foto_right_calidad p{display:none;} #quienes_somos #central .foto_right_calidad img{width:150px; margin: 0px; padding: 0px; border:none;} #quienes_somos #central .firma_calidad{font:1em Arial, Helvetica, sans-serif; text-align:center; color:#333; margin:0px auto;} #quienes_somos #central .fecha{font:1em Arial, Helvetica, sans-serif; text-align:left; float:right; color:#333; padding:0px; clear:both;} #quienes_somos #lightbox{display:none;} #quienes_somos #lightbox2{display:none;} #quienes_somos #lightbox3{display:none;} #quienes_somos #lightbox4{display:none;} #quienes_somos #lightbox5{display:none;} #quienes_somos #lightbox6{display:none;} #quienes_somos #lightbox7{display:none;} #quienes_somos #lightbox8{display:none;} #quienes_somos #lightbox9{display:none;} #quienes_somos #lightbox10{display:none;} /*FIN HISTORIA, CALIDAD Y MEDIO AMBIENTE*/ /*FICHAS VINOS*/ #ficha_vinos{width:100%; margin: 0px; padding: 0px; font-size: 11px;} #ficha_vinos #titulos{width:100%; text-align:left; margin:0px;} #ficha_vinos #titulos h1{font:bold 20px Arial, Helvetica, sans-serif; color:#000; margin:0px; padding: 0px 0px 10px 0px;} #ficha_vinos #titulos img{display: none; visibility: hidden;} #ficha_vinos #banner{display:none; visibility:hidden;} #ficha_vinos #banner_print{width: 30%; height:400px; float:left; margin:0px; padding: 15px 0px 0px 0px;} #ficha_vinos #banner_print img{width:200px; height:400px;} #ficha_vinos .descripcion_vino{margin:0px; padding: 0px 0px 15px 0px; text-align:justify; font:1em Arial, Helvetica, sans-serif;} #ficha_vinos .descripcion_vino p{margin:0px; padding: 0px 0px 0px 0px;} #ficha_vinos #notas_enologo{font: bold 1.2em Arial, Helvetica, sans-serif; color:#000; margin:0px; padding: 15px 0px 0px 20px; float:left;} #ficha_vinos #paginador{display:none; visibility:hidden;} #ficha_vinos #contenidos_derecha{float: left; width: 60%; padding: 15px 0px 30px 0px;} #ficha_vinos .centro_fichas{width:100%; text-align:left; margin:0px; padding:20px 0px 30px 10px; font-size: 11px;} #ficha_vinos .centro_fichas .cont_fichas{width: 100%; margin:0px; padding:0px;} #ficha_vinos .centro_fichas dl{width:100%; margin:0px; padding:0px; clear:both; border-bottom:1px solid #000; border-collapse:collapse; font:1em Arial, Helvetica, sans-serif;} #ficha_vinos .centro_fichas dl dt{display:block; width:25%; font-weight: bold; margin:0px; float:left; border:none; padding:5px; text-align:right; float:left;} #ficha_vinos .centro_fichas dl dd{display:block; width:65%; margin:0px; padding:5px; float:left; border:none; color:#000;} #ficha_vinos .centro_fichas .top_fichas{display:none;} #ficha_vinos .centro_fichas .bottom_fichas{display:none;} #ficha_vinos #descargas{display:none;} /*RIVALTA*/ #ficha_rivalta{width:100%; margin: 0px; padding:0px;} #ficha_rivalta #banner_print{width:200px; height:400px; float:left; margin:0px; padding: 20px 0px 0px 0px;} #ficha_rivalta .paginador {display:none;} #ficha_rivalta #descargas{display:none;} #ficha_rivalta h1{font:bold 25px Arial, Helvetica, sans-serif; color:#000; margin:0px; padding: 0px 0px 20px 0px;} #ficha_rivalta h2{font:bold 14px Arial, Helvetica, sans-serif; color:#000; margin:0px; padding: 20px 0px 10px 0px;} #ficha_rivalta #centro_ficha_rivalta{width: 60%; height:auto; float:left; text-align:left; margin:0px; padding: 20px 0px 0px 10px;} #ficha_rivalta #centro_ficha_rivalta #descripcion_vino{width: 100%; margin:0px; padding: 0px 0px 10px 0px; text-align:justify; display:block; font:1em Arial, Helvetica, sans-serif;} #ficha_rivalta table{display:block; width: 100%; margin:0px; padding:0px 0px 40px 0px; clear:both; font:1em Arial, Helvetica, sans-serif;} #ficha_rivalta table td td{vertical-align:top;} #ficha_rivalta table .titulos_rivalta{margin:0px; padding:5px; font:bold 1em Arial, Helvetica, sans-serif; text-align:right; float:left; vertical-align:top;} #ficha_rivalta table .descripcion_rivalta{margin:0px; padding:5px; font:1em Arial, Helvetica, sans-serif;text-align:left; vertical-align:top;} /*CATALINA*/ #ficha_catalina{width:100%; margin: 0px; padding:0px;} #ficha_catalina #banner_print{width:200px; height:400px; float:left; margin:0px; padding: 20px 0px 0px 0px;} #ficha_catalina .paginador {display:none;} #ficha_catalina #descargas{display:none;} #ficha_catalina h1{font:bold 20px Arial, Helvetica, sans-serif; color:#000; margin:0px; padding:40px 0px 0px 0px;} #ficha_catalina h2{font:bold 14px Arial, Helvetica, sans-serif; color:#000; margin:0px; padding: 20px 0px 10px 0px;} #ficha_catalina #centro_ficha_catalina{width: 60%; float:left; text-align:left; margin:0px; padding:20px 0px 0px 10px;} #ficha_catalina #centro_ficha_catalina #descripcion_vino{margin:0px; padding: 0px; text-align:justify; font:1em Arial, Helvetica, sans-serif;} #ficha_catalina table{display:block; width: 100%; margin:0px; padding: 0px; clear:both; font:1em Arial, Helvetica, sans-serif;} #ficha_catalina table td{vertical-align:top; padding-left: 5px;} #ficha_catalina table .titulos_catalina{display:block; margin:0px; padding:5px; font:bold 1em Arial, Helvetica, sans-serif; text-align:right; float:left; vertical-align:top;} #ficha_catalina table .descripcion_catalina{display:block; width: 100%; margin:0px; padding:5px; font:1em Arial, Helvetica, sans-serif;text-align:left; float:right; vertical-align:top;} /*FIN FICHAS VINOS*/ /*BODEGAS Y VIÑEDOS*/ #bodegas {width: 100%; margin:0px auto; padding: 0px 0px 20px 0px;} #bodegas h1{display:none;} /*CACHAPOAL - ISLA MAIPO*/ #bodegas #banner_bodegas{display:none;} #bodegas #banner_print{width: 100%; margin:0px; padding: 0px;} #bodegas #central{font:1em Arial, Helvetica, sans-serif; color:#333; text-align:justify;line-height:1.5em; padding: 10px 0px 0px 0px;} #bodegas #imagenes{width: 100%; margin:0px; padding: 10px 0px 0px 0px; float:right; display: none;} #bodegas #imagenes img{width:120px; height:78px; border:1px solid #392606; margin:0px; padding:0px;} #bodegas #imagenes .foto{float:left; margin:0px; padding:0px 0px 10px 2px;} /*LEYDA - CASABLANCA*/ #bodegas_simple {width:100%; margin:0px auto; padding: 20px 0px 0px 0px;} #bodegas_simple .titulo{margin:0px; padding: 0px 0px 20px 0px; text-align:left;} #bodegas_simple .titulo h1{font:bold 25px Arial, Helvetica, sans-serif; color:#000; margin: 0px; padding: 0px;} #bodegas_simple .titulo img{display:none;} #bodegas_simple #central{font:1em Arial, Helvetica, sans-serif; color:#333; text-align:justify;line-height:1.5em; padding: 0px; width:100%;} #bodegas_simple #central .imagen_grande{width:330px; margin:0px 0px 0px 20px; padding:20px 0px 0px 0px; float:right;} #bodegas_simple #central .imagen_grande img{border:1px solid #392606; width:330px; height:219px;} #bodegas_simple #central p{float: left;} *>#bodegas_simple #central p{float: left; width: 42%;} #lightbox{display:none;} #lightbox2{display:none;} #lightbox3{display:none;} #lightbox4{display:none;} #lightbox5{display:none;} #lightbox6{display:none;} /*FIN BODEGAS Y VIÑEDOS*/ /*RECONOCIMIENTOS*/ #menu_reconocimientos{display:none;} /*FIN RECONOCIMIENTOS*/ /*NOTICIAS*/ #portada_noticias{width: 100%; margin:0px; padding:0px; text-align:center;} #portada_noticias #contenedor{width: 100%; margin:0px; padding: 0px;} #portada_noticias #contenedor #destacada{width: 100%; margin:0px; padding: 10px 0px 10px 0px; text-align:left; clear: both;} #portada_noticias #contenedor #destacada .titulo_destacada{font:bold 18px Arial, Helvetica, sans-serif; width: 75%; color:#000; margin:0px; padding:0px; text-align:left; float: left;} #portada_noticias #contenedor #destacada .texto_destacada{font:1.1em Arial, Helvetica, sans-serif; width: 75%; color:#000; float:left; margin:0px; padding:10px 0px 0px 0px;} #portada_noticias #contenedor #destacada .foto{float:right; margin:0px; padding: 0px;} #portada_noticias #contenedor #destacada img{border:1px solid #666;} #portada_noticias #contenedor button{display:none;} #portada_noticias #contenedor .ver_mas{display:none;} #portada_noticias #contenedor .noticias{width: 100%; margin:0px; padding: 0px 0px 5px 0px; clear: both; text-align: left; overflow: hidden;} #portada_noticias #contenedor .noticias .titulo_noticia{font:bold 1.1em Arial, Helvetica, sans-serif; color:#000; float:left; margin:0px; padding:0px 0px 0px 20px; width: 85%;} #portada_noticias #contenedor .noticias .texto_noticia{font:1em Arial, Helvetica, sans-serif; color:#000; float:left; margin:0px; padding:0px 0px 0px 20px; width: 85%;} #portada_noticias #contenedor .noticias .foto{margin:0px; padding:5px 0px 0px 0px; float:left;} #portada_noticias #contenedor .noticias img{border:1px solid #000;} #portada_noticias #paginas{display:none;} #noticias_interna{width: 100%; margin:0px; padding:0px;} #noticias_interna #titulos h1{font:bold 25px Arial, Helvetica, sans-serif; color:#000; margin:0px; padding: 20px 0px 0px 0px; float:left;} #noticias_interna #izquierda{width:100%; height:auto; margin:0px; padding:0px; float:left;} #noticias_interna .titulo_noticia{display:block; width:400px; height:auto; font:1.1em bold Arial, Helvetica, sans-serif; color:#000; text-align:left; margin:30px 0px 0px 0px; padding:0px; float:left; clear:left; } #noticias_interna .fecha_noticia{display:block; width:372px; height:14px; font:0.9em Arial, Helvetica, sans-serif; color:#000; text-align:left; margin:0px 0px 0px 0px; padding:0px; float:left;} #noticias_interna .texto{font:1em Arial, Helvetica, sans-serif; color:#000; text-align:left; float:left; width:600px; margin:0px; padding:25px 0px 0px 0px;} #noticias_interna .texto2{font:1em Arial, Helvetica, sans-serif; color:#000; text-align:left; float:left; width:850px; margin:0px; padding:0px 0px 30px 0px;} #noticias_interna button{display:none;} #noticias_interna #volver{display:none;} #noticias_interna #foto{float:right; margin:0px; padding: 20px 0px 0px 0px ;} #noticias_interna #foto img{border:1px solid #000;} #noticias_anteriores{display:none;} #detalle_noticia{font: 1em Arial, Helvetica, sans-serif; color:#000; text-align: left; padding: 5px 0px 0px 0px; float: left; width: 100%;} #detalle_noticia h1{margin: 0px; padding: 0px 0px 20px 0px; font: bold 25px Arial, Helvetica, sans-serif; } #detalle_noticia h2{font: bold 1.5em Arial, Helvetica, sans-serif; color:#000; margin:0px; padding: 0px 0px 6px 0px;} #detalle_noticia #fecha_noticia{font:0.9em Arial, Helvetica, sans-serif; color:#000; margin:0px; padding: 0px;} #detalle_noticia #fecha_noticia a{font:1em Arial,Helvetica, sans-serif; color:#000; margin:0px; padding: 0px; text-decoration:none;} #detalle_noticia #foto_right{float: right; width:230px; margin: 0px 0px 0px 10px; padding:10px 10px 5px 10px; text-align: center; font:0.9em Arial, Helvetica, sans-serif; color:#333; border:1px solid #333;} #detalle_noticia #foto_right p{margin: 0px; padding: 0px 0px 10px 0px;} #detalle_noticia #foto_right img{border:none; margin: 0px; padding:0px;} /*FIN NOTICIAS*/ /*SANTA EMA EN EL MUNDO*/ #mundo_flash{display:none;} #mundo_print{width:100%; height:auto; margin:0px auto; padding:0px 0px 50px 0px; text-align:left; font:1em Arial, Helvetica, sans-serif;} #mundo_pint h1{font:bold 30px Arial, Helvetica, sans-serif; color:#000; margin:0px; padding:40px 0px 50px 25px; float:left; display:block; clear:both;} /*FIN MUNDO*/ /*FOOTER*/ #footer{width:100%; margin:0px; padding:0px; clear:both; border-top:1px solid #666;} #footer #texto_footer{width:100%; font: 11px "Arial Narrow", Arial, Helvetica, sans-serif; color:#000; text-align:left; padding:10px 0px 0px 0px; margin:0px;} #footer #texto_footer a, a:hover{font:1em "Arial Narrow", Arial, Helvetica, sans-serif; color:#000; text-decoration:none;} #footer #botones_iso{display:none;} #footer #logofp{float:right; margin:0px; padding:10px;} #menu_footer{display:none;} #menu_footer #menu_legal{display:none;} #menu_footer #intermedia{display:none;} /*ETIQUETAS APLICABLES PARA EL ESTILO DE PAGINA DE ACCESIBILIDAD*/ #accesibilidad{width:100%; padding:0px; margin:0px;} #accesibilidad #txt_accesibilidad{float:left; width:100%; padding:0px 0px 20px 0px;} #accesibilidad #txt_accesibilidad h1{font:bold 1.6em Arial, Helvetica, sans-serif; text-align:left; color:#000; padding:20px 0px 0px 0px;} #accesibilidad #txt_accesibilidad h2{font:bold 1.2em Arial, Helvetica, sans-serif; text-align:left; color:#000;} #accesibilidad #txt_accesibilidad p, #accesibilidad #txt_accesibilidad a{font:1em Arial, Helvetica, sans-serif; color:#000; text-align:justify; color:#000; line-height:1.5em; text-decoration:none;} #accesibilidad #iconos_accesibilidad{display:none;} /*FIN ACCESIBILIDAD*/ /*POLITICAS DE PRIVACIDAD - CONDICIONES DE USO*/ #politicas_condiciones{width:100%; padding:0px; margin:0px;} #politicas_condiciones #txt_condiciones{float:left; padding:0px 0px 20px 0px;} #politicas_condiciones #txt_condiciones h1{font:bold 1.6em Arial, Helvetica, sans-serif; text-align:left; color:#333;} #politicas_condiciones #txt_condiciones h2{font:bold 1.2em Arial, Helvetica, sans-serif; text-align:left; color:#333; padding: 20px 0px 0px 0px; margin: 0px;} #politicas_condiciones #txt_condiciones p, #txt_condiciones a{font:1em Arial, Helvetica, sans-serif; color:#333; text-align:justify; color:#333; line-height:1.5em; padding: 0px 0px 10px 0px; margin: 0px;} /*FIN POLITICAS DE PRIVACIDAD - CONDICIONES DE USO*/