body,h1,h2,h3,h4,h5,h6,p,ul,li{margin:0; padding:0}

.contenedor{margin: 0 auto; width: 849px; margin-top: 56px;}
.header{width: 100%; height: 80px; float: left;}
.header h1 a{float: left; background: url(../img/logo.gif) no-repeat; height: 80px; width: 195px; font: normal 1px Arial; color: #FFF; display: block;}
.contenedor .header ul{float: left; border: 0; width: 654px; height: 13px; display: inline; padding: 0; margin: 45px 0 0 0; text-align: right;}
.contenedor .header li{float: right; font: normal 11px Arial; color: #000; text-transform: uppercase; width: auto; height: auto; margin: 0 0 0 28px;}
.contenedor .header li a{font: normal 11px Arial; color: #000; text-transform: uppercase; text-decoration: none; margin: 0; padding: 0 2px;}
.contenedor .header li a span{font: normal 11px Arial; color: #828282; text-transform: uppercase; text-decoration: none;}
.contenedor .header li a:hover{width: auto; height: auto; color: #FFF; background-color: #000; padding: 0 2px;}
.contenedor .header li a:hover span{color: #FFF;}
.contenedor h2{float: right; width: 100%; height: 9px; padding-top: 45px; margin-bottom: 14px; font: bold 11px Arial; color: #000; text-transform: uppercase; text-align: right;}
.contenedor h2 span{font: bold 11px Arial; color: #828282; text-transform: uppercase;}
.contenedor ul{width: 849px; float: left; display: inline; margin-bottom: 26px; border-top: 1px solid #9c9c9c; padding-top: 26px;}
.contenedor li{list-style: none; height: 195px; width: 275px; float: left; margin-left: 49px;}
.contenedor li a img{border: 0; text-decoration: none; height: 195px; width: 275px;}
.contenedor li.titulo{font: normal 11px Arial; color: #000; list-style: none; height: 195px; width: 200px; float: left; margin: 0}
.contenedor li.titulo a{font: normal 11px Arial; color: #c00000; text-decoration: underline; list-style: none; height: 195px; width: 200px; margin: 0}
.contenedor h4{width: 849px; float: left; display: inline; margin-bottom: 26px; border-top: 1px solid #9c9c9c; padding-top: 26px;}
.contenedor h4 img{border: 0; text-decoration: none; height: 390px; width: 275px; float: right; margin-right: 8px;}
.contenedor h4 span.titulo{font: normal 11px Arial; color: #000; list-style: none; height: 195px; width: 200px; float: left; margin: 0}
.contenedor h4 span.titulo a{font: normal 11px Arial; color: #c00000; text-decoration: underline; list-style: none; height: 195px; width: 200px; margin: 0}
.contenedor h3{float: left; width: 100%; height: 19px; border-top: solid 3px #000; margin: 14px 0 45px 0; text-align: right; padding-top: 16px; font: normal 11px Arial; color: #000; text-transform: uppercase;}
.contenedor h3 a{text-transform: uppercase; font: normal 11px Arial; color: #c00000; text-decoration: underline;}
.textito{text-transform: uppercase; font: normal 11px Arial; color: #c00000;}
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#FFF;
	padding:5px;
	display:none;
	color:#fff;
}

.thumbnail{ background-position:left top; background-repeat:no-repeat;}

.joy01{ background: url(img/i_joy0001_g.jpg) no-repeat;}
.joy02{ background: url(img/i_joy0002_g.jpg) no-repeat;}
.joy03{ background: url(img/i_joy0003_g.jpg) no-repeat;}
.joy06{ background: url(img/i_joy0006_g.jpg) no-repeat;}
.joy07{ background: url(img/i_joy0007_g.jpg) no-repeat;}