*
    {
        margin: 0;
        padding: 0
    }

body
    {
        background: #fff url(../images/fondo_ficha_catalogo.jpg) left top no-repeat;
		
    }

.sample{
width:760px;
margin-top:20px;
margin-left:20px;
}
h4.stitle{color:#666;margin:0 0 5px 0}

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

.buttons{  /* posicionamiento de los botones */
	position:absolute;
	top:520px;
	left:610px;
	width:170px;
	text-align:left;
}
.buttons span{color:#999;padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{color:#c00; font-weight:bold}

/* CODIGO PARA VIEWER */
#box1, #box2, #box3, #box4{
	position:absolute;
}

.mask{
	position:relative;
	width:760px;
	height:500px;
	overflow:hidden;
}
.mask img{
	position:absolute;
	display:block;
}
/* CODIGOS PARA EL TEXTO */
#info {
	text-align:left;
	margin:10px 20px;
	width:500px;
}

#info h1 {
	font:18px arial,"trebuchet ms";
	color:#c00;
}

#info h2 {
	font:bold 10px arial;
	color:#c00;
	letter-spacing:1px;
}

#info p {
	font:11px arial;
	color:#999;
	line-height:17px;
}

#info a {
	color:#666;
	
}