#info4 {margin:10px auto 10px;width:800px; height:430px; padding:0; background:#000; box-shadow:0 15px 10px -15px rgba(0,0,0,0.7);}
.gallery {width:800px; height:430px; position:relative; z-index:100; overflow:hidden; font-family: 'Signika', sans-serif; color:#ddd;-webkit-transform: translate3d(0, 0, 0);-webkit-backface-visibility: hidden;-webkit-perspective: 1000;}
.gallery h4 {font:normal 22px/30px 'Almendra', serif; color:#eee; padding:5px 0; margin:0;}
.gallery h5 {font:normal 18px/20px 'Almendra', serif; color:#888; padding:5px 0; margin:0;}
.gallery p {font:normal 16px/20px 'Almendra', serif; color:#bbb; padding:5px 0; margin:0; text-align:justify;}
.gallery input {position:absolute; left:-9999px;}
.bottomBar{height:30px; width:150px; position:absolute; bottom:10px; left:295px; z-index:200; padding:0 30px; opacity:0; border-radius:30px;background: #000;background-image:-moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(128,128,128,0.8));background-image:-ms-linear-gradient(bottom,rgba(0,0,0,0),rgba(128,128,128,0.8));background-image:-o-linear-gradient(bottom,rgba(0,0,0,0),rgba(128,128,128,0.8));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,0),rgba(128,128,128,0.8));background-image:linear-gradient(bottom,rgba(0,0,0,0),rgba(128,128,128,0.8));-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;}
.gallery:hover .bottomBar {opacity:1;}
.picHolder {width:800px; height:400px; position:absolute; left:0; top:0;}
.picHolder div {width:800px; height:430px; display:block; position:absolute; left:0; top:0; opacity:0;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;}
.picHolder div:after {display:block; content:""; width:800px; height:430px; position:absolute; left:0; top:0; background:#000;background-repeat:no-repeat;background-size:cover;background-position:center center;}
.picHolder div:nth-of-type(1):after {background-image:url(../imagenes/plataforma/p1.jpg);}
.picHolder div:nth-of-type(2):after {background-image:url(../imagenes/plataforma/p2.jpg);}
.picHolder div:nth-of-type(3):after {background-image:url(../imagenes/plataforma/p3.jpg);}
.picHolder div:nth-of-type(4):after {background-image:url(../imagenes/plataforma/p4.jpg);}
.picHolder div:nth-of-type(5):after {background-image:url(../imagenes/plataforma/p5.jpg);}
.picHolder div:nth-of-type(6):after {background-image:url(../imagenes/plataforma/p6.jpg);}

#pic1:checked ~ .picHolder div:nth-of-type(1),#pic2:checked ~ .picHolder div:nth-of-type(2),#pic3:checked ~ .picHolder div:nth-of-type(3),#pic4:checked ~ .picHolder div:nth-of-type(4),#pic5:checked ~ .picHolder div:nth-of-type(5),#pic6:checked ~ .picHolder div:nth-of-type(6),#pic7:checked ~ .picHolder div:nth-of-type(7),#pic8:checked ~ .picHolder div:nth-of-type(8),#pic9:checked ~ .picHolder div:nth-of-type(9),#pic10:checked ~ .picHolder div:nth-of-type(10),#pic11:checked ~ .picHolder div:nth-of-type(11),#pic12:checked ~ .picHolder div:nth-of-type(12) {opacity:1;}
.thumbs {width:400px; height:300px; position:absolute; left:-400px; top:0; padding:50px 0; z-index:100;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;}
.thumbs .background {position:absolute; left:0; top:0; width:400px; height:430px;  background:rgba(0,0,0,0.7); z-index:-1;}
.thumbs label.thumbPic {display:block; width:100px; height:50px; float:left; position:relative; margin:15px;}
.thumbs label.thumbPic img {width:102px; height:52px; position:absolute; left:0; top:0; z-index:100;}
.thumbs label.thumbPic:after {display:block; content:""; width:100px; height:50px; position:absolute; left:-1px; top:-1px; border:1px solid #fff; opacity:0.6;background-repeat:no-repeat;background-size:cover;background-position:center center;}
.thumbs label:nth-of-type(1):after {background-image:url(../imagenes/plataforma/p1.jpg);}
.thumbs label:nth-of-type(2):after {background-image:url(../imagenes/plataforma/p2t.jpg);}
.thumbs label:nth-of-type(3):after {background-image:url(../imagenes/plataforma/p3t.jpg);}
.thumbs label:nth-of-type(4):after {background-image:url(../imagenes/plataforma/p4t.jpg);}
.thumbs label:nth-of-type(5):after {background-image:url(../imagenes/plataforma/p5t.jpg);}
.thumbs label:nth-of-type(6):after {background-image:url(../imagenes/plataforma/p6t.jpg);}

.thumbs label:hover:after {opacity:1;}#pic1:checked ~ .thumbs label:nth-of-type(1):after,#pic2:checked ~ .thumbs label:nth-of-type(2):after,#pic3:checked ~ .thumbs label:nth-of-type(3):after,#pic4:checked ~ .thumbs label:nth-of-type(4):after,#pic5:checked ~ .thumbs label:nth-of-type(5):after,#pic6:checked ~ .thumbs label:nth-of-type(6):after,#pic7:checked ~ .thumbs label:nth-of-type(7):after,#pic8:checked ~ .thumbs label:nth-of-type(8):after,#pic9:checked ~ .thumbs label:nth-of-type(9):after,#pic10:checked ~ .thumbs label:nth-of-type(10):after,#pic11:checked ~ .thumbs label:nth-of-type(11):after,#pic12:checked ~ .thumbs label:nth-of-type(12):after {opacity:1;}
#plus:checked ~ .thumbs {left:0;}
#plus:checked ~ .bottomBar .minus {display:block;}
.infoText {width:400px; height:400px; position:absolute; right:-400px; top:0; z-index:100; color:#fff;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;}
.infoText div {position:absolute; left:400px; top:0; width:300px; height:300px; padding:20px 50px;-webkit-transition:0s 1s;-moz-transition:0s 1s;-ms-transition:0s 1s;-o-transition:0s 1s;transition:0s 1s;}
.infoText .background {position:absolute; left:0; top:0; width:400px; height:430px;  background:rgba(0,0,0,0.7); z-index:-1; opacity:1;}
#pic1:checked ~ #inform1:checked ~ .infoText,#pic2:checked ~ #inform2:checked ~ .infoText,#pic3:checked ~ #inform3:checked ~ .infoText,#pic4:checked ~ #inform4:checked ~ .infoText,#pic5:checked ~ #inform5:checked ~ .infoText,#pic6:checked ~ #inform6:checked ~ .infoText,#pic7:checked ~ #inform7:checked ~ .infoText,#pic8:checked ~ #inform8:checked ~ .infoText,#pic9:checked ~ #inform9:checked ~ .infoText,#pic10:checked ~ #inform10:checked ~ .infoText,#pic11:checked ~ #inform11:checked ~ .infoText,#pic12:checked ~ #inform12:checked ~ .infoText {right:0;}
#pic1:checked ~ #inform1:checked ~ .infoText div:nth-of-type(1),#pic2:checked ~ #inform2:checked ~ .infoText div:nth-of-type(2),#pic3:checked ~ #inform3:checked ~ .infoText div:nth-of-type(3),#pic4:checked ~ #inform4:checked ~ .infoText div:nth-of-type(4),#pic5:checked ~ #inform5:checked ~ .infoText div:nth-of-type(5),#pic6:checked ~ #inform6:checked ~ .infoText div:nth-of-type(6),#pic7:checked ~ #inform7:checked ~ .infoText div:nth-of-type(7),#pic8:checked ~ #inform8:checked ~ .infoText div:nth-of-type(8),#pic9:checked ~ #inform9:checked ~ .infoText div:nth-of-type(9),#pic10:checked ~ #inform10:checked ~ .infoText div:nth-of-type(10),#pic11:checked ~ #inform11:checked ~ .infoText div:nth-of-type(11),#pic12:checked ~ #inform12:checked ~ .infoText div:nth-of-type(12) {left:0;-webkit-transition:0s;-moz-transition:0s;-ms-transition:0s;-o-transition:0s;transition:0s;}
#pic1:checked ~ #inform1:checked ~ .bottomBar .close,#pic2:checked ~ #inform2:checked ~ .bottomBar .close,#pic3:checked ~ #inform3:checked ~ .bottomBar .close,#pic4:checked ~ #inform4:checked ~ .bottomBar .close,#pic5:checked ~ #inform5:checked ~ .bottomBar .close,#pic6:checked ~ #inform6:checked ~ .bottomBar .close,#pic7:checked ~ #inform7:checked ~ .bottomBar .close,#pic8:checked ~ #inform8:checked ~ .bottomBar .close,#pic9:checked ~ #inform9:checked ~ .bottomBar .close,#pic10:checked ~ #inform10:checked ~ .bottomBar .close,#pic11:checked ~ #inform11:checked ~ .bottomBar .close,#pic12:checked ~ #inform12:checked ~ .bottomBar .close {display:block;}
label {display:block; width:30px; height:30px; background:#fff; float:left; cursor:pointer;}
label.previous {background:url(../imagenes/previous.gif) no-repeat center center;}
label.next {background:url(../imagenes/next.gif);}
label.popout {background:url(../imagenes/popout.gif);}
label.info {background:url(../imagenes/info.gif);}
label.close {background:url(../imagenes/info2.gif); position:absolute; right:30px; top:0; display:none;}
label.plus {background:url(../imagenes/thumbs.gif);}
label.minus {background:url(../imagenes/thumbs2.gif); position:absolute; left:30px; top:0; display:none;}
.controls div {display:none; float:left;}
#pic1:checked ~ .bottomBar .controls div:nth-of-type(1),#pic2:checked ~ .bottomBar .controls div:nth-of-type(2),#pic3:checked ~ .bottomBar .controls div:nth-of-type(3),#pic4:checked ~ .bottomBar .controls div:nth-of-type(4),#pic5:checked ~ .bottomBar .controls div:nth-of-type(5),#pic6:checked ~ .bottomBar .controls div:nth-of-type(6),#pic7:checked ~ .bottomBar .controls div:nth-of-type(7),#pic8:checked ~ .bottomBar .controls div:nth-of-type(8),#pic9:checked ~ .bottomBar .controls div:nth-of-type(9),#pic10:checked ~ .bottomBar .controls div:nth-of-type(10),#pic11:checked ~ .bottomBar .controls div:nth-of-type(11),#pic12:checked ~ .bottomBar .controls div:nth-of-type(12) {display:block;}
.popHolder {position:fixed; left:0; top:0; width:0; height:0; z-index:100; opacity:0;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-ms-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s;}
.popHolder .popBack {width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.9); z-index:-1;}
.popit {position:absolute; left:-9999px;}
.popHolder label {position:absolute: left:0; top:0; width:100%; height:100%; background:transparent;}
.popHolder label:after {display:block; content:""; width:90%; height:90%; position:absolute; left:5%; top:5%;background-repeat:no-repeat;background-size:contain;background-position:center center;}
.popHolder label img {width:100%; height:100%; position:absolute; left:0; top:0; z-index:100;}
#pop1:checked ~ .popHolder,#pop2:checked ~ .popHolder,#pop3:checked ~ .popHolder,#pop4:checked ~ .popHolder,#pop5:checked ~ .popHolder,#pop6:checked ~ .popHolder,#pop7:checked ~ .popHolder,#pop8:checked ~ .popHolder,#pop9:checked ~ .popHolder,#pop10:checked ~ .popHolder,#pop11:checked ~ .popHolder,#pop12:checked ~ .popHolder {width:100%; height:100%; opacity:1;}
#pop1:checked ~ .popHolder label:after {background-image:url(../imagenes/plataforma/p1.jpg);}
#pop2:checked ~ .popHolder label:after {background-image:url(../imagenes/plataforma/p2.jpg);}
#pop3:checked ~ .popHolder label:after {background-image:url(../imagenes/plataforma/p3.jpg);}
#pop4:checked ~ .popHolder label:after {background-image:url(../imagenes/plataforma/p4.jpg);}
#pop5:checked ~ .popHolder label:after {background-image:url(../imagenes/plataforma/p5.jpg);}
#pop6:checked ~ .popHolder label:after {background-image:url(../imagenes/plataforma/p6.jpg);}

.ipadHover {position:absolute; left:0; top:0; width:800px; height:400px; z-index:100;}
.bodyHover {position:fixed; left:0; top:0; width:0; height:0; z-index:99;}
.gallery:hover + .bodyHover {width:100%; height:100%;}
img.preIE9 {width:100%; height:100%; position:relative; z-index:500; display:none;}
img.preIE9 {*display:block;}
.gallery label img {width:100%; height:100%;}
@media only screen and (device-width: 768px) {
.gallery .bottomBar {opacity:1}
}