/* Place your custom CSS in this file 
 * and it will override the standard
 * bootstrap.css
 *
 * uncomment any of the @import lines
 * to try out some existing themes
*/

/*@import "AmeliaTheme.css"; */
/* @import "H5Background.css"; */
/* @import "SuperHero.css"; */
/* @import "DarkTheme.css"; */
/* @import "SlateTheme.css"; */
/* @import "FlatTheme.css"; */
/* @import "SemiFlat.css"; */
/* @import "Smoke.css"; */
/* @import "Lumen.css"; */


body {
	  /* Ubicación de la imagen */
	  background-image:url(../../Ima/Fondo.jpg);	
/*	  background-image:url(../../Ima/Fondo.jpg);	*/
	  /* Nos aseguramos que la imagen de fondo este centrada vertical y
		horizontalmente en todo momento */
	  background-position: center center;		
	  /* La imagen de fondo no se repite */
	  background-repeat: no-repeat;		
	  /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando
		 la altura del contenido supere la altura de la imagen. */
	  background-attachment: fixed;		
	  /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
		 del navegador */
	  background-size: cover;	
	  /* Fijamos un color de fondo para que se muestre mientras se está
		cargando la imagen de fondo o si hay problemas para cargarla  */
	  background-color: #c5c5c1;
}
.navbar-default, a {
    -webkit-transition:all .35s;
    -moz-transition:all .35s;
/*	font-size:14px;*/
}
.navbar-default {
   /* background-color:transparent;*/
    border-color:rgba(0, 0, 0, .7);
    transition:all .35s;
}

.navbar-default .navbar-header .navbar-brand {
    /*color:#c6c3c3;*/
	color:#3f3f3c;
    font-weight:700;
    font-size:14px;
    text-transform:uppercase
}

.navbar-default .navbar-nav>li>a{
    /*color:#c6c3c3;*/
	color:#3f3f3c;
    font-weight:700;
    text-transform:uppercase	
}

.navbar-default .navbar-nav>li>a:hover{
	/*color:#FFF;*/
	color:#c22750;
}
.navbar-header button{
	color:#000;
    font-weight:700;
	font-size:12px;
	text-transform:uppercase;
}

header{
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  padding:15px;  
  text-align:center;
  width:100%;
}

header .header-content .header-content-inner h1 {
	font-size:50px;
	font-weight:700;	
    color:#000;	
	text-transform:uppercase;
	margin-top:0px;
}

header{
	padding-left:5%;
	padding-right:5%;
}

.header-content-inner hr{
	/*border-color:#F05F40;*/
    border-color:#c22750;
	width:50px;	
	border-width:3px;
	margin-top:0px;
}

.header-content-inner p{
    font-size:20px;
    line-height:1.5;
    margin-bottom:20px;
	padding-left:10%;
	padding-right:10%;	
	color:#000;
}

/*
.header-content .btn-primary {
    color:#fff;
    background-color:#F05F40;
    border-color:#F05F40;
    -webkit-transition:all .35s;
    -moz-transition:all .35s;
    transition:all .35s	
}
.header-content .btn-primary:hover {
    color:#fff;
    background-color:#ee4b28;
    border-color:#ed431f
}

.header-content .btn-primary:active:focus,.header-content .btn-primary:active:hover{
    color:#fff;
    background-color:#e53518;
    border-color:#c22f1c
}
*/
/*
.header-content .btn {
    border:none;
    border-radius:300px;
    font-weight:700;
    text-transform:uppercase
}
*/
/*
.btn-xl {
    padding:15px 30px
}
*/

@media only screen and (max-width: 767px) 
{
	.navbar-default {
		/*background-color:#fff;*/
		color:#E8060A;
		border-color:rgba(34, 34, 34, 1);
		transition:all .35s
	}
	.navbar-default .navbar-header .navbar-brand {
/*	    color:#F05F40;*/
	    color:#c22750;		
	}
	.navbar-default .navbar-nav>li>a{
		color:#000;
	}
	.navbar-default .navbar-nav>li>a:hover{
		/*color:#F05F40;*/
		color:#c22750;
	}	
}

@media only screen and (max-width: 767px) and (orientation: landscape)
{
	header{
	  position: absolute;
	  top: 0%;
	  transform: translatey(0%);
	  margin-top:54px;
	  padding:25px;  
	  text-align:center;
	  width:100%;
	}
	header .header-content .header-content-inner h1 {
		font-size:35px;
	}
			
	.header-content-inner p{
		font-size:18px;
	}
}

@media only screen and (max-width: 640px) 
{
		
	header .header-content .header-content-inner h1 {
		font-size:40px;
	}
	
	header{
		padding-left:7%;
		padding-right:7%;
	}		
	.header-content-inner p{
		font-size:18px;
	}
}
@media only screen and (max-width: 480px) 
{
	.navbar-default	{		
	}
	header{padding:150px;
		}
	
	header .header-content .header-content-inner h1 {
		font-size:28px;
		margin-bottom:30px;
	}
	hr{
		margin-bottom:30px;
	}
	header{
		padding-left:10%;
		padding-right:10%;
	}
	.header-content-inner p{
		font-size:17px;
		margin-bottom:30px;
	}
	.header-content{
		margin-top:50px;}	
}


/*
.css_dlgEntrada h2{
   font-size:18px;
  text-shadow:0 1px 0 black;
  text-align:center;
  padding-bottom:20px;  
  border-bottom:1px solid rgba(154,152,151,.1) ;
  margin-left:30px;
  margin-right:30px;
  position:relative;
}	
*/
.css_label {
  color:#fff;
  display:block;
  padding-bottom:4px;
  margin-left:9px;
}	
/*
.css_input {
 	width:100%;
  padding:8px 5px;
  background:linear-gradient(#1f2124, #27292c);
  border:1px solid #222;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.1);
  border-radius:0.3em;
  margin-left:9px;
  margin-bottom:20px;
  width:280px;
}
*/
/*
.css_button{
	width:80px;
	float:right;
	margin-right:9px;	
	margin-top:0;
	margin-bottom:20px;
}*/


.loginbox{  
    background: white;
    color: black;    
    margin-top: 52px;
    left: 0;
    padding: 20px;   
    box-shadow: 0 8px 50px -2px #000;
    border-radius:5px;
	width:350px;		
}
.logo{
    width: 230px; 
    height: 55px;
    margin-left: 10%;
}

.btn
{
	width:90px;
}
@media (max-width:767px) {
    .loginbox{  
        margin-top: 10%;
    }    
}

.loginbox_content{
    padding:5% 11% 5% 11%;

}

.singtext{
    font-family: "Open Sans",sans-serif;
    font-size: 27px;  
    color: #c22750;
    float: right;
    padding-right: 25%;
}

.submit-btn{
    float: right;
    margin-right: 28%;
}

.forgotpassword{
    padding-left: 10%;
}
@media (max-width:800px) {
    .submit-btn{
        
        margin-right: 23%;
    }
  
}