.display-masgreat {
display: none;
}
.display-great {
display: none;
}
.display-medium {
display: none;
}
.display-mini {
display: none;
}

#fondo-pagina {
  padding-top: 10px;
  padding-bottom: 10px;
  }
  
html, body { width: 100%;}

body {
	font-family: Verdana,  Helvetica, Arial, sans-serif;
/* 	font-size: 18px;   El tamaño del body para cada ancho de pantalla lo pongo en las mediaquery   */
	color: #111A11;
}
/* Verdana,  Helvetica, Arial, sans-serif    */
h1, h2, h3, h4, h5, h6 {
	text-align:center;
	margin-right: 4%;
	font-family: Droid Sans, Helvetica, Arial, sans-serif;
/*	font-size: 1.45em;   El tamaño de los h para cada ancho de pantalla lo pongo en las mediaquery   */
}

a, a:link, a:visited, a:active, a:hover {
color: #991155;
}

header {
/*background-color: #F47E7D;*/
background-image: url("../fondos/nature009-Cabecera_opacidad-50.png");
background-repeat: repeat;
}

nav {
/*background-color: #EEFFAA;*/
background-image: url("../fondos/gris_5x5px_opacidad-30.png");
}

section {
/*background-color: #E0C7AB;*/
}

footer {
/*background-color: #FB0335;*/
}

.nav {
padding: left;
}

.nav li {
display:inline;
list-style-type: none;
}

* { margin: 0px;
padding: 0px; outline: 0;
}

.texto-fotos-numero {
margin: 7px 2px;
color: #ff6347;
font-style: oblique; 
/*font-weight: bold;*/
}

.texto-para-fotos {
/*	font: 120%/140% Handlee, Arial, Helvetica, "sans-serif";*/
	font-family: Handlee, "Gill Sans Extrabold", Helvetica, sans-serif;
	font-size: 1.2em;
	color: #33BBAA;
}

/*Para las fotos y su marco*/
.galeria {
	margin: 5px 0px 25px; /*Margen arriba y abajo (derecha: 0). Separa una foto de la siguiente*/
	text-align: center;
}
.galeria li {
	display: inline-block;
	margin: 5px;
	list-style: none;
}
.galeria a {
	display: inline-block;
}

/*Distingo entre las imágenes horizontales y verticales*/
/*Las fotos horizontales tienen un ancho de 1024 pixel*/
/*Las fotos verticales tienen un  alto de 678 pixel*/

.foto_h li {
/*	width: 98%; */   /* Ancho del marco que contiene a la foto horizontal*/  /*Lo quito de aquí para ponerlo en las mediaqueri*/
	padding: 0px; /*Espacio entre la foto y los bordes del cuadro en el que está contenida*/
	 /*Le quito este padding (lo pongo a cero) pues al poner la foto del 98% ya dejo espacio con el arco que la contiene*/
/*	margin: 15px 3px;*/ /*Margen superior-inferior y laterales.*/
	margin: 0 auto;
	border: solid 1px #cac09f;
	background: #cceeee;
	text-align: center;
	box-shadow: inset 0 1px rgba(255,255,255,.8), 0 1px 2px rgba(0,0,0,.2);
}
.foto_h figure {
	position: relative;
	margin: 0;
}

/*img.ancho {width: 100%;}  */ /* Ancho de la foto (para las horizontales)*/  /*Lo quito de aquí para ponerlo en las mediaqueri*/


.foto_h figcaption {
/*		font-family: Handlee, "Gill Sans Extrabold", Helvetica, sans-serif;  */
	font-size: 1.2em;
/*	font: 120%/140% Handlee, Arial, Helvetica, "sans-serif";*/
	color: #7744FF;
}


