
/* Roberto Huarcaya*/
#loading {float:left; z-index:602; position:absolute; margin-top:181px; margin-left:366px}
#home {margin:auto; top:30px; left:5px; width:950px; height:650px; padding:0px; z-index:600; position:absolute}


#stattopbtn {display:none}


#box6{
	position:absolute;
	width:550px;
}
#box6 span{
	display:block;
	margin: 0 110px;
	
}
#handles6_1{
	float:left;
	margin: 100px 0 0 70px;
	z-index:300;
}
#handles6_2{
	float:right;
	margin: 100px 70px 0 0;
	z-index:300;
}
.mask6{
	position:absolute;
	width:650px;
	margin: 70px 150px 20px;
	height:550px;
	overflow:hidden;
}
.sample6 {
	padding:0

}



/* ********************************** */

.thumbs{
	width:70px;
	
}
.thumbs div{
	display:block;
	width:70px;
	margin:3px 0;
	cursor:pointer;
	padding:3px
}

.thumbs div img{
	display:block;
	width:70px;
	border-style:solid;
	border:thin solid #435673;
	background-color:#405673;
	
}

#box6 span img{
	height:550px;
	margin: 0;
	display:block;
	padding:0
}



/* web */



pre{background:#666; color:#fff; padding:10px; margin:10px; height:auto; overflow:auto; font:12px Verdana,Courier,sans-serif}
* html pre {width:100%}

.sample{padding:0; margin: 0 0; width:950px; height:650px;}

.links {padding:10px;margin-top:20px}
.links a{font-size:14px;color:#0080FF; text-decoration:none}
.links a:hover{font-weight:bold}

#cont{width:950px; height:650px; background:url("http://www.zonezero.com/exposiciones/fotografos/huarcaya/images/interior.jpg") no-repeat;}



.buttons {background: url("images/controles.png") no-repeat scroll 0 -30px transparent; margin:-50px 0; padding:0; width:156px; height:30px; float:right; clear:both}
.buttons a{height:30px; float:left;}
.buttons a img{ border:none;}
#prev a:hover, #prev a:active {background: url("images/controles.png") repeat scroll 0 30px transparent;}
#stop a:hover, #stop a:active {background: url("images/controles.png") repeat scroll -27px 30px transparent;}
#play a:hover, #play a:active {background: url("images/controles.png") repeat scroll -47px 30px transparent;}
#next a:hover, #next a:active {background: url("images/controles.png") repeat scroll -67px 30px transparent;}

.statebtn {background: url("images/state.png") no-repeat scroll 0 0 transparent; margin:10px 0 0 789px; padding:0; width:161px; height:42px; float:right; z-index:500; position:absolute;}
.statebtn a{height:42px; float:left;}
.statebtn a img{ border:none;}
#statebtn a:hover, #statebtn a:active {background: url("images/state.png") repeat scroll 0 -42px transparent;}

.acotabtn{background: url("images/acota.png") no-repeat scroll 0 0 transparent; margin:10px 0 0 789px; padding:0; width:161px; height:42px; float:right; z-index:500; position:absolute;}
.acotabtn a{height:42px; float:left;}
.acotabtn a img{ border:none;}
#acotabtn a:hover, #acitabtn a:active {background: url("images/acota.png") repeat scroll 0 -42px transparent;}
