@charset "utf-8";
/* CSS Document */

/************* PHOTOS ***************/

#photo {
	position:relative;
	top:0px;
	clear:none;
	float:left;
	display:inline;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#993300;

}

.img_h {
	position:relative;
	width:450px;
	height:338px;
	margin-right:5px;
	margin-left:5px;
}
/*.img_hp {
	position:relative;
	width:350px;
	height:263px;
	margin-right:5px;
	margin-left:25px;
}*/

.img_v {
	position:relative;
	width:288px;
	height:431px;
	margin-right:5px;
	margin-left:5px;
}
/*.img_vp {
	position:relative;
	width:288px;
	height:431px;
	margin-right:5px;
	margin-left:25px;
}*/


/************* ARROWS 1 ***************/
#arrows1 {
	position: fixed;
	top: 300px;
	left: 5px; 
	width: 100px;
	height: 35px;
	cursor: pointer;
	z-index:10;
}
* html #arrows1 { 
position: absolute;
top: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+300+"px" : body.scrollTop+300+"px");
left: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollLeft+5+"px" : body.scrollLeft+5+"px");
}

#arrows1 ul {	
	margin: 0;
	padding: 0;
	list-style:none;
}

#arrows1 ul li {
	margin: 0;
	padding: 0;
	display:inline;
	width: 100px;
	height: 35px;
}

#arrows1 ul li a{
	margin-right: 5px;
	float: left;
	display: block;
	width: 100px;
	height: 35px;
	overflow: hidden;
	cursor: pointer;
	font-size: 50em;
	text-indent: -9000px;
}

#arrows1 ul #left a:link, #arrows1 ul #left a:visited {
	background: transparent url(../images/left.gif) no-repeat;
	filter: Alpha(Opacity=50);
	-moz-opacity:0.5;
	opacity: .5;
}
#arrows1 ul #left a:hover, #arrows1 ul #left a:active {
	background: transparent url(../images/left.gif) no-repeat;
	filter: Alpha(Opacity=90);
	-moz-opacity:0.9;
	opacity: .9;
}


/************* ARROWS 2 ***************/
#arrows2 {
	position: fixed;
	top: 300px;
	left: 480px; 
	width: 100px;
	height: 35px;
	cursor: pointer;
	z-index:10;
	
}
* html #arrows2 { 
position: absolute;
top: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+300+"px" : body.scrollTop+300+"px");
left: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollLeft+480+"px" : body.scrollLeft+480+"px");
}

#arrows2 ul {	
	margin: 0;
	padding: 0;
	list-style:none;
}

#arrows2 ul li {
	margin: 0;
	padding: 0;
	display:inline;
	width: 100px;
	height: 35px;
}

#arrows2 ul li a {
	margin-right: 5px;
	float: left;
	display: block;
	width: 100px;
	height: 35px;
	overflow: hidden;
	cursor: pointer;
	font-size: 50em;
	text-indent: -9000px;
}

#arrows2 ul #right a:link, #arrows2 ul #right a:visited {
	background: transparent url(../images/right.gif) no-repeat;
	filter: Alpha(Opacity=50);
	-moz-opacity:0.5;
	opacity: .5;
}
#arrows2 ul #right a:hover, #arrows2 ul #right a:active {
	background: transparent url(../images/right.gif) no-repeat;
	filter: Alpha(Opacity=90);
	-moz-opacity:0.9;
	opacity: .9;
}

/******************************** INFOS ************************************/

#info1, #info2, #info3, #info4, #info5 {
	position:absolute;
	left:5px;
	top:27px;
	
	-moz-opacity:0.8;
	filter:Alpha(Opacity=80, FinishOpacity=80, Style=80, StartX=80, StartY=80, FinishX=80, FinishY=80);
}

#ocultar_info1, #ocultar_info2, #ocultar_info3, #ocultar_info4, #ocultar_info5 {
	position:absolute;
	left:5px;
	top:5px;
	margin:0px;
	padding:0px;
	
	background-color:#FFFFFF;
	-moz-opacity:0.8;
	filter:Alpha(Opacity=80, FinishOpacity=80, Style=80, StartX=80, StartY=80, FinishX=80, FinishY=80);
}

#ver_info1, #ver_info2, #ver_info3, #ver_info4, #ver_info5 {
	position:absolute;
	left:5px;
	top:5px;
	margin:0px;
	padding:0px;
	
	background-color:#FFFFFF;
	-moz-opacity:0.8;
	filter:Alpha(Opacity=80, FinishOpacity=80, Style=80, StartX=80, StartY=80, FinishX=80, FinishY=80);
}





#info1 p, #info2 p, #info3 p, #info4 p, #info5 p {
	background-color:#FFFFFF;
	margin:0px;
	padding:1px;
}

#ocultar_info1 p, #ocultar_info2 p, #ocultar_info3 p, #ocultar_info4 p, #ocultar_info5 p {
	margin:0px;
	padding:1px;
}

#ocultar_info1 a, #ocultar_info2 a, #ocultar_info3 a, #ocultar_info4 a, #ocultar_info5 a {
	font-weight:bold;
	color:#993300;
	padding:2px;
}

#ver_info1 p, #ver_info2 p, #ver_info3 p, #ver_info4 p, #ver_info5 p {
	margin:0px;
	padding:1px;
}

#ver_info1 a, #ver_info2 a, #ver_info3 a, #ver_info4 a, #ver_info5 a {
	font-weight:bold;
	color:#993300;
	padding:2px;
}