Código HTML:
<!-- INICIO SCRIPTS DE CSS --> <link rel="stylesheet" href="css/inicio.css" type="text/css" /> <style type="text/css"> .slideshow { height: 232px; width: 232px; margin: auto } .slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; } </style> <!-- FIM DE SCRIPTS DE CSS --> <!-- INICIO SCRIPTS DE JS --> <script type="text/javascript" charset="utf-8"></script> <!-- FIM SCRIPTS DE JS --> <!-- INICIO DE SCRIPTS DE JQUERY --> <script src="/lib/jquery/jquery.anchor.js" type="text/javascript"></script> <script src="/lib/jquery/jquery.min.js" type="text/javascript" charset="utf-8"></script> <script src="/lib/jquery/menu_jquery.js" type="text/javascript"></script> <script src="/lib/jquery/jquery.cycle.all.js" type="text/javascript" ></script> <script type="text/javascript" charset="utf-8"></script> <!-- FIM DE SCRIPTS DE JQUERY --> <!-- OTROS SCRIPTS --> <script type="text/javascript"> $(document).ready(function() { $('.slideshow').cycle({ fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc... }); }); </script>
Código CSS:
Saludos y gracias. Ver original
* { margin: 0; padding: 0; } body { font: 12px Arial, Helvetica, sans-serif; color: #000000; background-color: #B3A080; } #wrap { margin: 0 auto; padding: 0; } #topo { background-image: url(/images/fd_body.png); background-repeat: repeat-x; /* background-color: #CCCCCC; */ height: 80px; } #logo1 { width: 132px; height: 50px; background-image: url(/images/logo_hairshine.png); float: left; margin-top: -112px; margin-left: 26px; } #slogan { color:#8E9195; font-family:Verdana; font-size:20px; margin-top: 15px; margin-left: 156px; width: 600px; } /* Menu Top - Inicio */ /* #menu { width: 100%; height: 37px; background-color: #B3A080; margin-left:-144px; }*/ #menu { float: left; display: block; height: 40px; width: 1000px; background-color: #B3A080; margin-left:-30px; margin-top:-41px; } #menu ul { float: right; } #menu li { display: inline; height: 40px; float: left; } #menu li a { text-decoration: none; color: #67593F; font-size: 11px; width: 150px; display: block; background-image: url(/images/fd_topMenu.png); background-repeat: no-repeat; background-position: center top; height: 32px; float: left; line-height: 19px; text-align: center; margin-left: -13px; } #menu li a:hover { color: #897754; background-image: url(/images/fd_topMenuo.png); background-repeat: no-repeat; background-position: center top; } /* Menu Top - Fim */ #content { width: 970px; margin: 0 auto; } #slide { background-image: url(/images/bnBot.png); background-repeat: no-repeat; width: 970px; height: 310px; background-color: #ffffff; /* margin: 0 auto; */ margin-top:41px; margin-left:0px; } #conteudo { width: 898px; margin: 0 auto; } /* INICIO RODAPÉ */ /* #rodape { height: 120px; background-color: #FF00FF; }*/ #rodape { height: 100px; margin-top: 364px; clear: both; width: 800px; margin-right: 0px; margin-bottom: 20px; margin-left: -38px; background-image: url(/images/fd_rodape.jpg); background-repeat: no-repeat; background-position: center center; padding-left: 170px; } #rodape p { font-size: 0.6em; color: #666666; margin-left: 5px; } #rodape a { color: #8C7955; text-decoration: none; } #rodape a:hover { color: #333333; } .boxRoda { width: 360px; float: left; padding: 5px; margin-top: 20px; border-left-width: 1px; border-left-style: dotted; border-left-color: #B3A080; height: 50px; } #logo_rodape { width: 152px; height:59px; margin-top:20px; margin-left:-143px; background-image: url(/images/logo_152x59.jpg); background-repeat: no-repeat; } #_texto_rodape { width: 370px; height:60px; margin-top:-52px; margin-left:158px; color:#8E9195; text-align:center; } /* FIM RODAPÉ */ /*Menu acordeon*/ p a:hover{ color: #2961A9;} #menu2{ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow:1px 1px 3px #888; -moz-box-shadow:1px 1px 3px #888; } #menu2 li{border-bottom:1px solid #FFF;} #menu2 ul li, #menu2 li:last-child{border:none} #menu2 ul li li{padding-left: 40px;} a{ display:block; color: #B3A080;/*color letra menu*/ text-decoration: none; font-family:'Helvetica', Arial, sans-serif; font-size:11px; padding:6px 8px; } #menu2 a:hover{ color: #B3A080;/*color de la fuente al pasar el cursor*/ text-decoration:underline; text-shadow:inherit -webkit-transition: color 0.2s linear; } #menu2 ul a{background-color: #DFDFDF;/*color fondo submenu*/ padding-left:20px; color: #848484; text-shadow:1px 1px 1px #FFFFFF; font-weight:bold; } #menu2 ul a:hover{ background-color: #F5F5F5; /*subrrayado de los submenus*/ color: #848484; text-shadow:none; -webkit-transition: color, background-color 0.2s linear; } #menu3 ul{ display:block; background-color: #E9E9E9;/*color menu principal*/ margin:0; padding:0; width:250px; list-style:none; } #menu2 ul{background-color:#DFDFDF;}/*franja separadora del subsubmenu*/ #menu2 li ul {display:none;} #contenido { float:right; padding:5px; width:300px; position:absolute; height:140px; top:76px; left:450px; } #menu3 { float:left; padding:5px; width:247px; position:absolute; height:104px; margin-top:394px; rigth:500px; margin-left: -67px; } /*fin menu acordeon*/ /*banner*/ .banner_mov { width:950px; height:290px; margin-top:41px; margin-left:-400px; } /*fin banner*/