/*Colegio Español Padre Arrupe
Diseño y programación por:
Luis Alonso Rivas Leiva
*/


body
{
text-align:center;
background-image:url(../img/fondo1.jpg);
background-repeat:repeat;
background-attachment: fixed;
}
p
{
text-align:justify;
font-family:Arial;
}
/*css para la distribución de la página.*/
.marco
{
	width:750px;
	background-color:White;
	border:2px solid #CCC;
	border-color:Olive;
	margin:0 auto 0 auto;
}
.menu{
	width:750px;
	height:30px;
}
.banner
{
  background:url(../img/membrete1.jpg);
  background-repeat:no-repeat;
  background-position:bottom;
	width:750px;
	height:222px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:0px;
}
.frase
{
	width:750px;
	height:47px;
  background:url(../img/frasen3.jpg);
  background-position:top left;
  background-repeat:no-repeat;
  border:0px;
  margin:0px;
}
.contenidoFrase
{
  width:590px;
  height:64px;
  margin-left:65px;
  margin-right:65px;
  font-size:18px;
  color:#FFD700;
  font-family:Verdana;
}
.contenido
{
	width:750px;
	height:600px;
	padding:0px;
        border:0px;
        margin:0px;
}
.marcoDerecho
{
	width:460px;
	float:right;
	padding:0px;
	margin:0px;
        border:0px;

}
.marcoIzquierdo
{
	width:225px;
	float:left;
	margin-left:10px;
	padding:0px;
}
.clear
{
	clear:both;
}
.pie
{
  background:url(../img/pie.jpg);
  background-repeat:no-repeat;
  color:#FFD700;
	width:750px;
	height:59px;
	text-align:center;
	font-size:0.7em;
	font-family:arial;
}

/*Aquí finaliza el css para la distribución de la página*/

/*css para los recuadros del cuerpo*/

div.top 
{
	height:23px; 
	width:440px;
	background-image:url(../img/box/top_line.gif); 
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	padding:0px;
	}
.esi
{
  width:18px;
  height:23px;
  background-image:url(../img/box/top_left.gif);
  float:left;
}
.esd
{
  width:18px;
  height:23px;
  background-image:url(../img/box/top_right.gif);
  float:right;
}
.eii
{
  width:19px;
  height:22px;
  float:left;
  background-image:url(../img/box/btm_left.gif);
}
.eid
{
 width:18px;
  height:22px;
  float:right;
  background-image:url(../img/box/btm_right.gif);

}
div.bottom 
{ 
height:23px; 
	background-image:url(../img/box/btm_line.gif); 
	background-repeat:no-repeat;
	width:440px;
	border:0;
	padding:0;
	margin:0;
}
div.content 
{ 
	background-image:url(../img/box/left_line.gif); 
	background-position:left;
	background-repeat:repeat-y; 
	width:440px;
}
	
div.boxcontrol 
{ 
  padding:0 0% 0 5%; 
	background-image:url(../img/box/right_line.gif); 
	background-position:right; 
	background-repeat:repeat-y; 
}
.c
{
overflow:auto;
height:558px;
width:383px;
background-image:url(../img/box/line1.gif);
background-repeat:repeat-y;
padding-right:20px;
}
.contentNoticias 
{ 
	background-image:url(../img/box/left_line.gif); 
	background-repeat:repeat-y; 
}
div.top1 
{
	height:23px; 
	width:245px;
	background-image:url(../img/box/up1.gif); 
	margin:0 0 0 0;
}
	
div.bottom1
{ 
  height:23px; 
	background-image:url(../img/box/down1.gif); 
	background-repeat:no-repeat;
	width:245px;
	border:0;
	padding:0;
	margin:0;
}
.scroll {
     width:440px;
     height:550px;
     height:auto;
     overflow:scroll;
     padding: 0px 0px 0px 0px;
}

.highlights 
{
	width:205px;
	overflow:auto;
	margin:0px;
	border:0px solid #000000;
	height:250px;
	padding: 4px 6px 4px 8px;
	background-image:url("../img/box/line.gif");
	background-position:right;
	background-repeat:repeat-y;
}
/*Aquí finaliza el css para los recuadros del cuerpo*/


/*css para el menu superior*/

    #tabs {
      float:right;
      width:100%;
      background:#D4DAE7;
      font-size:93%;
      line-height:normal;
	  border-bottom:1px solid #333B66;
      }
    #tabs ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("../img/menu/tableft7.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("../img/menu/tabright7.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#999;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#ECB546;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }
/*Finaliza el css para el menú superior*/


/* Menúes cargados con ajax*/ 
.opt
{
text-align:left;
}
/*fnializa el menú cargado con ajax*/