@charset "utf-8";
/* CSS de las obras */
.bloqueobra {
	margin: 5%;
	font-family: Verdana,Arial, Geneva, sans-serif;
	font-size: 12px;
	text-align: justify;
	height: 100%;
}
/* Esta propiedad permite que las columnas de obras funcionen bien en ff y en ie */
.bloqueobra * {
	padding:0; margin:0;
}
/* Es necesario aplicar esto a causa de la propiedad anterior */
.bloqueobra p {
	margin-top: 15px;
}
.bloqueobra table {
	margin-top: 15px;
}
.bloqueobra ul.listasinestilo {
	margin-left: 15px;
	text-align: left;
}
/* centrar una imagen */
.bloqueobra img.imgcentrada {
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}
.bloqueobra ul.listasinestilo {
	list-style-type: none;
	font-size: 10px;
}
/* para poder colocar texto a lado de una imagen */
.bloqueobra img.floatleft {
	margin: 15px;
	float: left;
}
/* para que un elemento no sea representado */
.bloqueobra .notext {
    display: none;
}
/* propiedades generales de las columnas */
.columna {
	width: 120px;
	padding: 1%;
	color: #FFF;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	font-size: 10px;
	text-align: left;
	display: block;
}
.columna a {
	color: #FF0;
	text-decoration: none;
}
.columna p {
	line-height: 12px; 
}
/* color y tamaño de cada columna segun obra */
.cazulmarinherio {
	background-color: #000080;
}
.crojavozhumana {
	background-color: #A52400;
	height: 4400px;

}
.crojafiesta {
	background-color: #A52400;
	height: 520px;
}
.crojachorillo {
	background-color: #A52400;
	height: 520px;
}
.cnaranjajuegos {
	background-color: #CC6600;
	height: 1420px;
}
.crojaviajecompartido {
	background-color: #A52400;
	height: 5460px;
}
.crojapersul {
	background-color: #A52400;
	height: 1860px;
}
.crojapinocho {
	background-color: #A52400;
	height: 1570px;
}
.crojaangelitos {
	background-color: #A52400;
	height: 1580px;
}
.cmoradadiplomas {
	background-color: #800080;
	height: 1600px;
}
.crojabellosdias {
	background-color: #A52400;
	height: 4200px;
}
.crojarosita {
	background-color: #A52400;
	height: 970px;
}
.crojahechizerias {
	background-color: #A52400;
	height: 525px;
}
.cnaranjalachica {
	background-color: #CC6600;
	height: 1660px;
}
.crojalosciegos {
	background-color: #A52400;
	height: 3150px;
}
.crojamedea {
	background-color: #A52400;
	height: 1450px;
}
.crojajuegos2 {
	background-color: #A52400;
	height: 3500px;
}
.cnaranjahadaycartero {
	background-color: #CC6600;
	height: 1880px;
}
.crojafernando {
	background-color: #A52400;
	height: 1550px;
}
.crojausher {
	background-color: #A52400;
	height: 1950px;
}
.croja4mujeres {
	background-color: #800000;
	height: 2600px;
}
.cmoradomedium {
	background-color: #900;
	height: 2550px;
}
.crosadaconchita {
	background-color: #FB1566;
	height: 3800px;
}
/* Titulos en obras */
.bloqueobra h1 {
	font-size: 2.2em;
	color: #384478;
	text-align: center;
	font-family: "Times New Roman", Times, serif, verdana;
}
.bloqueobra h1.titulocolumna {
	font-size: 12px;
	color: #FFF;
	text-align: center;
	font-family: Verdana,Arial, Geneva, sans-serif;
}
.bloqueobra h1.titeres {
	font-size: 2.5em;
	color: #384478;
	text-align: center;
	font-family: "Times New Roman", Times, serif, verdana;
}
.bloqueobra h2 {
	font-size: 1.2em;
	color: #384478;
	text-align: center;
}
.bloqueobra h2.titeres {
	font-size: 1.5em;
	color: #384478;
	text-align: center;
	font-family: "Times New Roman", Times, serif, verdana;
}
.bloqueobra h3 {
	font-size: 14px;
	margin-top: 15px;
}
.bloqueobra h4 {
	font-size: 14px;
	margin-top: 15px;
	text-align: center;
}
.bloqueobra h5 {
	font-size: 11px;
	margin-top: 15px;
	text-align: center;
	font-weight: normal;
}
/* para centrar una tabla que este en un div clase fichacentrada */
.fichacentrada {
	text-align: left;
}
.fichacentrada table {
	margin-right: auto;
	margin-left: auto;
}
/* alinear texto a la derecha */
.bloqueobra p.right {
	text-align: right;
}

/* Album de fotos */
h2.album {
	clear: both;
	text-align: center;
	font-family:Verdana, Arial, Geneva, sans-serif;
	color:#384478;
	font-size: 16px;
}
#album {
	width:600px; 
	height:360px; 
	position:relative;
	padding:5px 0; 
	background:#fff; 
	margin:0 auto 20px auto; 
	clear:both;
}
#album em {
	display:block; 
	width:229px; 
	height:175px; 
	position:absolute; 
	top:0; 
	right:0; 
	border:1px solid #ddd;
}
#album span {
	display:block; 
	width:360px; 
	height:365px; 
	position:absolute; 
	top:0; left:0; 
	border:1px solid #ddd;
}
#album a span.descripcion{
	display:none;
}
#album b#thumbs a:focus span.descripcion, #album b#thumbs a:active span.descripcion {
	display:block;
	top:330px;
	width:360px;
	height:30px;
	font-size:10px;
	font-family: Verdana, Arial, Geneva, sans-serif;
	border-bottom-color: #FFF;
	text-align: center;
	color: #666;
}
#album b#thumbs {
	display:block; 
	width:220px; 
	height:175px; 
	overflow:auto; 
	float:right; 
	margin-top:175px; 
	border:1px solid #ccc; 
	border-width:1px 1px 1px 1px; 
	padding:5px;
}
#album b#thumbs a {
	display:block; 
	float:left; 
	margin:0 10px 10px 0; 
	background:#f8f8ff; 
	width:50px; 
	height:50px; 
	border:1px solid #000;
}
#album b#thumbs a img {
	width:50px; 
	height:50px; 
	border:0;
}

#album b#thumbs a:hover {
	border:1px dotted #ccc; 
	background:#fff url(img/click.gif);
}
#album b#thumbs a:active, #album b#thumbs a:focus {
	border:1px solid #fff; 
	background:#fff; 
	outline:0;
}
#album b#thumbs a:hover img {
	display:block; 
	position:absolute; 
	background:#aaa; 
	z-index:500;
}
#album b#thumbs a:active img, #album b#thumbs a:focus img {
	display:block; 
	position:absolute; 
	background:#aaa; 
	z-index:100;
}
#album b#thumbs a:hover img.hr {
	width:160px; 
	height:120px; 
	right:35px; 
	top:7px; 
	border:1px solid #333;
}
#album b#thumbs a:hover img.vt {
	width:120px; 
	height:160px; 
	right:55px; 
	top:7px; 
	border:1px solid #333;
}
#album b#thumbs a:active img.hr, #album b#thumbs a:focus img.hr {
	width:320px; 
	height:240px; 
	left:20px; 
	top:7px; 
	border:1px solid #333;
}
#album b#thumbs a:active img.vt, #album b#thumbs a:focus img.vt {
	width:240px; 
	height:320px; 
	left:60px; 
	top:7px; 
	border:1px solid #333;
}