﻿/*
---------------------------------------------------------------
VIRAZON CALENDARIO
---------------------------------------------------------------
*/
#BloqueCalendario
{
	margin-bottom:20px;
	padding-bottom:20px;
	margin-right:10px;
}

#BloqueCalendario .tituloPrincipal
{
	background-color:#649377;
	color:#fff;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	font-weight:bold;	
}

.calendarioPrincipal
{
	
	
}
.calendarioPrincipal .titulo
{	
	background-color:#649377;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	
}
.calendarioPrincipal .titulo .texto
{	
	color:#fff;
	font-size:1em;
}


.calendarioPrincipal .calendario
{
	float: left;
	/*
	background-color: #fff;
	background-image: url(imagenes/calendario/calendarioPrincipalFondo.jpg);
	background-repeat: no-repeat;
	*/
	width:177px;
	padding:5px 5px 15px 20px;
	
}

.calendarioPrincipal .datos
{
	min-height:180px;
	}
.calendarioPrincipal .datos .fechaSeleccionada
{
	font-weight:bold;
	color:#fff;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	background-color:#395947;
	
}

.calendarioPrincipal .datos .separador
{
	height:3px;
	border-top: #d3d3d3 1px dotted;
	background-color:Transparent;
}


.calendarioPrincipal .ayuda
{
	font-style:italic;
	font-size:0.8em;
	padding-top:20px;
}

/*
-------------------------------------------------
Calendario Principal: Estilo
-------------------------------------------------
*/
.calendario a
{
	text-decoration:none;
	}
.calendario a:hover
{
	border:solid 1px #1C4C34;
	}	
	
.calendario .OtherMonthDayStyle
{
	background-color: #d3d3d3;
}
.calendario .TodayDayStyle
{
	border:solid 1px #1C4C34;
}
.calendario .DayHeaderStyle
{
	color:#1C4C34;
}
.calendario .TitleStyle
{
	background-color:#1C4C34;
	color:#fff;
}
.calendario .NextPrevStyle,
.calendario .NextPrevStyle a,
.calendario .NextPrevStyle a:hover
{
	color:#fff;
}

.calendario .FechaConAlertas
{
	background-color: #b5e1c2;
}




/*
-------------------------------------------------
Datos. Items
-------------------------------------------------
*/

.calendarioPrincipal .datos .item
{	
	}

.calendarioPrincipal .datos .item .color
{	
	width:15px;
	height:10px;
	float:left;
}
	
.calendarioPrincipal .datos .item .tituloArticulo
{	
	margin-left:10px;
	padding-left:10px;
	
}

.calendarioPrincipal .datos .item .tituloAlerta
{	
	margin-left:10px;
	padding-left:10px;	
	
}
.calendarioPrincipal .datos .item .tituloAlerta a
{
	text-decoration: none;
	color: #696969;
}



/*
-------------------------------------------------
Articulo Fechas Importantes Datos. Items
-------------------------------------------------
*/
#articuloFechasImportantes
{
	width:300px;
	float:right;	
}

#articuloFechasImportantes .separador
{
	background-color:Transparent;
}

#articuloFechasImportantes .tituloPrincipal
{
	background-color:#1C4C34;
	color:#fff;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:5px;
	font-weight:bold;	
}

#articuloFechasImportantes .datos .item
{	
	text-align:left;
	vertical-align:middle;
}

#articuloFechasImportantes .datos .item .color
{	
	width:15px;
	height:10px;
	float:left;
	margin-top:3px;
	margin-right:3px;
}
#articuloFechasImportantes .datos .item .fecha
{	
    display:block;
}
		

#articuloFechasImportantes .datos .item .tituloArticulo
{	
	margin-left:10px;
	padding-left:10px;
	
}

#articuloFechasImportantes .datos .item .tituloAlerta
{	
	margin-left:10px;
	padding-left:10px;	
	
}
#articuloFechasImportantes .datos .item .tituloAlerta a
{
	text-decoration: none;
	color: #696969;
}







