@charset "utf-8";
/* CSS Document */
#btnBuscar{
	width:24px;
	height:24px;
	cursor:pointer;
	border:none;
	background-color:transparent;
}

body{
	background-color:#f0f0f0;
	padding:0;
	margin:0;
	background-repeat:repeat;
}
#header{
	top:0;
	position:relative;
	height:125px;
	min-width:900px;
	width:100%;
}

#divHeader{
}
.titulos{
	color: #3B5998;
	font-size: 18px;
}
#ttllPnl{
	padding-top:8px;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
}
.orngttlPnl{
	color:#f8992b;
}

#divBannerSuperior{
	background-color:#3a6bae;
}
#bannerSuperior{
}
#banner{
	background-position:center;
	background-repeat:no-repeat;
	width:1100px;
	height:150px;
}
.banner{
	margin-top:15px;
}


#principal{
}

#divMenu{
	margin-top: 90px;
}
#menu{
	color:#00FFFF;
	margin-left:10px;
}
#menusecundario{
	width:1098px;
	color:#3a6bae;
	background-color:#FFFFFF;
	padding-top:5px;
	padding-bottom:5px;
	border: #ccc solid 1px;
	margin-top:5px;
	margin-bottom:5px;
}
.elementoMenu{
	float:left;
	font-size:15px;
	height:15px;
	padding-top:4px;
	padding-bottom:6px;
    font-family:Arial, Helvetica, sans-serif !important;
}
.sep{
	float:left;
	height:15px;
	font-size:13px;
	padding-left:11px;
	padding-right:11px;
	padding-top:4px;
	padding-bottom:6px;
}
#divContent{
	width:1078px;
	border: solid #cdcdcd 1px;
	background-color:#FFFFFF;
	padding-bottom:20px;
	min-height:400px;
	padding:10px;
}
#desl{
	width:590px;
	margin-left:10px;
	height:15px;
	margin-bottom:5px;
	background-color:#FFF;
	position:relative;
}
#arr{
	position:relative;
}



#piePagina{
	min-width:900px;
	width:100%;
}

#menuInferior{
	padding-top:8px;
	color:white;
	font-size:13px;
	background-color:#3B5998;
	height:15px;
	padding-bottom:10px;
}

.line{
	font-size:13px;
	font-weight:bold;
	margin-left:6px;	
	margin-right:6px;	
}

#copyright{
	font-size:13px;
	color:white;
	margin-top:10px;
	margin-bottom:10px;
}

.tituloMP{
	font-size:24px;
	color:#3B5998;
}

	#login{
		width:226px;
		height:316px;
		background-color:#f2f2f2;
		background-image:url(../../../css/images/loginForm.png);
		background-repeat:no-repeat;
		font-size:12px;
		margin-top:15px;
	}
	#ttlLgnFrm{
		background-color:#cc0001;
		height:24px;
		font-size:13px;
		color:#FFF;
		padding-top:9px;
		border-radius:5px;
	}
	#loginForm{
		height:223px;
		margin-left:18px;
		margin-right:18px;
		margin-top:15px;
	}
	#divTxtUsuario{
		padding-top:10px;
		height:60px;
		margin:0px;
	}
	#divTxtClave{
		height:60px;
		margin:0px;
		padding:0px;
	}
	#divChkRecordar{
		height:40px;
		margin:0px;
		padding:0px;
	}
	#divBtnAcceso{
		height:53px;
		margin:0px;
		padding:0px;
	}
	#txtUsuario{
		background-image:url(../../../css/images/txtUser.png);
		background-repeat:no-repeat;
		width:156px;
		height:32px;
		resize:none;
		padding:0px;
		margin:0px;
		border:none;
		padding-left:5px;
		padding-right:30px;
	}
	#txtClave{
		background-image:url(../../../css/images/txtPass.png);
		background-repeat:no-repeat;
		width:156px;
		height:32px;
		resize:none;
		padding:0px;
		margin:0px;
		border:none;
		padding-left:5px;
		padding-right:30px;
	}
	#btnAcceso{
		background-image:url(../../../css/images/acceso.png);
		background-repeat:no-repeat;
		background-color:transparent;
		width:100px;
		height:38px;
		border:none;
		
	}
	#sc_recordarme{
		height:15px;
		padding-top:10px;
		font-size:10px;
		margin-left:10px;
		margin-right:10px;
	}
	#lstPartc{
		padding-left:10px;
		padding-right:10px;
	}
	
	#cancelbutton{
		float:left;
		width:100px;
		padding:5px;
		font-size:13px;
		margin-left:35px;
	}
	#actionbutton{
		float:left;
		width:100px;
		font-size:14px;
		margin-left:320px;
	}
	#rtbutton{
	}
	
	
	.columna{
		float:left;
		width:435px;
		border:none;
		margin:0;
		padding:0;
	}
	fieldset {
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		background: #eee;
		margin: 20px;
		padding: 20px;
		box-shadow: 0 0 10px rgba(0,0,0,.3);
		position: relative;
		border: 2px groove threedface;
		padding-top:30px;
	}
	legend{
		position: absolute;
		top: -2px;
		background: #fff;
		padding: 10px 20px;
		border: 2px groove threedface;
		border-top: none;
		box-shadow: inset 0 -5px 5px rgba(0,0,0,.2);
		text-shadow: 1px 1px 2px rgba(0,0,0,.3);
		font-weight: bold;
	}
	legend span {
		display: block;
		margin: -20px;
		background: #fff;
		padding: 0px 20px;
	}
	input[type=text],
	input[type=url],
	input[type=tel],
	input[type=number],
	input[type=color],
	input[type=email],
	input[type=password] {
		border: 1px solid #333; 
		-webkit-box-shadow: 
		  inset 0 0 8px  rgba(0,0,0,0.1),
				0 0 16px rgba(0,0,0,0.1); 
		-moz-box-shadow: 
		  inset 0 0 8px  rgba(0,0,0,0.1),
				0 0 16px rgba(0,0,0,0.1); 
		box-shadow: 
		  inset 0 0 8px  rgba(0,0,0,0.1),
				0 0 16px rgba(0,0,0,0.1);
	}
	
	.subTitulos{
		font-size: 13px;
		font-weight: bold;
		color: black;
		text-shadow: white 0.1em 0.1em 0.2em
	}
	.info, .success, .warning, .error, .validation {
		border: 1px solid;
		margin: 10px 0px;
		padding:15px 10px 15px 50px;
		background-repeat: no-repeat;
		background-position: 10px center;
		font-weight:bold;
	}
	.info {
		color: #00529B;
		background-color: #BDE5F8;
	}
	.success {
		color: #4F8A10;
		background-color: #DFF2BF;
	}
	.warning {
		color: #9F6000;
		background-color: #FEEFB3;
	}
	.error {
		color: #D8000C;
		background-color: #FFBABA;
	}
	.validation {
		color: #D63301;
		background-color: #FFCCBA;
	}
	
	
