@charset "UTF-8";
/* CSS Document */

bbody {
font-family:Verdana, Arial, Helvetica, sans-serif;
}

img {
	border: 0px;
	/*max-width:25px;
	max-height:25px; */
	}
p {
	text-indent:10px;
}
a:link    {color: #2A5D8C;   text-decoration: none;}
a:visited {color: #2A5D8C; text-decoration: none;}
a:hover   {color: #2A5D8C;    text-decoration: none;}

.formusuarios {
	background-color: #FFFFFF;
	border-color: #000000;
	border: #2A5D8C;
	color: #000000;
	font-size: 10px;
	font-family: Verdana;
	border:0px;
}

#todo {
    width:950px; /*ancho total de la pagina*/ 
    margin:10px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/
	height:inherit;

}
#leercompleto {
	font-size: 10px;
}
#enlacetitulo {
	color:black;
}

#cabezera {
	width:950px; /*ancho total de la pagina*/
	height:150px;
	border:1px solid #999999; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/
	background-color:#CCFFCC;
	margin:10px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/
	text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/
}

#logofap {
    width:200px; /*ancho total de la pagina*/ 
	height: 150px;

    background-color:#CCFFCC;
    margin:0px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/
	float: left;
	border:0px;
}

#logogrande {
	width:550px; /*ancho total de la pagina*/
	background-color:#CCFFCC;
	margin:0px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/
	text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/
	float: left;
	height:130px;
	border:0px;
	padding: 0px;
}

#textoinicial {
	width: 500px;
	margin: 0px auto;
	text-align: center;
	height: 100px;
	border: 0px;
}

#iniciousuarios {
    width:200px; /*ancho total de la pagina*/ 

    background-color:#CCFFCC;
    margin:0px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	float:left;
	border:0px;
	height:130px;
	font-size:12px;
}

#menuprincipal {
    width:740px; /*ancho total de la pagina*/ 

    background-color:#CCFFCC;
    margin:0px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	height:20px;
	border:0px;
	font-size:16px;
	float:top;
}

#bannersuperiores {
    width:950px; /*ancho total de la pagina*/ 
	height:50px;
    border:1px solid #999999; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
    background-color:#CCFFCC;
    margin:10px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	padding-top:2px;

}

#contenido {
    width:950px; /*ancho total de la pagina*/ 
	height:auto;
    border:0px solid #999999; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
    margin:0px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
    word-wrap: break-word;
	
}
#infoseccion {
    width:750px; /*ancho total de la pagina*/ 
	height:300px;
    border:1px solid #999999; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
    background-color:#CCFFCC;
    margin:0px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    text-align:center; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	float:left;
	overflow:hidden;
	vertical-align:middle;
	
}

#fotomini {
	width: 100px;
	height:auto;
	border:0px;
	margin:1px auto;
	float:left;
}


#noticialarga {
    width:750px; /*ancho total de la pagina*/ 
	height:auto;
    border:1px solid #999999; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
    background-color:#CCFFCC;
    margin:0px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	float:left;
	overflow:hidden;
}
#titulonoticialarga {
text-transform:uppercase;
padding:3px;
text-align:left;
}
#imagennoticialarga {
	width: 150px;
	height:auto;
	border:0px;
	margin:1px auto;
	float:left;
}
#textonoticialarga {
	width: 740px;
	height:auto;
	border:0px;
	margin:1px auto;
	float:left;
	font-size:12px;
	overflow:hidden;
	padding: 5px;
}
#textonoticialarga p:first-letter {
	font-size:50px;
	font-weight:bold;
}
#textonoticialarga img {
	max-width:400px;
	width: expression(this.width > 400 ? 400: true);
	max-height:400px;
	height: expression(this.width > 400 ? 400: true);
	float:left;
}
#noticiacorta {
    width:374px; /*ancho total de la pagina*/ 
	min-height:250px;
	max-height:300px;
    border:1px solid #999999; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
    background-color:#CCFFCC;
    margin:0px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/
	float:left;
	overflow:hidden;
	
}
#titulonoticiacorta {
	text-transform:uppercase;
	height:30px;
	padding:3px;
	text-align:center;
	font-size: 14px;
	
}
#imagennoticiacorta {
	width: 100px;
	height:auto;
	border:0px;
	margin:1px auto;
	float:left;
}

