.imagenTexto {
	background-color: #F8F8F8;
	border: medium none;
	margin: 10px 6px 9px 0;
	padding: 0;
}

body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
	background-image: url(../img/bg_body.gif);
	background-repeat: repeat-x
}

body.login {
	background-image: url(../img/bg_login.gif);
	background-repeat: repeat-x
}

textarea {
	resize: none;
}

button {
	border: none;
	background: none;
	cursor: pointer;
}

.ocultar {
	display: none
}

/* ~~ Selectores de elemento/etiqueta ~~ */
ul:not(#div_bot_root *),ol:not(#div_bot_root *),dl:not(#div_bot_root *) {
	/* Debido a las diferencias existentes entre los navegadores, es recomendable no a�adir relleno ni m�rgenes en las listas. Para lograr coherencia, puede especificar las cantidades deseadas aqu� o en los elementos de lista (LI, DT, DD) que contienen. Recuerde que lo que haga aqu� se aplicar� en cascada en la lista .nav, a no ser que escriba un selector m�s espec�fico. */
	padding: 0;
	margin: 0;
	list-style-type: none;
}

h1,h2,h3,h4,h5,h6,p {
	margin-top: 0;
	/* la eliminaci�n del margen superior resuelve un problema que origina que los m�rgenes escapen de la etiqueta div contenedora. El margen inferior restante lo mantendr� separado de los elementos de que le sigan. */
	padding-right: 15px;
	padding-left: 15px;
	/* la adici�n de relleno a los lados del elemento dentro de las divs, en lugar de en las divs propiamente dichas, elimina todas las matem�ticas de modelo de cuadro. Una div anidada con relleno lateral tambi�n puede usarse como m�todo alternativo. */
}

a img {
	/* este selector elimina el borde azul predeterminado que se muestra en algunos navegadores alrededor de una imagen cuando est� rodeada por un v�nculo */
	border: none;
}
/* ~~ La aplicaci�n de estilo a los v�nculos del sitio debe permanecer en este orden (incluido el grupo de selectores que crea el efecto hover -paso por encima-). ~~ */
a:link {
	color: #464646;
	text-decoration: none;
	/* a no ser que aplique estilos a los v�nculos para que tengan un aspecto muy exclusivo, es recomendable proporcionar subrayados para facilitar una identificaci�n visual r�pida */
}

a:visited {
	color: #464646;
	text-decoration: none;
}

a:hover,a:active,a:focus {
	/* este grupo de selectores proporcionar� a un usuario que navegue mediante el teclado la misma experiencia de hover (paso por encima) que experimenta un usuario que emplea un rat�n. */
	/*text-decoration: underline;*/
}

/* ~~ este contenedor de anchura fija rodea a las dem�s divs ~~ */
.container {
	width: 960px;
	margin: 0 auto;
	/* el valor autom�tico de los lados, unido a la anchura, centra el dise�o */
}

