/* HEADER */

#headerContainerGeneral {
	position: absolute;
	float: left;
	width: 100%;
	height: 50px;
	z-index: 29;

}

#headerLogo {
	position: relative;
	float: left;
	height: auto;
	width: 113px;
	padding: 0 0 0 12px;
}


#headerInfo{
	position: relative;
	float: left;
	width: 80%;
	height: 7px;
	padding: 0 0 0 10px;
}

#headerFlash{
	position: relative;
	float: left;
	width: 100%;
	height: 7px;
	overflow: hidden;
}

#headerTituloContainer{
	position: relative;
	float: left;
	width: 100%;
	font-size: 0.8em;
}

.headerTitulo {
	float: left;
	display: block;
	padding-top: 12px;
	height: 25px;
}

#headerSede {
	padding: 2px;
	text-align: right;
	font-weight: none;
	float: right;
	font-size: 0.8em;
	width: 300px;
}

#headerMenuContainer{
	position: relative;
	float: left;
	height: auto;
	width: auto;
}

#fondoMenu{
	background: #FFF url(../../img/menubg-m.gif) repeat-x;
	position: absolute;
	left:0px;
	top:44px;
	height: 22px;
	width:100%;
}

#headerMenuContainer{
	position: relative;
	float: left;
}

#containerTodo {
/* este container centra el contenido */
	position: initial;
	float: none;
	top: 100px;
	margin-left: 10px;
	margin-right: auto;
	width: 98%;
	z-index: 30;
	clear: both;	
}

#wrapCentro {
/* estos containers hacen el "wrap celeste" */
	width: 100%;
	float: left;
	position: relative;
	background: #e4f2f6;
	border: solid 1px #cfcabc;
	padding: 10px 0 10px 0;
	text-align:center;
}

/* CURSOS */


#containerCentraCursosHorarios {
	/*este container centra cursos y horarios en el "wrap celeste"*/
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	height: auto;
}

.containerCursosElementoTodo {
	float: left;
	position: relative;
	height: auto;
}

#containerCursos {
	width: 100%;
	height: auto;
	padding: 5px 0 5px 0;
	background: #1a90c6 url(../../images/cursosbg.gif) no-repeat;
	border: 1px solid #37aabb;
	position: relative;
	float: left;
}

.cursosMateriasAutorizadas {
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	height: 15px;
	padding-left: 5px;
	padding-top: 3px;
	text-align: left;
}

.cursosMateriasTerminar A{
	position:	absolute;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	padding-right: 5px;
	top:	4px;
	text-align: right;
	left:	800px;
}

.containerCursosElemento {
	position: relative;
	float: left;
	height: 83px;
	width: 200px;
	background: url(../../images/cursoelemento.gif) no-repeat;
	margin: 8px 0 0 0;
	padding: 7px 0 0 10px;
	text-align: left;
}

.containerCursosElementoNombre {
	position: relative;
	float: left;
	width: 185px;
	height: 30px;
	color: #474747;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 5px;
}

.containerCursosElementoSigla {
	position: relative;
	float: left;
	width: 185px;
	height: 20px;
	color: #606060;
	font-size: 1em;
}

.containerCursosElementoPrematricula {
	float: left;
	position: relative;
	display: block;
	width: 163px;
	height: 20px;
	padding-left: 17px;
	font-size: 1em;
	font-weight: bold;
	text-decoration: underline;
	background: url(../../images/curso-prematricula.gif) no-repeat;
}

.containerCursosElementoMatriculado {
	float: left;
	position: relative;
	display: block;
	width: 163px;
	height: 20px;
	padding-left: 17px;
	color: red;
	font-size: 1em;
	font-weight: bold;
	background: url(../../images/curso-matriculado.gif) no-repeat;
}

.containerCursosElementoMatriculado A{
	color: red;
}


/* HORARIOS */

#containerHorarios {
	position: relative;
	float: left;
	width: 100%;
	background: #eae9e1;
	border: solid 1px #cfcabc;
	text-align: left;
}

.tituloHorarios {
	float: left;
	position: relative;
	width: 985px;
	height: 17px;
	padding: 5px 0 0 10px;
	display: block;
	background: url(../../images/titulo_horarios.gif) #fff no-repeat;
	font-size: 1em;
	font-weight: bold;
}

