@CHARSET "UTF-8";
@IMPORT url("box-model.css");

body{
	width: 852px;
	margin: 21px auto 0 auto;
	
	background-color: #000000;
	position: relative;
}

.title{
	margin-top: 30px;
}

.left-column{
	position: relative;
	width: 230px;
	height: 572px;
}

.left-column .buttons{
	width: 140px;
	margin-left: 30px;
}

.right-column{
	position: relative;
	width: 612px;
	height: 569px;
	text-align: center;
}

.right-column .buttons{
	width: 180px;
	margin: 0 auto;
}

.buttons{
	padding-top: 10px;
}

.buttons img{
	visibility: hidden;
	display: block;
}

.buttons .prev{			background-image: url("../images/anterior_off.jpg");	}
.buttons .prev:hover{	background-image: url("../images/anterior_on.jpg"); 	}

.buttons .next{			background-image: url("../images/siguiente_off.jpg");	}
.buttons .next:hover{	background-image: url("../images/siguiente_on.jpg"); 	}

.buttons .hide{ visibility: hidden; }

.bottom{
	position: absolute;
	bottom: 0;
	left: 0;
}

.page a{
	margin: 1px 12px 10px 1px;
}

.page a:hover{
	border: 1px solid #FF7D1E;
	margin: 0px 11px 9px 0;
}

.page{
	height: 411px;
	overflow: hidden;
	margin-bottom: 7px;
	padding-right: 12px;
	border-right: 1px solid #FF7D1E;
}

.footer{
	margin-top: 30px;
	padding-top: 5px;
	border-top: 1px solid #888888;
}

.footer img{
	margin-right: 10px;
}

.image-area{
	text-align: center;
	width: 612px;
}

img{ border: 0; }
a img{ display: block; }
a{ text-decoration: none; }