nav.navbar ,.dropdown-menu{
    background-color: #cc3333 !important;
	border: none;
}
nav.navbar a{
	color:#ffffff !important;
}


nav{
	margin-bottom: 0px !important;
}
.usuario{
	text-align: center;
    font-size: 50px;
    color: #da5057;    
    position: absolute !important; 
	top:40% !important;	
	width:100%;
}
.calendario{
	text-align: center;
    font-size: 50px;
    color: #da5057;    
    position: absolute !important; 
	top:41% !important;	
	width:100%;
}
.hora{
	text-align: center;
    font-size: 50px;
    color: #da5057;    
    position: absolute !important; 
	top:41% !important;	
	width:100%;
}
#personas,#fecha,#hora{
	font-size: 45px;
    top: 60%;
    position: absolute;
    width: 100%;
    text-align: center;
    
}
.usuario-numero {
    position: absolute !important;
    bottom: 2%;
    right: 5px;
	font-weight:bolder;
	
}
.img-uno{
	height: 570px;
}
.img-dos{
	height: 600px;
	margin-left:4%;
}
.img-tres{
	height: 640px;
	margin-left:4%;
}
.cont-video {
	align-items: center;
    justify-content: center;
    display: flex;
    margin-top: 21%;
 }

.cont-video-int{
	width: 540px;
    overflow: hidden;
    position: absolute;
    left: 9px;
    top: 108px;
    height: 304px;
    transform: rotate(-3deg);
    text-align: center;
    margin-left: 73px;
}
 
#video{
	width: 100%;
    height: 100%;
    position: absolute;    
    left: 0px;
    /* padding: 0px; */
    top: 0px;
} 
.img-fondo {	
    background: url(../img/Tablet.png);  
    background-repeat: no-repeat;
    background-position: center;   
    text-align: center;
    background-size: 100%;
    width: 700px;
    height: 500px;
    position: relative;
    transform: rotate(3deg);
}
.colgando {	
    background: url(../img/Hoja_colgando_1.png);  
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
    height: 100%;
	position:relative;
	background-size: 100%;
	-webkit-box-shadow: 0px 26px 23px -20px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 26px 23px -20px rgba(0,0,0,0.75);
	box-shadow: 0px 26px 23px -20px rgba(0,0,0,0.75);
}
.colgando-dos,.colgando-uno {	
    background: url(../img/Hoja_colgando_1.png);  
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
    height: 100%;
	background-size: 100%;
	position:relative;
	-webkit-box-shadow: 0px 26px 23px -20px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 26px 23px -20px rgba(0,0,0,0.75);
	box-shadow: 0px 26px 23px -20px rgba(0,0,0,0.75);
}
.fondo-video {
	background: url("../img/Fondo_Video.png") ;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;	
	background-size: 100%;
}
.fondo-video-ranking {
	background: url("../img/Formulario_Ranking.png") ;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100%;
}
.titulo {
	color: #ffffff !important;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #666666;
}
.encabezados >h2{
	text-align:center;
}
.color{
	width:30%;
}
.login .input-group{
	margin-bottom: 13px;
}
.login #enviar{
	font-size:15px;
}
.colores{
	width: 25px;
	height: 25px;
	border-radius: 50%;

}
.button{
	display: inline-block;
    background: #cc3333;
    padding: 7px;
    color: white;
    border-radius: 5px;
	border:1px solid #cc3333;
}
.button:hover{
    color: white !important;
	cursor: pointer;
}
.padding{
	padding-top: 20px;
	padding-bottom: 20px;
}
button {
	border: none !important;
	background: #cc3333 !important;
	color: #ffffff !important;
	border-radius: 5px !important;
	position: relative;
	box-sizing: border-box;
	transition: all 500ms ease;
}
#traer-reporte:hover{
	background: rgba(0,0,0,0)!important;
	color: #cc3333!important;
	box-shadow: inset 0 0 0 3px #cc3333 ;

}
@media (min-width: 1360px){
	.fondo-video {
		background: url("../img/Fondo_2.png") ;
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: fixed;	
		background-size: 100%;
	}
	.cont-video {
		align-items: center;
		justify-content: left;
		display: flex;
		margin-top: 5%;
	}
}
@media (min-width: 1890px){
	.img-fondo {	
		background: url(../img/Tablet.png);  
		background-repeat: no-repeat;
		background-position: center;   
		text-align: center;
		background-size: 100%;
		width: 800px;
		height: 580px;
		position: relative;
		transform: rotate(3deg);
	}
	.cont-video {
		align-items: center;
		justify-content: left;
		display: flex;
		margin-top: 11%;
		margin-left:7%;
	}
	.cont-video-int{
		width: 660px;
		overflow: hidden;
		position: absolute;
		left: 0px;
		top: 123px;
		height: 344px;
		transform: rotate(-3deg);
		text-align: center;
		margin-left: 73px;
	}
}