.containerHorariosNombreCurso{
	float: left;
	position: relative;
	width: 98%;
	font-size: 1em;
	font-weight: bold;
	margin: 5px 0 5px 7px;
	color: #2a3541;
}

#containerHorarios div {
	position: relative;
	float: left;
}

.containerHorariosFicha {
	margin: 0 0 0 5px;
	padding: 14px 0 0 10px;
	background: url(../../images/horariobg.gif) no-repeat;
	height: 160px;
	width: 305px;
}

.horariosLeft {
/* contiene foto y botones matricular */ 
	width: 91px;
	padding-left: 7px;
}

.horariosRight {
/* contiene grupo, profesor y datos */
	width: 190px;
	padding-left: 7px;
}
.containerHorariosFoto{
	width: 91px;
	height: 106px;
	margin-right: 10px;
}

.containerHorariosSeleccionar{
	/*contenedor de botones seleccionar horario o borrar horario */
	margin-top: 6px;
	width: 90px;
	font-size: 1em;
}

.horarioBotonMatricular {
	margin-top: 8px;
	display: block;
	width: auto;
	font-weight: bold;
	height: 16px;
	padding-left: 16px;
	background: url(../../images/matricular_desmatricular.gif) no-repeat;
}

.horarioBotonMatricular a:link, a:visited, a:active {
	color: #454e5f;
	text-decoration: underline;
}

.horarioBotonMatricular a:hover {
	color: #152c56;
}


.horarioBotonEliminar {
	margin-top: 8px;
	display: block;
	width: auto;
	font-weight: bold;
	height: 16px;
	padding-left: 17px;
	background: url(../../images/matricular_desmatricular.gif) no-repeat 0 -16px;
}

.horarioBotonEliminar a:link, a:visited, a:active {
	color: red;
	text-decoration: underline;
}

.horarioBotonEliminar a:hover {
	color: red;
}

.botonCerrarHorarios {
	float: right;
}

.botonCerrarHorarios IMG {
	border: 0px solid black;
	text-decoration: none;
}

.containerHorariosGrupo{
	width: 185px;
	height: 18px;
	border-bottom: 1px solid;
	color: #474747;
	font-weight: bold;
	font-size: 1em;
	margin-bottom: 3px;
	}

.containerHorariosProfesor{
	width: 185px;
	font-size: 1em;
	color: #474747;
	margin-bottom: 5px;
	text-align: left;
}

.containerHorariosDatos{
	width: 185px;
	height: 100px;
	font-size: 1em;
	color: #676767;
	text-align: left;
}


/* Footer */

/* RESET CSS */
/*
html {
margin: 0;
padding: 0;
border: 0;
font-weight: normal;
font-style: normal;
font-family: inherit;
width: 100%;
}
*/

.fondoMain {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
}

/* inicio menu horizontal chiquitico */

#menuExpEstudianteContainer {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 10px;
}

#menuExpEstudiantesNombre {
	display: block;
	width: 100%;
	padding: 0 0 0 9px;
	height: 19px;
	color: #00628B;
	font-size: 1.2em;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

#navcontainer {
	width: 100%;
	height: 21px;
	background: #1392C7;
	border-top: solid 1px #7EA0B0;
}

ul#navlist {
        margin: 0;
        padding: 0;
        list-style-type: none;
        white-space: nowrap;
}

ul#navlist li {
        float: left;
        font-family: verdana, arial, sans-serif;
        font-size: 9px;
        font-weight: bold;
        margin: 0;
        padding: 5px 0 4px 0;
        background-color: #1392C7;
}

#navlist a, #navlist a:link {
        margin: 0;
        padding: 5px 9px 4px 9px;
        color: #fff;
        text-decoration: none;
}

ul#navlist li#active {
        color: #95bbae;
        background-color: #00628B;
}

#navlist a:hover {
        color: #1392C7;
        background-color: #E4F2F5;
}

/* Inicia menu de pasos */

#menuPasosContainerGeneral {
	width: 100%;
	height: auto;
	background: #e4f2f6;  /* #FEFFE8 */
	border-top: 1px solid #DCDAC0;
	border-left: 1px solid #DCDAC0;
	border-right: 1px solid #DCDAC0;
	border-bottom: 1px solid #A9AA8B; 
	margin-bottom: 5px;
}

#menuPasosContainerLeft {
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0 0 0;
	width: auto;
	height: 100%;
}

