/* CSS Document */


body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

body {
	background-color: #FFFFFF;
	background-image:url(../img/otros/fondo_final2.jpg);
	background-repeat:repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	color: #333;
	text-decoration: none;
}

a:visited {
	color: #333;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #333;
}
a:active {
	color: #333;
}

/* Contenedor principal */

#container {
position:absolute;
margin: auto auto auto auto;
width: 768px;
height: 768px;
background-color:#FFF1DA;
background-image:url(../img/otros/borde_sombra3.gif);
background-repeat:no-repeat;
background-position:top right;
border:none;
}

/* barra superior */

#upperbar {
border-top:1px solid #000;
border-bottom:1px solid #000;
float:left;
width:760px;
height:20px;
padding:3px 0 0 5px;
background-color:#0098FF;
text-decoration:none;
} 

#upperbar a:hover{
text-decoration:underline;
} 

/*Todos los elementos de listas aparecen sin ningún símbolo al lado*/

* ul {
list-style:none;
margin:0;
padding:0;
}

/*Mostrar los elementos de lista de la barra superior en linea*/

#upperbar ul li {
display:inline;
color:#FFFFFF;
}

/*situar el boton de acceso miembros arriba a la dcha*/

#botonmiembros {
width:150px;
height:23px;
position:absolute;
top:1px;
left:600px;
background-image:url(../img/botones/logo_pequenho.gif);
background-repeat:no-repeat;
background-position:left;
}

/*poner una imagen a la izqda del link de acceso miembros*/

#botonmiembros a {
position:absolute;
top:5px;
padding:0 0 0 33px;
}

.menu_izq a p{
margin:0 0 0 10px;
}

/*Coloco la barra de navegación a la izqda*/

#nav_bar {
background-color:#0098FF;
float:left;
width:160px;
border-right:1px solid #26283A;
}


/*situo la cabecera de cada apartado centrada en la barra de navegacion*/
#nav_bar h3 {
padding:5px 0 0 15px;
}

/*ordeno cada lista y elementos de lista para que tengan un ancho de 209px y se cambie
color de fondo cuando pase el raton por encima*/
#nav_bar ul {
list-style-type: none;
}

#nav_bar li {
background-image:url(../img/botones/bt_menu.gif);
border:none;
}

#nav_bar li a {
color: #990000;
display: block;
text-decoration: none;
padding:2px 0 5px 0;
}

* html #nav_bar li a {  /* make hover effect work in IE, hemos definido los elementos de lista
						con hipervinculos de 160 px de ancho, asi cuando pongamos el raton
						encima, el fondo de esa lista cambiara de color. */
width: 160px;
}

/*cambio la imagen del boton al pasar por encima*/
#nav_bar li a:hover {
background: #00FFFF;
background-image:url(../img/botones/bt_menu_2.gif);
background-repeat:no-repeat;
width:160px;
}


/*contenedor principal*/
#main {
float:left;
width:595px;
height:692px;
background-color:transparent;
/*el atributo height, ayuda a igualar la barra de abajo en firefox para que quede igualado al fondo.*/
}

/*imagen colegio*/
#main_picture {
background-image:url(../img/colegio/foto_portada.png);
background-repeat:no-repeat;
background-position:top;
background-color:transparent;
margin:0 0 0 20px;
width:575px;
height:206px;
}

#txt_imagen {
padding:177px 0 0 50px;
font-weight:bold;
font-size:13px;
color:#000000;
}

/*eventos*/
#eventos {
width:598px;
height:450px;
background-color:transparent;
padding:25px 0 0 0;
text-decoration:none;
overflow:auto;
}

#noticias {
width:582px;
height:225px;
background-color:transparent;
text-decoration:none;
overflow:auto;
background:url(../img/eventos/fondoeventos.jpg) no-repeat center;
margin-bottom:20px;
}

#noticias span.noticias {
display:block;
}

#contenedor_noticias {
/*width:483px;*/
width:463px;
height:165px;
margin:28px 0 0 0;
padding:0 0 0 63px;
overflow:auto;
}






