/* 
Hoja de estilos CSS para el Sitio Web TriatlonMexico
Autor: Juan Carlos Pérez Perezyera
Fecha: 09 de enero de 2008

11px = 8pt
*/
body 
{
	background-color: #f0efe2;
	/*background-color: #7a9ed0;
	background-image: url("../graficos/fondo_general.jpg");*/
	background-repeat: repeat-x;
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Sans-Serif, Arial;
    font-size: 11px;
    scrollbar-base-color: #E7E9E8; 
	scrollbar-face-color: #E7E9E8; 
	scrollbar-track-color: #F6F8F7;      /* Fondo barra*/
	scrollbar-arrow-color: #006995;      /* Flecha */
	scrollbar-highlight-color: #E7E9E8;  /* Luz interna */
	scrollbar-3dlight-color: #C5CFCE;    /* Luz externa */
	scrollbar-shadow-color: #E7E9E8;     /* Sombra interna */
	scrollbar-darkshadow-color: #C5CFCE; /* Sombra externa */
}
td
{
	font-family: Verdana, Sans-Serif, Arial;
}
.fila1
{
	background-color:#eaf1dd; padding:5px; border-bottom:solid 1px #b3cc82;
}
.fila2
{
	background-color:#cdddac; padding:5px; border-bottom:solid 1px #b3cc82;
}
.fila3
{
	background-color:#eaf1dd; padding:5px; border-bottom:solid 1px #b3cc82; border-right:solid 1px #b3cc82;
}
.fila4
{
	background-color:#cdddac; padding:5px; border-bottom:solid 1px #b3cc82; border-right:solid 1px #b3cc82;
}
.fila5 /* Encabezado verde */
{
	background-color:#76923c; padding:5px; border-bottom:solid 1px #b3cc82; border-right:solid 1px #b3cc82; color:#ffffff; text-align:right;
}
.fila6 /* Encabezado naranja */
{
	background-color:#fe8e28; padding:5px; border-bottom:solid 1px #e17615; border-right:solid 1px #e17615; color:#ffffff; text-align:center; font-weight:bold;
}
.fila7 /* Fila naranja 1 */
{
	background-color:#ffeea6; padding:5px; border-bottom:solid 1px #e2a514; border-right:solid 1px #e2a514; text-align:center;
}
.fila8 /* Fila naranja 2 */
{
	background-color:#febf28; padding:5px; border-bottom:solid 1px #e2a514; border-right:solid 1px #e2a514; text-align:center;
}
.celda1 /* Encabezado verde */
{
	background-color:#76923c; padding:5px; border-bottom:solid 1px #b3cc82; border-right:solid 1px #b3cc82; color:#ffffff; text-align:right;
}
.celda2 /* Fila verde 1 */
{
	background-color:#cdddac; padding:5px; border-bottom:solid 1px #b3cc82; border-right:solid 1px #b3cc82; text-align:left;
}
.celda3 /* Fila verde 2 */
{
	background-color:#eaf1dd; padding:5px; border-bottom:solid 1px #b3cc82; border-right:solid 1px #b3cc82; text-align:left;
}
.celda4 /* Encabezado verde centrado */
{
	background-color:#76923c; padding:5px; border-bottom:solid 1px #b3cc82; border-right:solid 1px #b3cc82; color:#ffffff; text-align:center;
}
.titulo1
{
	color:#24528a; font-size:13px; font-weight:bold;
}
.titulo2
{
	color:#008d32; font-size:12px; font-weight:bold;
}
.encabezado1
{
    border: solid 1px #2f4f4f;
    border-bottom: none 0px #2f4f4f;
    background-color: #5078B3;
    padding: 5px;
    font-family: Arial, Sans-Serif, Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #ffd800;
}
.encabezado2
{
    background-color: #5078B3;
    padding: 4px;
    font-family: Arial, Sans-Serif, Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #ffd800;
}
.contenido1
{
	background-color:#d3deef; padding: 10px 5px 5px 5px; border: solid 1px #2F4F4F; border-bottom: none 0px #2f4f4f;
}
.contenido2
{
	background-color:#d3deef; padding: 10px 5px 5px 5px; border: solid 1px #2F4F4F;
}
.pie1
{
    border: solid 1px #2f4f4f;
    background-color: #2e4d7b;
    padding: 5px 5px 5px 5px;
}
.alerta
{
	color:#f93e4f;
}
.boton
{
	cursor: pointer;
}
input
{
	font-family: Verdana, Sans-Serif, Arial;
	font-size:11px;
	color:#24528a;
	border: solid 1px #7a9ed0;
}
input.check
{
	font-family: Verdana, Sans-Serif, Arial;
	font-size:11px;
	color:#24528a;
	border: none 0px #7a9ed0;
}
select
{
	font-family: Verdana, Sans-Serif, Arial;
	font-size:11px;
	color:#24528a;
	border: solid 1px #7a9ed0;
}
textarea
{
	font-family: Verdana, Sans-Serif, Arial;
	font-size:11px;
	color:#24528a;
	border: solid 1px #7a9ed0;
}
a img, :link img, :visited img, img { border: none; }
a:link, a:visited
{
	font-family: Arial, Sans-Serif, Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #ffd800;
	text-decoration: none;
}
a:hover, a:active
{
	font-family: Arial, Sans-Serif, Verdana;
	font-weight: bold;
	font-size: 12px;
    color: #ffffff;
	text-decoration: none;
}
a.menu:link, a.menu:visited
{
	font-family: Arial, Sans-Serif, Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}