#menuPasosBotonRight {
	float: right;
}

#navPyra {

}

#navPyra li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#navPyra a:link, #navPyra a:visited {
		font-family: "Lucida Grande", Verdana, Arial, sans-serif;
        float: left;
        font-size: 10px;
        line-height: 14px;
        padding: 0 12px 10px 12px;
        text-decoration: none;
        color: #A6A48B;
}

#navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover {
        color: #000;
        background: url(../../images/pyramid.gif) no-repeat bottom center;
}

#navPyra li a span {
        color: #000;
		font-size:11px;
		font-weight: bold;
		text-decoration: underline;
        background: url(../../images/pyramid.gif) no-repeat;
}

html {
	font-size: 100%;
}

body {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 0.8em;
}

input {
	background: url(../../images/formbg.gif) no-repeat;
	border: solid 1px #9b9b9b;
}

.inputAutosuggest {
	background: url(../../images/formsautobg.gif) no-repeat;
	border: solid 1px #9b9b9b;
	color: #014765;
}

#mainwrap{
	width: 90%;
	float: left;
	position: relative;
}
#headerMenus{
	float: left;
	position: relative;
	width: 100%;
}
#headerMenus div{
	position: relative;
	float: left;
}
.topHeader{
	width: 100%;
}
.topHeader .nombre {
	padding: 0 0 2px 5px;
	background: #1392c7 url(../../images/submenu_leftcorner.gif) no-repeat;
	font-weight: bold;
	color: #fff;
	width: 30%;
}
.topHeader .flecha {
	float: left;
	margin: 4px 4px 0 0;
}
.topHeader .nombre span{
	display: block;
	background: url(../../images/submenu_rightcorner.gif) no-repeat top right;
}

.topHeader .institucion{
	color: #585858;
	width: 69%;
	background: #fff;
	text-align: right;
	font-size: 10px;
}
.submenuSegNivel {
	background: #1392c7 url(../../images/submenu_rightcorner.gif) no-repeat top right;
	width: 100%;
	overflow: hidden;
	float: left;
	border-left: solid 2px #128DC1; 
}

/* MENUTABS */

	#slidetabsmenu {
	}
	
	* html #slidetabsmenu{ /*IE only. Add 1em spacing between menu and rest of content*/
	margin-bottom: 1em;
	}
	
	#slidetabsmenu ul{
	list-style-type: none;
	margin:0;
	padding:0;
	}
	
	#slidetabsmenu li{
	display:inline;
	margin:0;
	padding:0;
	}
	
	#slidetabsmenu a {
	float:left;
	background:url(../../images/submenutab1.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
	text-decoration:none;
	}
	
	#slidetabsmenu a span {
	float:left;
	display:block;
	background:url(../../images/submenutab2.gif) no-repeat right top;
	padding:0 14px 0px 5px;
	color:#fff;
	}
	
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#slidetabsmenu a span {float:none;}
	/* End IE5-Mac hack */
	
	#slidetabsmenu a:hover span {
	color: #1392c7;
	}
	
	#slidetabsmenu .current a {
	display: block;
	background-position:0 -22px;
	}
	
	#slidetabsmenu .current a span {
	background-position:100% -22px;
	color: #1392c7;
	display: block;
	}
	
	#slidetabsmenu a:hover {
	background-position:0% -22px;
	}
	
	#slidetabsmenu a:hover span {
	background-position:100% -22px;
	}

/* FIN MENUTABS */

.submenuTerNivel {
	background: #b8deee;
	width: 100%;
	padding: 5px 0;
	height: auto;
	overflow: hidden;
}
/* MENUTABS 2*/

	#slidetabsmenuTer {
