/* the overlayed element */
#mapa_ubicacion {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(/media/img/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	/*width:640px;		*/
	width: 640px;
	height: 640px;
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
#mapa_ubicacion div.close {
	background-image:url(/media/img/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.next, .prev { 
    /* absolute positioning relative to the overlay */ 
    position:absolute; 
    top:40%; 
 
    /* upcoming CSS3 rounded border feature */ 
    -moz-border-radius:5px; 
    -webkit-border-radius:5px; 
} 
 
/* progress indicator (animated gif). should be initially hidden */ 
.progress { 
    position:absolute; 
    top:45%; 
    left:50%; 
    display:none; 
} 
 
/* active thumbnail is raised on top of the mask using the z-index property */ 
#thumbs a.active img { 
    outline:1px solid #000; 
    z-index:9999; 
    position:relative; 
}
/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:675px;     
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(../img/overlay/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}
/* styling for elements inside overlay */ 
.details { 
    position:absolute; 
    top:15px; 
    right:15px; 
    font-size:11px; 
    color:#fff; 
    width:150px; 
} 
 
.details h3 { 
    color:#aba; 
    font-size:15px; 
    margin:0 0 -10px 0; 
}
#img {
border:1px solid #666666;
}
.next, .prev {
-moz-border-radius:5px 5px 5px 5px;
border:1px solid #666666;
color:#FFFFFF;
cursor:pointer;
display:block;
font-size:11px;
padding:10px 20px;
position:absolute;
top:40%;
}
.prev {
-moz-border-radius-bottomleft:0;
-moz-border-radius-topleft:0;
border-left:0 none;
left:0;
}
.next {
-moz-border-radius-bottomright:0;
-moz-border-radius-topright:0;
border-right:0 none;
right:0;
}
.next:hover, .prev:hover {
background-color:#000000;
text-decoration:underline;
}
.disabled {
visibility:hidden;
}
.info {
border-top:1px solid #666666;
bottom:0;
color:#FFFFFF;
font-size:11px;
left:0;
padding:10px 15px;
position:absolute;
}
.info strong {
display:block;
}
.progress {
display:none;
left:50%;
position:absolute;
top:45%;
}
.next, .prev, .info {
background:none repeat scroll 0 0 #333333 !important;
}

.overlay {
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color:#FFFFFF;
    border: 4px solid #ccc;
    width: 600px;
    padding: 2em;
    box-shadow: 10px 10px 5px #ddd;
    display: none;
}

#overlay_reclamos a {
    margin-right: 5em;
    background-image:  url('/media/img/WordIcon.jpg');
    background-position: center right;
    background-repeat: no-repeat;
    height: 32px;
    padding: 0 48px 0 0;
    display: block;
    float: left;
}