/* 
================================
Skin styles for DotNetNuke
================================
*/   

body{
	background-image:url(../SPA-MOSAIC/images/bg.jpg);
	margin:0px;
	padding:0px;
}
td,a,div,p,body{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
}
.header{
	background-color:#FFFFFF;
	height:170px;
	background-image:url(../SPA-MOSAIC/images/header_eskool.jpg);
	background-position:right;
	background-repeat:no-repeat;
}
.menubar{
	background-image:url(../SPA-MOSAIC/images/background_menu.jpg);
	background-repeat:repeat-x;
	height:42px;
}
.menu_azul{
	background-color:#0060B6;
}
.menu_verde{
	background-color:#C4DE94;
}
.menu_gris{
	background-color:#666666;
}
.menu_negro{
	background-color:#232323;
}
.menu_rojo{
	background-color:#EA8281;
}
.menu_chocolate{
	background-color:#C69B7B;
}
.menu_SC{
	background-color:#8d0000;
}
.content_area{
	padding-bottom:8px;
	padding-left:8px;
	padding-right:8px;
}
.content_space{
	width:8px;
}
.content_menu_azul{
	width:188px;
	background-color:#0060B6;
	vertical-align:top;
}
.content_menu_verde{
	width:188px;
	background-color:#C4DE94;
	vertical-align:top;
}
.content_menu_gris{
	width:188px;
	background-color:#666666;
	vertical-align:top;
}
.content_menu_negro{
	width:188px;
	background-color:#232323;
	vertical-align:top;
}
.content_menu_rojo{
	width:188px;
	background-color:#EA8281;
	vertical-align:top;
}
.content_menu_chocolate{
	width:188px;
	background-color:#C69B7B;
	vertical-align:top;
}
.content_menu_SC{
	width:188px;
	background-color:#8d0000;
	vertical-align:top;
}
.content_text{
	width:570px;
	vertical-align:top;
}
.content_advertise{
	width:213px;
	vertical-align:top;
}
.footer{
	text-align:center;
}
.linksfooter {
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
	color: #bf8729;
}

/*========================================================*/
/*  Login User                                            */
/*========================================================*/