/*
	width:100%;
	font-size:90%;
	line-height:normal;
	padding: 5px 0;
*/
	}
	
	* html #slidetabsmenuTer{ /*IE only. Add 1em spacing between menu and rest of content*/
	margin-bottom: 1em;
	}
	
	#slidetabsmenuTer ul{
	list-style-type: none;
	margin:0;
	padding:0;
	}
	
	#slidetabsmenuTer li{
	display:inline-block;
	margin:0;
	}
	
	#slidetabsmenuTer a {
		float:left;
		background-color: #b8deee;
		margin-right: 3px;
		text-decoration:none;
		outline: none;
	}
	
	#slidetabsmenuTer a span {
		float:left;
		display:block;
		background-color: #b8deee;
		padding:4px 10px 4px 10px;
		color:#1392c7;
		outline: none;
	}
	
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#slidetabsmenuTer a span {float:none;}
	/* End IE5-Mac hack */
	
	#slidetabsmenuTer a:hover span {
		color: #1392c7;
	}
	
	#slidetabsmenuTer .current a {
	/*background-position:0 -18px;*/
		display: block;
		outline: none;
	}
	
	#slidetabsmenuTer .current a span {
	/*background-position:100% -18px;*/
		color: #1392c7;
		display: block;
		background-color: white;
		border-radius:  6px;
		outline: none;
	}
	
	#slidetabsmenuTer a:hover {
		/*background-position:0% -18px;*/
		background-color: white;
		border-radius:  6px;
		outline: none;
	}
	
	#slidetabsmenuTer a:hover span {
		background-color: white;
		border-radius:  6px;
		display: block;
		outline: none;
	}

/* FIN MENUTABS 2 */

#dataContainer{
	border: solid 1px #b8deee;
	width: 100%;
	position: relative;
	float: left;
}
/* VENTANA ERROR */
#dataContainer .errorContainer{
	width: auto;
	float: none;
	margin: 0 7px;
}
#dataContainer .errorElement {
	background: url(../../images/error.gif) no-repeat 0 4px;
	display: block;
	padding: 0 0 0 12px;
	margin: 0 0 0 5px;
}
#dataContainer .errorElement a{
	color: red;
	text-decoration: underline;
}
#dataContainer .errorElement a:hover{
	color: red;
	text-decoration: none;
}

#dataContainer .errorTopLeft {
	height: 5px;
	background: url(../../images/error_topbg1.gif) no-repeat;
	margin: 5px 0 0 0;
}
#dataContainer .errorTopRight {
	background: url(../../images/error_topbg2.gif) no-repeat top right;
	height: 5px;
	width: 100%;
	overflow: hidden;
}
#dataContainer .errorLeft {
	background: url(../../images/error_mainbg1.gif) repeat-y;
}
#dataContainer .errorRight{
	background: url(../../images/error_mainbg2.gif) repeat-y top right;
	padding: 0 5px;
}
#dataContainer .errorBottomLeft {
	height: 9px;
	background: url(../../images/error_bottombg1.gif) no-repeat;
	margin: 0 0 5px 0;
}
#dataContainer .errorBottomRight {
	height: 9px;
	background: url(../../images/error_bottombg2.gif) no-repeat top right;
	overflow: hidden;
}
/* FIN VENTANA ERROR */

/* VENTANA FORMS */
#dataContainer .formsContainer{
	width: auto;
	float: none;
	margin: 0 7px;
}
#dataContainer .formsTopLeft {
	height: 5px;
	background: url(../../images/forms_topbg1.gif) no-repeat;
}
#dataContainer .formsTopRight {
	background: url(../../images/forms_topbg2.gif) no-repeat top right;
	height: 5px;
	width: 100%;
	overflow: hidden;
}
#dataContainer .formsLeft {
	background: url(../../images/forms_mainbg1.gif) repeat-y;
}
#dataContainer .formsRight{
	background: url(../../images/forms_mainbg2.gif) repeat-y top right;
	padding: 0 5px;
}
#dataContainer .formsBottomLeft {
	height: 9px;
	background: url(../../images/forms_bottombg1.gif) no-repeat;
	margin: 0 0 5px 0;
}
#dataContainer .formsBottomRight {
	height: 9px;
	background: url(../../images/forms_bottombg2.gif) no-repeat top right;
	overflow: hidden;
}

/* SPLASH */