/*primera. 4 apartados de la pag principal*/
#primera {
/*para que cuadre con la foto de arriba en la 1ª y 3ª pongo padding 20 a la izq*/

padding:0 0 0 20px;
float:left;
width:267px;
height:250px;
background-color:transparent;

}



#txt_primera {
padding:10px 2px 0 10px;
float:left;
width:175px;
height:205px;
}

/*foto1*/
#foto1 {
float:right;
width:70px;
height:90px;
background-color:transparent;
margin:10px 0 0 0;
border:2px double;
}

/*segunda*/
#segunda {
float:right;
width:267px;
height:250px;
background-color:transparent;
}



#txt_segunda {
padding:10px 2px 0 0;
float:left;
width:175px;
height:205px;
}

/*foto2*/
#foto2 {
float:right;
width:70px;
height:90px;
margin:10px 0 0 10px;
border:2px double;
}


/*tercera*/
#tercera {
padding:0 0 0 20px;
float:left;
width:267px;
height:225px;
background-color:transparent;
}



#txt_tercera {
padding:10px 2px 0 0;
float:left;
width:175px;
height:175px;
}

/*foto3*/
#foto3 {
float:right;
width:70px;
height:90px;
margin:10px 0 0 10px;
border:2px double;
}

/*cuarta*/
#cuarta {
float:right;
width:267px;
height:225px;
background-color:transparent;
}



#txt_cuarta {
padding:10px 2px 0 0;
float:left;
width:175px;
height:175px;
}

/*foto4*/
#foto4 {
float:right;
width:70px;
height:90px;
margin:10px 0 0 10px;
border:2px double;
}



/*quinta*/
#quinta {
padding:0 0 0 20px;
float:left;
width:267px;
height:175px;
background-color:transparent;
}




#txt_quinta {
padding:10px 2px 0 0;
float:left;
width:175px;
height:125px;
}

/*foto5*/
#foto5 {
float:right;
width:70px;
height:90px;
margin:10px 0 0 10px;
border:2px double;
}

/*sexta*/
#sexta {
padding:0 0 0 20px;
float:right;
width:267px;
height:175px;
background-color:transparent;
}



#txt_sexta {
padding:10px 2px 0 0;
float:left;
width:175px;
height:70px;
}

/*foto3*/
#foto6 {
float:right;
width:70px;
height:90px;
margin:10px 0 0 10px;
border:2px double;
}

/*primera. 4 apartados de la pag principal*/
#septima {
padding:0 0 0 20px;/*para que cuadre con la foto de arriba en la 1ª y 3ª pongo padding 20 a la izq*/
float:left;
width:267px;
height:200px;
background-color:transparent;
}



#txt_septima {
padding:10px 2px 0 0;
float:left;
width:175px;
height:155px;
}

/*foto1*/
#foto7 {
float:right;
width:70px;
height:90px;
background-color:transparent;
margin:10px 0 0 10px;
border:2px double;
}


#octava {
padding:0 0 0 20px;
float:right;
width:267px;
height:175px;
background-color:transparent;
}

#txt_octava {
padding:10px 2px 0 0;
float:left;
width:175px;
height:205px;
}

/*foto8*/
#foto8 {
float:right;
width:70px;
height:90px;
margin:10px 0 0 10px;
border:2px double;
}

/*fin de las 6 capas*/




/*inicio de la barra inferior*/

#bottom_bar {
border-top:1px solid #000;
border-bottom:1px solid #000;
float:left;
width:760px;
height:20px;
padding:3px 0 0 5px;
background-color:#0098FF;
} 

#txt_bottom {
float:right;
padding:2px 10px 0 0;
}

#txt_bottom ul li {
display:inline;
}



/*comienzo las paginas interiores*/
/*eventos_comun*/
#eventos_comun {
width:575px;
height:660px;
background-color:transparent;
overflow:auto;
margin:10px 0 0 20px;
}

/*cabecera para titulos*/

#cab_comun {
border-top:1px solid #000;
border-bottom:1px solid #000;
float:left;
width:551px;
height:20px;
padding:3px 0 0 5px;
background-color:#96C7EB;
} 

/*Textos de los articulos*/

