@charset "utf-8";
/* CSS Document */

@media only screen and (max-height: 699px) {
	#tf {max-height:630px;}
}
@media only screen and (min-height: 700px) {
	#tf {max-height:650px;}
}
HTML, BODY{
	margin:0;
	padding:0;
}
BODY {
	font:normal 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #5D5D5D;
}
.addfoto { padding:1px;margin-top:1px;}
/*.addfoto p{
	width:240px;
	text-align:right;
	margin:0 0 10px 0;
}*/
.addfoto select {
	width:260px;
	margin-left:5px;
}
.basura {
    height:74px;
	width: 50px;
	background-color: #fff;
    padding: 5px;
    border: 4px solid #797777;
}
.cajones {
	margin:3px auto;
	width: auto;
	height:70px;
	display:flex;
	padding-bottom: 7px;
	justify-content:center;
}
.cajon {
	position: relative;
	width: 60px;
	height: 60px;
    padding: 5px;
	margin:0 3px;
	font-size: 9px;
	text-align: center;
    border: 2px solid #aaaaaa;
	word-wrap:break-word;
}
.cajon a {
	position: absolute;
	bottom: 0;
	left: 22px; 
}
.closeBox {
	position:absolute;
	height:15px;
	width:15px;
	top:1px;
	right:1px;
}
.foto {
	float:left;
	margin:10px;
	height: 80px;
}
h1 span {
	font-size:11px;
	font-style: italic;
	font-weight:normal;
	margin-left:5px;
}
img { cursor: pointer; }	
#imgBig {
	display: none;
	position: fixed;
	top: 20px;
	left: 0;
	right:0;
	margin:auto;
	background-color: white;
	z-index:1002;
	overflow: auto;
	padding: 10px;
	width: auto;
	height: auto;
	box-shadow: 16px 13px 10px -7px #000, -10px 0px 20px -7px #000;
}
#listFotos {
	clear: both;
	max-height:550px;
	overflow-y: auto;
	margin-bottom:25px;
}
#listFotos {
	position:relative;
	margin: 0 auto;
	text-align: center;
/*	max-height:650px;
	clear: both;
	overflow-y: auto;
	margin-bottom:25px;*/
}
#mascaraImg{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
	cursor: url(/img/icons/zoom-.png), auto;
}
#pag {
	position:relative;
	clear:both;
	text-align:center;
	height:25px;
	font-weight:normal;
}
#pag span {
	padding-left:10px;
	padding-right:10px;
	border-left:2px solid #000;
	border-collapse:collapse;
	font-weight:bold;
	cursor:pointer;
}
#pagC {
	clear: both;
	position:relative;
	text-align:center;
	z-index:900;
}
.right {
	right:20px;
}
.left {
	left:20px;
}
#tf {
	position: absolute;
	background-color: white;
	z-index:1001;
	overflow: auto;
	padding: 10px;
	height: auto;
	box-shadow: 16px 13px 10px -7px #000, -10px 0px 20px -7px #000;
}
.titulo {
	height:16px;
	width:580px;
	margin:0px auto 20px auto;
	background-image: url(../img/fondos/titulo.png);
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	font-size:14px;
	padding: 3px 0px 3px 3px;
	color:#000;
	text-align: center;
}
.video {
	float:left;
	margin:10px;
	height: 230px;
}
.listArt {
	margin-left:25px;
	text-align:left;
}