body {
	padding: 0px;
	margin: 0px !important;
	font-family: Arial;
	overflow-x: hidden !important;

} 

a, img {
    border:none;
    outline:none
}

#logo {
	position: fixed;
	left: 30px;
	top:30px;
		z-index: 9999999;
}

#logo_product {
	position: fixed;
	right: 30px;
	top:30px;
		z-index: 9999999;
}

#facebook {
	position: fixed;
	bottom:20px;
	right: 20px;
	z-index: 999999999999;
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);

}

#ig {
	position: fixed;
	bottom:10px;
	right: 10px;
	z-index: 999999999999;
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);

}

#mongel {
    position: absolute;
    right: 4px;
    top: 0px;
    width: 50px;
	height: 50px;
   -webkit-animation-name: blinker;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
  -webkit-animation-duration: 0.1s;
        z-index: 999999999999;
/*         background-image: url('http://chromosomeresidence.com/img/mongel2.gif'); */
}

#mongel img {
	position: relative;
	margin-left: 16px;
	margin-top: -16px;
}

@-webkit-keyframes blinker_color {
  from { border-top: 100px solid yellow; }
  to { border-top: 100px solid white; }
}
#corner {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 0;
	height: 0;
	border-top: 100px solid yellow;
	border-left: 100px solid transparent;
        z-index: 9999999;
          -webkit-animation-name: blinker_color;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
  -webkit-animation-duration: 0.1s;
        
/*         background-image: url('http://chromosomeresidence.com/img/mongel2.gif'); */
}
/*PRODUCTS*/
/*
.article {
	top: 0px;
left:0px;
width: 100%;
position: absolute;
z-index: 999;
}


.article iframe{
width: 100%;
height: 700px;
}
*/


#desplegable {
	width: 100%;
	position: relative;

	display: block;
	height: 20px;
	background-color: #aaa;
	top:700px;
left:250px !important;

}

#desplegablee {
	width: 100%;
	height: 100%;
	position: absolute;

	display: block;
	
	background-color: #aaa;
	top:-100%;
left:0px;
z-index: 9999999999999999;
background-image: url(''), url('../16/cierre.jpg');
background-size:350px,100%  auto ;
background-repeat: no-repeat, repeat;
background-position: center center, center bottom;
color: #fff;
}

@media only screen 
and (min-device-width : 500px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	#desplegablee { 
		background-size:350px,auto 100%
	}
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) {
	#desplegablee { 
		background-size:350px,auto 100%
	}
}

#desplegablee a{
	position: absolute;
	left:50%;
	top:50%;
	margin-left: -175px;
	margin-top: -300px;
}

#desplegablee div{
width: 400px;
text-align: center;
}

#colgante {
	z-index: 999999;
top:0px;
left:30px;
width: 300px;
position: relative;
height: 700px;
z-index: 9999;
background-image: url('../16/colgante.gif');
background-position: top left;
background-repeat: no-repeat;
}



#tooltip {
	max-width:280px;
    position: absolute;
    width: auto;
	display: none;
	padding: 2px 4px;
    font-family: Arial;
    font-size: 9px;
    color: white;
    background: red;       
line-height: 12px;
	z-index: 999999999999999999999999 !important;    
	margin-left: -10;
	margin-top: 10px;     
	                                 
}

/*LOOKBOOK*/

#click {
	display: block;
	position: absolute;
	width: 500px !important;
	height: 428px !important;
	background-color:transparent;
	z-index: 5;
	top:20px;
	}
	


#thumbnails {
	position: absolute;
/* 	background-color: #f00 !important; */
	width: 1350px;
	left:50%;
	top:50%;
	margin-left: -120px;
	margin-top: -130px;
}


.point {
    width:16px;
    height:16px;
    border-radius:8px;
    background: blue;
    position:absolute;
}



  
.VideoBox{
	   position:absolute;
width: 60px;
height: 54px;
background-size:60px 54px;
-webkit-box-shadow: 0px 0px 22px 1px rgba(0,0,0,1) !important;
    -moz-box-shadow: 0px 0px 22px 1px rgba(0,0,0,1) !important;
    box-shadow: 0px 0px 22px 1px rgba(0,0,0,1) !important;
/*
    margin-right: 70px;
    margin-bottom: 70px;
*/
    border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;

}

.VideoBox:hover{
/* 	z-index: 9999999; */

}


.VideoBox:hover{

 -webkit-transition:all 1s ease;
 -moz-transition:all 1s ease;
 transition:all 1s ease;

}

