body {
	background: transparent url(../img/background.jpg) no-repeat top center;
	background-size: 100% 100%;
	margin: auto;
	background-position: top center;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	width: 100%;
}

.success {
	background-color: #dff0d8;
	color: #3c763d;
	border-color: #d6e9c6;
	border: 1px solid;
	border-radius: 5px;
	margin: 10px
}

.error {
	background-color: #f2dede;
	color: red;
	border: 1px solid;
	border-color: #dca7a7;
	border-radius: 5px;
	margin: 10px
}

.login-box-name {

}

h1 {
	text-align: center;
}

#main {
	width: 40%;
	margin-right: 5%;
	margin-top: 5%;
	margin-bottom: auto;
	float: right;
}

#login {
	background: rgba(255, 255, 255, 0.8);
	border-radius: 10px;
	width: 500px;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
#captcha
{
	display:block;
	vertical-align: bottom;
	padding-top: 10px;
    margin: auto;
}
#cap {
	width: 160px;
}

.form-group {
	margin: 10px;
}

.label-group {
	display: inline-block;
	width: 100px;
	text-align: right;
	font-weight: bold;
	font-size: 1em;
	color: #FF2626;
	text-shadow: white 0.1em 0.1em 0.2em;
}

.form-group input {
	width: 200px;
	font-size: 1.2em;
	border-radius: 8px;
	border: 0px;
	padding: 8px;
	border: lightgray 1px solid;
}
.form-group input:focus
{
	border: #02D6C8 1px solid;
}
.btn {
	font-size: 18px;
	background-image: -moz-linear-gradient(180deg, rgb(2, 224, 209) 0%,
		rgb(0, 157, 147) 100%);
	background-image: -o-linear-gradient(180deg, rgb(2, 224, 209) 0%,
		rgb(0, 157, 147) 100%);
	background-image: -webkit-linear-gradient(180deg, rgb(2, 224, 209) 0%,
		rgb(0, 157, 147) 100%);
	background-image: linear-gradient(180deg, rgb(2, 224, 209) 0%,
		rgb(0, 157, 147) 100%);
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff02e0d1,endColorstr=#ff009d93,GradientType=0)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff02e0d1,
		endColorstr=#ff009d93, GradientType=0);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #FFF;
	padding: 10px 30px;
	width: auto;
	text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.65);
	-ms-filter:
		"progid:DXImageTransform.Microsoft.dropshadow(OffX=5,OffY=5,Color=#a5000000,Positive=true)";
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5,
		Color=#a5000000, Positive=true);
}

.btn:hover {
	cursor: pointer;
	background-image: -moz-linear-gradient(0deg, rgb(2, 224, 209) 0%,
		rgb(0, 157, 147) 100%);
	background-image: -o-linear-gradient(0deg, rgb(2, 224, 209) 0%,
		rgb(0, 157, 147) 100%);
	background-image: -webkit-linear-gradient(0deg, rgb(2, 224, 209) 0%,
		rgb(0, 157, 147) 100%);
	background-image: linear-gradient(0deg, rgb(2, 224, 209) 0%,
		rgb(0, 157, 147) 100%);
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff02e0d1,endColorstr=#ff009d93,GradientType=0)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff02e0d1,
		endColorstr=#ff009d93, GradientType=0);
}
.btn-secondary
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #FFF;
	padding: 10px 30px;
	width: auto;
	text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.65);
	font-size: 18px;
	background: #cd3636;
}
.logo {
	width: 60%;
	bottom: -200px;
	margin: auto;
}

#logotipo {
	width: 100%;
}

#exploradores {
	height: 50px;
}


@media screen and (min-width: 600px) and (max-width:1100px) {
	#main {
		width: 80%;
	}
}

@media screen and (max-width: 600px) {
	body {
		background-position: left;
		background-size: cover;
	}
	#captcha
{
	display:inline-block;
}
	.form-group input {
		width: 80%;

	}
	#main {
		width: 90%;
		margin-top: 5%;
	}
	#login {
		width: 100%;
	}
	label, .label-group {
		display: none;
	}
}