#splashContainer .formsContainer{
	width: auto;
	float: none;
	margin: 0 7px;
}
#splashContainer .formsTopLeft {
	height: 5px;
	background: url(../../images/forms_topbg1.gif) no-repeat;
}
#splashContainer .formsTopRight {
	background: url(../../images/forms_topbg2.gif) no-repeat top right;
	height: 5px;
	width: 100%;
	overflow: hidden;
}
#splashContainer .formsLeft {
	background: url(../../images/forms_mainbg1.gif) repeat-y;
}
#splashContainer .formsRight{
	background: url(../../images/forms_mainbg2.gif) repeat-y top right;
	padding: 0 5px;
}
#splashContainer .formsBottomLeft {
	height: 9px;
	background: url(../../images/forms_bottombg1.gif) no-repeat;
	margin: 0 0 5px 0;
}
#splashContainer .formsBottomRight {
	height: 9px;
	background: url(../../images/forms_bottombg2.gif) no-repeat top right;
	overflow: hidden;
}


	.splashTable {
		width: 100%;
	}
	.splashTable tr td {
		display: table-cell;
		vertical-align: top;
		
	}
	.splaligner {
		width: 100%;
		margin: 0 auto;
		border: solid thin blue;
		clear: both;		
	}
	.splashIcon {
		width: 69px;
		height: 72px;
		float: left;
		margin: 0 5px;
	}
	
	.splashRight {
	}

	.splashRight h1 {
		float: left;
		display: block;
		width: 100%;
		color: #1492c7;
		border-bottom: solid 1px #a6acaf;
		margin-bottom: 10px;
	} 
	
	.splashRight .content {
		float: left;
		width: 300px;
		color: #5c5c5c;
		margin-right: 10px;
	}

	.splashRight .listash {
		float: left;
		width: 470px;
	}
	
	.splashRight .listash ul {
		margin: 0;
		padding: 0;
	}
	.splashRight .listash ul li {
		list-style: none;
		display: block;
		width: 221px;
		height: 43px;
		margin: 0 5px 5px 0;
		float: left;
	}
	
	.splashRight .listash ul a {
		display: block;
		width: 221px;
		height: 43px;
		line-height: 39px;
		text-indent: 30px;
		background: url(../../images/splashbg.gif) no-repeat;
	}
	
	.splashRight .listash ul a:visited {
		display: block;
		width: 221px;
		height: 43px;
		line-height: 39px;
		text-indent: 30px;
	}
	.splashRight .listash ul a:visited {
		display: block;
		width: 221px;
		height: 43px;
		line-height: 39px;
		text-indent: 30px;
	}
	.splashRight .listash ul a:hover {
		display: block;
		width: 221px;
		height: 43px;
		line-height: 39px;
		text-indent: 30px;
		background: url(../../images/splashbg.gif) 0 -43px no-repeat;
		color: #fff;
	}
	
	
	
/* FIN VENTANA FORMS */
button { 
  border:0; 
border-top: 0; 
  cursor: pointer;  
  padding:0 12px 0 0; 
  text-align:center; 
  width:auto; 
  overflow:visible; 
}
button span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 10px; 
  margin-top: 0px;
	border: 0;
}


/*blue buttons*/
button.submitBtn { 
	-moz-box-shadow: inset 0 0.063em 0 rgba(255,255,255,0.4),inset 0 0 0.063em rgba(255,255,255,0.6),0 0.063em 0 rgba(255,255,255,0.3);
	-webkit-box-shadow: inset 0 0.063em 0 rgba(255,255,255,0.4),inset 0 0 0.063em rgba(255,255,255,0.6),0 0.063em 0 rgba(255,255,255,0.3);
	-o-box-shadow: inset 0 0.063em 0 rgba(255,255,255,0.4),inset 0 0 0.063em rgba(255,255,255,0.6),0 0.063em 0 rgba(255,255,255,0.3);
	box-shadow: inset 0 0.063em 0 rgba(255,255,255,0.4),inset 0 0 0.063em rgba(255,255,255,0.6),0 0.063em 0 rgba(255,255,255,0.3);
	position: relative;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-bottom-color: rgba(0, 0, 0, 0.4);
	cursor: pointer;
	display: inline-block;
	font-size: 11px;
	outline: none;
	padding: 0;
	margin: 0 1px;
	text-decoration: none;
	background: #1492C7;
	color: #fff;
	text-shadow: 0 1px 0 #13759a;
	-moz-border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	-o-border-radius: 0.2em;
	-ms-border-radius: 0.2em;
	-khtml-border-radius: 0.2em;
	border-radius: 0.2em;
}
button.submitBtn:hover {
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	background: #E9F9FF;
	color: #3C6B9C;
}
button.submitBtn span { 
  line-height:22px;
  padding: 2px 6px;
  font-weight: bold;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(49%, rgba(255, 255, 255, 0.05)), color-stop(51%, rgba(0, 0, 0, 0.05)), color-stop(100%, rgba(0, 0, 0, 0.1)));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1),rgba(255, 255, 255, 0.05) 49%,rgba(0, 0, 0, 0.05) 51%,rgba(0, 0, 0, 0.1));
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1),rgba(255, 255, 255, 0.05) 49%,rgba(0, 0, 0, 0.05) 51%,rgba(0, 0, 0, 0.1));
background: -o-linear-gradient(top, rgba(255, 255, 255, 0.1),rgba(255, 255, 255, 0.05) 49%,rgba(0, 0, 0, 0.05) 51%,rgba(0, 0, 0, 0.1));
background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.1),rgba(255, 255, 255, 0.05) 49%,rgba(0, 0, 0, 0.05) 51%,rgba(0, 0, 0, 0.1));
background: linear-gradient(top, rgba(255, 255, 255, 0.1),rgba(255, 255, 255, 0.05) 49%,rgba(0, 0, 0, 0.05) 51%,rgba(0, 0, 0, 0.1));
}