.textos {
	color: #3078CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}

/* ~~ no se asigna una anchura al encabezado. Se extender� por toda la anchura del dise�o. Contiene un marcador de posici�n de imagen que debe sustituirse por su propio logotipo vinculado ~~ */
.header {
	background-color: none;
	width: 100%;
	float: left
}

/* ~~ Esta es la informaci�n de dise�o. ~~ 

1) El relleno s�lo se sit�a en la parte superior y/o inferior de la div. Los elementos situados dentro de esta div tienen relleno a los lados. Esto le ahorra las "matem�ticas de modelo de cuadro". Recuerde que si a�ade relleno o borde lateral a la div propiamente dicha, �ste se a�adir� a la anchura que defina para crear la anchura *total*. Tambi�n puede optar por eliminar el relleno del elemento en la div y colocar una segunda div dentro de �sta sin anchura y el relleno necesario para el dise�o deseado.

*/
.content:not(#div_bot_root *) {
	padding: 5px 0;
	border-radius: 9px;
	margin-top: 20px;
	width: 960px;
	margin: 0 auto;
	margin-top: 15px;
	background-image: url(../img/bg_interiores.png);
	background-repeat: no-repeat;
	background-position: right top;
	float: left
}

.contentLogin {
	border-radius: 9px;
	background-color: white;
	width: 85%;
	margin: 0 auto;
	background-image: url(../img/Logotipo_90.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 346px
}

.infoLogin {
	background-color: #f0f2f4;
	border-radius: 5px;
	width: 45%;
	margin-top: 50px;
	float: left;
	padding: 6px;
	margin-left: 38px;
	text-align: center
}

.instructivos {
	text-align: right;
	width: 98%;
	float: left;
	margin-bottom: 10px
}

/* ~~ El pie de p�gina ~~ */
.footer {
	padding: 10px 0;
	float: left;
	width: 100%;
	background-image: url(../img/bg_pie.jpg);
	background-repeat: repeat-x;
	margin-top: 0px
}

/* ~~ clases float/clear varias ~~ */
.fltrt {
	/* esta clase puede utilizarse para que un elemento flote en la parte derecha de la p�gina. El elemento flotante debe preceder al elemento junto al que debe aparecer en la p�gina. */
	float: right;
	margin-left: 8px;
}

.fltlft {
	/* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la p�gina. El elemento flotante debe preceder al elemento junto al que debe aparecer en la p�gina. */
	float: left;
	margin-right: 8px;
}

.clearfloat {
	/* esta clase puede situarse en una <br /> o div vac�a como elemento final tras la �ltima div flotante (dentro de #container) si #footer se elimina o se saca fuera de #container */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

/***INTERIORES***/

/**Cabecera**/
.estudiante {
	float: left;
	width: 50%
}

.logoUni {
	float: left;
	width: 40%;
	text-align: right
}

/**Men�**/
.menu {
	width: 98.8%;
	float: left;
	margin-left: 0.5%;
	background-color: #2472ce;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

/**Ruta Navegaci�n**/
.breadscrumb {
	padding-top: 8px;
	float: left;
	width: 100%;
	margin-bottom: 2px
}

/**Formulario**/
.formulario {
	border: 1px solid #c5dcf6;
	border-radius: 7px;
	margin: 1%;
	width: 94%;
	padding-top: 15px;
	background-image: url(../img/bg_form.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.15);
	min-height: 80px;
}

.formperfil {
	border: 1px solid #c5dcf6;
	border-radius: 7px;
	margin: 1%;
	width: 50%;
	padding-top: 15px;
	background-image: url(../img/bg_form.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.15);
	min-height: 80px;
}
.formperfil form{min-height: 80px;margin:1%;}
.formperfil table {min-height: 80px;margin:1% 2%}

.formulario form{min-height: 80px;margin:1%;}
.formulario table {min-height: 80px;margin:1% 2%}
.form {
	min-height: 90%;
}
/**Paginaci�n**/
.paginacion {
	margin: 0 auto;
	width: 94%;
	padding-top: 15px;
}

/**Listado**/
.listado {
	width: 98%;
	float: left;
	padding-bottom: 4px;
}

/**Manual**/
.manual {
	float: left;
	width: 100%;
	text-align: right;
	margin-top: 15px
}

/**Index**/
.bienvenida {
	float: left;
	width: 100%;
	background-image: url(../img/bg_bienv.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 20px;
	height: 187px
}

.calendario {
	border: 1px solid #e1e1e3;
	border-radius: 7px;
	width: 50%;
	float: left;
	height: 285px;
	margin-left: 25px;
	background-image: url(../img/bg_form.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.15);
}

.leyendaCalendario {
	width: 40%;
	float: left;
	margin-left: 10px
}

.tablonAnuncios {
	border: 1px solid #e1e1e3;
	border-radius: 7px;
	width: 44%;
	float: left;
	height: 285px;
	margin-left: 25px;
	background-image: url(../img/bg_form.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.15);
}

.anuncio {
	width: 100%;
	float: left;
	height: 100px;
}

.page_navigation {
	height: 10px;
}

.page_navigation_info {
	height: 3px;
	color: #464646;
	background-repeat: no-repeat;
	float: right;
	font-size: 70%;
	padding-right: 7px;
}

/**Matr�cula web**/
.ancho30 {
	width: 30%
}

.datosFacultad {
	width: 27%;
	margin-left: 9px;
	float: left;
	background-image: url(../img/sep_datos_facu.gif);
	background-repeat: repeat-y;
	padding-top: 4px
}

.totalLista {
	background-color: #c5dcf6;
}

.titleSeparator {
	margin-top: 30px;
	margin-bottom: 10px;
	text-decoration: underline;
	padding-left: 10px;
	color: #337cd0;
	font-size: 100%;
	font-family: Trajan Pro, Arial, Helvetica, sans-serif;
	display: inline-block;
	width: 100%;
/*	
	-webkit-margin-before: 2em;
	-webkit-margin-after: 0.50em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
*/
	font-weight: bold;
}

.textContainer {
	border: 1px solid #c5dcf6;
	border-radius: 7px;
	padding: 10px;
	margin: 1%;
	width: 96%;
	background-image: url(../img/bg_form.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.15);
	min-height: 80px;
}

.contentInstrucciones {
	border: 1px solid #c5dcf6;
	border-radius: 7px;
	margin: 0 auto;
	margin-top: 0px;
	width: 94%;
	float: left;
	margin-left: 34px;
	padding-bottom: 4px;
	margin-bottom: 9px;
	background-image: url(../img/bg_form.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.15);
}

.contentInstruccionesReformat {
	width: 98%;
	margin-left: 10px;
}

.contentNoInstrucciones {
	margin: 0 auto;
	margin-top: 0px;
	width: 94%;
	float: left;
	margin-left: 2px;
	padding-bottom: 4px;
	margin-bottom: 9px;
}

.estiloCajaRutaImagen {
	border-top: none;
	border-bottom: none;
	border-right: none;
	cursor: pointer;
}

.col25 {
	width: 23%;
	float: left;
	margin-left: 10px;
	text-align: center;
	margin-top: 0px
}

.col75 {
	width: 70%;
	float: left;
	margin-left: 10px;
	text-align: center;
	margin-top: 0px
}

.botoneraTramite {
	margin: 0 auto;
	margin-top: 10px;
	width: 94%;
	float: left;
	padding-bottom: 5px;
	text-align: center
}

.vagoneta {
	border: 1px solid #e5eaf1;
	border-radius: 7px;
	margin: 0 auto;
	margin-top: 10px;
	width: 94%;
	height: 65px;
	float: left;
	margin-left: 34px;
	margin-bottom: 6px;
	padding-bottom: 15px;
	background-image: url(../img/barra_vagoneta.gif);
	background-repeat: no-repeat;
	background-position: 2px center;
	vertical-align: middle
}

.datos {
	border-radius: 7px;
	width: 94%;
	float: left;
	margin-bottom: 15px;
	margin-left: 34px;
	box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.15);
}

.pestanas {
	width: 100%;
	float: left
}

.col50 {
	width: 48.5%;
	float: left;
	margin-top: 0px;
}

.col47 {
	width: 43%;
	float: left;
	margin-top: 0px;
	margin-left: 2%;
}

.col22 {
	width: 26%;
	float: left;
	margin-top: 0px;
	margin-left: 2%;
}
.col33 {
	width: 31%;
	float: left;
	margin-top: 0px;
}

.col66 {
	width: 64%;
	float: left;
	margin-top: 0px;
}

.formularioBorde {
	margin: 2%;
	min-height: 120px;
	border: 1px solid #ebf2fa;
	padding: 1% 0;
	width: 96%;
}

.formulario div.detalle>div{
	line-height: 35px;
}

.formulario div.detalle>div>label {
	background-image: none;
}

.formularioBorde {
	margin: 2%;
	min-height: 120px;
	border: 1px solid #ebf2fa;
	padding: 1% 0;
	width: 96%;
}

.formperfil div.detalle>div{
	line-height: 35px;
}

.formperfil div.detalle>div>label {
	background-image: none;
}

.datos td.bgCalificacion {
	border-top-right-radius: 12px;
	background-image: url(../img/bg_calificacion.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #2472ce;
	padding-left: 4px;
	border: 2px solid #cfd9e6;
	text-align: center;
}

.datos td.separador,#modalHorario td.separador {
	border-bottom: 1px solid #E6E4E4;
}

.boton {
	cursor: pointer;
}

.documentoPDF {
	cursor: pointer;
}

.modal {
	background-image: url(../img/bg_form.gif);
}

.ui-dialog {
	position: absolute;
	width: 800px;
	height: 600px;
	background-image: url(../img/bg_form.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-color: white;
	border-radius: 8px;
	padding: 1px;
	text-align: left;
	box-shadow: 0 3px 10px rgba(50, 50, 50, 0.95);
}

.ui-dialog .ui-dialog-titlebar {
	background-color: #2472CE;
	padding: 6px;
	padding-left: 39px;
	padding-bottom: 1px;
	font-family: Trajan Pro, Arial, Helvetica, sans-serif;
	color: white;
	background-image: url(../img/ic_news.png);
	background-position: left 2px;
	background-repeat: no-repeat;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	font-weight: bold;
}

.ui-icon-closethick {
	background-image: url(../img/ic_cerrar.png);
	background-repeat: no-repeat;
	border: medium none;
	height: 32px;
	position: absolute;
	left: 90%;
	top: -21px;
	width: 32px;
}

.ui-dialog ul,dl {
	padding: 10px;
	padding-top: 20x;
}

.ui-dialog li,dt,dd {
	font-size: 75%;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 9px;
	padding-bottom: 9px;
	background-image: url(../img/bullet_p.png);
	background-position: 5px 11px;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	border-bottom: 1px dotted #DDD;
}

.ui-dialog dt {
	border-bottom: none;
	border-top: 1px dotted #DDD;
}
.ui-dialog dt.faqPrimero {
	border:none;
}

.ui-dialog dd {
	padding-top: 0px;
	border-bottom: none;
	background-image:none;
	}

.ui-dialog dd.respuestaFaq {
	color: #2472CE;
}

#listaContacto {
	font-size: 75%;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 9px;
	padding-bottom: 9px;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	border-top: 1px dotted #DDD;
	border-bottom: 1px dotted #DDD;
	color: #2472CE;
}

.etiquetaInfoUsu{
	font-size: 110%;
	font-weight: bold;

}
.ui-dialog li>ul>li {
	background-image: url(../img/bullet_siguiente.png);
	font-size: 100%;
	border-bottom: none;
}

.ui-widget-overlay {
	background: #AAA;
	opacity: .6;
	position: absolute;
	top: 0px;
	filter:alpha(opacity=40); 
}

.ui-tabs {
	position: relative;
	padding: .2em;
	zoom: 1;
}
/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom: 0;
	padding: 0;
	white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}

.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
	-moz-border-radius-topleft: 8px /*{cornerRadius}*/;
	-webkit-border-top-left-radius: 8px /*{cornerRadius}*/;
	-khtml-border-top-left-radius: 8px /*{cornerRadius}*/;
	border-top-left-radius: 8px /*{cornerRadius}*/;
}

.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
	-moz-border-radius-topright: 8px /*{cornerRadius}*/;
	-webkit-border-top-right-radius: 8px /*{cornerRadius}*/;
	-khtml-border-top-right-radius: 8px /*{cornerRadius}*/;
	border-top-right-radius: 8px /*{cornerRadius}*/;
}

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}

