#frameGalerias{
background:#DEDEDE;
padding:10px;
font-size:11px;
line-height:1.6em;
position:relative;
color:#000;
width:745px; /* ancho total visor*/
height:600px;
border:3px solid #444444;
} 

#frameGalerias p{
font-size:0.8em;line-height:1.5em;width:450px
} 

#profile #hero{
position:relative
} 

#profile #hero div.swapcontent{
	background:#FF6600;
	position:absolute;
	width:730px;
	height:580px;
	padding:3px;
/*	border:2px solid #FF6600;*/
	top: -3px;
} 
#profile #hero div.swapcontent.active{
visibility:visible
} 
#profile #hero div.swapcontent.gallery{
padding:10px;
overflow:hidden;
/*border:1px solid #444444;*/
} 
#profile #hero div.swapcontent.gallery .gallerycontainer{
position:relative;
float:left;
width:460px;
height:480px;
overflow:hidden;
margin:0 10px 0 0;
display:inline;
/*border:1px solid #444444;*/
} 
#profile #hero div.swapcontent.gallery .gallerycontainer img{
border:solid 1px #000
} 
#profile #hero div.swapcontent.gallery .gallerycontainer .imgHolder{
overflow:hidden
} 
#profile #hero div.swapcontent.gallery .gallerycontainer .gallerycontent{
position:absolute;
left:595px;
} 
#profile #hero div.swapcontent.gallery .gallerycontainer .gallerycontent.active{
position:absolute;
left:0;
top:0
}
#profile #hero div.swapcontent.gallery .gallerycontainer .gallerycontent a{
border-bottom:1px dotted #fff;
color:#000;
text-transform:uppercase
} 
#profile #hero div.swapcontent.gallery .gallerycontainer .gallerycontent a:hover{
color:#FF0;
border-bottom-color:#ff0
} 
#profile #hero div.swapcontent.gallery .gallerythumbs{
margin:0;
width:260px; /* aquie el ancho determina la cantidade tumbails*/
height:520px;
float:left
} 
#profile #hero div.swapcontent.gallery .gallerythumbs span{
z-index:0;
display:block;
overflow:hidden;
position:relative;
width:30px;
height:30px;
margin:0 5px 5px 0;
float:left;
cursor:pointer;
border:solid 1px #000
} 
#profile #hero div.swapcontent.gallery .gallerythumbs span img{
float:left;
margin:0;
width:30px;
height:30px;
position:absolute;
top:0;
left:0;
cursor:pointer
} 
#profile #hero div.swapcontent.gallery .gallerythumbs span.active{
z-index:2;
border:1px solid #fff;
width:30px;
height:30px;
cursor:default
} 
#profile #hero div.swapcontent.gallery .gallerythumbs span.active img{
margin:0;
cursor:default
} 
#profile #hero a.swapnav{
display:none;
position:absolute;
bottom:1em;
right:20px;
cursor:pointer
} 
#profile .hasjs #hero a.swapnav{
display:block
}
#profile .hasjs #hero a.swapnav.active{
display:none
}