/* ***************** */
/* BOXES PRINCIPALES */
/* ***************** */

body {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	text-align: center; /* centra todo el contenido en IE5x, pero tambien las letras (se soluciona mas abajo) */
	font: 10pt arial, helvetica, sans-serif;
	
	background-image: url(../images/sanmartin_caballo.jpg);
 	background-repeat: no-repeat;
 	background-attachment: fixed;
 	background-position: 100% 100%;
}

#contenedor {
	width: 780px;
	margin: 0px auto; /* centra #top en IE6 y Mozilla */
	background-color: #FFF; /* testing */
	color: #333;
	text-align: left; /* restaura letras alineadas a la izquierda */
}

#header {
	border: 0px solid #000;
	background-color: #586695;
	color: #fff;
	margin: 0px; /* testing */
	padding: 0px;
}

#menusuperior {
	border: 0px solid #000;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
}

#menuizquierda {
	float: left;
	width: 190px;
	margin: 0px; /* testing */
	padding: 0px;	
	border: 0px solid #000;
	background-color: #FFF;	

}

#main {
	margin: 0px;
	margin-left: 200px;
	padding: 0px;	
	border: 0px solid #000;
	background-color: #FFF;
}

#footer {
	clear: both;
	border: 1px solid #586695;
	background-color: #F3F7FB;
	color: #000000;	
	margin: 0px; /* testing */
	padding: 0px;
	text-align: center;
}



/* ****************************************************** */
/* ************** FIN BOXES PRINCIPALES ***************** */
/* ****************************************************** */



/* FLOAT RIGHT PARA LAS FOTOS */
div.foto {
	float: right;
	margin: 0px;
	padding: 0px;
}

div.fotoderecha {
	float: right;
	margin: 5px;
	padding: 5px;
	border: 1px solid #000;
}

div.fotoizquierda {
	float: left;
	margin: 5px;
	padding: 5px;
	border: 1px solid #000;
}

div.fotoizquierdasinrecuadro {
	float: left;
	margin: 5px;
	padding: 5px;
	border: 0px solid #fff;
}

div.fotoderechasinrecuadro {
	float: right;
	margin: 5px;
	padding: 5px;
	border: 0px solid #000;
}

div.fotocentro {
	margin: 5px;
	padding: 5px;
	border: 0px solid #000;
	text-align: center;
}

div.recuadroceleste {
	background-color: #F3F7Fb;
	border: 1px solid #CBE2F0;
	padding: 0;
	margin:0;
}

/* ************************** */

/* ************************** */
/* REFRANES ***************** */
/* ******** ***************** */

/* BLOCKQUOTE */
blockquote {
	font: italic 1em Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	margin: 0em 2em 0 1.5em;
	padding: 0;
	color: #555;
}

.firma1 {
	text-align: right;
	font-style: normal;
	margin-right: 11em;
}

/* ************************** */
/* FIN DE REFRANES ********** */
/* *************** ********** */

/* AJUSTA HEADERS Y PARRAFOS EN EL CONTENIDO PRINCIPAL */
#main h1 {font: italic 1em Georgia, Times, "Times New Roman", serif; font-size: 200%;
          margin: 1.5em 2em 0 0em;padding: 0;color: #555;}

/* #main h1 { font-style: italic; font-size: 120%; color: #1265BC; text-align: justify; border-top: 1px solid #1265BC; } */
#main h2 { font-style: italic; font-size: 120%; color: #1265BC; text-align: left; }
#main h3 { font-family: Arial, Helvetica, sans-serif; font-style: italic; font-size: 120%; color: #1265BC; text-align: left; border-top: 1px solid #1265BC; }
#main p { font-family: Trebuchet MS, Times, "Times New Roman", serif; text-align: justify; font-size: 100%; color: #000;}
#main ul { font-family: Trebuchet MS, Times, "Times New Roman", serif; text-align: justify; font-size: 100%;
					color: #000; }
#main ol { font-family: Trebuchet MS, Times, "Times New Roman", serif; text-align: justify; font-size: 100%;
					color: #000; text-decoration: none;}
#main a:link { text-decoration: none; color: #1265bc}
#main a:visited { text-decoration: none; background-color: #F3F7Fb; color: #1265BC;}
#main a:hover { background: #000080; color: #FFF; }

a img {
	border: none;
}

/* NEGRITA */
.negrita {
	text-align: justify;
	font: bold 1em Georgia, Times, "Times New Roman", serif;
	margin-right: 20px
}

/* SEGUNDO TIPO DE FIRMA EN NEGRITA */
.firma2 {
	text-align: right;
	font: bold 1em Georgia, Times, "Times New Roman", serif;
	margin-right: 20px
}

/* RESALTA PRIMERA LETRA DE CADA PARRAFO */
p primeraletra {
	font-size: 1.5em;
}

/* SANGRIA */
.sangria {
	text-indent: 2.5em;
}

/* RESALTADO FOSFORESCENTE, MUY COPADO */
strong {
 font-weight: normal;
 background-color: yellow;
}

/* CUADRADITO CON FECHAS DE ACTIVIDADES PROGRAMADAS */
.date {
	float: left;
	width: 2em;
	padding: 5px;
	margin: 0px 4px 0px 0px;
	background: #586695;
	color: #FFFFFF;
	font-size: 80%;
	line-height: 0.9
}

.date span {
	display: block;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
}

/* ************************************************ */



/* DIV y CLASS para resaltar elementos de un texto al costado */
/* usado en los textos de el hombre, el militar, el legado */
#noticia{
         font-family: "Lucida Sans Unicode", sans-serif;
         font-size: 13px; color: #777;
         line-height:20px; text-align:justify;
}
.destacadoleft {
         font-family: Georgia, "Times New Roman", Times, serif;
         float:left;
         color:#993300;
         width:200px;
         padding:6px;
         margin-right:10px;
         position:relative;
         font-size:18px;
         font-weight:normal;
         text-align:left;
         font-style: italic;
         border-top:4px solid #CCC;
         border-bottom:4px solid #CCC;
}

.destacadoright {
         font-family: Georgia, "Times New Roman", Times, serif;
         float:right;
         color:#993300;
         width:200px;
         padding:6px;
         margin-right:10px;
         position:relative;
         font-size:18px;
         font-weight:normal;
         text-align:left;
         font-style: italic;
         border-top:4px solid #CCC;
         border-bottom:4px solid #CCC;
}