/*==================================================
	1. Sección de generales
==================================================*/
*{padding: 0; margin: 0;}

body {
 color: #555555; /*color de fuente*/
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px; /*Tamaño de fuente*/
 background-color: #8c8c8c; /*color de fondo*/
 background-image: url(/archivos/paginaprincipal/fondo.png);
 /*background-repeat: repeat-y; vertical (uno debajo de otro), para que no se repita: no-repeat*/
 /* background-position: top left; Se posiciona arriba a la izquierda (aquí no se nota porque la imagen es grande). Si se utilizan dos valores el primero se aplica a la posición horizontal y el segundo a la vertical*/
}





/*==================================================
	2. Elementos HTML
==================================================*/

img {
 background-color: white;
 padding: 7px;
 border: 1px solid #eee;
}

a { /*Orden: 1*/
 font-size: 110%;
 font-weight: bold;
 text-decoration: none; /*Quitar el subrayado a los hipervinculos*/
 outline: none; /*Quitar el contorno punteado generado por el a:active:background-color*/
}

a:link {color: #990000;} /*Orden:2, Color para los vinculos no visitados*/

a:visited {color: #990000;} /*Orden: 3, Color para los vinculos visitados*/

a:hover, a:focus { /*Orden: 4*/
 text-decoration: underline;
}

a:active { /*Orden: 5*/
 color: #000066;
}

#dscrollImage div, #dimagenAFloat {
 background-image: url(/archivos/paginaprincipal/sombraimagen.png);
 background-repeat: no-repeat;
 padding: 10px 0 0 10px;
}

address {
 text-align: center; /*centrar*/
 font-size: 80%; /*mas pequeño*/
 font-style: normal; /*fuente normal no cursiva*/
 letter-spacing: 2px; /*distancia entre letras*/
 line-height: 1.5em; /*distancia entre las lineas*/
 padding: 15px;
}

p {
 text-align: justify;
 text-indent: 3em;
 letter-spacing: 1px;
 margin: 0 140px 15px 0;
}

textarea {height: 7em;}

input, textarea, select {
 background-image: url(/archivos/paginaprincipal/sombrachica.png);
 background-repeat: no-repeat;
 padding: 1px 4px 1px 4px;
 border: 1px solid #8c8c8c;
}

ul {
 margin-left: 3em;
}

li {
 width: 540px;
 margin: 10px;
}






/*==================================================
	3. Clases
==================================================*/

.tituloArticulos {
 color: #aaa;
 font-size: 135%;
 font-weight: bold;
}

.tituloEncabezados, .tituloBuscar {
 color: #666;
 font-size: 150%;
 font-weight: bold;
 padding-top: 3px;
 padding-bottom: 3px;
 margin: 10px;
}

.tituloEncabezados {
 border-top: 1px dotted gray;
 border-bottom: 1px dotted gray;
}

.preLink {
 font-size: 71%;
}




/*==================================================
	4. Por ID
==================================================*/
/*Submits*/
#sa, #safb {
 color: #bbb; 
 background-repeat: no-repeat;
 width: 60px;
 height: 25px;
 border: 0;
 margin: 10px;
 cursor: pointer;
 outline: none; /*Quitar el contorno punteado generado por el a:active:background-color*/
}

#sa {
 background-image: url(/archivos/paginaprincipal/boton.png);
}

#safb {
 background-image: url(/archivos/paginaprincipal/botonfb.png);
}
/*Fin submits*/

#dimagenAFloat {
 float: right;
 padding-left:10px;
 padding-right: 140px;
}

#dformulario {
 background-color: #eee;
 width: 230px; /*anchura (del ára de contenido) del formulario*/
 padding: 10px;
 border: 1px solid #8c8c8c;
}