.button, .button:visited { /* botones genéricos */
background: #222 repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #FFF;
text-decoration: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor:pointer;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
}

.button:hover { /* el efecto hover */
background-color: #111
color: #FFF;
}

.button:active{ /* el efecto click */
top: 1px;
}

/* botones medianos */
.button, .button:visited,.medium.button, .medium.button:visited {
font-size: 13px;
font-weight: bold;
line-height: 1;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

.blue.button, .blue.button:visited { background-color: #2981E4; }
.blue.button:hover{ background-color: #2575CF; }

.red.button, .red.button:visited { background-color: #E62727; }
.red.button:hover{ background-color: #CF2525; }

#lst_alumnos{
    list-style: none;
    background-color: #fff;
    min-height: 200px;
    max-height: 335px;
    overflow-y: scroll;
    border: 1px solid #aaaaaa;
    border-radius: 4px;
}
#login_bar{
    background-color: #0071BC;
    padding:5px 0px;
    margin-top: 5px;
    font-family: Arial, Helvetica !important;
    font-size: 12px !important;
    text-decoration: none;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.pr{
    position: relative;
}
.pa{
    position: absolute;

}
.clear{
    visibility:hidden;
    clear:both;
    margin:0;
    padding:0;
    border:none;
}
.dn{
    display: none;
}
#fecha_login{
    color: #fff;
    margin-left: 100px;
    margin-top: 8px;
}
#lgout{
    background-color: #39B54A;
    float: right;
    padding: 8px;
    margin-right: 15px;
}
#lgout a{
    color: #fff !important;
}
#lgout a:hover{
    color: #fff !important;
    text-decoration: none !important;
}
#nueva_tarjeta{
    background-color: #0071BC;
    color: #fff;
    width: 325px;
    height: 95px;
}
#nueva_tarjeta .fl{
    padding: 25px;
    text-align: center;
    color: #00FFFF !important;
}
#nueva_tarjeta .fr{
    padding: 15px;
}
#buscador_alumnos{
    font-size: 12px;
    background-color: #E5E5E5;
    width: 753px;
    height: 95px;
}
#buscador_alumnos div{
    padding: 25px;
}
#buscador_alumnos input[type=text]{
    margin: 0;
    border: none;
    background-color: #fff;
    height: 20px;
    outline: 0;
    width: 450px;
    margin-top: 10px;
    padding: 5px;
}

.tarj_alumno{
    background-image: url("images/iconos/icon_color_card.png");
}
.tarj_alumno:hover{
    background-image: url("images/iconos/icon_color2_card.png");
}