﻿/*Objetos html*/

body {
 background: white;
 direction:ltr;
  }
 
 body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,legend,input,img {
 margin:0;
 padding:0;
}
img,fieldset { 
 border:0;
}

h2
{
	/*margin:-1px -1px 0;*/
	font-family:Trebuchet MS, Tahoma, Arial, Helvetica;
	padding: 1px 1px 1px 3px;
	background-image:url(../imagenes/grd-1px_1.1.gif);
	background-repeat:repeat-x;
	font-size:10pt;
	color:#18397c;
	background-color:#fff;
	background-position:bottom left;
	border:1px solid #b0bec7;
	border-bottom:1px solid #93a6b4;
}

/*Fin Objetos html*/

/*----------------------HOME------------------------*/

.TituloRecuadro
{
	font-family:Trebuchet MS, Tahoma, Arial, Helvetica;
	font-size:12pt;
	color: black;
	font-weight:bolder;
}

/*Enlaces Home*/
a.linkhome
{
	font-size: 8pt;
	color: Black;
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica;
	text-decoration: underline;
	cursor:hand;
}
a.linkhome:visited
{
	font-size: 8pt;
	color: Black;
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica;
	text-decoration: underline;
	cursor:hand;
}
a.linkhome:Hover
{
	font-size: 8pt;
	color: Black;
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica;
	text-decoration: underline;
	cursor:hand;
}
a.linkhome:active
{
	font-size: 8pt;
	color: Black;
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica;
	text-decoration: underline;
	cursor:hand;
}

a.entrar
{
	font-size: 9pt;
	color: #2b73bd;
	font-weight:bolder;
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica;
	text-decoration: underline;
	cursor:hand;
}

a.entrarOscuro
{
	font-size: 9pt;
	color: #1b2c78;
	font-weight:bolder;
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica;
	text-decoration: underline;
	cursor:hand;
}

.titu_home
{
	color: #2571bc;
	font-size: 12pt;
	text-transform: uppercase;
}

.nombe_colegio_home
{
	color: #2571bc;
	font-size: 50pt;
	font-weight:bold;
	text-transform: uppercase;
}
a.AreaRestringida
{
	font-family:Trebuchet MS, Tahoma, Arial, Helvetica;
	font-size:12pt;
	color: #2d78c9;
	font-weight:bolder;
	text-decoration:none;
	cursor:hand;
}
a.AreaRestringida:Hover
{
	text-decoration: underline;
}
/*Fin Enlaces Home*/
/*-------------------FIN HOME------------------------*/


.fuenteNormal, .fuenteNegrita, .fuenteNormalP, .caption_obligatorio, .select, .noticia_resumen, .enlace, .titulo, .nombre_colegio, .input00, .tablafina_encabezado, .contador, .MenuStyle, .MenuStyle_1, .MenuStyle_5, .MenuStyle_2,.par,.impar, .MsoNormal
{
	font-family:Trebuchet MS, Tahoma, Arial, Helvetica;
	font-size:10pt;
	color: black;
}
.select
{
	width:99%;
}

.fuenteNegrita
{
	font-weight:bold;
}
.fuenteNormalP 
{
	font-size: 9px;
}

.caption_obligatorio
{
    color: Blue;
}

.select
{
	width:99%;
}

.noticia_resumen
{
	font-size: 8pt;
	font-style: italic;
}

.titulo
{
	color: black;
	font-size: 12pt;
	font-weight:bold;
	text-transform: uppercase;
}
.nombre_colegio
{
	color: #4186c1;
	font-size: 18pt;
	font-weight:bold;
	text-transform: uppercase;
	 letter-spacing: 10px;
}

.par {
	background-color: #F2FFFF;
}
 
.impar {
	background-color: #F3F3F3;
}

.sepParImpar {
}

.ocultar, .oculto {
 /*display:none;*/
 visibility:hidden;
}
.oculto {
	width: 1px;
}

.mostrar
{
	/*display: inline;*/
	visibility:visible;

}

/*Enlaces*/
a.enlace
{
	color: blue;
	text-decoration: underline;
	cursor:hand;
}
a.enlace:visited
{
	color: purple;
	text-decoration: underline;
	cursor:hand;
}
a.enlace:Hover
{
	color: blue;
	text-decoration: underline;
	cursor:hand;
}
a.enlace:active
{
	color: red;
	text-decoration: underline;
	cursor:hand;
}

/*Enlaces internos*/
.Area_Restringida
{
	color: #FF2E31;
	white-space:nowrap;
	text-transform: uppercase;
	font-weight: bold;
}
.Area_Restringida:hover
{
	color: #0054A6;
	white-space:nowrap;
	text-transform: uppercase;
	font-weight: bolder;
}


