/* CSS Document */



/* needed for IE to make :active state work first time */

a, a:visited {color:#000;} 



/* common styling for all galleries */

a.gallery, a.gallery:visited {display: block; display: inline; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; float:left; margin:4px; z-index:50;}


a.gallery em, a.gallery span {display:none;}

a.gallery:hover {border:1px solid #fff;}





/* styling for TOP gallery */

#container_top {position:relative; width:425px; height:425px; background:#717171; border:1px solid #a49188; margin:1em auto;}

#container_top img {border:0;}

#container_top .thumbs {position:absolute; left:0; top:0;}

#container_top a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:110px; left:5px; padding:5px; font-style:italic; color:#fff;  z-index:100;}

#container_top a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}

#container_top a.gallery:active, #container_top a.gallery:focus {border:1px solid #000;}

#container_top a.gallery:active em, #container_top a.gallery:focus em {display:block; position:absolute; width:402px; height:250px; top:160px; left:5px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}

#container_top h1 {clear:both; margin:0; padding-top:200px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;}

#container_top h1 em {font-size:0.6em; color:#000;}



/* styling for BOTTOM gallery */

#container_bottom {position:relative; width:425px; height:425px; background:#717171; border:1px solid #a49188; margin:1em auto;}



#container_bottom img {border:0;}

#container_bottom .thumbs {position:absolute; left:0; bottom:0; height:114px;}

#container_bottom a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:-45px; left:5px; padding:5px; font-style:italic; color:#fff;  z-index:100;}

#container_bottom a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}

#container_bottom a.gallery:active, #container_bottom a.gallery:focus {border:1px solid #000;}

#container_bottom a.gallery:active em, #container_bottom a.gallery:focus em {display:block; position:absolute; width:402px; height:250px; top:-305px; left:5px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}

#container_bottom h1 {clear:both; margin:0; padding-top:80px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff; background: url(""); width:425px;}

#container_bottom h1 em {font-size:0.6em; color:#000;}



/* styling for LEFT gallery */

#container_left {position:relative; width:600px; height:305px; background:#717171; border:1px solid #a49188; margin:1em auto;}

#container_left img {border:0;}

#container_left .thumbs {width:170px; position:absolute; left:0; top:0;}

#container_left a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:265px; left:175px; padding:5px; font-style:italic; color:#fff;  z-index:100;}

#container_left a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}

#container_left a.gallery:active, #container_left a.gallery:focus {border:1px solid #000;}

#container_left a.gallery:active em, #container_left a.gallery:focus em {display:block; position:absolute; width:402px; height:250px; top:5px; left:180px; padding:5px; color:#000000; border:1px solid #3d330f; z-index:50;}

#container_left h1 {clear:both; margin:0; padding-top:80px; padding-left:250px; width:300px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;}

#container_left h1 em {font-size:0.6em; color:#000;}



/* styling for RIGHT gallery */

#container_right {position:relative; width:600px; height:305px; background:#717171; border:1px solid #a49188; margin:1em auto;}

#container_right img {border:0;}

#container_right .thumbs {width:170px; position:absolute; right:0; top:0;}

#container_right a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:265px; left:-430px; padding:5px; font-style:italic; color:#fff;  z-index:100;}

#container_right a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}

#container_right a.gallery:active, #container_right a.gallery:focus {border:1px solid #000;}

#container_right a.gallery:active em, #container_right a.gallery:focus em {display:block; position:absolute; width:402px; height:250px; top:5px; left:-425px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}

#container_right h1 {clear:both; margin:0; padding-top:80px; padding-left:50px; width:300px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;}

#container_right h1 em {font-size:0.6em; color:#000;}






#galeria {text-align: justify;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;float: right;	width: 500px;

	margin-top: 10px;	margin-right: 40px;

	/*height: 350px;*/
}
.img_galeria {
	width:400px;
	height:250px;
}