/*------------------------------------------------ Autor : Emenia email : info@emenia.es Web : www.emenia.es ----------------------------------------------------*/ /* R E S E T E R I C M E Y E R */ 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: middle; background: transparent;} body { line-height: 1;} ol, ul { list-style: none;} blockquote, q { quotes: none;} :focus { outline: 0;} ins { text-decoration: none;} del { text-decoration: line-through;} table { border-collapse: collapse; border-spacing: 0; } /* C O L O R E S Body - Azul Oscuro : #3476B2; Contenedor - Blanco : #FFF; Navegador Azul Claro : #80CCFF; Titulares de Pagina Azul Oscuro : #3476B2; Texto normal de Pagina : #629CD0; Fondo cabecera noticias Azul oscuro : #629CD0; Texto Noticias Azul oscuro : #3476B2; Fondo texto noticias Azul Claro : #E1F3FF; Galeria Borde Imagenes Azul Claro : #80CCFF; Varios Hover Azul Oscuro : #0000FF; */ /* E S T I L O S P R I N C I P A L E S */ html, body { margin: 0; padding: 0; text-align: center; width: 100%; color: #629CD0; font-family: Futura, 'Century Gothic', 'Apple Gothic', sans-serif; font-size: 100.01%; line-height: 1.25em; background-color: #3476B2;} body { font-size: 1em; } body#inicio, body#ejemplos, body#contacto { background: #3476B2 url(/images/nubes1.png) no-repeat center top fixed;} body#quehago, body#noticias { background: #3476B2 url(/images/nubes2.png) no-repeat center top fixed;} #contenedor { margin: 0 auto; width: 960px; } .aligncenter { display:block; margin:0 auto } .alignleft { float:left; padding: 10px; } .alignright { float:right; padding: 10px; } .wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px } .clear { clear: both;} input:focus, textarea:focus { border: 2px solid #80CCFF; } .buttons { border: 1px solid #333; background: white; padding: 3px 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #272727; } .buttons:hover { background: #629CD0; color: #FFF; } input, textarea { padding: 4px; margin: 0 0 10px 0;} /* C A B E C E R A */ h1#logo { width: 484px; height: 106px; text-indent: -9000px; float: left; background: url(/images/logo_sonia.png) no-repeat top left; } a#pedido { width: 170px; height: 107px; float: right; display: block; background: url(/images/nube_pedido.png) no-repeat top left; text-indent: -9000px;} a#pedido:hover { background: url(/images/nube_pedido.png) no-repeat bottom left;} p#email_cabecera { width: 221px; height: 45px; float: right; margin: 61px 25px 0 0; background: url(/images/email_cabecera.png) no-repeat top left; text-indent: -9000px; } /* N A V E G A D O R */ ul#navegador { clear: both; width: 960px; height: 48px; overflow: hidden; background: url(/images/fondo_navegador.jpg) no-repeat top left; padding-top: 18px; } ul#navegador li { display: inline; } ul#navegador li a { display: block; float: right; height: 40px; text-indent: -9000px; background: url(/images/navegador.png); } ul#navegador li.page-item-3 a:link, ul#navegador li.page-item-3 a:visited, ul#navegador li.page-item-3 a:active { width: 72px; background-position: 0 0;} #inicio ul#navegador li.current_page_item a { background-position: 0 40px; } ul#navegador li.page-item-6 a:link, ul#navegador li.page-item-6 a:visited, ul#navegador li.page-item-6 a:active { width: 112px; background-position: -72px 0;} #quehago ul#navegador li.current_page_item a { background-position: -72px 40px; } ul#navegador li.page-item-190 a:link, ul#navegador li.page-item-190 a:visited, ul#navegador li.page-item-190 a:active { width: 120px; background-position: -184px 0;} #noticias ul#navegador li.current_page_item a, #noticias ul#navegador li.current_page_parent a { background-position: -304px 40px; } ul#navegador li.page-item-8 a:link, ul#navegador li.page-item-8 a:visited, ul#navegador li.page-item-8 a:active { width: 87px; background-position: -304px 0;} #ejemplos ul#navegador li.current_page_item a { background-position: -184px 40px; } ul#navegador li.page-item-11 a:link, ul#navegador li.page-item-11 a:visited, ul#navegador li.page-item-11 a:active { width: 109px; margin-right: 20px; background-position: -391px 0;} #contacto ul#navegador li.current_page_item a, #contacto ul#navegador li.current_page_parent a { background-position: -391px 40px; } ul#navegador li a:hover { border-bottom: 5px solid #80CCFF;} /* C O N T E N I D O */ #contenido { width: 960px; overflow: auto; text-align: left; position: relative; background: #FFF url(/images/fondo_inferior_contenido.jpg) bottom left no-repeat; } /* I N I C I O */ h1#saludo_inicio { width: 415px; height: 363px; text-indent: -9000px; background: url(/images/saludo_inicio.gif) top left no-repeat; margin: 40px 0 55px; } #animacion { float: right; width: 410px; margin: 5px 10px 10px 0;} /* Q U E H A G O */ #quehago .post { float: left; width: 472px; overflow: auto;} #quehago .post h2 { width: 186px; height: 66px;text-indent: -9000px; margin-left: 55px; margin-top: -11px; background: url(/images/titulo_quehago.gif) top left no-repeat;} #quehago .post p { padding: 0 0 0 76px;} #quehago .post img { margin: 5px 0 40px 85px;} #quehago table { float: right; margin: 0 40px 25px 0; } #quehago table td { margin: 0 15px; text-align: center;} /* N O T I C I A S */ #noticias #contenido { padding-bottom: 30px;} #noticias h1#titulo_pagina { width: 186px; height: 66px;text-indent: -9000px; margin-left: 55px; margin-top: -11px; background: url(/images/titulo_noticias.gif) top left no-repeat;} #noticias p.postinfo { color: #80CCFF;} #noticias div.postimage img { margin: 0 10px 10px 65px; width: 150px;} #noticias .post { width: 750px; float: left;} #noticias .cabecera_noticias { width: 483px; float: left; overflow: auto; } #noticias .cabecera_noticias h2 { padding: 7px 0 3px 10px; } #noticias .cabecera_noticias h2 a { text-decoration: none; font-size: 22px; color: #2D6395; font-weight: normal;} #noticias .cabecera_noticias h2 a:hover { text-decoration: underline; color: #0000FF;} #noticias .cabecera_noticias p.postinfo { padding: 0 0 3px 15px; font-size: 0.8em;} #noticias .cabecera_noticias p a { color: #629CD0;} #noticias .cabecera_noticias p a:hover { color: #0000FF;} #noticias .resumen_noticias { width: 483px; float: left; overflow: auto; margin-bottom: 10px; } #noticias .resumen_noticias p { font-size: 15px; color: #3476B2; padding: 5px 10px 5px 10px;} #noticias .resumen_noticias p a { color: #67B6DE; } #noticias .resumen_noticias p a:hover { color: #0000FF;} #noticias .post_content { width: 740px;} #noticias .post_content p { padding: 0 50px;} #noticias h2 { font-size: 22px; padding: 0 0 10px 50px;} #noticias .sociable { margin-left: 50px !important; clear: both;} /* C O M E N T A R I O S */ #noticias h2.comments { margin-top: 10px;} #noticias form#commentform { padding: 0 0 20px 50px;} #commentlist { list-style: none; margin: 0; padding: 0 0 20px 50px; width: 650px;} #commentlist li { border: 1px solid #e3e3e3; margin: 16px 0; padding: 0 10px; background: #EBF2FA; } #commentlist small { float: right; font-size: 8pt; font-family: Tahoma; color: #629CD0;} #comments, #postcomment { margin: 40px 0 10px 10px;} cite { font-weight: bold; font-size: 1.1em;} #commentlist li.author_comment { border-bottom: 1px solid #0066CC !important; border-top: 1px solid #0066CC !important; } /* E J E M P L O S */ .main_gallery { margin: 10px 0 45px 22px;} .main_gallery img { border: 3px solid #FFF;} .main_gallery img:hover { border: 3px solid #5383FF;} .gallerycontainer1 { float: left; width: 400px; margin-left: 60px; display: inline; } .thumbnail img { margin: 5px; border: 3px solid #A5BDFF; } .thumbnail img:hover { border: 3px solid #5383FF;} .thumbnail span { visibility: hidden; text-decoration: none; left: 530px; position: absolute; top: 10px; z-index: 200; } .thumbnail:hover span { visibility: visible; } #ejemplos h1#titulo_pagina { width: 204px; height: 66px;text-indent: -9000px; margin-left: 55px; margin-top: -11px; background: url(/images/titulo_misdibujos.gif) top left no-repeat;} #ejemplos #contenido h2 { margin: 5px 0 5px 60px; font-size: 1.3em;} #ejemplos .post p { margin: 15px 0;} #ejemplos .post { margin-bottom: 60px;} #ejemplos img.flecha { position: absolute; top: 125px; left: 460px;} #ejemplos img.fondo { position: absolute; left: 530px; top: 10px; z-index: 100; margin: 5px; border: 3px solid #A5BDFF;} #ejemplos #navegador_ejemplos { padding: 10px; margin-bottom: 40px; width: 335px; background-color: #629CD0; font-size: 15px; overflow: auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #ejemplos ul#navegador_ejemplos li { display: inline; } #ejemplos ul#navegador_ejemplos li a { display: block; padding: 0 5px; float: left; } #ejemplos ul#navegador_ejemplos li a:link, #ejemplos ul#navegador_ejemplos li a:visited { color: #FFF;} #ejemplos ul#navegador_ejemplos li a:hover { color: #0000FF;} #ejemplos ul#navegador_ejemplos li.current_page_item a { color: #0000FF !important; } /* P R I M E R A S C O M U N I O N E S */ .comuniones-menu { float: left; width: 400px; height: 400px;margin-left: 60px; display: inline;} .comuniones-menu a { padding: 10px; border: 3px solid #FFF; width: 105px; display: block; float: left; text-align: center; text-decoration: none; color: #80CCFF; margin: 10px 0;} .comuniones-menu a:hover { border: 3px solid #5383FF;} .ejemplos-comuniones .post { float: right; display: inline; width: 415px; margin-right: 20px;} /* C O N T A C T O */ #contacto h1#titulo_pagina { width: 186px; height: 66px;text-indent: -9000px; margin-left: 55px; margin-top: -11px; background: url(/images/titulo_contacto.gif) top left no-repeat;} #contacto .post { float: left; width: 390px; } #contacto .post p { padding: 0 0 0 76px;} #contacto .post img { padding: 0 5px 10px 76px;} #contacto .post ul { list-style: none;} #contacto .post ul li { margin-top: 15px; } label.error { color: #ff9933 !important; display: block; margin-left: 5px;} #contacto_formulario { text-align: left; width: 379px; float: right; margin: -5px 20px 50px 0; background: transparent url(/images/form_fondo_superior.gif) no-repeat top left;} #contacto_formulario h3#contacta { width: 100px; position: absolute; top: 90px; right: 283px; color: #FFF;} #contacto_formulario img.sobre_form { position: absolute; top: 160px; right: 318px; margin: 0; padding: 0;} #contacto_formulario img.angel_form { position: absolute; top: 44px; right: 399px; margin: 0; padding: 0;} #contacto_formulario img.perro_form { position: absolute; top: -5px; right: 30px; margin: 0; padding: 0;} #contacto_formulario fieldset { margin: 20px 0; background: transparent url(/images/form_fondo_central.gif) repeat top left;} #contacto_formulario form { width: 379px; overflow: auto; background: transparent url(/images/form_fondo_inferior.gif) no-repeat bottom left; } #contacto_formulario label { display: block; font-size: 0.9em; clear: left; color: #FFF;} #contacto_formulario p { margin-left: 110px; padding: 5px; font-size: 0.9em; color: #FFF; } #contacto_formulario input { float: left; margin-top: 0; } /* S I D E B A R */ #sidebar { float: right; width: 197px; text-align: center;} #sidebar #suscripcion { margin: 30px 20px 10px -20px;} #sidebar #archives { margin: 0 20px 10px -20px;} #sidebar #suscripcion img { margin: 0; padding: 0;} #sidebar #suscripcion h3, #sidebar #archives h3 { padding: 5px; font-family: Georgia, Times, 'Times New Roman', serif; color: #FFF; font-size: 18px; background: #629CD0 url(/images/fondo_cabecera_suscripcion.gif) top left no-repeat;} #sidebar ul { background: #629CD0 url(/images/fondo_pie_suscripcion.gif) bottom left no-repeat; width: 197px; overflow: auto;} #sidebar #archives ul { font-size: 0.9em;} #sidebar ul li { padding: 0 0 10px; color: #E8F5FF;} #sidebar ul li a { color: #E8F5FF;} #sidebar ul li a:hover { color: #0000FF;} /* F O O T E R */ p#footer { font-size: 0.7em; color: #FFF;} p#footer a:link, p#footer a:visited, p#footer a:active { color: #FFF; } p#footer a:hover { color: #80CCFF;} a.facebook { position: absolute; top: 400px; right: 27px; width: 95px; }