/* ===========================================
    CSS STYLES para Colegio Interamericano del Norte
   ===========================================
*/   

/*_____________________________________________________*/

/* GENERAL */
/* style for module titles */
.Head   {                       /*-------------Ttulos de los Modulos */
	font-size:  14px; 
	color:#215352; 
	font-family:Tahoma; 
	text-decoration: none; 
	font-weight: bold;
}

/* style of item titles on edit and admin pages */
.SubHead    { font-family: Tahoma;
	font-size:  13px;
	color:#006868;
	text-decoration: none;
	font-weight: bold;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead { font-family: Tahoma;
	font-size:  12px;
	color:#000;
	text-decoration: none; 
	font-weight: bold;
}

/* text style used for most text rendered by modules */
.Normal {
    font-family: verdana;
    font-size: 11px;
    font-weight: normal;
	color:#215352;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox { color: #000; font-size: 12px; font-family: Tahoma; font-weight: normal; }

.NormalRed { font-size: 12px; font-weight: bold; color: #ef4135; font-family: Tahoma; }

.NormalBold { font-size: 12px; font-weight: bold; color:#006868; font-family: Tahoma; }


/*___________________________________________________________*/
/* Common links used in Content of page */

A:link { font-family: verdana; font-size: 12px; font-weight: normal; color:#207c7a; cursor: pointer; }
A:visited { font-size: 12px; font-weight: normal; color:#207c7a; font-family: verdana; text-decoration: none; cursor: pointer; } 
A:active { font-family: verdana; font-size: 12px; font-weight: normal; color: #ef4135; text-decoration: none; cursor: pointer; }

A:hover { font-size: 12px; font-weight: normal; color: #666; font-family: verdana; text-decoration: underline; cursor: pointer; }


.user{ font-size: 12px; font-weight: bold; color:black; font-family: verdana; text-decoration: none; }
a.user:link{ font-family: verdana; font-size: 12px; font-weight: normal; color:#215352; text-decoration: none; cursor: pointer; }
a.user:visited{ font-family: verdana; font-size: 12px; font-weight: bold; color:#000; text-decoration: none; cursor: pointer; }
a.user:active{ font-family: verdana; font-size: 12px; font-weight: bold; color: #000; text-decoration: underline; cursor: pointer; }

a.user:hover{ font-family: verdana; font-size: 12px; font-weight: bold; color: #000; text-decoration: underline; cursor: pointer; }


.footer{ color: #000; font-size: 12px; cursor: pointer; }

a.footer:visited{ font-family: verdana; font-size: 12px; font-weight: normal; color:#fff; text-decoration: none; cursor: pointer; }

a.footer:active{ font-family: verdana; font-size: 12px; font-weight: normal; color: #fff; text-decoration: underline; cursor: pointer; }
a.footer:hover{ font-family: verdana; font-size: 12px; font-weight: normal; color: #fff; text-decoration: underline; cursor: pointer; }
a.footer:link{ font-family: verdana; font-size: 12px; font-weight: normal; color:#fff; text-decoration: none; cursor: pointer; }

/*____________________________[BREADCRUMB] TOKEN_______________________________*/
/* text style for the selected tab */

.SelectedTab { color: #000; font-family: Tahoma; font-size: 12px; font-weight: bold; text-decoration: none; }

/* hyperlink style for the selected tab */
A.SelectedTab:link { text-decoration:    none; color:#000; font-size: 11px; cursor: pointer; }
A.SelectedTab:visited  {         /* Breadcrumb*/
    text-decoration:    none; color:#000; font-size: 11px; cursor: pointer; }
A.SelectedTab:active   { text-decoration:    underline; color: #000; font-size: 11px; background-color: #fff; cursor: pointer; }
A.SelectedTab:hover    { text-decoration:    underline; color: #000; font-size: 11px; background-color: #fff; cursor: pointer; }




/*____________________________________________________________________________________*/

/* GENERIC */
/*___________________________________________________________*/
H1 {
    font-family: verdana;
    font-size: 18px;
    color:#3d3d3d;
}
H2 {
    font-family: verdana;
    font-size: 16px;
    color:#3d3d3d;
}
H3 {
    font-family: verdana;
    font-size: 14px;
    color:#3d3d3d;
}
H4 {
    font-family: verdana;
    font-size:  12px;
    color:#3d3d3d;
}
H5 {
    font-family: verdana;
    font-size: 10px;
    color:#3d3d3d;
}

H6 {
    font-family: verdana;
    font-size: 8px;
    color: #3d3d3d;
}
TFOOT, THEAD {
    font-family: verdana;
    font-size: 11px;
    color: #3d3d3d;
}

TH  {
    font-family: verdana;
    font-size:  12px;
    font-weight: normal;
    color: #3d3d3d;
}


/*_____________________________________________________*/
smaller{
	font-size: 8px
}
small {
    font-size:  11px;
}
BIG {
    font-size: 14px;
}
BLOCKQUOTE, PRE {
    font-family:  tahoma ;
}
/*_____________________________________________________*/

UL LI {
    list-style-type: hiragana ;
}
UL LI LI {
    list-style-type: disc;
}
UL LI LI LI {
    list-style-type: circle;
}
OL LI {
    list-style-type: decimal;
}
OL OL LI    {
    list-style-type: lower-alpha;
}
OL OL OL LI {
    list-style-type: lower-roman;
}

/*_________________ estilos de titulos para módulos ______________ */
.Titulos { color:#207c7a; font-size:16px; font-family: "trebuchet ms"; font-weight: normal; border-width: 0; text-decoration: none; height: 63px; font-weight: bold; line-height: 16px; background-image: url(img/circulo.gif); background-repeat: no-repeat; width: 150px; padding-top: 20px; padding-left: 20px; }
.SinTitulos { color:#207c7a; font-size:16px; font-family: "trebuchet ms"; font-weight: normal; border-width: 0; text-decoration: none; font-weight: bold; line-height: 16px;}
.TitlePane { color: #ef4135; font-size: 24px !important; font-family: "trebuchet ms" !important; font-weight: bold !important; line-height: 24px; text-decoration: none; height: 54px; border-width: 0; cursor: default !important; }
a.TitlePane:link { color: #ef4135; font-size: 24px !important; font-family: "trebuchet ms" !important; font-weight: bold !important; line-height: 24px; text-decoration: none; height: 54px; border-width: 0; cursor: inherit !important; }
a.TitlePane:hover { color: #ef4135; font-size: 24px !important; font-family: "trebuchet ms" !important; font-weight: bold !important; line-height: 24px; text-decoration: none; height: 54px; border-width: 0; cursor: inherit !important; }

/*_________________ trucos para compatibilidad _______________ */
.Formato{ height: 13px; border-width: 0; }
.TopObjeto	{ color:black; font-size:12px; font-family: verdana; font-weight: normal; border-width: 0; cursor:pointer; text-decoration: none; height: 13px; }
.ObjetoHover { color: black; font-size:12px; font-family: verdana; font-weight: bold; border-width: 0; cursor:pointer; text-decoration:none; height: 13px; }
.ObjetoActivo { color: black; font-size:12px; font-family: verdana; font-weight: bold; border-width: 0; cursor:pointer; text-decoration:none; height: 13px; }
.MenuObjeto	{ color: black; font-size:12px; font-family: verdana; font-weight: bold; cursor:pointer; text-decoration: none; height: 13px; border: solid 0; }
.MenuHover	{ color: black; font-size:12px; font-family: verdana; font-weight: bold; cursor:pointer; text-decoration: underline; height: 13px; border: solid 0; }
.MenuActivo { color: black; font-size:12px; font-family: verdana; font-weight: bold; border-width: 0; cursor:pointer; text-decoration:underline; height: 13px; }
/*utilizado en la lineas */

HR { font-weight: normal; height: 1px; }

/* ComponentArt Menu */
.BordeMenu { border-top: 2px dashed #ef4135; border-bottom: 2px dashed #ef4135; border-right-width: 0; border-left-width: 0; }
.MenuGroup
{ height: 15px; border-width: 0; }
.TopMenuItem	{ color:#215352; font-size:18px; font-family:"trebuchet ms"; font-weight: bold; line-height: 16px; cursor:pointer; text-decoration:    none; height: 15px; }
.TopMenuItemHover	{ color: #207c7a; font-size:18px; font-family: "trebuchet ms"; font-weight: bold; line-height: 16px; cursor:pointer; text-decoration:    none; height: 15px; }
.TopMenuItemActive
{ color: #ef4135; font-size:18px; font-family: "trebuchet ms"; font-weight: bold; line-height: 16px; cursor:pointer; text-decoration:    none; height: 15px; }
.MenuItem	{ color: #207c7a; font-size:15px; font-family: "trebuchet ms"; font-weight: bold; line-height: 15px; background-color: #fff; cursor:pointer; text-decoration:    none; height: 15px; padding: 4px; border-left: 1px solid #ef4135; border-bottom: 1px solid #ef4135; border-right: 1px solid #ef4135; }
.MenuItemHover	{ color: #fff; font-size:15px; font-family: "trebuchet ms"; font-weight: bold; line-height: 15px; background-color: #207c7a; cursor:pointer; text-decoration:    none; height: 15px; padding: 4px; border-left: 1px solid #ef4135; border-bottom: 1px solid #ef4135; border-right: 1px solid #ef4135; }
.MenuItemActive
{ color: #207c7a; font-size:15px; font-family: "trebuchet ms"; font-weight: bold; line-height: 15px; background-color: #fff; cursor:pointer; text-decoration:    none; height: 15px; padding: 4px; border-left: 1px solid #ef4135; border-bottom: 1px solid #ef4135; border-right: 1px solid #ef4135; }
/* utilizado en tokeen [DATE] */
.ponFecha { color:#666; font-size:12px; font-family: Tahoma; font-weight: bold; border-width: 0; text-decoration:    none; }
/* utilizado en el tokeen ... */
.ponNavega { color:#666; 
	font-size:12px; 
	font-family: Tahoma; 
	font-weight: bold; 
	border-width: 0;
	text-decoration:    none; }
/* hyperlink style for buttons and link buttons used in [LOGIN] tokeen */

.ponLogin { color: #fff; font-size: 5px; background-image: url(img/flecha_normal.gif); background-repeat: no-repeat; height: 10px; padding-left: 12px; cursor: default; }
A.ponLogin:link { color: #fff; font-size: 5px; background-image: url(img/flecha_normal.gif); background-repeat: no-repeat; height: 10px; padding-left: 12px; cursor: default; }
A.ponLogin:visited { color: #fff; font-size: 5px; background-image: url(img/flecha_hover.gif); background-repeat: no-repeat; vertical-align: middle; height: 10px; padding-left: 12px; cursor: default; }
A.ponLogin:hover { color: #fff; font-size: 5px; font-family: Tahoma; background-image: url(img/flecha_normal.gif); background-repeat: no-repeat; height: 10px; padding-left: 12px; cursor: default; }
/* style utilizado en el [Copyright] tokeen */
.ElCopyright { 
	color:#fff; 
	letter-spacing:2px; 
	font-size:10px; 
	font-family: Tahoma; 
	font-weight: bold; 
	border-width: 0; 
	text-decoration:    none; }
	
/* stilo de los botones en el menu de edicion de las paginas */
.CommandButton { color: #215352; cursor: pointer; }
a.CommandButton:link { font-family: Tahoma; font-size: 12px; font-weight: normal; color: #215352; text-decoration: none; cursor: pointer; }
a.CommandButton:visited { font-family: Tahoma; font-size: 12px; font-weight: normal; color: #215352; text-decoration: none; cursor: pointer; }
a.CommandButton:active { font-family: Tahoma; font-size: 12px; font-weight: normal; color: #215352; text-decoration: none; cursor: pointer; }
a.CommandButton:hover { font-family: Tahoma; font-size: 12px; font-weight: normal; color: #215352; text-decoration: none; cursor: pointer; }

/* Container: Action Menu Button */
.CATopMenuActionsItem
{ cursor: pointer; background-color: transparent; }
.CAMenuActionsGroup
{ background-color: #fff; border-width: 0; }
.CAMenuActionsItem
{
    color:#fff;
    font-size:12px;
    font-family: Tahoma;
    font-weight: normal;
    background-color: #215352;
    border-width: 0; 
    cursor:pointer; 
    text-decoration: none;
}
.CAMenuActionsItemHover
{
color: #215352; 
font-size:12px; 
font-family: Tahoma; 
font-weight: normal; 
background-color: #fff; 
border-width: 0; 
cursor:pointer; 
text-decoration:    none;
}
/* ================================
    CSS STYLES FOR ComponentArt Navigation Bar
2
   ================================
*/
/* ComponentArt NavBar --  general   */
.NavBar
{ border-top: 2px dashed #207c7a; cursor: default; }
.TopItem
{ color:#207c7a; font-size: 13px; font-family: "trebuchet ms"; font-weight: bold; height: 20px; padding: 5px 10px; border-top: 2px dashed red; border-right-width: 0; border-left-width: 0; cursor:hand; }
.TopItemHover
{ color:#ef4135; font-size: 13px; font-family: "trebuchet ms"; font-weight: bold; text-decoration: none; height: 20px; padding: 5px 10px; border-top: 2px dashed #207c7a; border-right-width: 0; border-left-width: 0; cursor:hand; }
.Level2Group
{ background-image: none; height: 100%; border-top: 2px dashed #ef4135; border-right-style: solid; border-right-width: 0; border-bottom-width: 0; border-left-style: solid; border-left-width: 0; }
.Level2Item
{ color: #215352; font-size: 13px; font-family: "trebuchet ms"; font-weight: bold; height: 15px; padding: 3px 10px; border-bottom: 2px dashed #ef4135; border-right-width: 0; border-left-width: 0; cursor:hand; }
.Level2ItemHover
{ color: #ef4135; font-size: 13px; font-family: "trebuchet ms"; font-weight: bold; background-image: url(img/flecha_hover.gif); background-repeat: no-repeat; background-position: -1px 7px; text-align: right; height: 15px; padding: 3px 10px; border-bottom: 2px solid #207c7a; border-right-width: 0; border-left-width: 0; cursor:hand; }
/* style for module titles */
.Head2   {                       /*-------------Titulos de los Modulos */
	font-size:  20px; 
	color:#000; 
	font-family: tahoma; 
	text-decoration: none; 
	font-weight: bold;
}
/*----Calendarios------*/
.EvtCalendar
{ color: #fff; border:none; }
.EvtDay
{ text-align:right; vertical-align:top; font-family:Tahoma; font-size:11px; color:black; background-color:#efefef; border-color: #999 #ebebeb; border-style: solid; border-width: 1px; }
.EvtDayHover
{ background-color: #e7e7e7; cursor:pointer; }
.EvtOtherMonthDay
{ background-color:#fff; border-color: #999 #ebebeb; border-style: solid; border-width: 1px; cursor:auto; }
.EvtMonth
{ border-color: #999 #474747 #474747; border-style: solid; border-width: 0 1px 1px; border-collapse:collapse; }
.EvtDayHeader
{ font-weight: bold; font-size: 12px; color: #fff; font-family: Tahoma; background-color: #207c7a; text-align: center; padding: 4px; border-color: #b7b7b7 #474747 #6f6f6f; border-style: solid; border-width: 1px; }
.EvtTitle{ color: #fff; height:25px; background-color: #215352; border-color: #474747; border-style: solid; border-width: 1px 1px 0;}
.EvtTitle TD{
  font-family:tahoma;
  font-size:12px;
  font-weight:bold;
  color:#fff;
  padding-top:1px;
  padding-bottom:1px;
}
.EvtNextPrev
{ color: #fff; background-color: #215352; height:25px; vertical-align:center; padding:0 5px; cursor:pointer; }
.EvtSelectedDay
{
    background-color: #006868;
}
.EvtSelectedDayHover
{
    cursor: pointer;
    background-color: #d0d0d0;
}
.EvtToday
{ font-weight: bold; background-color: #e7e7e7; }
.EvtTodayHover
{ font-weight: bold; background-color: #dcdcdc; cursor: pointer; }