div.wrap {
width : 676px;
margin : 0 auto;
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 676px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 676px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#header { /* posición del frame externo */
margin : 0 0 0 -40px;
}
div#video-header {
height : 676px;
margin : -1px 0 0;
}
div#header div.wrap {
height : 330px;
background : url(../images/caja-instantaneas.jpg) no-repeat 50% 0;
}
div#header div#slide-holder {
z-index : 40;
width : 676px;
height : 330px;
position : absolute;
}
div#header div#slide-holder div#slide-runner { /* posicion de las imágenes dentro del frame */
top : 25px;
left : 95px;
width : 570px;
height : 270px;
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
border: 2px solid #fff;
}
div#header div#slide-holder div#slide-controls { /* bottom controla la altura de la banda translúcida donde van numeradas las imágenes */
left : 0;
bottom : 5px;
width : 580px;
height : 35px;
display : none;
position : absolute;
background : url(../images/slide-bg2.png) 0 0;
}
div#header div#slide-holder div#slide-controls p.text { /* tamaño y posicion de los comentarios */
float : left;
color : #fff;
display : inline;
font-size : 11px;
line-height : 16px;
margin : 12px 0 0 5px;
text-shadow:1px 1px #000;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 18px;
display : inline;
margin : 11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 18px;
height : 18px;
display : inline;
font-size : 7px;
margin : 0 3px 0 0;
line-height : 18px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -18px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(../images/silde-nav3.png);
}
div#nav ul li a {
background : url(images/nav.png) no-repeat;
}