/*
Theme Name: 3 Cool Blue WP Edition
Description: Composición a 3 Columnas en tonos de azul<br /> 
Código y Diseño <a href="http://www.excesomedia.com/">www.excesomedia.com</a>
Version: 1.0Author: Raúl GarcíaAuthor URI: http://www.presuntoculpable.com
*/
/*Para el guardián del faro. Eliminados los marcos de las imagenes, ajustado tamaño de comillas y separacion del blockquote, asi como el texto del cite 
última modificación 10-04-2008*/
	
*{margin: auto;	padding: 0;}
h1{font-size: 165%}
h2{font-size: 150%}
h3{font-size: 140%}
h4{font-size: 125%}

/* ANCHOS MAESTROS */
#container, #footer, #headbar, #header{  /*Ancho del login, cabecera, contenido y pie*/ 
width: 950px;
}  
#content{	width: 510px; /*Ancho de la anotación + Formulario */
}
#contentpage{	width: 920px; /*Ancho para las paginas especiales sin sidebar */
padding-top: 20px;
padding-left: 15px;	
padding-right: 15px;
}
#sidebar{	width: 200px;/*Ancho de la columna izquierda */
}
#sidebar2{	width: 200px;/*Ancho de la columna derecha */
}
/* ----------------------------- */

#content{	
	position: relative; 
	top: -15px;
	float: left; 
	margin:  auto 10px; 
	display: inline;
}
body{	background: #003399 url('imagenes/bg.jpg') repeat-x;	font-size: 12px	}
#headbar{	/*Barra superior*/
	margin: 10px auto;	
	height:20px; 
	background:url('imagenes/headbarbg.jpg') repeat-x; 
	border-top:1px solid #b6d3ff; 
	border-left:1px solid #b6d3ff; 
	border-bottom:1px solid #8fb2e8; 
	border-right:1px solid #8fb2e8; 		
}
.headbartitle{	
	padding-top: 2px;	
	padding-left: 5px;	
	padding-right: 5px;	
	font-weight:bold;	
	font-size: 12px;	
	color: #666666
}
.headbartitle a, .headbartitle a:link, .headbartitle a:visited{ color: #666666;	text-decoration:none;}
.headbartitle a:hover{	color: #004080;}
#login, #validaciones{	float: right;}
#login ul li, #validaciones ul li { display: inline;	list-style-type: none;	margin-left: 10px;		}		
#login ul, #validaciones ul {	margin: 0;	padding: 0;	}

#header{	/*Cabecera con el banner*/
	margin: auto;	
	height: 209px;	/* altura de la imagen de cabecera */
	background: url('imagenes/header.jpg');	
	border-top: 1px solid #b6d3ff;	
	border-left: 1px solid #b6d3ff;	
	border-bottom: 1px solid #8fb2e8;	
	border-right: 1px solid #8fb2e8;	
}

input, textarea, select {	
	border: 1px solid #000;	
	background: #fff;	
	color: #000;	
	font: 8pt/1.2 Tahoma, Arial, sans-serif;
}

form, img {	margin: 0;	padding: 0;	border: 0px none;}
#container { 	
	margin: 10px auto;	
	border-top:1px solid #e2e2e2;	
	border-left: 1px solid #e2e2e2;	
	border-bottom: 4px solid #8fb2e8;	
	border-right: 1px solid #8fb2e8;
	margin-top: 10px;
	margin-bottom: 10px;	
	text-align:justify; 
	background:#ffffff url('imagenes/containerbg.jpg') repeat-x bottom left; 	
}
#topcontentdouble { 
	float: left; 
	width: 498px; 
	height: 27px; /*separación entre el post y el borde superior del fondo blanco de pagina*/
	margin: 0 9px; 
	display: inline;
}
#topcontent { 
	width: 950px; 
	background: #fff; 
	margin: 9px auto 0 auto; 
	height: 27px;
}
#bottomcontentdouble { 
	display: inline; 
	float: left; 
	width: 500px; 
	margin: 9px 9px 0 9px; 
	height: 27px;
}