.loginuser {font-family:Arial, Helvetica, sans-serif; font-size:8px; color:#666666; text-decoration:none; font-weight:bold; }
a.loginuser:link {font-family:Arial, Helvetica, sans-serif; font-size:8px; color:#666666; text-decoration:none; font-weight:bold; }
a.loginuser:visited {font-family:Arial, Helvetica, sans-serif; font-size:8px; color:#666666; text-decoration:none; font-weight:bold;}
a.loginuser:hover {font-family:Arial, Helvetica, sans-serif; font-size:8px; color:#999999;  text-decoration:none; font-weight:bold;}
a.loginuser:active {font-family:Arial, Helvetica, sans-serif; font-size:8px; color:#666666;  text-decoration:none; font-weight:bold;}

/*========================================================*/
/*  Links Footer - Azul                                   */
/*========================================================*/

.linksfooter_azul {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#bf8729; text-decoration:none; }
a.linksfooter_azul:link { color:#bf8729; text-decoration:none; }
a.linksfooter_azul:visited { color:#bf8729; text-decoration:none;}
a.linksfooter_azul:hover { color:#8c6c4d;  text-decoration:bold;}
a.linksfooter_azul:active { color:#bf8729;  text-decoration:none;}

/*========================================================*/
/*  Links Footer - Verde                                  */
/*========================================================*/

.linksfooter_verde {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#026A35; text-decoration:none; }
a.linksfooter_verde:link { color:#026A35; text-decoration:none; }
a.linksfooter_verde:visited { color:#026A35; text-decoration:none;}
a.linksfooter_verde:hover { color:#6FA41E;  text-decoration:none;}
a.linksfooter_verde:active { color:#026A35;  text-decoration:none;}

/*========================================================*/
/*  Links Footer - Gris                                   */
/*========================================================*/

.linksfooter_gris {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#515151; text-decoration:none; }
a.linksfooter_gris:link { color:#515151; text-decoration:none; }
a.linksfooter_gris:visited { color:#515151; text-decoration:none;}
a.linksfooter_gris:hover { color:#CCCCCC;  text-decoration:none;}
a.linksfooter_gris:active { color:#515151;  text-decoration:none;}

/*========================================================*/
/*  Links Footer - Negro                                  */
/*========================================================*/

.linksfooter_negro {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#CCCCCC; text-decoration:none; }
a.linksfooter_negro:link { color:#CCCCCC; text-decoration:none; }
a.linksfooter_negro:visited { color:#CCCCCC; text-decoration:none;}
a.linksfooter_negro:hover { color:#232323;  text-decoration:none;}
a.linksfooter_negro:active { color:#CCCCCC;  text-decoration:none;}

/*========================================================*/
/*  Links Footer - Rojo                                   */
/*========================================================*/

.linksfooter_rojo {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#EA8281; text-decoration:none; }
a.linksfooter_rojo:link { color:#EA8281; text-decoration:none; }
a.linksfooter_rojo:visited { color:#EA8281; text-decoration:none;}
a.linksfooter_rojo:hover { color:#A80000;  text-decoration:none;}
a.linksfooter_rojo:active { color:#EA8281;  text-decoration:none;}

/*========================================================*/
/*  Links Footer - Chocolate                              */
/*========================================================*/

.linksfooter_chocolate {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#832630; text-decoration:none; }
a.linksfooter_chocolate:link { color:#832630; text-decoration:none; }
a.linksfooter_chocolate:visited { color:#832630; text-decoration:none;}
a.linksfooter_chocolate:hover { color:#C69B7B;  text-decoration:none;}
a.linksfooter_chocolate:active { color:#832630;  text-decoration:none;}

/*========================================================*/
/*  Multi Language Selector                               */
/*========================================================*/

.MLLSstyle {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#777676; text-decoration:none; font-weight:bold}
a.MLLSstyle:link { color:#777676; text-decoration:none;}
a.MLLSstyle:visited { color:#777676; text-decoration:none;}
a.MLLSstyle:hover { color:#777676;  text-decoration:bold;}
a.MLLSstyle:active { color:#777676;  text-decoration:none;}

div.MLLinksSelector { color:#9A999E;  text-decoration:none;}
div.MLLinksSelector a{ color:#9A999E;  text-decoration:none;}
div.MLLinksSelector a:visited{ color:#9A999E;  text-decoration:none;}
div.MLLinksSelector a:hover{ color:#44C1E8;  text-decoration:none;}
div.MLLinksSelector a:active{ color:#9A999E;  text-decoration:none;}



/*========================================================*/
/*  Main Menu                                             */
/*========================================================*/
.MainMenu_SubMenu TD
{
	height: 21px;                       /* height of submenu--notice all of height 24px*/
/*	width:120px;*/
	/*color:#272525;*/
	border-bottom: #999999 0px solid;
	border-top: #999999 0px solid;
	border-left: #999999 0px solid;
	border-right: #999999 0px solid;
	background-color: #65312b; 
}

.MainMenu_SubMenuItemSelHover TD          
{
	color:#FFFFFF;
	background-color: #65312b;                    /* #9a191e color of sub menu text and height on mouseover*/
	/*height: 30px;*/

	width:120px;
}

.MainMenu_SubMenuItemHover TD 
{
	color:#FFFFFF;
	background-color:  #65312b;                    /* #9a191e color of sub menu text and height on mouseover*/
	height: 21px;
	width:120px;
}

.MainMenu_TabRootMenuItem TD                 
{
	font-family: Arial;
	font-size: 12px; 
	color:#764918;   /*#6e4314*/
	text-transform:uppercase; 
	text-decoration:bold;
	/*background-color: #F9A819;*/                               /* color of menu text and height--no mouseover*/
/*	background-image: url(images/menu_normal.jpg);*/
	/*background-repeat:repeat-x;*/
	height: 21px;
	padding: 0px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	/*white-space:normal;*/
}

.MainMenu_TabRootMenuItemSel TD                  /* color of menu text if you select subpage to show that it is selected*/
{
	height: 21px;
	font-family: Arial;
	font-size: 12px;
	text-transform:uppercase;
	text-decoration:bold;
	color:#ffffff;
	/*background-color: #00619e;*/
	/*background-image: url(images/menu_over.jpg);*/
	/*background-repeat:repeat-x;*/
	padding: 0px;
	padding-left:10px;
	padding-right:10px;
	/*width:120px;*/
	/*text-transform:uppercase;*/
	text-align:center;
}

.MainMenu_TabMenuItemHover TD                      /* color of menu text on mouseover*/
{
	border-bottom: #A3080C 0px solid;
	border-top: #A3080C 0px solid;
	background-color:Transparent;
	color:#ffffff;
	height: 21px;
	font-family: Arial;
	text-transform:uppercase;
	text-decoration:bold;
	font-size: 12px;  
	/*width:120px;*/
	padding: 0px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	
}

.MainMenu_TabMenuItemSelHover TD                    /***** color of main menu to show that it is the current page*/
{
	/*background-image:url(images/menu_over.jpg);
    background-repeat:repeat-x;*/
	border-bottom: #A3080C 0px solid;
	border-top: #A3080C 0px solid;
	/*background-color: #00619e;	*/
	color:#ffffff;
	height: 21px;
	font-family: Arial;
	font-size: 12px;
	text-transform:uppercase;
	text-decoration:bold;
	padding: 0px;
	padding-left:10px;
	padding-right:10px;
	/*width:120px;*/
	text-align:center;
	/*text-transform:uppercase;*/
}

.MainMenu_MenuContainer {
	/*background-image:url(images/bg_menu.jpg);*/
	text-align:center;
	border-bottom: #A3080C 0px solid;
	border-left: #E7EDE3 0px solid;
	border-top: #A3080C 0px solid;
	border-right: #404040 0px solid;
	background-color: Transparent;
	padding: 0px;
}

.MainMenu_MenuBar {
	border-bottom: #A3080C 0px solid;
	border-left: #E7EDE3 0px solid; 
	border-top: #A3080C 0px solid; 
	border-right: #000000 0px solid;  
	cursor: pointer; 
	cursor: hand;
	text-align:center;
	height: 21px; 
	padding: 0px;
	/*padding-right:10px;*/
	/*width:206px;*/
	/*text-transform:uppercase;*/
}

.MainMenu_MenuItem {
	cursor: pointer;
	cursor: hand;
	color:#ffffff;                                 /*color of sub menu text---no mouseover*/
	font-family: Tahoma;
	font-size: 11px;
	font-style:normal;
	font-weight: lighter;
	background-color: Transparent;
/*	background-color: #e6e6e6;*/
	border-bottom: #EBEBEB 0px solid;
	border-top: #EBEBEB 0px solid;
	/*width:120px;*/
}

.MainMenu_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	background-color: #e6e6e6;             /* this is the color of the drop down submenu for the left side if you want to use icon*/
	border-bottom: #EBEBEB 0px solid;
	border-top: #EBEBEB 0px solid;
	text-align: center; 
/*	width: 3; */
}

.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand;
	margin: 0px 0px 0px 0px;
	color:#000000;                           
	font-family: Tahoma; 
	font-size: 12px; 
	/*font-weight:bold; */
	font-style: normal;
	background-color: #e6e6e6;                 /*this is the color of the submenu behind text*/
	border-bottom: #00619e 0px solid;        /*these are the colors of the submenu box border*/
	border-top: #00619e 0px solid;
	border-left: #00619e 0px solid;
	border-right: #00619e 0px solid;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#FFFFFF, Direction=90, Strength=0);
	width:120px;
}

.MainMenu_MenuBreak {
	/*width: 5px;*/
	border: 0;
}

.MainMenu_MenuItemSel {
/*	background-color: #e6e6e6;   */   /*this is the color of the submenu highlight*/
/*	background-image:url(images/menu_over.jpg);*/
	font-family: Tahoma;
	font-size: 11px;
	font-weight:lighter;
	font-style: normal;
	background-color: Transparent;
	color:#ffffff;
	border-bottom: #999999 0px solid;
	border-top: #999999 0px solid;
	border-left: #999999 0px solid;
	border-right: #999999 0px solid;
	margin: 0px 0px 0px 0px;
	/*width:120px;*/
}

.MainMenu_MenuArrow {
	font-family: webdings; 
	font-size: 1px; 
	/*color:#5D5D79; */
	cursor: pointer; 
	cursor: hand; 
	border-bottom: #999999 0px solid;
	border-top: #999999 0px solid;
	border-left: #999999 0px solid;
	border-right: #999999 0px solid;
	/*background-color:Transparent;*/
}

.MainMenu_MenuArrow TD {
	/*width:1px;*/
}

.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 11px; 
	cursor: pointer; 
	cursor: hand;
}

											/********* TopMenu ***********/
/********* TopMenuItem 0 ***********/
/* Menu General sin mostrar el submenu*/

.TopMenuItem, .TopMenuItem A, .TopMenuItem A:Link, .TopMenuItem A:Active, .TopMenuItem A:Visited{
	font-size: 16px; 
	font-family:Arial;
	color: #663b12;
	text-transform:uppercase;
	background-color: Transparent;
	text-decoration:none;
}

.TopMenuItem A:Hover{
	font-size: 16px; 
	font-family:Arial;
	color: #663b12;
	text-transform:uppercase;
	background-color: Transparent;
	text-decoration:none;
}

.TopMenuItem, .TopMenuItem TD{

	/* Cambia los otros menús principales*/
	background-color:#f6dc92;
	background-position:bottom;
	background-repeat:no-repeat;
	vertical-align:middle;
	text-align:center;
	height:26px;
	width:123px;
}

/*********TopMenuItemMouseOver 0  ***************/

.TopMenuItemMouseOver, .TopMenuItemMouseOver A, .TopMenuItemMouseOver A:Link, .TopMenuItemMouseOver A:Active, .TopMenuItemMouseOver A:Visited{
	font-size: 16px; 
	font-family:Arial;
	color: #663b12;
	text-transform:uppercase;
	background-color: Transparent;
	text-decoration:none;
}

.TopMenuItemMouseOver A:Hover{
	font-size: 16px; 
	font-family:Arial;
	color: #663b12;
	text-transform:uppercase;
	background-color: Transparent;
	text-decoration:none;
}

.TopMenuItemMouseOver, .TopMenuItemMouseOver TD{
	background-color:#faebc1;
	background-position:bottom;
	background-repeat:no-repeat;
	vertical-align:middle;
	text-align:center;
	height:26px;
	width:123px;
}

/********* TopMenuItemSelect ***********/
/* Menu Seleccionado*/

.TopMenuItemSelect, .TopMenuItemSelect A, .TopMenuItemSelect A:Link, .TopMenuItemSelect A:Active, .TopMenuItemSelect A:Visited{
	font-size: 16px; 
	font-family:Arial;
	color: #663b12;
	background-color: Transparent;
	text-transform:uppercase;
	text-decoration:none;
}

.TopMenuItemSelect A:Hover{
	font-size: 16px; 
	font-family:Arial;
	color: #663b12;
	text-transform:uppercase;
	background-color: Transparent;
	text-decoration:none;
}

.TopMenuItemSelect, .TopMenuItemSelect TD{
	background-color:#faebc1;
	background-position:bottom;
	background-repeat:no-repeat;
	vertical-align:middle;
	padding:0px;
	text-align:center;
	height:100%;
	width:100%;
}