a.menu:hover, a.menu:active
{
	font-family: Arial, Sans-Serif, Verdana;
	font-weight: bold;
	font-size: 12px;
    color: #ffffff;
	text-decoration: none;
	background-color: #24528a;
}
a.submenu:link, a.submenu:visited
{
	font-family: Arial, Sans-Serif, Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #24528a;
	text-decoration: none;
}
a.submenu:hover, a.submenu:active
{
	font-family: Arial, Sans-Serif, Verdana;
	font-weight: bold;
	font-size: 12px;
    color: #ffffff;
	text-decoration: none;
	background-color: #24528a;
}
a.minimenu:link, a:visited
{
	font-family: Arial, Sans-Serif, Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #ffd800;
	text-decoration: none;
}
a.minimenu:hover, a:active
{
	font-family: Arial, Sans-Serif, Verdana;
	font-weight: bold;
	font-size: 11px;
    color: #ffffff;
	text-decoration: none;
}
a.liga1:link, a.liga1:visited
{
	font-family: Verdana, Sans-Serif, Arial;
	font-weight: normal;
	font-size: 11px;
	color: #24528a;
	text-decoration: none;
}
a.liga1:hover, a.liga1:active
{
	font-family: Verdana, Sans-Serif, Arial;
	font-weight: normal;
	font-size: 11px;
    color: #ffffff;
	text-decoration: none;
	background-color: #24528a;
}
a.liga2:link, a.liga2:visited
{
	font-family: Verdana, Sans-Serif, Arial;
	font-weight: bold;
	font-size: 12px;
	color: #24528a;
	text-decoration: none;
}
a.liga2:hover, a.liga2:active
{
	font-family: Verdana, Sans-Serif, Arial;
	font-weight: bold;
	font-size: 12px;
    color: #ffffff;
	text-decoration: none;
	background-color: #24528a;
}


/* Estilos para herramientas */
.popupMenu
{
	position: absolute;
	visibility: hidden;
	background-color: #ffdc90;
	opacity: .90;
	filter: alpha(opacity=90);
	border: solid 1px #1c4b83;
	padding: 5px 5px 5px 5px;
	font-family: Arial, Sans-Serif, Verdana;
}
.collapsePanel {
	background-color:white;
	overflow:hidden;
	margin-left:10px;
	margin-right:5px;
}

.collapsePanelHeader{
	width:100%;
	height:20px;
	border-bottom: solid 1px #7a9ed0;
	background-image: url(../graficos/fondo_submenu.gif);
	color:#517aae;
	font-weight:bold;
}
.accordionHeader
{
    border: 1px solid #2F4F4F;
    background-color: #2E4d7B;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    background-color: #5078B3;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionContent
{
    background-color: #D3DEEF;
    border: 1px solid #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
.MyCalendar .ajax__calendar_container {
    border:1px solid #99b1d3;
    background-color: #f7f7f7;
    color: #275ea8;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: #666666;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
    background-color: #edbe18;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: #ff0000;
    background-color: #d0dae3;
    font-weight:bold;
}
.collapsePanelHeader2{
	width:95%;
	height:20px;
	border-bottom: solid 1px #7a9ed0;
	color:#517aae;
	font-weight:bold;
}
.collapsePanel {
	background-color:white;
	overflow:hidden;
}