/**************************************************************************/
/** En esta hoja de estilos va todo lo referente a la forma, no el dónde **/
/**************************************************************************/

/*	Colores utilizados:
	Gris oscuro:	#464646
	Rojo titulos:	#A20000
	Rojo enlaces:  #AE0001
*/

/* *********************************************************** */
/*                      ASPECTOS GENERALES                     */
/* *********************************************************** */

p {
  margin: 0px;
  padding: 0px;
}

input, textarea {
  font-size: 14px;
  font-family: "Times New Roman", Times, serif;
  border-top: 1px solid #464646;
  border-left: 1px solid #464646;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
}

select {
  font-size: 14px;
  font-family: "Times New Roman", Times, serif;
}

form {
	margin: 0px;
	padding: 0px;
}

/* *********************************************************** */
/*                           CABECERA                          */
/* *********************************************************** */


/*   TITULO  */
/* --------- */

div.contenedorTitulo {
	width: 230px;
	height: 120px;
	margin: 20px 0px 0px 20px;
	background-image: url(/blog/imagenes/cabecera/logo.gif);
	background-repeat: no-repeat;
}

h1.tituloBlog, h1.tituloBlog a, h1.tituloBlog a:hover{
	font-weight: bold;
	font-size: 32px;
	color: #464646;
	padding-top: 80px;
	text-decoration: none;
}

/* SUBTITULO Y MENU SUPERIOR */
/* ------------------------- */

div.contenedorSubtitulo{
	width: 530px;
	float: left;
}

.subtitulo {
	color: #999999;
	text-decoration: none;
}

div.ContenedorMenu{
}

.menuSuperior{
	list-style-type: none;
   float: right;
	padding: 10px 0px 0px 0px;
}

.menuSuperior li {
	padding-right: 10px;	
	padding-left: 10px;
	border-left: 2px solid #464646;
	float: left;
}

.menuSuperior li a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #464646;
	display: block;
   text-align: center;
	text-decoration: none;
}

.menuSuperior li a:hover {
	color: #A20000;
}

/* *********************************************************** */
/*                              PIE                            */
/* *********************************************************** */

a.enlacesPie{
	font-size: 12px;
	color: #464646;
	text-decoration : none;
}

a.enlacesPie:hover{
	color: #A20000;
}


/* *********************************************************** */
/*                         CONTENIDO                           */
/* *********************************************************** */


/* ************************************* */
/*      DERECHA - zona de enlaces        */
/* ************************************* */

/*     SECCION DEL BUSCADOR      */
/* ----------------------------- */

div.seccionBuscador {
	margin-top: 8px;
	padding-bottom: 20px;
/*	border-bottom: 1px dotted silver;  */
}

div.seccionSuscripcion, div.seccionRSS, div.seccionArchivos, div.seccionCategorias, div.seccionPostsRecientes, div.seccionEnlaces {
	margin-top: 20px;  
	padding-bottom: 20px;
	border-bottom: 1px dotted silver;
}

div.seccionBuscador h3, div.seccionSuscripcion h3, div.seccionRSS h3, div.seccionArchivos h3, div.seccionCategorias h3, div.seccionPostsRecientes h3, div.seccionEnlaces h3 {
	font-size: 20px;
	font-weight: normal;
	color: #A20000;
	margin: 10px 0px 4px 20px;
}

.inputBuscador {
	margin-left: 16px;
}

.botonBuscador, .botonSuscripcion, .botonComentario, .botonContacto {
	border: 0px;
	color: #ffFFFF;
	background-color: #A20000;
	font-size: 13px;
	text-decoration: none;
	padding: 4px;
}


/*   SECCION DE SUSCRIPCION      */
/* ----------------------------- */

.letraSuscripcion, .letraRSS {
	padding-left: 16px;
	vertical-align: text-top;
	color: #464646;
}

.letraRSS a {
	color: #464646;
	text-decoration: none;
}

.letraRSS a:hover {
	color: #AE0001;
}