/*white buttons*/
button.submitBtnW { 
	-moz-box-shadow: inset 0 0.063em 0 rgba(255,255,255,0.4),inset 0 0 0.063em rgba(255,255,255,0.6),0 0.063em 0 rgba(255,255,255,0.3);
	-webkit-box-shadow: inset 0 0.063em 0 rgba(255,255,255,0.4),inset 0 0 0.063em rgba(255,255,255,0.6),0 0.063em 0 rgba(255,255,255,0.3);
	-o-box-shadow: inset 0 0.063em 0 rgba(255,255,255,0.4),inset 0 0 0.063em rgba(255,255,255,0.6),0 0.063em 0 rgba(255,255,255,0.3);
	box-shadow: inset 0 0.063em 0 rgba(255,255,255,0.4),inset 0 0 0.063em rgba(255,255,255,0.6),0 0.063em 0 rgba(255,255,255,0.3);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-bottom-color: rgba(0, 0, 0, 0.4);
	cursor: pointer;
	display: inline-block;
	outline: none;
	text-decoration: none;
 	-moz-border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	-o-border-radius: 0.2em;
	-ms-border-radius: 0.2em;
	-khtml-border-radius: 0.2em;
	border-radius: 0.2em;
	position: relative;
	padding: 0;
	margin: 0 1px;
	background: #FBFBFB;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	color: #050505;
}
button.submitBtnW:hover {
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	background: #E9F9FF;
	color: #3C6B9C;
}
button.submitBtnW span { 
  line-height:16px;
  font-size: 10px;
  font-weight: none; 
  padding: 2px 6px;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(49%, rgba(255, 255, 255, 0.05)), color-stop(51%, rgba(0, 0, 0, 0.05)), color-stop(100%, rgba(0, 0, 0, 0.1)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1),rgba(255, 255, 255, 0.05) 49%,rgba(0, 0, 0, 0.05) 51%,rgba(0, 0, 0, 0.1));
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1),rgba(255, 255, 255, 0.05) 49%,rgba(0, 0, 0, 0.05) 51%,rgba(0, 0, 0, 0.1));
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0.1),rgba(255, 255, 255, 0.05) 49%,rgba(0, 0, 0, 0.05) 51%,rgba(0, 0, 0, 0.1));
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.1),rgba(255, 255, 255, 0.05) 49%,rgba(0, 0, 0, 0.05) 51%,rgba(0, 0, 0, 0.1));
	background: linear-gradient(top, rgba(255, 255, 255, 0.1),rgba(255, 255, 255, 0.05) 49%,rgba(0, 0, 0, 0.05) 51%,rgba(0, 0, 0, 0.1));
}

a.controlbtn:link, a.controlbtn:visited {
	display: block; background: url(../../images/controlbtn1.gif) no-repeat; 
	height: 22px; 
	width: 140px; 
	line-height: 22px; 
	text-align: center; 
	color: #000; 
	text-decoration: none;
}

a.controlbtn span {
	display: block; 
	background: url(../../images/controlbtn2.gif) top right no-repeat
}

