.Agrupacion
{   /*Agrupacion: fue creado especialmente para la pagina de abonados. 
    Se trata de poner una grilla dentro de otra y poner un "Titulo" para cada sub grilla.*/
    padding:7px 7px 7px 7px;
    font-size:small;
    font-weight:bold;
}

.AlineadoDerechaAncho216
{
    text-align: right;
	width: 216px;
}

.AlternatingRowStyle
{   /*Para las grillas cursor:pointer;*/
    background-color:#B6D2E9;
    vertical-align:middle; 
}

.Altura
{   /*Especialmente para la masterpage para que todas las paginas tengan una altura minima de 600px*/
    height:600px;
}

.Altura9Ancho14
{
    height: 9px;
    width: 14px;
}

.Ancho14
{
    width: 14px;
}

.bienvenida
{
    font-family: verdana;
    font-size: small;
    font-weight: bold;
    color: #808080;
}

body 
{   /*Asi todas las paginas que referencien a esta hoja de estilo, tendrán el mismo tipo de letra y eso.*/
    font-family:Verdana;
    font-size:xx-small;
    padding: 0px 0px 0px 0px;
    margin-top:0px;
    text-align:center;
}

.BodyCollapseNoGrid
{
    border-bottom: dashed 1px;
	border-bottom-color: #2F75A5;
    border-left: dashed 1px;
	border-left-color: #2F75A5;
    border-right: dashed 1px;
	border-right-color: #2F75A5;
}

.BordeNaranjo
{
    border: 1px solid #2F75A5;
}

.BordePunteadoDoble
{
	border-style:dashed; 
	border-width:2px; 
	border-color:#2F75A5;
}


.BordeNegroFino
{
    border: solid 1px black;
}

.Boton
{
	font-family: Verdana;
	font-size: xx-small;
	color: White;
	background-color: #3E8EFF;
}

.BotonCen
{
    /*Este estilo sirve para tablas de tres columnas, en la columna de la
    izquierda para simular un boton*/
    height: 36px;
    width: 164px;
    background-image: url( '/MidasEduca/Imagenes/Botones/BotonesRounded/out_cen.gif' );
    background-repeat: repeat-x;
    text-align: center;
    color: White;
    border-collapse: collapse;
    vertical-align:middle;
    font-size:xx-small;
}

.BotonDer
{   /*Este estilo sirve para tablas de tres columnas, en la columna de la
    izquierda para simular un boton*/
    height: 36px;
    width: 18px;
    background-image: url( '/MidasEduca/Imagenes/Botones/BotonesRounded/out_der.gif' );
    background-repeat: no-repeat;
    border-collapse: collapse;
    background-position: left top;    
}

.BotonImagen
{/*color de fondo del boton*/
 	background-color:#164E73;
}

.BotonImagenFondo
{/*color de fondo del boton*/
 	background-color:#2F75A5;	
}


.BotonImagenDisable
{/*color de fondo del boton*/
 	background-color:#164E73;
	filter:alpha(opacity=50);
    opacity:0.5;
}


.BotonIzq
{
    /*Este estilo sirve para tablas de tres columnas, en la columna de la
    izquierda para simular un boton*/
    background-position: right top;
    height: 36px;
    width: 18px;
    background-image: url( '/MidasEduca/Imagenes/Botones/BotonesRounded/out_izq.gif' );
    background-repeat: no-repeat;
    border-collapse: collapse;
}

/*Las siguientes clases son para todo calendario control calendario de ASP.*/

.Calendario
{
    font-family: Verdana;
    font-size: 9pt;
    border-style:outset;
    border-width:4px;
    border-color:#2F75A5;
    background-color: White !important;
}

.Calendario A:link
{
    text-decoration: none;
}

.Calendario A:hover
{
    text-decoration: underline;
    font-weight:bold;
}

.Calendario td
{
    vertical-align:middle;
}

.Calendario .DayHeaderStyle
{
    font-size:8pt;
    color:#333333;
    font-weight:bold;
    height:8pt;
}

