/*
 * Globals
 */
 
 /* 28-01-15 10:52 */

/* Fonts */

@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic);

.btn-primary {
	color: #fff;
	background: #5180a3;
}


/* Links */
a,
a:focus,
a:hover {
  color: #5180a3;
//  font-weight: bold;
  text-decoration: underline;
}

/* Custom default button */
.btn-default,
.btn-default:hover,
.btn-default:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritence from `body` */
  background-color: #fff;
//  border: 1px solid #fff; 
}

.btn { 
	text-decoration: none;
	font-size: 1.2em;
	font-weight: 300;
}

.btn:hover { font-weight: 300; }

/*
 * Base structure
 */

html,
body {
   background-color: #fff;
   height: 100%;
}
body {
  color: #333;
  font-family: "Roboto";

}

body {}

.logo {
	text-align: right;	
}

.container {
	max-width: 950px;
}

h1 {
    font-family: georgia;
    font-size: 2.5em;
}

section {
	min-height: 1%;
	overflow: hidden;
	margin: 20px 0 40px 0;
	position: relative;
}

section:first-child {
	margin-bottom: 10px;
}

.access {
	// background: #ebebeb;
	font-size: .9em;	
}

label {
	font-size: 1.2em;
	font-weight: 300;
}

p {
	font-weight: 300;
	margin: 0;
	padding: 5px 0 10px 0;
	font-size: 1.3em;
}
 
/* Custom */

#boton_registrar {clear: both;}

.navbar h3 {
	font-weight: lighter;
	text-align: center;
	display: block;
	color: #111;
	padding: 10px 0 10px 0;
	font-size: 1.9em;
}

.navbar h3 img { padding: 0 0 10px 5px; }

#form_login {
	border: 1px solid #e7e7e7;
	background: #f8f8f8;
	padding: 15px;
}

#form_login h4 {
	margin: 6px 0 9px 0;
}

footer {
	background: #f8f8f8;
	padding: 10px;	
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
}

footer p {
	font-size: 1.1em;
}

#pantalla {
	min-height: 1%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999999;
	background: #fff;
	opacity: 0.75;
	-moz-opacity:0.75; 
	-webkit-opacity:0.75;
	text-align: center;
}

#pantalla img {
	position: absolute;
	top: 40%;
	left: 45%;
}

/*
 * Affix and center
 */

@media (max-width: 768px) {
	body {
		background-image: none;
	}
   .navbar h3 img { 
   		padding: 10px;
   		display: inline-block; 
   	}
   	
   	footer {
	   	position: relative;
   	}
}

@media (min-width: 992px) {}


/* Mobile */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

	h1 {
		margin-top: 10px;
	}

	.access {
		margin-top: 20px;
	}
	
	#boton_registrar {
		margin-top: 10px;
	}
	.checkbox {
		padding-left: 30px;
	}
	
	.col-xs-12 {
		width: 100% !important;
	}

}