button.buttonGen {display: block; background: url(../../images/buttongen.gif) no-repeat; height: 22px; width: 120px; text-align: center; color: #fff; text-decoration: none; border: none; padding: 0; margin: 0; vertical-align: middle;}
.left {float:left;}
.clr {clear: both}
.center {float: none; margin: o auto}

div_principal {
	clear: both;
}

/* FOOTER */

.sysfooter {
	position: absolute;
	background: url(../../images/footerLeft.gif) no-repeat;
	float: left;
	height: 44px;
	z-index: 2000;
	font-size: 10px;
	width: 100%;
	margin: 10px 0 0 0;
	clear: both;
}

.sysfooter span {
	height: 44px;
	padding: 0;
	margin: 0;
	background: url(../../images/footerRight.gif) right no-repeat;
	width: 100%;
	display: block;
	float: right;
	text-indent: 90px;
	line-height: 45px;
	color: #636f74;
}

.sysfooter span b {
	background: none;
	color: #636f74;
}

/* footer con segunda linea  */
.sysfooterOS {
	background: url(../../images/footerLeft.gif) no-repeat;
	float: none;
	height: 44px;
	z-index: 2000;
	font-size: .6em;
	width: 98%;
	margin: 10px auto 0 auto;
	position: absolute;
	clear: both;
	margin: 10px 0;	
}

sysfooterOS span b {
	background: none;
	color: #636f74;
}

.sysfooterOS span {
	height: 44px;
	padding: 0;
	margin: 0;
	background: url(../../images/footerRight.gif) right no-repeat;
	width: 100%;
	display: block;
	float: right;
	text-indent: 90px;
	line-height: 20px;
	color: #636f74;
}

.sysfooterOS span b {
}

.sysfooterOS span span {
	display: block;
	width: 90%;
	height: 20px;
	line-height: 13px;
	text-indent: 0;
	padding: 9px 0 0 0;
	background: none;
}
.sysfooterOS span span small {
	font-size: .6em;
	padding: 0;
	margin: 0;
}
.sysfooterOS span span small a {
	font-size: .6em;
}

/* footer login  */

.footerContainer {
	float: none;
	clear: both;
	margin: 0 auto;
	width: 760px;
	color: #666;
	font-size: 10px;
	text-align: right;
}

.footerContainer a {
	color: #7f7f7f;
}

.sysFooterL {
	position:relative;
	background: url(../../images/footerLeft.gif) no-repeat;
	float: left;
	height: 44px;
	z-index: 2000;
	font-size: 10px;
	width: 100%;
	margin: 10px 0 0 0;
}

.sysFooterL span {
	height: 44px;
	padding: 0;
	margin: 0;
	background: url(../../images/footerRightL.gif) right no-repeat;
	width: 100%;
	display: block;
	float: right;
	text-indent: 90px;
	line-height: 45px;
	color: #636f74;
}

.footerContainer .logos {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0; 
}

.visa {
	height: 50px;
	width: 130px;
	float: left;
	background: url(../../images/visa.gif) no-repeat;
}

.aktek {
	float: right;
	background: url(../../images/aktek.gif) no-repeat;
	height: 60px;
	width: 50px;
}

.aktek span {
	display: none;
}

.visa span {
	visibility: hidden;
}

/* KIE */

div.paramsGen {width: 98%;}
div.paramsGen .titulo {color: #008cc1; border-bottom: solid 1px #008cc1; width: 100%; display: block; margin: 0 0 5px 0;}
div.paramsGen .paramsCont {width: 100%;}
.iconsCont {background: #cee7f4; width: 96%; overflow: hidden; float: left; margin-right: 2%; padding-bottom: 3px;}
.pasoTitulo {color: #008cc1; display: block; padding: 0 0 5px 0}
.iconsCont .setTitle {background: #008cc1; width: 100%; color: #fff; padding: 5px 0; font-family: Verdana; font-size: 11px; text-indent: 10px; }
.iconsCont .setIcon {width: 49%; padding-left: 3px;}
.iconsCont .icon {padding: 5px 0 0 3px;}
.iconsCont .txt {height: 47px; padding-left: 3px; line-height: 45px; font-family: Verdana; font-size: 10px;}
.iconsCont .txt a:link,	.iconsCont .txt a:visited 	{color: #1492c7}

/* REPORTES AUTOMATIZADOS */

/* div que se esconde */
div.grupos {background: #b1d2e5 url(../../images/grupostop.gif) repeat-x bottom; height: 25px; line-height: 23px; text-indent: 5px; font-size: 12px;}
	div.grupos a:link, #grupo1 a:visited {display: block; text-decoration: none;}
	div.grupos img {border: 0; margin-top: -11px; }
		*+html div.grupos img {border: 0; margin-top: -5px; }
/* estilos de tablas de reportes */ 
table.reportes {border: solid 1px #b1d2e5; border-top: none;}
table.reportes th, table#tblColumns th {display: table-cell; background: url(../../images/repthbg.gif) repeat-x bottom left; padding: 2px 0 0 5px; color: #1392c7; height: 23px; overflow: hidden; text-align: left; font-weight: normal}
table.reportes tr.par { background: #ecf2f5;}
	table.reportes tr td {border-bottom: solid 1px #d0d6d8}
table.reportes tr.impar {background: #e2e9ec;}
table.reportes tr:hover {background: #aad5e7;}
	table.reportes td {display: table-cell; padding: 2px 0 0 5px;}
table#tblColumns {border: solid 1px #d0d6d8; display: table;}
table#tblColumns th {}
table#tblColumns tr td{background: #e2e9ec; border: solid 1px #d0d6d8; padding: 5px 10px;}

/* botones de reportes */
table#tblColumns input.buttonAgregar, input.buttonEliminar {display: block; color: #000; border: 0; font-size: 10px; width: 110px; text-align: left; text-indent: 17px; padding: 3px 0 3px 0;}
table#tblColumns input.buttonAgregar {background: url(../../images/botonagregar.png) no-repeat;}
input.buttonEliminar {background: url(../../images/botoneliminar.png) no-repeat;}

/* iehack ie7 botones */
	*+html table#tblColumns input.buttonAgregar {display: block; color: #000; border: 0; font-size: 10px; width: 110px; text-align: left; padding: 3px 0 3px 17px;}
	*+html input.buttonEliminar {display: block; color: #000; border: 0; font-size: 10px; width: 110px; text-align: left; padding: 3px 0 3px 17px;}	
	
/* Registro Rapido */

div#A01ARC_RAPIDO {}
div#A01ARC_RAPIDO table {border-spacing: 0;}
div#A01ARC_RAPIDO table td.crm_toolbar {display: table-cell; padding: 0; width: 75px;}
	div#A01ARC_RAPIDO table td.crm_toolbar td {padding: 0;}
	div.crm_buttonsContainer {float: left; background: url(../../images/tabbg1.gif) no-repeat top left; margin-top: 10px;}
		div.crm_buttonsContainer span.bottom {float: left; background: url(../../images/tabbg2.gif) no-repeat bottom left; padding: 5px 0 5px 5px}
		
	button.crm_submitBtn, button.crm_submitBtn_current {width: 70px; margin: 2px 0; float: right; clear: both; text-align: left; font-size: 11px; padding: 0; display: block;}

	button.crm_submitBtn {background: transparent url(../../images/tab-2.gif) no-repeat; color: #4993c8}
	button.crm_submitBtn_current {background: transparent url(../../images/tab-1.gif) no-repeat; color: #000;}

	button.crm_submitBtn span, button.crm_submitBtn_current span  {text-align: left; display: block; background-image: none; padding: 0 0 0 0; text-align: left; width: 100%; height: 15px; font-weight: bold;}
		div#A01ARC_RAPIDO table td.crm_toolbar .seleccionada {background: transparent;}

div#A01ARC_RAPIDO table td.crm_data {width: auto; padding: 0;}
div#A01ARC_RAPIDO table td.crm_data td {padding: 1px 2px; display: table-cell}
div#A01ARC_RAPIDO table .formsContainer {margin: 0;}
div#A01ARC_RAPIDO table td.crm_data table.adminlist {background: none; border: none;}

div.reserve_curso{
	width: 100%;
	display: inline-block;
}

div.reserve_curso button{
	display: inline !important;
	color: black;
	background-color: #E4F2F6;
	border-color: #E4F2F6;
}

.btn{
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
		border-top-color: transparent;
		border-right-color: transparent;
		border-bottom-color: transparent;
		border-left-color: transparent;
	padding: .375rem .75rem;
	font-size: 13px;
	line-height: 1.5;
	border-radius: .25rem;
	transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn:hover {
    color: black;
    background-color: #BBD7E0;
    border-color: #BBD7E0;
}

.img_results{
	width: 14%;
	padding-top: 2%;
	padding-bottom: 2%;
}