.Calendario .DayStyle
{
    background-color:#cccccc;
}

.Calendario .NextPrevStyle
{
    font-size:8pt;
    font-weight:bold;
    color:White !important;
}

.Calendario .NextPrevStyle A
{
    color:White !important;
}

.Calendario .OtherMonthDayStyle
{
    color:#999999 !important;
    background-color:#cccccc;
}

.Calendario .OtherMonthDayStyle A
{
    color:#999999 !important;
}

.Calendario .SelectedDayStyle
{
    background-color:#333399;
    color:White;
}

.Calendario .SelectorStyle
{

}

.Calendario .TitleStyle
{
    background-color:#5991B7;
    font-weight:bold;
    color:White;
    border-style:solid;
    font-size: 12pt;
}

.Calendario .TodayDayStyle
{
    background-color:#999999;
    color:White;
}

.Calendario .WeekendDayStyle
{

}

/*Fin de clases para el calendaro, las siguientes son excepciones.*/

.CalendarioSecDiaMes
{   /*Para el calendario de las planificaciones*/
    text-align:center;
    vertical-align:middle;
    font-size: xx-large;
    font-family: Verdana;
    font-weight: bold;
    color: #aaaaaa;
    width:88px;
    height:56px;
    background-image: url('/MidasEduca/Imagenes/Calendario/fecha_r1_c1.gif');
    background-repeat:no-repeat;    
}

.CalendarioSecDiaSem
{   /*Para el calendario de las planificaciones*/
    font-size: xx-small;
    font-family: Verdana;
    font-weight: bold;
    color: black;
    width:88px;
    color: #999999;
    text-align:center;
    vertical-align:middle;
    height:23px;
    background-image: url('Imagenes/Calendario/fecha_r2_c1.gif');
    background-repeat:no-repeat; 
}

.CalendarioSecMes
{   /*Para el calendario de las planificaciones*/
    background-color:#2F75A5;
    color: White;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
    font-family: Calibri, Verdana;
    font-size: x-small;
    width:88px;
}

.CambioObligatorio
{
    font-family: verdana;
    font-size: xx-small;
    background-color: #FFFFCC;
    border: thin dashed #FF6600;
    padding: 7px;
    width: 450px;
}

.CeldaLarga
{
    vertical-align: top;
    width: 1px;
    height: 450px;
}

.colapsableCuerpo
{
    background-color:White;
    font-weight:normal;
    font-size:xx-small;
    color:black;
}

.Contenedora
{
    /*Para las tablas que van dentro del ContentPlaceHolder y ordenar dentro de si los controles de la pagina*/
    width:100%;
}

.Control
{
    font-family: Verdana;
    font-size: xx-small;
}


.Cuerpo
{
    background-color:White;
    
}
/*filter:alpha(opacity=90);
    opacity:0.9;*/

.Destacado
{
    background-color:Yellow;
    font-weight:bold;
}

.DueñoStyle
{
	font-size:x-small;
	color:Gray;
	font-weight:bold;
}

.EsquinaInferiorDerecha
{
    width: 15px; height: 15px;
    background-image:url(/MidasEduca/Imagenes/Diseno/TablaNueva/4.png);
}

.EsquinaInferiorIzquierda
{
    width: 15px; height: 15px;
    background-image:url(/MidasEduca/Imagenes/Diseno/TablaNueva/3.png);
}

.EsquinaSuperiorDerecha
{
    width: 15px; height: 15px;
    background-image:url(/MidasEduca/Imagenes/Diseno/TablaNueva/2.png);
}

.EsquinaSuperiorIzquierda
{
    width: 15px; height: 15px;
    background-image:url(/MidasEduca/Imagenes/Diseno/TablaNueva/1.png);
}

.Establecimientos
{   /*Permite que los colegios de la pagina de abonados queden con una sangria.*/
    padding: 7px 0px 7px 40px;
}

.FechaStyle
{
	font-size:x-small;
	color:Gray;
	font-weight:bold;
	font-style:italic;
}

fieldset
{
    background-color:White;
}

.FilaFlaca
{
    width: 1px;
}

