/* CSS Document CONCOLUMNA */ body {font:.9em Arial, Helvetica, sans-serif; color:#333333; background-color:#efe6c9; background-image: url("material/tapiz.jpg");} /* TEXTOS */ a:link, a:visited {color:#990000; text-decoration:none;} a:hover, a:active {color:#ff6600; text-decoration:none;} h1 {font-weight:normal; font-size:24px; font-family:"Times New Roman", Times, serif; color:#990000; margin:10px 0; padding:0; border-bottom-style:solid; border-bottom-color:#990000; border-bottom-width:1px;} h2 {font-weight:normal; font-size:20px; font-family:"Times New Roman", Times, serif; color:#666666; margin:10px 0; padding:0;} h3 {font-size:18px; font-family:"Times New Roman", Times, serif; font-weight:normal; color:#990000; margin:0;} h4 {font-size:14px; font-family:"Times New Roman", Times, serif; color:#777777; margin:0 0 5px; text-transform:uppercase} h5 {font-size:12px; font-family:"Times New Roman", Times, serif; color:#990000; margin:auto; padding:8px; font-weight:bold; letter-spacing:2px; word-spacing:2px; background-color:#ddd} h6 {font-family:"Times New Roman", Times, serif; font-size:16px; font-weight:normal; font-style:normal; color:#666666; border-style: dashed; border-width:1px; border-color:#7db200; clear:both; background-color:#eeeeee; padding:10px; margin:auto; text-align:center; text-decoration:none;} pre {font-size:11px; font-family: Courier New; color:#7db200; margin:0px;} address {font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#999999; margin:0;} p {margin:0} li {padding-bottom:5px;} ul, ol {padding:5px 20px 5px 40px;} hr {height:2px; background:#990000; border:none; clear:both; margin:10px 0; display:block} #botonera_pie {display:block} #mapa_pie {display:block;color:#CC33FF;} small {font-size:70%;} /* ESTRUCTURALES */ #fondo {margin: auto; width: 990px;} #centrado {background-color: #D4C5B0; background-image: url("material/bg.jpg"); background-position: center top; background-repeat: no-repeat; webkit-box-shadow:0 0 10px rgba(0,0,0, .6); -moz-box-shadow:0 0 10px rgba(0,0,0, .6); box-shadow:0 0 10px rgba(0,0,0, .6); behavior: url(ie-css3.htc) /* Activamos el soporte para IE */; margin: 20px 0 40px; width: 990px;} #web {} #top {background-color:transparent; border-color:#ff0000; background-repeat:no-repeat; background-position:center} #topfuera {} #coli {background-color:transparent; border-color:#666666;} #coli .categorias h4 {background-color:#990000; color:#FFFFFF; display:block; padding:3px 5px; margin:0; font-weight:normal; border:1px solid #6d0006; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;} #coli .categorias a {display:block; padding:2px 5px; color:#666666; margin:0; background-color:transparent; border:none; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;} #coli .categorias a:hover {background-color:transparent; color:#990000} #cold {background-color:#cccccc; border-color:#222222;} #visitas {} #musica {background:url(../../sitio/images/animaciones/musica.gif) left top no-repeat} #idiomas a:link, #idiomas a:visited, #idiomas a:hover {border-left:1px solid #000; padding:0 5px; color:#000} #decoracion {} #pie {background-color:#b5965c; border-color:#990000;} #pie a:link, #pie a:visited {color:#990000;} #pie a:hover, #pie a:active {color:#CCCCCC;} #pie_txt {border:none; color:#222222; background-color:transparent;} #piefuera {} /* NOMBRE */ #logo {} .logo_txt {} /* INFORMACION GENERAL */ #cuerpo {background-color: transparent;} #cuerpo #info {padding:15px 20px; background-color:transparent /*AGREGAR*/;} /* CONTACTO */ #cuerpo #info #datosContacto {background-color:#eee; border:1px dashed #666;} /* LIBRO */ #cuerpo #info #libro .rta {} #cuerpo #info #libro span.subtitulo {font-weight:bold; color:#FFF; background:#111; padding:2px 5px 0;} #cuerpo #info #libro span.subtitulo a, #cuerpo #info #libro span.subtitulo a:visited {color:#CCC;} #cuerpo #info #libro span.fecha {border:1px solid #333;} #cuerpo #info #libro span.coment {border-top:1px dashed #333; font-size:15px;} #cuerpo #info #libro span.coment:before {content: url('../../sitio/images/iconos/ico_comilla1.png')} #cuerpo #info #libro span.coment:after {content: url('../../sitio/images/iconos/ico_comilla2.png')} /* GALERIAS */ #galeria {} /* DAMERO */ #damero {padding:30px; text-align:center;} #damero .contenido {text-align:left; margin:0 auto;} #damero h1 {margin-bottom:0} #damero h2 {margin:0; padding:20px 0 5px; clear:both; text-align:left} #damero .foto {border:1px solid #333; margin:3px; padding:0; float:left; display:table-cell; text-align:center; vertical-align:middle; width:140px; height:140px; line-height:132px;} #damero .foto * {vertical-align:middle;} #damero .foto img {vertical-align:middle; padding:0; margin:0; border:none} /* ESTILO MAPA */ .mapa {border:4px solid #558800; background-color:#558800; /* old browsers */} /** FORMULARIO **/ #formulario form {border:none; background:transparent} /* dejar esta - se usa en otros estilos CARO */ fieldset {border:1px solid #CCC;} fieldset legend {font-size:1.2em; color:#666666;} label {} form input, form textarea, form select {font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif;} input.px, textarea.px, select.px, input.boton {border:1px solid #333; background:#eee;} input.boton {background:#990000; border-color:#FF0000; color:#FFF;} input.boton, #barra select {background:#990000; border-color:#990000; color:#ffffff;} .error, .error_envio {font:12px "Courier New", Courier, monospace; color:#000} form .mensajes {} .error_envio {border:1px dashed red;} /* FORM LIBRO */ #libroForm span {border-top:1px dashed red; border-bottom:1px dashed red;} /**** BOTONERAS ****/ /* ESTILOS COMUNES EN TODAS Y TEXTOS */ #botonera, #botoneraCol, #botoneraTop {background-color:transparent; border-color:#558800;} .botonera_txt {} /* AGREGADOS CON botoneraCol */ #botoneraCol a:link, #botoneraCol a:visited {color:#FFFFFF; background-color:#990000; border-color:#ffffff;} #botoneraCol a:hover, #botoneraCol a:active {color:#FFFFFF; background-color:#990000; } #botoneraCol a:focus {color:#FFFFFF; background-color:#990000; border-color:#ffffff;} #botoneraCol .boton a:link, #botoneraCol .boton a:visited {color:#666666; background-color:transparent; border-color:#ffffff;} #coli .categorias a, #coli .categorias a:visited {color:#990000; background-color:transparent; border-color:#cccccc;} #botoneraCol .boton a:hover, #botoneraCol .boton a:active {color:#990000; background-color:transparent;} #coli .categorias a:hover, #coli .categorias a:active {color:#FFFFFF; background-color:#990000;} /* -- botones COLORES COMUNES */ .botonera_txt a:link, .botonera_txt a:visited, .ubica_botonera a:link, .ubica_botonera a:visited, #nav a, .ubica_botonera a:link, .ubica_botonera a:visited, .botonera_txt a:link, .botonera_txt a:visited {color:#ddd; text-decoration:none;} #nav a:hover, #nav a:focus, #nav a.mainMenuParentBtnFocused, .ubica_botonera a:hover, .ubica_botonera a:active, .ubica_botonera a:focus, .botonera_txt a:hover, .botonera_txt a:active, .botonera_txt a:focus {color:#00731c; text-decoration:none; outline:none} /* -- subbotones COLORES COMUNES */ .ubica_botonera .boton a:link, .botonera_txt .boton a:link, .smOW a:link {color:#ffffff;} .ubica_botonera .boton a:visited, .botonera_txt .boton a:visited, .smOW a:visited {color:#cccccc; } .ubica_botonera .boton a:hover, .ubica_botonera .boton a:focus, .botonera_txt .boton a:hover, .botonera_txt .boton a:focus, .smOW a:hover, .smOW a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #subMenusContainer a.subMenuParentBtnFocused {color:#ffffff; text-decoration:none;} /* -- botones PLANOS */ .ubica_botonera a:link, .ubica_botonera a:visited, .botonera_txt a:link, .botonera_txt a:visited {font:bold 20px "Arial Narrow", Arial, Helvetica, sans-serif;} /* -- subbotones PLANOS */ .ubica_botonera .boton a:link, .botonera_txt .boton a:visited, .botonera_txt .boton a:link, .botonera_txt .boton a:visited {font-size:16px} /* BOTONERA HORIZONTAL JS ESTILOS editables */ #botonera #container ul li {font-family: Arial, Helvetica, sans-serif; font-size:14px;} /* Botones PRINCIPALES */ #nav a {font:inherit; background-color:transparent; border:none /*AGREGADOf*/; background-image: url("material/manos_15.png") !important; background-position: left center; background-repeat: no-repeat; color:#000000; padding: 6px 15px 6px 35px;} #nav a:hover, #nav a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused {background-color:transparent; border:none; color:#000000; background-image: url("material/manos_12.png") !important; background-position: left center; background-repeat: no-repeat; } /* clase de los divs de las subbotoneras */ .smOW a {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; line-height: normal; border-color:#6d0006 /*AGREGAR*/} /* Subbotones OVER y FOCUS */ #subMenusContainer a:hover, #subMenusContainer a:focus, #subMenusContainer a.subMenuParentBtnFocused {border-color:#333333 /*AGREGADO*/; background-color:#ff0000;} /* Todos los submenus UL y OL */ #nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {background-color:#990000; border-color:#333333; /*AGREGAR*/} /* boton principal o elemento */ #nav {border-color:#333;} /******************** DAFO * Fin de editables *******************************/ /* AGREGADOS CON NUEVOS MODULOS *******************************************/ /** buscadores -> carro / columna / novedades / faq ****************/ #barra {border-color:#444444; background-color:#999999;} #buscador_coliz {border-color:#999999; background-color:#999999;} /* FAQ */ /* Pregunta de FAQ IGUAL AL H3 pero en link y hover color igual al h1 */ a.faq, a.faq:visited {color:#990000; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:0;} a.faq:hover, a.faq:focus {color:#990000;} hr.faq {height:1px; background:#990000; margin:8px 0;} /* NOTICIAS */ .noticia {border-color:#333333;} .x1 {border-color:#CCCCCC; background-color:#999999;} /* Color del border y borde:hover igual al alink y hover del botoncito */ .noticia .foto {border-color:#990000} .noticia .foto:hover {border-color:#990000} /* Links Botoncito iguales a categorias de coli */ a.botoncito, a.botoncito:visited {color:#FFFFFF; background-color:#990000;} a.botoncito:active, a.botoncito:hover {background-color:#cc0000; color:#ffffff; font-weight:normal; text-decoration:none} /* son iguales a botoncito pero puede cambiar el color... */ .ver a.botoncito, .ver a.botoncito:visited {color:#FFFFFF; background-color:#505050;} .ver a.botoncito:active, .ver a.botoncito:hover {color:#333333; background-color:#999999;} a.comprar, a.comprar:visited, .boton_comprar a {color:#FFFFFF; background-color:#990000; border:1px solid #990000;} a.comprar:active, a.comprar:hover {background-color:#990000; color:#FFFFFF; font-weight:normal; text-decoration:none;} .boton_comprar a:hover {font-size:16px;} /*** CARRITO ESTILOS ********************************************************************************/ /** COMUNES **/ .rta_item .item_marca {border-color:#CCCCCC;} .item_precio {color:#CC3300;} .item_txt H1 {border:none} /** RESTULTADO Destacado HOME **/ .destaca_prod .rta_item, .rta .rta_item, .rta_listado .rta_item .foto {background-color:#FFFFFF; border-color:#AAAAAA;} .rta_item h4 {background-color:transparent; font-size:17px; font-weight:normal; color:#990000} .destaca_prod .rta_item h4 {font-size:20px;} .destaca_prod .rta_item .item_txt, .rta .rta_item .item_txt, .rta_listado .rta_item .item_txt {border-color:#dddddd;} .destaca_prod .rta_item .item_remate {color:#CC3300; border-color:#CC3300;} .destaca_prod .rta_item .item_comprar {background-color:transparent;} /** RESTULTADO lista_fotos **/ .rta_fotos .rta_item .foto {border-color:#dddddd;} .rta_fotos .rta_item .item_txt {font-size:12px; border-color:#ff0000;} /** RESTULTADOS lista_grafica **/ .rta .rta_item .item_comprar, .rta_fotos .rta_item .item_txt .item_comprar {background-color:#eeeeee;} .rta .rta_item h4, .rta_listado .rta_item h4 {background-color:transparent;} /** RESTULTADO rta_listado TABLA **/ .rta_tabla table, .rta_tabla table td {border-color:#CCCCCC;} /** RESTULTADO rta_listado **/ .rta_listado .rta_item {font-size:12px; border-color:#CCC;} /* PAGINADOR */ .paginador {color:#555; border-color:#93a9af;} .paginador a:link, .paginador a:visited {font-weight:normal; color:#333333; border-color:#ddd; text-decoration:none;} .paginador a.antsig:link, .paginador a.antsig:visited {font-weight:normal; color:#333333; border-color:#ddd;} .paginador a:hover, .paginador a:active, .paginador a.antsig:hover, .paginador a.antsig:active {color:#333333; border-color:#990000; text-decoration:none;} .paginador a.actual {color:#333333; border-color:#990000; background:#ffeb7f;} .paginador .apagado {color:#999; border-color:#ccc; font-weight:normal;} /** COMPRAS **/ #lista_compras {background:#eeeeee; color:#007618} #lista_compras_col h2 {border-color:#990000; background:#999; color:#990000;} #lista_compras_col h2:hover {color:#FF0000; border-color:#FF0000; } #lista_compras .compras_prod, #lista_compras .compras_prod .foto {border-color:#FF0000;} #lista_compras h2, #lista_compras h2:hover {border-color:#FF0000; background:#ccc; color:#FF0000;} #lista_compras a.comprar {background:#990000; border-color:#990000;} #lista_compras a.comprar:hover {border-color:#990000; color:#FFFFFF} /** LISTA COMPRAS **/ #lista_compras_detalle table th {background-color:#3a3a3a; border-color:#333333; } #lista_compras_detalle table td {border-color:#333333; } #lista_compras_detalle input#total {color:#FF0000; background-color:#cccccc} /** FORM COMPRAS **/ form#compra {color:#3a3a3a} #lista_compras_detalle select {border:1px solid #3a3a3a; color:#333; background:#FFF;} /*** FIN CARRITO ***************************************************************************************/ #botonera #container ul li, #botoneraCol #container ul li, #botoneraTop #container ul li {padding: 0 0 !important;} #creditos { background: none repeat scroll 0 0 transparent; border: medium none; bottom: 25px; color: #999999; font: 12px Arial,Helvetica,sans-serif; height: 20px; margin: auto auto auto 798px; padding-left: 2px; position: relative; text-align: right; width: 180px; z-index: 200; }