/* CSS Document */

/* clases para las fotos de la galeria */
#galeria{
	width: 905px;
	height: auto;
	margin-left: auto; 
	margin-right: auto;
}

/* define el layout de la página */
#minis {float:left; width:280px; background-color:#fff; margin-right:40px; }
#minis ul{	clear:both;	margin:0;	padding:0;}
#minis ul li {	float:left;	list-style-image:none;	list-style-position:outside;	list-style-type:none;	margin:5px 10px 5px 0;	padding:0;}
#minis ul li a {	border:1px solid #CCCCCC;	display:block;	padding:2px;}
#minis ul img {	border:medium none;	display:block;}

#ampliacion {float:right; width:550px; background-color:#fff; }

#controles{
	width: 100%;
}

#imagenes{	width: 100%;	text-align:center;}
#imagenes img{	border:medium none;	display:block;	margin-left: auto;	margin-right: auto;}

#detalles{
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	clear:both;
	margin-top: 20px;
	margin-bottom:30px;
	width: 98%;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	
}

#titulo{
	width: 100%;
	font-weight: bold;
	font-family: "Trebuchet MS";
	font-size: 16px;
}

#descripcion{
	width: 100%;
	font-family: "Trebuchet MS";
	font-size: 13px;
	padding-top: 10px;
}



/* clases para los controles de carrousel, siguiente y anterior */
.ss-controls {	float:left;}
.ss-controls span {	color:#666666;	cursor:pointer;}
.nav-controls {
	float:right;
}
.nav-controls a {
	padding:5px;
}

.prev{
	text-decoration: none;
	color: #006AC1;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
}

.next{
	text-decoration: none;
	color: #006AC1;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
}

.play{
	text-decoration: none;
	color: #006AC1;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	margin-left: 300px;
}
.pause{
	text-decoration: none;
	color: #006AC1;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	margin-left: 300px;
}
/*-----------------------*/
.image-wrapper {
padding-bottom:12px;
}
.advance-link {
border:1px solid #CCCCCC;
display:block;
padding:2px;
}

/* clases para la paginacion de las minis */
.pagination {
	clear:both;
}

.pagination a, .pagination strong {
	border:1px solid #CCCCCC;
	display:block;
	float:left;
	margin-right:2px;
	padding:4px 7px 2px;
	text-decoration: none;
	color: #790014;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 15px;
}
.pagination a:hover {
	background-color:#F1E7E8;
	text-decoration:none;
}
.pagination strong {
	background-color:#C9BA9D;
}