.centrado,.datos th.centrado,.datos td.centrado,.listado th.centrado {
	text-align: center;
}

.izquierda {
	text-align: center;
}

div.exportarBtns {
	float: right;
	padding-bottom: 0.2em;
	margin-right: 5em;
}

.listaInterior {
	margin: 2%;
}

.listaInterior table,.datos>div.listaInterior table {
	border-radius: 0;
	box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.15);
}

.listaInterior td {
	padding: 4px;
	padding-left: 3em;
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
}

.listaInterior .tituloInterior {
	padding: 1px;
	color: #013571;
	font-family: Arial, Helvetica, sans-serif;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	background: #F2F5FA none repeat scroll top left;
	border-bottom: 1px solid #E6EDF5;
	border-top: 0 solid #E6EDF5;
	border-left: 0 solid #E6EDF5;
}

.listaInterior .tituloInterior h6 {
	margin: -2% 1% 0% 3%;
}

.formInterior {
	width: 85%;
	margin: 1% 6%;
}

.listaInterior .formInterior .tituloInterior {
	background-image: url(../img/bg_th.gif);
	background-repeat: repeat-x;
	color: #013571;
	font-family: Arial, Helvetica, sans-serif;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	padding: 5px 0 5px 10px;
	font-size: 9pt;
}

