@charset "utf-8";
/* CSS Document */

.lightbox-target {
position: fixed;/*fixed*/
width:100%;

background:rgba( 133, 133, 133, 0.97);/*#868589*/
opacity: 0;
margin:0;
left:0;
bottom:0;

-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
overflow: hidden;
z-index:100;	

}

/*.lightbox-target .masinfo{
	margin:50px auto 0 auto;
	width:900px;
	height:490px;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	-webkit-border-radius:7px 0 0 7px;
	-moz-border-radius:7px 0 0 7px;
	border-radius:7px 0 0 7px;
	}*/
	
	
/*.lightbox-target .masinfo .cont-left{
	width:680px;
	height:460px;
	padding:30px 0 0 0;
	background:rgba(255, 255, 255, 1);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	-webkit-border-radius:7px 0 0 7px;
	-moz-border-radius:7px 0 0 7px;
	border-radius:7px 0 0 7px;
	float:left;
	}*/
	




a.lightbox-close {
display: block;
width:50px;
height:50px;
box-sizing: border-box;
/*background: white;*/
color: black;
text-decoration: none;
position: absolute;
top: -80px;
right: 0;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;

-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
margin:1% 1% 0 0;
}


a.lightbox-close:before {
content: "";
display: block;
height: 30px;
width: 3px;
background: #CCC;
position: absolute;
left: 23px;
top:10px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);

-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;

}


a.lightbox-close:after {
content: "";
display: block;
height: 30px;
width: 3px;
background:#CCC;
position: absolute;
left: 23px;
top:10px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);

-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
}


.lightbox-target:target {
opacity: 1;
top: 0;
bottom: 0;
}

.lightbox-target:target img {
max-height: 100%;
max-width: 100%;
}

.lightbox-target:target a.lightbox-close {
top: 0px;

}

/*=================video somos========================*/

.lightbox-target .video {
	/*width:40,5%; height:46%;*/
	/*width:40%; height:44%;*/
	/*background:green;*/
	position:absolute;
	top:50%/*29%*/;
	left:50%;
	transform: translateX(-50%) translateY(-50%);
	}
	
	
@media (min-width:320px){
	.lightbox-target .video {
		width:80%; height:44%;
		}
	}
	
@media (min-width:768px){
	.lightbox-target .video {
		width:60%; height:60%;
		background:green;
		}
	}
	
@media (min-width:1024px){
	.lightbox-target .video {
		width:40%; height:44%;
		}
	}