#wrap{	background: #993300;	margin: 5px;	}
#singlecontent { width: 730px; padding:0; margin: 0 auto;}
.post { 
	padding: 5px; 
	background: #d0e0e2 url('imagenes/storytop.jpg') repeat-x left top; 
	margin-left:5px; 
	margin-right:6px; 
	margin-top:0; 
	margin-bottom:10px;
}
.post p a, .post p a:link, .post p a:active, .post p a:visited { 
	color: #004080; text-decoration: none; font-weight: bolder;}
.post p a:hover{ color: #0066cc; text-decoration: underline;}
.post a, .post a:link, .post a:active, .post a:visited { color: #004080; text-decoration: none;}
.post a:hover{ color: #0066cc; text-decoration: underline;}
.post ul {	list-style-type:square;}
.float-right{   /* esto va para las paginas   */
	float:right;
	margin-left: -200px;
	margin-right: auto;
}
.storycontent p img {	/* define las imágenes en los post*/
	float: left;	
	margin: 0;	
	padding: 6px;	
	margin-top:5px;	
	margin-bottom: 5px;	
	margin-right: 6px;	
	bottom: 10px;
	/*eliminamos aqui la línea que decía : border: 2px solid #004080;  que es lo que le da el marco a las imagenes*/	
	background: #FFFFFF;
}

.storycontent p{	padding-bottom: 10px;}
.storycontent a, a:link, a:active, a:visited{color: #0066cc; text-decoration:none; font-weight: bolder;}
.storycontent a:hover{color: #0066cc; text-decoration:underline;}
.temas p{color: #cc0000; text-decoration:none;}
.meta { 		/* Correspnde a la caja del pie de cada post, conteniendo la fecha, categorías, autor, etc. */
	font-size: .9em; 
	line-height: 18px;
}
.feedback { text-align: right; font-size: 1.0em;}
.author { width: 200px; float: right; text-align: right;}

/* Navegación Paginada */
.postnavigation { height: 45px;}
.left a{color: #004080}
.left a:hover{color: #0066cc}
.leftdouble a{color: #004080}
.leftdouble a:hover{color: #0066cc}

.right a{color: #004080}
.right a:hover{color: #0066cc}
.rightdouble a{color: #004080}
.rightdouble a:hover{color: #0066cc}

.left { float: left; padding-left: 105px;}
.right { float: right; padding-right: 105px; }
.leftdouble { float: left; padding-left: 10px;}
.rightdouble { float: right; padding-right: 10px; }

/* Columnas Laterales */
.section-left, .section-right{	/*común para las dos columnas*/
	margin: auto;	
	display: table-cell;	
	text-align:justify;	
	font-size: 12px;	
	background: #8ab8e6 url('imagenes/sectionbg.jpg') repeat-x top left;	
	padding: 5px;	
	color: #ffffff;	
	border-top: 1px solid #c8e4ff;	
	border-left: 1px solid #c8e4ff;	
	border-bottom:1px solid #000000;	
	border-right:1px solid #000000;
}
.section-left{float: left;}   /*Columna izquierda*/
.section-title{	
	height: 20px;	
	padding-left: 12px;	
	padding-top: 2px;	
	color: #f0bc2a;	
	font-weight:bold;	
	font-size: 14px;	
	background:url('imagenes/sectiontitlebg.jpg') no-repeat 2px 8px;	
}
#sidebar{  /*Columna izquierda*/
	position: relative; 
	float: left; 
	margin: 10px 0 0 10px; /* top, right, botton, left */
	display: inline;
}
#sidebar2 { /*Columna derecha*/
	position: relative; 
	float: right; 
	margin: 10px 10px 0 0; 
	display: inline; 
	float: right;
}
#sidebar ul, #sidebar2 ul { margin:0; background: #8ab9e7 url('imagenes/sectionbg.jpg') repeat-x top left;}
#sidebar ul li, #sidebar2 ul li { list-style-type: none; list-style-image: url('none');}
#sidebar ul, #sidebar2 ul{ 	
	padding:5px;	
	border-top: 1px solid #c8e4ff;	
	border-left: 1px solid #c8e4ff;	
	border-bottom:1px solid #000000;	
	border-right:1px solid #000000;
}
#sidebar ul, #sidebar ul li, #sidebar2 ul, #sidebar2 ul li { margin: 0;}
#sidebar2 ul, #sidebar2 ul li { margin: 0;}
#sidebar ul li ul, #sidebar2 ul li ul { margin: 0 5px 0 0; padding: 2px 3px 5px 3px;}
#sidebar ul li ul li, #sidebar2 ul li ul li { 
	margin: 0; 
	display: block; 
	padding-left:10px; 
	padding-right:0; 
	padding-top:0; 
	padding-bottom:0;
}
#sidebar ul li ul li a { display: block; height:1%; /* IE WIN */}
#sidebar ul li ul li a:hover { text-decoration: none;}
#sidebar ul li ul li ul { margin: 0; padding: 0;}
.sidebartitle{	
	height: 20px;	
	padding-left: 12px;	
	padding-top: 2px;	
	color: #f0bc2a;	
	font-size: 14px;	
	background:url('imagenes/sectiontitlebg.jpg') no-repeat 2px 8px;		
}
.transparencia{	
	width: 95%;	
	background: url('imagenes/transp.png');		
	margin-bottom: 2px; 
	margin-left:auto; 
	margin-right:auto; 
	margin-top:auto;	
}
.transparencia-form{	
	width: 95%;	
	background: url('imagenes/transp.png');		
	margin-bottom: 2px;
	padding: 10px; 
	margin-left:auto; 
	margin-right:auto; 
	margin-top:auto;
}
.sidebartext{	color: #ffffff;	padding: 4px;}
.menu a, .menu a:link, .menu a:visited {	
	font-size: 12px;	
	width: auto;    
	text-decoration: none;    
	white-space: normal;    
	position: relative;	
	margin: 0px 0px -1px 0px;	
	padding: 2px 5px 2px 5px;	
	display: block;	
	padding-left:10px;	
	border-bottom: 2px solid #416a9a;	
	border-top: 1px solid #70aef6;	
	color: #133b64;	
	background: #5b97dd;	
	text-align: justify;    /*originalmente middle*/
}
.menu a:hover {	
	min-height:10px;	
	color: white;		
	background: #7aaae4;	
	border-top: 1px solid #f0bc2a;
}
.menu2 a, .menu2 a:link, .menu2 a:visited {	
	font-size: 13px;	
	width: auto;    
	text-decoration: none;    
	white-space: normal;    
	position: relative;	
	margin: 0px 0px -1px 0px;	
	padding: 2px 2px 2px 2px;	
	display: block;	
	padding-left:10px;	
	border-left: 5px solid #70aef6;	
	margin-bottom: 2px;	
	background: #004080;	
	color: #FFFFFF;	
	text-align: justify;   /*originalmente middle*/
}
.menu2 a:hover {	
	min-height:10px;	
	color: #f0bc2a;		
	border-left: 5px solid #f0bc2a;	
	background: #5b97dd;
}

/* The following is the fix for 3-pixel-jog bug in IE */
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #content { /*margin-right: 7px;*/} 
* html #sidebar, * html #sidebar2 { height: 1%;}
/* End hide from IE5/mac */

/* Comentarios */
#response { margin: 0px 110px;}
#commentlist {	
	width: auto;	
	padding: 10px;	
	text-align:left; 
	color: white; 
	list-style-type: none;  
	text-align: justify; 
	font-size:13px;
} 
#commentlist li  p{ padding: 0px; margin: 8px 0px 0px 0px;}
.commentname { width: 220px; float: left; font-size: 0.9em; margin: 0; padding: 0  0 2px 0;}
.commentinfo{ width: 250px; float: right; text-align: right;}
.commenttext { 
	clear: both; 
	padding-top: 0px; 
	margin-top: 0px; 
	margin-bottom: 70px; 
	border-top: 1px solid #e4ebef; 
	text-align:left;  
	line-height:16px;
}
.comentario1, .comentario2, .comentarioautor{	padding: 10px; 	margin-bottom: 5px;}
.comentario1{	
	background: #000000 url('imagenes/comentario1.jpg') repeat-x top left; 	
	border: 2px solid black;}
.comentario2 { /*comentario alterno */		
	background: #000000 url('imagenes/comentario2.jpg') repeat-x top left; 		
	border: 2px solid black;}
.comentarioautor{    	
	background: #000000 url('imagenes/comentarioautor.jpg') repeat-x top left;    	
	border: 2px solid black;
}

blockquote {	
	padding-left: 30px;	/* margen interno, originalmente en 60 */
	padding-top: 10px;	
	padding-right: 10px;	
	border: 1px solid #004080;	
	position: relative;	
	left:0px;	/*original -20*/
	font-family: "Microsoft Sans Serif", Tahoma,Arial ;	
	font-size:100%;    
	border: 1px solid #ccc;    
	background: #fff url('imagenes/blockquote.jpg') no-repeat left top;
}
cite{	font-size: 90%; font-weight:bold; font-style:italic;}
.comment-text{	background: #b7cfdf; 	border: 2px solid black; 	padding: 10px; 	color: black}
.comment-text a, .comment-text a:link, .comment-text a:visited, .comment-text a:active{	
	color: #0066cc; 	
	text-decoration: none;
}
.comment-text a:hover{	
	color: #004080; 	
	text-decoration:underline;
}

/* Créditos */
#footer{	
	height:536px; /*300*/
	margin: auto;	
	border-top: 1px solid #e2e2e2;	
	/* border-left: 1px solid #e2e2e2;	*/
	border-bottom: 1px solid #8fb2e8;	
	/* border-right: 1px solid #8fb2e8;*/	
	margin-top: 2px;	/* 10px */
	margin-bottom: 10px;	
	background: #b0c4e1 url(imagenes/delfines-footer3.jpg) no-repeat;       /*  es el color azul claro original, se sugiere cambiar a: #003399  */
}

/* este footertitle va como prueba , modificando el footer original */
.footertitle{	
	padding-top: 2px;	
	padding-left: 5px;	
	padding-right: 5px;	
	font-weight:bold;	
	font-size: 13px;	
	color: #000000
}
.footertitle a, .footertitle a:link, .footertitle a:visited{	color: #cc9933;	text-decoration:none;}  /*#0000cc*/
.footertitle a:hover{	color: #cc3300; text-decoration:none;}

.footertext{	
	padding-top: 2px;	
	padding-left: 5px;	
	padding-right: 5px;	
	font-weight:bold;	
	font-size: 12px;	
	color: #ffffff
}
.footertext a, .footertext a:link, .footertext a:visited{	color: #ffcc33;	text-decoration:none;}/*#0000cc*/
.footertext a:hover{	color: #cc3300; text-decoration:none;}  
.floatimgright{   /* esto va como prueba  */
	float:right;
	margin-top: 5px;
	margin-right: 5px;
}
/* -------------------------------------
            Tipografía 
----------------------------------------*/
*{
	font-size: 100%; 
	font-family: "Trebuchet MS", Tahoma, Arial, san-serif;
}
.post { color: #000; text-align: left;}
.title a, .title a:link, .title a:visited, .title a:active { 
	clear:both; 
	text-align: left; 
	height: 20px; 
	color: #FFFFFF; 
	display: block; 
	text-decoration: none; 
	font-size: 1.6em; 
	padding: 8px 0 6px 0;
}
.title a:hover { color: #000000;}
.storycontent { padding: 10px; background: #F4F4F4;  }
.storycontent:hover{	background: #FFFFFF;	cursor: default;}

/* define las tipografía para los post*/
.storycontent p:first-letter{font-size: 140%;}
.storycontent p{text-align:justify; font-size: 14px;}
.storymeta{ 
	background: #ffed99 url('imagenes/storymeta.jpg') repeat-x bottom left; 
	padding: 10px; 
	border-top: 2px solid #ffd200; 
	margin-top: 10px; 
	margin-left:-10px; 
	margin-right:-10px; 
	margin-bottom:-10px;
}
.singlepages p { text-align: left; margin: 0px 105px 80px 105px; line-height: 20px;}
.storycontent a, .storycontent a:link, .storycontent a:active, .storycontent a:visited { 
	color: #000000; text-decoration: underline;
}
.storycontent a:hover { color: #0066cc;}

.literatura  {	/* AÑADIDO PARA NARRATIVAS */
font: 1.8em Arial, Tahoma, “Trebushed MS”, sans-serif;  
color: #000066;
margin: 0 0 1.2em;	
padding: 0;	
line-height: 1.6em;
} 
.extracto  {	  /*para las citas largas y extractos de textos */
	margin-top:10px; 
	margin-bottom:10px;
	padding-left: 5px;	
	padding-top: 10px;	
	padding-right: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #0000cc;	
	border-bottom: 1px solid #0000cc;
	position: relative;	
	left:0px;	
	font-family: Verdana, Arial, Tahoma, "Trebuchet MS";
	font-size: 110%;
	text-align:justify; 
	background: #d0e0e2 url('imagenes/storytop.jpg') repeat-x left top;
}


p {	font-size: 1em;	margin: 0 0 1.2em;	padding: 0;	line-height: 1.5em;}

ol, ul {	font-size: 100%;	line-height: 1.5em;	margin: 1.2em 0 1.2em 3em;	padding: 0;}
a {	text-decoration: none;   background: none;}
a:link {	color: #ffffff;}
a:visited {	color: #ffffff;}
a:hover, a:active {	color: #000000;}

.commentauthor { 
	font-weight: bold; 
	font-size: 1.2em; 
	padding: 0 0 2px 0; 
	margin: 0; 
	color: #000000;
}
.commentauthor a { 
	font-weight: bold; 
	margin: 0; 
	padding-left:0; 
	padding-right:20px; 
	padding-top:0; 
	padding-bottom:0;
}
.commentdate { 
	font-size: 0.8em; 
	text-align: right; 
	line-height: 18px; 
	padding: 0; 
	margin: 0;
}
#nocomment, #commentsclosed { text-align: center; color: #777; font-size: 1.1em;}

.post-historico h1 { /* Para el título del archivo histórico */
	/*font-size: 2em;  */
	padding-top: 1em;
	padding-bottom: 1em;
	text-align: center;
}  

.post-historico h2 { /* Para los años del archivo histórico */
	/*font-size: 1.5em;  */
	padding-top: 1em;
	padding-bottom: 1em;
	text-align: center;
	border: 1px solid #000;
	background-color: #b0c7e4;
}  
.storycontent-historico{border-bottom: 1px solid #b5b38f;}

/* FIN  tipografia ----------------------- */

/* Acronynm */
acronym, abbr {cursor:help}

/* Búsqueda/Archivos/Categorías   Página de Resultados*/
.category{ 
	padding: 5px; 
	background: #FFFFFF url('imagenes/archivo.jpg') no-repeat  top right; 
	border: 1px solid #004080; 
	margin-left:5px; 
	margin-right:6px; 
	margin-top:0; 
	margin-bottom:15px;
} 
.resultcontainer{	
	border: 1px solid #004080; 	
	padding: 5px; 
	margin: 10px; 	
	background: #FFFFFF url('imagenes/archivos.jpg') no-repeat top right; 
}
.searchresult, .searchresult h2 { padding: 0; margin: 0;}
.searchresult a, .searchresult a:link, .searchresult a:visited, .searchresult a:link{ color: #004080; }
.searchresult a:hover{color: #0066cc;}
.searchinfo{ font-size: .9em; line-height: 18px; padding: 0 0 2px 0; color: #000000; margin: 0 ;}
.searchinfo a, .searchinfo a:link, .searchinfo a:visited, .searchinfo a:active{color: #004080;}
.searchinfo a:hover{color: #0066cc;}
.searchdetails { font-size: .9em; line-height: 18px; padding: 0 0 2px 0; color: #000; margin: 0 ;}

/* ¡¡¡¡ No modificar este trocito de código !!!! */
.clearfix:after { content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden;}
.clearfix { display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */

.notice {   color: #59a212; font-size: 1.2em; font-weight: bold;}
.notice2 {  color: #577305; font-weight: bold;}
#formulario{	
	width: auto;	
	padding: 10px;	
	margin: 5px;	
	text-align:left;	
	color: #FFFFFF;	
	background: #8ab8e6 url('imagenes/sectionbg.jpg') repeat-x top left;
}
#datos{width: 300px; font-size:120%;}
input, textarea{ width: 95%; font-family: Tahoma; font-size: 14px;}
input[type="text"], textarea, input[type="password"]{	
	margin: 0;	
	padding: 2px;	
	font-size:14px;	
	background: #e2e2e2;	
	border: 1px solid #9E9E9E;	
	color: #888888;
}
input[type="submit"], input[type="reset"]{	
	border: 1px solid #004080;	
	background: #0066cc;	
	color: #FFFFFF;	
	width: 100px;	
	font-size: 14px;	
	margin-top: 5px;	
	margin-top: 5px;
}
input[type="text"], textarea, input[type="password"] { top: 3px;}
input[type="text"]:hover, textarea:hover, input[type="password"]:hover { 	
	background: white;	
	border-color: #0066cc;	
	color: #004080;
}
input[type="text"]:focus, textarea:focus, input[type="password"]:focus{	
	background: white;	
	border: 1px solid #0066cc;	
	color: #004080;
}

/*Smilies en Anotaciones*/
.storycontent .wp-smiley{
	float: none;
	border: none; 
	padding: 0; 
	background:none; 
	vertical-align: middle;
}

/* alineaciones de texto */

.textcenter {text-align:center;}
.textleft {text-align:left;}  /* !important */
.textright {text-align:right;}

.clear {clear:both;}

.aligncenter, div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

/* alineaciones de imagenes */

img.leftnone   /* cuando se quiera alinear a la izquierda pero SIN texto por los lados*/
{
	display: block;
	margin-left: 0px;
	margin-right: auto;
}
img.rightnone   /* cuando se quiera alinear a la derecha pero SIN texto por los lados*/
{
	display: block;
	margin-left: 0px;
	margin-left: auto;
}
/* nuevo para WordPress 2.6 */
img.left, img.alignleft, img.floatimgleft, img.floatleft, img.img-izquierda, 
img.alignnone,  img.none /* alignone es lo que inserta WP para alinear a la izquierda cuando no se define */
{
	float:left;
	margin:0 5.em 5.em 0;  /*0  0.5em  0.5em  0;*/
	padding: 5px 5px 0 0;
}
img.alignright, img.right, img.floatimgright, img.img-derecha 
{
	float:right;
	margin:0 0 0.5em 0.5em; 
}
img.aligncenter, img.center, img.centro, img.img-centrada,
div.aligncenter
{
	display: block;   /* para que NO haya texto por los lados  */
	margin-left: auto;
	margin-right: auto;
	clear: both;  /*añadido, para que no haya texto por los lados */
}

/* para susituir al < p style="clear:left;"> usado en html para saltar linea de parrafo */
p.salta-linea  { 
   clear: both; 
}
.salta-linea  { 
   clear: both; 
}

.nlecturas{ 
	display: block; 
	background: white;	
	border: 1px solid #0066cc;	
	color: #004080;
	padding: 5px 5px 5px 10px;
}

.gogle{ display: inline; padding: 0; text-align: center;}

/* Se agrega el siguiente aviso para aparecer como un header en IE */
#notie{
    width:954px;
    height: 28px;
    background:#FFCC33 url(imagenes/firefox.jpg) no-repeat top right;
    background-position: 850px;
    text-align: center;
    margin: auto;
    padding: 0;
    font-family: 'Lucida Sans Unicode', Arial, 'Trebuchet MS', Tahoma;
    font-size: 13px;
        }
/* Fin del aviso para IE */

/* ------------- GALERIA3 para presentar dos (2) imagenes por línea, en los posts o páginas normales  --------------- */
.galeria {
	margin:2px;
	width:216px; /* establece al ancho para las imagenes, primando sobre sus propias dimensiones */
	float:left;
	display: inline;
}

.galeria img {
	display: inline;
	border: 1px solid #ffffff;
}
.galeria a:hover img {
	border: 1px solid #ff0000;
}

.galeria-caption {
    text-align:center;
	font-size:80%;
	line-height:14px;
	margin-left:0pt;
	padding-bottom:10px;
	width:216px;  
}

.imagen-conborde img{    
	border: 4px double #fff; /* borde blanco para hacerlo invisible sobre el fondo blanco */
	padding: 1px; 
}	

.imagen-conborde a:hover img{     
	border: 4px ridge #00f; /* oof*/
	/*margin-right: 33px;*/
}	

/* FIN GALERIA 3 */

/* caption para las imagenes comentadas */
/*.wp-caption {
	text-align:center;
	font-size:80%;
	padding-bottom:5px;
	border: 1px solid #ddd;
	background-color: #f3f3f3;
 }

.wp-caption img {
	text-align:center;
	font-size:80%;
	padding:0 0 5px 0;
	margin: 0 0 0 -15px;
    border: 0 none;
}*/
.wp-caption {
   border: 1px solid #ddd;
   background-color: #f3f3f3;
   text-align:center;
 }

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
  
}

.wp-caption p.wp-caption-text {
   font-size: 0.833em;      /* 11px = 0.917em,  10px = 0.833em */
   line-height: 1.333em;
   font-family: RomanC, 'Lucida Console', 'Courrier New', monospace;
   padding: 0.5em 4px 5px;
   margin: 0;
   text-align: center;
}
/* /fin WP Caption */

.azul { color: #00f;}
.rojo{ color: #cc0000;}
.ocultar {visibility: hidden;}
.ampliar { 
	font-size: 85%; 
	font-family: 'Franklin gothic medium','Microsoft Sans Serif';
	color: #800000;
}