/* CSS Document ================================= CSS BASE Comienzo : 12/06/09 ===================================== Autor : Florencia Bianchini = Email: info@bianchiniestudioweb.com.ar = ===================================== */ .mailosos h2{margin-left:20px; width:575px;} /*========== CSS DEBUG =============*/ /*============ Basico ==============*/ /*a[href="#"] {background: lime;} a[href=""] {background: fuchsia;} img {outline: 5px solid red;} img[alt][title] {outline-width: 0;} img[alt] {outline-color: fuchsia;} img[alt], img[title] {outline-style: double;} img[alt=""][title], img[alt][title=""] {outline-width: 3px;} img[alt=""][title=""] {outline-style: dotted;}*/ /*========== CSS DEBUG =============*/ /*=========== Avanzado =============*/ /*table#imgtest th, table#imgtest td {text-align: center; padding: 5px;} table#imgtest tbody th {text-align: right;} table#imgtest img {width: 25px; height: 25px;} div:empty, span:empty, li:empty, p:empty, td:empty, th:empty {padding: 0.5em; background: yellow;} *[style], img, a[href], font, center {outline: 5px solid red;} table, th {border: 5px solid red;} img[alt][title] {outline-width: 0;} img[alt] {outline-color: fuchsia;} img[alt], img[title] {outline-style: double;} img[alt=""][title], img[alt][title=""] {outline-width: 3px;} img[alt=""][title=""] {outline-style: dotted;} table[summary], th[scope="col"], th[scope="row"] {border: 1px solid #AAA;} a[title] {outline-width: 0;} a[title=""] {outline-width: 3px;} a[href="#"] {background: lime;} a[href=""] {background: fuchsia;} li {margin: 0.67em 0;}*/ /* =============================== */ /* ========= CSS RESET =========== */ /* =============================== */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;} table {border-collapse:collapse;border-spacing:0;} caption,th {text-align:left;} fieldset,img {border:0;} a {outline:none;} h1,h2,h3,h4,h5,h6 {font-size:2em; font-weight:normal;} ol,ul {list-style:none;} address,caption,cite,code,dfn,th,var {font-style:normal; font-weight:normal;} iframe { width:570px; margin-left:20px; height:460px; } /* q:before,q:after {content:'';} abbr,acronym {border:0;} */ /* =============================== */ /* ========== Estandar ============ */ /* =============================== */ /* ########################### ##Colores: ########################### ##Tamaños básicos de fuentes en : .68em; 10px = .9em; PREDETERMINADO: 11px = 1em; 12px = 1.00em; 13px = 1.18em; 14px = 1.27em; 15px = 1.36em; 16px = 1.45em; 17px = 1.54em; /* =============================== */ /* ======= Elementos HTML ======== */ /* =============================== */ body,td,th {} * html #fondo {height: 1%;} div#fondo { overflow: auto; width: 160px; height: 40px; position: absolute; bottom: 0; left:1%; /*top:20% */ } div#fondo a {color:#4d4c49;padding:2px;} div#fondo a:hover { background-color:#e4edd7;} body { font-family: Arial, Helvetica, sans-serif; font-size:.68em; background-attachment:fixed; margin: 0px; background: #78a538 ; } a {text-decoration:none;} a:hover {text-decoration:none;} blockquote {padding:5px 0 5px 15px; background:url(../img/bg_blockquote.jpg) repeat-y left #fdf9f0 ; font-size:13px; color:#4d4c49; margin:15px 0 5px 60px; color:#4d4c49;font-family:Georgia,"Times New Roman",serif;font-weight:normal; line-height:2em; } strong.negrita { color:#d67c24} ol { font:normal 12px Verdana; color:#d67c24;;list-style:decimal;margin-left:45px; background:url(../img/bg_blockquote.jpg) repeat-y left #fdf9f0 ; padding:5px 0 5px 15px; } ol li {margin:0 0 15px 15px;} /* ========================================= */ /* ========= Estructura del sitio ========== */ /* ========================================= */ #main_container {width:858px; margin:auto; clear:both; } #content {width:847px; background:url(../img/bg_contenido.jpg) right repeat-y #fff; display:inline; height:auto!important; min-height:500px; height:auto; overflow:auto; float:left;} .side-left{width:220px; float:left;} #suscribe { height:70px; margin-left:12px; float:left; } h2 a.suscribe {height:97px; width:200px; display:block; text-indent:-9999px;background:url(../img/bt_suscribe.jpg) no-repeat;} #proximo {width:176px; background: bottom no-repeat; height:250px; float:left; margin:20px 0 0 12px;} h3 a.proximo {background:url(../img/h3_proximo.gif) no-repeat; width:143px; height:26px; display:block; text-indent:-9999px;} div.firma { border-right:2px solid #d1af6b; padding-right:5px; float:right; margin-top:10px; } div.firma p {font-size:11px; color:#d67c24;text-align:right; font-weight:bold;} div.firma em {font-size:9px; font-style:normal;} div.creditos { border-right:2px solid #d1af6b; padding-right:5px; float:right; margin-top:10px; } div.creditos p {font-size:12px; color:#d67c24;text-align:right; font-weight:bold;} div.creditos em {font-size:12px; font-style:normal;} /****************** Side Right ***********************/ .side-right{width:617px; float:left; display:inline; padding-top:10px; } .side-right p {color:#4D4C49; font-size:1.2em; line-height:1.2em} .side-right a {text-decoration:underline;color:#d67c24;} .side-right a:hover { color:#78a538; } .side-right h2 { color:#e48219; margin:20px 0 0 20px;} #fecha_header {} #main-col { background:url(../img/bg_maincol.jpg) repeat-y; width:606px; float:left; display:inline; height:auto!important; height:auto; padding-bottom:20px; } #main-col-galeria { background:url(../img/bg_maincol.jpg) repeat-y; width:590px; float:left; display:inline; height:auto!important; height:auto; padding:15px 0 20px 20px; } .main-col-galeria { width:590px; float:left; display:block;} #main-col p.libro {font-style:italic; color:#666; font-family:Georgia,"Times New Roman",serif;font-size:18px; margin-top:15px; color:#e27e13} #main-col h4, #main-col-galeria h4 {color:#666; font-family:Georgia,"Times New Roman",serif;font-size:23px; background:url(../img/bg_h4.jpg) repeat-x; margin-left:43px; margin-top:20px; } .referencias {margin:25px; padding:10px; width:520px; } .referencias p {font-size:11px; margin:5px auto 5px; } .referencias h4 {color:#666; font-family:Georgia,"Times New Roman",serif;font-size:18px; background:url(../img/bg_h4.jpg) repeat-x; margin-left:43px; margin-top:20px;} #archivo {background:url(../img/anteriores.jpg); width:596px; height:130px; float:left;} .col1_anteriores {width:256px;float:left; margin-left:30px; margin-top:15px;} .col2_anteriores {width:256px; float:left; margin-left:25px;margin-top:15px;} .col1_anteriores a, .col2_anteriores a{ color:#d67c24; font-family:"Times New Roman", Times, serif ;font-size:15px; text-decoration:underline; margin:8px 0 25px 8px ; font-weight:bold;} .col1 h2, #main-col-galeria h2{color:#d67c24;font-family:Georgia,"Times New Roman",serif;font-size:29px;font-weight:normal;line-height:1.1em;border:none;margin-bottom:5px; margin-left:25px; margin-top:0px;} .col1 h3{color:#d67c24;font-family:Georgia,"Times New Roman",serif;font-size:15px;font-weight:bold;line-height:1.1em;border:none;margin:10px 0 0 43px} .unaCol { width:560px; margin:auto} #main-col p {margin-left:43px; line-height:15px; margin-bottom:1em;} #main-col h1 {color:#d67c24;font-family:Georgia,"Times New Roman",serif;font-size:25px;font-weight:normal;line-height:1em;border:none;margin:10px 0 15px 25px;} .col1 p{margin-left:30px; line-height:1.3em;} .col1 em {font-family:Georgia,"Times New Roman",serif;} .col1 img {margin-left:25px; width:300px;} .col1 { width:350px; float:left; } .col2 { width:228px; float:left; margin-top:10px; } .col2 img {margin:5px;} .unaCol h2{color:#d67c24;font-family:Georgia,"Times New Roman",serif;font-size:25px;font-weight:normal;line-height:1em;border:none;margin-bottom:5px; margin-left:25px;} .unaCol h3{color:#d67c24;font-family:Georgia,"Times New Roman",serif;font-size:15px;font-weight:bold;line-height:1.1em;border:none;margin:10px 0 0 43px} .unaCol { width:540px; margin:auto;} /**************** H O M E ***********/ #ejemplar { display:inline; float:left; height:210px; margin-top:10px; } .fotoEjemplar{ width:280px; float:left; height:200px;} .detalleEjemplar{ background-color:#E4EDD7; margin-top:7px; height:137px/*137*/; float:left; padding-top:12px; width:331px;} .detalleEjemplar h1 { background:url(../img/h1_ejemplar.gif) no-repeat; width:322px; height:40px; text-indent:-9999px; margin-bottom:4px;} .detalleEjemplar p {font-size:1.1em; margin-left:5px; color:#4d4c49; } .novedades {background:url(../img/bg_novedades.gif) repeat-y; width:617px; height:auto!important; float:left; display:inline; } .novedades img#fichaTecnica { margin:5px 0 15px 20px; } .novedades h5 {background:url(../img/bg_h5.jpg) bottom no-repeat; padding:7px; margin-left:20px; color:#e07d18; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; font-weight:bold; } hr { color: #d1af6b; background-color: #d1af6b; height:2px; width:80%; border: 0; margin: 10px 0 0 20px; text-align: center; } .penovedades_contenido h2 a{ font-family:Georgia,"Times New Roman",serif; color:#daa12d; font-size:1em; font-weight:bold;} /*.penovedades_contenido h3 a{width:360px; margin:8px 0 0 22px; float:left; font-size:1.27em; font-weight:bold; font-family:Georgia,"Times New Roman",serif; } */.penovedades_contenido p{ padding:10px 0 0 28px; } .penovedades_contenido { width:380px; /*background-color:#efefef;*/ float:left; display:inline; } /*padding:32px 28px 20px 13px;*/ .novedades_img {float:left; margin-right:5px; width:202px;} /*.fecha {font-size:0.92em; color:#FFFFFF; background-color:#DAA12D; padding:5px; width:65px; font-weight:bold; margin-right:8px; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; text-align:center; margin-left:110px; border-right:1px solid #DFE1E0; border-top:1px solid #DFE1E0;}*/ .fecha {font-size:1.3em; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:1px; float:left; margin-left:500px; color:#a6845e;} .novedadesTop{ background:url(../img/bg_top_novedades.gif) no-repeat; height:37px; clear:both; overflow:hidden;} .novedadesBottom{ background:url(../img/bt_bottom_novedades.gif) no-repeat; height:20px; overflow:hidden; width:617px; } .divnovedades {border:1px dashed #CCCCCC; width:595px; margin:0 auto; float:left; display:inline; } #novedades .col1 p {margin-left:28px; line-height:1.3em;} #novedades img.novedadesFoto {margin-left:28px; float:left;} #novedades .col1 p{margin-top:5px;} .novedades-fecha {width:580px ; margin:auto; text-align:right; margin-top:15px; } .novedades-fecha-data {width:100px; background:#C4DE9E/*78A538*/; float:right; border-bottom:1px solid #CCCCCC;padding:5px; color:#78A538; font-weight:bold; } img.margen-img {margin-left:32px;} /* =============================== */ /* ========== Cabecera =========== */ /* =============================== */ #header { width:847px; float:left; background:#fff url(../img/bg_header.jpg) right top no-repeat ; height:179px;color:#007541; clear:both; } /*#fecha { height:22px; } .bajada { font-size:1.2em; margin-top:45px;height:22px;}*/ #logo{ width:154px; height:138px; margin:0; display:inline; float:left;} h1 a.logo { width:154px; height:138px; display:block; text-indent:-99999px; background:url(../img/id_zoo.jpg) no-repeat; } #fecha_header { margin:51px 0 0 420px; width:250px; font-size:1.5em; font-weight:bold; border-bottom:1px solid #D1AF6B; } /* =============================== */ /* ============ Menú ============= */ /* =============================== */ #nav { /*margin-top:138px;*/ height:41px; width:847px; background:url(../img/bg_menu.jpg) no-repeat; float:left; clear:both; } #nav ul {width:580px/*539px*/; float:right; display:block; } #nav ul li {display:inline; height:41px; float:left; text-indent:-9999px; } #nav ul li a { display:block; text-indent:-99999px; cursor:pointer; } #nav ul li a{ text-indent:-9999px; height:41px; display:block; } #nav ul li a.bt_portada{ background:url(../img/bt_portada.gif) no-repeat; width:125px;} #nav ul li a.bt_novedades{ background:url(../img/bt_novedades.gif) no-repeat; width:156px;} #nav ul li a.bt_anteriores {background:url(../img/bt_anteriores.jpg) no-repeat; width:156px;} #nav ul li a.bt_enlaces {background:url(../img/bt_enlaces.jpg) no-repeat; width:124px;} #nav ul li a.bt_contacto {background:url(../img/bt_contacto.gif) no-repeat; width:133px;} #nav ul li a.bt_portada:hover{ background:url(../img/bt_portada_hover.gif) left bottom no-repeat; width:125px; } #nav ul li a.bt_anteriores:hover{ background:url(../img/bt_anteriores_hover.jpg) no-repeat; width:156px;} #nav ul li a.bt_novedades:hover{ background:url(../img/bt_novedades_hover.gif) no-repeat; width:156px;} #nav ul li a.bt_enlaces:hover{ background:url(../img/bt_enlaces_hover.jpg) no-repeat; width:124px;} #nav ul li a.bt_contacto:hover{ background:url(../img/bt_contacto_hover.gif) no-repeat; width:133px;} body#inicio #nav ul li a.bt_portada{background:url(../img/bt_portada_here.jpg) left bottom no-repeat; width:125px; } body#lectura #nav ul li a.bt_lecturas{background:url(../img/bt_lecturas_here.jpg) left bottom no-repeat; width:123px; } body#novedades #nav ul li a.bt_novedades{background:url(../img/bt_novedades_here.jpg) left bottom no-repeat; width:156px; } body#enlaces #nav ul li a.bt_enlaces{background:url(../img/bt_enlaces_here.jpg) left bottom no-repeat; width:124px; } body#contacto #nav ul li a.bt_contacto{background:url(../img/bt_contacto_here.jpg) left bottom no-repeat; width:133px; } #menu2 {width:221px; height:auto!important; height:100%; min-height:30px; background:url(../img/bg_menu2.jpg) repeat-y; float:left; overflow:hidden; display:inline;} .menu2bot ul { display:block; margin-left:20px; margin-bottom:60px;} .menu2bot ul li { font-size:1.5em; margin-top:5px; border-bottom:1px solid #D5D6D7;width:180px; } .menu2bot ul li a { color:#0F7415; padding:2px; font-weight:bold; } .menu2bot ul li a:hover { color:#E48219; text-decoration:none; } .menu2top{ background:url(../img/bg_menu2_top.jpg) no-repeat; height:70px; width:221px; clear:both; overflow:hidden;} .menu2bot { background:url(../img/bg_menu2_bottom.jpg) bottom no-repeat; height:auto!important; height:100%; min-height:30px;bottom:0px; width:221px; overflow:hidden;} /* =============================== */ /* ======= Pie de página ========= */ /* =============================== */ #footer { clear:both; height:219px; background:url(../img/bg_footer.jpg) no-repeat; color:#A6845E; } ul.footerMenor { font-size:0.9em; font-weight:normal;} p.copy { padding-left:10px; float:left; margin-top:176px; } .copy a {color:#4d4c49; padding:2px; font-size:0.8em;} .copy a:hover {background-color:#e4edd7;} #footer ul { float:right; margin-top:170px; height:32px; width:400px; text-align:right; padding-right:25px; font-weight:bold; } #footer ul li {display:inline; font-size:1.2em; } #footer ul li a {color:#78A538; padding:2px; } #footer ul li a:hover { text-decoration:underline; background-color:#E8F2D7} .arriba a { /*background:url(../img/bt_top.jpg) no-repeat;*/ height:17px; color:#993300; float:right; padding:5px 0 0px 30px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; } /* =============================== */ /* ============ Otros ============ */ /* =============================== */ /* Clase para despejar elementos flotantes */ .clearfix {clear:both} /* Alinear Imágenes */ img.imagen_cent { display:block; margin:0 auto; } img.imagen_der { padding:4px; margin:0 0 2px 7px; display:inline; } img.imagen_izq { padding:4px; margin:0 7px 2px 0; display:inline; } .imagen_der {float:right;} .imagen_izq {float:left;} /* ========================================= */ /* ========= G A L E R I A ================= */ /* ========================================= */ /*#moocircle li img { cursor:pointer;} .galleria{list-style:none;width:200px} .galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0} .galleria li a{display:none} .galleria li div{position:absolute;display:none;top:0;left:180px} .galleria li div img{cursor:pointer} .galleria li.active div img,.galleria li.active div{display:block} .galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto} .galleria li .caption{display:block;padding-top:.5em} * html .galleria li div span{width:400px} /* MSIE bug */ .thumbnail a{ background-color:#FFFFFF; border-right:1px solid #bfd5e4; border-bottom:1px solid #bfd5e4; padding:3px; width:124px; height:79px; margin:8px;float: left; } .thumbnail img{ margin:auto; } .thumbnail_elefantes a{ background-color:#FFFFFF; border-right:1px solid #bfd5e4; border-bottom:1px solid #bfd5e4; padding:3px; width:238px; height:179px; margin:8px;float: left; } .thumbnail_elefantes img{ margin:auto; } /* ========================================= */ /* ========== C A R R U C E L ============ */ /* ========================================= */ #galeriaNumeros { width:582px/*582px*/; height:auto!important; background-color:#99FF00; display:inline; float:left; background:url(../img/bg_numeros.jpg) repeat-y; margin-top:25px; } #galeriaNumeros-top {background:url(../img/numeros_anteriores.jpg) no-repeat; width:582px; height:29px; text-indent:-9999px; overflow:hidden} #galeriaNumeros-bottom { background:url(../img/numeros_bottom.gif) no-repeat; width:582px; height:12px; overflow:hidden;} #galeriaNumeros-Carrucel { display:inline; overflow:hidden; width:582px; height:150px;} #galeriaAnterior { display:inline; float:left; height:50px; width:30px; margin-top:30px;} a.anterior { background:url(../img/bt_left.jpg) no-repeat; width:30px; display:block; text-indent:-9999px; height:50px;} #galeriaNumeros-Medio { width:500px; margin-left:15px; float:left; height:150px} #galeriaSiguiente { display:inline; float:right; height:50px; width:24px; margin-top:30px;} a.siguiente { background:url(../img/bt_right.jpg) no-repeat; width:24px; display:block; text-indent:-9999px; height:50px;} div.scroller { width: 450px; height: 150px; overflow: hidden; } div.scroller div.section { width:450px; height:150px; overflow:hidden; float:left; padding:8px; } div.scroller div.content-publicaciones { width: 10000px; } /* .controls li { width:95%; margin: 2px 0 ; color:#809745; font-size:9px; }*/ div.contenidoLibros {width:480px; float:right; margin-right:10px;} /*div.contenidoLibros h1 { width:200px; color:#DB3A2E/*96937d; font:700 13px Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; padding-bottom:14px; margin-left:20px;}*/ /*div.contenidoLibros li {display:block; width:95%; height:auto; text-indent:0; border-bottom:1px dashed #E4E4E4;}*/ div.contenidoLibros img {width:158px ; height:100px; float:left; background-color:#999900;} div.columnaLibros { width:200px; float:left; margin-right:10px;} /* ========================================= */ /* ====== VALIDACION DE FORMULARIOS ======== */ /* ========================================= */ /* Fila común */ div.side-right-contacto { width:353px; float:left; margin-top:25px; overflow:hidden;} .direccion { width:235px; background:url(../img/bg_direccion.jpg) no-repeat; float:left; display:inline; margin-top:84px; color:#7B8681; padding:12px; line-height:25px; height:231px; } .direccion p { font:Arial, Helvetica, sans-serif; font-size:11px; line-height:20px;} /*.direccion-right {background:url(../img/bg_etiqueta.png) no-repeat; width:41px; height:63px; float:right; margin:50px 0 0 195px;}*/ form {background:url(../img/bg_form_contacto.jpg) no-repeat;height:450px; padding:64px 0 0 50px; } form.suscribe {background:url(../img/bg_form_suscribe.jpg) no-repeat;height:450px; padding:64px 0 0 50px; } textarea { width:238px; height:120px; padding:5px; } input { border:1px dashed #BEBEBE; color:#666; font-family:"Courier New", Courier, monospace; font-size:1.2em; } input#bt_enviar { width:126px; height:34px; background:url(../img/bt_enviar.gif) no-repeat; float:left; font-weight:bold; font-size:1.2em; color:#007541; cursor:pointer; display:inline; overflow:hidden;} label { font-family:"Courier New", Courier, monospace; color:#666666; font-size:1.3em;} .row{ clear:both} /* Fila de formulario de validación */ .form-row{clear:both; width:353px; /*height:35px;*/ margin-bottom:15px;} fieldset h3 {text-indent:-9999px; } /* ETC */ #etc{width:847px; height:32px; background:url(../img/bg_div_fondo.jpg) no-repeat;} #etc_Contenido { float:right; margin-right:40px; margin-top:10px;} #etc_Contenido p{ display:inline; color:#486c24;} #etc_Contenido a {color:#d67c24} #etc_Contenido a:hover { border-bottom:1px dashed #a6845e; color:#d67c24;} /*#etc_container{margin:auto; width:800px; height:50px; position:relative; text-align:left;} #etc_highlight{width:528px; height:267px; position:absolute; top:45px; left:350px; background:url(../gui/highlight_etc.gif) no-repeat;} #etc_secret{width:276px; height:273px; position:absolute; top:0px; left:-4px; background:url(../gui/secret.gif) no-repeat; text-indent:-9999px;} #etc_tweet_title{text-indent:-9999px;} #etc_tweet{width:238px; height:170px; position:absolute; top:0px; left:0px; padding:140px 18px 0px 16px; background:url(../gui/twitter.gif) no-repeat;} #etc_tweet li{color:#403F41; font-size:1.4em; line-height:1.5em;} #etc_tweet li a{font-size:1em; text-transform:none; padding:0px; display:inline; border-bottom:1px dashed #2A2B2C;} #etc_tweet li a:hover{border-bottom:1px dashed #2A2B2C; color:#403F41; background:none;} #etc_tweet li .date{color:#6c6d70;} #etc a#etc_tweet_link{display:block; color:#CFE795; font-size:1.4em; position:absolute; top:264px; left:16px; background:#414143 url(../gui/bg_link2.gif) no-repeat top right; text-transform:lowercase; padding:6px 10px 7px 10px;} #etc a#etc_tweet_link:hover{background:#28282a url(../gui/bg_link2.gif) no-repeat right -50px;} #etc_love{width:142px; position:absolute; top:68px; left:346px;} #etc_love h3{width:88px; height:35px; background:url(../gui/title_love.gif) no-repeat top right; text-indent:-9999px;} #etc_learn{width:152px; position:absolute; top:68px; left:516px;} #etc_learn h3{width:152px; height:35px; background:url(../gui/title_learn.gif) no-repeat top right; text-indent:-9999px;} #etc_inspired{width:180px; position:absolute; top:68px; left:704px;} #etc_inspired h3{width:180px; height:35px; background:url(../gui/title_inspired.gif) no-repeat top right; text-indent:-9999px;} #etc a{display:block; height:14px; color:#403F41; font-size:1.4em; text-transform:lowercase; padding:4px 8px 5px 8px;} #etc a:hover{color:#FFFFFF; background-color:#565656;} #etc_btn{display:block; width:45px; height:35px; position:absolute; top:1px; right:813px; cursor:pointer;} */ /*YOU TUBE */ div.youtube { width:425px; margin-left:60px; padding-top:35px; } .redesSociales { margin:15px auto; width:160px; border:1px dashed #CCCCCC; height:60px;} .redesSociales img{ margin:auto;} .mailosos h2{margin-left:20px; width:575px;} .mailfotos { border-top:1px dashed #CCCCCC; padding:15px;} .mailfotos a img { margin-right:40px;} a.thdrcell { background:#F3F0E7; font-family:arial; font-size:12px; font-weight:bold; padding:5px; border-bottom:1px solid #C8BA92; } a.tdatacell { font-family:arial; font-size:12px; padding:5px; background:#FFFFFF } a.dvhdr1 { background:#F3F0E7; font-family:arial; font-size:12px; font-weight:bold; border:1px solid #C8BA92; padding:5px; width:150px; } a.dvbdy1 { background:#FFFFFF; font-family:arial; font-size:12px; border-left:1px solid #C8BA92; border-right:1px solid #C8BA92; border-bottom:1px solid #C8BA92; padding:5px; width:150px; } p { margin-top:20px; } h1 { font-size:13px; } a.dogvdvhdr { width:300; background:#C4D5E3; border:1px solid #C4D5E3; font-weight:bold; padding:10px; } a.dogvdvbdy { width:300; background:#FFFFFF; border-left:1px solid #C4D5E3; border-right:1px solid #C4D5E3; border-bottom:1px solid #C4D5E3; padding:10px; } a.pgdiv { width:320; height:250; background:#E9EFF4; border:1px solid #C4D5E3; padding:10px; margin-bottom:20; font-family:arial; font-size:12px; }