.foto_v li {
	/*width: 80%;*/   /* Ancho del marco que contiene a la foto vertical*/  /*Lo quito de aquí para ponerlo en las mediaqueri*/
	padding: 10px;
	margin: 15px 10px;
	border: solid 1px #cac09f;
	background: #cceeee;
	text-align: center;
	box-shadow: inset 0 1px rgba(255,255,255,.8), 0 1px 2px rgba(0,0,0,.2);
}
.foto_v figure {
	position: relative;
	margin: 0;
}
/*img.alto {width: 100%;} */   /* Alto de la foto (para las verticales)*/  /*Lo quito de aquí para ponerlo en las mediaqueri*/
/*img.alto-victoria {width: 96%;} */   /* Alto de la foto (para las verticales de la cámara Sony)*/  /*Lo quito de aquí para ponerlo en las mediaqueri*/


.foto_v figcaption {
/*		font-family: Handlee, "Gill Sans Extrabold", Helvetica, sans-serif;  */
	font-size: 1.2em;
/*	font: 120%/140% Handlee, Arial, Helvetica, "sans-serif";*/
	color: #7744FF;
}


.foto_v2 li {	/* Marco (para las fotos verticales que tienen bastante texto en el pie de foto, pongo el marco más ancho en las mediaqueri, y el texto cabe mejor)*/
	/*width: 80%;*/   /* Ancho del marco que contiene a la foto vertical*/  /*Lo quito de aquí para ponerlo en las mediaqueri*/
	padding: 10px;
	margin: 15px 10px;
	border: solid 1px #cac09f;
	background: #cceeee;
	text-align: center;
	box-shadow: inset 0 1px rgba(255,255,255,.8), 0 1px 2px rgba(0,0,0,.2);
}
.foto_v2 figure {
	position: relative;
	margin: 0;
}
/*img.alto {width: 100%;} */   /* Alto de la foto (para las verticales)*/  /*Lo quito de aquí para ponerlo en las mediaqueri*/
/*img.alto-victoria {width: 96%;} */   /* Alto de la foto (para las verticales de la cámara Sony)*/  /*Lo quito de aquí para ponerlo en las mediaqueri*/


.foto_v2 figcaption {
/*		font-family: Handlee, "Gill Sans Extrabold", Helvetica, sans-serif;  */
	font-size: 1.2em;
/*	font: 120%/140% Handlee, Arial, Helvetica, "sans-serif";*/
	color: #7744FF;
}







/*	Creo este nuevo estilo para poner las fotos de tipo panorámica, que son anchas y más cortas que las normales, de la cofradia de los martes - 22-3-2015  */
.para-panoramica {
  width: 94%;
  margin: 0px auto;
  text-align:center;
  color: #441177;
  background: #cceeee;
/*	  font-size: 1.45em;  */
  padding: 18px 8px 8px 8px;
/*	  background-image: url("../fondos/green_T-90S30L30.gif");
  background-repeat: repeat;  */
 }
/*	Y con esto para el texto del pie de fotos de estas fotos panorámicas. Así queda el texto como en las otras fotos:  */

.para-panoramica figcaption {
/*		font-family: Handlee, "Gill Sans Extrabold", Helvetica, sans-serif;  */
	font-size: 1.2em;
/*	font: 120%/140% Handlee, Arial, Helvetica, "sans-serif";  */
	color: #7744FF;
}

.linea_siguiente {
display: block;
}

.para-texto {
  width: 88%;
  margin: 10px auto;
  text-align:center;
  padding: 8px 14px 10px 14px;
  background-image: url("../fondos/old_map_@2X.png");
  background-repeat: repeat;
 }

/*	Creo este nuevo estilo para poner la cabecera de la cofradia de los martes - 13-3-2015*/
.para-cabecera {
  width: 94%;
  margin: 0px auto;
  text-align:center;
  color: #001177;
  font-size: 1.75em;
  padding: 18px 8px 8px 8px;
  background-image: url("../fondos/green_T60S30L30_Azul.gif");
  background-repeat: repeat;
 }

.texto-grande {
	font-size: 1.25em;
	margin-left: 3%;
	margin-right: 3%;
	color: #aa0000;
}
.texto-mayor {
	font-size: 1.15em;
	margin-left: 3%;
	margin-right: 3%;
}
.texto-peque {
	font-size: 0.85em;
	line-height: 125%;
	margin-left: 3%;
	margin-right: 3%;
}