#txt_comun {
padding:15px 0 0 0;
width:400px;
height:auto;
float:left;
}


#txt_comun.links{
width:550px;
}

#txt_comun.links a{
text-decoration:none;
}

#txt_comun.links a:hover{
font-weight:bold;
}

#txt_comun.links a img{
border:none;
}

#txt_comun.links table{
width:550px;
}

#txt_comun.links table td{
width:275px;
}

/*para el area de usuarios, concretamente el panel de identificacion*/

#identificacion {
padding:15px 0 0 0;
width:532px;
height:170px;
float:left;
background:url(../img/area%20usuarios/identificacion.jpg) no-repeat;
}


#identificacion.links{
width:550px;
}

#identificacion.control{
width:550px;
background:none;
}

#identificacion.control tr{
line-height:20px;
background:#0CF;
}

#identificacion.control td a img{
border:none;
}

#identificacion.links table{
width:300px;
margin:30px 0 0 40px;
}

#form_noticias {
padding:15px 0 0 0;
width:550px;
height:170px;
float:left;
}


#form_noticias table{
width:500px;
margin:30px 0 0 30px;
}

#form_noticias table td{
vertical-align:top;
font-size:11px;
}





/*para cuando no hay foto el area del texto sera mas amplia*/
#txt_solo {
padding:15px 0 0 0;
width:550px;
height:auto;
float:left;
background: url(../img/otros/enlaces/fondo_apartados3.png) repeat-y;
}

#txt_solo.pastoral{
background-image:none;
}

table.pastoral {
width:545px;
}
.pastoral img.centro{
margin:10px 0 0 135px;
border:1px solid;
}

.pastoral img.centro_foto_grande{
margin:10px 0 0 85px;
border:1px solid;
}

#img_comun {
padding:15px 0 0 0;
width:auto;
margin:0 50px 0 0;
height:auto;
float:right;
}


/*Estilo de la capa login*/
#login {
width:350px;
height:200px;
margin:100px 0 0 125px;
background:url(../img/privado/cuadro_login.gif) no-repeat;
padding:8px;
}

#centrar {
width:auto;
height:30px;
margin:0 0 0 20px;
}

#inputs_login {
width:auto;
margin:15px 0 0 50px;
}

#inputs_login input {
margin:0 0 0 15px;
}

#inputs_login .boton {
margin:0 0 0 70px;
}

/*Fotos del centro*/

/*imagen colegio*/
#fotoscentro {
float:left;
background-image:none;
background-repeat:no-repeat;
background-position:top;
background-color:transparent;
margin:25px 0 0 50px;
width:400px;
height:300px;
border:1px solid;
}

#bt_fotos {
float:left;
margin:0 0 0 50px;
width:400px;
height:30px;
font-weight:bold;
font-size:13px;
color:#000000;
border: 1px ridge;
background-color:#0098FF;
}

#anterior {
float:left;
width:150px;
height:20px;
font-weight:bold;
font-size:13px;
color:#000000;
}

#siguiente {
float:right;
width:150px;
height:20px;
font-weight:bold;
font-size:13px;
color:#000000;
}

#anterior li {
padding:8px 0 0 40px;
}

#siguiente li {
padding:8px 0 0 40px;
}

#bt_volver {
float:left;
margin:0 0 0 50px;
width:150px;
height:30px;
font-weight:bold;
font-size:13px;
color:#000000;
}

#contenedor_noticias a img {
border:none;
}


/***************Administracion***************/


#form_admin {
padding:15px 0 0 0;
width:550px;
height:670px;
float:left;
overflow:auto;
}


#form_admin table{
width:500px;
margin:30px 0 0 30px;
}

#form_admin table td{
vertical-align:top;
font-size:11px;
}

table.administracion {
	border-collapse:collapse;
}

table.administracion th{
	text-align:left;
	border-bottom: 1px solid;
}


table.administracion tr{
	line-height:30px;
	border-bottom: 1px solid;
}

table.administracion td{
	padding-top:10px;
}

table.administracion a img{
	border:none;
}

td.centrar input {
	vertical-align:middle;
}