.inputSuscripcion {
	margin-top: 5px;
	margin-left: 16px;
	margin-bottom: 10px;
}

.comboSuscripcion {
	margin-left: 5px;
	margin-right: 5px;
}


/*      SECCION DE ARCHIVOS      */
/* ----------------------------- */

div.seccionArchivos ul, div.seccionCategorias ul, div.seccionPostsRecientes ul, div.seccionEnlaces ul{
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	padding: 0px;
}

div.seccionArchivos li.enlace, div.seccionCategorias li.enlace, div.seccionPostsRecientes li.enlace, div.seccionEnlaces li.enlace { 
	padding-left: 20px;
	padding-bottom: 4px;
	padding-top: 4px;
}

div.seccionArchivos li.enlace a, div.seccionCategorias li.enlace a, div.seccionPostsRecientes li.enlace a, div.seccionEnlaces li.enlace a {
	text-decoration: none;
	color: #464646;
	
}

div.seccionArchivos li.enlace a:hover, div.seccionCategorias li.enlace a:hover, div.seccionPostsRecientes li.enlace a:hover, div.seccionEnlaces li.enlace a:hover {
  color: #AE0001;
}



/*          NUBE DE TAGS         */
/* ----------------------------- */

div.nube{
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 10px;
	padding: 16px;
	text-align: center;
	border-bottom: 1px solid #fffcf3;
}

/* Tipos de letra */
div.nube a{
	color: #464646;
	text-decoration: none;
}

A.nube1{
	font-size: 26px;
}

A.nube2{
	font-size: 22px;
}

A.nube3{
	font-size: 17px;
}

A.nube4{
	font-size: 15px;
}

A.nube5{
	font-size: 12px;
}

A.nube6{
	font-size: 10px;
}

A.nube1:hover, A.nube2:hover, A.nube3:hover, A.nube4:hover, A.nube5:hover, A.nube6:hover {
	color: #AE0001;
}


/* ************************************* */
/*      CENTRO - zona principal          */
/* ************************************* */


/*  POST y partes del post  */
/* ------------------------ */

div.post {
	margin: 0px 20px 0px 20px;
	position: relative;
	z-index: 1;      
	width: 550px;  
}

div.fecha, p.fecha{
	font-family: Georgia;
	color: #A20000; 
	font-size: 18px;
	width: 500px;
	margin: 9px 0px -10px 0px;
}

h2.tituloPost {
	padding: 4px;
	background-image: url(/blog/imagenes/barraGris.jpg);
	background-repeat: repeat-y;
	background-color: #000000;
}

.letraTituloPerfil {
	color: #A20000;
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
}


h2.tituloPost a {
	color: #FFFFFF;
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
}

h2.tituloPost a:hover {
	text-decoration: underline;
}

div.autorPost {
	font-size: 12px;
	color: #999999;
	width: 500px;
	margin: -10px 0px 0px 0px;
}

.autorPost a {
	text-decoration: none;
	color: #999999;
}

.autorPost a:hover{
	color: #A20000;
}

div.textoPost{
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	margin: 0px;
	position: relative;
	z-index: 1;
	clear: both;
}

div.textoPost a{
	color: #AE0001;
	text-decoration: none;
}

div.textoPost a:hover{
	text-decoration: underline;
}

p img {
	border: 10px solid #434343;
}

div.piePost{
	border-top: 1px dotted #999999;
   width: 550px;
	margin-top: 10px;
	padding-top: 10px;
	font-size: 14px;
	color: #000000;
}

div.piePost ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div.piePost a.enlaceTag, div.piePost a.enlaceCategoria, div.piePost a.enlaceComentario, .enlacePermalink a {
	font-size: 14px;
	color: #AE0001;
	text-decoration: none;
}

div.piePost a.enlaceTag:hover, div.piePost a.enlaceCategoria:hover,div.piePost a.enlaceComentario:hover, .enlacePermalink a:hover {
	color: #999999;
}

/*     PARA MOSTRAR REDES SOCIALES         */
/* --------------------------------------- */