a.enlace2
{
	font-size: 10pt;
	color: Yellow;
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica;
	text-decoration: underline;
	font-weight:bold;
	cursor:hand;
}
a.enlace2:visited
{
	font-size: 10pt;
	color: Yellow;
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica;
	text-decoration: underline;
	font-weight:bold;
	cursor:hand;
}
a.enlace2:Hover
{
	font-size: 10pt;
	color: Yellow;
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica;
	text-decoration: underline;
	font-weight:bold;
	cursor:hand;
}
a.enlace2:active
{
	font-size: 10pt;
	color: Yellow;
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica;
	text-decoration: underline;
	font-weight:bold;
	cursor:hand;
}
/*Fin Enlaces internos*/

/*Fin Enlaces*/

.input00
{
	cursor:hand;
}

.contador
{
	border: solid 1px #000 ;
	font-size: 10pt; 
	color: #FFFFFF;
	font-weight:bold;
	background-color: #4186C1;
}

.foroCitado {
	background-color:   Aqua;
}
.foropar {
	background-color: #F2FFFF;
}
 
.foroimpar {
	background-color: #F3F3F3;
}


.tablafina_encabezado
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	background-color:khaki;
}

.FilaSeleccionada 
{
	background: #66CCFF;
	color: Black
}



/*Sombreado*/
.blur{ 
   background-color: #ccc; /*shadow color*/ 
   color: inherit; 
   margin-left: 4px; 
   margin-top: 4px; 
} 

.shadow, 
.content{ 
   position: relative; 
   bottom: 2px; 
   right: 2px; 
} 

.shadow{ 
   background-color: #666; /*shadow color*/ 
   color: inherit; 
} 

.content{ 
   background-color: #fff; /*background color of content*/ 
   color: #000; /*text color of content*/ 
   border: 1px solid #000; /*border color*/ 
   padding: .5em 2ex; 
} 

/*Menús*/
.menuSpacer 
{
	background:#fff url(../imagenes/grd-1px_1.1.gif);
}
.cssMenu {background-color:white;border:1px;border-color:white; }
.MenuStyle, .MenuStyle_1, .MenuStyle_5, .MenuStyle_2
{
	font-size:9pt;
	color:#FFFFFF;
}
.MenuStyle {
	background-color:white;border:1px;border-color:white; 
	font-size: 9pt;
	font-weight: normal;
	text-transform: none;
	white-space:nowrap;
	text-align: left;
	
	cursor: pointer;
}

.MenuStyle_1 {
	background-color:#;border:1px;border-color:#FF9900; 
	font-size: 9pt;
	font-weight: normal;
	text-transform: none;
	text-align: left;
    width: 190px;
    white-space:  normal;
	cursor: pointer;
}

.MenuStyle_2 {
	background-color:white;
	border:1px;
	border-color:#FF9900;
	font-size: 9pt;
	font-weight: normal;
	text-transform: none;
	white-space:nowrap;
	text-align: left;
	cursor: pointer;
	color: #4186C1;
}
.MenuStyle_4 {
	cursor: pointer;
}

.MenuStyle_5 {	
	border:1px;
	border-color:#FF9900;
	font-size: 9pt;
	font-weight: normal;
	text-transform: none;
	width: 190px;
    white-space:  normal;
	text-align: left;
	cursor: pointer;
	font-style: normal;
}

.HeaderMenuClass_1 , .menuSpacer2, HeaderMenuClass_1:hover
{
	text-decoration: none;
	color: black;
	background-color:#4186C1;
}
 .HeaderMenuClass_2
{
	text-decoration: none;
	color: #4186C1;
	font-weight: bold;
}
 .HeaderMenuClass_5
{
	text-decoration: none;
	color: #000000;
	background-color:#FF2E31;
}

.HeaderMenuClass2_1 
{
	text-decoration: none;
	color: red;
	white-space:nowrap;
}
.MenuMouseover_1
{
	text-decoration: none;
	cursor: pointer;
	background-color:#99CCFF;
 	color: #993300;	
}

.MenuMouseover_5
{
	text-decoration: none;
	cursor: pointer;
	background-color:#FFBFBF;
	white-space:nowrap;
 	color: #993300;	
}

.MenuMouseover_2
{
	text-decoration: none;
	white-space:nowrap;
	cursor: pointer;
	font-weight: bold;
	color: #FF2E31;	
}

.HeaderMenuClass2_1:hover {
	text-decoration: none;
	color: #4186C1;
	white-space:nowrap;
}

