.FilaCabecera{
	border-bottom: solid 3px #666666;}

.Labels{
	font-size: 10pt;   
	font-weight: normal;
	color: gray;		
	font-family: trebuchet ms;}


.EnGrilla
{
	white-space:normal;}
 

	
.Fecha	{
    font-weight: bold;
	color: silver;}

.ExtraGrande{
	color: #cc389f;
	font-size: 14pt;}

.Mensaje{
	font-size: 12px;
	font-weight: bold;}

.Error{
	font-size: 10pt;
	font-weight: normal;
	color: red;
	font-family: trebuchet ms;}
	
.Titulo{
	font-size: 12pt;
	font-weight: bold;}

.Bold{
	font-weight: bold;}

.Negro{
	color:Black;}

.LinkButton{
	background-color:White; 
	border-color: Black; 
	border-style:none;
	border-width:1px; 
   	font-size: 11px;
	font-weight: bold;
	color: #cc389f;
	height:16px;
	text-decoration:none;}

.LinkButton:Hover{
	color: red;}



.LinkButtonTrad{
	background-color:White; 
	border-color: Black; 
	border-style:none;
	border-width:1px; 
   	font-size: 14px;
	
	color: gray;
	height:14px;
	text-decoration:none;}


/*
.LinkGrisOscuro{
	background-color: White;
	border-style: none;
	font-size: 10pt;
	font-weight: bold;
	color: silver;
	height: 16px;
	text-decoration: none;}

.LinkGrisOscuro:hover{
	color:  #cc389f;}
*/

.LinkGris{
	background-color: White;
	border-style: none;
	font-size: 10pt;
	font-weight: bold;
	color: Gray;
	height: 16px;
	text-decoration: none;}

.LinkGris:hover{
	color:  #cc389f;}

.MensajeAlternativo
{
	font-size: 12px;
	font-family: trebuchet ms;
	color: Olive;
}

.MarcoIdiomasVisibilidad
{
	border-style: solid; 
	border-width: 1px; 
	border-color: gray;
	text-align:center;
	vertical-align:top;
}

.BulletedList{
	margin-left: 0px; 
	text-align:center;}

.Centrado{
	text-align:center;}

.CuadroBusqueda {
	border: 1px dotted #cc389f;
	background-color: #ffffff;}

a{
	text-decoration:none;
	font-family: trebuchet ms;
	color: gray;}

a:hover{
	color:  #cc389f;}

/* -------------------------------------------------------------------------------- Zona MENU */
.Menu
{
	font-weight:bold;
	font-size: 11pt;
	font-family: trebuchet ms;
	color: #666;	
	text-decoration:none;
	background-color:#ffffff;
    border-color:#cc389f;
    border-style:dotted; 
    border-width:1px;
    text-transform: lowercase;
    width:140px;
    /*position: fixed;   esto lo hace siempre visible */ }

.MenuItem{
	color: #666;}

.MenuItemSel{
	color: #cc389f;}

.MenuItemHover{
	color: red;}
/* -------------------------------------------------------------------------------- Fin Zona MENU */

/* -------------------------------------------------------------------------------- Zona MENU SUPERIOR */
.MenuSuperior
{
	font-size: 11pt;
	font-weight: bold;
	color: #666666;
	height: 16px;
	text-decoration: none;
	text-transform: lowercase;
}

.MenuSuperior:hover{
	color:  #cc389f;}




/* -------------------------------------------------------------------------------- Fin Zona MENU SUPERIOR */

/* -------------------------------------------------------------------------------- zona LOGIN */ 
 .login {
	font-weight:bold;
	font-size: 11pt;
	font-family: trebuchet ms;
	color: #666;	
	text-decoration:none;
	background-color:#ffffff;
    border-color:#cc389f;
    border-style:dotted; 
    border-width:1px;
    text-transform: lowercase;
	/*width: 140px;	*/
     /*position: fixed; esto lo hace siempre visible */	}

.etiqueta {
	font-size: 10pt; 
	font-weight: normal;
	color: gray;	
	font-family: trebuchet ms;
	text-align: left;
}

.etiquetaLogin {
	font-size: 10pt; 
	font-weight: normal;
	color: gray;	
	font-family: trebuchet ms;
	
}

.boton {
	font-size: 11pt; 
	font-weight: bold;
	color: #cc389f;	
	font-family: trebuchet ms;
	text-align: center;
}
.extras {
	font-size: 10pt; 
	font-weight: normal;
	color: gray;	
	font-family: trebuchet ms;
	text-align: right;
}
.mensajes {
	font-size: 10pt;
	font-weight: normal;
	color: red;
	font-family: trebuchet ms;
}
/* -------------------------------------------------------------------------------- Fin zona LOGIN */

/* -------------------------------------------------------------------------------- Zona FOTOS */
.gallerycontainer{
    position: relative;}

.thumbnail img{
    border: 1px solid white;
    margin: 0 5px 5px 0;}

.thumbnail:hover{
    background-color: transparent;}

.thumbnail:hover img{
    border: 1px solid blue;}

.thumbnail span{
	position: absolute;
	background-color: #ffffff;
	padding: 10px;
	text-align:center;
	vertical-align:middle;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	z-index:auto;}

.thumbnail span img{ 
    border-width: 0;
    padding: 1px;}

.thumbnail:hover span{
    visibility: visible;
    position: fixed;
    top:80px;
    left:100px;
    z-index: 50;}
/* -------------------------------------------------------------------------------- Fin Zona FOTOS */


/* -------------------------------------------------------------------------------- Zona NOTICIAS */
.TituloSeleccionado{
	color:#cc389f;
	font-size: 14pt;   
	font-weight: normal;
	font-family: trebuchet ms;}

.TituloSinSeleccionar{
	color: Gray;
	font-size: 14pt;   
	font-weight: normal;
	font-family: trebuchet ms;}

.LetraSeleccionada{
	color:#cc389f;
	font-size: 10pt;   
	font-weight: normal;
	font-family: trebuchet ms;}

.LetraSinSeleccionar{
	color: Gray;
	font-size: 10pt;   
	font-weight: normal;
	font-family: trebuchet ms;}



.Resumen{
	font-size: 11pt;
	font-weight: bold;
	color: gray;
	font-family: trebuchet ms;}	
	
div.dotted {
	clear:			both;
	height: 		1px;
	margin-bottom:	16px;
	background: 	transparent url(../../images/dotline.gif) repeat-x scroll top left;
	overflow:		hidden;	}

div.dotted2 
{
	/*
	height: 		2px;
	OJO BUSCAR EN PAGINAS EL ESTILO EN EL DIV 
	SI LO PONGO ACA NO TRABAJA BIEN 
	*/
	clear:			both;	
	background: 	transparent url(../../images/dotline.gif) repeat-x scroll top left;
	overflow:		hidden;	}	

div.dottedSep {
	clear:			both;	
	margin-bottom:	16px;
	background: 	transparent url(../../images/dotline.gif) repeat-x scroll top left;
	overflow:		hidden;	}	
/* -------------------------------------------------------------------------------- Fin Zona NOTICIAS */

/* -------------------------------------------------------------------------------- Zona CALENDARIO 

.ajax__calendar_container : The outer rectangular container that supplies the border around the calendar element. Child Css classes: .ajax__calendar_header,.ajax__calendar_body,.ajax__calendar_footer. 
.ajax__calendar_header : A container element that holds the next and previous arrows and the title of the current view. Child Css classes: .ajax__calendar_prev, .ajax__calendar_title, .ajax__calendar_next. 
.ajax__calendar_prev : An element that displays the arrow to view the previous set of data in the view(previous month/year/decade). Child Css classes: none. 
.ajax__calendar_title : An element that displays the title of the current view (month name, year, decade). Child Css classes: none. 
.ajax__calendar_next : An element that displays the arrow to view the previous set of data in the view (previous month/year/decade). Child Css classes: none. 
.ajax__calendar_body : A container element that holds the days, months, and years panes. Also provides a fixed rectangle with hidden overflow that is used for transitioning between views (next/previous month, or days/months/years).Child Css class: .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years. 
.ajax__calendar_days : A container element that holds the layout for the days in a month. Child Css classes: .ajax__calendar_dayname, .ajax__calendar_day 
.ajax__calendar_dayname : An element that displays the short name of the day of the week. Child Css classes: none. 
.ajax__calendar_day : An element that displays the day of the month. Child Css classes: none 
.ajax__calendar_months : A container element that holds the layout for the months in a year. Child Css classes: .ajax__calendar_month. 
.ajax__calendar_month : An element that displays the month of the year. Child Css classes: none 
.ajax__calendar_years : A container element that holds the layout for the years in a decade. Child Css classes: .ajax__calendar_year. 
.ajax__calendar_year : An element that displays the year in a decade. Child Css classes: none 
.ajax__calendar_footer : A container element that holds the current date. Child Css classes: .ajax__calendar_today. 
.ajax__calendar_today : An element that displays the current date. Child Css classes: none. 
.ajax__calendar_hover : This is applied to an element in the DOM above a day, month or year and is used to apply CSS attributes that show a hover state. Child Css classes: .ajax__calendar_day, .ajax__calendar_month, .ajax__calendar_year 
.ajax__calendar_active : This is applied to an element in the DOM above a day, month or year and is used to apply CSS attributes that show the currently selected value. Child Css classes: .ajax__calendar_day, .ajax__calendar_month, .ajax__calendar_year. 
.ajax__calendar_other : This is applied to an element in the DOM above a day or year that is outside of the current view (day not in the visible month, year not in the visible decade). Child Css classes: .ajax__calendar_day, .ajax__calendar_year. 
*/

.Calendario .ajax__calendar_container {
    border:1px dashed gray;
    background-color:  #ffffbe;
    color: #cc389f;
     z-index:99;}

.Calendario .ajax__calendar_days {    
    background-color:  #ffffbe;
    color: gray;}

.Calendario .ajax__calendar_dayname {    
    background-color:  #ffffbe;
    color: #cc389f;}
.Calendario .ajax__calendar_hover{
	background-color: #FFCCFF;
	color: #cc389f;}
/* -------------------------------------------------------------------------------- Fin Zona CALENDARIO */

/* -------------------------------------------------------------------------------- Zona MASTER_PAGE */
html{
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: white;}
	
form{
	height:100%;
	width:100%;}
	
body {
	height:100%;
	width:100%;
	margin:0 0 0 0;
	text-align: -moz-center;}
	
.Marco{
    width: 800px; 
    margin: 0 auto;}
    
#divPrincipal{
    width: 100%;}

#tbCabecera    {
    width: 100%; 
    text-align:left;}

#tdIdiomas{
    text-align:right;}
    
#tdUsuario{    
    text-align: right;
    border-top: solid thin #666666;}

#tbContenido{
    width: 100%;
    text-align: left;}
    
#tdCentral{
    width: 560px;}  
 
#tdIzquierdo{
    width: 140px;}  

#tdDerecho{
    width: 100px;}              
    
#divProgress{
    top:50%;
    left:50%;
    display:block;
    position: fixed;
    z-index:99;
    
    }
/* -------------------------------------------------------------------------------- Fin Zona MASTER_PAGE */    
 .FilaRecursosOfrecidos
 {
 	 margin: 2px; 
 	 padding: 2px; 
 	 
 	 border-spacing: 2px; 
 	 vertical-align:middle;
 }