/* CSS Document */ body { color: #24191F; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight:bold; margin: 5px 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */ padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */ } div, span, p, applet, object, iframe, h1, h2, h3, h4, h5, h6 { margin: 0px 0px 0px 0px; padding: 0; border: 0; outline:0; line-height:120%; } html, body, div { position:relative; } .alertaIE6 { width:900px; padding:4px 10px; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:600; color:#CC0000; border:#3B483F solid 1px; position:absolute; left:2px; top:2px; line-height:15px; z-index:9001; background-color:#CBB997} img{ border:none; overflow:hidden; } a{ text-decoration:none; color:#24191F; } /* Se refiere a los links en general en la página, ejemplo "ver portadas anteriores". */ h1, h2, h3 {font-size:14px; font-weight:bold} a:hover{ text-decoration:underline; } /* Se refiere a los links en general en la página, ejemplo "ver portadas anteriores". */ #nug_admin { float: left; padding: 5px 5px 5px 5px; text-align: center; width: 75px; font-size:10px } #row_admin, #row_admin_key { width:916px; margin: auto; color:#000000; } .portada_imagen {width:885px;height:395px;z-index:0;position:absolute;top:-20px;left:0px;} /**********--------------- Comienza el layout del HEADER -----------------***************/ #shop_admin .headerNav2, #usuarios .headerNav2, #portada_admin .headerNav2, #shop .headerNav2, #shop_home .headerNav2, #shop_compras .headerNav2, #podcast .headerNav2, #medios .headerNav2{ height:23px; width:885px; margin: 0 0 0 0; clear:both; z-index:500;} /*-----------------------------------top--------------------*/ /* ---------------------------------- Menus de servicios en SHOP ------------------------------- */ #containerServicios {width: 880px;height:175px;clear:both;margin-bottom:20px;} #containerServicios h2{font-size:14px;font-weight:800;} #containerServicios .boxes {width:200px;padding:10px 10px;float:left;} /*************** Layout de portada o pagina de inicio *********/ .portadasTitulos { padding:5px 0px 0px 0px; } /* ---------------- paginas interiores, estructura interna para algunos modulos como contenidos ------------------*/ .wrap { padding:0; width:885px; margin: 0 auto; } /*#content { margin:0 0 0 0; padding:0; text-align:left; height:auto; display:table; width:975px; overflow: visible; } *//* partir de aqui comienzan a definirse los estilos de las páginas interiores, como la de contenidos, noticias, todos las páginas de inicio de secciones.*/ /* Galerias */ #gallery {} #gallery .ContWrapper .ContWrapper2 .CentralColumn {margin: 0 0 0 195px; } #gallery .ContWrapper {margin-top:0px;} #gallery .CentralColumn { border-bottom:#3B483F 1px solid; border-right:#3B483F 1px solid; border-left:#3B483F 1px solid; border-top:#3B483F 1px solid; background-color:#f9f9f9} #gallery .CentralColumn {padding:9px 4px;} #gallery .ContWrapper .ContWrapper2 .clearFloat { clear: left; display: block; /*iniher block edgar*/} #gallery .ContWrapper .ContWrapper2 .IndiceColumn { float: left; width: 170px; padding:0px; overflow: hidden; margin-top: 10px; /*0 original mente edgar*/ margin-right: 0; margin-bottom: 0; margin-left: 0;} #gallery .IndiceColumn {clear:left;} #gallery .col1 {padding-left: 25px; padding-bottom:25px;} #gallery .col2 { width: 390px; padding-top:15px; padding-left:10px; float:left; } #gallery .IndiceColumn {border:#cdcdcd 1px solid; background-color:#fff; padding:0 0 0 0} #gallery .IndiceColumn h1{color:#000000; font-size:11px; font-weight:700; width:100%; line-height:40px; border-bottom:solid 1px #cdcdcd; background-color:#009999; letter-spacing:1px; padding-left:10px} #gallery .IndiceColumn a{ color:#000066; text-decoration:none; line-height:22px; font-size:11px} #gallery .IndiceColumn a:hover{ color:#000000; text-decoration:none;} #gallery .menuContenidosTitulo h1{font-size:34px; font-weight:bold; margin-bottom:-9px; color:#999999; font-family:Arial, Helvetica, sans-serif; padding-left:25px;} #gallery .headerContenidos { padding-left:15px; color:#24191F; padding-top:15px} #gallery .headerContenidos a{color:#24191F; text-decoration:none} #gallery .contador { float:left; margin-left:670px; margin-bottom:10px; } #gallery .thumbnail {float:left; width:140px; margin:0px; border:#009933 0px solid; text-align:center; vertical-align:bottom; padding:10px; height:140px} /* PODCAST CSS de PRODUCTOS */ #podcast .ContWrapper .ContWrapper2 .CentralColumn {margin: 0 0 0 195px; } #podcast .ContWrapper {margin-top:0px;} #podcast .CentralColumn {background-color:#f9f9f9} #podcast .CentralColumn {padding:2px 4px;} #podcast .ContWrapper .ContWrapper2 .clearFloat {clear: left; display: inline-block;} #podcast .ContWrapper .ContWrapper2 .IndiceColumn {float: left;width: 170px; padding:10px 10px; overflow: hidden; margin: 0 0 0 0;} #podcast .IndiceColumn {clear:left;} #podcast .col1 {padding-left: 25px; padding-bottom:25px;} #podcast .col2 {width: 390px; padding-top:15px; padding-left:10px; float:left; } #podcastOpiniones .col1 {float: left; padding: 0px 10px 0px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */ width: 200px; overflow: hidden; margin:10px 2px 10px 10px; float:left; } #podcastOpiniones .col2 { margin: 10px 2px 10px 220px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */ padding: 5px 10px 0px 10px; position:absolute; } #podcastOpiniones .col3 { width:660px; padding:10px 10px; margin:10px 10px 10px 0px; float:left} #podcast .menuContenidosTitulo h1{font-size:34px; font-weight:bold; margin-bottom:-9px; color:#999999; font-family:Arial, Helvetica, sans-serif; padding-left:25px;} #podcast .headerContenidos {} #podcast .headerContenidos a{text-decoration:none} #podcast .IndiceColumn h1{width:170px; line-height:22px} #podcast .ContentHeaders { padding:10px 10px 10px 205px; height:22px; width:510px;} /* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */ #shop_checkout .ContWrapper .ContWrapper2 .CentralColumn { margin: 0 0 0 165px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */ } /* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */ #shop_checkout .ContWrapper .ContWrapper2 .clearFloat { clear: right; display: block; } #shop_checkout .ContWrapper{ border:#dddddd 1px solid; } #shop_checkout .HomeUsersBox {/* - Se refiere a la caja que puede albergar los elementos de inicio de sesion de usuarios */ } #shop_checkout .IndiceColumn { float: left; padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */ width: 145px; overflow: hidden; background-color:#A6C4DE; margin:10px 2px 10px 10px; } #shop_checkout .col1 {float: left; padding: 0px 10px 0px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */ width: 420px; overflow: hidden; margin:10px 2px 10px 10px; } #shop_checkout .col2 { margin: 10px 2px 10px 460px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */ padding: 5px 10px 0px 10px; } #shop_checkout .col1 p {line-height:20px;} #shop_checkout .total {line-height:20px;color:#3B483F;font-weight:bold;} #shop_checkout input{margin:5px 0px 5px 0px;} #shop_checkout label{line-height:15px;font-weight:800;padding-left:0px;/*text-transform:capitalize;*/} #shop_checkout .col1 label{padding-left:5px} #shop_compras h1{font-size:11px;} #shop_checkout .col1 h1{width:450px;height:15px;background-color:#3B483F;color:#ffffff;padding:2px 2px;font-size:12px;} #shop_checkout h2{font-size:11px;font-weight:bold;margin:5px 0px 5px 0px;} #shop .ContWrapper .ContWrapper2 .IndiceColumn { /* IMPORTANTE IndiceColumn define el ancho del menu principal y en que lado de la p[agina esta puesto en conjunto con la siguiente lines */ float: left; padding: 0px 0px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */ width: 110px; overflow: hidden;} #shop .ContWrapper .ContWrapper2 .IndiceColumn { /* IMPORTANTE IndiceColumn define el ancho del menu principal y en que lado de la p[agina esta puesto en conjunto con la siguiente lines */ float: left; padding: 7px 10px 40px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */ width: 170px; overflow: hidden;} #shop .IndiceColumn {margin-top:40px;} /* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */ #shop .ContWrapper .ContWrapper2 .CentralColumn {margin: 17px 0 0 194px;} /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */ #shop .ContentHeaders { position:relative; width:190px; text-align:right; left: 0px; top: 38px;} #shop .TextHeaders { text-align:left;} /* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */ #shop .ContWrapper .ContWrapper2 .clearFloat { clear: right; display: block;} #shop .HomeUsersBox {/* - Se refiere a la caja que puede albergar los elementos de inicio de sesion de usuarios */} #shop .IndiceColumn, #shop_home .IndiceColumn{clear:left;} #shop .sangrias { /* Margenes aplicados a los textos de las paginas internas */ margin:0px 20px 0px 20px} #shop .sangrias, .texto_contenido, .sangrias.texto_usuarios{ } #shop .sangrias_top, .headContent {padding:5px 0px 3px 0px;} #shop .col1 {float: left;padding: 0px 0px 0px 0px; width: 200px; overflow: hidden;}/* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */ #shop .col2 {margin: 0 0 0 200px;} /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */ #shop .adiciones {margin-top:5px;} /* HOME SHOP */ #shop_home .ContenedorPromociones {width:980px;float:none;overflow:hidden;} #relatedProducts {width:780px;float:none;overflow:hidden;} #shop_home .ImagenCentral {width:780px;height:230px;overflow:hidden;padding:40px 30px 30px 40px;} #shop_home .BotonesNavRw{width:20px;height:17px;float:right;position:absolute;right: 100px;top: 250px;color:#2C1C20;background-color:#ffffff;z-index:1;font-size:11px;font-weight:700;padding-top:3px;text-align:center;} #shop_home .BotonesNavFw{width:20px;height:17px;float:right;position:absolute;right: 78px;top: 250px;color:#2C1C20;background-color:#ffffff;z-index:1;font-size:11px;font-weight:700;padding-top:3px;text-align:center;} #shop_home .BotonesNavSel a{color:#3B483F;background-color:#c30000;} #shop_home .BotonesNavNo a{color:#2C1C20;background-color:#ffffff;} #shop_home .buscador{position:relative;right:70px;margin:5px 0px 20px 0px;} #shop_home input{border:#0B215D 1px solid; color:#003300; background-color:#fff; font-size:9px} #shop_home .ContWrapper { text-align: left; } #shop_home .ContWrapper .ContWrapper2 .IndiceColumn{ /* IMPORTANTE IndiceColumn define el ancho del menu principal y en que lado de la p[agina esta puesto en conjunto con la siguiente lines */ float: left; padding: 0px 0px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */ width: 0px; overflow: hidden; } /* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */ #shop_home .ContWrapper .ContWrapper2 .CentralColumn { margin: 0 0 0 0px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */ clear: left; } /* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */ #shop_home .ContWrapper .ContWrapper2 .clearFloat { clear: right; display: block; } #shop_home .sangrias { /* Margenes aplicados a los textos de las paginas internas */ margin:0px 20px 0px 20px } #shop_home .ContWrapper { text-align: left; } /* Termina shop home comienza shop admin*/ #shop_admin .ContWrapper { text-align: left; z-index:0; } #shop_admin .ContWrapper .ContWrapper2 .IndiceColumn { /* IMPORTANTE IndiceColumn define el ancho del menu principal y en que lado de la p[agina esta puesto en conjunto con la siguiente lines */ float: left; padding: 0px 0px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */ width: 0px; overflow: hidden; z-index:1000; } /* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */ #shop_admin .ContWrapper .ContWrapper2 .CentralColumn { margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */ } /* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */ #shop_admin .ContWrapper .ContWrapper2 .clearFloat { clear: right; display: block; } #shop_admin .HomeUsersBox {/* - Se refiere a la caja que puede albergar los elementos de inicio de sesion de usuarios */ } #shop_admin .IndiceColumn { } #shop_admin .ContentHeaders { /* encabezados de t[itulos de las paginas */ margin: 4px 0px 20px 30px; height:30px; width:510px; } #shop_admin .sangrias { /* Margenes aplicados a los textos de las paginas internas */ margin:0px 20px 0px 20px } #shop_admin .sangrias .texto_contenido, .sangrias.texto_usuarios{} #shop_admin .sangrias_top, .headContent {padding:5px 0px 3px 0px;} .spacer{ clear:both; font-size:0; line-height:0;} #shop_admin .ContWrapper { text-align: left; } /* portada admin */ /* Termina shop admin comienza portada admin*/ #portada_admin .ContWrapper { margin-top:25px; text-align: left; z-index:0; } #portada_admin .ContWrapper .ContWrapper2 .IndiceColumn { /* IMPORTANTE IndiceColumn define el ancho del menu principal y en que lado de la p[agina esta puesto en conjunto con la siguiente lines */ float: left; padding: 0px 0px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */ width: 0px; overflow: hidden; } /* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */ #portada_admin .ContWrapper .ContWrapper2 .CentralColumn { margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */ } /* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */ #portada_admin .ContWrapper .ContWrapper2 .clearFloat { clear: right; display: block; } #portada_admin .HomeUsersBox {/* - Se refiere a la caja que puede albergar los elementos de inicio de sesion de usuarios */ } #portada_admin .IndiceColumn { } #portada_admin .ContentHeaders { /* encabezados de t[itulos de las paginas */ margin: 4px 0px 20px 30px; height:30px; width:510px; } #portada_admin .sangrias { /* Margenes aplicados a los textos de las paginas internas */ margin:0px 20px 0px 20px } #portada_admin .sangrias.texto_contenido, .sangrias.texto_usuarios{ } #portada_admin .sangrias_top, .headContent {padding:5px 0px 3px 0px;} } #portada_admin .ContWrapper { text-align: left; } /* termina portada admin */ #shop_compras .ContWrapper .ContWrapper2 .IndiceColumn { /* IMPORTANTE IndiceColumn define el ancho del menu principal y en que lado de la p[agina esta puesto en conjunto con la siguiente lines */ float: right; padding: 0px 0px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */ width: 330px; overflow: hidden; margin: 38px 0px 10px 10px; border-top: 3px #3B483F solid; } /* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */ #shop_compras .ContWrapper .ContWrapper2 .CentralColumn { margin: 0 340px 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */ } /* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */ #shop_compras .ContWrapper .ContWrapper2 .clearFloat { clear: left; display: block; } #shop_compras .HomeUsersBox {/* - Se refiere a la caja que puede albergar los elementos de inicio de sesion de usuarios */ padding:15px 15px 30px 15px; margin:2px 0px 55px 0px; } #shop_compras .pasaraCaja { padding:1px 5px 1px 10px; height:15px; width:86px; float:right; clear:left; right:10px; margin-top:10px; } shop_compras input { font-size:10px; } shop_compras .opciones { clear:both; line-height:15px; margin-bottom:10px; padding:10px 10px; left:10px; bottom:10px; } #shop_compras .IndiceColumn { clear:left; } #shop_compras .ContentHeaders { /* encabezados de t[itulos de las paginas */ padding: 10px 10px 5px 0px; margin: 3px 0px 0px 0px; height:20px; width:510px; } #shop_compras .sangrias { /* Margenes aplicados a los textos de las paginas internas */ margin:0px 0px 0px 0px } #shop_compras .sangrias_top, .headContent {padding:5px 0px 3px 0px;} #shop_compras .col1 {float: left; padding: 0px 0px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */ width: 200px; overflow: hidden;} #shop_compras .col2 { margin: 0 0 0 200px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */ } /* partir de aqui comienzan a definirse los estilos de las páginas interiores, como la de contenidos, noticias, todos las páginas de inicio de secciones.*/ #ContWrapper { text-align: left; } #ContWrapper #ContWrapper2 #IndiceColumn { /* IMPORTANTE IndiceColumn define el ancho del menu principal y en que lado de la p[agina esta puesto en conjunto con la siguiente lines */ float: left; padding: 0px 0px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */ width: 200px; overflow: hidden; } /* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */ #ContWrapper #ContWrapper2 #CentralColumn { margin: 0 0 0 200px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */ } /* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */ #ContWrapper #ContWrapper2 .clearFloat { clear: right; display: block; } #HomeUsersBox {/* - Se refiere a la caja que puede albergar los elementos de inicio de sesion de usuarios */ } #IndiceColumn { } #ContentHeaders { /* encabezados de t[itulos de las paginas */ margin: 4px 0px 20px 30px; height:30px; width:510px; } #sangrias { /* Margenes aplicados a los textos de las paginas internas */ margin:0px 20px 0px 20px } #sangrias.texto_contenido, #sangrias.texto_usuarios{ } #sangrias_top, .headContent {padding:5px 0px 3px 0px;} .spacer{ clear:both; font-size:0; line-height:0; } /*-------------------------- ADMINISTRADOR */ .linkAdministrador { height:15px; width: 15px; z-index:1000; bottom:0px; position:absolute; } .linkAdmin { height:7px; width: 7px; z-index:1; position:absolute; } .linkAdministrador, .linkAdmin { background-color: #7C8C3F; } #b_edit, #b_edit_centrales{ height: 12px; margin: 2px 0px 2px 2px; width: 30px; position:absolute; color: #fff; font-size: 10px; font-weight: 500; padding: 0px 10px 3px 15px; float:right; background-color:#FF6600; z-index:1} /*-------------------------- COMPRAS */ /*portada*/ #portadas .ContWrapper .ContWrapper2 .CentralColumn { margin: 0px 292px 0px 0px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */ } .FakeCentralColumn { background-color:#FFFFFF; height:395px; width:593px; position:absolute; left:0; top:0; z-index:0; } #portadas .textos {padding:0px 10px 40px 25px;margin:30px 0px 0px 0px; font-weight:normal} /* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */ #portadas .ContWrapper .ContWrapper2 .clearFloat { clear: left; display: block;} #portadas .ContWrapper{border:#dddddd 0px solid;} #portadas .HomeUsersBox {/* - Se refiere a la caja que puede albergar los elementos de inicio de sesion de usuarios */ } #portadas .IndiceColumn {float: right; padding: 0px 0px 0px 40px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */ width: 252px; overflow: hidden;margin: 0 0 0 0;height:395px;} #portadas .IndiceColumnAutor {float: right; padding: 0px 0px 0px 40px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */ width: 252px; overflow: hidden;margin: 0 0 0 0;} #portadas .ProductosColumn {padding:170px 15px 30px 15px;margin:0px 0px 5px 0px;} #portadas .col2 { float: right; padding: 0px 0px 0px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */ overflow: hidden; margin:0px 0px 10px 0px;} #portadas .col1 { width: 160px; float:left; padding-right:0px; } #portadas .ContentHeaders{width:575px;height:75px;padding: 2px 0 2px 0;border-bottom:#3B483F dotted 2px;} #portadas .ContentHeadersPA{width:575px;height:35px;padding: 2px 0 2px 0;border-bottom:#3B483F dotted 2px; padding:10px 5px 0 0; font-size:14px; margin-bottom:10px} #portadas .IndiceColumn a:hover, .IndiceColumnAutor a:hover{ color: #24191F;} #portadas .IndiceColumn a, .IndiceColumnAutor a{ color: #2c1c20;} #portadas .CentralColumn a { color:#24191F;font-weight:600;} #portadas .homeColumn1 li, #portadas .homeColumn2 li, #portadas .IndiceColumn li, #portadas .IndiceColumnAutor li, .home li { /* Magen, estilo de lineas y viñetas de los subtitulos */margin-left:2px; line-height:normal;/*list-style: inside square;*/list-style:none;} #portadas .IndiceColumn h1, .IndiceColumnAutor h1{ /* todos los titulos de las columnas */color: #24191F;font-size:12px;padding:10px 0px 0px 0px;} #portadas .resumen, #portadas .autorRed { padding:0px 0px 0px 0px; } #portadas .textoAcerca { float:right; padding:5px 10px 0px 10px; } #portadas .boxSets { width:580px; float:left; margin:0 0; } .portadasTitulos {line-height:15px;} #portadas hr{ width:100%; height:1px; color:#003300;} #portadas .nombreFecha { font-size:9px; font-weight:100; line-height:22px} #portadas .textoComentarios { line-height:22px; margin-bottom:10px} #portadas .boxesPortadas { width:120px; padding:0 15px 0 0; float:left; height:115px; } #sugerencias { clear:both; line-height:5px; padding:0 0 0 0 ; } #sugerencias .sugerirPortada { padding: 0px 0px 10px 20px; } #sugerencias .sugerirPortada a{ color:#999999; font-weight:700; } #productosRelacionados .promociones_related{ width:280px; float:left; margin-left:10px} #productosRelacionados .foto_prod_related { width: 110px; height:110px; padding-top:0px; float:left; color:#24191F; } #productosRelacionados .item_desc_related { width:260px; padding:10px 10px; position:relative; height: 60px; } #productosRelacionados .precio_related { color:#3B483F; line-height:14px; left: 5px; } #productosRelacionados .resumen_related { line-height:14px; left: 5px; color:#24191F; } #productosRelacionados .resumen_related a{ color:#24191F; font-weight:700; } #productosRelacionados .add_related a{ left: 0px; color:#999999; } /* USUARIOS */ #usuarios .ContWrapper .ContWrapper2 .CentralColumn { margin: 0 230px 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */ } #usuarios .ContWrapper {margin-top:0px;} #usuarios .CentralColumn { border-bottom:#3B483F 1px solid; border-right:#3B483F 1px solid; border-left:#3B483F 1px solid; border-top:#3B483F 3px solid;} #usuarios .CentralColumn {padding:9px 9px;} #usuarios .ContWrapper .ContWrapper2 .clearFloat {clear: left; display: inline-block;} #usuarios .ContWrapper .ContWrapper2 .IndiceColumn {float: right;width: 220px; overflow: hidden; margin: 0 0 0 0;} #usuarios .IndiceColumn {clear:left;} #usuarios .col1 {padding-right: 15px; padding-bottom:25px; width:175px;float:left;line-height:16px;} #usuarios .col2 { width: 390px; padding-top:15px; padding-left:10px; float:left; } #usuarios .col1 {color:#333333;background-color:#CBB997;text-align:right;font-weight:700;padding-top:22px;} #usuarios .col1 a:hover{color:#3B483F;background:url(img/bullets.png) no-repeat right;padding-right:14px;} #usuarios .col1 a{color:#333333;} #usuarios .col1 img{ padding-right:10px} #usuarios .colaSel{color:#3B483F;background:url(img/bullets.png) no-repeat right;padding-right:14px;} #usuarios .col2 a{color:#24191F;} #usuarios .col2 h1{color:#3B483F; font-size:11px; font-weight:700;} #usuarios .misCursos {padding: 0px 15px 0px 15px;background-color:#CBB997;height:70px;} #usuarios .cursosyEventos {padding:0px 0px 10px 20px;color:#24191F;background-image:url(img/bullets.png);background-position:left 4;background-repeat:no-repeat;} #usuarios .IndiceColumn a:hover{ color: #24191F;} #usuarios .IndiceColumn a { color: #2C1C20;} #usuarios .CentralColumn form a {font-weight:600;color:#24191F;} #usuarios .homeColumn1 li, #usuarios .homeColumn2 li, #usuarios .IndiceColumn li { /* Magen, estilo de lineas y viñetas de los subtitulos */ margin-left:2px; outline-style:none; list-style: square; } #usuarios .menuUsuarioWrap {margin: 0 0 0 0;padding:10px 0 0 0;clear:both;} #usuarios .menuUsuario, #usuarios .menuUsuarioSel {text-align:center;float:left;} #usuarios .menuUsuarioSel {color:#ffffff;font-weight:700;background: url(portadas/menuUsuariosSel69452E.png) no-repeat;width:120px;height:17px;padding:8px 0px 0px 0px} #usuarios .menuUsuario {color:#24191F;width:100px;height:17px;padding:8px 0px 0px 0px} #usuarios .menuUsuario a{color:#24191F;} #usuarios .menuUsuario a:hover{color:#3B483F;text-decoration:none} #usuarios .menuUsuariosSpan {padding:4px 2px 0px 2px;color:#3B483F;float:left;font-size:14px;} #usuarios .bienvenidaUsuarios {color:#24191F;font-size:14px;padding:8px 8px;} #usuarios .bienvenidaUsuarios a{ color:#3B483F;} #usuarios hr {width:97%;padding-right:10px;border-top:thin solid #3B483F;} #usuarios .bienvenidaUsuarios h1 {color:#3B483F; font-size:14px; font-weight:700;} #usuarios .divFormSubmit{background-color:#3B483F;line-height:20px;margin-bottom:15px;margin-top:10px;} #usuarios .FormSubmit{background-color:#ffffff;line-height:20px;width:230px;text-align:center;margin:auto;} #usuarios .inputSubmit{background:url(img/inputSubmit.png) no-repeat;height:22px;width:94px;text-align:center;color:#24191F;font-weight:700;padding-bottom:6px;border-right: 0px;border-bottom: 0px;border-left:0px;border-top:0px;float:left;margin-right:4px;margin-left:10px;} #usuarios .inputSubmitAlone{background:url(img/inputSubmit.png) no-repeat;height:22px;width:94px;text-align:center;color:#24191F;font-weight:700;padding-bottom:6px;border-right: 0px;border-bottom: 0px;border-left:0px;border-top:0px;margin-right:4px;margin-left:10px;} #usuarios .inputCancel{background:url(img/inputCancel.png) no-repeat;height:22px;width:94px;text-align:center;color:#ffffff;font-weight:700;padding-bottom:6px;border-right: 0px;border-bottom: 0px;} #usuarios .nombreUsuario{color:#3B483F;font-weight:600;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { zoom: 1; } /* triggers hasLayout. Only IE can see inside the conditional comment */ .txtGris {color:#3B483F; font-weight:600;} /* USUARIOS ADMIN*/ #usuarios_admin .ContWrapper .ContWrapper2 .CentralColumn { margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */ } #usuarios_admin .ContWrapper {margin-top:0px;} #usuarios_admin .CentralColumn { border-bottom:#3B483F 1px solid; border-right:#3B483F 1px solid; border-left:#3B483F 1px solid; border-top:#3B483F 3px solid;} #usuarios_admin .CentralColumn {padding:9px 9px;} #usuarios_admin .ContWrapper .ContWrapper2 .clearFloat {clear: left; display: inline-block;} #usuarios_admin .ContWrapper .ContWrapper2 .IndiceColumn {float: right;width: 0px; overflow: hidden; margin: 0 0 0 0;} #usuarios_admin .IndiceColumn {clear:left;} #usuarios_admin .col1 {padding-right: 15px; padding-bottom:25px; width:175px;float:left;line-height:16px;} #usuarios_admin .col2 { width: 390px; padding-top:15px; padding-left:10px; float:left; } /* CONTENIDOS */ #contenidos .ContWrapper .ContWrapper2 .CentralColumn {margin: 0 0 0 195px; } #contenidos .ContWrapper {margin-top:0px;} #contenidos .CentralColumn { border-bottom:#736B5C 1px solid; border-right:#736B5C 1px solid; border-left:#736B5C 1px solid; border-top:#736B5C 1px solid; background-image:url(img/bgContenidos.png); background-position:top; background-repeat:no-repeat; background-color:#f9f9f9} #contenidos .CentralColumn {padding:9px 4px;} #contenidos .ContWrapper .ContWrapper2 .clearFloat {clear: left; display: inline-block;} #contenidos .ContWrapper .ContWrapper2 .IndiceColumn {float: left;width: 170px; padding:10px 10px; overflow: hidden; margin: 0 0 0 0;} #contenidos .IndiceColumn {clear:left;} #contenidos .col1 {padding-left: 25px; padding-bottom:25px;} #contenidos .col2 { width: 390px; padding-top:15px; padding-left:10px; float:left; } #contenidos .menuContenidosTitulo h1{font-size:34px; font-weight:bold; margin-bottom:-9px; color:#999999; font-family:Arial, Helvetica, sans-serif; padding-left:25px;} #contenidos .headerContenidos { padding-left:15px; padding-top:15px} #contenidos .headerContenidos a{text-decoration:none} #contenidos .IndiceColumn h1{width:170px; line-height:22px} /* ebiblioteca */ #ebiblioteca .ContWrapper .ContWrapper2 .CentralColumn {margin: 0 0 0 195px; } #ebiblioteca .ContWrapper {margin-top:0px;} #ebiblioteca .CentralColumn {padding:9px 4px;} #ebiblioteca .ContWrapper .ContWrapper2 .clearFloat {clear: left; display: inline-block;} #ebiblioteca .ContWrapper .ContWrapper2 .IndiceColumn {float: left;width: 170px; padding:10px 10px; margin: 0 0 30px 0;} #ebiblioteca .IndiceColumn {margin-top:40px} #ebiblioteca .col1 {padding: 25px 25px} #ebiblioteca .col2 { width: 390px; padding-top:15px; padding-left:10px; float:left; } #ebiblioteca .IndiceColumn h1{color:#24191F; font-size:12px; font-weight:700; width:170px; line-height:22px; border-bottom:solid 1px #24191F;} #ebiblioteca .IndiceColumn a{ color:#333333; text-decoration:none;} #ebiblioteca .IndiceColumn a:hover{ color:#3B483F; text-decoration:none;} #ebiblioteca .menuContenidosTitulo h1{font-size:34px; font-weight:bold; margin-bottom:-9px; color:#999999; font-family:Arial, Helvetica, sans-serif; padding-left:25px;} #ebiblioteca .headerContenidos {color:#24191F; font-size:16px; font-weight:700; padding:0px 0px 5px 10px;} #ebiblioteca .headerContenidos a{color:#24191F; text-decoration:none} #ebiblioteca .relacionados {margin:20px 10px 0px 5px; background-color:#DCDDDB; padding:20px 20px; color:#24191F} #ebiblioteca .relacionados h2{font-size:12px;font-weight:800; padding:0px 0px 0px 15px; background:url(img/bullets.png) left 9px no-repeat; line-height:28px} #ebiblioteca .ContentHeaders { color:#3B483F; border-bottom:3px solid #3B483F; font-size:16px; font-weight:700;} #ebiblioteca .ContentHeaders { position:relative; width:190px; text-align:right; left: 0px; top: 38px;} /*administrador eBiblioteca, medios y podcast */ #mediosAdmin .ContWrapper .ContWrapper2 .CentralColumn, #ebibliotecaAdmin .ContWrapper .ContWrapper2 .CentralColumn {margin: 0 0 0 0; } #mediosAdmin .ContWrapper, #ebibliotecaAdmin .ContWrapper {margin-top:0px;} #mediosAdmin .CentralColumn, #ebibliotecaAdmin .CentralColumn {padding:9px 4px;} #mediosAdmin .ContWrapper .ContWrapper2 .clearFloat , #ebibliotecaAdmin .ContWrapper .ContWrapper2 .clearFloat {clear: left; display: inline-block;} #mediosAdmin .ContWrapper .ContWrapper2 .IndiceColumn , #ebibliotecaAdmin .ContWrapper .ContWrapper2 .IndiceColumn {float: left;width: 0px; padding:10px 10px; margin: 0 0 30px 0;} #mediosAdmin .IndiceColumn, #ebibliotecaAdmin .IndiceColumn {} #mediosAdmin .menuContenidosTitulo h1, #ebibliotecaAdmin .menuContenidosTitulo h1{font-size:34px; font-weight:bold; margin-bottom:-9px; color:#999999; font-family:Arial, Helvetica, sans-serif; padding-left:25px;} #mediosAdmin .headerContenidos, #ebibliotecaAdmin .headerContenidos {color:#24191F; font-size:16px; font-weight:700; padding:0px 0px 5px 10px;} #mediosAdmin .headerContenidos a, #ebibliotecaAdmin .headerContenidos a{color:#24191F; text-decoration:none} #mediosAdmin h1, #ebibliotecaAdmin h1 {color: #24191F;font-size: 16px; font-weight: 700; padding: 30px 0 5px 10px;} #mediosAdmin .ContentHeaders , #ebibliotecaAdmin .ContentHeaders { color:#3B483F; border-bottom:3px solid #3B483F; font-size:16px; font-weight:700;} #mediosAdmin .ContentHeaders , #ebibliotecaAdmin .ContentHeaders { position:relative; width:190px; text-align:right; left: 0px; top: 38px;} #podcastAdmin .ContWrapper .ContWrapper2 .CentralColumn {margin: 0 0 0 0; } #podcastAdmin .ContWrapper {margin-top:0px;} #podcastAdmin .CentralColumn {padding:9px 4px;} #podcastAdmin .ContWrapper .ContWrapper2 .clearFloat{clear: left; display: inline-block;} #podcastAdmin .ContWrapper .ContWrapper2 .IndiceColumn {float: left;width: 0px; padding:10px 10px; margin: 0 0 30px 0;} #podcastAdmin .IndiceColumn{} #podcastAdmin .menuContenidosTitulo h1{font-size:34px; font-weight:bold; margin-bottom:-9px; color:#999999; font-family:Arial, Helvetica, sans-serif; padding-left:25px;} #podcastAdmin .headerContenidos {color:#24191F; font-size:16px; font-weight:700; padding:0px 0px 5px 10px;} #podcastAdmin .headerContenidos a{color:#24191F; text-decoration:none} #podcastAdmin h1 {color: #24191F;font-size: 16px; font-weight: 700; padding: 30px 0 5px 10px;} #podcastAdmin .ContentHeaders { color:#3B483F; border-bottom:3px solid #3B483F; font-size:16px; font-weight:700;} #podcastAdmin .ContentHeaders { position:relative; width:190px; text-align:right; left: 0px; top: 38px;} #medios .ContWrapper .ContWrapper2 .CentralColumn {margin: 0 0 0 195px; } #medios .ContWrapper {margin-top:0px;} #medios .CentralColumn {padding:9px 4px;} #medios .ContWrapper .ContWrapper2 .clearFloat {clear: left; display: inline-block;} #medios .ContWrapper .ContWrapper2 .IndiceColumn {float: left;width: 170px; padding:10px 10px; overflow: hidden; margin: 40px 0 0 0;} #medios .col1 {padding: 25px 25px} #medios .col2 { width: 390px; padding-top:15px; padding-left:10px; float:left; } #medios .headerContenidos {color:#24191F; font-size:16px; font-weight:700; padding:0px 0px 5px 10px;} #medios .headerContenidos a{color:#24191F; text-decoration:none} #medios h2{font-size:12px;font-weight:800; padding:0px 0px 0px 15px; background:url(img/bullets.png) left 9px no-repeat; line-height:28px} #medios h1 {color: #24191F;font-size: 16px; font-weight: 700; padding: 0 0 5px 10px;} #medios .ContentHeaders { color:#3B483F; border-bottom:0px solid #3B483F; font-size:16px; font-weight:700;} #medios .ContentHeaders { position:relative; width:190px; text-align:right; left: 0px; top: 38px;} /* podcast */ /* ------------------- Pie de pagina Forma, buscador, pie de p[agina */ #footer form{width:127px;/* background:url(images/serch_icon.gif) 5px 0 no-repeat;*/ padding:0 0 0 13px; left:0; top:9px;} #footer form input.txtBox{width:100px;height:14px; color:#24191F; border:0px #000000; background-color:#fff; padding:2px 2px; float:left; font-size:9px;} #footer form input.go{background:url(img/btn_go.gif) 0 0 no-repeat; height:18px; width:18px; color:#24191F; cursor:pointer; float:right; border:none; padding-bottom:5px;} /*FORMAS TERMINO*/ #footer { margin: 0 auto; text-align: left; width: 885px; z-index:2;} #footer .ContWrapper .ContWrapper2 .CentralColumn {margin: 0 0 0 275px; } #footer .ContWrapper {margin-top:0px;} #footer .CentralColumn {padding:3px 0 0 0;} #footer .ContWrapper .ContWrapper2 .clearFloat {clear: left; display: inline-block;} #footer .ContWrapper .ContWrapper2 .IndiceColumn {float: left; width: 255px; padding: 14px 10px 0 10px; margin: 0 0 0 0;} #footer .IndiceColumn {clear:left; height:33px; padding:18px 5px 5px 10px} #footer .col1 {padding-left: 0px; padding-bottom:0px; width:300px; float:left; height:23px; padding:14px 5px 5px 10px; } #footer .col2 { width: 290px; padding:0 0 0 0; margin-right:0px; float:right; height:80px} #footer .line1 {height:23px; padding:14px 5px 5px 10px} #footer .line2 {padding:5px 0px 10px 10px} /* HOME */ #homeWrapper { margin: 0 auto; text-align: left; width: 885px; z-index:2; height:395px; } #homeWrapper #homeContentWrapper #homeColumn1 { border-right: solid 0px #2C1C20;float: right;padding: 20px 23px 0 30px;width: 238px;z-index: 3; } #homeColumn1 {position:absolute;left:594px;top:0px; height:380px } #homeWrapper #homeContentWrapper { margin: 0 300px 0 0; padding: 0px 0px 0px 0px;} #contentHome{position:absolute;left:0px;right:0px; z-index:2;} #homeWrapper #homeContentWrapper .clearFloat { clear: left; display: block; background:url(img/bgIndicehome.png) left repeat-y} #homeColumn1 li, #homeColumn2 li, #IndiceColumn li {list-style: url(none) none outside; margin-left:2px; margin-bottom:0px; line-height:100%} #contentHome h1, #contentHome a{ font-size:15px; color:#ebebeb; font-weight:600; text-align:left;} #contentHome a {background-color:#000000; padding:1px 4px; margin:2px 2px} #contentHome {margin:0px 0px 0px 0px} /* HEADER */ .enterpriseName, .telefono, .tituloMENUPrincipal, .AUTORimagen a, .correo a, .botonTONOoscuro a, .botonTONOoscuro, .botonTONOoscuro a:hover { color: #24191F; } /*Creo que este no se va a usar */ #headerContent { font-size: 110%; #font-size: 11px;} #headerNav .enterpriseName { /*span del t[itulo de la pagina empresa, en el espacio de navegacion en el header*/ float:left; padding:3px 15px 2px 15px;/* deben estar alineados menu acceso + comprasestatus */ height:15px;z-index:0;} #headerNav .menuHeader { /*span del t[itulo de la pagina empresa, en el espacio de navegacion en el header*/ float:left; padding:3px 15px 2px 35px; font-size: 80%; font-size: 11px;/* deben estar alineados menu acceso + comprasestatus */ height:15px;z-index:0;} #headerNav .menuAcceso {float:right;} #headerNav .comprasEstatus {float:right; padding:4px 15px 2px 15px; height:15px;} #headerWrapper{ width:100%; height:130px; !important } /* Watch when you change this value, take care of headerNav ID, si disminuyes o aumentas debe de ir en la misma proporcion. */ #headerContent{width:885px; margin:0 auto; position:relative; padding-top: 0px;} #headerNav{ top:103px; #top:104px; float: right; width:885px; margin: 0 0 0 0; z-index:998; position:absolute;} #headerNavBg {top:103px; #top:104px; float: right; width:885px; margin: 0 0 0 0; z-index:-10; position:absolute; height:21px} #headerNav .botonCompras, #ebiblioteca .botonBuscar {background:url(img/btn_nav_shop.png) 0 0 no-repeat; height:14px; width: 59px; padding: 0px 0px 0px 7px; margin-left:10px; float:left; top:0px; font-size:80%;} #headerNav .comprasTotal {float:left;} #headerContent .reloj{top:56px; right:10px; float:right; position:absolute} #headerContent .FechaHoy{top:56px; right:5px; /*right:300px;*/ float:right; position:absolute} #headerContent .text{padding:4px 10px 4px 2px;font-size:18px;font-style:italic;} #headerContent .logo{ width:640px; position:absolute; overflow:hidden; left: 7px; top: 0px; height:100px} #headerContent .sesion{ width:200px; position:absolute; overflow:hidden; left: 660px; top: 5px; text-align:right; font-size:10px} #headerContent .portada{position:absolute; overflow:hidden; left: 0px; top: 60px; height:20px; background-color:#ecdada; z-index:0;} /* CONTENIDOS */ #calendario .ContWrapper .ContWrapper2 .CentralColumn {margin: 0 0 0 195px; } #calendario .ContWrapper {margin-top:0px;} #calendario .CentralColumn { border-bottom:#3B483F 1px solid; border-right:#3B483F 1px solid; border-left:#3B483F 1px solid; border-top:#3B483F 1px solid} #calendario .CentralColumn {padding:9px 4px;} #calendario .ContWrapper .ContWrapper2 .clearFloat {clear: left; display: inline-block;} #calendario .ContWrapper .ContWrapper2 .IndiceColumn {float: left;width: 170px; padding:10px 10px; overflow: hidden; margin: 0 0 0 0;} #calendario .IndiceColumn {clear:left;} #calendario .col1 {float: left;padding: 0px 0px 0px 0px; width: 400px; background:#f9f9f9; padding:10px 10px}/* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */ #calendario select{ line-height:22px; margin:5px 5px; width:125px; padding:2px 2px; color:#24191F; border:1px solid #0b2541} #calendario .palabraClave{ line-height:12px; margin:5px 5px; width:135px; padding:5px 5px 5px 12px; color:#24191F; border:1px solid #0b2541; height:12px} #calendario .col2 {margin: 0 0 0 500px; background:#FFFFFF; padding:5px 5px; width:120px} #calendario .IndiceColumn h1{color:#24191F; font-size:12px; font-weight:700; width:170px; line-height:22px; border-bottom:solid 1px #24191F;} #calendario .IndiceColumn a{ color:#333333; text-decoration:none;} #calendario .IndiceColumn a:hover{ color:#3B483F; text-decoration:none;} #calendario .menuContenidosTitulo h1{font-size:34px; font-weight:bold; margin-bottom:-9px; color:#999999; font-family:Arial, Helvetica, sans-serif; padding-left:25px;} #calendario .headerContenidos { padding-left:15px; color:#24191F; padding-top:15px} #calendario .headerContenidos a{color:#24191F; text-decoration:none} #calendario .wrapRegistoCalendario {border-bottom:#3B483F 1px solid; border-top:#3B483F 1px solid; padding:8px 3px; width:400px; height:45px} #calendario .fechaRegistro {float:left; width:75px} #calendario .descripcionRegistro {float:left; width:325px; padding-top:10px} #ebiblioteca .inputSubmit, #calendario .inputSubmit{background:url(img/inputSubmit.png) no-repeat;height:22px;width:94px;text-align:center;color:#24191F;font-weight:700;padding-bottom:6px; border:0; margin-top:25px} /* ESTILOS TIENDA, REFERIRSE AL ARCHIVO DE LAYOUT2c1f.css para estructura de tamanos, aqui solo veras colores, fuentes y fondos */ #shop_admin .headerNav2, #usuarios .headerNav2, #portada_admin .headerNav2, #shop .headerNav2, #shop_home .headerNav2, #shop_compras .headerNav2, #usuarios .headerNav2{background-color:#CBB997;} #shop_admin .headerNav3, #shop .headerNav3{ background-color:#ffffff;} #relatedProducts .promociones_related{width:220px; float:left; margin-left:10px} #shop_home .promociones{width:260px; float:left; margin-left:10px} #relatedProducts .foto_prod_related { width: 60px; height:60px; padding-top:0px; float:left; } #relatedProducts .item_desc_related { width:190px; padding:10px 10px; position:relative; height: 60px;} #relatedProducts .precio_related {color:#3B483F;line-height:14px;left: 5px;} #relatedProducts .resumen_related {line-height:14px;left: 5px;color:#3B483F;} #relatedProducts .resumen_related a{color:#3B483F;font-weight:700;} #relatedProducts .add_related {left: 30px;} #shop .oferta {background-image:url(../css/img/enoferta.png); background-repeat:no-repeat; width:185px; height:16px; position:absolute; top:0px; left:0px;} #shop .free {background-image:url(../css/img/free.png); background-repeat:no-repeat; width:40px; height:40px; position:absolute; top:-5px; left:125px;} #shop_home h1 {color:#333333; text-align:center; border:#dedede 1px solid; padding-top:6px; padding-bottom:6px; width:250px; font-size:12px; font-weight:700} #shop_home .foto_prod { width: 85px; height:100px; padding-top: 0px; float:left;} #shop_home .item_desc { width:185px; padding:20px 20px; position:relative; height: 100px; border-bottom: #3B483F 1px dotted;} #shop_home .precio {color:#3B483F;line-height:14px;left: 12px;} #shop_home .resumen {color:#000000;line-height:14px;left: 12px;color:#3B483F;} #containerServicios a{color:#3B483F;} #shop_home .item_desc a{color:#3B483F;} #shop_home a:hover{color:#3B483F;} #shop_home .add {left: 80px;} #shop_home .proveedor {padding:10px 10px;} #shop .foto_prod { width: 185px; height:130px; background: #efeaea; text-align:center; padding-top: 15px;} #shop .item_desc { width:185px; padding:20px 20px; position:relative; height: 250px; border-bottom: #3B483F 1px dotted;} #shop .IndiceColumn {background-color:#CBB997;color:#333333;} #shop .IndiceColumn h2, #podcast .IndiceColumn h2{color:#333333;font-weight:bold;font-size:11px;} #shop .IndiceColumn a, #podcast .IndiceColumn a{color:#999999;} #shop .IndiceColumn hr, #podcast .IndiceColumn hr{text-align:center;margin:10px 0px 10px 0px;color:#999999;} #shop .ContentHeaders { color:#3B483F; border-bottom:3px solid #3B483F; font-size:16px; font-weight:700;} #shop_checkout .IndiceColumn hr{text-align:center;margin:10px 0px 10px 0px;color:#999999;} #shop_checkout .divFormSubmit{background-color:#3B483F;line-height:20px;margin-bottom:15px;margin-top:10px;} #shop_checkout .FormSubmit{background-color:#ffffff;line-height:20px;width:230px;text-align:center;margin:auto;} #shop_checkout .inputSubmit{background:url(img/inputSubmit.png) no-repeat;height:22px;width:94px;text-align:center;color:#24191F;font-weight:700;padding-bottom:6px;border-right: 0px;} #shop .TextHeaders { color:#24191F; font-size:16px; font-weight:700; padding:0px 0px 5px 10px;} #shop .descripcion, #podcast .descripcion {padding: 10px 10px 10px 10px;margin:10px 10px;} #shop .descripcion h1, #podcast .descripcion h1 {padding-top:0px;font-size:11px;color:#3B483F;} #shop .add {padding-left:95px;} #shop .wish {padding-left: 10px;} #shop .dateOpinion {color:#3B483F;} #shop .nameOpinion {color:#24191F ;} #shop .textOpinion {color:#000000;} #shop .comentarios p, #podcast .comentarios p{padding:7px 0px 7px 0px;} #producto { border:#3B483F 1px solid} #producto .foto_prod { width: 185px; height:150px; background: #efeaea; text-align:center; padding-top: 15px;} #producto .item_desc { width:185px; padding:10px 10px; position:relative; height: auto; border-bottom: #3B483F 1px dotted; margin-bottom:10px;} #producto .precio {color:#3B483F;line-height:14px;padding: 5px 5px;} #shop_compras .HomeUsersBox {/* - Se refiere a la caja que puede albergar los elementos de inicio de sesion de usuarios */ background-color:#CBB997;color:#000000;} #shop_compras .IndiceColumn {clear:left;} #shop_compras .table_shop { border:#3B483F 1px solid;padding:10px 10px} #shop_compras tr{ margin:4px 4px;line-height:25px} #shop_compras th, td{ margin:4px 4px;line-height:25px;} #shop_compras .pasaraCaja {color:#ffffff;background-image:url(img/pasaraCaja.png);background-repeat:no-repeat;} #shop_compras .pasaraCaja a{color:#ffffff} #shop_compras .CentralColumn a {color:#3B483F;} .texto_compras1 {text-align:right;line-height:25px;font-weight:700;} .texto_compras2 {text-align:left;line-height:25px;font-weight:700;} #shop_compras .item {border-top: #999999 1px solid;padding:5px 0px;} .subtitulosTabla tr{color:#000000;background:#dddcdc;font-weight:700;text-align:center;} /*Termina parte de productos */ /* En comentarios se describen donde son usados */ .bg1 {background-color:#fff;} .bg2 {background-color:#2C1C20;} /* footer columana buscador, */ .bg3 {background-color:#69452E; color:#FFFFFF} /* pie de pagina empresa, */ .bg4 {background-color:#69452E;} /* caja compras .bg5, .headerNav2 {background-color:#93B683;} /*Todas las barras de menus} .txt1 {color:#24191F;} /* pie de pagina empresa, */ .txt1 a{color:#ffffff;} /* pie de pagina empresa, */ .txt2 {color:#2C1C20;} /* pie de pagina portada */ .txt2 a{color:#ffffff;} /* Header */ .txt3 {color:#FFFFFF;} .txt4 { color: #24191F;} /*header Fecha del día corriente, */ .txt5 { color: #333333;} /*contenedor de servicios, color de la fuente */ .txt5 a{ color: #24191F; text-decoration:underline} /*contenedor de servicios, color de la fuente */ .txt5 a.hover{ color: #24191F; text-decoration:underline} /*contenedor de servicios, color de la fuente */ .txt2portada a{color:#24191F; font-size:100%; font-weight:700;} /* pie de pagina portada links */ .txt2portada a:hover {color:#3B483F;} /* pie de pagina portada links */ .txt5{color:#2C1C20;} /*Calendartios links */ .txt5 a{color:#2C1C20;} .txt5 a:hover{color:#0B215D; font-weight:700} .layoutCal {font-size:11px; float:left; width:400px; border-top:#3B483F 1px solid;border-bottom:#3B483F 1px solid; padding:10px 0px 10px 0px} .txt6 {color:#0B215D; font-size:1.5em} /*Fechas dia calendario*/ .home a{color:#2C1C20;} .home a:hover {color:#24191F;} .home h1{ color: #24191F;font-size:12px;padding:10px 0px 0px 0px;} .sesion {color:#3B483F; font-size:11px} .sesion a{color:#69452E; font-size:11px; font-weight:bold} .border1 {border:#dddddd 1px solid;} .headerColour a, .headerColour{color:#24191F;} #contenidos .IndiceColumn h1, #medios .IndiceColumn h1{color:#24191F; font-size:12px; font-weight:700; border-bottom:solid 1px #24191F;} #contenidos .IndiceColumn a, #medios .IndiceColumn a{ color:#333333; text-decoration:none;} #contenidos .IndiceColumn a:hover, #medios .IndiceColumn{ color:#3B483F; text-decoration:none;} #podcast .IndiceColumn h1 {color:#24191F; font-size:12px; font-weight:700; border-bottom:solid 1px #24191F;} #podcast .IndiceColumn a{ color:#333333; text-decoration:none;} #podcast .IndiceColumn a:hover{ color:#3B483F; text-decoration:none;} #podcast .headerContenidos, #podcast .ContentHeaders, #podcastOpiniones h2 {color:#24191F; font-size:14px; font-weight:900;} #ebiblioteca h1, #podcast h1 {color: #24191F;font-size: 16px; font-weight: 700; padding: 0 0 5px 10px;} /* ESTILOS DE OPINIONES Y COMENTARIOS */ #medios .comentarios h1, #shop .comentarios h1 {padding-top:0px;font-size:11px;color:#3B483F;} #medios .rating h1, #shop .rating h1, #portadas .rating h1, #ebiblioteca .rating h1{float:left;padding-top:3px;padding-right:5px;padding-left:5px;font-size:11px;color:#3B483F;} #podcast .opinion h1, #medios .opinion h1, #shop .opinion h1, #portadas .opinion h1, #ebiblioteca .opinion h1{padding-top:0px;font-size:11px;color:#3B483F;} #podcast .opinion, #medios .rating, #shop .rating, #shop .comentarios, #shop .opinion, #portadas .opinion, #portadas .rating, #ebiblioteca .rating{background-color:#CBB997;margin-left:10px;margin-right:10px;padding:10px 10px;} #podcast .opinion, #medios .comentarios, #shop .comentarios {margin-bottom:10px;} /* Alternate colors */ .even {background-color:#CBB997; padding:5px 5px} .odd {background-color:#999999; padding:5px 5px} .heightlight {background-color:#FFFFFF; padding:5px 5px} /*MENU SHOP */ .shop li { border-bottom: 4px solid #69452E;}/*Borde inferior */ .shop a { color: #ebebeb;} /* color de links */ .shop a.selected {color: #ffffff;} /* Menu seleccionado */ .shop a.hover { color: #ffffff !important; background-color:#69452E;} /*Fondo en hover */ #menuNav{} /* MENUS DE NAVEGACION */ .bgmenuNav { background: #2C1C20;} .inicio {padding-right:10px; padding-left:8px; font-weight:600; border-bottom:41px #003300} .selectedNav{} .selectedNav a{background: url(portadas/pestanaMenu69452E.png) 0px 0px no-repeat; height:19px; width:72px; bottom:0px; z-index:4000;color:#FFFFFF; text-align: center; font-weight:800} .selectedNav a.hover{ text-decoration: none} .separaNav {padding:0px 0px 0px 5px; color:#ebebeb} .tabMnu {padding:0px 0px 0px 5px; color:#ebebeb; margin-left:0px} .gsc-resultsHeader {width: 100%;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #e9e9e9;margin-bottom: 4px;} #portadas .IndiceColumn, #homeColumn1, #portadas .IndiceColumn, #portadas .IndiceColumnAutor {background:url(portadas/bgIndicehomee6ca45.png) left repeat-y; } #headerNav{ background:url(portadas/headerNavbg705246.png) repeat-x} /*Columnas indices */ #ebiblioteca .IndiceColumn { background-color:#CBB997; margin-top:40px; top:40px; line-height:22px} #contenidos .IndiceColumn, #medios .IndiceColumn, #podcast .IndiceColumn, #calendario .IndiceColumn {border-top:#3B483F 3px solid; background-color:#CBB997} .botonCompras a{color:#333333}