.listaInterior table.ultima {
	border-radius: 7px;
}

td.value {
	text-align: right;
	padding-right: 3%;
}

td.code {
	text-align: center;
}

.horarios {
	text-align: right;
	padding: 6px;
	float: left;
	width: 55%;
	margin: 1% 0 0 0;
}
.horarios2 {
	text-align: right;
	padding: 2px;
	float: left;
	width: 31%;
	margin: 1% 0 0 0;
}
.calendarioHorario {
	background-color: #FFFFFF;
	width: 90%;
	margin: 2% 5%;
}

.labelDialog {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #555555;
	padding-left: 25px;
	padding-right: 25px;
}

.labelDialogNoticia {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #555555;
	padding-left: 25px;
	padding-right: 25px;
}

.ui-datepicker-trigger {
	position: relative;
	top: 5px;
	padding-left: 3px;
}

img.refreshCaptcha {
	float: right;
	height: 20px;
	width: 20px;
	margin-top: -40px;
	margin-right: 70px;
}

.msg_aviso {
	font-size:80%;
	color: #555555;
}

.msg_aviso a {
	font-weight:bold;
	color: black;
}


.refreshCaptcha {
	cursor: pointer;
}
.ui-datepicker-trigger {cursor:pointer;}

.formularioDiscapacidad {
	font-size:80%;
	text-align: justify;
}

.textoDificultades {
	padding-right:60px;
}

.opcionDificultades {
	padding-right:60px;
	color: #555555;
}

.radioDificultades {
	padding: 0px 60px 0px 40px;
	color: #555555;
}
.errorContent {
	border: 1px solid #c5dcf6;
	border-radius: 7px;
	margin: 1%;
	padding-top: 15px;
	background-image: url(../img/bg_form.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.15);
	min-height: 100px;
}

.titleFormulario{
	color: #3078cc;
	font-weight: bold;
	font-size: 85%;
	padding-left: 20px;
	padding-top: 10px;
	text-decoration: underline;
}

/** FILAS PAR E IMPAR */
.evenrow {
	background: #FFFFFF;
}

.oddrow {
	background: #E5F4E8;
}
.R{
	background-color:rgba(250, 6, 6, 0.4)!important;
}
.V{
	background-color:rgba(6, 250, 6, 0.4)!important;
}