< html xmlns = " http://www.w3.org/1999/xhtml "xml : lang = "es" lang = "es" dir = "<$ BlogLanguageDirection $> " >    BlogPageTitle $ $> < / title>   <$ BlogMetaData $>   <style type="text/css"> / * ----------------------------------------------- Blogger plantilla de estilo Nombre: Rounders 3 Diseñador: Douglas Bowman URL: www.stopdesign.com Fecha : 27 de febrero 2004 ----------------------------------------------- * / body {   de fondo : # 123;   margin: 0;   padding: 10px 20px ;   texto - align: center ;   fuente: x-small/1.5em " Trebuchet MS " , Verdana , Arial , Sans -serif ;   color: # ccc ;   font-size / * */:/**/ pequeños ;   font-size : / ** / small ;   } / * Estructura de la página ----------------------------------------------- * / / * Las imágenes que contribuyen a crear esquinas redondeadas dependerá de la    siguientes anchos y medidas. Si desea cambiar    estas mediciones, las imágenes también tendrá que cambiar .    * / @ todos los medios de comunicación {   # contenido {     ancho: 740px ;     margin: 0 auto ;     texto -align : left ;     }   # { principal     ancho: 485px ;     float: left ;     de fondo : url # CEE ( " http://www.blogblog.com/rounders3/corners_main_bot.gif ") no-repeat abajo a la izquierda ;     margin: 15px 0 0 ;     padding: 0 0 10px ;     color: # 333 ;     font-size : 97 % ;     line-height : 1.5em ;     }   # { Main2     float: left ;     width: 100% ;     de fondo : url (" http://www.blogblog.com/rounders3/corners_main_top.gif ") no-repeat arriba a la izquierda ;     padding: 10px 0 0 ;     }   # sidebar {     ancho: 240px ;     float: right ;     margin: 15px 0 0 ;     font-size : 97 % ;     line-height : 1.5em ;     }   } @ Media de mano {   # contenido {     Ancho : 90 % ;     }   # { principal     width: 100% ;     float : none ;     de fondo : # CEE ;     }   # { Main2     float : none ;     width: 100% ;     de fondo : ninguno ;     }   # sidebar {     width: 100% ;     float : none ;     }   } / * Enlaces ----------------------------------------------- * / a: link {   color: # 9 dB ;   } a: visited {   color: # 798;   } a: hover {   color: # fff ;   } una img {   border-width: 0;   } # principales a: link {   color: # 347;   } # principales a: visited {   color: # 666 ;   } # principales a: hover {   color: # 68   } / * Blog de cabecera ----------------------------------------------- * / @ todos los medios de comunicación {   encabezado # {     de fondo : url # 357 ( " http://www.blogblog.com/rounders3/corners_cap_bot.gif ") no-repeat abajo a la izquierda ;     margin: 0 0 0 ;     padding: 0 0 8px ;     color: # fff ;     }   encabezado # div {     de fondo : url (" http://www.blogblog.com/rounders3/corners_cap_top.gif ") no-repeat arriba a la izquierda ;     padding: 15px 0 8px ;     }   } @ Media de mano {   encabezado # {     de fondo : # 357 ;     }   encabezado # div {     de fondo : ninguno ;     }   } # blog -title {   margin: 0;   padding: 10px 30px 5px ;   font-size : 200% ;   line-height : 1.2em ;   } # blog- título de un {   text-decoration : none ;   color: # fff ;   } Descripción # {   margin: 0;   padding: 5px 30px 10px ;   font-size : 94 % ;   line-height : 1.5em ;   color: # abc ;   } / * Mensajes ----------------------------------------------- * / . fecha -header {   margin: 0 28px 0 43px ;   font-size : 85 % ;   line-height : 2em ;   texto -transform : mayúsculas ;   espaciado entre letras : .2 em ;   color: # 586 ;   } . post {   margin: 0 25px em 0.3 ;   padding: 0 13px ;   border: 1px # BB9 puntos ;   border-width: 1px 0;   } . post- título {   margin: 0;   font-size : 135% ;   line-height : 1.5em ;   de fondo : url (" http://www.blogblog.com/rounders3/icon_arrow.gif ") no-repeat 10px .5 em ;   display: block ;   border: 1px # BB9 puntos ;   border-width: 1px 0 1px ;   padding: 2px 14px 29px 2px ;   color: # 333 ;   } # principales a.title - link, . post- título fuerte {   text-decoration : none ;   display: block ;   } # principales a.title -link : hover {   background-color : # fff ;   color: # 000 ;   } . post- body {   border: 1px # BB9 puntos ;   border-width: 1px 0 1px ;   border-bottom -color: # CEE ;   padding: 10px 14px 29px 1px ;   } cuerpo html >. post- body {   border- bottom-width : 0;   } . post { p   margin: 0 0 .75 em ;   } p.post -footer {   de fondo : # fff ;   margin: 0;   padding: 2px 14px 29px 2px ;   border: 1px # BB9 puntos ;   border-bottom : 1px solid # eee ;   font-size : 100%;   line-height : 1.5em ;   color: # 666 ;   texto -align : right;   } html p.post > cuerpo -footer {   border-bottom -color: transparente;   } p.post em -footer {   display: block ;   float: left ;   texto -align : left ;   font-style : normal ;   } a.comment -link {   / * IE5.0/Win no se aplica a los elementos de relleno en línea,      por lo que esconden estas dos declaraciones de él * /   fondo / * */:/**/ url (" http://www.blogblog.com/rounders3/icon_comment.gif ") no-repeat 0 45 % ;   padding-left : 14px ;   } html a.comment > cuerpo -link {   / * Respecified , por IE5/Mac * ' s / beneficio   de fondo : url (" http://www.blogblog.com/rounders3/icon_comment.gif ") no-repeat 0 45 % ;   padding-left : 14px ;   } . post img {   margin: 0 0 5px 0;   padding: 4px;   border: 1px solid # 586 ;   } blockquote {   margin: .75 em 0;   border: 1px puntos # 596 ;   border-width: 1px 0;   padding: 15px 5px ;   } . post { p blockquote   margin: .5 em 0;   } / * Comentarios ----------------------------------------------- * / # comments {   margin: 25px 13px - 0;   border: 1px # 6a7 puntos ;   border-width: 1px 0 1px ;   padding: 20px 15px 0 0;   } # comments h4 {   margin: 0 0 10px ;   padding: 0 14px 29px 2px ;   border-bottom : 1px # 6a7 puntos ;   font-size : 120 % ;   line-height : 1.4em ;   color: # 333 ;   } # comentarios de bloque {   margin: 0 15px 0 9px ;   } . comment- datos {   de fondo : url (" http://www.blogblog.com/rounders3/icon_comment.gif ") no-repeat 2px 0,3 em ;   margin: .5 em 0;   padding: 0 0 0 20px ;   color: # 666 ;   } . comment- anunciante {   font- weight: bold ;   } . comment- body {   margin: 0 0 1.25em ;   padding: 0 0 0 20px ;   } . comment- cuerpo p {   margin: 0 0 0,5 em ;   } . comment- timestamp {   margin: 0 0 0,5 em ;   padding: 0 20px 0 .75 em ;   color: # fff ;   } . comment- timestamp a: link {   color: # fff ;   } . deleted- comentario {   font-style : italic ;   color: gris;   } . paginación -control- contenedor {   float: right ;   margin: 0px 0px 0px 6px ;   font-size : 80 % ; } . innecesaria - de paginación de control {   visibilidad : oculto ; } / * Perfil ----------------------------------------------- * / @ todos los medios de comunicación {   Perfil # contenedor {     de fondo : url # 586 ( " http://www.blogblog.com/rounders3/corners_prof_bot.gif ") no-repeat abajo a la izquierda ;     margin: 0 0 15px ;     padding: 0 0 10px ;     color: # fff ;     }   # perfil contenedor h2 {     de fondo : url (" http://www.blogblog.com/rounders3/corners_prof_top.gif ") no-repeat arriba a la izquierda ;     padding: 10px 15px 0,2 em ;     margin: 0;     border-width: 0;     font-size : 115% ;     line-height : 1.5em ;     color: # fff ;     }   } @ Media de mano {   Perfil # contenedor {     de fondo : # 586 ;     }   # perfil contenedor h2 {     de fondo : ninguno ;     }   } . perfil bloque de datos {   margin: 0 15px .5 em ;   border-top : 1px # 7a8 puntos ;   padding-top : 8px ;   } . perfil -img {display: inline ; } . img perfil -img {   float: left ;   margin: 0 10px 5px 0;   border: 4px sólidos # bec ;   } . Perfil de datos fuertes {   display: block ;   } # perfil contenedor { p   margin: 0 15px .5 em ;   } Perfil de # contenedor . Perfil - TextBlock {   clear: left ;   } # perfil de un contenedor {   color: # fff ;   } . perfil de vínculos a {   de fondo : url (" http://www.blogblog.com/rounders3/icon_profile.gif ") no-repeat 0 0.1 em ;   padding-left : 15px ;   font- weight: bold ;   } ul.profile - bloque de datos {   list-style -type: none;   } / * Cajas de la barra lateral ----------------------------------------------- * / @ todos los medios de comunicación {   . box {     de fondo : url # 234 ( " http://www.blogblog.com/rounders3/corners_side_top.gif ") no-repeat arriba a la izquierda ;     margin: 0 0 15px ;     padding: 10px 0 0 ;     color: # abc ;     }   . box2 {     de fondo : url (" http://www.blogblog.com/rounders3/corners_side_bot.gif ") no-repeat abajo a la izquierda ;     padding: 0 13px 8px ;     }   } @ Media de mano {   . box {     de fondo : # 234;     }   . box2 {     de fondo : ninguno ;     }   } . sidebar -title {   margin: 0;   padding: 0 0 0,2 em ;   border-bottom : 1px puntos # 456;   font-size : 115% ;   line-height : 1.5em ;   color: # abc ;   } . ul { cuadro   margin: .5 em 0 1.25em ;   padding: 0px 0 ;   list-style : none ;   } . ul li { cuadro   de fondo : url (" http://www.blogblog.com/rounders3/icon_arrow_sm.gif ") no-repeat 2px .25 em ;   margin: 0;   padding: 16px 0 0 3px ;   margin-bottom : 3px ;   border-bottom : 1px puntos # 345;   line-height : 1.4em ;   } . cuadro p {   margin: 0 0 0,6 em ;   } / * Pie de página ----------------------------------------------- * / pie de página # {   claro: ambos;   margin: 0;   padding: 15px 0 0 ;   } @ todos los medios de comunicación {   pie de página # div {     de fondo : url # 357 ( " http://www.blogblog.com/rounders3/corners_cap_top.gif ") no-repeat arriba a la izquierda ;     padding: 0 0 8px ;     color: # fff ;     }   pie de página # div {     de fondo : url (" http://www.blogblog.com/rounders3/corners_cap_bot.gif ") no-repeat abajo a la izquierda ;     padding: 0 15px 8px ;     }   } @ Media de mano {   pie de página # div {     de fondo : # 357 ;     }   pie de página # div {     de fondo : ninguno ;     }   } horas de pie de página # { display: none ; } pie de página # p {margin : 0; } # { pie de página un color : # fff ; } / * Feeds ----------------------------------------------- * / # blogfeeds {   } # { postfeeds   padding: 0 15px 0;   }   < / style> < / head> <link rel="openid.server" href="https://www.blogger.com/openid-server.g" /> <!-- --><style type="text/css">@import url(https://www.blogger.com/static/v1/v-css/navbar/3334278262-classic.css); div.b-mobile {display:none;} </style> </head><body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d7301207868983154661\x26blogName\x3dDOCTORA+QUIN+MANUALIDADES\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttp://doctoraquinmanualidades.blogspot.com/search\x26blogLocale\x3des\x26v\x3d2\x26homepageUrl\x3dhttp://doctoraquinmanualidades.blogspot.com/\x26vt\x3d-1505794485686964488', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script> bordes <! - Comenzar # content - Centros de todo el contenido y prevé flotaba columnas -> id="content"> <div <! - Encabezado blog -> <div id="header"> <div>   <h1 id="blog-title">     <ItemPage> < a href = "<$ BlogURL $>"></ ItemPage > <$ BlogTitle $> <ItemPage> < / a> < / > ItemPage   < / h1 >   id="description"> align="left"> <$ BlogDescription $> < / p> < / div > </ div> <! - # principales empezar - Contiene principal columna del blog de contenido -> <div id="main"> <div id="main2"> <div id="main3"> <Blogger>     <BlogDateHeader>   <h2 class="date-header"> <$ BlogDateHeaderDate $> < / h2 >   < / > BlogDateHeader            <! - Comenzar . post - >   <div class="post"> <a name = "<$ BlogItemNumber $>"></ a>           <BlogItemTitle> <BlogItemUrl> < a href = "<$ BlogItemURL $> " title = " enlace externo "class =" link - título "> < / BlogItemURL >     <h3 class="post-title"> <$ BlogItemTitle $>     < / h3 > <BlogItemUrl> < / a> < / > BlogItemURL     < / > BlogItemTitle     class="post-body"> <div       <p>       <$ BlogItemBody $>     < / p >     < / div>     class="post-footer"> <p       <em> <$ I18NPostedByAuthorNickname $> @ < a href = "<$ BlogItemPermalinkURL $> " title = " enlace permanente "> <$ BlogItemDateTime $> < / a> < / em>       <BlogItemCommentsEnabled>          I18NNumComments <a class = " comment- link " href = "<$ BlogItemCommentCreate $>"<$ BlogItemCommentFormOnClick $> > <span style="text-transform:lowercase"> < $ $ > < / span > < / a>       < / BlogItemCommentsEnabled > <BlogItemBacklinksEnabled> <A class = " comment- link " href = "<$ BlogItemPermalinkURL $> links # "> <span style="text-transform:lowercase"> <$ I18NLinksToThisPost $> < / span> < / a> < / BlogItemBacklinksEnabled >   <$ BlogItemControl $>     < / p >      < / div>   <! - End. post - >      <! - Comenzar # comments ->  <ItemPage>   id="comments"> <div <BlogItemCommentsEnabled> <a name="comments"> < / a>     <h4> <$ I18NNumComments $>:</ h4 >     id="comments-block"> <dl       <$ CommentPager $>       <BlogItemComments>       < dt class = " comment- datos " id = "<$ BlogCommentAnchorName $>">< a name = "<$ BlogCommentAnchorName $>"></ a>         <$ I18NAtCommentTimeWithPermalink $> ,         <$ I18NCommentAuthorSaid $>       < / dt>       class="comment-body"> <dd         <p> <$ BlogCommentBody $> < / p> <$ BlogCommentDeleteIcon $>       < / dd> < / BlogItemComments >     <$ CommentPager $>     < / dl> class="comment-timestamp"> <p     <$ BlogItemCreate $>     < / p >     id="postfeeds"> align="left"> <$ BlogItemFeedLinks $> < / p>     < / BlogItemCommentsEnabled >     <BlogItemBacklinksEnabled>     <a name="links"> < / a> <h4> <$ I18NLinksToThisPost $>:</ h4 >     id="comments-block"> <dl     <BlogItemBacklinks>         class="comment-title"> <dt         <$ BlogBacklinkControl $>         < a href = " <$ BlogBacklinkURL $> " rel = " nofollow » > <$ BlogBacklinkTitle $> < / a> < $ BlogBacklinkDeleteIcon $>         < / dt>         <dd class="comment-body"> <$ BlogBacklinkSnippet $>         <br />         class="comment-poster"> <span         <em> <$ I18NPostedByBacklinkAuthor $> @ <$ BlogBacklinkDateTime $> < / em>         < / span>         < / dd>     < / BlogItemBacklinks >     < / dl>     class="comment-timestamp"> align="left"> < $ BlogItemBacklinkCreate $> < / p>     < / BlogItemBacklinksEnabled > style="padding-left:20px;"> <p < a href = "<$ BlogURL $>"><< <$ I18NHome $> < / a>     < / p >     < / div> < / > ItemPage   <! - End # comments -> < / Blogger> < / div> < / div > </ div> <! - End # principal -> <! - Comenzar # barra lateral -> id="sidebar"> <div      <! - Comenzar perfil # contenedor ->    <$ BlogMemberProfile $>   <! - End # perfil - >      <! - Comenzar . cuadro ->   <div class="box"> <div class="box2"> <div class="box3">              <MainOrArchivePage>   <h2 class="sidebar-title"> <$ I18NLinks $> < / h2 >     <ul>     <li> <a href="http://news.google.com/"> Google Noticias < / a> < / li >     <li> <a href="http://help.blogger.com/bin/answer.py?answer=41427"> Edit- Me < / a> < / li >     <li> <a href="http://help.blogger.com/bin/answer.py?answer=41427"> Edit- Me < / a> < / li >   < / ul>   < / > MainOrArchivePage     <h2 class="sidebar-title"> <$ I18NPreviousPosts $> < / h2 >      id="recently"> <ul     <BloggerPreviousItems>         <li> < a href = "<$ BlogItemPermalinkURL $>"><$ BlogPreviousItemTitle $> < / a> < / li >      < / BloggerPreviousItems >   < / ul>      <MainOrArchivePage>   <h2 class="sidebar-title"> <$ I18NArchives $> < / h2 >      class="archive-list"> <ul    <BloggerArchives>     <li> < a href = "<$ BlogArchiveURL $>"><$ BlogArchiveName $> < / a> < / li > < / BloggerArchives >       <ArchivePage> <li> < a href = "<$ BlogURL $>"><$ I18NCurrentPosts $> < / a> < / li > < / ArchivePage >   < / ul>   < / > MainOrArchivePage         <p id="powered-by"> <a href="http://www.blogger.com"> < img src = " http://buttons.blogger.com/bloggerbutton1.gif " alt = "Powered by Blogger " /> < / a> < / p >   id="blogfeeds"> align="left"> <$ BlogFeedsVertical $> < / p>          <! -     <p> Este es un párrafo de texto que podría ir en la barra lateral . < / p>     ->      < / div> < / div > </ div>   <! - End. cuadro -> < / div> <! - End # sidebar -> <! - Comenzar # pie de página - > <div id="footer"> <div> <div> <hr />   <p> <! - Este es un pie de página opcional. Si desea que el texto aquí , colóquelo dentro de estas etiquetas , y eliminar este comentario . -> < / p> < / div> < / div > </ div> <! - # Fin de pie de página -> < / div> <! - End # content -> < / body> < / html></body></html>