/* CSS Document */

.men_later {
    font-size: 50px;
    position: absolute;
    top: 243px;
    left: 30px;
    border: 3px solid black;
    padding: 11px;
    width: 50px;
    text-align: center;
    z-index: 101;
    background-color: white;
}
/* codigo de video en reemplazo de sg-video...etc */
.videobox {
	position: absolute;
	top: 100px;
	left: 10px;
	width: 100%;
	z-index:100;
}
.videobox video{
	position:relative;
	top: 79px;
	left: 308px;
}
.cartel {
	position: absolute;
	cursor:pointer;
	margin-left: auto;
	margin-right: auto;
	left:0;
	right:0;
	text-align:center;
	min-width: 200px;
	max-width: 860px;
	z-index:101;
}
.titcartel {
	color: rgb(255, 255, 255);
	font-size: 1em;
	padding: 10px;
	border-radius: 10px;
	box-shadow: rgb(0, 0, 0) 0px 0px 10px;
	background: rgb(19, 26, 45);
}
.titcartel h2{
	padding: 7px 10px 11px;
	border-radius: 7px;
	border: 3px dashed rgb(243, 236, 130);	
}
/* Finaliza codigo de video */

i.fa:hover {
    transform: scale(1.2,1.2);
}

.atv {
    transform: scale(1.3,1.3);
    color: #709CB2;
}

.text_cal {
    position: absolute;
    top: 250px;
    left: 180px;
    color: white;
    font-size: 42px;
    height: 280px;
    width: 970px;
}
.text_cal small:hover {
	cursor:   cursor: url(../img/cursor1.png) 0 110, auto;
	background-color: rgb(2, 191, 64);
}
.csmk{
	cursor: url(../img/cursor1.png) 0 110, auto;
}

.text_cal2 {
    position: absolute;
    top: 30px;
    left: 130px;
    color: white;
    font-size: 40px;
    height: 320px;
    width: 1030px;
    text-align: left;
    z-index: 1;
}

.text_cal2 small:hover {
	cursor:   cursor: url(../img/cursor1.png) 0 110, auto;
	background-color: rgb(2, 191, 64);
}


.text_cal3 {
    position: absolute;
    top: 245px;
    left: 164px;
    color: white;
    font-size: 35px;
    height: 320px;
    width: 1030px;
    text-align: left;
    z-index: 1;
}

.text_cal3 small:hover {
	cursor:   cursor: url(../img/cursor1.png) 0 110, auto;
	background-color: rgb(2, 191, 64);
}

input[type=checkbox]{
	height: 70px;
	width: 70px;
	position:absolute;
		
}

input.a1 {
    top: 294px;
    left: 858px;
}

input.a2 {
    top: 408px;    left: 858px;
}

input.a3 {
    top: 522px;    left: 858px;
}


input.b1 {
    top: 294px;
    left: 856px;
}

input.b2 {
    top: 418px;    
    left: 856px;
}

input.b3 {
    top: 544px;    
    left: 855px;
}


input.c1 {
    top: 294px;
    left: 856px;
}

input.c2 {
    top: 419px;    
    left: 856px;
}

input.c3 {
    top: 544px;    
    left: 856px;
}

.much_txt {
    position: absolute;
    top: 220px;
    left: 160px;
    width: 610px;
    height: 430px;
    font-size: 30px;
    overflow: auto;
}



input.c1 {
    top: 294px;
    left: 856px;
}

input.c2 {
    top: 419px;    
    left: 856px;
}

input.c3 {
    top: 544px;    
    left: 856px;
}

input.d1 {
    top: 254px;
    left: 776px;
}

input.d2 {
    top: 336px;    
    left: 776px;
}

input.d3 {
    top: 418px;    
    left: 776px;
}

input.dd1 {
    top: 254px;
    left: 966px;
}

input.dd2 {
    top: 336px;    
    left: 966px;
}

input.dd3 {
    top: 418px;    
    left: 966px;
}

