/* Base Dinámica Template */ #contenedorInteriorTMP{width: 697px; float: left; height: auto; padding: 20px; border-left:1px solid #ccc; min-height:330px;} #contenedorInterior2TMP{-moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; width: 958px; float: left; height: auto; border: 1px solid #CCCCCC;} #contenedorInterior3TMP{width: 958px; float: left; height: auto; border: 1px solid #CCCCCC;} #contenedorMenuTMP{ float:left; width:220px; height:auto; border-bottom:1px solid #ececec;} #contenedorMenuTMP .flechaDestacadosHPM { float:right; margin:0px 10px 2px 0;} #contenedorMenuTMP .botonMenu{ width:216px; padding:2px; border-bottom:1px solid #CCC;} #contenedorMenuTMP .nombreMenu{ width:180px; height:30px; line-height:30px; padding:0px 18px; background-color:#f8f8f8;} #headerTemplate{ border-bottom:1px #ccc solid; width:958px; height:auto; padding-bottom:16px;} #headerContenidoTMP{width:697px; margin-bottom:8px;} #headerContenidoTMP p{font-size:12px; color:#999999;} .tituloTemplate{font-size:24px; font-weight:bold; padding:20px 20px 8px; } .subtituloTemplate{color:#999999; font-size:14px; font-weight:bold; padding:0 20px;} .tituloContenido{color:#999999; font-size:20px; font-weight:bold; margin-left:14px; margin-bottom:16px;} .subtituloContenido{font-weight:bold; color:#999999; margin-bottom:8px;} #contenidoHtml{width:697px;} #contenidoHtml2{width:918px; padding:20px;} #contenidoHtml3{width:958px;} /* Fin Base Dinámica Template */ /* HOJA DE ESTILOS MAESTROS */ /* Colores */ #soporteBase { margin:20px; } /* Tipos de Div ----------------------------------------------------------------------------------------------------*/ #nombreDiv1 { font-size:9px; line-height:16px;} #nombreDiv2 { font-size:10px; line-height:18px;} #nombreDiv3 { line-height:20px;} #nombreDiv3 { font-size:13px; line-height:20px;} #nombreDivN { background-color:#000; padding:5px;} #nombreDivGo { background-color:#333; padding:10px;} #nombreDivGi { background-color:#666; padding:10px;} #nombreDivGc { background-color:#999; padding:10px;} #nombreDivB { background-color:#FFF; padding:10px;} #nombreDivPr { background-color:#FFF; padding:10px; height:20px;} /* Estilos Colores Textos ------------------------------------------------------------------------------------------*/ .blanco10 {color:#FFF; font-size:10px;} .blanco10b {color:#FFF; font-size:10px; font-weight:bold;} .blanco11 {color:#FFF;} .blanco11b {color:#FFF; font-weight:bold;} .blanco12 {color:#FFF; font-size:12px;} .blanco12b {color:#FFF; font-size:12px; font-weight:bold;} .blanco13 {color:#FFF; font-size:13px;} .blanco13b {color:#FFF; font-size:13px; font-weight:bold;} .blanco14 {color:#FFF; font-size:14px;} .blanco14b {color:#FFF; font-size:14px; font-weight:bold;} .blanco15 {color:#FFF; font-size:15px;} .blanco15b {color:#FFF; font-size:15px; font-weight:bold;} .blanco16 {color:#FFF; font-size:16px;} .blanco16b {color:#FFF; font-size:16px; font-weight:bold;} .blanco26 {color:#FFF; font-size:26px;} .blanco26b {color:#FFF; font-size:26px; font-weight:bold;} .verde10 {color:#99CC00; font-size:10px;} .verde10b {color:#99CC00; font-size:10px; font-weight:bold;} .verde11 {color:#99CC00;} .verde11b {color:#99CC00; font-weight:bold;} .verde12 {color:#99CC00; font-size:12px;} .verde12b {color:#99CC00; font-size:12px; font-weight:bold;} .verde13 {color:#99CC00; font-size:13px;} .verde13b {color:#99CC00; font-size:13px; font-weight:bold;} .verde14 {color:#99CC00; font-size:14px;} .verde14b {color:#99CC00; font-size:14px; font-weight:bold;} .verde15 {color:#99CC00; font-size:15px;} .verde15b {color:#99CC00; font-size:15px; font-weight:bold;} .verde16 {color:#99CC00; font-size:16px;} .verde16b {color:#99CC00; font-size:16px; font-weight:bold;} .verde20 {color:#99CC00; font-size:20px;} .verde20b {color:#99CC00; font-size:20px; font-weight:bold;} .verde26 {color:#99CC00; font-size:26px;} .verde26b {color:#99CC00; font-size:26px; font-weight:bold;} .negro10 {color:#000000; font-size:10px;} .negro10b {color:#000000; font-size:10px; font-weight:bold;} .negro11 {color:#000000;} .negro11b {color:#000000; font-weight:bold;} .negro12 {color:#000000; font-size:12px;} .negro12b {color:#000000; font-size:12px; font-weight:bold;} .negro13 {color:#000000; font-size:13px;} .negro13b {color:#000000; font-size:13px; font-weight:bold;} .negro14 {color:#000000; font-size:14px;} .negro14b {color:#000000; font-size:14px; font-weight:bold;} .negro15 {color:#000000; font-size:15px;} .negro15b {color:#000000; font-size:15px; font-weight:bold;} .negro16 {color:#000000; font-size:16px;} .negro16b {color:#000000; font-size:16px; font-weight:bold;} .negro20 {color:#000000; font-size:26px;} .negro20b {color:#000000; font-size:26px; font-weight:bold;} .negro26 {color:#000000; font-size:26px;} .negro26b {color:#000000; font-size:26px; font-weight:bold;} .rojo10 {color:#CC0000; font-size:10px;} .rojo10b {color:#CC0000; font-size:10px; font-weight:bold;} .rojo11 {color:#CC0000;} .rojo11b {color:#CC0000; font-weight:bold;} .rojo12 {color:#CC0000; font-size:12px;} .rojo12b {color:#CC0000; font-size:12px; font-weight:bold;} .rojo13 {color:#CC0000; font-size:13px;} .rojo13b {color:#CC0000; font-size:13px; font-weight:bold;} .rojo14 {color:#CC0000; font-size:14px;} .rojo14b {color:#CC0000; font-size:14px; font-weight:bold;} .rojo15 {color:#CC0000; font-size:15px;} .rojo15b {color:#CC0000; font-size:15px; font-weight:bold;} .rojo16 {color:#CC0000; font-size:16px;} .rojo16b {color:#CC0000; font-size:16px; font-weight:bold;} .rojo20 {color:#CC0000; font-size:20px;} .rojo20b {color:#CC0000; font-size:20px; font-weight:bold;} .rojo26 {color:#CC0000; font-size:26px;} .rojo26b {color:#CC0000; font-size:26px; font-weight:bold;} .gris10 { font-size:10px;} .gris10b {font-size:10px; font-weight:bold;} .gris11b {font-weight:bold;} .gris12 {font-size:12px;} .gris12b {font-size:12px; font-weight:bold;} .gris13 {font-size:13px;} .gris13b {font-size:13px; font-weight:bold;} .gris14 {font-size:14px;} .gris14b {font-size:14px; font-weight:bold;} .gris15 {font-size:15px;} .gris15b {font-size:15px; font-weight:bold;} .gris16 {font-size:16px;} .gris16b {font-size:16px; font-weight:bold;} .gris20 {font-size:20px;} .gris20b {font-size:20px; font-weight:bold;} .gris26 {font-size:26px;} .gris26b {font-size:26px; font-weight:bold;} .grisM10 {color:#666666; font-size:10px;} .grisM10b {color:#666666; font-size:10px; font-weight:bold;} .grisM11 {color:#666666;} .grisM11b {color:#666666; font-weight:bold;} .grisM12 {color:#666666; font-size:12px;} .grisM12b {color:#666666; font-size:12px; font-weight:bold;} .grisM13 {color:#666666; font-size:13px;} .grisM13b {color:#666666; font-size:13px; font-weight:bold;} .grisM14 {color:#666666; font-size:14px; } .grisM14b {color:#666666; font-size:14px; font-weight:bold;} .grisM15 {color:#666666; font-size:15px;} .grisM15b {color:#666666; font-size:15px; font-weight:bold;} .grisM16 {color:#666666; font-size:16px;} .grisM16b {color:#666666; font-size:16px; font-weight:bold;} .grisM26 {color:#666666; font-size:26px;} .grisM26b {color:#666666; font-size:26px; font-weight:bold;} .grisC10 {color:#999999; font-size:10px;} .grisC10b {color:#999999; font-size:10px; font-weight:bold;} .grisC11 {color:#999999;} .grisC11b {color:#999999; font-weight:bold;} .grisC12 {color:#999999; font-size:12px;} .grisC12b {color:#999999; font-size:12px; font-weight:bold;} .grisC13 {color:#999999; font-size:13px;} .grisC13b {color:#999999; font-size:13px; font-weight:bold;} .grisC14 {color:#999999; font-size:14px;} .grisC14b {color:#999999; font-size:14px; font-weight:bold;} .grisC15 {color:#999999; font-size:15px;} .grisC15b {color:#999999; font-size:15px; font-weight:bold;} .grisC16 {color:#999999; font-size:16px;} .grisC16b {color:#999999; font-size:16px; font-weight:bold;} .grisC20 {color:#999999; font-size:20px;} .grisC20b {color:#999999; font-size:20px; font-weight:bold;} .grisC26 {color:#999999; font-size:26px;} .grisC26b {color:#999999; font-size:26px; font-weight:bold;} /* Selector de Parrafo ---------------------------------------------------------------------------------------------*/ /* Parrafo Sin Color */ .parrafo11 { line-height:16px; text-align:left; margin-bottom:8px;} .parrafo11Ar { line-height:16px; text-align:right; margin-bottom:8px;} .parrafo11Ac { line-height:16px; text-align:center; margin-bottom:8px;} .parrafo11Aj { line-height:16px; text-align:justify; margin-bottom:8px;} .parrafo12 { font-size:12px; line-height:18px; text-align:left; margin-bottom:8px;} .parrafo12Ar { font-size:12px; line-height:18px; text-align:right; margin-bottom:8px;} .parrafo12Ac { font-size:12px; line-height:18px; text-align:center; margin-bottom:8px;} .parrafo12Aj { font-size:12px; line-height:18px; text-align:justify; margin-bottom:8px;} /* Parrafo Gris */ .parrafog11 {color: #666; line-height:16px; text-align:left; margin-bottom:8px;} .parrafog11Ar {color: #666; line-height:16px; text-align:right; margin-bottom:8px;} .parrafog11Ac {color: #666; line-height:16px; text-align:center; margin-bottom:8px;} .parrafog11Aj {color: #666; line-height:16px; text-align:justify; margin-bottom:8px;} .parrafog12 {color: #666; font-size:12px; line-height:18px; text-align:left; margin-bottom:8px;} .parrafog12Ar {color: #666; font-size:12px; line-height:18px; text-align:right; margin-bottom:8px;} .parrafog12Ac {color: #666; font-size:12px; line-height:18px; text-align:center; margin-bottom:8px;} .parrafog12Aj {color: #666; font-size:12px; line-height:18px; text-align:justify; margin-bottom:8px;} /* Parrafo Blanco */ .parrafob11 {color: #FFF; line-height:16px; text-align:left; margin-bottom:8px;} .parrafob11Ar {color: #FFF; line-height:16px; text-align:right; margin-bottom:8px;} .parrafob11Ac {color: #FFF; line-height:16px; text-align:center; margin-bottom:8px;} .parrafob11Aj {color: #FFF; line-height:16px; text-align:justify; margin-bottom:8px;} .parrafob12 {color: #FFF; font-size:12px; line-height:18px; text-align:left; margin-bottom:8px;} .parrafob12Ar {color: #FFF; font-size:12px; line-height:18px; text-align:right; margin-bottom:8px;} .parrafob12Ac {color: #FFF; font-size:12px; line-height:18px; text-align:center; margin-bottom:8px;} .parrafob12Aj {color: #FFF; font-size:12px; line-height:18px; text-align:justify; margin-bottom:8px;} /* Selector de Links -----------------------------------------------------------------------------------------------*/ /* Links en Gris con bold*/ a.linkgrisb, a.linkgrisb:link, a.linkgrisb:visited, a.linkgrisb:active {color: #333; font-weight: bold; text-decoration: none;} a.linkgrisb:hover {color: #99cc00; text-decoration: underline;} /* Links en Gris Medio */ a.linkgrism, a.linkgrism:link, a.linkgrism:visited, a.linkgrism:active {color: #666; text-decoration: none;} a.linkgrism:hover {color: #99cc00; text-decoration: underline;} /* Links en Gris Medio con bold*/ a.linkgrismb, a.linkgrismb:link, a.linkgrismb:visited, a.linkgrismb:active {color: #666; font-weight: bold; text-decoration: none;} a.linkgrismb:hover {color: #99cc00; text-decoration: underline;} /* Links Gris Claro sin bold */ a.linkgrisc, a.linkgrisc:link, a.linkgrisc:visited, a.linkgrisc:active {color: #999; font-weight: normal; text-decoration: none;} a.linkgrisc:hover {color: #99cc00; text-decoration: none;} /* Links Gris Claro bold */ a.linkgriscb, a.linkgriscb:link, a.linkgriscb:visited, a.linkgriscb:active {color: #999; font-weight: bold; text-decoration: none;} a.linkgriscb:hover {color: #99cc00; text-decoration: none;} /* Links en Blanco */ a.linkblanco, a.linkblanco:link, a.linkblanco:visited, a.linkblanco:active {color: #fff; font-weight: bold; text-decoration: none;} a.linkblanco:hover {color: #666; text-decoration: underline;} /* Links en Verde */ a.linkverde, a.linkverde:link, a.linkverde:visited, a.linkverde:active {color: #99cc00; font-weight: normal; text-decoration: none;} a.linkverde:hover {color: #666; text-decoration: underline;} /* Selector de decoración de textos --------------------------------------------------------------------------------*/ .decorUa {color: #000000; text-decoration: none; font-weight:bold;} .decorIb {color: #000000; font-size: 11px; text-decoration: oblique; font-weight:bold;} .decorEMc {color: #000000; font-size: 12px; text-decoration: none; font-weight:bold;} /* Selector de Contenido de Lista ----------------------------------------------------------------------------------*/ /* Lista sin orden */ .DecorOL {list-style-image:none; list-style-position:inside; list-style-type:none; font-size:14px; color:#666; line-height:30px;} /* Lista con orden */ .DecorUL {list-style-image:none; list-style-position:inside; list-style-type:decimal; font-size:12px; color:#333; line-height:30px;} .DecorULb {list-style-image:none; list-style-position:inside; list-style-type:decimal; font-size:12px; color:#fff} /* Lista con estilo */ .DecorLI {list-style-image:none; background-image: url(rombo.gif); background-position: left bottom; background-repeat: no-repeat;} /* Lista con Flecha1 */ .DecorFlechali1 {color:#666666; font-weight:normal; line-height:14px; list-style-image: url(../../static/site/common/bulFlecha.gif); list-style-position:inside; margin-left:6px;} /* Lista con Flecha1 */ .DecorFlechali2 {color:#666666; font-weight:normal; line-height:14px; list-style-image: url(../../static/site/common/bulFlecha2.gif); list-style-position:inside; margin-left:6px;} /* Lista con definición */ .DecorDL {list-style-image:none; list-style-position:inside; list-style-type: circle; margin:20px;} .DecorDD {list-style-image:none; list-style-position:inside; list-style-type: circle;} .DecorDT {list-style-image:none; list-style-position:inside; list-style-type: circle;} /* Estilos de cajas ------------------------------------------------------------------------------------------------*/ /* Caja Normal */ .conteBordesNorm {border:1px solid #ccc; margin-bottom:16px; padding: 8px;} /* Caja Normal Negra*/ .conteBordesNormN {border:1px solid #ccc; background-color:#000; float:left; margin-bottom:16px; padding: 8px;} /* Caja Bordes redondeados */ .contenedorBordesRedn {-moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; border:1px solid #ccc; margin-bottom:16px; padding: 8px;} /* Caja Bordes redondeados pequeños */ .contenedorBordesRednp {-moz-border-radius-bottomleft:2px; -moz-border-radius-bottomright:2px; -moz-border-radius-topleft:2px; -moz-border-radius-topright:2px; border:1px solid #ccc; margin-bottom:16px; padding: 4px;} /* Caja Bordes redondeados Fondo Negro */ .contenedorBordesRednN{-moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; background-color:#000; margin-bottom:16px; padding: 4px;} /* Caja Bordes redondeados Fondo Verde */ .contenedorBordesRednV {-moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; background-color:#99cc00; margin-bottom:16px; padding: 8px;} /* Caja Bordes redondeados Fondo Gris */ .contenedorBordesRednG {-moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; background-color:#ccc; margin-bottom:16px; padding: 8px;} /* Caja Bordes redondeados superiores*/ .contenedorBordesSup {-moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; border:1px solid #ccc; margin-bottom:16px; padding: 8px;} /* Caja Bordes redondeados inferiores*/ .contenedorBordesInf {-moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; border:1px solid #ccc; margin-bottom:16px; padding: 8px;} /* Caja Bordes redondeados derechos*/ .contenedorBordesDer {-moz-border-radius-bottomright:6px; -moz-border-radius-topright:4px; border:1px solid #ccc; margin-bottom:16px; padding: 8px;} /* Caja Bordes redondeados izquierdos*/ .contenedorBordesIzq {-moz-border-radius-bottomleft:4px; -moz-border-radius-topleft:4px; border:1px solid #ccc; margin-bottom:16px; padding: 8px;} /* Estilos de Tablas -----------------------------------------------------------------------------------------------*/ /* Tabla con Bordes Gris Claro */ .tablaF1 {caption-side:left; table-layout:fixed; border:1px #999 solid; border-collapse:collapse; border-spacing:0px; empty-cells:show; margin:10px;} /* Estilos de Celdas */ .tablaF1 td {border-right:1px #999 solid; border-collapse:collapse; padding:8px} /* Tabla con Bordes Gris Medio */ .tablaF2 {caption-side:left; table-layout:fixed; border:1px #666 solid; border-collapse:collapse; border-spacing:0px; empty-cells:show; margin:10px;} /* Estilos de Celdas */ .tablaF2 td {border-right:1px #333 solid; border-collapse:collapse; padding:8px} /* Tabla con Bordes Gris Oscuro */ .tablaF3 {caption-side:left; table-layout:fixed; border:1px #666 solid; border-collapse:collapse; border-spacing:0px; empty-cells:show; margin:10px;} /* Estilos de Celdas */ .tablaF3 td {border-right:1px #333 solid; border-collapse:collapse; padding:8px} /* Tabla con Bordes Gris Oscuro */ .tablaF4 {caption-side:left; table-layout:fixed; border:1px #FFF solid; border-collapse:collapse; border-spacing:0px; empty-cells:show; margin:10px;} /* Estilos de Celdas */ .tablaF4 td {border-right:1px #FFF solid; border-collapse:collapse; padding:8px} /* Estilos de Botones ----------------------------------------------------------------------------------------------*/ a.button, a.button:link, a.button:visited { background: transparent url(../../static/site/common/botonVerde2.png) no-repeat scroll top right; color: #FFFFFF; display: block; float: left; font: bold 11px arial, sans-serif; height: 24px; padding-right: 18px; /* sliding doors padding */ text-decoration: none; } a.button span { background: transparent url(../../static/site/common/botonVerde1.png) no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px; } /* Estilos Icono Footer -------------------------------------------------------------------------------------------*/ /* #ico-footer-5 { background-image: url(../site/common/sprite-logos.png); } #ico-footer-5 { background-position:-57px -174px; height:32px; width:33px; float:left; } #ico-footer-5 a { text-indent:-5000px; display:block; height:32px; width:33px; } */ /* Estilos Menu Template Tiendas -----------------------------------------------------------------------------------*/ #test-titulo{padding: 10px 0 10px 20px; background:#fff; color: #666666; font-weight:bold;} #basic-accordian{width:220px; z-index:2; border-bottom:1px #CCC;} /* Fondo botones menú */ .accordion_headings{ height:12px; padding: 10px 0 10px 20px; background:#f8f8f8; color: #666666; border-top:1px solid #ececec; cursor: pointer;} .accordion_headings:hover{background:#f8f8f8;} .accordion_child{padding: 8px 5px 5px 20px; background:#fff;} .header_highlight{background:#f8f8f8;}