/* * ** * ** * ** * ** * ** * ** * ** * ** * ** * ** * ** * * * De Facto S.A. * * * * **/ /* ------------------------------------------------------------------------------------------------------------------ Sección : CSS Para objetos de contenidos V1.0 ------------------------------------------------------------------------------------------------------------------ */ /* Normativa de nombres para objetos css globales de despliegue de información objc-vert-d02f -> css -> css global objc -> objeto contenido vert -> vert::vertical / hori::horizontal d01f -> Diseño, N° 'NN' (01) , Ancho Fijo (f) d02f -> Diseño, N° 'NN' (02) , Ancho Fijo (f) d01a -> Diseño, N° 'NN' (01) , Ancho Automático (f) d02a -> Diseño, N° 'NN' (02) , Ancho Automático (f) ------------------------------------------------------- */ /* ------------------------------------------------------------------------------------------------------------------ Sección : CSS Para cajas de info de fechas (dia, mes, año, fecha) ------------------------------------------------------------------------------------------------------------------ */ /* PENDIENTE!!PENDIENTE!!PENDIENTE!!PENDIENTE!!PENDIENTE!!PENDIENTE!!PENDIENTE!!PENDIENTE!!PENDIENTE!!PENDIENTE!!PENDIENTE!!PENDIENTE!!PENDIENTE!!PENDIENTE!!PENDIENTE!!PENDIENTE!!PENDIENTE!!PENDIENTE!! PENDIENTE!!PENDIENTE!!PENDIENTE!!PENDIENTE!!PENDIENTE!!PENDIENTE!!PENDIENTE!!PENDIENTE!!PENDIENTE!!PENDIENTE!!PENDIENTE!!PENDIENTE!!PENDIENTE!!PENDIENTE!!PENDIENTE!!PENDIENTE!!PENDIENTE!!PENDIENTE!! Falta alinear el objeto (left / cent / right */ /* objc-cont-fcha:: -- -- -- -- -- -- -- -- -- -- -- -- */ .objc-cont-fcha { /* propiedades de posicionamiento */ position: relative; clear: both; top: 0px; margin: 0px; padding: 0px; /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } .objc-cont-fcha { margin: 0px; padding: 3px; /*top: 0px; left: 0px;*/ border: 0px solid #444; } .objc-cont-fcha div { margin: 0px; padding: 0px; top: 0px; left: 0px; border: 0px dashed #F50; } .objc-cont-fcha div span { margin: 0px; padding: 0px; top: 0px; left: 0px; border: 0px; outline: 0px; line-height: 0.7; } /* ------------------------------------------------------------------------------------------------------------------ Sección : CSS Para Opciones laterales (Filtros, Menués, Selecciones etc) ------------------------------------------------------------------------------------------------------------------ */ div.objc-menu-fltr ul, div.objc-menu-fltr ol, div.objc-menu-fltr li { padding: 0px; margin: 0px; border: 0px; left: 0px; border-left: 3px solid transparent; } div.objc-menu-fltr .obcp-ttlo { /* propiedades de posicionamiento */ margin: 1px 1px 0px 0px; padding: 1px 0px 1px 0px; text-indent: 5px; /* propiedades de tamaño */ width: calc(100%-15px); /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-menu-fltr .obcp-ttlo:first-child { /* propiedades de posicionamiento */ margin: 1px 1px 0px 0px; padding: 1px 0px 1px 0px; text-indent: 5px; /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ /*border: 1px solid #F7F7F7;*/ } div.objc-menu-fltr .obcp-subt { /* propiedades de posicionamiento */ margin: 1px 1px 0px 0px; padding: 1px 0px 1px 0px; text-indent: 5px; /* propiedades de tamaño */ width: calc(100%-15px); /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-menu-fltr { /* propiedades de posicionamiento */ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; /* propiedades de tamaño */ /*width: auto;*/ /*border: 1px dashed #f50;*/ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-menu-fltr ul:first-child { /* propiedades de posicionamiento */ /* propiedades de tamaño */ } div.objc-menu-fltr ul li { /* propiedades de posicionamiento */ /* propiedades de tamaño */ } div.objc-menu-fltr ul li ul li { /* propiedades de posicionamiento */ margin: 0px 0px 0px 0px; padding: 0.2em 0 ; text-indent: 31px; line-height: 1.4em; /* propiedades de tamaño */ } div.objc-menu-fltr ul li ul li a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ } div.objc-menu-fltr ul li input[type=checkbox], div.objc-menu-fltr ul li input[type=radio] { /* propiedades de posicionamiento */ position: relative; margin: 0px 7px 0 0; /* propiedades de tamaño */ } div.objc-menu-fltr label { /* propiedades de posicionamiento */ position: relative; padding: 5px 15px 0 0; top: 0px; /* propiedades de tamaño */ } div.objc-menu-fltr ul li ul div { /* propiedades de posicionamiento */ padding: 0px; /* propiedades de tamaño */ } div.objc-menu-fltr ul li ul select { /* propiedades de posicionamiento */ padding: 5px; /* propiedades de tamaño */ height: auto; width: 100%; /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-menu-fltr ul li ul select option{ /* propiedades de posicionamiento */ /* propiedades de tamaño */ height: 17px; /* propiedades de tipografía */ /* propiedades de visualización */ } /* ------------------------------------------------------------------------------------------------------------------ Sección : CSS Para Opciones laterales (Filtros, Menués, Selecciones etc) ------------------------------------------------------------------------------------------------------------------ */ div.objc-menu-vert-d1 ul, div.objc-menu-vert-d1 ol, div.objc-menu-vert-d1 li { padding: 0px; margin: 0px; border: 0px; } div.objc-menu-vert-d1 .obcp-ttlo { /* propiedades de posicionamiento */ margin: 0px 1px 0px 0px; padding: 5px 0px 2px 0px; text-indent: 0px; /* propiedades de tamaño */ width: 100%; /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-menu-vert-d1 .obcp-ttlo:first-child { /* propiedades de posicionamiento */ margin: 0px; text-indent: 0px; /*padding: 1px 0 2px 0;*/ padding: 5px 0px 2px 0px; /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ /*border: 1px solid #F7F7F7;*/ } div.objc-menu-vert-d1 { /* propiedades de posicionamiento */ margin: 0px 0px; padding: 0px ; /* propiedades de tamaño */ /*width: auto; */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-menu-vert-d1 ul:first-child { /* propiedades de posicionamiento */ /* propiedades de tamaño */ } div.objc-menu-vert-d1 ul li { /* propiedades de posicionamiento */ /* propiedades de tamaño */ } div.objc-menu-vert-d1 ul li ul li { /* propiedades de posicionamiento */ margin: 0px 5px 0 0 px; padding: 0px 0 ; /* propiedades de tamaño */ } div.objc-menu-vert-d1 ul li ul li a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ } div.objc-menu-vert-d1 ul li input[type=checkbox], div.objc-menu-vert-d1 ul li input[type=radio] { /* propiedades de posicionamiento */ position: relative; margin: 0px 7px 0 0; /* propiedades de tamaño */ } div.objc-menu-vert-d1 label { /* propiedades de posicionamiento */ position: relative; padding: 5px 15px 0 0; top: 0px; /* propiedades de tamaño */ } div.objc-menu-vert-d1 ul li ul div { /* propiedades de posicionamiento */ padding: 5px 0px; /* propiedades de tamaño */ } div.objc-menu-vert-d1 ul li ul select { /* propiedades de posicionamiento */ padding: 5px 0px; /* propiedades de tamaño */ height: auto; width: 100%; /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-menu-vert-d1 ul li ul select option{ /* propiedades de posicionamiento */ /* propiedades de tamaño */ height: 17px; /* propiedades de tipografía */ /* propiedades de visualización */ } /* ------------------------------------------------------------------------------------------------------------------ Sección : CSS Para Mensajes (Informativos, Ok, Errores, Sugerencias ... etc ) ------------------------------------------------------------------------------------------------------------------ */ /* objc-msge::ERRORES 1 -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-msge-d0, /* objc-msge:: */ div.objc-cont-msge-d1, /* objc-msge::OK */ div.objc-cont-msge-d2, /* objc-msge::WARNING */ div.objc-cont-msge-d3, /* objc-msge::INFORMACION */ div.objc-cont-msge-d4 { /* objc-msge::ERRORES 1 */ /* propiedades de posicionamiento */ position: relative; margin: 5px; padding: 10px 10px 10px 50px; /* propiedades de tamaño */ min-width: 5%; max-width: 100%; /*width: auto; */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-msge-d0 *, div.objc-cont-msge-d1 *, div.objc-cont-msge-d2 *, div.objc-cont-msge-d3 *, div.objc-cont-msge-d4 * { /* propiedades de tipografía */ /*font: normal 13px Arial, Helvetica, sans-serif, Verdana;*/ } /* objc-msge::ERRORES 1 -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-msge-d10, /* objc-msge:: */ div.objc-cont-msge-d11, /* objc-msge::OK */ div.objc-cont-msge-d12, /* objc-msge::WARNING */ div.objc-cont-msge-d13, /* objc-msge::INFORMACION */ div.objc-cont-msge-d14 { /* objc-msge::ERRORES 1 */ /* propiedades de posicionamiento */ position: relative; margin: 0px; padding: 3px 5px 3px 35px; /* propiedades de tamaño */ min-width: 10%; max-width: 100%; /*width: auto; */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-msge-d10 *, div.objc-cont-msge-d11 *, div.objc-cont-msge-d12 *, div.objc-cont-msge-d13 *, div.objc-cont-msge-d14 * { /* propiedades de tipografía */ /*font: normal 13px Arial, Helvetica, sans-serif, Verdana;*/ } div.objc-cont-msge-d5, /* ERROR */ div.objc-cont-msge-d6, /* OK */ div.objc-cont-msge-d7, /* WARNING */ div.objc-cont-msge-d8 { /* INFORMA */ /* propiedades de posicionamiento */ position: relative; margin: 0px; padding: 5px; /* propiedades de tamaño */ min-width: 1%; max-width: 100%; /* propiedades de tipografía */ /* propiedades de visualización */ } /* ------------------------------------------------------------------------------------------------------------------ Sección : CSS Para despliegue de imágenes ------------------------------------------------------------------------------------------------------------------ */ div.objc-cont-imge-d1 { /* propiedades de posicionamiento */ position: relative; margin: 0px; padding: 0px; top: 0px; /* propiedades de tamaño */ width: auto; } div.objc-cont-imge-d1 .obcg-imge { /* propiedades de posicionamiento */ margin: 0px auto; padding: 0; text-align: center; } div.objc-cont-imge-d1 .obcg-imge img { /* propiedades de posicionamiento */ padding: 0; /* propiedades de tamaño */ min-width: 0; max-width: 100%; width: 100%; } div.objc-cont-imge-d1 .obcp-ides a, div.objc-cont-imge-d1 .obcp-ides p { /* propiedades de posicionamiento */ margin: 2px; padding: 5px 20px; /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-imge-d1.w0 { /* propiedades de posicionamiento */ position: relative; margin: 0px; padding: 0px; top: 0px; /* propiedades de tamaño */ width: auto; } div.objc-cont-imge-d1.w0 .obcg-imge { /* propiedades de posicionamiento */ margin: 0px auto; padding: 0px; /* propiedades de tamaño */ width: auto; /* propiedades de tipografía */ /* propiedades de visualización */ text-align: center; } div.objc-cont-imge-d1.w0 .obcg-imge img { /* propiedades de posicionamiento */ margin: 0px; padding: 0px; left: 0; /* propiedades de tamaño */ width: auto; /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-imge-d1.w0.m0 .obcg-imge img { /* propiedades de posicionamiento */ padding: 0px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-imge-d1.w0.m1 .obcg-imge img { /* propiedades de posicionamiento */ padding: 2px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-imge-d1.w0.m2 .obcg-imge img { /* propiedades de posicionamiento */ padding: 4px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-imge-d1.w0.m3 .obcg-imge img { /* propiedades de posicionamiento */ padding: 6px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-imge-d1.w0.m4 .obcg-imge img { /* propiedades de posicionamiento */ padding: 8px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-imge-d1.w0.m5 .obcg-imge img { /* propiedades de posicionamiento */ padding: 10px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-imge-d1.w0.m6 .obcg-imge img { /* propiedades de posicionamiento */ padding: 12px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-imge-d1.w0.m7 .obcg-imge img { /* propiedades de posicionamiento */ padding: 14px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-imge-d1.w0.m8 .obcg-imge img { /* propiedades de posicionamiento */ padding: 16px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-imge-d1.w0.m9 .obcg-imge img { /* propiedades de posicionamiento */ padding: 18px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-imge-d1.w0.m10 .obcg-imge img { /* propiedades de posicionamiento */ padding: 20px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-imge-d1.w0.m0.s1 .obcg-imge img, div.objc-cont-imge-d1.w0.m1.s1 .obcg-imge img, div.objc-cont-imge-d1.w0.m2.s1 .obcg-imge img, div.objc-cont-imge-d1.w0.m3.s1 .obcg-imge img, div.objc-cont-imge-d1.w0.m4.s1 .obcg-imge img, div.objc-cont-imge-d1.w0.m5.s1 .obcg-imge img, div.objc-cont-imge-d1.w0.m6.s1 .obcg-imge img, div.objc-cont-imge-d1.w0.m7.s1 .obcg-imge img, div.objc-cont-imge-d1.w0.m8.s1 .obcg-imge img, div.objc-cont-imge-d1.w0.m9.s1 .obcg-imge img, div.objc-cont-imge-d1.w0.m10.s1 .obcg-imge img { -webkit-box-shadow: 0px 3px 6px -2px #DDDDDD; box-shadow: 0px 3px 6px -2px #DDDDDD; /*IE8*/ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD')"; /*IE5.5-7*/ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD'); } div.objc-cont-imge-d1.w0.m0.s2 .obcg-imge img, div.objc-cont-imge-d1.w0.m1.s2 .obcg-imge img, div.objc-cont-imge-d1.w0.m2.s2 .obcg-imge img, div.objc-cont-imge-d1.w0.m3.s2 .obcg-imge img, div.objc-cont-imge-d1.w0.m4.s2 .obcg-imge img, div.objc-cont-imge-d1.w0.m5.s2 .obcg-imge img, div.objc-cont-imge-d1.w0.m6.s2 .obcg-imge img, div.objc-cont-imge-d1.w0.m7.s2 .obcg-imge img, div.objc-cont-imge-d1.w0.m8.s2 .obcg-imge img, div.objc-cont-imge-d1.w0.m9.s2 .obcg-imge img, div.objc-cont-imge-d1.w0.m10.s2 .obcg-imge img { border:1px solid #ddd; border-bottom:1px solid #aeaeae; background:#fff; line-height:0; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; -khtml-border-radius:2px; -webkit-box-shadow:0 7px 5px -6px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 7px 5px -6px rgba(0, 0, 0, 0.2); box-shadow:0 7px 5px -6px rgba(0, 0, 0, 0.2); } /* objc-cont-imge-d2:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-imge-d2 { /* propiedades de posicionamiento */ position: relative; margin: 0px; padding: 0px; top: 0px; /* propiedades de tamaño */ width: auto; } div.objc-cont-imge-d2 .obcg-imge { /* propiedades de posicionamiento */ margin: 0px auto; padding: 0; text-align: center; } div.objc-cont-imge-d2 .obcg-imge img { /* propiedades de posicionamiento */ padding: 0; /* propiedades de tamaño */ min-width: 0; max-width: 100%; width: 100%; } div.objc-cont-imge-d2 .obcp-ides a, div.objc-cont-imge-d2 .obcp-ides p, div.objc-cont-imge-d2 .obcp-ides span, div.objc-cont-imge-d2 .obcp-itxt a, div.objc-cont-imge-d2 .obcp-itxt p, div.objc-cont-imge-d2 .obcp-itxt span { /* propiedades de posicionamiento */ margin: 2px; padding: 5px 0px; line-height: 1.5em; /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } /* FOTOS INTERIORES ---------------- - 60 x 40 xs1 72 x 48 xs2 94 x 63 xs3 110 x 74 s1 - 120 x 75 s2 128 x 86 s3 * 144 x 144 s4 160 x 107 s5 220 x 147 m1 288 x 193 m2 - 300 x 200 m3 - 800 x 600 l1 */ div.objc-cont-imge-d2.size-xs1 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 60px; /* alto y ancho real */ height: 100px; } div.objc-cont-imge-d2.size-xs1 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 40px; /* alto y ancho real */ min-width: 60px; width: auto; } div.objc-cont-imge-d2.size-xs1 .obcp-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 60px; height: 40px; overflow: hidden;} div.objc-cont-imge-d2.size-xs2 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 72px; /* alto y ancho real */ height: 100px; } div.objc-cont-imge-d2.size-xs2 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ height: 48px; /* alto y ancho real */ min-width: 72px; width: auto; } div.objc-cont-imge-d2.size-xs2 .obcp-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 72px; height: 48px; overflow: hidden;} div.objc-cont-imge-d2.size-xs3 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 94px; /* alto y ancho real */ height: 100px; overflow: hidden; } div.objc-cont-imge-d2.size-xs3 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ height: 63px; /* alto y ancho real */ min-width: 94px; width: auto; } div.objc-cont-imge-d2.size-xs3 .obcp-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 94px; height: 63px; overflow: hidden;} div.objc-cont-imge-d2.size-s1 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 110px; /* alto y ancho real */ height: 120px; overflow: hidden; } div.objc-cont-imge-d2.size-s1 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ height: 74px; /* alto y ancho real */ min-width: 110px; width: auto; } div.objc-cont-imge-d2.size-s1 .obcp-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 110px; height: 74px; overflow: hidden;} div.objc-cont-imge-d2.size-s2 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 120px; /* alto y ancho real */ height: 120px; overflow: hidden; } div.objc-cont-imge-d2.size-s2 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ height: 75px; /* alto y ancho real */ min-width: 120px; width: auto; } div.objc-cont-imge-d2.size-s2 .obcp-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 120px; height: 75px; overflow: hidden;} div.objc-cont-imge-d2.size-s3 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 128px; /* alto y ancho real */ height: 120px; overflow: hidden; } div.objc-cont-imge-d2.size-s3 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ height: 86px; /* alto y ancho real */ min-width: 128px; width: auto; } div.objc-cont-imge-d2.size-s3 .obcp-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 128px; height: 86px; overflow: hidden;} div.objc-cont-imge-d2.size-s4 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 144px; /* alto y ancho real */ height: 200px; overflow: hidden; } div.objc-cont-imge-d2.size-s4 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ height: 144px; /* alto y ancho real */ min-width: 144px; width: auto; } div.objc-cont-imge-d2.size-s4 .obcp-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 144px; height: 144px; overflow: hidden;} div.objc-cont-imge-d2.size-s5 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 160px; /* alto y ancho real */ height: 200px; overflow: hidden; } div.objc-cont-imge-d2.size-s5 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ height: 107px; /* alto y ancho real */ min-width: 160px; width: auto; } div.objc-cont-imge-d2.size-s5 .obcp-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 160px; height: 107px; overflow: hidden;} div.objc-cont-imge-d2.size-m1 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 220px; /* alto y ancho real */ height: 200px; overflow: hidden; } div.objc-cont-imge-d2.size-m1 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 147px; /* alto y ancho real */ min-width: 220px; width: auto; } div.objc-cont-imge-d2.size-m1 .obcp-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 220px; height: 147px; overflow: hidden;} div.objc-cont-imge-d2.size-m2 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 288px; /* alto y ancho real */ height: 230px; overflow: hidden; } div.objc-cont-imge-d2.size-m2 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ height: 193px; /* alto y ancho real */ min-width: 288px; width: auto; } div.objc-cont-imge-d2.size-m2 .obcp-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 288px; height: 193px; overflow: hidden;} div.objc-cont-imge-d2.size-m3 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 300px; /* alto y ancho real */ height: 250px; overflow: hidden; } div.objc-cont-imge-d2.size-m3 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ height: 200px; /* alto y ancho real */ min-width: 300px; width: auto; } div.objc-cont-imge-d2.size-m3 .obcp-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 300px; height: 200px; overflow: hidden;} div.objc-cont-imge-d2.size-l1 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 800px; /* alto y ancho real */ height: 650px; overflow: hidden; } div.objc-cont-imge-d2.size-l1 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ height: 600px; /* alto y ancho real */ min-width: 800px; width: auto; } div.objc-cont-imge-d2.size-l1 .obcp-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 800px; height: 600px; overflow: hidden;} /* REVISAR DESDE AQUÍ - NO FUNCIONAN BIEN LOS MARCOS Y LAS SOMBRAS */ div.objc-cont-imge-d2.m0 .obcg-imge img { /* propiedades de posicionamiento */ padding: 0px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-imge-d2.m1 .obcg-imge img { /* propiedades de posicionamiento */ padding: 2px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-imge-d2.m2 .obcg-imge img { /* propiedades de posicionamiento */ padding: 4px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-imge-d2.m3 .obcg-imge img { /* propiedades de posicionamiento */ padding: 6px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-imge-d2.m4 .obcg-imge img { /* propiedades de posicionamiento */ padding: 8px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-imge-d2.m5 .obcg-imge img { /* propiedades de posicionamiento */ padding: 10px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-imge-d2.m6 .obcg-imge img { /* propiedades de posicionamiento */ padding: 12px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-imge-d2.m7 .obcg-imge img { /* propiedades de posicionamiento */ padding: 14px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-imge-d2.m8 .obcg-imge img { /* propiedades de posicionamiento */ padding: 16px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-imge-d2.m9 .obcg-imge img { /* propiedades de posicionamiento */ padding: 18px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-imge-d2.m10 .obcg-imge img { /* propiedades de posicionamiento */ padding: 20px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-imge-d2.m0.s1 .obcg-imge img, div.objc-cont-imge-d2.m1.s1 .obcg-imge img, div.objc-cont-imge-d2.m2.s1 .obcg-imge img, div.objc-cont-imge-d2.m3.s1 .obcg-imge img, div.objc-cont-imge-d2.m4.s1 .obcg-imge img, div.objc-cont-imge-d2.m5.s1 .obcg-imge img, div.objc-cont-imge-d2.m6.s1 .obcg-imge img, div.objc-cont-imge-d2.m7.s1 .obcg-imge img, div.objc-cont-imge-d2.m8.s1 .obcg-imge img, div.objc-cont-imge-d2.m9.s1 .obcg-imge img, div.objc-cont-imge-d2.m10.s1 .obcg-imge img { -webkit-box-shadow: 0px 3px 6px -2px #DDDDDD; box-shadow: 0px 3px 6px -2px #DDDDDD; /*IE8*/ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD')"; /*IE5.5-7*/ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD'); } div.objc-cont-imge-d2.m0.s2 .obcg-imge img, div.objc-cont-imge-d2.m1.s2 .obcg-imge img, div.objc-cont-imge-d2.m2.s2 .obcg-imge img, div.objc-cont-imge-d2.m3.s2 .obcg-imge img, div.objc-cont-imge-d2.m4.s2 .obcg-imge img, div.objc-cont-imge-d2.m5.s2 .obcg-imge img, div.objc-cont-imge-d2.m6.s2 .obcg-imge img, div.objc-cont-imge-d2.m7.s2 .obcg-imge img, div.objc-cont-imge-d2.m8.s2 .obcg-imge img, div.objc-cont-imge-d2.m9.s2 .obcg-imge img, div.objc-cont-imge-d2.m10.s2 .obcg-imge img { border:1px solid #ddd; border-bottom:1px solid #aeaeae; background:#fff; line-height:0; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; -khtml-border-radius:2px; -webkit-box-shadow:0 7px 5px -6px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 7px 5px -6px rgba(0, 0, 0, 0.2); box-shadow:0 7px 5px -6px rgba(0, 0, 0, 0.2); } /* HASTA AQUÍ */ /* objc-cont-imge-d3:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-imge-d3 { /* propiedades de posicionamiento */ position: relative; margin: 0px; padding: 0px; top: 0px; border: 1px solid #EEE; /* propiedades de tamaño */ width: auto; } div.objc-cont-imge-d3 .obcg-imge { /* propiedades de posicionamiento */ margin: 0px auto; padding: 0; text-align: center; } div.objc-cont-imge-d3 .obcg-imge img { /* propiedades de posicionamiento */ padding: 0; /* propiedades de tamaño */ min-width: 0; max-width: 100%; width: 100%; } div.objc-cont-imge-d3 .obcp-ides a, div.objc-cont-imge-d3 .obcp-ides p, div.objc-cont-imge-d3 .obcp-ides span, div.objc-cont-imge-d3 .obcp-itxt a, div.objc-cont-imge-d3 .obcp-itxt p, div.objc-cont-imge-d3 .obcp-itxt span { /* propiedades de posicionamiento */ margin: 2px; padding: 5px 0px; line-height: 1.5em; /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } /* FOTOS INTERIORES ---------------- - 60 x 40 xs1 72 x 48 xs2 94 x 63 xs3 110 x 74 s1 - 120 x 75 s2 128 x 86 s3 * 144 x 144 s4 160 x 107 s5 220 x 147 m1 288 x 193 m2 - 300 x 200 m3 - 800 x 600 l1 */ div.objc-cont-imge-d3.size-xs1 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 60px; /* alto y ancho real */ height: 100px; } div.objc-cont-imge-d3.size-xs1 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 40px; /* alto y ancho real */ min-width: 60px; width: auto; height: auto; } div.objc-cont-imge-d3.size-xs1 .obcp-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 60px; height: 40px; overflow: hidden;} div.objc-cont-imge-d3.size-xs2 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 72px; /* alto y ancho real */ height: 100px; } div.objc-cont-imge-d3.size-xs2 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 48px; /* alto y ancho real */ min-width: 72px; width: auto; height: auto; } div.objc-cont-imge-d3.size-xs2 .obcp-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 72px; height: 48px; overflow: hidden;} div.objc-cont-imge-d3.size-xs3 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 94px; /* alto y ancho real */ height: 100px; } div.objc-cont-imge-d3.size-xs3 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 63px; /* alto y ancho real */ min-width: 94px; width: auto; height: auto; } div.objc-cont-imge-d3.size-xs3 .obcp-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 94px; height: 63px; overflow: hidden;} div.objc-cont-imge-d3.size-s1 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 110px; /* alto y ancho real */ height: 120px; } div.objc-cont-imge-d3.size-s1 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 74px; /* alto y ancho real */ min-width: 110px; width: auto; height: auto; } div.objc-cont-imge-d3.size-s1 .obcp-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 110px; height: 74px; overflow: hidden;} div.objc-cont-imge-d3.size-s2 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 120px; /* alto y ancho real */ height: 120px; } div.objc-cont-imge-d3.size-s2 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 75px; /* alto y ancho real */ min-width: 120px; width: auto; height: auto; } div.objc-cont-imge-d3.size-s2 .obcp-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 120px; height: 75px; overflow: hidden;} div.objc-cont-imge-d3.size-s3 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 128px; /* alto y ancho real */ height: 120px; } div.objc-cont-imge-d3.size-s3 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 86px; /* alto y ancho real */ min-width: 128px; width: auto; height: auto; } div.objc-cont-imge-d3.size-s3 .obcp-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 128px; height: 86px; overflow: hidden;} div.objc-cont-imge-d3.size-s4 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 144px; /* alto y ancho real */ height: 200px; } div.objc-cont-imge-d3.size-s4 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 144px; /* alto y ancho real */ min-width: 144px; width: auto; height: auto; } div.objc-cont-imge-d3.size-s4 .obcp-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 144px; height: 144px; overflow: hidden;} div.objc-cont-imge-d3.size-s5 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 160px; /* alto y ancho real */ height: 200px; } div.objc-cont-imge-d3.size-s5 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 107px; /* alto y ancho real */ min-width: 160px; width: auto; height: auto; } div.objc-cont-imge-d3.size-s5 .obcp-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 160px; height: 107px; overflow: hidden;} div.objc-cont-imge-d3.size-m1 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 220px; /* alto y ancho real */ height: 200px; } div.objc-cont-imge-d3.size-m1 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 147px; /* alto y ancho real */ min-width: 220px; width: auto; height: auto; } div.objc-cont-imge-d3.size-m1 .obcp-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 220px; height: 147px; overflow: hidden;} div.objc-cont-imge-d3.size-m2 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 288px; /* alto y ancho real */ height: 230px; } div.objc-cont-imge-d3.size-m2 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 193px; /* alto y ancho real */ min-width: 288px; width: auto; height: auto; } div.objc-cont-imge-d3.size-m2 .obcp-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 288px; height: 193px; overflow: hidden;} div.objc-cont-imge-d3.size-m3 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 300px; /* alto y ancho real */ height: 250px; } div.objc-cont-imge-d3.size-m3 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 200px; /* alto y ancho real */ min-width: 300px; width: auto; height: auto; } div.objc-cont-imge-d3.size-m3 .obcp-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 300px; height: 200px; overflow: hidden;} div.objc-cont-imge-d3.size-l1 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 800px; /* alto y ancho real */ height: 650px; } div.objc-cont-imge-d3.size-l1 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 600px; /* alto y ancho real */ min-width: 800px; width: auto; height: auto; } div.objc-cont-imge-d3.size-l1 .obcp-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 800px; height: 600px; overflow: hidden;} /* REVISAR DESDE AQUÍ - NO FUNCIONAN BIEN LOS MARCOS Y LAS SOMBRAS */ div.objc-cont-imge-d3.m0 .obcg-imge img { /* propiedades de posicionamiento */ padding: 0px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-imge-d3.m1 .obcg-imge img { /* propiedades de posicionamiento */ padding: 2px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-imge-d3.m2 .obcg-imge img { /* propiedades de posicionamiento */ padding: 4px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-imge-d3.m3 .obcg-imge img { /* propiedades de posicionamiento */ padding: 6px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-imge-d3.m4 .obcg-imge img { /* propiedades de posicionamiento */ padding: 8px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-imge-d3.m5 .obcg-imge img { /* propiedades de posicionamiento */ padding: 10px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-imge-d3.m6 .obcg-imge img { /* propiedades de posicionamiento */ padding: 12px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-imge-d3.m7 .obcg-imge img { /* propiedades de posicionamiento */ padding: 14px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-imge-d3.m8 .obcg-imge img { /* propiedades de posicionamiento */ padding: 16px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-imge-d3.m9 .obcg-imge img { /* propiedades de posicionamiento */ padding: 18px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-imge-d3.m10 .obcg-imge img { /* propiedades de posicionamiento */ padding: 20px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-imge-d3.m0.s1 .obcg-imge img, div.objc-cont-imge-d3.m1.s1 .obcg-imge img, div.objc-cont-imge-d3.m2.s1 .obcg-imge img, div.objc-cont-imge-d3.m3.s1 .obcg-imge img, div.objc-cont-imge-d3.m4.s1 .obcg-imge img, div.objc-cont-imge-d3.m5.s1 .obcg-imge img, div.objc-cont-imge-d3.m6.s1 .obcg-imge img, div.objc-cont-imge-d3.m7.s1 .obcg-imge img, div.objc-cont-imge-d3.m8.s1 .obcg-imge img, div.objc-cont-imge-d3.m9.s1 .obcg-imge img, div.objc-cont-imge-d3.m10.s1 .obcg-imge img { -webkit-box-shadow: 0px 3px 6px -2px #DDDDDD; box-shadow: 0px 3px 6px -2px #DDDDDD; /*IE8*/ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD')"; /*IE5.5-7*/ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD'); } div.objc-cont-imge-d3.m0.s2 .obcg-imge img, div.objc-cont-imge-d3.m1.s2 .obcg-imge img, div.objc-cont-imge-d3.m2.s2 .obcg-imge img, div.objc-cont-imge-d3.m3.s2 .obcg-imge img, div.objc-cont-imge-d3.m4.s2 .obcg-imge img, div.objc-cont-imge-d3.m5.s2 .obcg-imge img, div.objc-cont-imge-d3.m6.s2 .obcg-imge img, div.objc-cont-imge-d3.m7.s2 .obcg-imge img, div.objc-cont-imge-d3.m8.s2 .obcg-imge img, div.objc-cont-imge-d3.m9.s2 .obcg-imge img, div.objc-cont-imge-d3.m10.s2 .obcg-imge img { border:1px solid #ddd; border-bottom:1px solid #aeaeae; background:#fff; line-height:0; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; -khtml-border-radius:2px; -webkit-box-shadow:0 7px 5px -6px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 7px 5px -6px rgba(0, 0, 0, 0.2); box-shadow:0 7px 5px -6px rgba(0, 0, 0, 0.2); } /* HASTA AQUÍ */ /* ------------------------------------------------------------------------------------------------------------------ Sección : CSS Para despliegue de contenidos (Noticias / Productos ... etc ) ------------------------------------------------------------------------------------------------------------------ */ div.objc-cont-vert-d1 { /* propiedades de posicionamiento */ position: relative; margin: 0px 5px 5px 5px; /*5px 5px 5px 5px*/ padding: 0px; top: 0px; /* propiedades de tamaño */ width: auto; /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-vert-d1.sinn-mrgn { /* propiedades de posicionamiento */ margin: 0px 0px 0px 0px; /*5px 5px 5px 5px*/ padding: 0px; } .brde-1 { /* propiedades de posicionamiento */ border: 1px solid #d5d5d5; } .brde-1:hover { /* propiedades de posicionamiento */ outline: 6px solid #EEE; } /* obcp-imge:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d1 .obcg-imge { /* propiedades de posicionamiento */ margin: 5px auto 5px auto; padding: 0px; /* propiedades de tamaño */ width: 100%; /* propiedades de tipografía */ /* propiedades de visualización */ text-align: center; } div.objc-cont-vert-d1 .obcg-imge img { /* propiedades de posicionamiento */ margin: 5px 5px 0px 5px; /* propiedades de tamaño */ min-width: 0; max-width: 93.5%; width: 100%; /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-vert-d1.w0 { /* propiedades de posicionamiento */ position: relative; margin: 0px; padding: 0px; top: 0px; /* propiedades de tamaño */ width: auto; } div.objc-cont-vert-d1.w0 .obcg-imge { /* propiedades de posicionamiento */ margin: 5px 0px 5px 0px; padding: 0px; /* propiedades de tamaño */ width: auto; /* propiedades de tipografía */ /* propiedades de visualización */ text-align: center; } div.objc-cont-vert-d1.w0 .obcg-imge img { /* propiedades de posicionamiento */ margin: 0px; padding: 5px; /* propiedades de tamaño */ width: auto; /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-vert-d1.w0.m1 .obcg-imge img { /* propiedades de posicionamiento */ padding: 2px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-vert-d1.w0.m2 .obcg-imge img { /* propiedades de posicionamiento */ padding: 4px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-vert-d1.w0.m3 .obcg-imge img { /* propiedades de posicionamiento */ padding: 6px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-vert-d1.w0.m4 .obcg-imge img { /* propiedades de posicionamiento */ padding: 8px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-vert-d1.w0.m5 .obcg-imge img { /* propiedades de posicionamiento */ padding: 10px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-vert-d1.w0.m6 .obcg-imge img { /* propiedades de posicionamiento */ padding: 12px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-vert-d1.w0.m7 .obcg-imge img { /* propiedades de posicionamiento */ padding: 14px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-vert-d1.w0.m8 .obcg-imge img { /* propiedades de posicionamiento */ padding: 16px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-vert-d1.w0.m9 .obcg-imge img { /* propiedades de posicionamiento */ padding: 18px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-vert-d1.w0.m10 .obcg-imge img { /* propiedades de posicionamiento */ padding: 20px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-vert-d1.w0.m1.s1 .obcg-imge img, div.objc-cont-vert-d1.w0.m2.s1 .obcg-imge img, div.objc-cont-vert-d1.w0.m3.s1 .obcg-imge img, div.objc-cont-vert-d1.w0.m4.s1 .obcg-imge img, div.objc-cont-vert-d1.w0.m5.s1 .obcg-imge img, div.objc-cont-vert-d1.w0.m6.s1 .obcg-imge img, div.objc-cont-vert-d1.w0.m7.s1 .obcg-imge img, div.objc-cont-vert-d1.w0.m8.s1 .obcg-imge img, div.objc-cont-vert-d1.w0.m9.s1 .obcg-imge img, div.objc-cont-vert-d1.w0.m10.s1 .obcg-imge img { -webkit-box-shadow: 0px 3px 6px -2px #DDDDDD; box-shadow: 0px 3px 6px -2px #DDDDDD; /*IE8*/ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD')"; /*IE5.5-7*/ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD'); } div.objc-cont-vert-d1.w0.m1.s2 .obcg-imge img, div.objc-cont-vert-d1.w0.m2.s2 .obcg-imge img, div.objc-cont-vert-d1.w0.m3.s2 .obcg-imge img, div.objc-cont-vert-d1.w0.m4.s2 .obcg-imge img, div.objc-cont-vert-d1.w0.m5.s2 .obcg-imge img, div.objc-cont-vert-d1.w0.m6.s2 .obcg-imge img, div.objc-cont-vert-d1.w0.m7.s2 .obcg-imge img, div.objc-cont-vert-d1.w0.m8.s2 .obcg-imge img, div.objc-cont-vert-d1.w0.m9.s2 .obcg-imge img, div.objc-cont-vert-d1.w0.m10.s2 .obcg-imge img { border:1px solid #ddd; border-bottom:1px solid #aeaeae; background:#fff; line-height:0; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; -khtml-border-radius:2px; -webkit-box-shadow:0 7px 5px -6px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 7px 5px -6px rgba(0, 0, 0, 0.2); box-shadow:0 7px 5px -6px rgba(0, 0, 0, 0.2); } div.objc-cont-vert-d1.m2XXXX .obcg-imge img { /* propiedades de posicionamiento */ margin: 10px; /* propiedades de tamaño */ border: 1px solid #EEEEEE; } /* obcp-msge:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d1 .obcg-msge { /* propiedades de posicionamiento */ margin: 0px 2px; padding: 5px; top: 15px; left: 50%; /* propiedades de tamaño */ } div.objc-cont-vert-d1 .obcg-msge:first-child { /* propiedades de visualización */ } div.objc-cont-vert-d1 .obcg-msge:last-child { /* propiedades de posicionamiento */ margin-bottom: 1px; /* propiedades de visualización */ } /* obcp-ttlo:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d1 .obcp-ttlo { /* propiedades de posicionamiento */ margin: 5px 5px 10px 5px; padding: 0px 5px; /* propiedades de tamaño */ } div.objc-cont-vert-d1 .obcp-ttlo a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-vert-d1 .obcp-ttlo a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } /* obcp-epig:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d1 .obcp-epig { /* propiedades de posicionamiento */ margin: 5px 5px 10px 5px; padding: 0px 5px; /* propiedades de tamaño */ } /* obcp-bjda:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d1 .obcp-bjda { /* propiedades de posicionamiento */ margin: 5px 5px 10px 5px; padding: 0px 5px; /* propiedades de tamaño */ } /* obcp-crpo:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d1 .obcp-crpo { /* propiedades de posicionamiento */ margin: 5px 5px 0 5px; padding: 0px 5px; /* propiedades de tamaño */ } div.objc-cont-vert-d1 .obcp-crpo a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-vert-d1 .obcp-crpo a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-vert-d1 .obcp-crpo.anula-p td p { margin-top:2px!important; margin-bottom:2px!important; padding-top: 1px!important; padding-bottom: 1px!important; line-height: 16px!important; } /* obcp-resu:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d1 .obcp-resu { /* propiedades de posicionamiento */ margin: 5px 5px 0 5px; padding: 0px 5px; } div.objc-cont-vert-d1 .obcp-resu a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-vert-d1 .obcp-resu a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } /* obcp-fecha:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d1 .obcp-fcha { /* propiedades de posicionamiento */ margin: 5px 5px 0 5px; padding: 0px 5px; } div.objc-cont-vert-d1 .obcp-fcha a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-vert-d1 .obcp-fcha a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } /* obcp-info:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d1 .obcp-info { /* propiedades de posicionamiento */ margin: 10px 5px 10px 5px; padding: 5px 5px; /* propiedades de tamaño */ } div.objc-cont-vert-d1 .obcp-info a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-vert-d1 .obcp-info a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } /* obcp-vlor:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d1 .obcp-vlor { /* propiedades de posicionamiento */ margin: 5px 5px; padding: 10px 5px; /* propiedades de tamaño */ } div.objc-cont-vert-d1 .obcp-vlor span { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-vert-d1 .obcp-vlor a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ } div.objc-cont-vert-d1 .obcp-vlor a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } /* obcp-bton:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d1 .obcp-bton { /* propiedades de posicionamiento */ margin: 5px 15px 0 5px; padding: 0px 5px; } div.objc-cont-vert-d1 .obcp-bton a { /* propiedades de posicionamiento */ margin: 5px; padding: 5px; } div.objc-cont-vert-d1 .obcp-bton a:hover { /* propiedades de posicionamiento */ } /* ------------------------------------------------------------------------------------------------------------------ Sección : CSS Para despliegue de contenidos (Noticias / Productos ... etc ) ------------------------------------------------------------------------------------------------------------------ */ div.objc-cont-vert-d2 { /* propiedades de posicionamiento */ position: relative; margin: 0px; padding: 0px; top: 0px; /* propiedades de tamaño */ width: auto; /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-vert-d2:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ border: 1px solid #BBB; } div.objc-cont-vert-d2:hover .obcg-imge { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ /* *background: url('imgs/bg_negr_1x1_opac_10.png') 0 0 repeat; / * IE 7 * / background: url('imgs/bg_negr_1x1_opac_10.png') 0 0 repeat\0/; / * IE 8 * / background: url('imgs/bg_negr_1x1_opac_10.png') 0 0 repeat; / * OTROS * / */ } /* obcp-imge:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d2 .obcg-imge { /* propiedades de posicionamiento */ margin: 0px auto 5px auto; padding: 0px; /* propiedades de tamaño */ width: 100%; /* propiedades de tipografía */ /* propiedades de visualización */ overflow: hidden; } div.objc-cont-vert-d2 .obcg-imge img { /* propiedades de posicionamiento */ margin: 0px auto 5px auto; /* propiedades de tamaño */ min-width: 0; max-width: 100%; width: 100%; /* propiedades de tipografía */ /* propiedades de visualización */ text-align: center; } div.objc-cont-vert-d2.size-90 .obcg-imge { /* propiedades de posicionamiento */ margin: 0px auto 5px auto; padding: 0px; /* propiedades de tamaño */ width: 90%; /* propiedades de tipografía */ /* propiedades de visualización */ overflow: hidden; } div.objc-cont-vert-d2.size-90 .obcg-imge img { /* propiedades de posicionamiento */ margin: 0px auto 5px auto; /* propiedades de tamaño */ width: 90%; /* propiedades de tipografía */ /* propiedades de visualización */ text-align: center; } div.objc-cont-vert-d2.w0 { /* propiedades de posicionamiento */ position: relative; margin: 0px; padding: 0px; top: 0px; /* propiedades de tamaño */ width: auto; } div.objc-cont-vert-d2.w0 .obcg-imge { /* propiedades de posicionamiento */ margin: 0px 0px 5px 0px; padding: 0px; /* propiedades de tamaño */ width: auto; /* propiedades de tipografía */ /* propiedades de visualización */ text-align: center; } div.objc-cont-vert-d2.w0 .obcg-imge img { /* propiedades de posicionamiento */ margin: 0px; padding: 0px; /* propiedades de tamaño */ width: auto; /* propiedades de tipografía */ /* propiedades de visualización */ } /* -- Anchos y altos fijos -- */ div.objc-cont-vert-d2.size-auto { /* posición */ position: relative; margin: 0px; padding: 0px 0px 10px 0px; top: 0px; /* alto y ancho visible */ /* width: 60px;*/ /* alto y ancho real */ /* height: 100px;*/ overflow: hidden; } div.objc-cont-vert-d2.size-auto .obcg-imge img { /* posición */ margin: 10px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 10%; /* alto y ancho real */ min-width: 10%; max-width: 100%; width: 100%; height: auto; } div.objc-cont-vert-d2.size-auto .obcg-imge { /* posicion */ margin: 0px auto; padding: 0px; left: 0px; width: 100%; height: auto; overflow: hidden; } div.objc-cont-vert-d2.size-s5-auto { /* posición */ position: relative; margin: 0px; padding: 5px 5px 30px 5px; top: 0px; /* alto y ancho visible */ /* width: 180px; */ /* alto y ancho real */ /* height: 250px; */ overflow: hidden; } div.objc-cont-vert-d2.size-s5-auto .obcg-imge img { /* posición */ margin: 10px 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 10%; /* alto y ancho real */ min-width: 160px; max-width: 160px; width: auto; height: auto; } div.objc-cont-vert-d2.size-s5-auto .obcg-imge { /* posicion */ margin: 0px auto; padding: 0px; left: 0px; /* alto y ancho visible */ width: 160px; height: auto; overflow: hidden;} div.objc-cont-vert-d2.size-s4 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; width: 164px; /* alto y ancho real */ height: 250px; /*overflow: hidden; */border: 0px solid #f50; } div.objc-cont-vert-d2.size-s4 .obcg-imge img { /* posición */ margin: 10px 0px; padding: 0px; left: 0px; min-height: 144px; /* alto y ancho real */ min-width: 144px; max-width: 144px; width: auto; } div.objc-cont-vert-d2.size-s4 .obcg-imge { /* posicion */ margin: 0px auto; padding: 0px; left: 0px; width: 144px; height: 144px; overflow: hidden; } div.objc-cont-vert-d2.size-xs1 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 80px; /* alto y ancho real */ height: 200px; } div.objc-cont-vert-d2.size-xs1 .obcg-imge img { /* posición */ margin: 10px 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 40px; /* alto y ancho real */ min-width: 60px; max-width: 60px; width: auto; height: auto; } div.objc-cont-vert-d2.size-xs1 .obcg-imge { /* posicion */ margin: 0px auto; padding: 0px; left: 0px; /* alto y ancho visible */ width: 60px; height: 40px; overflow: hidden;} div.objc-cont-vert-d2.size-xs2 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 92px; /* alto y ancho real */ height: 200px; } div.objc-cont-vert-d2.size-xs2 .obcg-imge img { /* posición */ margin: 10px 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 48px; /* alto y ancho real */ min-width: 72px; max-width: 72px; width: auto; height: auto; } div.objc-cont-vert-d2.size-xs2 .obcg-imge { /* posicion */ margin: 0px auto; padding: 0px; left: 0px; /* alto y ancho visible */ width: 72px; height: 48px; overflow: hidden;} div.objc-cont-vert-d2.size-xs3 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 114px; /* alto y ancho real */ height: 200px; } div.objc-cont-vert-d2.size-xs3 .obcg-imge img { /* posición */ margin: 10px 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 63px; /* alto y ancho real */ min-width: 94px; max-width: 94px; width: auto; height: auto; } div.objc-cont-vert-d2.size-xs3 .obcg-imge { /* posicion */ margin: 0px auto; padding: 0px; left: 0px; /* alto y ancho visible */ width: 94px; height: 63px; overflow: hidden;} div.objc-cont-vert-d2.size-s1 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 130px; /* alto y ancho real */ height: 200px; } div.objc-cont-vert-d2.size-s1 .obcg-imge img { /* posición */ margin: 10px 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 74px; /* alto y ancho real */ min-width: 110px; max-width: 110px; width: auto; height: auto; } div.objc-cont-vert-d2.size-s1 .obcg-imge { /* posicion */ margin: 0px auto; padding: 0px; left: 0px; /* alto y ancho visible */ width: 110px; height: 74px; overflow: hidden;} div.objc-cont-vert-d2.size-s2 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 150px; /* alto y ancho real */ height: 200px; } div.objc-cont-vert-d2.size-s2 .obcg-imge img { /* posición */ margin: 10px 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 75px; /* alto y ancho real */ min-width: 120px; max-width: 120px; width: auto; height: auto; } div.objc-cont-vert-d2.size-s2 .obcg-imge { /* posicion */ margin: 0px auto; padding: 0px; left: 0px; /* alto y ancho visible */ width: 120px; height: 75px; overflow: hidden;} div.objc-cont-vert-d2.size-s3 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 148px; /* alto y ancho real */ height: 200px; } div.objc-cont-vert-d2.size-s3 .obcg-imge img { /* posición */ margin: 10px 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 86px; /* alto y ancho real */ min-width: 128px;max-width: 128px; width: auto; height: auto; } div.objc-cont-vert-d2.size-s3 .obcg-imge { /* posicion */ margin: 0px auto; padding: 0px; left: 0px; /* alto y ancho visible */ width: 128px; height: 86px; overflow: hidden;} div.objc-cont-vert-d2.size-s5 { /* posición */ position: relative; margin: 0px; padding: 5px; top: 0px; /* alto y ancho visible */ width: 180px; /* alto y ancho real */ height: 250px; } div.objc-cont-vert-d2.size-s5 .obcg-imge img { /* posición */ margin: 10px 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 107px; /* alto y ancho real */ min-width: 160px; max-width: 160px; width: auto; height: auto; } div.objc-cont-vert-d2.size-s5 .obcg-imge { /* posicion */ margin: 0px auto; padding: 0px; left: 0px; /* alto y ancho visible */ width: 160px; height: 107px; overflow: hidden;} div.objc-cont-vert-d2.size-m1 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 240px; /* alto y ancho real */ height: 240px; } div.objc-cont-vert-d2.size-m1 .obcg-imge img { /* posición */ margin: 15px 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 147px; /* alto y ancho real */ min-width: 220px; max-width: 220px; width: auto; height: auto; } div.objc-cont-vert-d2.size-m1 .obcg-imge { /* posicion */ margin: 0px auto; padding: 0px; left: 0px; /* alto y ancho visible */ width: 220px; height: 147px; overflow: hidden;} div.objc-cont-vert-d2.size-m2 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 308px; /* alto y ancho real */ height: 290px; } div.objc-cont-vert-d2.size-m2 .obcg-imge img { /* posición */ margin: 10px 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 193px; /* alto y ancho real */ min-width: 288px; max-width: 288px; width: auto; height: auto; } div.objc-cont-vert-d2.size-m2 .obcg-imge { /* posicion */ margin: 0px auto; padding: 0px; left: 0px; /* alto y ancho visible */ width: 288px; height: 193px; overflow: hidden;} div.objc-cont-vert-d2.size-m3 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 320px; /* alto y ancho real */ height: 300px; } div.objc-cont-vert-d2.size-m3 .obcg-imge img { /* posición */ margin: 10px 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 200px; /* alto y ancho real */ min-width: 300px; max-width: 300px; width: auto; height: auto; } div.objc-cont-vert-d2.size-m3 .obcg-imge { /* posicion */ margin: 0px auto; padding: 0px; left: 0px; /* alto y ancho visible */ width: 300px; height: 200px; overflow: hidden;} div.objc-cont-vert-d2.size-l1 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ width: 820px; /* alto y ancho real */ height: 700px; } div.objc-cont-vert-d2.size-l1 .obcg-imge img { /* posición */ margin: 10px 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 600px; /* alto y ancho real */ min-width: 800px; max-width: 800px; width: auto; height: auto; } div.objc-cont-vert-d2.size-l1 .obcg-imge { /* posicion */ margin: 0px auto; padding: 0px; left: 0px; /* alto y ancho visible */ width: 800px; height: 600px; overflow: hidden;} /*div.objc-cont-vert-d2.xxx .obcg-imge, div.objc-cont-vert-d2.w0.xxx .obcg-imge { */ /* propiedades de posicionamiento */ /*overflow: hidden; height: 200px; border: 0px solid #F50;*/ /* propiedades de visualizaciónborder: 1px solid #DDDDDD; */ /*}*/ div.objc-cont-vert-d2.m1 .obcg-imge img, div.objc-cont-vert-d2.w0.m1 .obcg-imge img, div.objc-cont-vert-d2.w1.m1 .obcg-imge img { /* propiedades de posicionamiento */ padding: 2px; width: 98% /* propiedades de visualizaciónborder: 1px solid #DDDDDD; */ } div.objc-cont-vert-d2.m2 .obcg-imge img, div.objc-cont-vert-d2.w0.m2 .obcg-imge img, div.objc-cont-vert-d2.w1.m2 .obcg-imge img { /* propiedades de posicionamiento */ padding: 4px; width: 97% /* propiedades de visualizaciónborder: 1px solid #DDDDDD; */ } div.objc-cont-vert-d2.m3 .obcg-imge img, div.objc-cont-vert-d2.w0.m3 .obcg-imge img, div.objc-cont-vert-d2.w1.m3 .obcg-imge img { /* propiedades de posicionamiento */ padding: 6px; width: 96% /* propiedades de visualizaciónborder: 1px solid #DDDDDD; */ } div.objc-cont-vert-d2.m4 .obcg-imge img, div.objc-cont-vert-d2.w0.m4 .obcg-imge img, div.objc-cont-vert-d2.w1.m4 .obcg-imge img { /* propiedades de posicionamiento */ padding: 8px; width: 95% /* propiedades de visualizaciónborder: 1px solid #DDDDDD; */ } div.objc-cont-vert-d2.m5 .obcg-imge img, div.objc-cont-vert-d2.w0.m5 .obcg-imge img, div.objc-cont-vert-d2.w1.m5 .obcg-imge img { /* propiedades de posicionamiento */ padding: 10px; width: 94% /* propiedades de visualizaciónborder: 1px solid #DDDDDD; */ } div.objc-cont-vert-d2.m6 .obcg-imge img, div.objc-cont-vert-d2.w0.m6 .obcg-imge img, div.objc-cont-vert-d2.w1.m6 .obcg-imge img { /* propiedades de posicionamiento */ padding: 12px; width: 93% /* propiedades de visualizaciónborder: 1px solid #DDDDDD; */ } div.objc-cont-vert-d2.m7 .obcg-imge img, div.objc-cont-vert-d2.w0.m7 .obcg-imge img, div.objc-cont-vert-d2.w1.m7 .obcg-imge img { /* propiedades de posicionamiento */ padding: 14px; width: 92% /* propiedades de visualizaciónborder: 1px solid #DDDDDD; */ } div.objc-cont-vert-d2.m8 .obcg-imge img, div.objc-cont-vert-d2.w0.m8 .obcg-imge img, div.objc-cont-vert-d2.w1.m8 .obcg-imge img { /* propiedades de posicionamiento */ padding: 16px; width: 91% /* propiedades de visualizaciónborder: 1px solid #DDDDDD; */ } div.objc-cont-vert-d2.m9 .obcg-imge img, div.objc-cont-vert-d2.w0.m9 .obcg-imge img, div.objc-cont-vert-d2.w1.m9 .obcg-imge img { /* propiedades de posicionamiento */ padding: 18px; width: 90% /* propiedades de visualizaciónborder: 1px solid #DDDDDD; */ } div.objc-cont-vert-d2.m10 .obcg-imge img, div.objc-cont-vert-d2.w0.m10 .obcg-imge img, div.objc-cont-vert-d2.w1.m10 .obcg-imge img { /* propiedades de posicionamiento */ padding: 20px; width: 89% /* propiedades de visualizaciónborder: 1px solid #DDDDDD; */ } div.objc-cont-vert-d2.w0.m1.s1 .obcg-imge img, div.objc-cont-vert-d2.w0.m2.s1 .obcg-imge img, div.objc-cont-vert-d2.w0.m3.s1 .obcg-imge img, div.objc-cont-vert-d2.w0.m4.s1 .obcg-imge img, div.objc-cont-vert-d2.w0.m5.s1 .obcg-imge img, div.objc-cont-vert-d2.w0.m6.s1 .obcg-imge img, div.objc-cont-vert-d2.w0.m7.s1 .obcg-imge img, div.objc-cont-vert-d2.w0.m8.s1 .obcg-imge img, div.objc-cont-vert-d2.w0.m9.s1 .obcg-imge img, div.objc-cont-vert-d2.w0.m10.s1 .obcg-imge img { -webkit-box-shadow: 0px 3px 6px -2px #DDDDDD; box-shadow: 0px 3px 6px -2px #DDDDDD; /*IE8*/ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD')"; /*IE5.5-7*/ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD'); } div.objc-cont-vert-d2.w0.m1.s2 .obcg-imge img, div.objc-cont-vert-d2.w0.m2.s2 .obcg-imge img, div.objc-cont-vert-d2.w0.m3.s2 .obcg-imge img, div.objc-cont-vert-d2.w0.m4.s2 .obcg-imge img, div.objc-cont-vert-d2.w0.m5.s2 .obcg-imge img, div.objc-cont-vert-d2.w0.m6.s2 .obcg-imge img, div.objc-cont-vert-d2.w0.m7.s2 .obcg-imge img, div.objc-cont-vert-d2.w0.m8.s2 .obcg-imge img, div.objc-cont-vert-d2.w0.m9.s2 .obcg-imge img, div.objc-cont-vert-d2.w0.m10.s2 .obcg-imge img { border:1px solid #ddd; border-bottom:1px solid #aeaeae; background:#fff; line-height:0; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; -khtml-border-radius:2px; -webkit-box-shadow:0 7px 5px -6px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 7px 5px -6px rgba(0, 0, 0, 0.2); box-shadow:0 7px 5px -6px rgba(0, 0, 0, 0.2); } /* obcp-msge:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d2 .obcg-msge { /* propiedades de posicionamiento */ margin: 0px 2px; padding: 5px; top: 15px; left: 50%; } div.objc-cont-vert-d2 .obcg-msge:first-child { /* propiedades de visualización */ } div.objc-cont-vert-d2 .obcg-msge:last-child { /* propiedades de posicionamiento */ margin-bottom: 1px; } /* obcp-ttlo:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d2 .obcp-ttlo { /* propiedades de posicionamiento */ margin: 5px 5px 10px 5px; padding: 0px 5px; } div.objc-cont-vert-d2 .obcp-ttlo a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-vert-d2 .obcp-ttlo a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } /* obcp-epig:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d2 .obcp-epig { /* propiedades de posicionamiento */ margin: 5px 5px 10px 5px; padding: 0px 5px; } /* obcp-ides:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d2 .obcp-ides { /* propiedades de posicionamiento */ margin: 0px 5px 5px 5px; padding: 0px 5px; } /* obcp-bjda:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d2 .obcp-bjda { /* propiedades de posicionamiento */ margin: 5px 5px 10px 5px; padding: 0px 5px; } /* obcp-crpo:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d2 .obcp-crpo { /* propiedades de posicionamiento */ margin: 5px 5px 0 5px; padding: 0px 5px; } div.objc-cont-vert-d2 .obcp-crpo a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-vert-d2 .obcp-crpo a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-vert-d2 .obcp-crpo.anula-p td p { margin-top:2px!important; margin-bottom:2px!important; padding-top: 1px!important; padding-bottom: 1px!important; line-height: 16px!important; } /* obcp-resu:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d2 .obcp-resu { /* propiedades de posicionamiento */ margin: 5px 5px 0 5px; padding: 0px 5px; } div.objc-cont-vert-d2 .obcp-resu a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ } div.objc-cont-vert-d2 .obcp-resu a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } /* obcp-fecha:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d2 .obcp-fcha { /* propiedades de posicionamiento */ margin: 5px 5px 0 5px; padding: 0px 5px; } div.objc-cont-vert-d2 .obcp-fcha a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-vert-d2 .obcp-fcha a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } /* obcp-info:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d2 .obcp-info { /* propiedades de posicionamiento */ margin: 5px 5px 0 5px; padding: 0px 5px; } div.objc-cont-vert-d2 .obcp-info a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-vert-d2 .obcp-info a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } /* obcp-vlor:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d2 .obcp-vlor { /* propiedades de posicionamiento */ margin: 5px 5px; padding: 10px 5px; } div.objc-cont-vert-d2 .obcp-vlor span { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-vert-d2 .obcp-vlor a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ } div.objc-cont-vert-d2 .obcp-vlor a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } /* obcp-bton:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d2 .obcp-bton { /* propiedades de posicionamiento */ margin: 5px 5px 0 5px; padding: 0px 0px; } div.objc-cont-vert-d2 .obcp-bton a { /* propiedades de posicionamiento */ margin: 0px; padding: 0px; bottom: 5px; } div.objc-cont-vert-d2 .obcp-bton a:hover { /* propiedades de posicionamiento */ } /* ------------------------------------------------------------------------------------------------------------------ Sección : CSS Para despliegue de contenidos (Noticias / Productos ... etc ) ------------------------------------------------------------------------------------------------------------------ */ div.objc-cont-hori-d1 { /* propiedades de posicionamiento */ position: relative; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px; /* propiedades de tamaño */ width: auto; height: auto; /* propiedades de tipografía */ /* propiedades de visualización */ } /* obcp-imge:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d1 .obcg-imge { /* propiedades de posicionamiento */ clear: both; top: 0px; left: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px; /* propiedades de tamaño */ width: auto; /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-hori-d1 .obcg-imge img { /* propiedades de posicionamiento */ top: 0px; margin: 3px 5px 5px 0 ; padding: 0 7px; /* propiedades de tamaño */ min-width: 0; max-width: 93.5%; width: auto; /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-hori-d1.w0 { /* propiedades de posicionamiento */ position: relative; margin: 0 0 0 0; padding: 5px 0 5px 0px; /* propiedades de tamaño */ min-width: 100%; max-width: 100%; width: auto; } /* obcp-imge:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d1.w0 .obcg-imge { /* propiedades de posicionamiento */ top: 0px; left: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; /* propiedades de tamaño */ width: auto; } div.objc-cont-hori-d1.w0 .obcg-imge img { /* propiedades de posicionamiento */ top: 0px; margin: 3px 5px 5px 0 ; padding: 0 7px; /* propiedades de tamaño */ width: auto; } div.objc-cont-hori-d1.w0.m0 .obcg-imge, div.objc-cont-hori-d1.w0.m0 .obcg-imge img { /* propiedades de posicionamiento */ padding: 0px; margin: auto 0px; /* propiedades de visualización */ border: 0px solid #DDDDDD; } div.objc-cont-hori-d1.w0.m1 .obcg-imge img { /* propiedades de posicionamiento */ padding: 2px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-hori-d1.w0.m2 .obcg-imge img { /* propiedades de posicionamiento */ padding: 4px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-hori-d1.w0.m3 .obcg-imge img { /* propiedades de posicionamiento */ padding: 6px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-hori-d1.w0.m4 .obcg-imge img { /* propiedades de posicionamiento */ padding: 8px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-hori-d1.w0.m5 .obcg-imge img { /* propiedades de posicionamiento */ padding: 10px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-hori-d1.w0.m6 .obcg-imge img { /* propiedades de posicionamiento */ padding: 12px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-hori-d1.w0.m7 .obcg-imge img { /* propiedades de posicionamiento */ padding: 14px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-hori-d1.w0.m8 .obcg-imge img { /* propiedades de posicionamiento */ padding: 16px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-hori-d1.w0.m9 .obcg-imge img { /* propiedades de posicionamiento */ padding: 18px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-hori-d1.w0.m10 .obcg-imge img { /* propiedades de posicionamiento */ padding: 20px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-hori-d1.w0.m1.s1 .obcg-imge img, div.objc-cont-hori-d1.w0.m2.s1 .obcg-imge img, div.objc-cont-hori-d1.w0.m3.s1 .obcg-imge img, div.objc-cont-hori-d1.w0.m4.s1 .obcg-imge img, div.objc-cont-hori-d1.w0.m5.s1 .obcg-imge img, div.objc-cont-hori-d1.w0.m6.s1 .obcg-imge img, div.objc-cont-hori-d1.w0.m7.s1 .obcg-imge img, div.objc-cont-hori-d1.w0.m8.s1 .obcg-imge img, div.objc-cont-hori-d1.w0.m9.s1 .obcg-imge img, div.objc-cont-hori-d1.w0.m10.s1 .obcg-imge img { -webkit-box-shadow: 0px 3px 6px -2px #DDDDDD; box-shadow: 0px 3px 6px -2px #DDDDDD; /*IE8*/ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD')"; /*IE5.5-7*/ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD'); } div.objc-cont-hori-d1.w0.m1.s2 .obcg-imge img, div.objc-cont-hori-d1.w0.m2.s2 .obcg-imge img, div.objc-cont-hori-d1.w0.m3.s2 .obcg-imge img, div.objc-cont-hori-d1.w0.m4.s2 .obcg-imge img, div.objc-cont-hori-d1.w0.m5.s2 .obcg-imge img, div.objc-cont-hori-d1.w0.m6.s2 .obcg-imge img, div.objc-cont-hori-d1.w0.m7.s2 .obcg-imge img, div.objc-cont-hori-d1.w0.m8.s2 .obcg-imge img, div.objc-cont-hori-d1.w0.m9.s2 .obcg-imge img, div.objc-cont-hori-d1.w0.m10.s2 .obcg-imge img { border:1px solid #ddd; border-bottom:1px solid #aeaeae; background:#fff; line-height:0; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; -khtml-border-radius:2px; -webkit-box-shadow:0 7px 5px -6px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 7px 5px -6px rgba(0, 0, 0, 0.2); box-shadow:0 7px 5px -6px rgba(0, 0, 0, 0.2); } /* FOTOS INTERIORES ---------------- - 60 x 40 xs1 72 x 48 xs2 94 x 63 xs3 110 x 74 s1 - 120 x 75 s2 128 x 86 s3 * 144 x 144 s4 160 x 107 s5 220 x 147 m1 288 x 193 m2 - 300 x 200 m3 - 800 x 600 l1 */ /* div.objc-cont-hori-d1.size-auto .obcg-imge img { top: 0px; margin: 3px auto 3px auto ; padding: 0 4px; min-height: 0; max-height: 100%; min-width: 0; max-width: 93.5%; width: auto; } */ div.objc-cont-hori-d1.size-auto { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ /* width: 60px;*/ /* alto y ancho real */ /* height: 100px;*/ overflow: hidden; } div.objc-cont-hori-d1.size-auto .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 10%; /* alto y ancho real */ min-width: 10%; max-width: 100%; width: 100%; height: auto; } div.objc-cont-hori-d1.size-xs1 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ /* width: 60px;*/ /* alto y ancho real */ /* height: 100px;*/ overflow: hidden; } div.objc-cont-hori-d1.size-xs1 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 40px; /* alto y ancho real */ min-width: 60px; width: auto; height: auto; } div.objc-cont-hori-d1.size-xs1 .obcg-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 60px; height: 40px; overflow: hidden;} div.objc-cont-hori-d1.size-xs2 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ /* width: 72px; *//* alto y ancho real */ /* height: 100px; */ overflow: hidden; } div.objc-cont-hori-d1.size-xs2 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 48px; /* alto y ancho real */ min-width: 72px; width: auto; height: auto; } div.objc-cont-hori-d1.size-xs2 .obcg-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 72px; height: 48px; overflow: hidden;} div.objc-cont-hori-d1.size-xs3 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ /* width: 94px; *//* alto y ancho real */ /* height: 100px; */ overflow: hidden; } div.objc-cont-hori-d1.size-xs3 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 63px; /* alto y ancho real */ min-width: 94px; width: auto; height: auto; } div.objc-cont-hori-d1.size-xs3 .obcg-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 94px; height: 63px; overflow: hidden;} div.objc-cont-hori-d1.size-s1-xxx { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ /* width: 110px; *//* alto y ancho real */ /* height: 120px; */ overflow: hidden; } div.objc-cont-hori-d1.size-s1 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 74px; /* alto y ancho real */ min-width: 110px; width: auto; height: auto; } div.objc-cont-hori-d1.size-s1 .obcg-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 110px; height: 74px; overflow: hidden;} div.objc-cont-hori-d1.size-s2 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ /* width: 120px;*/ /* alto y ancho real */ /* height: 120px;*/ overflow: hidden; } div.objc-cont-hori-d1.size-s2 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 75px; /* alto y ancho real */ min-width: 120px; width: auto; height: auto; } div.objc-cont-hori-d1.size-s2 .obcg-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 120px; height: 75px; overflow: hidden;} div.objc-cont-hori-d1.size-s3 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ /* width: 128px;*/ /* alto y ancho real */ /* height: 120px; */ overflow: hidden; } div.objc-cont-hori-d1.size-s3 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 86px; /* alto y ancho real */ min-width: 128px; width: auto; height: auto; } div.objc-cont-hori-d1.size-s3 .obcg-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 128px; height: 86px; overflow: hidden;} div.objc-cont-hori-d1.size-s4 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ /* width: 144px;*/ /* alto y ancho real */ /*height: 200px;*/ overflow: hidden; } div.objc-cont-hori-d1.size-s4 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 144px; /* alto y ancho real */ min-width: 144px; max-width: 144px; width: auto; } div.objc-cont-hori-d1.size-s4 .obcg-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 144px; height: 144px; overflow: hidden; } div.objc-cont-hori-d1.size-s5 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ /* width: 160px;*/ /* alto y ancho real */ /* height: 200px; */ } div.objc-cont-hori-d1.size-s5 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 107px; /* alto y ancho real */ min-width: 160px; width: auto; height: auto; } div.objc-cont-hori-d1.size-s5 .obcg-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 160px; height: 107px; overflow: hidden;} div.objc-cont-hori-d1.size-m1 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ /* width: 220px;*/ /* alto y ancho real */ /* height: 200px; */ overflow: hidden; } div.objc-cont-hori-d1.size-m1 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 147px; /* alto y ancho real */ min-width: 220px; width: auto; height: auto; } div.objc-cont-hori-d1.size-m1 .obcg-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 220px; height: 147px; overflow: hidden;} div.objc-cont-hori-d1.size-m2 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ /* width: 288px; */ /* alto y ancho real */ /* height: 230px; */ overflow: hidden; } div.objc-cont-hori-d1.size-m2 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 193px; /* alto y ancho real */ min-width: 288px; width: auto; height: auto; } div.objc-cont-hori-d1.size-m2 .obcg-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 288px; height: 193px; overflow: hidden;} div.objc-cont-hori-d1.size-m3 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ /* width: 300px; *//* alto y ancho real */ /* height: 250px; */ overflow: hidden; } div.objc-cont-hori-d1.size-m3 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 200px; /* alto y ancho real */ min-width: 300px; width: auto; height: auto; } div.objc-cont-hori-d1.size-m3 .obcg-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 300px; height: 200px; overflow: hidden;} div.objc-cont-hori-d1.size-l1 { /* posición */ position: relative; margin: 0px; padding: 0px; top: 0px; /* alto y ancho visible */ /* width: 800px;*/ /* alto y ancho real */ /* height: 650px; */ overflow: hidden; } div.objc-cont-hori-d1.size-l1 .obcg-imge img { /* posición */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ min-height: 600px; /* alto y ancho real */ min-width: 800px; width: auto; height: auto; } div.objc-cont-hori-d1.size-l1 .obcg-imge { /* posicion */ margin: 0px; padding: 0px; left: 0px; /* alto y ancho visible */ width: 800px; height: 600px; overflow: hidden;} /* obcp-msge:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d1 .obcg-msge { /* propiedades de posicionamiento */ top: 0px; /*float: left;*/ /*left: 240px;*/ margin: 0px 0px; padding: 0px; /* propiedades de tamaño */ width: auto; height: auto; } div.objc-cont-hori-d1 .obcg-msge:first-child { /* propiedades de visualización */ } div.objc-cont-hori-d1 .obcg-msge:last-child { /* propiedades de posicionamiento */ margin-bottom: 1px; /* propiedades de visualización */ } /* obcp-ttlo:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d1 .obcp-ttlo { /* propiedades de posicionamiento */ margin: 0px 5px 5px 5px; padding: 0px 5px 5px 5px; } div.objc-cont-hori-d1 .obcp-ttlo a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ } div.objc-cont-hori-d1 .obcp-ttlo a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ } /* obcp-epig:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d1 .obcp-epig { /* propiedades de posicionamiento */ margin: 5px 5px 10px 5px; padding: 0px 5px; } /* obcp-ides:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d1 .obcp-ides { /* propiedades de posicionamiento */ margin: 5px 5px 10px 5px; padding: 0px 5px; } /* obcp-bjda:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d1 .obcp-bjda { /* propiedades de posicionamiento */ margin: 5px 5px 10px 5px; padding: 0px 5px; } /* obcp-crpo:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d1 .obcp-crpo { /* propiedades de posicionamiento */ margin: 5px 15px 10px 5px; padding: 0px 5px; } div.objc-cont-hori-d1 .obcp-crpo a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ } div.objc-cont-hori-d1 .obcp-crpo a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-hori-d1 .obcp-crpo.anula-p td p { margin-top:2px!important; margin-bottom:2px!important; padding-top: 1px!important; padding-bottom: 1px!important; line-height: 16px!important; } /* obcp-resu:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d1 .obcp-resu { /* propiedades de posicionamiento */ margin: 5px 15px 5px 5px; padding: 0px 5px; border: 0px dashed #F50 ;} div.objc-cont-hori-d1 .obcp-resu a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-hori-d1 .obcp-resu a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } /* obcp-fecha:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d1 .obcp-fcha { /* propiedades de posicionamiento margin: 5px 15px 5px 5px; padding: 5px 5px;*/ } div.objc-cont-hori-d1 .obcp-fcha span { /* propiedades de posicionamiento */ margin: 0px 0px 0px 5px; padding: 0px 0px 0px 5px; border: 0px dashed #F50 ;} div.objc-cont-hori-d1 .obcp-fcha a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-hori-d1 .obcp-fcha a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } /* obcp-info:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d1 .obcp-info { /* propiedades de posicionamiento */ margin: 5px 0px 5px 5px; padding: 0px 5px; } div.objc-cont-hori-d1 .obcp-info a { /* propiedades de posicionamiento */ margin: 0px; } div.objc-cont-hori-d1 .obcp-info a:hover { /* propiedades de posicionamiento */ } /* obcp-bton:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d1 .obcp-bton { /* propiedades de posicionamiento */ margin: 5px 0px 0px 5px; padding: 0px 5px; } div.objc-cont-hori-d1 .obcp-bton a { /* propiedades de posicionamiento */ margin: 0px; padding: 0px; bottom: 0px; } div.objc-cont-hori-d1 .obcp-bton a:hover { /* propiedades de posicionamiento */ } /* obcp-vlor:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d1 .obcp-vlor { /* propiedades de posicionamiento */ margin: 5px 5px; padding: 10px 5px; } div.objc-cont-hori-d1 .obcp-vlor span { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-hori-d1 .obcp-vlor a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-hori-d1 .obcp-vlor a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } /* ------------------------------------------------------------------------------------------------------------------ Sección : CSS Para despliegue de contenidos (Noticias / Productos ... etc ) ------------------------------------------------------------------------------------------------------------------ */ div.objc-cont-hori-d2 { /* propiedades de posicionamiento */ position: relative; margin: 0px; padding: 0px 0px 10px 0px; /* propiedades de tamaño */ width: auto; } /* obcg-imge:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d2 .obcg-imge { /* propiedades de posicionamiento */ margin: 0px; padding: 0px; /* propiedades de tamaño */ width: 100%; } div.objc-cont-hori-d2 .obcg-imge img { /* propiedades de posicionamiento */ float: left; margin: 3px 15px 5px 10px; /* JUNTOS PARA EL EFECTO DEL MARCO */ /* padding: 5px; border: 1px solid #EEE; */ /* propiedades de tamaño */ width: 100%; /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-hori-d2.w0 .obcg-imge { /* propiedades de posicionamiento */ margin: 0px; padding: 0px; /* propiedades de tamaño */ width: auto; } div.objc-cont-hori-d2.w0 .obcg-imge img { /* propiedades de posicionamiento */ float: left; margin: 3px 15px 5px 10px; /* propiedades de tamaño */ width: auto; } div.objc-cont-hori-d2 .obcg-imge a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-hori-d2.w0.m1 .obcg-imge img { /* propiedades de posicionamiento */ padding: 2px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-hori-d2.w0.m2 .obcg-imge img { /* propiedades de posicionamiento */ padding: 4px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-hori-d2.w0.m3 .obcg-imge img { /* propiedades de posicionamiento */ padding: 6px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-hori-d2.w0.m4 .obcg-imge img { /* propiedades de posicionamiento */ padding: 8px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-hori-d2.w0.m5 .obcg-imge img { /* propiedades de posicionamiento */ padding: 10px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-hori-d2.w0.m6 .obcg-imge img { /* propiedades de posicionamiento */ padding: 12px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-hori-d2.w0.m7 .obcg-imge img { /* propiedades de posicionamiento */ padding: 14px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-hori-d2.w0.m8 .obcg-imge img { /* propiedades de posicionamiento */ padding: 16px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-hori-d2.w0.m9 .obcg-imge img { /* propiedades de posicionamiento */ padding: 18px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-hori-d2.w0.m10 .obcg-imge img { /* propiedades de posicionamiento */ padding: 20px; /* propiedades de visualización */ border: 1px solid #DDDDDD; } div.objc-cont-hori-d2.w0.m1.s1 .obcg-imge img, div.objc-cont-hori-d2.w0.m2.s1 .obcg-imge img, div.objc-cont-hori-d2.w0.m3.s1 .obcg-imge img, div.objc-cont-hori-d2.w0.m4.s1 .obcg-imge img, div.objc-cont-hori-d2.w0.m5.s1 .obcg-imge img, div.objc-cont-hori-d2.w0.m6.s1 .obcg-imge img, div.objc-cont-hori-d2.w0.m7.s1 .obcg-imge img, div.objc-cont-hori-d2.w0.m8.s1 .obcg-imge img, div.objc-cont-hori-d2.w0.m9.s1 .obcg-imge img, div.objc-cont-hori-d2.w0.m10.s1 .obcg-imge img { -webkit-box-shadow: 0px 3px 6px -2px #DDDDDD; box-shadow: 0px 3px 6px -2px #DDDDDD; /*IE8*/ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD')"; /*IE5.5-7*/ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#DDDDDD'); } div.objc-cont-hori-d2.w0.m1.s2 .obcg-imge img, div.objc-cont-hori-d2.w0.m2.s2 .obcg-imge img, div.objc-cont-hori-d2.w0.m3.s2 .obcg-imge img, div.objc-cont-hori-d2.w0.m4.s2 .obcg-imge img, div.objc-cont-hori-d2.w0.m5.s2 .obcg-imge img, div.objc-cont-hori-d2.w0.m6.s2 .obcg-imge img, div.objc-cont-hori-d2.w0.m7.s2 .obcg-imge img, div.objc-cont-hori-d2.w0.m8.s2 .obcg-imge img, div.objc-cont-hori-d2.w0.m9.s2 .obcg-imge img, div.objc-cont-hori-d2.w0.m10.s2 .obcg-imge img { border:1px solid #ddd; border-bottom:1px solid #aeaeae; background:#fff; line-height:0; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; -khtml-border-radius:2px; -webkit-box-shadow:0 7px 5px -6px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 7px 5px -6px rgba(0, 0, 0, 0.2); box-shadow:0 7px 5px -6px rgba(0, 0, 0, 0.2); } /* obcp-msge:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d2 .obcg-msge { /* propiedades de posicionamiento */ top: 0px; /*float: left;*/ /*left: 240px;*/ margin: 0px 0px; padding: 0px; /* propiedades de tamaño */ width: auto; height: auto; } div.objc-cont-hori-d2 .obcg-msge:first-child{ /* propiedades de visualización */ } div.objc-cont-hori-d2 .obcg-msge:last-child { /* propiedades de posicionamiento */ margin-bottom: 1px; /* propiedades de visualización */ } /* obcp-ides:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d2 .obcp-ides, div.objc-cont-hori-d2 .obcp-ides a, div.objc-cont-hori-d2 .obcp-ides p, div.objc-cont-hori-d2 .obcp-ides span { /* propiedades de posicionamiento */ /*margin: 2px; padding: 5px 20px;*/ float: left; /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } /* obcp-ttlo:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d2 .obcp-ttlo { /* propiedades de posicionamiento */ margin: 0px 5px 10px 10px; padding: 0px; /* 5px 10px 0;*/ } div.objc-cont-hori-d2 .obcp-ttlo a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-hori-d2 .obcp-ttlo a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } /* obcp-epig:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d2 .obcp-epig { /* propiedades de posicionamiento */ margin: 5px 5px 10px 5px; padding: 0px 5px; /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } /* obcp-bjda:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d2 .obcp-bjda { /* propiedades de posicionamiento */ margin: 5px 5px 10px 5px; padding: 0px 5px; /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } /* obcp-crpo:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d2 .obcp-crpo { /* propiedades de posicionamiento */ margin: 0px 15px 0 5px; padding: 0px 5px; /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-hori-d2 .obcp-crpo a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-hori-d2 .obcp-crpo a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-hori-d2 .obcp-crpo.anula-p td p { margin-top:2px!important; margin-bottom:2px!important; padding-top: 1px!important; padding-bottom: 1px!important; line-height: 16px!important; } /* obcp-resu:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d2 .obcp-resu { /* propiedades de posicionamiento */ margin: 0px 15px 0 5px; padding: 0px 5px; /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-hori-d2 .obcp-resu a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-hori-d2 .obcp-resu a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } /* obcp-fecha:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d2 .obcp-fcha { /* propiedades de posicionamiento margin: 5px 15px 5px 5px; padding: 5px 5px;*/ } div.objc-cont-hori-d2 .obcp-fcha span { /* propiedades de posicionamiento */ margin: 0px 15px 0px 5px; padding: 0px 0px 0px 5px; border: 0px dashed #F50 ;} div.objc-cont-hori-d2 .obcp-fcha a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-hori-d2 .obcp-fcha a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } /* obcp-info:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d2 .obcp-info { /* propiedades de posicionamiento */ margin: 0px 15px 0 5px; padding: 0px 5px; /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-hori-d2 .obcp-info a { /* propiedades de posicionamiento */ margin: 0px; padding: 0px; /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-hori-d2 .obcp-info a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } /* obcp-bton:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d2 .obcp-bton { /* propiedades de posicionamiento */ margin: 5px; padding: 5px; } div.objc-cont-hori-d2 .obcp-bton a { /* propiedades de posicionamiento */ margin: 5px 0; padding: 5px; /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-hori-d2 .obcp-bton a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } /* obcp-vlor:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d2 .obcp-vlor { /* propiedades de posicionamiento */ margin: 5px 5px; padding: 10px 5px; /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-hori-d2 .obcp-vlor span { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-hori-d2 .obcp-vlor a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-hori-d2 .obcp-vlor a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } /* · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · */ /* · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · */ /* · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · */ /* · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · */ /* · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · */ /* · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · */ /* · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · */ /* DISEÑOS NUEVOS -> DISEÑOS NUEVOS -> DISEÑOS NUEVOS -> DISEÑOS NUEVOS -> DISEÑOS NUEVOS -> DISEÑOS NUEVOS -> DISEÑOS NUEVOS · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · */ /* DISEÑOS NUEVOS -> DISEÑOS NUEVOS -> DISEÑOS NUEVOS -> DISEÑOS NUEVOS -> DISEÑOS NUEVOS -> DISEÑOS NUEVOS -> DISEÑOS NUEVOS · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · */ /* DISEÑOS NUEVOS -> DISEÑOS NUEVOS -> DISEÑOS NUEVOS -> DISEÑOS NUEVOS -> DISEÑOS NUEVOS -> DISEÑOS NUEVOS -> DISEÑOS NUEVOS · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · */ /* ------------------------------------------------------------------------------------------------------------------ ------------------------------------------------------------------------------------------------------------------ Sección : CSS Para despliegue de contenidos Horizontales D5 (Noticias / Productos ... etc ) ------------------------------------------------------------------------------------------------------------------ ------------------------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------------------------ Sección : CSS Para despliegue de contenidos (Noticias / Productos ... etc ) ------------------------------------------------------------------------------------------------------------------ */ div.objc-cont-hori-d5 { /* propiedades de posicionamiento */ position: relative; margin: 0px; padding: 0px; top: 0px; left: 0px; /* propiedades de tamaño */ width: auto; height: auto; /* propiedades de tipografía */ /* propiedades de visualización */ } /* obcp-imge:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d5 .obcg-imge { /* propiedades de posicionamiento */ clear: both; position: relative; display: block; top: 0px; left: 0px; margin: 0px; padding: 0px; right: 0px; /* propiedades de tamaño */ display: block; width: auto; overflow: hidden; /* min-width: 90%; width: auto; height: auto; */ /* propiedades de visualización */ overflow: hidden; } div.objc-cont-hori-d5 .obcg-imge img { /* propiedades de posicionamiento */ top: 0px; left: 0px; margin: 0px; padding: 0px; /* propiedades de tamaño */ /* min-width: 0; max-width: 100%; */ min-width: 0; max-width: 100%; width: 100%; height: auto; /* width: auto; height: calc(100% + 1px); */ } /* obcp-msge:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d5 .obcg-msge { /* propiedades de posicionamiento */ display: inline-block; calc(width: 100% - 10px); margin: 0px; padding: 0px; left: 0px; overflow: hidden; /* propiedades de tamaño */ } div.objc-cont-hori-d5 .obcg-msge { /*clear: both; float: left;*/ border: 5px solid transparent; } div.objc-cont-hori-d5 .obcg-msge:first-child { /* propiedades de visualización */ } div.objc-cont-hori-d5 .obcg-msge:last-child { /* propiedades de posicionamiento */ margin-bottom: 0px; /* propiedades de visualización */ } /* obcp-ttlo:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d5 .obcp-ttlo { /* propiedades de posicionamiento */ margin: 0px 0px; padding: 0px 0px; } div.objc-cont-hori-d5 .obcp-ttlo a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ } div.objc-cont-hori-d5 .obcp-ttlo a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ } /* obcp-epig:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d5 .obcp-epig { /* propiedades de posicionamiento */ margin: 0px 0px; padding: 0px 0px; } /* obcp-ides:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d5 .obcp-ides { /* propiedades de posicionamiento */ margin: 0px 0px; padding: 0px 0px; } /* obcp-bjda:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d5 .obcp-bjda { /* propiedades de posicionamiento */ margin: 0px 0px; padding: 0px 0px; } /* obcp-crpo:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d5 .obcp-crpo { /* propiedades de posicionamiento */ margin: 0px 0px; padding: 0px 0px; } div.objc-cont-hori-d5 .obcp-crpo a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ } div.objc-cont-hori-d5 .obcp-crpo a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } /* obcp-resu:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d5 .obcp-resu { /* propiedades de posicionamiento */ margin: 0px 0px; padding: 0px 0px; border: 0px dashed #F50 ;} div.objc-cont-hori-d5 .obcp-resu a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-hori-d5 .obcp-resu a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } /* obcp-fecha:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d5 .obcp-fcha { /* propiedades de posicionamiento margin: 5px 15px 5px 5px; padding: 5px 5px;*/ } div.objc-cont-hori-d5 .obcp-fcha span { /* propiedades de posicionamiento */ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px dashed #F50 ;} div.objc-cont-hori-d5 .obcp-fcha a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-hori-d5 .obcp-fcha a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } /* obcp-info:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d5 .obcp-info { /* propiedades de posicionamiento */ margin: 0px 0px; padding: 0px 0px; } div.objc-cont-hori-d5 .obcp-info a { /* propiedades de posicionamiento */ margin: 0px; } div.objc-cont-hori-d5 .obcp-info a:hover { /* propiedades de posicionamiento */ } /* obcp-bton:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d5 .obcp-bton { /* propiedades de posicionamiento */ margin: 0px 0px; padding: 0px 0px; } div.objc-cont-hori-d5 .obcp-bton a { /* propiedades de posicionamiento */ margin: 0px; padding: 0px; bottom: 0px; } div.objc-cont-hori-d5 .obcp-bton a:hover { /* propiedades de posicionamiento */ } /* obcp-vlor:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-hori-d5 .obcp-vlor { /* propiedades de posicionamiento */ margin: 0px 0px; padding: 0px 0px; } div.objc-cont-hori-d5 .obcp-vlor span { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-hori-d5 .obcp-vlor a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-hori-d5 .obcp-vlor a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } /* ------------------------------------------------------------------------------------------------------------------ ------------------------------------------------------------------------------------------------------------------ Sección : CSS Para despliegue de contenidos verticales D5 (Noticias / Productos ... etc ) ------------------------------------------------------------------------------------------------------------------ ------------------------------------------------------------------------------------------------------------------ */ /* ??? Realizar hover sobre el objeto para destacar el activo */ div.objc-cont-vert-d5 { /* propiedades de posicionamiento */ position: relative; margin: 0px; padding: 0px; top: 0px; left: 0px; /* propiedades de tamaño */ width: auto; /* propiedades de tipografía */ /* propiedades de visualización */ background-color: #FFF; } /* obcp-imge:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d5 .obcg-imge { /* propiedades de posicionamiento */ margin: 0px; padding: 0px; left: 0px; right: 0; position: relative; display: block; width: auto; overflow: hidden; } /* imagen ajustada al ancho */ div.objc-cont-vert-d5 .obcg-imge img { /* propiedades de posicionamiento */ margin: 0px; left: 0px; /* propiedades de tamaño */ min-width: 0; max-width: 100%; width: 100%; height: auto; } /*old*/ div.objc-cont-vert-d5 .obcg-imge-old img { /* propiedades de posicionamiento */ margin: 0px; left: 0px; /* propiedades de tamaño */ min-width: 0; max-width: 100%; /*width: auto;*/ height: auto; } /* obcp-msge:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d5 .obcg-msge { /* propiedades de posicionamiento */ display: inline-block; width: calc(100% - 10px); margin: 0px; padding: 0px; left: 0px; overflow: hidden; /* propiedades de tamaño */ } div.objc-cont-vert-d5 .obcg-msge { /*clear: both; float: left;*/ border: 5px solid transparent; } div.objc-cont-vert-d5 .obcg-msge:first-child { /* propiedades de visualización */ } div.objc-cont-vert-d5 .obcg-msge:last-child { /* propiedades de posicionamiento */ margin-bottom: 0px; /* propiedades de visualización */ } /* obcp-ttlo:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d5 .obcp-ttlo { /* propiedades de posicionamiento */ display: inline-block; width: 100%; margin: 0px; padding: 0px; /* propiedades de tamaño */ } div.objc-cont-vert-d5 .obcp-ttlo a { /* propiedades de posicionamiento */ /* propiedades de visualización */ text-decoration: none; } div.objc-cont-vert-d5 .obcp-ttlo a:hover { /* propiedades de posicionamiento */ /* propiedades de visualización */ } /* obcp-epig:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d5 .obcp-epig { /* propiedades de posicionamiento */ display: inline-block; width: 100%; margin: 0px; padding: 0px; /* propiedades de tamaño */ } /* obcp-bjda:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d5 .obcp-bjda { /* propiedades de posicionamiento */ display: inline-block; width: 100%; margin: 0px; padding: 0px; /* propiedades de tamaño */ } /* obcp-crpo:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d5 .obcp-crpo { /* propiedades de posicionamiento */ display: inline-block; width: 100%; margin: 0px; padding: 0px; overflow: hidden; /* propiedades de tamaño */ } div.objc-cont-vert-d5 .obcp-crpo a { /* propiedades de posicionamiento */ /* propiedades de visualización */ text-decoration: none; } div.objc-cont-vert-d5 .obcp-crpo a:hover { /* propiedades de posicionamiento */ /* propiedades de visualización */ } div.objc-cont-vert-d5 .obcp-crpo.anula-p td p { margin-top:2px!important; margin-bottom:2px!important; padding-top: 1px!important; padding-bottom: 1px!important; line-height: 16px!important; } /* obcp-resu:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d5 .obcp-resu { /* propiedades de posicionamiento */ display: inline-block; width: 100%; margin: 0px; padding: 0px; overflow: hidden; } div.objc-cont-vert-d5 .obcp-resu a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-vert-d5 .obcp-resu a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } /* obcp-fecha:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d5 .obcp-fcha { /* propiedades de posicionamiento */ display: inline-block; width: 100%; margin: 0px; padding: 0px; overflow: hidden; } div.objc-cont-vert-d5 .obcp-fcha a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-vert-d5 .obcp-fcha a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } /* obcp-info:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d5 .obcp-info { /* propiedades de posicionamiento */ display: inline-block; width: 100%; margin: 0px; padding: 0px; /* propiedades de tamaño */ } div.objc-cont-vert-d5 .obcp-info a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-vert-d5 .obcp-info a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } /* obcp-vlor:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d5 .obcp-vlor { /* propiedades de posicionamiento */ display: inline-block; width: 100%; margin: 0px; padding: 0px; /* propiedades de tamaño */ } div.objc-cont-vert-d5 .obcp-vlor span { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } div.objc-cont-vert-d5 .obcp-vlor a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ } div.objc-cont-vert-d5 .obcp-vlor a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } /* obcp-bton:: -- -- -- -- -- -- -- -- -- -- -- -- */ div.objc-cont-vert-d5 .obcp-bton { /* propiedades de posicionamiento */ display: inline-block; min-width: 0; max-width: 100%; width: 100%; margin: 0px; padding: 0px; } div.objc-cont-vert-d5 .obcp-bton a { /* propiedades de posicionamiento */ margin: 0px; padding: 0px; } div.objc-cont-vert-d5 .obcp-bton a:hover { /* propiedades de posicionamiento */ } /** ******************************************************************************** CONTENIDOS OCULTOS ** ******************************************************************************** */ div.objc-cont-vert-d5 .obcg-msge { /* propiedades de posicionamiento */ display: inline-block; width: calc(100% - 10px); margin: 0px; padding: 0px; left: 0px; overflow: hidden; /* propiedades de tamaño */ } div.objc-cont-vert-d5 .obcg-msge { /*clear: both; float: left;*/ border: 5px solid transparent; } div.objc-cont-vert-d5 .obcg-msge:first-child { /* propiedades de visualización */ } div.objc-cont-vert-d5 .obcg-msge:last-child { /* propiedades de posicionamiento */ margin-bottom: 0px; /* propiedades de visualización */ } /* obcg-msge-ocul-1 -> contenido para el efecto de info adicional (hover)*/ div.objc-cont-vert-d5:hover .obcg-msge-ocul-1 { -o-transition: display 0.5s; -webkit-transition: display 0.5s; -moz-transition: display 0.5s; -ms-transition: display 0.5s; transition: display 0.5s; } div.objc-cont-vert-d5 .obcg-msge-ocul-1 { display: none; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 100; width: calc(100% - 0px); padding: 0px; text-align: center; outline: 1px solid #EEE; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1 { display: inline-block; position: absolute; z-index: 100; height: auto; padding: 0px; text-align: center; outline: 1px solid #DDD; background-color: #FFF; }/*-webkit-box-shadow: 3px 3px 2px 0px #DDDDDD; box-shadow: 3px 3px 2px 0px #DDDDDD; padding: 5px; */ div.objc-cont-vert-d5:hover .obcg-imge { z-index: 101; } /* subclases que Permiten dar el ancho de la ventana que se va a desplegar con el hover */ div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-maxx-anpx-0 { width: calc(100% + 0px); } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-maxx-anpx-10 { width: calc(100% + 10px); } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-maxx-anpx-20 { width: calc(100% + 20px); } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-maxx-anpx-30 { width: calc(100% + 30px); } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-maxx-anpx-40 { width: calc(100% + 40px); } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-maxx-anpx-50 { width: calc(100% + 50px); } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-maxx-anpx-60 { width: calc(100% + 60px); } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-maxx-anpx-70 { width: calc(100% + 70px); } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-maxx-anpx-80 { width: calc(100% + 80px); } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-maxx-anpx-90 { width: calc(100% + 90px); } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-maxx-anpx-100 { width: calc(100% + 100px); } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-maxx-anpx-110 { width: calc(100% + 110px); } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-maxx-anpx-120 { width: calc(100% + 120px); } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-maxx-anpx-130 { width: calc(100% + 130px); } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-maxx-anpx-140 { width: calc(100% + 140px); } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-maxx-anpx-150 { width: calc(100% + 150px); } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-maxx-anpx-160 { width: calc(100% + 160px); } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-maxx-anpx-170 { width: calc(100% + 170px); } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-maxx-anpx-180 { width: calc(100% + 180px); } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-maxx-anpx-190 { width: calc(100% + 190px); } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-maxx-anpx-200 { width: calc(100% + 200px); } /* subclases que Permiten dar el alto mínimo de la ventana que se va a desplegar con el hover */ div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-100 { min-height: 100px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-110 { min-height: 110px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-120 { min-height: 120px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-130 { min-height: 130px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-140 { min-height: 140px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-150 { min-height: 150px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-160 { min-height: 160px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-170 { min-height: 170px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-180 { min-height: 180px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-190 { min-height: 190px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-200 { min-height: 200px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-210 { min-height: 210px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-220 { min-height: 220px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-230 { min-height: 230px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-240 { min-height: 240px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-250 { min-height: 250px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-260 { min-height: 260px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-270 { min-height: 270px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-280 { min-height: 280px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-290 { min-height: 290px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-300 { min-height: 300px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-310 { min-height: 310px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-320 { min-height: 320px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-330 { min-height: 330px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-340 { min-height: 340px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-350 { min-height: 350px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-360 { min-height: 360px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-370 { min-height: 370px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-380 { min-height: 380px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-390 { min-height: 390px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-400 { min-height: 400px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-410 { min-height: 410px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-420 { min-height: 420px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-430 { min-height: 430px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-440 { min-height: 440px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-450 { min-height: 450px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-460 { min-height: 460px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-470 { min-height: 470px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-480 { min-height: 480px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-490 { min-height: 490px; } div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-minn-alpx-500 { min-height: 500px; } /* subclases que Permiten dar la posición left del objeto a desplegar con el hover en relación al contenido */ div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-left-10 { left: -10px!important; } /*calc(width - 10%)*/ div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-left-20 { left: -20px!important; } /*calc(width - 20%)*/ div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-left-30 { left: -30px!important; } /*calc(width - 30%)*/ div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-left-40 { left: -40px!important; } /*calc(width - 40%)*/ div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-left-50 { left: -50px!important; } /*calc(width - 50%)*/ div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-left-60 { left: -60px!important; } /*calc(width - 60%)*/ div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-left-70 { left: -70px!important; } /*calc(width - 70%)*/ div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-left-80 { left: -80px!important; } /*calc(width - 80%)*/ div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-left-90 { left: -90px!important; } /*calc(width - 90%)*/ div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-left-100 { left: -100px!important; } /*calc(width - 100%)*/ div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-left-110 { left: -110px!important; } /*calc(width - 110%)*/ div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-left-120 { left: -120px!important; } /*calc(width - 120%)*/ div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-left-130 { left: -130px!important; } /*calc(width - 130%)*/ div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-left-140 { left: -140px!important; } /*calc(width - 140%)*/ div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-left-150 { left: -150px!important; } /*calc(width - 150%)*/ div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-left-160 { left: -160px!important; } /*calc(width - 160%)*/ div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-left-170 { left: -170px!important; } /*calc(width - 170%)*/ div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-left-180 { left: -180px!important; } /*calc(width - 180%)*/ div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-left-190 { left: -190px!important; } /*calc(width - 190%)*/ div.objc-cont-vert-d5:hover .obcg-msge-ocul-1.obcp-left-200 { left: -200px!important; } /*calc(width - 200%)*/ /* ???CHF REVISAR ... GENERA CONFLICTO ... PARECE QUE FALAT UNA SUBCLASE PARA QUE NO SE ACTIVE SIEMPRE EL HOVER ... div.objc-cont-vert-d5:hover .obcg-imge { display: inline-block; position: relative; z-index: 101!important; } div.objc-cont-vert-d5:hover .obcg-msge { display: inline-block; position: relative; z-index: 101!important; top: 0; left: 0; } */ div.objc-cont-vert-d5 .obcg-msge-ocul-1 .obcp-gale.obcp-posi-righ { clear: both; display: inline-block; position: relative; float: right; right: 0; top: 0; margin: 0; padding: 0; /* width: 50px; height: 50px; */ /* border-left: 1px solid #EEE; border-bottom: 1px solid #EEE; */ left: 0; padding-top: 0px; margin-bottom: 0px; } div.objc-cont-vert-d5 .obcg-msge-ocul-1 .obcp-gale.obcp-posi-left { clear: both; display: inline-block; position: relative; float: left; left: 0; top: 0; margin: 0; padding: 0; /* width: 50px; height: 50px; */ /* border-right: 1px solid #EEE; border-bottom: 1px solid #EEE; */ left: 0; padding-top: 0px; margin-bottom: 0px; } div.objc-cont-vert-d5 .obcg-msge-ocul-1 .obcp-adic.obcp-posi-bott { display: inline-block; position: absolute; bottom: 0; height: auto; border-top: 1px solid #EEE; left: 0; padding-top: 10px; padding-bottom: 10px; } /** ******************************************************************************** MANEJO DE MARGENES ( MEDIANTE BORDES ) PARA EL OBJETO DE CONTENIDOS D5 (HORIZONTAL Y VERTICAL se diseñaron inicialmente para los siguientes elementos de grupo y propiedades : > obcg-imge > obcg-msge > obcp-ttlo > obcp-epig > obcp-bjda > obcp-bton > obcp-crpo > obcp-fcha > obcp-info > obcp-resu > obcp-vlor // PERO EN RIGOR PUEDE SER USADOS EN LA MAYORIA DE LOS ELEMENTO ** ******************************************************************************** */ .obcp-mrgn-0 { /* propiedades de visualización */ border: 0px solid transparent !important; width: 100% !important; } .obcp-mrgn-1 { /* propiedades de visualización */ border: 1px solid transparent !important; width: calc(100% - 2px) !important; } .obcp-mrgn-2 { /* propiedades de visualización */ border: 2px solid transparent !important; width: calc(100% - 4px) !important; } .obcp-mrgn-3 { /* propiedades de visualización */ border: 3px solid transparent !important; width: calc(100% - 6px) !important; } .obcp-mrgn-4 { /* propiedades de visualización */ border: 4px solid transparent !important; width: calc(100% - 8px) !important; } .obcp-mrgn-5 { /* propiedades de visualización */ border: 5px solid transparent !important; width: calc(100% - 10px) !important; } .obcp-mrgn-6 { /* propiedades de visualización */ border: 6px solid transparent !important; width: calc(100% - 12px) !important; } .obcp-mrgn-7 { /* propiedades de visualización */ border: 7px solid transparent !important; width: calc(100% - 14px) !important; } .obcp-mrgn-8 { /* propiedades de visualización */ border: 8px solid transparent !important; width: calc(100% - 16px) !important; } .obcp-mrgn-9 { /* propiedades de visualización */ border: 9px solid transparent !important; width: calc(100% - 18px) !important; } .obcp-mrgn-10 { /* propiedades de visualización */ border: 10px solid transparent !important; width: calc(100% - 20px) !important; } .obcp-mrgn-11 { /* propiedades de visualización */ border: 11px solid transparent !important; width: calc(100% - 22px) !important; } .obcp-mrgn-12 { /* propiedades de visualización */ border: 12px solid transparent !important; width: calc(100% - 24px) !important; } .obcp-mrgn-13 { /* propiedades de visualización */ border: 13px solid transparent !important; width: calc(100% - 26px) !important; } .obcp-mrgn-14 { /* propiedades de visualización */ border: 14px solid transparent !important; width: calc(100% - 28px) !important; } .obcp-mrgn-15 { /* propiedades de visualización */ border: 15px solid transparent !important; width: calc(100% - 30px) !important; } .obcp-mrgn-16 { /* propiedades de visualización */ border: 16px solid transparent !important; width: calc(100% - 32px) !important; } .obcp-mrgn-17 { /* propiedades de visualización */ border: 17px solid transparent !important; width: calc(100% - 34px) !important; } .obcp-mrgn-18 { /* propiedades de visualización */ border: 18px solid transparent !important; width: calc(100% - 36px) !important; } .obcp-mrgn-19 { /* propiedades de visualización */ border: 19px solid transparent !important; width: calc(100% - 38px) !important; } .obcp-mrgn-20 { /* propiedades de visualización */ border: 20px solid transparent !important; width: calc(100% - 40px) !important; } /* OBJETO PARA CREAR IMAGEN CIRCULAR :: -- -- -- -- -- -- -- -- -- -- -- -- */ .obcg-imge-circ-s { position: absolute; width: 50px; height: 50px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; overflow: hidden; z-index: 10005; /* background: url(http://www.tublog.com/tuimagen.jpg) no-repeat; */ } .obcg-imge-circ-s { left: 10px; border: 1px solid #F0F0F0; } .obcg-imge-circ-s img { width: 50px; height: 50px; } .obcg-imge-circ-m { position: absolute; width: 80px; height: 80px; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; overflow: hidden; z-index: 10005; /* background: url(http://www.tublog.com/tuimagen.jpg) no-repeat; */ } .obcg-imge-circ-m { left: 10px; border: 1px solid #F0F0F0; } .obcg-imge-circ-m img { width: 80px; height: 80px; } .obcg-imge-circ-l { position: absolute; width: 110px; height: 110px; border-radius: 90px; -webkit-border-radius: 90px; -moz-border-radius: 90px; overflow: hidden; z-index: 10005; /* background: url(http://www.tublog.com/tuimagen.jpg) no-repeat; */ } .obcg-imge-circ-l { left: 10px; border: 1px solid #F0F0F0; } .obcg-imge-circ-l img { width: 110px; height: 110px; } .obcg-imge-circ-s.obcp-smbr, .obcg-imge-circ-m.obcp-smbr, .obcg-imge-circ-l.obcp-smbr { box-shadow: 0 0 8px rgba(0, 0, 0, .8); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8); } .obcg-imge-cuad-s { position: absolute; width: 50px; height: 50px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; overflow: hidden; z-index: 10005; /* background: url(http://www.tublog.com/tuimagen.jpg) no-repeat; */ } .obcg-imge-cuad-s { left: 10px; border: 1px solid #F0F0F0; } .obcg-imge-cuad-s img { width: 50px; height: 50px; } .obcg-imge-cuad-m { position: absolute; width: 80px; height: 80px; border-radius: 6px; -webkit-border-radius: 3px; -moz-border-radius: 6px; overflow: hidden; z-index: 10005; /* background: url(http://www.tublog.com/tuimagen.jpg) no-repeat; */ } .obcg-imge-cuad-m { left: 10px; border: 1px solid #F0F0F0; } .obcg-imge-cuad-m img { width: 80px; height: 80px; } .obcg-imge-cuad-l { position: absolute; width: 110px; height: 110px; border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; overflow: hidden; z-index: 10005; /* background: url(http://www.tublog.com/tuimagen.jpg) no-repeat; */ } .obcg-imge-cuad-l { left: 10px; border: 1px solid #F0F0F0; } .obcg-imge-cuad-l img { width: 110px; height: 110px; } .obcg-imge-cuad-s.obcp-smbr, .obcg-imge-cuad-m.obcp-smbr, .obcg-imge-cuad-l.obcp-smbr { box-shadow: 0 0 8px rgba(0, 0, 0, .8); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8); } /* ------------------------------------------------------------------------------------------------------------------ ------------------------------------------------------------------------------------------------------------------ Sección : SUBCLASES GENERICAS PARA COLOCAR ELELEMTOS ADICIONALES TTLOS MENSAJES ------------------------------------------------------------------------------------------------------------------ ------------------------------------------------------------------------------------------------------------------ */ /* obcp-imge-ttlo:: -- -- -- -- -- -- -- -- -- -- -- -- */ .obcg-imge .obcp-imge-info-adic { /* propiedades de posicionamiento */ position: absolute; width: auto; max-width: 100%; min-height: 1px; padding: 0px; margin: 0px; z-index: 100; /* propiedades de tamaño */ } .obcg-imge .obcp-imge-info-adic:first-child { /* propiedades de visualización */ } .obcg-imge .obcp-imge-info-adic:last-child { /* propiedades de posicionamiento */ /* propiedades de visualización */ } .obcg-imge .obcp-imge-info-adic:hover { } .obcg-imge .obcp-imge-info-ttlo { /* propiedades de posicionamiento */ position: absolute; left: 0px; width: calc(100% - 20px); display: block; min-height: 1px; padding: 5px 10px; margin: 0px; z-index: 101; /* propiedades de tamaño */ } .obcg-imge .obcp-imge-info-ttloxxx.obcp-nnoo_floaxxx { /* propiedades de posicionamiento */ position: relative; left: 0px; width: calc(100% - 20px); display: block; min-height: 1px; padding: 5px 10px; margin: 0px; z-index: 101; /* propiedades de tamaño */ } .obcg-imge .obcp-imge-info-ttlo:first-child { /* propiedades de visualización */ } .obcg-imge .obcp-imge-info-ttlo:last-child { /* propiedades de posicionamiento */ /* propiedades de visualización */ } .obcg-imge .obcp-imge-info-ttlo:hover { } .obcg-imge .obcp-imge-info-flch { /* propiedades de posicionamiento */ position: absolute; width: auto; max-width: 100%; min-height: 1px; padding: 0px; margin: 0px; z-index: 102; /* propiedades de tamaño */ } /* obcp-info:: -- -- -- -- -- -- -- -- -- -- -- -- */ .obcp-even-ubic { /* propiedades de posicionamiento */ margin: 0px 5px 0px 0px; padding: 0px 5px 0 0; /* propiedades de tamaño */ } .obcp-even-ubic a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } .obcp-even-ubic a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } .obcp-even-fcha { /* propiedades de posicionamiento */ margin: 0px 5px 0px 0px; padding: 0px 5px 0 0; /* propiedades de tamaño */ } .obcp-even-fcha a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } .obcp-even-fcha a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } .obcp-even-fcha { /* propiedades de posicionamiento */ margin: 0px 5px 0px 0px; padding: 0px 5px 0 0; /* propiedades de tamaño */ } .obcp-even-fcha a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } .obcp-even-fcha a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } .obcg-even-cale-1 { /* propiedades de posicionamiento */ position: relative; clear: both; float: left; display: inline-block; height: auto; /* propiedades de tamaño */ } .obcg-even-cale-1 a { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } .obcg-even-cale-1 a:hover { /* propiedades de posicionamiento */ /* propiedades de tamaño */ /* propiedades de tipografía */ /* propiedades de visualización */ } .obcg-even-cale-1 .obcp-diaa-ddd { /* propiedades de posicionamiento */ display: block; width: 100%; height: auto; /* propiedades de tamaño */ } .obcg-even-cale-1 .obcp-diaa-dd { /* propiedades de posicionamiento */ display: block; width: 100%; height: auto; /* propiedades de tamaño */ } .obcg-even-cale-1 .obcp-mess-ddd { /* propiedades de posicionamiento */ display: block; width: 100%; height: auto; /* propiedades de tamaño */ } /* · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · */ .obcp-imge-colr { z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-transition: background-color 0.5s, background-image 0.5s; -webkit-transition: background-color 0.5s, background-image 0.5s; -moz-transition: background-color 0.5s, background-image 0.5s; -ms-transition: background-color 0.5s, background-image 0.5s; transition: background-color 0.5s, background-image 0.5s; } .obcp-colr-nara-1 .obcp-imge-colr { background-color: transparent; background-image: -o-linear-gradient(transparent, rgba(213,118,16,0.1) 100%); background-image: -webkit-linear-gradient(transparent, rgba(213,118,16,0.1) 100%); background-image: -moz-linear-gradient(transparent, rgba(213,118,16,0.1) 100%); background-image: -ms-linear-gradient(transparent, rgba(213,118,16,0.1) 100%); background-image: linear-gradient(transparent, rgba(213,118,16,0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); } .obcp-colr-nara-1:hover .obcp-imge-colr { background-color: #d57610; background-color: rgba(213,118,16,0.3); background-color: -o-linear-gradient(top, rgba(213,118,16,0.4) 0%, rgba(213,118,16,0.4) 100%); /* Opera 11.10+ */ background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(213,118,16,0.3)), color-stop(100%,rgba(213,118,16,0.4))); /* Chrome,Safari4+ */ background-color: -webkit-linear-gradient(top, rgba(213,118,16,0.4) 0%, rgba(213,118,16,0.4) 100%); /* Chrome10+,Safari5.1+ */ background-color: -moz-linear-gradient(top, rgba(213,118,16,0.4) 0%, rgba(213,118,16,0.4) 100%); /* FF3.6+ */ background-color: -ms-linear-gradient(top, rgba(213,118,16,0.4) 0%, rgba(213,118,16,0.4) 100%); /* IE10+ */ background-color: linear-gradient(top, rgba(213,118,16,0.4) 0%, rgba(213,118,16,0.4) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d57610', endColorstr='#d57610',GradientType=0 ); /* IE6-9 */ /* tranformamos el elemento al pasar el mouse por encima al doble de su tamaño con scale(2). */ transform : scale(2); -moz-transform : scale(2); /* Firefox */ -webkit-transform : scale(2); /* Chrome - Safari */ -o-transform : scale(2); /* Opera */ } /* HOVER:GRISES para efecto hover -> */ .obcp-over-line-5-gris-1xx { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .obcp-over-line-100-gris-1:hover { top: -2px; outline: 5px solid rgba( 16, 16, 16, 0.8) !important; z-index: 99; } .obcp-over-line-100-gris-1:hover .obcg-imge img { -webkit-filter: grayscale(50%); -moz-filter: grayscale(50%); -ms-filter: grayscale(50%); -o-filter: grayscale(50%); filter: grayscale(50%); /* Para cuando es estándar funcione en todos */ filter: Gray(); /* IE4-8 and 9 */ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .obcp-over-line-1-gris-1.obcp-over-move:hover { top: -3px;} .obcp-over-line-1-gris-2.obcp-over-move:hover { top: -3px;} .obcp-over-line-1-gris-3.obcp-over-move:hover { top: -3px;} .obcp-over-line-1-gris-4.obcp-over-move:hover { top: -3px;} .obcp-over-line-1-gris-5.obcp-over-move:hover { top: -3px;} .obcp-over-line-1-gris-6.obcp-over-move:hover { top: -3px;} .obcp-over-line-1-gris-7.obcp-over-move:hover { top: -3px;} .obcp-over-line-2-gris-1.obcp-over-move:hover { top: -3px;} .obcp-over-line-2-gris-2.obcp-over-move:hover { top: -3px;} .obcp-over-line-2-gris-3.obcp-over-move:hover { top: -3px;} .obcp-over-line-2-gris-4.obcp-over-move:hover { top: -3px;} .obcp-over-line-2-gris-5.obcp-over-move:hover { top: -3px;} .obcp-over-line-2-gris-6.obcp-over-move:hover { top: -3px;} .obcp-over-line-2-gris-7.obcp-over-move:hover { top: -3px;} .obcp-over-line-3-gris-1.obcp-over-move:hover { top: -3px;} .obcp-over-line-3-gris-2.obcp-over-move:hover { top: -3px;} .obcp-over-line-3-gris-3.obcp-over-move:hover { top: -3px;} .obcp-over-line-3-gris-4.obcp-over-move:hover { top: -3px;} .obcp-over-line-3-gris-5.obcp-over-move:hover { top: -3px;} .obcp-over-line-3-gris-6.obcp-over-move:hover { top: -3px;} .obcp-over-line-3-gris-7.obcp-over-move:hover { top: -3px;} .obcp-over-line-4-gris-1.obcp-over-move:hover { top: -3px;} .obcp-over-line-4-gris-2.obcp-over-move:hover { top: -3px;} .obcp-over-line-4-gris-3.obcp-over-move:hover { top: -3px;} .obcp-over-line-4-gris-4.obcp-over-move:hover { top: -3px;} .obcp-over-line-4-gris-5.obcp-over-move:hover { top: -3px;} .obcp-over-line-4-gris-6.obcp-over-move:hover { top: -3px;} .obcp-over-line-4-gris-7.obcp-over-move:hover { top: -3px;} .obcp-over-line-5-gris-1.obcp-over-move:hover { top: -3px;} .obcp-over-line-5-gris-2.obcp-over-move:hover { top: -3px;} .obcp-over-line-5-gris-3.obcp-over-move:hover { top: -3px;} .obcp-over-line-5-gris-4.obcp-over-move:hover { top: -3px;} .obcp-over-line-5-gris-5.obcp-over-move:hover { top: -3px;} .obcp-over-line-5-gris-6.obcp-over-move:hover { top: -3px;} .obcp-over-line-5-gris-7.obcp-over-move:hover { top: -3px;} .obcp-over-line-1-gris-1:hover { outline: 1px solid rgba( 16, 16, 16, 0.8) !important; z-index: 99; } .obcp-over-line-1-gris-2:hover { outline: 1px solid rgba( 64, 64, 64, 0.8) !important; z-index: 99; } .obcp-over-line-1-gris-3:hover { outline: 1px solid rgba(104,104,104, 0.8) !important; z-index: 99; } .obcp-over-line-1-gris-4:hover { outline: 1px solid rgba(144,144,144, 0.8) !important; z-index: 99; } .obcp-over-line-1-gris-5:hover { outline: 1px solid rgba(192,192,192, 0.8) !important; z-index: 99; } .obcp-over-line-1-gris-6:hover { outline: 1px solid rgba(210,210,210, 0.8) !important; z-index: 99; } .obcp-over-line-1-gris-7:hover { outline: 1px solid rgba(224,224,224, 0.8) !important; z-index: 99; } .obcp-over-line-2-gris-1:hover { outline: 2px solid rgba( 16, 16, 16, 0.8) !important; z-index: 99; } .obcp-over-line-2-gris-2:hover { outline: 2px solid rgba( 64, 64, 64, 0.8) !important; z-index: 99; } .obcp-over-line-2-gris-3:hover { outline: 2px solid rgba(104,104,104, 0.8) !important; z-index: 99; } .obcp-over-line-2-gris-4:hover { outline: 2px solid rgba(144,144,144, 0.8) !important; z-index: 99; } .obcp-over-line-2-gris-5:hover { outline: 2px solid rgba(192,192,192, 0.8) !important; z-index: 99; } .obcp-over-line-2-gris-6:hover { outline: 2px solid rgba(210,210,210, 0.8) !important; z-index: 99; } .obcp-over-line-2-gris-7:hover { outline: 2px solid rgba(224,224,224, 0.8) !important; z-index: 99; } .obcp-over-line-3-gris-1:hover { outline: 3px solid rgba( 16, 16, 16, 0.8) !important; z-index: 99; } .obcp-over-line-3-gris-2:hover { outline: 3px solid rgba( 64, 64, 64, 0.8) !important; z-index: 99; } .obcp-over-line-3-gris-3:hover { outline: 3px solid rgba(104,104,104, 0.8) !important; z-index: 99; } .obcp-over-line-3-gris-4:hover { outline: 3px solid rgba(144,144,144, 0.8) !important; z-index: 99; } .obcp-over-line-3-gris-5:hover { outline: 3px solid rgba(192,192,192, 0.8) !important; z-index: 99; } .obcp-over-line-3-gris-6:hover { outline: 3px solid rgba(210,210,210, 0.8) !important; z-index: 99; } .obcp-over-line-3-gris-7:hover { outline: 3px solid rgba(224,224,224, 0.8) !important; z-index: 99; } .obcp-over-line-4-gris-1:hover { outline: 4px solid rgba( 16, 16, 16, 0.8) !important; z-index: 99; } .obcp-over-line-4-gris-2:hover { outline: 4px solid rgba( 64, 64, 64, 0.8) !important; z-index: 99; } .obcp-over-line-4-gris-3:hover { outline: 4px solid rgba(104,104,104, 0.8) !important; z-index: 99; } .obcp-over-line-4-gris-4:hover { outline: 4px solid rgba(144,144,144, 0.8) !important; z-index: 99; } .obcp-over-line-4-gris-5:hover { outline: 4px solid rgba(192,192,192, 0.8) !important; z-index: 99; } .obcp-over-line-4-gris-6:hover { outline: 4px solid rgba(210,210,210, 0.8) !important; z-index: 99; } .obcp-over-line-4-gris-7:hover { outline: 4px solid rgba(224,224,224, 0.8) !important; z-index: 99; } .obcp-over-line-5-gris-1:hover { outline: 5px solid rgba( 16, 16, 16, 0.8) !important; z-index: 99; } .obcp-over-line-5-gris-2:hover { outline: 5px solid rgba( 64, 64, 64, 0.8) !important; z-index: 99; } .obcp-over-line-5-gris-3:hover { outline: 5px solid rgba(104,104,104, 0.8) !important; z-index: 99; } .obcp-over-line-5-gris-4:hover { outline: 5px solid rgba(144,144,144, 0.8) !important; z-index: 99; } .obcp-over-line-5-gris-5:hover { outline: 5px solid rgba(192,192,192, 0.8) !important; z-index: 99; } .obcp-over-line-5-gris-6:hover { outline: 5px solid rgba(210,210,210, 0.8) !important; z-index: 99; } .obcp-over-line-5-gris-7:hover { outline: 5px solid rgba(224,224,224, 0.8) !important; z-index: 99; } .obcp-over-line-1-gris-1 , .obcp-over-line-1-gris-2 , .obcp-over-line-1-gris-3 , .obcp-over-line-1-gris-4 , .obcp-over-line-1-gris-5 , .obcp-over-line-1-gris-6 , .obcp-over-line-1-gris-7 , .obcp-over-line-2-gris-1 , .obcp-over-line-2-gris-2 , .obcp-over-line-2-gris-3 , .obcp-over-line-2-gris-4 , .obcp-over-line-2-gris-5 , .obcp-over-line-2-gris-6 , .obcp-over-line-2-gris-7 , .obcp-over-line-3-gris-1 , .obcp-over-line-3-gris-2 , .obcp-over-line-3-gris-3 , .obcp-over-line-3-gris-4 , .obcp-over-line-3-gris-5 , .obcp-over-line-3-gris-6 , .obcp-over-line-3-gris-7 , .obcp-over-line-4-gris-1 , .obcp-over-line-4-gris-2 , .obcp-over-line-4-gris-3 , .obcp-over-line-4-gris-4 , .obcp-over-line-4-gris-5 , .obcp-over-line-4-gris-6 , .obcp-over-line-4-gris-7 , .obcp-over-line-5-gris-1 , .obcp-over-line-5-gris-2 , .obcp-over-line-5-gris-3 , .obcp-over-line-5-gris-4 , .obcp-over-line-5-gris-5 , .obcp-over-line-5-gris-6 , .obcp-over-line-5-gris-7 { -webkit-transition: top 0.3s ease, visibility 0s, opacity 0.5s linear; -moz-transition: top 0.3s ease, visibility 0s, opacity 0.5s linear; transition: top 0.3s ease, visibility 0s, opacity 0.5s linear; } .obcp-over-smbr-1 { -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.8), 0 1px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.3) ; -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.8), 0 1px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.3) ; box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.8), 0 1px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.3) ; /* -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1); box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1); */ } /* .obcp-over-line-1-gris-1 , .obcp-over-line-1-gris-2 , .obcp-over-line-1-gris-3 , .obcp-over-line-1-gris-4 , .obcp-over-line-1-gris-5 , .obcp-over-line-1-gris-6 , .obcp-over-line-1-gris-7 { -webkit-transition: -webkit-box-shadow 0.3s; -moz-transition: -moz-box-shadow 0.3s; transition: box-shadow 0.3s; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } */ .obcp-over-line-1-nara-1:hover { outline: 2px solid rgba(213,118,16,0.4) !important; } /* · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · */ /* · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · -- · */