#contenidos
{
	padding-top:20px;
}

#contenidos p
{
	padding:0px 25px 0px 25px;
	margin:0px;
}

#contenidos h1
{
	font-size:20px;
	margin:45px 0px 10px 25px;
	padding:0px;
}

#contenidos h2
{
	color:#ffffff;
	margin:30px 0px 0px 20px;
	font-size:20px;
	float:left;
	padding-bottom: 9px;
}

#columna_izquierda
{
	width:959px;
	float:left;
	background-repeat:repeat-x;
	overflow:hidden;
	padding:0px;
	margin:0px;
}



#detalle_carpeta
{
	color:#ffffff;
	margin:33px 0px 0px 20px;
	font-size:11px;
	float:left;
	clear:right;
}

#columna_izquierda p
{
	clear:both;
	padding-top:10px;
}

/* fix de centrado */
.centerFixWrapper
{
	float:right;
	position:relative;
	left:-50%;
	text-align:left;
	width:auto;
	height:auto;
}

.centerFix
{
	position:relative;
	left:50%;
}


/* GALERIAS */



ul.galeria
{
	display:inline-block;
	width:100%;
	margin:0px auto;
	float:none;
	clear:none;
	max-width:960px;
	padding:0;
	box-sizing:border-box;
}

 ul.galeria li
{
	margin-bottom:4%;
	float:left;
	text-align:center;
	overflow:hidden;
	background-image:none;
	position:relative;
	display:inline-block;
	box-sizing:border-box;	
	/*border:1px dotted #ccc;
	padding:3px;*/
	border-radius:5px;	
	line-height:0;
}

ul.galeria li a { text-decoration:none; }

ul.galeria li img
{
	clear:both;
	height:194px;
	width:auto;
	line-height:0;
	box-sizing:border-box;
	border:1px dotted #ccc;
	padding:3px;
}



 ul.galeria li h4

{

	font-weight:normal;

	font-size:14px;

	color:#333333;

	font-family:"Trebuchet MS";

	margin:0px;

	line-height:15px;

	clear:both;

}



 ul.galeria li h5

{

	font-weight:bold;

	font-size:10px;

	color:#999999;

	font-family:"Trebuchet MS";

	margin:0px;

	clear:both;

	text-align:right;

}



 ul.galeria li h5 span

{

	font-weight:normal;

	font-style:italic;

	padding:0px 2px 0px 3px;

}



 ul.galeria .vistas { display:none; }





/* mini */



 ul.galeria.mini { margin-top:-20px; }







/* listado */

 ul.galeria.listado li { margin-bottom:18px; }

 ul.galeria.listado .imagebox.galeria .overlay { background-image:url(../img/foto_overlay_gal.png); }



/* detalle */

 ul.galeria.detalle li { margin-bottom:6px; }







/* imageboxes */



.imagebox
{
	display:block;
	margin:0px auto 0px auto;
	clear:both;
	/*border:1px dotted #ccc;*/
	/*padding:2px 2px 0px 2px;*/
	overflow: hidden;
	/*border-radius:5px;*/
}

	

.imagebox .overlay
{
	position:absolute;
	width:322px;
	height:236px;
	background-image:url(../img/foto_overlay.png);
	background-repeat:no-repeat;
	background-position:center center;
	z-index:1;
	margin:0px 0px 0px 0px;
	float:none;
	display:none;
}

.imagebox:hover .overlay { display:block; }

.imagebox.grande
{
	width:360px;
	height:232px;
	border:9px solid #E6E5E4;
	box-shadow:0px 0px 10px #BFBCB8;
}

.imagebox.grande .overlay { width:360px; height:232px; }

/* imageboxes */

.imagebox.galeria
{
	width:100%;
	height:100%;
	position:relative;
	box-sizing:border-box;
}



.imagebox.galeria .overlay
{
	width:100%;
	height:100%;
}



p.error

{

	margin-top:10px;

	margin-bottom:10px;

	color:#f00;

}

form.log_gal

{
	padding:20px 20px 20px 20px;
	box-sizing:border-box;
	margin:20px auto;
	width:100%;
	max-width:500px;
}

form.log_gal hr { display:none; }

form.log_gal label
{
	margin-right:20px;
	clear:left;
	float:left;
	position:relative;
	top:5px;
	width:70px;
	text-align:right;
}

form.log_gal input[type=text]
{

	clear:right;

	padding:3px 10px;

	float:left;

	margin-bottom:15px;

	box-sizing:border-box;
	padding:10px;
	font-family: 'QLASSIKB';
	font-size:16px;
	font-weight:bold;
	color:#18628D;
	border: 1px solid #18628D;
	background-color:#fff;
}

form.log_gal input[type=text]:focus
{
	color:#fff;
	border: 1px solid #18628D;
	background-color:#18628D;
}



form.log_gal input[type=submit],
a.boton_rojo
{
	display:inline-block;
	font-size:14px;
	padding:6px 10px;
	text-align:center;
	border:0px;
	text-transform:uppercase;
	border-radius:3px;
	box-shadow:0px 0px 3px #888;
	color:#fff;
	cursor:pointer;
	background-color:#ee2c26;
	font-family:Arial;
	font-weight:bold;
	margin-left:20px;
}

form.log_gal input[type=submit]:hover,
a.boton_rojo:hover
{ background-color:#bf0c06; }

a.boton_rojo
{
	float:right;
	clear:both;
	margin:20px 0px 0px 0px;
	text-decoration:none;
}


ul.galeria span.numeral
{
	display:inline-block;
	position:absolute;
	margin:0px 0px 0px 0px;
	font-family: QLASSIKB, Trebuchet MS;
	font-size:25px;
	color:#fff;
	background-color:rgba(0,0,0,.7);
	padding:10px;
	float:left;
	z-index:1;
	bottom: 10px;
	left: 10px;
	line-height: 26px;
}