div.redesSociales {
	margin-top: 10px;
	margin-bottom: 10px;
	vertical-align: middle;
}

.letraRedesSociales {
	font-size: 10px;
	color: black;
	margin-bottom: 2px;
}

/*  PARA EL FORMULARIO DEL COMENTARIO  */
/* ----------------------------------- */

div.comentario{
	padding: 10px;
	display: none;
	background-color: #F5F5F5;
}

.letraTablaComentario {
  font-size: 14px;
  color: #464646;
}

.tituloComentario{
	font-size: 16px; 	
	font-weight: bold;
	color: #000000;
	padding-bottom: 10px;
}

.textoIntroductorioComentario{
	padding-bottom: 15px;
}

div.captchaImagen {
	margin:0.15em 0em 0em 0em;
	float:left;
	width:8.375em;
	height:2.5em;
}

div.captchaImagen  img {
	margin: 0em;
	padding: 0em;
}

div.captchaImagen p {
	margin: 0em;
	padding: 0em;
}

div.captchaReload {
	float:left;	
	width: 15em;
	margin: 0.2em 0em 0em 1em;
	padding: 0em;
	height: 19px;
   line-height: 19px;
}

div.captchaReload p {
	margin: 0em;
	padding: 0em;	
}

div.captchaAudio {
	float:left;
	width:15em;
	margin: 0.2em 0em 0em 1em;
	padding: 0em;
	height: 19px;
   line-height: 19px;
}

div.captchaReload img, div.captchaAudio img {
	margin-right: 10px;
	float: left;
	border: 1px solid #E2E2E2;
}

div.captchaReload a, div.captchaAudio a {
	color: #464646;
	font-size: 12px;
	text-decoration: none;
}

div.captchaReload a:hover, div.captchaAudio a:hover {
	color: #AE0001;
}


/*  PARA MOSTRAR LOS COMENTARIOS DEL POST  */
/* --------------------------------------- */

div.comentariosPost {
	margin: 0px 0px 0px 20px;
}

div.letraTituloComentarios {
	color: #A20000;
	font-size: 20px;
   margin: 5px 0px 10px 0px;
}

div.comentarioPost {
	margin-bottom: 35px;
}

div.letraAutorComentario {
	font-size: 12px;
}

.letraAutorComentario a {
	color: #A20000;
	text-decoration: none;
}

.letraAutorComentario a:hover {
	color: #999999;
}


div.fechaComentario {
	border-bottom: 1px solid #999999;
	font-size: 12px;
}

div.letraComentario {
	font-size: 14px;
	margin-top: 10px;
}



/*  PARA MOSTRAR LOS MENSAJES DEL SISTEMA  */
/* --------------------------------------- */

div.mensajes {
	padding: 20px;
}

.letraMensajes {
	font-size: 24px;
	color: #A20000;
}


div.enlaceVolver {
	margin-top: 20px;
}

a.letraVolver {
	color: #AE0001;
	font-size: 12px;
	text-decoration: none;
}

a.letraVolver:hover {
	color: #999999;
}


/*  PARA MOSTRAR LA INFORMACION DEL BLOG   */
/* --------------------------------------- */

div.info{
	padding: 20px;
	width: 550px;
}

.letraInfoTitulo{
	color: #A20000;
	font-size: 24px;
	margin-bottom: 8px;
}

.letraInfo {
	font-size: 14px;
}


/*  PARA MOSTRAR LA INFORMACION DE CONTACTO */
/* ---------------------------------------- */

div.contacto {
	margin-top: 20px;
	padding: 10px;
}

.letraContacto {
	font-size: 12px;
}


div.error {
	padding-top: 10px;
}

.letraError {
	font-size: 14px;
	color: #AE0001;
	padding: 20px;
}



/*         PARA MOSTRAR PERFILES           */
/* --------------------------------------- */

div.contenedorPerfil {
	margin: 0px 0px 0px 20px;
}

div.fotoPerfil {
	float: left;
	height: 105px;
	width: 105px;
	margin: 10px;
	position: relative;
}

div.infoPerfil {
}