.HeaderSubMenu_1 
{
	text-decoration: none;
	color: #000000;
	white-space:nowrap;
	background-color: #4186C1;
	border: thin solid #FF9966;	
}
.HeaderSubMenuOver_1
{
	text-decoration: none;
	color: #FF2E31;
	white-space:nowrap;
	background-color: #CCCCCC;
	border: thin solid #FF9966;	}

.HeaderSubMenu_5
{
	text-decoration: none;
	color: #000000;
	white-space:nowrap;
	background-color: #FF2E31;
	border: thin solid #FF9966;
}
.HeaderSubMenuOver_5
{
	text-decoration: none;
	color: #FF2E31;
	white-space:nowrap;
	background-color: #CCCCCC;
	border: thin solid #FF9966;
}

/*Fin Menús*/

/*Popups*/
.MascaraPopUp {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	/*opacity: .4;*/
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent;
	/*background-color: #333333;
	 this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image: url("../imagenes/maskBG.png") !important; 
	background-repeat: repeat;
	display:none;
}
.PopUp 
{
	background-color: #FFFFFF;
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
.popupTitleBar {
	background-color: #486CAE;
	color: #ffffff;
	font-weight: bold;
	padding: 0px;
	border-bottom: 2px solid #000000;
	border-top: 1px solid #78A3F2;
	border-left: 1px solid #78A3F2;
	border-right: 1px solid #204095;
	position: relative;
	z-index: 203;
}
/*Fin Popups*/

#todo
{	
	margin-top: 0px;
 margin-left:10px;
 margin-right:10px;
}

/* Inicio SiteMap */
.franja_sup { 
background-image : url(../imagenes/sitemap/franja_superior.jpg);
background-repeat : no-repeat;
height : 26px;
color : black;
font-family : Trebuchet MS;
font-size : 10pt;
font-weight : bold;
padding-left : 10pt;
padding-top : 3pt;
width: 100%;
} 
.franja_med { 
background-image : url(../imagenes/sitemap/franja_media.jpg);
background-repeat : repeat-y;
height : 4px;
padding-left : 10pt;
font-family : Trebuchet MS;
font-size : 8pt;
width: 100%;
} 
.franja_inf { 
background-image : url(../imagenes/sitemap/franja_inferior.jpg);
background-repeat : no-repeat;
height : 10px;
width: 100%;
} 
.enlace_franja_sup { 
color : black;
font-family : Trebuchet MS;
font-size : 10pt;
text-decoration : underline;
} 
.lista_mapaweb { 
margin : 10px 10px 0 10px;
padding-bottom : 10px;
list-style-type : none;
} 
.lista_mapaweb ul { 
padding : 3px 0 1px 0;
margin : 0;
} 
.lista_mapaweb li { 
padding-left : 15px;
margin-bottom : 5px;
background : url(../imagenes/sitemap/elemento.jpg) no-repeat 2px 4px;
list-style-type : none;
} 
.lista_mapaweb li ul { 
margin-top : 5px;
} 
.lista_mapaweb li li { 
background : url(../imagenes/sitemap/subelemento.jpg) no-repeat 2px 6px;
} 
.lista_mapaweb li a { 
color : black;
} 
.lista_mapaweb li li a { 
color : #516c87;
} 

/*Fin SiteMap */
#divDesc
{
	width: 98%;
	border: thin solid #CCCCCC;
}

.btnMas
{
	BORDER-RIGHT: #999b9a 1px solid;	
	PADDING-RIGHT: 5px;	
	BORDER-TOP: #999b9a 1px solid;	
	PADDING-LEFT: 5px;	
	PADDING-BOTTOM: 0px;	
	FONT: bold 100% arial;	
	BORDER-LEFT: #999b9a 1px solid;	
	COLOR: #000;	
	PADDING-TOP: 1px;	
	BORDER-BOTTOM: #999b9a 1px solid;	
	WHITE-SPACE: nowrap;	
	BACKGROUND-COLOR: #ce9200
	}
	
	
#colcx {	ZOOM: 1;	HEIGHT: 1px} /* Rule 184 of embedded stylesheet */ 
#colcx {	POSITION: relative}
#rightcx {	ZOOM: 1;	HEIGHT: 1px} /* Rule 186 of embedded stylesheet */ 
#rightcx {	FLOAT: right;	MARGIN-LEFT: -20px;	WIDTH: 84.21%;	min-width: 800px}
#left .md {	BORDER-RIGHT: #91a7b4 1px solid;	BORDER-TOP: #b0bdc6 1px solid;	BORDER-LEFT: #b0bdc6 1px solid;	BORDER-BOTTOM: #91a7b4 1px solid}

#right {	FLOAT: left;	WIDTH: 45%;	MARGIN-RIGHT: -200px;	min-width: 360px}

#rightcx {	ZOOM: 1;	HEIGHT: 1px} /* Rule 117 of embedded stylesheet */
 #rightcx {	FLOAT: right;	MARGIN-LEFT: -20px;	WIDTH: 84.21%;	min-width: 800px} /* Rule 189 of embedded stylesheet */ 
 #right {	FLOAT: left;	WIDTH: 45%;	MARGIN-RIGHT: -200px;	min-width: 360px}
#middle {	FLOAT: left;	WIDTH: 55%;	min-width: 440px}
#middle {	FLOAT: left;	WIDTH: 55%;	min-width: 440px}