@charset "utf-8";
/* CSS Document */

* {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

/* PROPIEDADES COMUNES PARA TODOS */

/* select de link */
.mselect {
	background-color:#FCFCFC;
}

/* select, hover de link */
.select, .header .menu1 ul li a:hover, .menu2 ul li a:hover, .header .menu1 span a:hover  {
	background-color:#FCFCFC;
	color:#0C3;	
}

/* select, hover de link en tablas */
.tdatos tr td a:hover {
	color:#0C3;
	text-decoration:underline;
}

/* redondeado de bordes */
.menu2, .myfieldset, .myfieldset legend, .index a {
	border-radious: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.boton {
	padding: 2px 8px;
	border-bottom:#76902e 1px solid;
	border-right:#76902e 1px solid;
	border-top:#d1e2a3 1px solid;
	border-left:#d1e2a3 1px solid;
	color:#FFF;
	background-color:#7bc00f;
	font:bold 12px Tahoma, Geneva, sans-serif;
	height: 26px;
	overflow: visible;
	margin: 0px 2px;
}

.boton:hover {
	background-color: #393;
	cursor: pointer;
	color:#fff;
}

.boton:active {
	padding: 0px 7px 0px 9px;
}

/* CLASES COMUNES PARA TODOS*/
.ancho {
	width: 960px;
	margin:0px auto;
}

a {
	text-decoration:none;
	color:#06C;
}

body {
	background: url(../img/fondo.png) repeat-x;
	width: 100%;
	height: 100%;
	position:relative
}

/* ENCABEZADO */
.top {
	padding: 15px 0px 0px 0px;
	height: 108px;
}

.header .titulo {
	font-size: 24px;
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFF;
	height: 57px;
}

.header .titulo p {
	color: #D4D4D4;
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	
}

.header .menu1 {
	margin-top: 5px;
}

.header .menu1 span {
	text-align: right;
	color: #06C;
	font-weight: bold;
	float: right;
	margin-left: 10px
}

.header .menu1 span p {
	padding-top: 5px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.header .menu1 span a{
	display: block;
	padding: 5px 10px 5px 10px;
	color: #F00;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.header .menu1 ul {
	list-style:none;
}

.header .menu1 ul li {
	float:left;
}

.header .menu1 ul li a {
	font-weight: bold;
	display: block;
	padding: 7px 10px;
}
.header .menu1 .identificacion {
	padding-top: 7px;
	text-align: right;
	color: #06C;
	font-weight: bold;
	float: right;
	margin-left: 10px;
}
.myfieldset {
	border: 1px solid #CCC;
	margin-bottom: 15px;
	padding: 0px 15px 15px 15px;
}

.myfieldset legend{
	border: 1px solid #CCC;
	margin: 0px 15px;
	background: url(../img/grad1.gif) repeat-x bottom;
	padding: 3px 8px;
	font-weight: bold;
	color:#06C
}

.myfieldset .margenes {
	margin-top: 15px;
	margin-bottom: 15px;
}

/* ESTILO GENERAL DE INPUTS */
.item input, .item select{
	border: 1px solid #e3e9ef;
	border-top: 1px solid #abadb3;	
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	outline: none;
}

.item select .selectinfo {
	color:#A8A8A8;
}

.item input:focus, .item select:focus {
	border: 1px solid #D7EBFB;
	border-top: 1px solid #88B7F0;
	
}

/* LOGIN DE USUARIO */
.login {
	width: 400px;
	margin-top: 10px;
	float:left;
}

.login .myfieldset {
	background:url(../img/gradiente.gif) repeat-x bottom;
}

/* FORMULARIO DE INGRESO */
.item {
	padding: 3px 0px;
}

.item label, .itemradio .label {
	float:left;
	width: 110px;
	text-align: right;
}

.item, .itemradio {
	width:auto;
  	vertical-align:middle;	
	margin-top: 2px;
}

.itemradio {
	padding: 6px 0px 5px 0px;
}

.itemradio .label {
	padding: 0px 4px 0px 0px;
	margin-right: 0px;
}

.itemradio label {
	margin-right: 5px;
}

.item label {
	padding: 6px 4px 0px 0px;	
}

.item input {
	height: 14px;
	padding: 5px 3px;
	width: 190px;
}

.info {
	text-align: center;
	color: #093;
	font-size: 12px;
}

.item select {
	height: 26px;
	padding: 4px 2px;
	width: 148px;
	vertical-align:middle;
}

.item select option p {
	color: #06C	
}

.submit {	
	text-align: center;
	margin-top: 15px;
}

.load {
	margin-top: 15px;
	text-align:center;
	color:#06C
}
.load b {
	color:#F4390B;
	font-size: 12px;
}

.load b p {
	font-size: 12px;
}

/* BIENVENIDA DE USUARIO */
.lema {
	margin: 0px 0px 30px 0px;
	margin-left: 440px;
}

.lema h1 {
	text-align:left;
	font-size:16px;
	color:#09C;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.lema h2, .lema h3 {
	color:#7bc00f;
	display: block;
	margin-bottom: 20px;
	border-bottom: #096 1px solid;
	padding-bottom: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.lema h2 {
	font-size: 25px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:justify;
}

.lema h3 {
	font-size: 25px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.lema h2 strong {
	display: block;
	font-style: italic;
	color:#060;

	font-size:20px;
}

.lema ul {
	margin-left: 20px;
	margin-top: 10px;
}


/* PIE DE PAGINA */
.pie {
	text-align:center;
	font-size:12px;
	background-color:#f4f4f4;
	margin-top: 20px;
	border-top:#999 1px solid;
	border-bottom:#999 1px solid;
	padding: 5px;
}

.margent {
	margin-top: 10px;
}

.centrado {
	text-align:center;
}

/* INDEX DE USUARIO LOGEADO */
.index {
	margin: 10px auto 40px auto;
	width: 500px;
}

.index a {
	padding: 10px;
	padding-left: 58px;
	background:url(../img/iconoficha.png) no-repeat 4px center;	
	border: 1px solid #CCC;
	margin-bottom: 10px;
	display:block;
	height: 42px;
}

.index a p {
	color:#000;
}

.index a:hover {
	background-color: #F5FCF5;
}

.index a span {
	font-size: 16px;
	font-weight: bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.index a:hover span {
	text-decoration: underline;

}

.index a .ok {
	float:right;
	background: url(../img/ok.png) no-repeat center 15px; 
	height: 40px; 
	color:#093;
}

.bienvenida {
	margin: 10px 100px 20px 100px;
}

.minalto {
	min-height: 500px;
}

.contra {
	margin-top: 5px;
	text-align:center
}

.crear {

}

.crear:hover {
	text-decoration:underline;
}

.form2 label {
	width:140px
}

.form2 input{
	width: 200px
}

.form2 select {
	width:208px
}

.ayuda {
	border: 1px solid #F4F400;
	padding: 5px 8px;
	font-family: Tahoma, Geneva, sans-serif;
	color:#333;
	margin: 0px 10px;
	background:url(../img/info.png) 4px 2px no-repeat #FDFFdD;
	padding-left: 32px;
	font-size: 12px;
	z-index: 50;
}

.ierror3 {
	background-color:#FFEFE8;
}

/* pagina de inicio de alumno logeado */
.index {
	margin: 10px auto 40px auto;
	width: 500px;
}

.index a {
	padding: 10px;
	padding-left: 58px;
	background:url(../img/iconoficha.png) no-repeat 4px center;	
	border: 1px solid #CCC;
	margin-bottom: 10px;
	display:block;
	height: 42px;
}

.index a p {
	color:#000;
}

.index a:hover {
	background-color: #F5FCF5;
}

.index a span {
	font-size: 16px;
	font-weight: bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.index a:hover span {
	text-decoration: underline;

}

.index a .ok {
	float:right;
	background: url(../img/ok.png) no-repeat center 15px; 
	height: 40px; 
	color:#093;
}

.bienvenida {
	margin: 10px 100px 20px 100px;
}

.minalto {
	min-height: 500px;
}