html,body{

	margin: 0px;
	padding: 0px;

}

body{
	margin-top: 0.5%;
	background-color: #333333;

}


.pantalla{
	/*box-shadow: inset 0 0 1px #f00;*/
	width: 99.5%;
	min-height: 300px;

	height: 98vh;

	/*overflow: hidden;*/
    
    position: relative;


	float: left;

    margin-right: 0.5%;
	margin-left: 0.5%;



}

.pantalla1{

	/*margin-right: 0.5%;
	margin-left: 0.5%;*/

}

.pantalla2{

	/*margin-left: 0.5%;
	margin-right: 0.5%;*/

}

.negro{

	background-color: #000000 !important;
	color: #ffffff !important;
	background-image: url('ico.png');
	background-repeat: no-repeat;
	background-size: contain;
	padding-left: 85px;
}

.panel{
	position: static;
	display: block;
	width: 100%;
	margin: 0px;
	/*margin-right: 50px;*/
	
	background-image: url('../fondo.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	



}

.panel-heading{
	height: 80px;
}

.panel-body{
	height: calc(100vh - 95px);
	/*border: solid 1px #ff0000;*/
	overflow-y: auto;
	font-size: 16px;
}

ul{
	margin:0px;
	padding: 0px;

}

.dragend-page{
	/*overflow-y: hidden !important;*/

}

.panel-body::-webkit-scrollbar { 
    display: none; 
}

.lista{

	float: left;
	width: 49%;
	    padding: 10px 15px;
	border: solid 1px #ddd;

	background-color: #ffffff;
	opacity: 0.85;
	filter: alpha(opacity =85);
	margin: 4px;

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

.loader{

	width: 100%;
	height: 100%;
	background-image: url("tenor.gif");
	background-position: center;
	background-repeat: no-repeat;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;

	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */

    position: absolute;
    z-index: 999;
}

.swipe {
  overflow: hidden;
    visibility: hidden;
    position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}

.reloj{

	color: #ffe451;
	font-size: 24px;
	position: absolute;
	float: left;
	z-index: 1001;
	display: none;
}

.screenSaver{

	width: 100%;
	height: 100%;
	background-image: url("ico.png");
	background-position: center;
	background-repeat: no-repeat;
	background-color: #000000;
	margin: 0px;
	padding: 0px;

	/*opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */

    position: absolute;
    z-index: 1000;
    display: none;;
}

.screenSaver h1{
	color: #ffffff;
	margin-top: 150px;
}

.arriba{

	display: none;
	position: absolute;
	background-image: url("arriba.gif");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: transparent;

	right: 20px;
	left: auto;
	top: 90px;

	width: 50px;
	height: 55px;
	z-index: 999;

}

.abajo{

	display: none;
	position: absolute;
	background-image: url("abajo.gif");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: transparent;

	right: 20px;
	left: auto;
	top: auto;
	bottom: 20px;

	width: 50px;
	height: 55px;
	z-index: 999;

}