.tableHover { margin: 0px !important; padding: 0px !important; display: flex; flex-wrap: wrap; justify-content: center; } .tableHover .liTableHover { padding: 10px; margin: 0px; width: calc(33.333% - 20px); float: left; } .tableHover .imgTablaHover { margin: 0px; padding: 0px; width: 100%; } .item-type-line .item-hover:hover .line { width:40%; background: #fff; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; } a.item-hover div.item-info { display: table; position: relative; vertical-align: middle; z-index: 1000; height: 100%; width: 100%; } .headline { display: table-cell; vertical-align: middle; } ul.portfolio.isotope:not(.random) li.isotope-item a.item-hover .item-info { display: table; } .liTableHover .item-hover .mask { position: absolute; background-color: #000; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); filter: alpha(opacity=50); height: 100%; opacity: 0.5; position: absolute; width: 100.2%; z-index: 0; top: 0; } .isotope { margin: 50px 0; padding: 0; width: 100%; } .isotope:before, .isotope:after { content: ; display: table; } .isotope:after { clear: both; } .isotope li { display: block; float: none; width: 25%; } .classic.isotope { margin-left: -1.3%; width: 102.6%; } .classic.isotope header { overflow: hidden; position: relative; } .classic.isotope li { padding: 0 1.3% 25px 1.3%; } .classic.isotope li> h2 { margin-top: 14px; text-align: center; text-transform: none; } .random.isotope { margin-left: -15px; margin-right: -30px; width: auto; } .random.isotope li { height: 232px; width: 292px; padding: 15px; } .isotope li .inner { height: 100%; overflow: hidden; position: relative; } ul.portfolio li.isotope-item a.item-hover { height: 100%; position: absolute; text-align: center; width: 100%; top: 0; bottom: 0; } .item-img { overflow:hidden; } ul.portfolio li.isotope-item .item-img img { -webkit-transition: -webkit-transform .3s ease-out; -moz-transition: -moz-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; margin: 0px; } li.item:hover img, li.isotope-item:hover img, .recentblog header:hover .item-img img { transform: scale(1.1, 1.1)!important; } .item-info h2, .item-hover:hover h2, .item-info .fa, .item-hover:hover .fa { color: #fff; font-family:'Lato'; } .item-info .subtituloTablaHover { color: #fff; font-family:'Lato'; } .item-hover .fa { font-size: 17px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } .item-type-line { z-index:10; color:#ffffff; position:relative; } .item-type-line .item-hover, .liTableHover a.item-hover { z-index:100; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; opacity:0; } ul.random .liTableHover { position: relative; } ul.random .liTableHover a.item-hover { display: table; height: 100%; opacity: 0; position: absolute; transition: all 300ms ease-out 0s; width: 100%; z-index: 100; } .tableHover .liTableHover a.item-hover:hover { opacity: 1; } ul .liTableHover a.item-hover .item-info { display: table-cell; text-align: center; vertical-align: middle; width: 100%; } .isotope li .inner { height: 100%; overflow: hidden; position: relative; } .random.isotope li.width-2 { width: 584px; } .random.isotope li.height-2 { height: 448px; } .liTableHover:before { content: unset !important; } @media (min-width: 992px) { .responsive .isotope li { width: calc(33% - 20px); } .random.isotope li.width-2 { height: 225px; width: 584px; } .random.isotope li.height-2 { height: 450px; } .random.isotope li { height: 225px; padding: 15px; width: 292px; } } @media (max-width: 1200px) { .responsive .random.isotope li { width: 242px; } .responsive .random.isotope li.width-2 { width: 484px; } } @media (max-width: 992px) { .responsive .random.isotope li.height-2 { height: 232px; } .responsive .random.isotope li { width: calc(50% - 20px); } .responsive .random.isotope li.width-2 { width: calc(50% - 20px); } } @media (max-width: 768px) { .responsive .random.isotope { margin-right: -15px; } a.item-hover { opacity: 1 !important; } } @media (max-width: 650px) { .responsive .isotope li { width: calc(100% - 20px); } .responsive .random.isotope li { width: calc(100% - 20px); } .responsive .random.isotope li.width-2 { width: calc(100% - 20px); } li.liTableHover.isotope-item { margin: 0px; } ul.tableHover { margin-left: 0px; } .responsive .random.isotope li.width-2 { width: 100%; } .responsive .random.isotope li.height-2 { height: 232px; } } @media (max-width: 300px) { .responsive .isotope li { width: 100%; } } Viña Pomal Rioja Viña Zearra Rioja Viña Ardanza Rioja Viña Tondonia Rioja Viña Arana Rioja Rioja Montecillo Rioja Marqués de Riscal Rioja Valbuena Reserva 04 Ribera del Duero Bodega Vega Sicilia Ribera del Duero Señorío de Lazan Somontano Gran Coronas Torres Cataluña
Arrocería en Madrid, en pleno centro
1