input.e1 {
    top: 319px;
    left: 909px;
}

input.e2 {
    top: 401px;    
    left: 909px;
}

input.e3 {
    top: 482px;    
    left: 909px;
}


input.f1 {
    top: 323px;
    left: 1106px;
}

input.f2 {
    top: 404px;    
    left: 1106px;
}

input.f3 {
    top: 487px;    
    left: 1106px;
}




div#drop1 div {
    margin-top: 20px;
}

div#drop2 div {
    margin-top: 20px;
}

div#drop3 div {
    margin-top: 20px;
}

#drop1{
    position: absolute;
    top: 315px;
    left: 136px;	
	
    width: 268px;
	
    height: 330px;
}

#drop2{
    position: absolute;
    top: 225px;
    left: 439px;	
	
    width: 268px;
	
    height: 420px;
}
#drop3{
    position: absolute;
    top: 315px;
    left: 742px;	
	
    width: 268px;
	
    height: 330px;
}

#drag1{
	 position: absolute;
    
	 top: 240px;
    
	 left: 1046px;
	background-image:url(../img/drag_1.png);
	width:263px;
	height:43px;
}
#drag2{
	 position: absolute;
    
	 top: 300px;
    left: 1046px;
	background-image:url(../img/drag_2.png);
	width:263px;
	height:43px;
}
#drag3{
	 position: absolute;
    
	 top: 360px;
    left: 1046px;
	background-image:url(../img/drag_3.png);
	width:263px;
	height:43px;
}
#drag4{
	 position: absolute;
    
	 top: 420px;
    left: 1046px;
	background-image:url(../img/drag_4.png);
	width:263px;
	height:43px;
}
#drag5{
	 position: absolute;
    
	 top: 478px;
    left: 1046px;
	background-image:url(../img/drag_5.png);
	width:263px;
	height:43px;
}
#drag6{
	 position: absolute;
    
	 top: 538px;
    left: 1046px;
	background-image:url(../img/drag_6.png);
	width:263px;
	height:43px;
}


/* audio */
#audio01{
	position: absolute;
	top: 534px;
	left: 468px;
	width: 780px;
}
.playerControls {
 width: 800px;
 display: inline-block;
}

.botones{
 width: 200px;
 display: inline-block;
 text-align: center;
 margin: 2px;
 float: left;
}

.play{
 background: url('../img/btn_play.png');
 width: 40px;
 height:40px;
 display: inline-block;
 cursor: pointer;
 opacity: 0.8;
}

.play:hover {
	opacity: 1;
}

.pause{
 background: url('../img/btn_pause.png');
 width: 40px;
 height:40px;
 display: inline-block;
 cursor: pointer;
 opacity: 0.8;
}

.pause:hover {
	opacity: 1;
}


.audioSeek {
 width: 600px;
 background: #62E2F9;
 border: 1px solid #29C5EA;
 -moz-border-radius: 10px;
 border-radius: 10px;
 display:block;
 height: 27px;
 float: left;
 margin-top: 8px;
 margin-left: -43px;
}

.audioLoaded {
  position: relative;
 
  background: #51BDF5;
 
  /* border: 1px solid #FDC500; */
 -moz-border-radius: 10px;
 border-radius: 10px;
 display:block;
 
  height: 29px;
 ;
}
.animation{
	transition: all 1s ease;	
	-webkit-transition: all 1s ease;	
}
.audioTimes {
 z-index: 10;
 position: relative;
 float:right;
 list-style:none;
 margin: 5px 10px 5px 0px;
}

.audioTimes li {
 font:bold 11px Arial, Helvetica sans-serif;
 float: left;
}

.audioTimes li:first-child {
 border-right: 1px solid #000;
 margin-right: 8px;
 padding-right: 8px;
}

img.fad {
    position: absolute;
    top: 521px;
    left: 500px;
    width: 760px;
    height: 70px;
}
.dra{
	cursor:pointer;
}

.highlight{
	border: 2px dashed gray;
}