/*-----------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*--------------------------------------- CSS IRENE SINGER -------------------------------------*/ /*---------------------------- por Ignacio Ricci (www.ignacioricci.com) -------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*- Reset Styles (de http://meyerweb.com/eric/tools/css/reset/) ------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button, address {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:transparent;} ol, ul {list-style:none;} li {line-height:100%;} blockquote, q {quotes:none;} table {border-collapse:collapse; border-spacing:0;} /*- Fin de Reset Styles ----------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*- Estilos Generales ------------------------------------------------------*/ body {font:76% Verdana, Arial, Helvetica, sans-serif; background:#FFF;} /*- Contenedor General -*/ #content {width:960px;} /*- Fin de Estilos Generales -----------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*- HOME -------------------------------------------------------------------*/ /*- Clase del contenedor para la Home -*/ .home {height:702px; margin:45px auto; background:url(../images/home/ilustracionHome.jpg) no-repeat 0 0; position:relative;} .home p {float:right;} .home p a {font-size: 1em;color:#FF9933; text-decoration:none;padding: 10px 11px;} .home h1, .home #menu a {text-indent:-9999em; font-size:0px; display:block;} /*- Irene Singer -*/ .home h1 {width:225px; height:123px; margin:0 auto; background:url(../images/home/h1Bg.gif) no-repeat 0 70px;} /*- Menu -*/ .home #menu {position:absolute; bottom:0; left:0;} .home #menu ul li {float:left; padding-left:50px;} .home #menu ul li a {height:33px; padding:7px; background:no-repeat 0 0;} /*- Para cada categoría: -*/ .home #menu .libros a {background-image:url(../images/home/sections/libros.gif); width:57px;} .home #menu .galeria a {background-image:url(../images/home/sections/galeria.gif); width:79px;} .home #menu .proyectos a {background-image:url(../images/home/sections/proyectos.gif); width:109px;} .home #menu .bio a {background-image:url(../images/home/sections/bio.gif); width:31px;} .home #menu .blog a {background-image:url(../images/home/sections/blog.gif); width:41px;} .home #menu .links a {background-image:url(../images/home/sections/links.gif); width:48px;} .home #menu .contacto a {background-image:url(../images/home/sections/contacto.gif); width:109px;} /*- Fin de HOME ------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*- Paginas Internas -------------------------------------------------------*/ /*- Clase del contenedor para paginas internas -*/ .internalPage {margin:0 auto;} .internalPage #menu, .internalPage #middle, .internalPage #imgCol {float:left; min-height:900px;} /*- Menu -*/ .internalPage #menu {width:125px; background:url(../images/shared/internalMenuBg.jpg) repeat-y 0 0;} .internalPage #menu ul li {padding:40px 0;} .internalPage #menu a {display:block; text-indent:-9999em; font-size:0px; height:26px; background:no-repeat 50% 50%;} /*- Para cada Categoría -*/ .internalPage #menu .inicio a {background-image:url(../images/shared/menu/inicio.gif);} .internalPage #menu .libros a {background-image:url(../images/shared/menu/libros.gif);} .internalPage #menu .galeria a {background-image:url(../images/shared/menu/galeria.gif);} .internalPage #menu .proyectos a {background-image:url(../images/shared/menu/proyectos.gif);} .internalPage #menu .bio a {background-image:url(../images/shared/menu/bio.gif);} .internalPage #menu .blog a {background-image:url(../images/shared/menu/blog.gif);} .internalPage #menu .links a {background-image:url(../images/shared/menu/links.gif);} .internalPage #menu .contacto a {background-image:url(../images/shared/menu/contacto.gif);} /*- Para cada Categoría -*/ .internalPage #menu .inicio-en a {background-image:url(../images/shared/menu/en/home.gif);} .internalPage #menu .libros-en a {background-image:url(../images/shared/menu/en/books.gif);} .internalPage #menu .galeria-en a {background-image:url(../images/shared/menu/en/gallery.gif);} .internalPage #menu .proyectos-en a {background-image:url(../images/shared/menu/en/projects.gif);} .internalPage #menu .bio-en a {background-image:url(../images/shared/menu/en/biography.gif);} .internalPage #menu .contacto-en a {background-image:url(../images/shared/menu/en/contact.gif);} /*- Seccion Central -*/ .internalPage #middle {background:#F2EBE5; padding:0 30px; width:775px; margin-bottom:45px;} .internalPage #middle p {padding-top:10px; line-height:150%; color:#000;} /*- ID para el 1er parrafo -*/ .internalPage #middle #firstParagraph {padding-top:40px;} /*- Fin de Paginas Internas ------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*- SECCION BIO ------------------------------------------------------------*/ /*- Seccion Central -*/ .internalPage.bio #middle {width:480px;} /*- Columna de imágenes en Bio -*/ .internalPage #imgCol {width:295px;} .internalPage #imgCol img {display:block;} /*- FIN SECCION BIO --------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*- SECCION LIBROS ---------------------------------------------------------*/ .book {float:left; width:234px; height: 300px;margin:40px 12px; text-align:center;} .book img, .book strong, .book em, .book span {display:block; padding-bottom:3px; color:#000;} .book img {margin:0 auto; padding-bottom:6px;} .bookTitle h1 {font:200% Verdana, Arial, Helvetica, sans-serif; margin: 10px 0;} .bookItems{} .bookItems li{float:left; margin-right:10px; height:100px; padding:6px 5px;} * html .bookItems li {height:100px;} .bookText {width:650px; clear:both;} .bookText a {display:block; color:#000;} .bookLinks a{float:right; color:#FF9933; text-decoration:none;} /*- FIN SECCION LIBROS -----------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*- SECCION GALERIA --------------------------------------------------------*/ .galleryItem {float:left; width:155px; height:155px; margin:30px 0; text-align:center;} .galerryLinks a{float:right; color:#FF9933; text-decoration:none;} /*- Lista de Paginas -*/ .pageList {clear:both; float:right;} .pageList a {color:#FF9933;} /*- FIN SECCION GALERIA ----------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*- SECCION PROYECTOS ------------------------------------------------------*/ #middle.middleProyect h3 {display:block; width:496px; height:96px; margin:30px auto 0; text-indent:-9999em; font-size:0px; background:url(../images/proyectos/tituloProyectosBg.gif) no-repeat 0 0;} .proyect {float:left; width:350px; margin:30px 18px;} .proyectTitle h1 {font:200% Verdana, Arial, Helvetica, sans-serif; margin: 10px 0;} #middle.middleProyect p {display:block; text-align:center; clear:both;} .proyectItems{float:left; width:100px;} .proyectItems li{padding-top: 10px;} .proyectText { float:right;width:650px; } .proyectText a {display:block; color:#000;} .proyectLinks a{float:right; color:#FF9933; text-decoration:none;} /*- FIN DE SECCION PROYECTOS -----------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*- SECCION LINKS ----------------------------------------------------------*/ #middle.middleLinks a {display:block; margin-top:30px; color:#000;} /*- FIN SECCION LINKS ------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*- SECCION BLOG+CONTACTO --------------------------------------------------*/ #middle.middleBlog #firstParagraph, #middle.middleContact #firstParagraph {padding-top:130px;} #middle.middleBlog #firstParagraph a, #middle.middleContact #firstParagraph a {color:#0000FF;} /*- FIN SECCION BLOG+CONTACTO ----------------------------------------------*/ /*- LightBox ---------------------------------------------------------------*/ #overlay {background: url(../images/lightbox/overlay.png) repeat 0 0;} #lightbox {background:#FFF; padding:15px 15px 20px 15px; border:1px solid #E2C1B8;} #lightbox img {border:1px solid #EEE; background:url(../images/lightbox/load.gif) no-repeat 50% 50%;} #lightboxCaption {font-size:1.1em; color:#333; padding-top:10px; text-align:center;} #keyboardMsg {position:absolute; top:15px; left:15px; width:30px; height:30px; background:url(../images/cornerdetail.png) no-repeat 0 0; z-index:1;} /*- Fin de LightBox --------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*------------------------------------- FIN CSS IRENE SINGER -----------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/