.Flag
{
    width:20px;
    height:15px;
    margin:0px;
    padding:0px
}

.FlagPar
{
    width:20px;
    height:35px;
    display:inline;
    float: left;
    margin-left:3px;
    margin-right:4px;
    margin-bottom:3px;
}

    background-image: url('/MidasEduca/Imagenes/Usuarios/alumnos2.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: right bottom;
}

.FondoClaro
{
	background-color: #ECF3F9;
}

.FondoORO
{   /*Especialmente para pintar franjas con este color en masterpage en uno de 
    los td de la tabla principal   
    background-color:White;
    filter:alpha(opacity=90);
    opacity:0.9;*/
    background-color:#2F75A5;
}

.FondoProfesor
{
    background-image: url('/MidasEduca/Imagenes/Usuarios/profesor2.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: right bottom;
}

.FondoTabla
{
    background-color: #E9F1F8;
}

.ForoMargenContenedor
{
    margin-left:4px;
    padding-left:4px;
    border-left: solid 2px gray;
}

.ForoStyle
{
	font-size:small;
	color:Black;
	font-style:italic;
}

h2
{   /*Predeterminando tamaños para texto*/
    font-size:x-large;
}

h3
{   /*Predeterminando tamaños para texto*/
    font-size:large;
    color:Gray;
}

h4
{   /*Predeterminando tamaños para texto*/
    font-size: medium;
    color:Black;
}
h5
{   /*Predeterminando tamaños para texto*/
    text-align:center;
    font-size:small;
}

h6
{   /*Predeterminando tamaños para texto*/
    font-size:xx-small;
    font-weight:bold;
}

h7
{
    /*Predeterminando tamaños para texto*/
    font-size: xx-small;
    font-weight: bold;
    color: #666666;
}

h8
{
    /*Predeterminando tamaños para texto*/
    font-size: xx-small;
    font-weight: bold;
    color: #999999;
}

.HeaderCollapse
{   /*Para los paneles colapsables de la administracion de cursos de colegios.
    Crea una cabecera gris para mostrar informacion de los cursos*/
    background-color:#DDDDDD;
}

.HeaderCollapseNoGrid
{
    /*Para los paneles colapsables que no esten dentro de una grilla. */
    background-color: #2F75A5;
    color: White;
    font-size: small;
    font-weight: bold;
    cursor: pointer;
    padding: 3px 3px 3px 3px;
    margin-top:3px;
}

.HeaderStyle
{   /*Para las grillas que mostraran listas de datos*/
    background-color:#2F75A5;
    color:White;
    font-weight:bold;
    text-align:center;
}

.ImagenItemTaller
{   /*Esta pensado para los talleres extraprogramaticos de las novedades 2009*/
    height: 255px;
}

.InformacionImportante
{   /*Para mensajes que se muestran al usuario*/
    color:black;
    font-weight:bold;
    font-size:small;
    background-color:Yellow;
}

.ItemsTaller
{   /*Utilizado para las paginas de las novedades 2009, en las Actividades extraprogramaticas*/
    text-align:right;
}

.ItemTaller
{   /*Utilizado para las paginas de las novedades 2009, en las Actividades extraprogramaticas*/
    width:750px;
    text-align:left;
}

.LabelError
{   /*Para los mensajes que muestran un error*/
    font-style:italic;
    color:Red;
    font-family:Verdana;
    font-size:xx-small;
}

.LabelNombre
{
    font-family: verdana;
    font-size: x-small;
    color: #333333;
    font-weight: bold;
}

.LabelRequerido
{   /*Para los label que dicen campo requerido antes que el usuario intente enviar el formulario*/
    font-style:normal;
    color:Gray;
    font-family:Verdana;
    font-size:xx-small;
}

legend
{   /*para los titulos de los fieldset*/
    font-size:medium;
    font-weight:bold;
    color:#2F75A5;
}

.ListaDetalle
{	/*La lista detalle es una grilla que emula la vista de detalle del explorador de windows*/
	border-collapse: collapse;
	border: none;
	width: 100%;
}

.ListaDetalle td
{
	border: none;
	vertical-align: middle;
}

.ListaDetalle th
{
	border-style: solid;
	border-width:1px;
	border-color:#dddddd;	
	vertical-align: middle;
	text-align:center;
}

.LogoSub
{
    /*Especialmente para mostrar el logo de midas educa en la masterpage en uno de 
    los td de la tabla principal
    filter:alpha(opacity=90);
    opacity:0.9;*/
    height: 57px;
    text-align: left;
    background-image: url( '/_Imagenes/Libres/Logos/logo_down.jpg' );
    background-repeat: no-repeat;
    background-position: right top;
    background-color:White;
}

.LogoSubCongreso09
{
    /*Especialmente para mostrar el logo de midas educa en la masterpage en uno de 
    los td de la tabla principal
    filter:alpha(opacity=90);
    opacity:0.9;*/
    height: 57px;
    text-align: left;
    background-image: url( '/_Imagenes/Libres/Logos/logo_down_congreso.jpg' );
    background-repeat: no-repeat;
    background-position: right top;
    background-color:White;
}

.LogoSubPreu
{
    /*Especialmente para mostrar el logo de midas educa en la masterpage en uno de 
    los td de la tabla principal*/
    height: 57px;
    text-align: left;
    background-image: url( '/_Imagenes/Libres/Logos/logo_down_PSU.jpg' );
    background-repeat: no-repeat;
    background-position: right top;
    background-color:White;    
}

.LogoSup
{
    /*Especialmente para mostrar el logo de midas educa en la masterpage en uno de 
    los td de la tabla principal*/
    text-align: left;
    vertical-align: middle;
    height: 40px;
    background-color: #2F75A5;
    background-image: url('/_Imagenes/Libres/Logos/logo_up10.png' );
    background-repeat: no-repeat;
    background-position: right bottom;
}

.MargenInternoDer
{
	margin-right:14px;
}

.MargenInternoIzq
{
	margin-left:14px;
}

.menuExtra
{   /*No idea*/
    text-align: left;
    width: 300px;
    margin-bottom:80px;
}

.MenuIE8
{
    z-index:100;
}

.menuItem
{   /*No idea*/
    background-color:#2F75A5;
    color:White;
    font-size:medium;
    font-weight:bold;
    cursor:pointer;
}

.menuSubItem
{   /*No idea*/
    width:25%;
    height:48px;
    vertical-align:middle;
    text-align:center;
}

.MenuPrincipal
{
    font-family: Verdana;
    font-size: x-small;
    background-color: #5991B7;
    color: #FFFFFF;
    width: 100%;
    border-collapse:separate;
	ForeColor: "White"
}

.MenuPrincipal A:link
{
	font-weight:bolder;
	color:#FFFFFF;
}



.MenuPrincipal .DynamicHoverStyle
{
    background-color: #2F75A5;
    color: #FFFFFF;
    font-weight: bold;    
    width:230px;
	height:20px;
}

.MenuPrincipal .DynamicHoverStyle A:link
{    
    color: White;
    font-weight: bold;
}

.MenuPrincipal .DynamicHoverStyle A:visited
{    
    color: White;
    font-weight: bold;
}

.MenuPrincipal .DynamicMenuItemStyle
{
    padding: 3px;
    width:230px;
	height:20px;
}

.MenuPrincipal .DynamicMenuStyle
{
    background-color: #B5C7DE;
    width: 230px !important;	
    z-index: 2000;
}

.MenuPrincipal .DynamicMenuStyle A:link
{
    color: #006699;
    font-weight: bold;
}

.MenuPrincipal .DynamicMenuStyle A:visited
{
    color: #006699;
    font-weight: bold;
}

.MenuPrincipal .DynamicMenuStyle A:hover
{
    color: white;
    font-weight: bold;
}

.MenuPrincipal .DynamicSelectedStyle
{
    background-color:#507CD1;
    color:White;
	z-index:100;
}

.MenuPrincipal .StaticHoverStyle
{
    background-color:#284E98;
    color:White;
    font-weight:bold;
    padding:3px;
    height:20px;
}

.MenuPrincipal .StaticHoverStyle A:link
{
    color:White;
    font-weight:bold;
}

.MenuPrincipal .StaticHoverStyle A:visited
{
    color:White;
    font-weight:bold;
}

.MenuPrincipal .StaticMenuItemStyle
{
    color:#2F75A5;
    padding:3px;
    height:20px;
}

.MenuPrincipal .StaticMenuStyle
{
    width:100%;
    padding:3px;
}

.MenuPrincipal .StaticMenuStyle A:link
{
    color: #000066;
}

.MenuPrincipal .StaticMenuStyle A:visited
{
    color: #006699;
}

.MenuPrincipal .StaticMenuStyle A:hover
{
    color: white;
}

.MenuPrincipal .StaticSelectedStyle
{
    background-color:#507CD1;
    color:White;
    padding:3px;
}

.modalCabecera
{   /*Para las ventanas modales, seccion del titulo de la ventana*/
    background-color:#2F75A5;
    padding: 7px 7px 7px 7px;
    text-align:center;
    font-size:small;
    color:White;
    cursor:move;
    font-weight:bold;
}

.modalError .modalCabecera
{   /*Para las ventanas modales, seccion del titulo de la ventana*/
    background-color: Red;
    padding: 7px 7px 7px 7px;
    text-align:center;
    font-size:small;
    color:White;
    cursor:move;
    font-weight:bold;
}

.modalCuerpo
{   /*Para las ventanas modales, seccion donde se presentan los controles al usuario.*/
    background-color:White;
    padding:7px 7px 7px 7px;
    text-align:left;
    font-size:xx-small;
    color:black;
    border:solid 1px #2F75A5;
    filter:alpha(opacity=90);
    opacity:0.9;
    
}

.modalError .modalCuerpo
{   /*Para las ventanas modales, seccion donde se presentan los controles al usuario.*/
    background-color:White;
    padding:7px 7px 7px 7px;
    text-align:left;
    font-size:xx-small;
    color:black;
    border:solid 1px Red;
    filter:alpha(opacity=90);
    opacity:0.9;
    
}
.modalFondo 
{   /*Para las ventanas modales o popup, este es el fondo gris semitrantaprente
    que evita que se usen los controles de la pagina*/
    background-color:black;
    filter:alpha(opacity=30);
    opacity:0.3;
}

.ModalOrangeInfCen
{
    height:33px;
    background-repeat:repeat-x;
    background-image: url( '/MidasEduca/Imagenes/Diseno/TablaNaranja/FondoInfCen.png' );
}

.ModalOrangeInfDer
{
    width: 30px;
    height:33px;
    background-repeat:no-repeat;
    background-image: url( '/MidasEduca/Imagenes/Diseno/TablaNaranja/FondoInfDer.png' );
}

.ModalOrangeInfIzq
{
    height:33px;
    width:28px;
    background-repeat:no-repeat;
    background-image: url( '/MidasEduca/Imagenes/Diseno/TablaNaranja/FondoInfIzq.png' );
}

.ModalOrangeMedCen
{
    background-color:#164E73;
}

.ModalOrangeMedDer
{
    width:30px;
    background-repeat:repeat-y;
    background-image: url( '/MidasEduca/Imagenes/Diseno/TablaNaranja/FondoMedDer.png' );
}

.ModalOrangeMedIzq
{
    width: 28px;
    background-repeat:repeat-y;
    background-image: url( '/MidasEduca/Imagenes/Diseno/TablaNaranja/FondoMedIzq.png' );
}

.ModalOrangeSupCen
{
    height:26px;
    background-repeat:repeat-x;
    background-image: url( '/MidasEduca/Imagenes/Diseno/TablaNaranja/FondoSupCen.png' );
}

.ModalOrangeSupDer
{
    height: 26px;
    width: 30px;
    background-repeat: no-repeat;
    background-image: url( '/MidasEduca/Imagenes/Diseno/TablaNaranja/FondoSupDer.png' );
}

.ModalOrangeSupIzq
{
    height:26px;
    width:28px;
    background-repeat:no-repeat;
    background-image: url( '/MidasEduca/Imagenes/Diseno/TablaNaranja/FondoSupIzq.png' );
}

.modItem
{   /*No idea*/
    background-color:#2F75A5;
    color:White;
    font-size:small;
    font-weight:bold;
    cursor:pointer;
}

.modSubItem
{   /*No idea*/
    width:50%;
    height:24px;
    vertical-align:middle;
    text-align:left;
}

.MostrarBorde
{   /*Usese solo para depurar los anchos de las tablas*/
    border:solid 2px red;
}

.Normal
{   /*Texto normal para sacar otro formato anterior.*/
    font-family:Verdana;
    font-size:xx-small;
    color:Black;
    font-weight:normal;
    background-color:inherit;
}

.OA
{   /*Utilizado para las paginas de las novedades 2009, no recuerdo que mas*/
    top: 606px;
    left: 540px;
}

.Oculto
{   /*Ocultara el elemento que tenga esta clase*/
    display:none;
}

.OE
{   /*Utilizado para las paginas de las novedades 2009, no recuerdo que mas*/
    top: 642px;
    left: 491px;
}

.OS
{   /*Utilizado para las paginas de las novedades 2009, no recuerdo que mas*/
    top: 642px; 
    left: 576px;
}

p
{   /*Para que los parrafos de texto esten justificados. Nota: por lo visto no funca*/
    text-align:left;
}

.pAviso
{
	text-align:left;
	width:225px;
	padding:3px;
	font-size:x-small;
	border:solid 1px #2F75A5;
	background-color:White;
	filter:alpha(opacity=70);
    opacity:0.7;    
}

.pMensajeGlobal
{
    padding: 7px;
    text-align: justify;
    background-color: #ECF3F9;
    border: medium groove #6DA6D3;
    filter:alpha(opacity=90);
    opacity:0.9;
}

.pMenu
{   /*Para el menu de opciones de la pagina, aquel que flota fijo en la pantalla*/
    padding: 7px;
    background-color: #ECF3F9;
    border: thin dashed #6DA6D3;
    font-family: Verdana;
    font-size: xx-small;
    width: 150px;
    text-align: left;
    vertical-align: top;
    margin-right: 0px;
    filter:alpha(opacity=90);
    opacity:0.9;
    margin-top: 0px;
}

.pOpciones
{   /*Para el menu de opciones de la pagina, aquel que flota fijo en la pantalla*/
    padding: 7px;
    background-color: #ECF3F9;
    border: thin dashed #6DA6D3;
    font-family: Verdana;
    font-size: xx-small;
    width: 600px;
    text-align: left;
    vertical-align: top;
    filter:alpha(opacity=90);
    opacity:0.9;
}

.popupMenu
{   /*Para el menu que se posa sobre las grillas*/
    background-color:white;
    color:black;
    border:solid 2px #FFCA00;
}

#PreCarga
{
    background-image: url('/MidasEduca/Imagenes/Iconos/Master/HomeIn.png');
    background-image: url('/MidasEduca/Imagenes/Iconos/Master/HomeOut.png');
    background-image: url('/MidasEduca/Imagenes/Iconos/Master/ConfigIn.png');
    background-image: url('/MidasEduca/Imagenes/Iconos/Master/ConfigOut.png');
    background-image: url('/MidasEduca/Imagenes/Iconos/Master/ForoIn.png');
    background-image: url('/MidasEduca/Imagenes/Iconos/Master/ForoOut.png');
    background-image: none;
}

.Principal
{
    /*Para la tabla principal alojada en el master page  de modo de presentar el contenido de las
    paginas centrado y con ancho predeterminada*/
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    width: 852px;
    margin: 0px auto 0px auto;
    text-align: left;
    border-collapse: collapse;
}

.pVista
{
	font-size:small;
	font-weight:bold;
	padding-bottom:3px;
	padding-top:3px;	
}

.pVista a:hover
{
	background-color:#2F75A5;
    color:White;
}

.Recreo
{   /*Usada para las filas de la grilla de horarios cuando son recreos*/
    background-color:#cfcfcf;
    color  :gray;
    vertical-align:middle;
    text-align:center;
}

.RowStyle
{   /*Para las grillas cursor:pointer;*/
    background-color:White;
    vertical-align:middle;
}

.SelectedRowStyle
{
    background-color:#6DA6D3;
    font-weight:bolder;
    color:White;
    vertical-align:middle;    
}

.SinBorde
{   /*Util para las tablas y grillas que no se desea que tengan borde*/
    border:0px;
    margin:0px;
    padding: 0px;
}

.TablaCambioO
{
    font-family: verdana;
    font-size: xx-small;
    width: 450px;
}

table
{   /*De este modo todas las tablas tendrán su texto alineado a la izquierda*/
    text-align:left;    
}

#tabPreguntaOnline
{
	width:516px;
	border-collapse: collapse;
}

#tabPreguntaOnline .NumeroPregunta
{
	width: 50px; 
    text-align: center;
    font-weight: bold; 
    font-size: large; 
    background-image: none; 
    color: white;
    font-family: verdana; 
    list-style-type: none;
    background-color: #2F75A5;
    vertical-align: middle;
}

.Taller
{
    text-align:left;
}

td
{   /*Con esto todos los elementos TD estarán alineados verticalmente hacia arriba, 
    excepto que la etiqueta td en la pagina diga otra cosa obviamente*/
    vertical-align:top;
}

.TextoAlaDerecha
{   /*Permite texto en la derecha del objeto que tenga esta clase*/
    float:right;
}

.TextoAlaIzquierda
{   /*Pertite texto en la izquierda del objeto que tenga esta clase, guardando un margen*/
    float:left;
    margin-right:14px;
    padding-right:14px
}

.TextoAlineadoDerecha
{
    text-align:right;
}

.TextoAlineadoIzquierda
{
    text-align:left;
}

.TextoAzul
{
    color:Blue;
}

.TextoCentrado
{   /*Centra el texto dentro del contenedor que tenga esta clase*/
    text-align:center;    
}

.TextoGris
{   /*Pone el texto en color Gris*/
    color:Gray;
}

.TextoImportante
{
    font-weight:bold;
    font-size:small;
}

.TextoJustificado
{
    text-align:justify;
}

.TextoMedio
{   /*Centra el texto dentro del contenedor que tenga esta clase*/
    vertical-align:middle;
}

.TextoNegrita
{   /*Pone el texto dentro del contenedor que tenga esta clase en negrita*/
    font-weight:bold;
}

.TextoRojo
{
    color:Red;
}

.TextoSubrayado
{
    text-decoration:underline;
}

.TextoTachado
{   /*Tacha el texto y lo pone en color de rojo, especial para cosas eliminadas*/
    color:Red;
    text-decoration:line-through;
}

.Titulo
{   /*Para los label que son titulos*/
    padding-top:14px;
    text-align:center;
    font-size:medium;
    font-weight:bold;
    color:Black;
}

.TituloStyle
{
	font-size:medium;
	color:Black;
}

.VentanaOculta
{   /*Para las ventanas o paneles o div que quedaran ocultos.*/
    color:White;
    width:200px;
    position:absolute;
    background-color:#2F75A5;
    font-weight:bold;
}

.Version
{   /*Para la session de la version que se muestra en el pie de pagina
    filter:alpha(opacity=90);
    opacity:0.9;*/
    color:Gray;
    font-family:Calibri, Verdana;
    font-size:xx-small; 
    font-weight:normal;
    background-color:white;
    padding-left:3px;
}

.VisitasStyle
{
	font-size:x-small;
	color:Gray;
	font-weight:bold;
	font-style:italic;
}

.Vista
{
    display:inline;
    float: left;
    margin-left:20px;
    margin-right:0px;
    margin-bottom:10px;
}

.WaterMark
{
    background-color:#b6dae9;
}