div.tituloPerfil {
/*	margin: 0px 0px 0px 20px; */
}

.letraResPerfil {
	color: #AE0001;
}

.letraPerfil {
/*	padding-left: 20px; */
}

a.enlacePerfil{
	font-size: 14px;
	text-decoration: none;
	color: #999999;
}

a.enlacePerfil:hover{
	color: #AE0001;
}

div.postsDelPerfil {
	padding: 20px;
	margin-top: 10px;
}



/*   PARA MOSTRAR POSTS DE UNA BUSQUEDA    */
/* --------------------------------------- */

div.errorBusqueda {
	padding: 20px;
}

div.postsDeLaBusqueda {
	padding: 20px;
}

div.tituloDeLaBusqueda {
}

.letraTituloDeLaBusqueda {
	font-size: 24px;
	color: #A20000;
	margin-bottom: 8px;
}

div.fechaTituloPostDeLaBusqueda, div.fechaTituloPostPerfil {
	border-bottom: 1px solid #DCDCDC;
	text-align: left;
	font-size: 12px;
	padding: 5px;
}

.fechaDeLaBusqueda, .fechaPerfil {
	font-size: 12px;
}

a.enlaceDeLaBusqueda{
	font-size: 14px;
	text-decoration: none;
	color: #999999;
}

a.enlaceDeLaBusqueda:hover{
	color: #AE0001;
}


/*     PARA NAVEGAR POR LAS PAGINAS        */
/* --------------------------------------- */

div.navega {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
 
div.interior {
   margin-top: 10px;
	margin-bottom: 10px;
}



/*         PARA MOSTRAR BOLETIN            */
/* --------------------------------------- */

div.tituloDelBoletin {
	padding: 10px;
	text-align: center;
}

.letraTituloDelBoletin {
	font-size: 20px;
	color: #A20000; 
}


/* *********************************************************** */
/*                       OTRAS COSAS                           */
/* *********************************************************** */


/* Para poder controlar la alineacion de las fotos e imagenes 
   los posts, ademas del pie de foto y de un posible borde     */
/* ----------------------------------------------------------- */

.arc90_imgcaptionTXT {
	font-size: 10px;
	color: #999999;
	text-align: left;
}

p.arc90_imgcaptionALT {
	margin-top: 2px;
	margin-bottom: 6px;
	font-size: 10px;
	text-align: right
}

span.arc90_imgcaptionALT {
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
	background: #999999;
	color: #ffffff;
}

.arc90_imgcaption {
	text-align: center;
	border: 1px solid #999999;
	padding: 0.5em;
   margin-top: 0px;
   margin-bottom: 0px;
	width: 8em;
   position: relative;
   z-index: 2;
}

.floatl { 
	float: left;
	margin-right: 1em;
}

.floatr { 
    float: right; 
    padding-left: 1em;
}

/*para las imagenes sin pie*/
.imagenIzq, .imagenIzqNoB { 
   float: left; 
   margin-right: 1em;
   margin-top: 0px;
   margin-bottom: 0px;
   position: relative;
   z-index: 2;
 }

 
/* imagen alineada a la derecha */ 
/* mezcla de arc90_imgcaption + floatr */
.imagenDcha, .imagenDchaNoB { 
   float: right; 
   padding-left: 1em;
   margin-top: 0px;
   margin-bottom: 0px;
   position: relative;
   z-index: 2;
 }

 
 .imagenIzq, .imagenDcha { 
	border: 1px solid #DDD;
 }

.imagenIzqNoB, .imagenDchaNoB { 
	border: none;
 }

 
/*       Para que el body del fck tenga color blanco      */
/* ------------------------------------------------------ */
#bodyFCK {
	background-color: #FFFFFF;
}




/* Para que funcinen las imagenes flotantes en los posts  */
/* ------------------------------------------------------ */

/**************NUEVO******************/ 
.clear {
	clear: both;
	margin-top: -12px;
}

.pTexto {
	padding: 0px;
	margin: 0px;
}
/**************NUEVO******************/