* {padding:0px;margin:0px;border:0px;text-align: left;} body {background-image:url(../images/fondo.gif); background-repeat: repeat-x repeat-y;font-family:helvetica;} h1 { padding:0px; margin:0px; color:#8e8e8e; font-size:16px; text-align:left;font-weight:bold } p { padding:0px; margin:0px; color:#8e8e8e; line-height:15px; font-size:12px; text-align:left; } img {border:0px;} a:focus {outline:none} header { float:left; height:101px; width:945px; padding-left:15px;} #contenedor {width:950px; margin:0 auto; text-align:center; height: auto; } /* INICIO BOTONERA */ #botonera {float:left; width:940px; height:55px; padding:0px; font-family:Arial, Helvetica, sans-serif; background-color:#eeeeee; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; box-shadow: 2px 2px 10px #333333; -webkit-box-shadow:2px 2px 10px #333333; -moz-box-shadow: 2px 2px 10px #333333; behavior: url(ie-css3.htc); margin:0 0 25px 9px;} #botonera ul {float:left; width:950px; height:55px; list-style:none; margin:0 0 0 0;font-smooth:always;} #botonera li {float:left; width:auto; height:55px; font-size:22px; font-smooth:always;} .borde-boton-izquierda {border-left:thin; border-left-color:#c0c0c0; border-left-style:solid;} .borde-boton-derecha {border-right:thin; border-right-color:#FFFFFF; border-right-style:solid;} #botonera li a { float:left; text-decoration:none; color:#747474; text-shadow: 1px 1px 1px #FFFFFF; padding:15px 35px 15px 35px; } #botonera li a:hover {float:left; text-decoration:none; color:#dadada; text-shadow: 1px 1px 1px #747474; background-color:#6a6a6a; padding:15px 35px 15px 35px; behavior: url(ie-css3.htc); } #botonera ul li { position:relative;} .redondeado-derecha {-moz-border-radius-topright:10px; -moz-border-radius-bottomright:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; behavior: url(ie-css3.htc); } .redondeado-izquierda {-moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; border-top-left-radius:10px; border-bottom-left-radius:10px; behavior: url(ie-css3.htc); } .boton-activo {text-decoration:none; color:#dadada !important; background-color:#6a6a6a; text-shadow:none !important;} /* ul del desplegable*/ #botonera ul ul { position:absolute; left:0px; width:190px; top:55px; z-index:999; display:none; list-style:none; height:auto;} #botonera ul ul li {float:left; width:190px; margin:0px; padding:0px; height:auto; font-size:15px; background-color:#eeeeee;} #botonera ul ul li a { float:left; text-decoration:none; color:#747474; text-shadow: 1px 1px 1px #FFFFFF; padding:10px 0 10px 35px; width:155px; } #botonera ul ul li a:hover {float:left; text-decoration:none; color:#dadada; text-shadow: 1px 1px 1px #747474; background-color:#6a6a6a; padding:10px 0 10px 35px;} #botonera ul li:hover > ul {display:block;} .borde-boton-abajo {border-bottom:thin; border-bottom-color:#c0c0c0; border-bottom-style:solid; behavior: url(ie-css3.htc); } .borde-boton-arriba {border-top:thin; border-top-color:#FFFFFF; border-top-style:solid; behavior: url(ie-css3.htc); } .redondeado-abajo {border-bottom-right-radius: 10px; border-bottom-left-radius:10px; -moz-border-bottom-right-radius:10px; -moz-border-bottom-left-radius:10px; behavior: url(ie-css3.htc); } /* fin desplegable*/ /* FIN BOTONERA */ /* INICIO SLIDER */ #proyectos {float:left; height:374px; padding:0px; width:940px; background-color:#eeeeee; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; box-shadow: 2px 2px 10px #333333; -webkit-box-shadow:2px 2px 10px #333333; -moz-box-shadow: 2px 2px 10px #333333; margin:0 0 12px 9px; behavior: url(ie-css3.htc); } #featured{clear:both; width:698px; position:relative; height:374px; float:left; padding:0 250px 0 0;} #featured ul.ui-tabs-nav { position:absolute;top:0; left:698px; padding:0px; margin:0px; list-style:none; width:242px; height:374px;} #featured ul.ui-tabs-nav li {margin:0px; padding:0px; font-size:12px;} #featured ul.ui-tabs-nav li img {float:left; margin:7px 9px; padding:2px; border:1px solid #fff; } #featured ul.ui-tabs-nav li span{ font-family:Verdana; line-height:17px; float:left; margin-top:8px; width:110px;} #featured li.ui-tabs-nav-item a { text-decoration:none; display:block; height:82px; color:#333; text-align:left; width:auto; padding:10px 10px 0 0;} #featured li.ui-tabs-nav-item a:hover { text-decoration:underline; margin:0px; padding-top:10px; padding-right:10px; height:82px; width:auto;} #featured ul.ui-tabs-nav li.ui-tabs-selected a{background:#ccc;} #featured .ui-tabs-panel{ width:698px; height:374px; } #featured .ui-tabs-panel .info{position:absolute; top:280px; width:600px; left:98px;height:85px;background: url(../images/transparent-bg.png); margin:0px; padding:0px;} #featured .info h2{font-size:19px; font-family:Georgia, serif;color:#fff; padding-top:10px; padding-right:15px; padding-bottom:5px; margin:0;overflow:hidden; text-align:right;} #featured .info p{ margin:0 15px; font-family:Verdana; font-size:13px;line-height:15px; color:#f0f0f0; text-align:right; } #featured .info a{ text-decoration:none; color:#fff; } #featured .info a:hover{ text-decoration:underline; } #featured .ui-tabs-hide{ display:none;} .borde-superior-redondeado {-moz-border-radius-topright:10px; border-top-right-radius:10px;} .borde-inferior-redondeado {-moz-border-radius-bottomright:10px; border-bottom-right-radius:10px;} /* FIN SLIDER */ /*FACEBOOK*/ #facebook-api {float:left; height:655px; width:302px; padding:0px; font-family:Arial, Helvetica, sans-serif; background-color:#eeeeee; border-radius:10px; -webkit-border-radius:10px;behavior: url(ie-css3.htc); -moz-border-radius:10px; box-shadow: 2px 2px 10px #333333; -webkit-box-shadow:2px 2px 10px #333333; -moz-box-shadow: 2px 2px 10px #333333; margin:0 0 25px 9px; border:none} #facebook-api h2 {float:left; text-decoration:none; color:#747474; text-shadow: 1px 1px 1px #FFFFFF; padding:15px 0 15px 11px; font-size:18px; font-weight:bold; } /*FIN FACEBOOK*/ /* TWITTER */ #twitter {float:left; height:80px; width:291px; font-family:Arial, Helvetica, sans-serif; background-color:#eeeeee; border-radius:10px; -webkit-border-radius:10px;behavior: url(ie-css3.htc); -moz-border-radius:10px; box-shadow: 2px 2px 10px #333333; -webkit-box-shadow:2px 2px 10px #333333; -moz-box-shadow: 2px 2px 10px #333333; margin:0 0 15px 9px; padding:10px 0 0 10px;} #twitter h2 {float:left; text-decoration:none; color:#747474; text-shadow: 1px 1px 1px #FFFFFF; padding-bottom:12px; font-size:18px; font-weight:bold; padding-top:5px; } /* FIN TWITTER */ /* INFOUNIT */ #contenedor-infounit {width:638px; float:left;} #info-unit-imagen img {float:left; width:220px; margin-right:25px;} #info-unit {width:625px; height:374px; float:left;background-color:#eeeeee; border-radius:10px; -webkit-border-radius:10px; behavior:url(../js/border-radius.htc); -moz-border-radius:10px; box-shadow: 2px 2px 10px #333333; -webkit-box-shadow:2px 2px 10px #333333; -moz-box-shadow: 2px 2px 10px #333333; margin:0 0 12px 9px; } #info-unit p {float:left; width:350px; letter-spacing:1px; color:#666666; line-height:17px; padding-bottom:7px;} #info-unit h1 {float:left; width:350px; margin-top:25px; margin-bottom:5px;letter-spacing:1px; color:#666666; font-size:20px; line-height:20px;} #info-unit h2 {float:left; font-size:14px; letter-spacing:1px; color:#333333; margin-bottom:15px;} #info-unit a {float:left; color:#666666; text-decoration:none; font-weight:bold; margin-top:15px;} #info-unit a:hover {float:left; color:#666666; text-decoration:underline;} #call-to-action-home {float:left; width:345px; font-size:12px; color:#333;} #call-to-action-home a {float:left; height:32px; color:#FFF; padding:10px; margin:10px 0 0 0; width:315px; background-color:#333333; border-radius:10px; -webkit-border-radius:10px; behavior:url(../js/border-radius.htc); -moz-border-radius:10px; box-shadow: 2px 2px 10px #333333; -webkit-box-shadow:2px 2px 10px #333333; -moz-box-shadow: 2px 2px 10px #333333;} #call-to-action-home a img {float:left; height:32px; width:32px; margin-right:10px;} #call-to-action-home a h3 {float:left; width:260px; padding-bottom:3px;} #call-to-action-home a p {float:left; width:260px;} #call-to-action-home a:hover {float:left; height:32px; color:#000; padding:10px; margin:10px 0 0 0; width:315px; background-color:#FFF; border-radius:10px; -webkit-border-radius:10px; behavior:url(../js/border-radius.htc); -moz-border-radius:10px; box-shadow: 2px 2px 10px #333333; -webkit-box-shadow:2px 2px 10px #333333; -moz-box-shadow: 2px 2px 10px #333333;} /* FIN INFOUNIT */ /* GODOT QUIENES SOMOS*/ #godot-seccion-contenedor {float:left; width:960px; margin-left:6px;} #godot-seccion-contenedor img {float:left; width:317px; height:377px;} #godot-seccion {float:left; width:611px; height:377px; background-color:#eeeeee; border-radius:10px; -webkit-border-radius:10px; behavior:url(../js/border-radius.htc); -moz-border-radius:10px; box-shadow: 2px 2px 10px #333333; -webkit-box-shadow:2px 2px 10px #333333; -moz-box-shadow: 2px 2px 10px #333333; margin:0 0 0 15px;} #godot-seccion p {float:left; color:#000000; font-size:14px; width:500px; line-height:19px; padding:20px 0 0 50px; text-shadow: 1px 1px 1px #FFFFFF;} #godot-seccion h1 {float:left; font-size:18px; width:500px; line-height:19px; padding:40px 0 0 50px; color:#666; text-shadow: 1px 1px 1px #FFFFFF;} #godot-seccion a {color:#666; text-decoration:underline; font-weight:bold} #godot-seccion a:hover {color:#333; text-decoration:underline; font-weight:bold} /* GODOT QUIENES SOMOS*/ /* BARRA SOCIAL */ #barra-social {float:left; height:auto; width:940px; margin:15px 0 15px 10px; background-color:#eeeeee; border-radius:10px; -webkit-border-radius:10px; behavior:url(../js/border-radius.htc); -moz-border-radius:10px; box-shadow: 2px 2px 10px #333333; -webkit-box-shadow:2px 2px 10px #333333; -moz-box-shadow: 2px 2px 10px #333333;} #facebook-like {float:left; height:auto; width:640px; margin:15px 15px 0 15px;} #tweet-follow {float:left; width:260px; margin-top:20px;} .margin-top15 {margin-top:15px;} /* FIN BARRA SOCIAL */ /* LISTADO COLECCIONES */ #coleccion {float:left; width:950px; margin-left:10px;} #coleccion img {float:left; width:276px; height:102px; background-color:#eeeeee; border-radius:10px; -webkit-border-radius:10px; behavior:url(../js/border-radius.htc); -moz-border-radius:10px; box-shadow: 2px 2px 10px #333333; -webkit-box-shadow:2px 2px 10px #333333; -moz-box-shadow: 2px 2px 10px #333333;} #texto-coleccion {float:left; width:610px; height:82px; color:#000000; letter-spacing:1px; font-size:13px; padding:10px 20px 10px 20px; line-height:19px; background-color:#eeeeee; border-radius:10px; -webkit-border-radius:10px; behavior:url(../js/border-radius.htc); -moz-border-radius:10px; box-shadow: 2px 2px 10px #333333; -webkit-box-shadow:2px 2px 10px #333333; -moz-box-shadow: 2px 2px 10px #333333; margin:0 0 10px 15px;} #texto-coleccion p {color:#000000; text-decoration:none; text-shadow: 1px 1px 1px #FFFFFF;} #texto-coleccion a {color:#000000; text-decoration:none; text-shadow: 1px 1px 1px #FFFFFF;} #texto-coleccion a:hover {color:#666666} /* FIN COLECCIONES */ /* INTERNA COLECCIONES */ #coleccion-interna {float:left; height:auto; width:940px; margin:0 0 0 10px; background-color:#eeeeee; border-radius:10px; -webkit-border-radius:10px; behavior:url(../js/border-radius.htc); -moz-border-radius:10px; box-shadow: 2px 2px 10px #333333; -webkit-box-shadow:2px 2px 10px #333333; -moz-box-shadow: 2px 2px 10px #333333;} #coleccion-interna li {float:left; font-family:Verdana, Geneva, sans-serif; width:430px; height:200px; list-style:none; margin:25px 0 0 30px;} #coleccion-interna img {float:left; height:200px;} #coleccion-interna h2 {float:left; font-size:22px; width:275px; color:#333; margin-left:15px; font-weight:normal;} #coleccion-interna h3 {float:left; font-size:16px; width:275px; color:#666; margin-left:15px; margin-top:5px; font-weight:normal;} #coleccion-interna p {float:left; font-size:12px; width:275px; color:#333; margin-left:15px; margin-top:10px; line-height:18px;} #coleccion-interna a {float:left; text-decoration:none; color:#333} #coleccion-interna a:hover {float:left; text-decoration:underline; color:#F00;} /* FIN INTERNA COLECCIONES*/ /* SECCION PRENSA*/ #prensa-seccion-contenedor {float:left; width:960px; margin-left:6px;} #prensa-seccion-contenedor img {float:left; width:317px; height:377px;} #prensa-seccion {float:left; width:611px; background-color:#eeeeee; border-radius:10px; -webkit-border-radius:10px; behavior:url(../js/border-radius.htc); -moz-border-radius:10px; box-shadow: 2px 2px 10px #333333; -webkit-box-shadow:2px 2px 10px #333333; -moz-box-shadow: 2px 2px 10px #333333; margin:0 0 0 15px; min-height:350px; padding-bottom:25px;} #prensa-seccion a {color:#666; text-decoration:none;} #prensa-seccion a:hover {color:#333; text-decoration:underline; } #prensa-seccion li {float:left; color:#333; font-size:14px; width:500px; line-height:19px; padding:10px 10px 0 20px; font-weight:normal; list-style:none; text-shadow: 1px 1px 1px #FFFFFF;} #prensa-seccion h1 {float:left; font-size:18px; width:500px; line-height:19px; padding:40px 0 0 50px; color:#666; text-shadow: 1px 1px 1px #FFFFFF;} #prensa-seccion p {float:left; font-size:12px; width:500px; line-height:19px; padding:10px 0 0 50px; color:#666; text-shadow: 1px 1px 1px #FFFFFF;} #prensa-seccion li p {float:left; font-size:12px; width:500px; line-height:19px; color:#666; text-shadow: 1px 1px 1px #FFFFFF; padding:0;} #menu-prensa {float:left; font-size:12px; width:500px; line-height:19px; padding:10px 0 0 50px; color:#666;} /* PRENSA*/ /*CATALOGO*/ #catalogo-seccion {width:940px; margin-left:9px; float:left; background-color:#eeeeee; border-radius:10px; -webkit-border-radius:10px; behavior:url(../js/border-radius.htc); -moz-border-radius:10px; box-shadow: 2px 2px 10px #333333; -webkit-box-shadow:2px 2px 10px #333333; -moz-box-shadow: 2px 2px 10px #333333; } #catalogo-embebido {margin-top:7px; float:left;} /* FIN CATALOGO */ /* FORMULARIO DE PEDIDOS */ #formulario-compra {width:925px; margin-left:9px; float:left; background-color:#eeeeee; border-radius:10px; -webkit-border-radius:10px; behavior:url(../js/border-radius.htc); -moz-border-radius:10px; box-shadow: 2px 2px 10px #333333; -webkit-box-shadow:2px 2px 10px #333333; -moz-box-shadow: 2px 2px 10px #333333; padding:25px 0 0 15px; margin-bottom:25px;} /* FIN FORMULARIO DE PEDIDOS */ /* FORMULARIO CONTACTO */ #formulario-contacto-contenedor {width:925px; margin-left:9px; float:left; background-color:#eeeeee; border-radius:10px; -webkit-border-radius:10px; behavior:url(../js/border-radius.htc); -moz-border-radius:10px; box-shadow: 2px 2px 10px #333333; -webkit-box-shadow:2px 2px 10px #333333; -moz-box-shadow: 2px 2px 10px #333333; padding:25px 0 0 15px; margin-bottom:25px; } #formulario-contacto {float:left; width:500px;} /* FIN FORMULARIO CONTACTO */ /* PAGINA DE UN LIBRO */ #autor {width:890px; float:left; background-color:#eeeeee; border-radius:10px; -webkit-border-radius:10px; behavior:url(../js/border-radius.htc); -moz-border-radius:10px; box-shadow: 2px 2px 10px #333333; -webkit-box-shadow:2px 2px 10px #333333; -moz-box-shadow: 2px 2px 10px #333333; padding:25px; margin:25px 0 0 10px; } #autor p {float:left; font-size:12px; line-height:19px; color:#666; text-shadow: 1px 1px 1px #FFFFFF; padding:0; margin-top:10px;} #autor h1 {float:left; font-size:16px; line-height:19px; color:#666; text-shadow: 1px 1px 1px #FFFFFF; padding:0; font-weight:bold; } #libro-interna-contenedor {float:left; height:auto; width:940px; margin:0 0 0 10px; background-color:#eeeeee; border-radius:10px; -webkit-border-radius:10px; behavior:url(../js/border-radius.htc); -moz-border-radius:10px; box-shadow: 2px 2px 10px #333333; -webkit-box-shadow:2px 2px 10px #333333; -moz-box-shadow: 2px 2px 10px #333333;} #libro-interna li {float:left; font-family:Verdana, Geneva, sans-serif; width:520px; height:200px; list-style:none; margin:25px 0 0 30px;} #libro-interna img {float:left; height:200px;} #libro-interna h2 {float:left; font-size:22px; width:350px; color:#333; margin-left:15px; font-weight:normal;} #libro-interna h3 {float:left; font-size:16px; width:350px; color:#666; margin-left:15px; margin-top:5px; font-weight:normal;} #libro-interna p {float:left; font-size:12px; width:350px; color:#333; margin-left:15px; margin-top:10px; line-height:18px;} #libro-interna a {float:left; text-decoration:none; color:#333} #libro-interna a:hover {float:left; text-decoration:underline; color:#F00;} #call-to-action {float:left; width:390px; font-size:12px; color:#333; padding-top:15px;} #call-to-action a {float:left; height:32px; color:#FFF; padding:10px; margin:10px 0 0 0; width:345px; background-color:#333333; border-radius:10px; -webkit-border-radius:10px; behavior:url(../js/border-radius.htc); -moz-border-radius:10px; box-shadow: 2px 2px 10px #333333; -webkit-box-shadow:2px 2px 10px #333333; -moz-box-shadow: 2px 2px 10px #333333;} #call-to-action a img {float:left; height:32px; width:32px; margin-right:10px;} #call-to-action a h3 {float:left; width:300px; padding-bottom:3px;} #call-to-action a p {float:left; width:300px;} #call-to-action a:hover {float:left; height:32px; color:#000; padding:10px; margin:10px 0 0 0; width:345px; background-color:#FFF; border-radius:10px; -webkit-border-radius:10px; behavior:url(../js/border-radius.htc); -moz-border-radius:10px; box-shadow: 2px 2px 10px #333333; -webkit-box-shadow:2px 2px 10px #333333; -moz-box-shadow: 2px 2px 10px #333333;} /* FIN PAGINA DE UN LIBRO */ /* PAGINA DE UN LIBRO PRENSA */ #imagen-prensa {float:left; width:312px; height:376px; margin-left:9px;} #texto-prensa {float:left; width:568px; height:auto; background-color:#eeeeee; border-radius:10px; -webkit-border-radius:10px; behavior:url(../js/border-radius.htc); -moz-border-radius:10px; box-shadow: 2px 2px 10px #333333; -webkit-box-shadow:2px 2px 10px #333333; -moz-box-shadow: 2px 2px 10px #333333; padding:25px; margin:0 0 15px 10px;} #texto-prensa h1 {float:left; font-size:18px; color:#333; width:400px;} #texto-prensa h2 {float:left; font-size:16px; color:#333; padding-top:15px;} #texto-prensa p {float:left; font-size:13px; color:#666; line-height:16px; padding-top:15px; width:560px;} #barra-social-prensa {float:left; width:568px; height:auto; background-color:#eeeeee; border-radius:10px; -webkit-border-radius:10px; behavior:url(../js/border-radius.htc); -moz-border-radius:10px; box-shadow: 2px 2px 10px #333333; -webkit-box-shadow:2px 2px 10px #333333; -moz-box-shadow: 2px 2px 10px #333333; padding:13px 25px 8px 25px; margin:0 0 15px 10px;} /* FIN PRENSA */ /* FOOTER */ footer {height:270px; float:left; margin:0 0 10px 8px;background-color:#eeeeee; border-radius:10px; -webkit-border-radius:10px; behavior:url(../js/border-radius.htc); -moz-border-radius:10px; box-shadow: 2px 2px 10px #333333; -webkit-box-shadow:2px 2px 10px #333333; -moz-box-shadow: 2px 2px 10px #333333;} #contenedor-footer {float:left; height:auto;} footer ul {float:left; list-style:none; font-size:12px; width:170px; margin:20px 0 0 35px;} footer ul h3 {font-size:16px; font-weight:bold; height:30px;} footer li {float:left; padding:4px 0 5px 0; width:170px;} footer li a, footer ul h3 a { float:left; text-decoration:none; color:#747474; text-shadow: 1px 1px 1px #FFFFFF; } footer li a:hover, footer ul h3 a:hover {float:left; text-decoration:underline; color:#333333;} #feed-twitter {float:left; width:280px; margin:20px 20px 0 25px;} #firma {float:left; width:auto; height:20px; margin:15px 0 15px 29px;font-size:11px;} #firma a { float:left; color:#666; text-shadow: 1px 1px 1px #FFFFFF; text-decoration:underline;} #firma a:hover {float:left; text-decoration:none;} /* FIN FOOTER */