/* CSS Document */

/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; vertical-align:baseline;}

html, body {height:100%;}
body {line-height:1; font-family: "Open Sans","Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#555555; background:#EEEEEE;}
input, select {font-family: "Open Sans","Trebuchet MS", Arial, Helvetica, sans-serif;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { contenedor:''; contenedor:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
table, td, th {vertical-align:middle;}

/* GENERALES */
.wrap {position:relative;}
.clear {clear:both; height:0px;}
.clearl {clear:left; height:0px;}
.clearr {clear:right; height:0px;}
.left {float:left;}
.right {float:right;}
a img {border:none;}
h1, h2, h3, h4, h5, h6 {margin-bottom:1em; line-height:1.3;}
p {margin:0 0 0.8em; line-height:1.4;}



a:link, a:active, a:visited {color:#0066CC; text-decoration:none;}
a:hover, a:focus {color:#0099FF;}

.logo{
	margin:auto;
	width:226px;
}
body {background:#333333;}
.wrap {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
	height:100%;
	min-width:960px;
    }
.login_alumno {
	position:absolute;
	top:50%;
	margin-top:-212px;
    left:35%;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background-color:  rgba(255, 255, 255, .3);
    border: 10px solid rgba(255, 255, 255, .3);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
    }
.login_alumno_interior {
    position:relative;
    background-color: #ffffff;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    padding:25px 25px 20px 25px;
    width:234px;
    min-height:200px;
    display:block;
	}
.login_alumno_interior p {
    line-height:1.5;
    }


.login_alumno_interior h2 {
	font-weight:300;
	font-size:18px;
	color:#808080;
	text-align:center;
    margin-bottom:15px;
	}
input[name="email"],
input[name="email2"],
input[name="password"],
input[name="forget"],
input[data-name="user"],
input[data-name="pass"] {
    background:#f2f2f2 ;
	border:1px solid #ccc;
	height:36px;
	padding-left:10px;
	width:222px;
    font-size:12px;
}

input[name="email"] {
	border-bottom:none;
	}

.bt_ingresar {
	color: white;
	background: #4d8efc;
	border: none;
	background: -moz-linear-gradient(top, #3E7BBA 0%, #2B5580 99%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3E7BBA), color-stop(99%, #2B5580));
	background: -webkit-linear-gradient(top, #3E7BBA 0%, #2B5580 99%);
	background: -o-linear-gradient(top, #3E7BBA 0%, #2B5580 99%);
	background: -ms-linear-gradient(top, #3E7BBA 0%, #2B5580 99%);
	background: linear-gradient(to bottom, #3E7BBA 0%, #2B5580 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3E7BBA', endColorstr='#2B5580', GradientType=0 );
	cursor: pointer;
	font-size: 14px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width:228px;
	margin-top:10px;
	text-align:center;
	display:block;
	padding:10px 0;
	}

a.bt_crear,
a.bt_forget,
a.bt_ingresar,
a.bt_crear_result {
	color: white;
	background: #4d8efc;
    width:200px;
	margin-top:10px;
	text-align:center;
	display:block;
	padding:10px 0;
	}

a.contenedor_volver {
	background:#fff url('/img/img_ing_sprite.png') no-repeat;
	background-position:-30px -128px;
	position:absolute;
	top:-20px;
	right:-20px;
	display:block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 44px;
	height: 44px;
    -moz-box-shadow: -2px 2px 3px #ccc;
    -webkit-box-shadow: -2px 2px 3px #ccc;
    box-shadow: -2px 2px 3px #ccc;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#111111')";
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#111111');
}

	
a.bt_ingresar:hover,
a.bt_forget:hover,
a.bt_crear:hover,
a.bt_crear_result:hover {
	opacity:0.9;
	}

.acceder {
    line-height:32px;
	}
	
	#error{
	
	bottom:40px;
	left:33%;
	 border: 1px solid;
       padding:15px 10px 15px 50px;
       background-repeat: no-repeat;
       background-position: 10px center;
       position:absolute;
 color: #00529B;
       background-color: #BDE5F8;
	   background-image:url(../img/info.png);	}
	   .error{
	
	bottom:40px;
	left:33%;
	 border: 1px solid;
       padding:15px 10px 15px 50px;
       background-repeat: no-repeat;
       background-position: 10px center;
       position:absolute;
 color: #00529B;
       background-color: #BDE5F8;
	   background-image:url(../img/info.png);	}


@media only screen and (max-width: 767px) {
.wrap {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
	height:100%;
	min-width:408px;
	position:inherit;
    }

	.login_alumno {
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background-color:  rgba(255, 255, 255, .3);
    border: 10px solid rgba(255, 255, 255, .3);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	width:90%;
	position:relative;/*era abso*/
	top:20%;
	margin:auto auto auto auto;
    left:auto;
    min-height:200px;
    }
.login_alumno_interior {
    position:auto;
    background-color: #ffffff;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    padding:25px 25px 20px 25px;
    width:90%;
    display:block;
	margin:auto;
	}


input[name="email"],
input[name="email2"],
input[name="password"],
input[name="forget"],
input[data-name="user"],
input[data-name="pass"] {
    background:#f2f2f2 ;
	border:1px solid #ccc;
	height:36px;
	padding-left:10px;
	width:96%;
    font-size:14px;
	margin:10px auto;
}

.bt_ingresar {
	color: white;
	background: #4d8efc;
	border: none;
	background: -moz-linear-gradient(top, #3E7BBA 0%, #2B5580 99%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3E7BBA), color-stop(99%, #2B5580));
	background: -webkit-linear-gradient(top, #3E7BBA 0%, #2B5580 99%);
	background: -o-linear-gradient(top, #3E7BBA 0%, #2B5580 99%);
	background: -ms-linear-gradient(top, #3E7BBA 0%, #2B5580 99%);
	background: linear-gradient(to bottom, #3E7BBA 0%, #2B5580 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3E7BBA', endColorstr='#2B5580', GradientType=0 );
	cursor: pointer;
	font-size: 14px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width:90%;
	margin:10px auto;
	text-align:center;
	display:block;
	padding:10px auto auto 10px;
}
@media only screen and (max-width: 479px) {
.wrap {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
	height:100%;
	min-width:350px;
	position:inherit;
    }

	.login_alumno {
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background-color:  rgba(255, 255, 255, .3);
    border: 10px solid rgba(255, 255, 255, .3);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	width:86%;
	position:relative;/*era abso*/
	top:20%;
	margin:auto auto auto auto;
    left:auto;
    min-height:200px;
    }
.login_alumno_interior {
    position:auto;
    background-color: #ffffff;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    padding:25px 25px 20px 25px;
    width:86%;
    display:block;
	margin:auto;
	}


input[name="email"],
input[name="email2"],
input[name="password"],
input[name="forget"],
input[data-name="user"],
input[data-name="pass"] {
    background:#f2f2f2 ;
	border:1px solid #ccc;
	height:36px;
	padding-left:10px;
	width:96%;
    font-size:14px;
	margin:10px auto;
}

.bt_ingresar {
	color: white;
	background: #4d8efc;
	border: none;
	background: -moz-linear-gradient(top, #3E7BBA 0%, #2B5580 99%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3E7BBA), color-stop(99%, #2B5580));
	background: -webkit-linear-gradient(top, #3E7BBA 0%, #2B5580 99%);
	background: -o-linear-gradient(top, #3E7BBA 0%, #2B5580 99%);
	background: -ms-linear-gradient(top, #3E7BBA 0%, #2B5580 99%);
	background: linear-gradient(to bottom, #3E7BBA 0%, #2B5580 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3E7BBA', endColorstr='#2B5580', GradientType=0 );
	cursor: pointer;
	font-size: 14px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width:90%;
	margin:10px auto;
	text-align:center;
	display:block;
	padding:10px auto auto 10px;
}