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

/*_____________________________________________________*/

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

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

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

/* text style used for most text rendered by modules */
.Normal {
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
	color:#3d3d3d;
}

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

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

.NormalBold {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
	color:#3d3d3d;
}


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

A:link { font-family: Arial; font-size: 12px; font-weight: normal; color:#342d7b; text-decoration: underline; cursor: pointer; }
A:visited { font-family: Arial; font-size: 12px; font-weight: normal; color:#231f6d; text-decoration: underline; cursor: pointer; } 
A:active { font-family: Arial; font-size: 12px; font-weight: normal; color: #342d7b; text-decoration: underline; cursor: pointer; }

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


.user{font-family: Arial; font-size: 14px; font-weight: bold; color:#342d7b; text-decoration: none;}
a.user:link{ font-family: Arial; font-size: 14px; font-weight: bold; color:#342d7b; text-decoration: none; cursor: pointer; }
a.user:visited{ font-family: Arial; font-size: 14px; font-weight: bold; color:#231f6d; text-decoration: none; cursor: pointer; }
a.user:active{ font-family: Arial; font-size: 14px; font-weight: bold; color: #342d7b; text-decoration: none; cursor: pointer; }

a.user:hover{ font-family: Arial; font-size: 14px; font-weight: bold; color: #bb7f36; text-decoration: none; cursor: pointer; }


.footer{ cursor: pointer; }

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

a.footer:active{ font-family: Arial; font-size: 12px; font-weight: normal; color: #342d7b; text-decoration: none; cursor: pointer; }
a.footer:hover{ font-family: Arial; font-size: 12px; font-weight: normal; color: #bb7f36; text-decoration: none; cursor: pointer; }
a.footer:link{ font-family: Arial; font-size: 12px; font-weight: normal; color:#342d7b; text-decoration: none; cursor: pointer; }

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

.SelectedTab { color: #fff; font-family: Arial; font-size: 12px; font-weight: normal; text-decoration: none; }

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




/*____________________________________________________________________________________*/

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

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

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


/*_____________________________________________________*/


SMALL {
    font-size:  10px;
}
BIG {
    font-size: 14px;
}
BLOCKQUOTE, PRE {
    font-family:  Arial ;
}
/*_____________________________________________________*/

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;
}
/*_____________________________________________________*/
/*utilizado en la lineas */

HR { font-weight: normal; background-color: #500300; height: 1px; }

/* ComponentArt Menu */
.MenuGroup
{ background-color: transparent; height: 25px; border-width: 0; }
.TopMenuItem	{ color:#500300; font-size:14px; font-family: Arial; font-weight: bold; border-width: 0; cursor:pointer; text-decoration:    none; height: 25px; }
.TopMenuItemHover	{ color: #500300; font-size:14px; font-family: Arial; font-weight: bold; background-color: #fff; border-width: 0; cursor:pointer; text-decoration:    none; height: 25px; }
.TopMenuItemActive
{ color: #500300; font-size:14px; font-family: Arial; font-weight: bold; background-color: #fff; border-width: 0; cursor:pointer; text-decoration:    none; height: 25px; }
.MenuItem	{ color:#500300; font-size:14px; font-family: Arial; font-weight: normal; background-color: #fff; cursor:pointer; text-decoration:    none; height: 25px; border: solid 1px; }
.MenuItemHover	{ color: #fff; font-size:14px; font-family: Arial; font-weight: normal; background-color: #500300; cursor:pointer; text-decoration:    none; height: 25px; border: solid 1px; }
.MenuItemActive
{ color: #fff; font-size:14px; font-family: Arial; font-weight: normal; background-color: #500300; border-width: 0; cursor:pointer; text-decoration:    none; height: 25px; }
/* utilizado en el --- */
.ponFecha { color:#fff; 
	font-size:14px; 
	font-family: Arial; 
	font-weight: bold; 
	border-width: 0;
	text-decoration:    none; }
/* utilizado en el --- */
.ponNavega { color:#fff; 
	font-size:14px; 
	font-family: Arial; 
	font-weight: bold; 
	border-width: 0;
	text-decoration:    none; }
/* style utilizado en el [Copyright] tokeen */
.ElCopyright { 
	color:#fff; 
	letter-spacing:2px; 
	font-size:11px; 
	font-family: Arial; 
	font-weight: bold; 
	border-width: 0; 
	text-decoration:    none; }
	
/* stilo de los botones en el menu de edicion de las paginas */
.CommandButton { cursor: pointer; }
a.CommandButton:link { font-family: Arial; font-size: 12px; font-weight: normal; color: #342d7b; text-decoration: none; cursor: pointer; }
a.CommandButton:visited { font-family: Arial; font-size: 12px; font-weight: normal; color: #231f6d; text-decoration: none; cursor: pointer; }
a.CommandButton:active { font-family: Arial; font-size: 12px; font-weight: normal; color: #342d7b; text-decoration: none; cursor: pointer; }
a.CommandButton:hover { font-family: Arial; font-size: 12px; font-weight: normal; color: #bb7f36; 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: Arial;
    font-weight: normal;
    background-color: #342d7b;
    border-width: 0; 
    cursor:pointer; 
    text-decoration:    none;
}
 

.CAMenuActionsItemHover
{
color: #342d7b; 
font-size:12px; 
font-family: Arial; 
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
{ cursor: default; }
.TopItem
{ color:#fff; font-size: 12px; font-family: Arial; font-weight: bold; background-color: #500300; height: 20px; border: solid 1px #500300; cursor:hand; }
.TopItemHover
{ color:#fff; font-size: 12px; font-family: Arial; font-weight: bold; background-color: #830601; height: 20px; border: solid 1px #500300; cursor:hand; }
.Level2Group
{ background-image: none; border-right: 1px solid #500300; border-left: 1px solid #500300; }
.Level2Item
{ color: #500300; font-size: 12px; font-family: Arial; font-weight: normal; background-color: #fff; height: 15px; border-top: 1px solid #500300; border-bottom: 1px solid #500300; cursor:hand; }
.Level2ItemHover
{ color: #fff; font-size: 12px; font-family: Arial; font-weight: normal; background-color: #830601; height: 15px; border-top: 1px solid #500300; border-bottom: 1px solid #500300; cursor:hand; }
/* ComponentArt NavBar --  general   */
.NavBar1
{ cursor: default; }
.TopItem1
{ color:#fff; font-size: 12px; font-family: Arial; font-weight: bold; background-color: #342d7b; height: 20px; border: solid 1px #342d7b; cursor:hand; }
.TopItemHover1
{ color:#342d7b; font-size: 12px; font-family: Arial; font-weight: bold; background-color: #fff; height: 20px; border: solid 1px; cursor:hand; }
.Level2Group1
{ background-image: none; border: solid 1px #342d7b; }
.Level2Item1
{ color: #fff; font-size: 12px; font-family: Arial; font-weight: bold; background-color: #342d7b; height: 15px; border: solid 1px #342d7b; cursor:hand; }
.Level2ItemHover1
{ color: #342d7b; font-size: 12px; font-family: Arial; font-weight: bold; background-color: #fff; height: 15px; border: solid 1px; cursor:hand; }
/* style for module titles */
.Head2   {                       /*-------------Ttulos de los Modulos */
	font-size:  20px; 
	color:#500300; 
	font-family: Arial; 
	text-decoration: none; 
	font-weight: bold;
}
/*ligas de pagina de idiomas en website*/
.idiomas { font-size: 16px; font-weight: bold; cursor: pointer; }
a.idiomas:link { font-family: Arial; font-size: 16px; font-weight: bold; color: #342d7b; text-decoration: none; cursor: pointer; }
a.idiomas:visited { font-family: Arial; font-size: 16px; font-weight: bold; color: #231f6d; text-decoration: none; cursor: pointer; }
a.idiomas:active { font-family: Arial; font-size: 16px; font-weight: bold; color: #342d7b; text-decoration: none; cursor: pointer; }
a.idiomas:hover { color: #bb7f36; font-family: Arial; font-size: 16px; font-weight: normal; text-decoration: none; cursor: pointer; }
/*Utilizado en la direccion*/
.direccion { font-family: Arial; color: #231f6d; font-size: 12px; font-weight: bold; cursor: pointer; }
.direccion1 { font-family: Arial; color: #bb7f36; font-size: 11px; font-weight: normal; cursor: pointer; }