body{
	background-color: black;
}




.cronometroContenedor
{
	position: absolute;
width: 10%;
height: 5%;
top: 16%;
left: 11.8%;
display: table;
color: #FFF;
font-size: 133%;
font-weight: bold;
box-sizing: border-box;
}

.cronometroContenedor span
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-family: sans-serif;
	box-sizing: border-box;
}



.resultadoTiempo
{
	position: absolute;
	width: 30%;
	height: 5%;
	top: 55%;
	left: 35%;
	display: table;
	background: #c2185b;
	border-radius: 5px;
}
.resultadoTiempo span
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	box-sizing: border-box;
	font-family: sans-serif;
	color: #fff;
}

.marcadorC
{
	position: absolute;
width: 10%;
height: 5%;
top: 30%;
left: 12%;
display: table;
color: #FFF;
font-size: 133%;
font-weight: bold;
box-sizing: border-box;
}

.marcadorC span
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-family: sans-serif;
	box-sizing: border-box;
}


.contenedor #contenidosDrag
{
	position: absolute;
width: 25%;
height: 5%;
top: 41%;
left: 4%;
}

.contenedor #anuncioDrag
{
	position: absolute;
width: 25%;
height: 5%;
top: 46.5%;
left: 4%;
}

.contenedor #tareasDrag
{
	position: absolute;
width: 25%;
height: 5%;
top: 51.8%;
left: 4%;
}

.contenedor #bocinasDrag
{
	position: absolute;
width: 25%;
height: 5%;
top: 57.3%;
left: 4%;
}



.contenedor #usbDrag
{
	position: absolute;
width: 25%;
height: 5%;
top: 62.7%;
left: 4%;
}



.contenedor #imagenesDrag
{
	position: absolute;
width: 25%;
height: 5%;
top: 68%;
left: 4%;
}




.contenedor #logoDrag
{
	position: absolute;
width: 25%;
height: 5%;
top: 73.5%;
left: 4%;
}



.contenedor #navegacionDrag
{
	position: absolute;
width: 25%;
height: 5%;
top: 79%;
left: 4%;
}

.contenedor #direccionDrag
{
	position: absolute;
width: 25%;
height: 5%;
top: 84.5%;
left: 4%;
}

.contenedor #videosDrag
{
	position: absolute;
width: 25%;
height: 5%;
top: 90%;
left: 4%;
}




.contenedor #barraDrop
{
	position: absolute;
width: 47%;
height: 5%;
top: 6%;
left: 47%;
}




.contenedor #menuDrop
{
	position: absolute;
width: 42.5%;
height: 7.2%;
top: 17%;
left: 35%;
}


.contenedor #logoDrop
{
	position: absolute;
width: 15.5%;
height: 12.2%;
top: 13%;
left: 79%;
}



.contenedor #imagenDrop
{
	position: absolute;
width: 19.5%;
height: 37.2%;
top: 26%;
left: 35%;
}



.contenedor #contenidoDrop
{
	position: absolute;
width: 39.5%;
height: 37.2%;
top: 26%;
left: 55%;
}



.contenedor #videoDrop
{
	position: absolute;
width: 25.5%;
height: 24.2%;
top: 64%;
left: 69%;
}



.contenedor #anuncioDrop
{
	position: absolute;
width: 59.5%;
height: 7.2%;
top: 90%;
left: 35%;
}



.contenedor #content2
{
	position: absolute;
width: 32.5%;
height: 22.2%;
top: 66%;
left: 35%;
}





.completoContenedor
{
	position: absolute;
	width: 110%;
	height: 110%;
	top: 0%;
	left: 0%;
	display: none;
}
.completoContenedor img
{
 

}


 .ui-drop-hover
            {
               
               -ms-transform: scale(1.12,1.12)!important;
               transform: scale(1.12,1.12) !important;
               -webkit-transform: scale(1.12,1.12) !important;
              

            }


.direccionesCon
{
	display: none;
	position: absolute;
top: 6%;
left: 58%;
width: 25%;
height: 11%;

}

.direccionesCon img
{
	position: relative;
	width: 100%;
	height: 50%;
}



.menuCon
{
	display: none;
	position: absolute;
top: 18%;
left: 43%;
width: 25%;
height: 11%;

}

.menuCon img
{
	position: relative;
	width: 100%;
	height: 50%;
}


.anuncioCon
{
	display: none;
	position: absolute;
top: 91%;
left: 54%;
width: 25%;
height: 11%;

}

.anuncioCon img
{
	position: relative;
	width: 100%;
	height: 50%;
}


.imagenCon
{
	display: none;
	position: absolute;
top: 42%;
left: 32%;
width: 25%;
height: 11%;

}

.imagenCon img
{
	position: relative;
	width: 100%;
	height: 50%;
}



.contenidosCon
{
	display: none;
	position: absolute;
top: 42%;
left: 64%;
width: 25%;
height: 11%;

}

.contenidosCon img
{
	position: relative;
	width: 100%;
	height: 50%;
}




.logoCon
{
	display: none;
	position: absolute;
top: 19%;
left: 76%;
width: 25%;
height: 11%;

}

.logoCon img
{
	position: relative;
	width: 100%;
	height: 50%;
}

.videosCon
{
	display: none;
	position: absolute;
top: 72%;
left: 71%;
width: 25%;
height: 11%;

}

.videos img
{
	position: relative;
	width: 100%;
	height: 50%;
}

#reinicio
{
position: absolute;
top: 2%;
left: 1%;
color: #FFF;
text-align: center;
border-radius: 25px;
background: #008C5A none repeat scroll 0% 0%;
text-decoration: none;
font-family: Arial,Helvetica,sans-serif;
width: 22%;
height: 3.5%;
font-size: 100%;
}

#reinicio:hover
{
	background-color: #ff6b00;
}

#menu
{
position: absolute;
top: 2%;
left: 24%;
color: #FFF;
text-align: center;
border-radius: 25px;
background: #008C5A none repeat scroll 0% 0%;
text-decoration: none;
font-family: Arial,Helvetica,sans-serif;
width: 22%;
height: 3.5%;
font-size: 100%;

}

#menu:hover
{
	background-color:#ff6b00; 
}


#menutwo
{
position: absolute;
top: 67%;
left: 35%;
color: #FFF;
text-align: center;
border-radius: 25px;
width: 30%;
height: 5%;
background: #008C5A none repeat scroll 0% 0%;
text-decoration: none;
font-family: Arial,Helvetica,sans-serif;
font-size: 18px;
}

#menutwo:hover
{
	background-color: #ff6b00;
}


@media only screen and (max-width: 768px) and (orientation: portrait)
{
	.contenedor
	{
		position: absolute;
		width: 100%;
		height: 50%;
		left: 0%;
		top: 25%;
	}
}


@media only screen and (max-width: 1024px) and (orientation: portrait)
{
	.contenedor
	{
		position: absolute;
		width: 100%;
		height: 50%;
		left: 0%;
		top: 25%;
	}
}