div.facebook .pp_top .pp_left{background:url('/base/media/base/img/decorativa/IMG_PrettyPhoto_facebook_sprite/sprite.png') -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url('/base/media/base/img/decorativa/IMG_PrettyPhoto_facebook_contentPatternTop/contentPatternTop.png') top left repeat-x} div.facebook .pp_top .pp_right{background:url('/base/media/base/img/decorativa/IMG_PrettyPhoto_facebook_sprite/sprite.png') -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url('/base/media/base/img/decorativa/IMG_PrettyPhoto_facebook_contentPatternLeft/contentPatternLeft.png') top left repeat-y} div.facebook .pp_content_container .pp_right{background:url('/base/media/base/img/decorativa/IMG_PrettyPhoto_facebook_contentPatternRight/contentPatternRight.png') top right repeat-y} div.facebook .pp_expand{background:url('/base/media/base/img/decorativa/IMG_PrettyPhoto_facebook_sprite/sprite.png') -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url('/base/media/base/img/decorativa/IMG_PrettyPhoto_facebook_sprite/sprite.png') -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url('/base/media/base/img/decorativa/IMG_PrettyPhoto_facebook_sprite/sprite.png') 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url('/base/media/base/img/decorativa/IMG_PrettyPhoto_facebook_sprite/sprite.png') 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url('/base/media/base/img/decorativa/IMG_PrettyPhoto_facebook_sprite/sprite.png') -1px -1px no-repeat;cursor:pointer} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url('/base/media/base/img/decorativa/IMG_PrettyPhoto_facebook_loader/loader.gif') center center no-repeat} div.facebook .pp_arrow_previous{background:url('/base/media/base/img/decorativa/IMG_PrettyPhoto_facebook_sprite/sprite.png') 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url('/base/media/base/img/decorativa/IMG_PrettyPhoto_facebook_sprite/sprite.png') -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url('/base/media/base/img/decorativa/IMG_PrettyPhoto_facebook_sprite/sprite.png') -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url('/base/media/base/img/decorativa/IMG_PrettyPhoto_facebook_sprite/sprite.png') -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url('/base/media/base/img/decorativa/IMG_PrettyPhoto_facebook_btnNext/btnNext.png') center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url('/base/media/base/img/decorativa/IMG_PrettyPhoto_facebook_btnPrevious/btnPrevious.png') center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url('/base/media/base/img/decorativa/IMG_PrettyPhoto_facebook_sprite/sprite.png') -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url('/base/media/base/img/decorativa/IMG_PrettyPhoto_facebook_contentPatternBottom/contentPatternBottom.png') top left repeat-x} div.facebook .pp_bottom .pp_right{background:url('/base/media/base/img/decorativa/IMG_PrettyPhoto_facebook_sprite/sprite.png') -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url('/base/media/base/img/decorativa/IMG_PrettyPhoto_facebook_defaultThumbnail/default_thumbnail.gif') 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} .pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.facebook .pp_details{position:relative} div.facebook .pp_content{background:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} /* Estilos para la presentacion inicial de galeria de imagenes */ .galleria-content { display: inline-block; margin: 1em 0; width: 100%; } .galleria-content .imgGalleria { width: 29%; margin: 0 2% 4% 2%; overflow: hidden; display: inline-block; vertical-align: top; } .galleria-content .imgGalleria p { margin: 1%; } @media screen and ( max-width : 767px ) { .galleria-content .imgGalleria { margin: 0 4% 10px 4%; } } img.item-galeria { display: block; max-width: none !important; height: 100%; } /*Estilos para cajas cuadradas con imagen sin distorsionar*/ .cuadroImagen{ margin: 0 3% 2% 3% ; overflow: hidden ; display: inline-block; vertical-align: top; } .span_12 .cuadroImagen{ width:31%; } .span_24 .cuadroImagen{ width:13%; } .span_19 .cuadroImagen{ width:18%; } .span_14 .cuadroImagen{ width:26%; } @media screen and (max-width : 420px) { .span_24 .cuadroImagen, .span_19 .cuadroImagen, .span_14 .cuadroImagen{ width:26%; } } @media screen and (min-width: 420px) and (max-width : 767px) { .span_24 .cuadroImagen{ width:18%; } } .cuadroImagen > .imgGalleria{ width: 100% ; margin: 0; position: relative; } .imgGalleria { width:80%; padding-bottom:80%; margin:1em auto; overflow:hidden; position:relative; background:#000; border: 0.6em solid #ccc; } .imgGalleria img { position:absolute; width:auto; min-width:100%; min-height:100%; } .ampliarImg { background: url('/base/media/base/img/decorativa/IMG_Galleria_icoAmpliarImagen/mas.png'); height: 25px; width: 25px; bottom: 0px; position: absolute; z-index: 1; } /*fin estilos cajas cuadradas*/ /*Estilos ampliar ImagenGrande */ .marcoImagen{ position: relative; } .ampliarImgGrande{ background: url('/base/media/base/img/decorativa/IMG_Galleria_icoAmpliarImagen/mas.png') no-repeat; bottom: 6px; height: 25px; position: absolute; width: 25px; z-index: 1; clear: both; } /*fin Estilos ampliar ImagenGrande */