* { margin:0; padding:0; outline:none;} a { text-decoration:none;} img { border:none;} li { list-style:none;} div { position:relative;} .clear { clear:both;} h2 { font-size:48px; color:#333; margin-bottom:30px;} h3 { font-size:18px; color:#333; margin:10px 0;} h4 { font-size:18px; color:#ff7200; margin-bottom:10px;} #productos p { margin:5px 0;} body { background:#000; font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size:11px;} #home { background:#000 url(../../../img/fondo.jpg) no-repeat top center;} #page_wrap { width:960px; margin:auto;} #top { background: url(../../../img/top.png) no-repeat; width:960px; height:16px; margin-top:10px; float:left;} #contenido { background: url(../../../img/fondo_cont.png) repeat-y; width:650px; padding:0 40px 0 280px; color:#333; text-align:justify; line-height:18px; float:left; min-height:500px;} #contenido2 { background: url(../../../img/fondo_cont.png) repeat-y; width:830px; padding:0 40px 0 100px; color:#333; text-align:justify; line-height:18px; float:left; min-height:500px; } #logo { left:-120px; width:249px; float:left; } #logo h1 a { left:-120px; display:block; width:249px; height:61px; text-indent:-9999px; background:url(../../../img/logo.png) no-repeat; margin-top:40px; behavior: url(http://www.iphonedroid.com/iepngfix.htc);} #movil1 { left:-120px; width:102px; float:left; background:none} #movil1 h1 a { left:-120px; display:block; width:102px; height:126px; text-indent:-9999px; background:none; no-repeat; margin-top:20px;} #movil1:hover {left:-120px; display:block; width:102px; height:126px; text-indent:-9999px; background:url(../../../images/_iphone_home_small.png) no-repeat; margin-top:20px;} #movil2 { left:-120px; width:102px; float:left; background:none} #movil2 h1 a { left:-120px; display:block; width:102px; height:126px; text-indent:-9999px; background:none; no-repeat; margin-top:20px;} #movil2:hover {left:-120px; display:block; width:102px; height:126px; text-indent:-9999px; background:url(../../../images/android_home_small.png) no-repeat; margin-top:20px;} /******************************************************************************************************************************************************* Botonera arriba *******************************************************************************************************************************************************/ #btnArriba { width:274px; height:44px; float:right;} /*Botonera Idioma*/ #idioma { float:left; width:165px; margin-top:10px; margin-bottom:-10px; padding:0 0 0 103px; display:none;} #idioma p { color:#999; float:left;} #btnEspanyol { float:left;} #btningles { float:left;} #btnEspanyol a { width:29px; height:19px; text-indent:-9999px; background: url(../../../img/es.png) no-repeat 0 -19px; float:left; margin-left:5px; display:block;} #btnEspanyol a:hover {background: url(../../../img/es.png) no-repeat 0 0;} #btnIngles a { width:29px; height:19px; text-indent:-9999px; background: url(../../../img/en.png) no-repeat 0 -19px; float:left; margin-left:5px; display:block;} #btnIngles a:hover {background: url(../../../img/en.png) no-repeat 0 0;} .esActivo #btnEspanyol a { background: url(../../../img/es.png) no-repeat 0 0;} .enActivo #btnIngles a { background: url(../../../img/en.png) no-repeat 0 0;} /* fin */ #botonera_arriba { float:right; margin-top:20px;} #btn1, #btn2, #btn3 { float:left; margin-right:10px;} #btn1 a { display:block; width:89px; height:24px; float:left; background: url(../../../img/btn1.png) no-repeat; text-indent:-9999px; behavior: url(http://www.iphonedroid.com/iepngfix.htc);} #btn2 a { display:block; width:66px; height:24px;; float:left; background: url(../../../img/btn2.png) no-repeat; text-indent:-9999px; behavior: url(http://www.iphonedroid.com/iepngfix.htc);} #btn3 a { display:block; width:89px; height:24px;; float:left; background: url(../../../img/btn3.png) no-repeat; text-indent:-9999px; behavior: url(http://www.iphonedroid.com/iepngfix.htc);} /* fin */ /******************************************************************************************************************************************************* MENU PRINCIPAL *******************************************************************************************************************************************************/ #menuIcons { width:100%; position: absolute; float:right; margin:0px 10px 0 -10px;} #menu { float:right; margin:70px 10px 0 0;} #ulMenu { width:469px; height:35px; background:url(../../../img/menuSprite.png) no-repeat top left; behavior: url(http://www.iphonedroid.com/iepngfix.htc);} #ulMenu li { float:left; width:117px; height:36px; list-style:none;} #ulMenu a { display:block; float:left; width:117px; height:35px; text-indent:-9999px;} li.noticias a:hover { background:url(../../../img/menuSprite.png) no-repeat 0 -37px; behavior: url(http://www.iphonedroid.com/iepngfix.htc);} li.productos a:hover { background:url(../../../img/menuSprite.png) no-repeat -117px -37px; behavior: url(http://www.iphonedroid.com/iepngfix.htc);} li.servicios a:hover { background:url(../../../img/menuSprite.png) no-repeat -234px -37px; behavior: url(http://www.iphonedroid.com/iepngfix.htc);} li.clientes a:hover { background:url(../../../img/menuSprite.png) no-repeat -351px -37px; behavior: url(http://www.iphonedroid.com/iepngfix.htc);} li.noticias a:active { background:url(../../../img/menuSprite.png) no-repeat 0 -74px; behavior: url(http://www.iphonedroid.com/iepngfix.htc);} li.productos a:active { background:url(../../../img/menuSprite.png) no-repeat -117px -74px; behavior: url(http://www.iphonedroid.com/iepngfix.htc);} li.servicios a:active { background:url(../../../img/menuSprite.png) no-repeat -234px -74px; behavior: url(http://www.iphonedroid.com/iepngfix.htc);} li.clientes a:active { background:url(../../../img/menuSprite.png) no-repeat -351px -74px; behavior: url(http://www.iphonedroid.com/iepngfix.htc);} .noticiasActual li.noticias a { background:url(../../../img/menuSprite.png) no-repeat 0 -74px; behavior: url(http://www.iphonedroid.com/iepngfix.htc);} .productosActual li.productos a { background:url(../../../img/menuSprite.png) no-repeat -117px -74px; behavior: url(http://www.iphonedroid.com/iepngfix.htc);} .serviciosActual li.servicios a { background:url(../../../img/menuSprite.png) no-repeat -234px -74px; behavior: url(http://www.iphonedroid.com/iepngfix.htc);} .clientesActual li.clientes a { background:url(../../../img/menuSprite.png) no-repeat -351px -74px; behavior: url(http://www.iphonedroid.com/iepngfix.htc);} /* FIN MENU PRINCIPAL */ /******************************************************************************************************************************************************* MENU IPHONE *******************************************************************************************************************************************************/ #video_iphone { position:relative; width:401px; height:243px;} #menu_iphone { position:absolute; top:170px; left:-21px; width:303px; height:526px; background: url(../../../img/iphone.png) no-repeat; z-index:1; font-family:Verdana, Geneva, sans-serif; } #menu_iphone2 { position:absolute; top:150px; left:-81px; width:546px; height:303px; background: url(../../../img/iPhone_Landscape.png) no-repeat; z-index:1; font-family:Verdana, Geneva, sans-serif; behavior: url(http://www.iphonedroid.com/iepngfix.htc);} #iphone_menu { width:303px; height:850px; margin:auto; background:url(bg_iphone.jpg);} #iphone_menu2 { width:401; height:238; margin:auto; background:url(iPhone_Landscape.png);} #iphone_menu li { border-bottom:1px solid #E0E0E0; height:30px; list-style:none; } #iphone_menu li a { background:#FFFFFF url(../../../img/flecha_iphone.png) no-repeat scroll right center; color:#333333; display:block; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; height:22px; padding-top:8px; text-indent:15px; } #imgIcono { width: 20px; height: 20px; vertical-align: middle; margin-top: -5px; } #iphone_menu li a:hover { background:#387cdc url(../../../img/flecha_iphone.png) no-repeat right; color:#FFF;} .activado { background:#387cdc url(../../../img/flecha_iphone.png) no-repeat right!important; color:#FFF!important;} #areaScroll { background:url(bg_area.png); width:223px; height:497px; position:absolute; left:126px; top:140px; z-index:10; } #mascara { width:223px; height:287px; background:#c5ccd4; position:absolute; left:25px; top:98px; overflow:hidden; } #links_iphone { background:transparent url(../../../img/botonera_iphone.jpg) no-repeat scroll 0 0; height:33px; position:absolute; top:555px; left:37px; width:160px; z-index:2;} #links_iphone li { width:53px; height:33px; display:block; float:left;} li.nosotros a { width:53px; height:33px; background: url(../../../img/botonera_iphone.jpg) no-repeat 0 0; display:block; float:left; text-indent:-9999px;} li.nosotros a:hover { width:53px; height:33px; background: url(../../../img/botonera_iphone.jpg) no-repeat 0 -33px; } li.blog a { width:53px; height:33px; background: url(../../../img/botonera_iphone.jpg) no-repeat -53px 0; display:block; float:left; text-indent:-9999px;} li.blog a:hover { width:53px; height:33px; background: url(../../../img/botonera_iphone.jpg) no-repeat -53px -33px;} li.contacto a { width:53px; height:33px; background: url(../../../img/botonera_iphone.jpg) no-repeat -106px 0; display:block; float:left; text-indent:-9999px;} li.contacto a:hover { width:53px; height:33px; background: url(../../../img/botonera_iphone.jpg) no-repeat -106px -33px;} /* Fin de menu iphone */ /******************************************************************************************************************************************************* NOTICIAS *******************************************************************************************************************************************************/ #noticias { width:630px;} #noticias a { font-size:18px; color:#ff7200; margin-bottom:10px;} #noticias li { margin-top:15px; padding-bottom:15px; border-bottom:1px dotted #CCC;} /* Fin de menu noticias */ /******************************************************************************************************************************************************* PRODUCTOS *******************************************************************************************************************************************************/ #contenedor { width:650px; padding:40px 0 0; display:none;} /* Antonio: Lo he cambiado de 830 a 650 porque la ventana de CONTACTO se descuadraba */ #contenedor2 { width:830px; padding:40px 0 0;} #contenedor3 { width:650px; padding:40px 0 0;} .producto_info { width:650px;} .listaProductos { padding-top:5px; text-align:left;} .listaProductos li { margin:0 0 10px; list-style:none; background: url(../../../img/lista.png) no-repeat; padding:5px 0 0 38px; min-height:28px;} .icono { position:absolute; top:-30px; right:0;} #imagenes { width:250px; height:375px; overflow:hidden; border:1px solid #CCC;} .info { width:350px; margin: 0 35px 0 0; float:left;} #imagenes1 .img { float:left; width:180px; height:270px; margin:20px 0 0 10px; border: 1px solid #E3E3E3;} #imagenes1 .img2 { float:left; width:180px; height:270px; margin:20px 0 0 20px; border: 1px solid #E3E3E3;} .topCaja { background: url(../../../img/topCaja.jpg) no-repeat top left; width:352px; height:37px; } .debajoCaja { background: url(../../../img/debajoCaja.jpg) no-repeat top left; width:352px; height:11px; margin-bottom:25px; } .descripcion, .contiene { border-left: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; padding:8px; text-align:left;} .pDescripcion { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;} .resaltar { background:#F3F3F3; border-bottom:1px solid #E0E0E0; border-top:1px solid #E0E0E0; padding:5px 30px 5px 20px;} /*FIN PRODUCTOS*/ /******************************************************************************************************************************************************* banner *******************************************************************************************************************************************************/ .container { width:630px; height:240px; overflow:hidden; position:relative; cursor:pointer; border:1px solid #e0e0e0; } div.slides { position:absolute; top:0; left:0; } ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; } div.slides div,ul.slides li { position:absolute; top:0; width:630px; display:none; padding:0; margin:0; } #loopedSlider,#newsSlider { margin:0 auto; width:630px; position:relative; clear:both; margin:-15px 0 35px; } ul.pagination { list-style:none; padding:0; margin:0; float:right;} ul.pagination li { float:left; width:8px; height:8px; margin:10px 5px; } ul.pagination li a { float:left; text-indent:-9999px; display:block; width:8px; height:8px; background:url(../../../img/punto_banner.png) no-repeat 0 0; } ul.pagination li.active a { background:url(../../../img/punto_banner.png) no-repeat 0 -8px;} .container2 { width:250px; height:375px; overflow:hidden; position:relative; cursor:pointer; border:1px solid #e0e0e0; } div.slides2 { position:absolute; top:0; left:0; } ul.slides2 { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; } div.slides2 div,ul.slides2 li { position:absolute; top:0; width:250px; display:none; padding:0; margin:0; } #loopedSlider2 { float:left; width:250px;} ul.menuProductos { list-style:none; padding:0; margin:10px 0 0; float:right;} ul.menuProductos li { float:left;} ul.menuProductos li a { display:block; width:28px; height:28px; float:left; background:url(../../../img/numerosSprite.png) no-repeat 0 -28px; margin:5px; color:#FFF; font-weight:bold; line-height:28px; text-indent:10px;} ul.menuProductos li.active a { background:url(../../../img/numerosSprite.png) no-repeat 0 0;} div.menuVideos { color: black; float:left; font-weight:bold; cursor: pointer; background:url(../../../img/lista_nohover.png) no-repeat 0 0; text-indent:24px;} div.menuVideos:hover { color: #ef7819; float:left; font-weight:bold; cursor: pointer; background:url(../../../img/lista_hover.png) no-repeat 0 0; text-indent:24px;} /*fin banner*/ /******************************************************************************************************************************************************* SERVICIOS *******************************************************************************************************************************************************/ /*ACCORDION*/ .serv h3 { margin:0!important;} .serv { width: 630px; font-family: verdana; float:left; background:#F3F3F3; border-top:1px solid #E0E0E0; margin:-10px 0 0; } .serv a { cursor:pointer; display:block; background: #ececec url(../../../img/listaServ.png) no-repeat 598px 3px; padding:8px 20px; margin-top: 0; text-decoration: none; font-size: 12px; color: black; border-bottom:1px solid #E0E0E0; } .serv a:hover { } .serv a.selected { background: #D5D5D5 url(../../../img/listaServ-.png) no-repeat 598px 3px!important; color:#FFF!important; } .serv ul { padding: 10px 30px 13px 30px; border-bottom:1px solid #E0E0E0;} .serv li { list-style-image:url(../../../img/lista_punto.png);} /*fin ACCORDION*/ /*fin SERVICIOS*/ /******************************************************************************************************************************************************* nosotros *******************************************************************************************************************************************************/ #nosotros { padding-right:20px;} #nosotros p { margin:15px 0;} /*fin nosotros*/ /*Clientes*/ #logos div { float:left; margin:10px 10px 0 0;} #resenas { clear:both; padding:20px 20px 0 0;} /*fin Clientes*/ /******************************************************************************************************************************************************* CONTACTO *******************************************************************************************************************************************************/ #formulario { margin:20px 0 0 0; padding-bottom:35px;} #formulario div { margin:10px 0;} label { display:block; float:left; width:120px; margin-right:10px;} input { width:200px; border:1px solid #E0E0E0; background:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:12px; padding:3px;} textarea { width:459px; height:200px; border:1px solid #E0E0E0; background:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:12px; padding:3px;} input#boton { background:transparent url(../../../img/btnEnviar.png) no-repeat scroll 0 0; .background:transparent url(../../../img/btnEnviar_ie7.png) no-repeat scroll 0 0; border:medium none; color:#FFFFFF; cursor:pointer; float:right; font-size:10px; font-weight:bold; height:26px; margin-right:4px; padding-bottom:5px; width:82px; text-indent:-9999px; color:#FFF; } #formulario span { color:#FF7200;} .grande { font-size:13px;} /*fin CONTACTO*/ /******************************************************************************************************************************************************* PIE *******************************************************************************************************************************************************/ #pie { background:transparent url(../../../img/pie.png) no-repeat scroll 0 0; float:left; margin-bottom:10px; padding:60px 30px 0 60px; width:870px;} .contenidoPie { color:#CCC; float:left; height:160px; padding:30px 20px 20px; text-align:justify; width:250px;} #pie a { text-decoration:none; color:#FFF;} #pie p { margin:10px 0;} #nosotrosPie { color:#CCC; float:left; padding:30px 20px 20px; text-align:justify; width:350px;} #blogPie { color:#CCC; float:left; padding:30px 20px 20px; text-align:justify; width:250px;} #contactoPie { color:#CCC; float:left; padding:30px 20px 20px; text-align:justify; width:150px;} /* Fin PIE */ #copyright { color:#909090; float:right; margin:0 10px 30px 0; } #copyright a { text-decoration:none; color:#FFF; margin-left:10px; border-left:1px solid #333; padding-left:10px;} #copyright span { color:#FFF;}