.VideoBox a{
position: absolute;
display: block;
background-color: #f00;
width: 60px;
height: 54px;
opacity: 0;

}

.vimeo-wrapper {
	background-image: url('https://i.stack.imgur.com/TYK7t.gif');
	background-position: center center;	
 width: 100%;
 height: 100%;
 -webkit-box-shadow: 0px 0px 18px 3px rgba(0,0,0,0.37);
-moz-box-shadow: 0px 0px 18px 3px rgba(0,0,0,0.37);
box-shadow: 0px 0px 18px 3px rgba(0,0,0,0.37);

}

/*
.vimeo-wrapper:hover {
filter: invert(100%);
}
*/

#mongel {
	position: absolute;
	right:20px;
	top:20px;
	
}

#used {
	position: absolute;
	left:1px;
	top:1px;


	width: 20px;
	height: 20px;
}

#used img {
	width: 20px;
}

#draggable {

	position: absolute !important;
	opacity: 0;
	margin-left: -180px;
	margin-top: -150px;
		background-image: url('https://i.stack.imgur.com/TYK7t.gif');
	background-position: center center;	
	height: 445px;
}






#draggable iframe {
	top:30px !important;
	overflow: none !important;
}

#draggable #info  {
	display: block;
	position: absolute;
	top:0px;
	left: 0px;
	width: 300px;
	height: 22px;
	background-color: #000;
	color:#fff;
	background-image: url('../img/close.jpg');
	padding-left: 200px;
}

/*
#draggable #info:hover, #draggable #close:hover, #draggable #title:hover, #draggable iframe:hover  {
cursor: move !important;
}
*/

#draggable #close:hover  {
	background-image: url('../img/close_hover.jpg');
}

#draggable #close  {
	display: block;
	position: absolute;
	top:0px;
	left: 0px;
	width: 100px;
	height: 22px;
	background-image: url('../img/close.jpg');


}

#title {
	padding-left: 20px;
	padding-right: 20px;
	height: 22px;
	display: block;
	background-image: url('../img/quicktime.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 23px;
	font-size: 13px;
	position: relative;
	margin-left: -50px;
	
}

#beef {
	width: 100%;
	height: 100%;
	display: block;

	background-image: url('../16/beef.jpg');
	background-size:  auto 100% ;
	background-position: center bottom;
	position: fixed;
}


/* SLIDER */


.ism-slider > ol, .ism-slider > ol > li, .ism-slider > ol > li > img { width: 100%; list-style: none; margin: 0; padding: 0; }
.ism-slider {
  overflow: hidden;
  position: relative;
  padding: 0 !important;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  z-index: 2;

  -webkit-animation: ism-fadein 3s;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}


.ism-slider .ism-slides {
  list-style: none;
  position: absolute;
  height: 100%;
  top: 0;
  padding: 0 !important;
  margin-top: 0;
  margin-bottom: 0;
  z-index: 1;
}

.ism-slider li.ism-slide {
  height: 100%;
  overflow: hidden;
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  margin: 0 !important;
  padding: 0 !important;

  text-align: center;
}

.ism-slider .ism-img-frame {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}



.ism-slider .ism-img {
  display: block;
  border: none;
  position: absolute;
  pointer-events: none;
}

.ism-button, .ism-pause-button {
  position: absolute;
  display: block;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  border: none;
  outline: none;
  text-align:center;
  z-index: 6;
  cursor: pointer;
  padding: 0;
  background-repeat: no-repeat;
  background-position: center center;
}

.ism-pause-button {
  display: none;
  left: 50%;
}

.ism-slider:hover .ism-pause-button {
  display: block;
}


.ism-radios {
	z-index: 9999;
	position: absolute;
	display: none;
}
 li{
	 list-style: none;
	 float: left;
 }



#my-slider {
    width: 607px;
    height: 700px;
    position: absolute;
    top:50%;
    left:50%;
    margin-left: -200px;
    margin-top: -350px;

}

.ism-frame {
	padding: 0px 70px;
}

#my-slider .ism-button {
    display: block;
    width: 40px; height: 70px; top: 50%; margin-top: -25px;
    display: block; visibility: visible;
}

#my-slider .ism-button-prev {
    background-image: url('http://byluisvenegas.com/images/default.png');
    background-position: -7px -35px;
    left: 10px;
}

#my-slider .ism-button-prev:hover {
background-position: -7px -175px;

}

#my-slider .ism-button-next {
    background-image: url('http://byluisvenegas.com/images/default.png');
    background-position: -40px -35px;
    right: 10px;
}

#my-slider .ism-button-next:hover {
background-position: -40px -175px;

}