#textonoticiacorta {
	width: 372px;
	height:auto;
	border:0px;
	margin:1px auto;
	float:left;
	font-size:12px;
	overflow:hidden;
	padding:3px;
	/* image-size:100px; */

}
#textonoticiacorta p:first-letter {
	font-size:15px;
	font-weight:bold;
}
#textonoticiacorta img {
	max-width:100px;
	width: expression(this.width > 100 ? 100: true);
	max-height:100px;
	height: expression(this.width > 100 ? 100: true);
	float:left;
}

#cajaprovinciales {
	width:750px; /*ancho total de la pagina*/
	height:auto;
	border:1px solid #999999; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/
	background-color:#669966;
	margin:0px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/
	text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/
	float:left;
	overflow:hidden;
	text-align:center;
	font-weight:bold;
}

#listabanners {
    width:189px; /*ancho total de la pagina*/ 
	height:auto;
    border:1px solid #999999; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
    background-color:#CCFFCC;
    margin:0px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    text-align:center; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/
	float:right;
	padding:3px;
}

#masnoticias {
	width:374px;
	height:auto;
	border:1px solid #999999;
	background-color:#CCFFCC;
	margin:1px auto;
	text-align:left;
	float:left;
	overflow:hidden;
	font-size:12px;
}
#masnoticiasseccion {
	width:750px;
	height:auto;
	border:1px solid #999999;
	background-color:#CCFFCC;
	margin:1px auto;
	text-align:left;
	float:left;
	overflow:hidden;
	font-size:12px;
}
#noticiasprovinciales {
	width:374px;
	height:auto;
	border:1px solid #999999;
	background-color:#CCFFCC;
	margin:1px auto;
	text-align:left;
	float:left;
	overflow:hidden;
	font-size:12px;
}

#cajainferior {
    width:950px; /*ancho total de la pagina*/ 
	height:auto;
    border:0px solid #999999; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
    /* background-color:#FFF8F0; */
    margin:0px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	
}
#inferior {
	width:748px;
	height:auto;
	border:1px solid #999999; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
    background-color:#CCFFCC;
    margin:1px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    text-align:center; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	float:left;
	font-size: 10px;
}

#cajanoticia {
    width:750px; /*ancho total de la pagina*/ 
	height:auto;
    border:1px solid #999999; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
    background-color:#CCFFCC; 
    margin:0px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    text-align:justify; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/
    float:left;
    padding:0px;
}

#titulonoticia {
text-transform:uppercase;
font-size: 24px;
text-align:center;
}

#introduccionnoticia {
	color:#246CB7;
	text-decoration:
}
#textonoticia {
	width:730px;
	height:auto;
	border:0px solid #999999;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	margin:3px;
	
}
#textonoticia img {
	max-width:250px;
	width: expression(this.width > 250 ? 250: true);
	max-height:250px;
	height: expression(this.width > 250 ? 250: true);
	float:left;

}
#textonoticia p:first-letter {
	font-size:50px;
	font-weight:bold;
}

#fotosnoticia img{
	max-width:100px;
	width: expression(this.width > 100 ? 100: true);
	max-height:100px;
	height: expression(this.width > 100 ? 100: true);
}

#fotosnoticia {
	width:748px;
	border:0px solid #999999;
	
}

#comentariosnoticia {
	width:748px;	
}
#comentario {
	width:700px;
	background-color:#CCFFFF;
	padding:10px;
	margin:3px auto;
}
#insertacomentario {
	width:700px;
	background-color:#CCFFFF;
	padding:10px;
	margin:3px auto;
}
#cajacontacto {
    width:750px; /*ancho total de la pagina*/ 
	height:auto;
	min-height:150px;
    border:1px solid #999999; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
    background-color:#CCFFCC; 
    margin:0px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/
    float:left;
    padding:0px;
    word-wrap: break-word;
}
#cajabuscador {
    width:740px; /*ancho total de la pagina*/ 
	height:auto;
	min-height:150px;
    border:1px solid #999999; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
    background-color:#CCFFCC; 
    margin:0px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    text-align:justify; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/
    float:left;
    padding:5px;
}
#admin {
    width:740px; /*ancho total de la pagina*/ 
	height:auto;
	min-height:150px;
    border:1px solid #999999; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
    background-color:#CCFFCC; 
    margin:0px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    text-align:justify; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/
    float:left;
    padding:5px;
}

#imagenesventajas img{
	max-width:300px;
	width: expression(this.width > 100 ? 100: true);
	max-height:300px;
	height: expression(this.width > 100 ? 100: true);
}

#cajadisciplina p{
	width: 749px;	
	margin-right:1px ;
    padding-right:3px ;
    padding-left:1px ;
	font-size: 12px;
}