.texto-anterior-siguiente {
	font-size: 0.85em;
}



/* Este texto-peque lo uso en: Ver la foto siguiente o Ver la foto anterior*/
/*  line-height: 125%; hace que la separación entre líneas sea un poco mayor, y así queda mejor */
.texto-mas-peque {
	font-size: 0.65em;
	line-height: 115%;
	margin-left: 3%;
	margin-right: 3%;
}
/* Este texto-mas-peque lo uso en: los pies de foto, con: <span class ="texto-mas-peque">*/

.texto-mas-peque-aun {
	font-size: 0.60em;
	line-height: 110%;
	color: #885533;
	margin-left: 3%;
	margin-right: 3%;
}
/* Este texto-mas-peque-aun lo uso en: los pies de fotos con dos o tres columnas, como en: <div class="para-3-fotos texto-mas-peque-aun">*/

.texto-interlineado-mayor {
line-height: 1.5;
margin: 20px;
}

 .para-texto-verde {
  width: 92%;
  margin: 10px auto;
  /*text-align:center;*/
  color: #001100;
  padding: 8px 8px 10px 8px;
  background-image: url("../fondos/Cuadros-verde_opacidad50.png");
  background-repeat: repeat;
 }

 .para-texto-papel {
  width: 92%;
  margin: 10px auto;
  /*text-align:center;*/
  color: #001100;
  padding: 8px 8px 10px 8px;
  background-image: url("../fondos/lined_paper.png");
  background-repeat: repeat;
 }

 .para-texto-indice {
  width: 80%;
  margin: 10px auto;
  /*text-align:center;*/
  color: #001100;
  padding: 8px 8px 10px 5%;
  background-image: url("../fondos/Cuadros-verde_opacidad50.png");
  background-repeat: repeat;
 }
 
.cuadro-dorado {  background-image: url("../fondos/dorado_5x5px_opacidad-50.png");
				background-repeat: repeat;
				margin-left: 10%;
				width: 40%;}

.texto-azul { color: #3355dd; }
.texto-azul-facebook { color: #355495; }
.texto-rojo { color: #aa0000; }
.texto-gris { color: #555555; }

.con-margen { margin-left: 5%; }
.centrado {text-align:center;}
.a-la-izquierda {text-align:left;}

.para-texto-comentario {
  width: 84%;
  margin: 10px auto;
/*	  font-size: 1.25em;
  text-align:left;*/
  color: #441100;
  padding: 8px 14px 10px 14px;
  background-image: url("../fondos/Cuadros-1.gif");
  background-repeat: repeat;
 }




.icono { width: 10%;} /* Para el ancho de una imagen quesea como un icono pequeño (por ejemplo el gesto de me gusta*/

.cuadros {  background-image: url("../fondos/white_brick_wall.png");
			background-repeat: repeat;
 }

.fondo-naranja {
  background-image: url("../fondos/naranja_5x5px_opacidad-50.png");
  background-repeat: repeat;
}

.para-3-fotos {
  width: 32%;
float: left;
margin-left:1%
}

.para-2-fotos {
  width: 46%;
float: left;
margin-left:3%
}

.para-2-fotos-asimetrico-estrecho {
  width: 32%;
float: left;
margin-left:1%
}
.para-2-fotos-asimetrico-ancho {
  width: 62%;
float: left;
margin-left:1%
}

 .cuadro-pizarra {
  width: 96%;
  margin: 10px auto;
/*  text-align:left;  */
  color: #ffeeff;
  padding: 8px 18px 10px 18px;
  background-image: url("../fondos/Pizarra-gris-verde.jpg");
  background-repeat: repeat;
 }

 .para-boton-facebook {
  width: 310px;
  height: 30 px;
  margin: 0px auto;
  text-align:center;
  color: #001100;
  padding: 0px;
/*    background-image: url("../fondos/white_brick_wall.png"); */
  background-image: url("../fondos/green_T60S30L30_Azul.gif");
  background-repeat: repeat;
 }