Pasó cuatro días en cuidados intensivos, con el hígado reventado y múltiples fracturas en el cuerpo, después de que un auto lo atropellara mientras se entrenaba en las calles de Lima.
El accidente ocurrió cerca al ‘Pentagonito’, un recinto militar cuyo contorno mide 4 kilómetros y en el que el peruano Constantino León corría esa mañana de septiembre del 2004.
El ganador de la 51ª edición de la Quito-Últimas Noticias 15K recuerda que estaba a punto de finalizar sus prácticas ese trágico día, cuando vio la silueta del auto que se venía contra él y saltó para intentar evitar el impacto. Cayó al suelo y perdió el conocimiento.
El accidente ocurrió cerca de una clínica privada donde socorristas, enfermeras y cirujanos lograron salvarle la vida, pero con un saldo desfavorable. Por las lesiones que sufrió en su hígado, los médicos le aseguraron que no volvería a competir.
Las ganas de cumplir su sueño deportivo, representar a su país en unos Juegos Olímpicos, fueron más grandes.
Pasaron 18 meses hasta que ya no tuvo dolencias y pudo entrenarse de nuevo. Pasaron más de dos años hasta que volvió a competir, a finales del 2006, en una prueba de 10 kilómetros, en Cajamarca, en la que fue cuarto.
Con su dedicación y la motivación del médico deportólogo Alberto Araujo, quien se hizo responsable por si el deportista sufría algún daño tras su regreso, León volvió a las calles para ganarse la vida con sus largos trancos y su resistencia.
En el 2007, como para ratificar que estaba en plenitud de condiciones, el atleta de 1,72 m de estatura triunfó en la Maratón de los Andes. “Esa es la carrera más importante en el Perú, algo así como la Quito-Últimas Noticias en el Ecuador”.
Pero él quería más y, en mayo del 2008, en Ottawa, logró su clasificación a los Juegos Olímpicos de Pekín, en China. Lo hizo al cronometrar dos horas, 17 minutos y tres segundos (02:17:03) en los 42 kilómetros.
Arturo Linaldi, mexicano que colabora con la organización de la 15K desde hace 17 años, reconoce que León realizó una carrera inteligente el domingo. “No se desesperó y esperó su momento.Él ya sabe cómo ganar carreras”.
Ahora, y tras haber ganado el domingo en su cuarto intento la 15K, el deportista de 37 años aspira a clasificarse a sus segundas olimpiadas en Londres 2012.
Pero esta vez no quiere solamente participar. Sin ninguna clase de soberbia afirma que pretende ubicarse entre los 20 mejores del mundo, en los 42 km que se correrán en las calles londinenses. “Quiero correr unos tres o cuatro años más y luego retirarme tranquilo”, reconoció el atleta, que retornó anoche a su país.
El actual monarca de la 15K, quien se entrena desde hace un año con la guía del coreano Pedro Kim, empezó a practicar el atletismo a los 22 años, cuando cursaba el cuarto año de Ingeniería Electrónica en la Universidad Nacional de Huancavelica.
León practicaba fútbol y con la selección de su Facultad participó en las olimpiadas de su universidad. Jugaba como delantero y se coronó campeón de las justas.
Pero su Facultad no tenía representantes para las pruebas de atletismo y sus amigos y compañeros, dado que él sobresalía en el fútbol por su velocidad, le motivaron para que corriera en los 5 000 metros planos.
Lo hizo, con zapatos para la práctica de fútbol y, ante el asombro de todos, triunfó. Cuando cruzó la meta casi se desmaya y durante una semana le dolió todo el cuerpo. Pero ese fue el inicio en el atletismo, deporte por el cual ha competido en países de Asia, África, Europa y América. “Nunca pensé viajar tanto. El deporte me atrapó y desde entonces solo he parado cuando me he lesionado”, explica el deportista, que vive con sus cuatro hermanos en Huancayo, al centro del Perú.
No tiene hijos y su novia, Julia Rivera, también es atleta. El domingo, a eso de las 20:00, cuando estuvo solo en el cuarto del Hotel Casino Plaza, tras el espectacular triunfo en la popular carrera ecuatoriana, León se comunicó vía chat con ella. “Ya se había enterado que gané y me felicitó. En realidad estoy muy contento y agradecido por haber ganado en las calles de Quito”.
La cronología
2007. El peruano Constantino León empezó a ser reconocido en su país en el 2007. En agosto de ese año obtuvo el XIII Maratón de los Andes, en Huancayo, Perú.
2008. El atleta llegó en el puesto 61 de la maratón de los Juegos Olímpicos de Pekín. Al año siguiente ocupó el lugar 52 de la maratón en el Mundial de Berlín.
2010. Ganó la XXVI Maratón Internacional de los Andes, competencia que se corrió en el Valle del Mantaro, en Perú. Además fue cuarto en la Quito-Últimas Noticias 15K.
martes, 7 de junio de 2011
DEPORTES
Goncalvez y Dapello se lucen en el surf
Deportes
La experiencia para escoger bien las olas y poder dominarlas fue la carta de presentación de Marco Goncalvez. El experimentado surfista avanzó a la segunda ronda del Campeonato Nacional de Surf que ayer se inició en la playa de la FAE, en Salinas, fase a la que también accedió Adrián Dapello, quien hizo una excelente presentación. Hoy, desde las 08:00 se iniciará la segunda ronda en la que los mejores surfistas buscarán hacer excelente actuación.
Deportes
La experiencia para escoger bien las olas y poder dominarlas fue la carta de presentación de Marco Goncalvez. El experimentado surfista avanzó a la segunda ronda del Campeonato Nacional de Surf que ayer se inició en la playa de la FAE, en Salinas, fase a la que también accedió Adrián Dapello, quien hizo una excelente presentación. Hoy, desde las 08:00 se iniciará la segunda ronda en la que los mejores surfistas buscarán hacer excelente actuación.
martes, 17 de mayo de 2011
avion del futuro q volara como pajaro
egún informa la revista Science News, técnicos norteamericanos han conseguido fabricar un caza supersónico experimental que es controlado por el suave batir de sus alas. Una demostración de estas habilidades tendrá lugar este verano con un F/A-18 modificado.
Las alas de este aparato experimental son muy finas y, aunque conservan los clásicos alerones para las movimientos del avión, estos alerones desempeñan sólo una función secundaria, ya que lo que hacen es desencadenar los correspondientes movimientos de las alas.
Las finas alas de este prototipo pesan quince veces menos que un ala convencional y su uso como superficie de control del avión permite obtener una eficacia mayor que la que facilitan los alerones tradicionales.
La pasada primavera, investigadores de la Nasa, del laboratorio de investigación del ejército del aire (AFRL y del departamento de investigaciones avanzadas de Boeing, procedieron a ensayos preliminares de este prototipo con la finalidad de medir los parámetros físicos que se aplican a las alas en diferentes condiciones de vuelo.
Alas musculares
Pero las investigaciones no se limitan sólo a la consecución de alas flexibles, ya que científicos e ingenieros de diferentes empresas que trabajan para el Pentágono pretenden asimismo modificar la forma de la superficie de las alas, al igual que ocurre con los músculos, que se tensan y distienden al mismo tiempo que aumenta y disminuye su grosor.
La empresa Skunk Works, una división de Lockheed Martin, de Palmdale, en California, pretende asimismo fabricar aviones con pequeñas alas que sustituyan a las tradicionales de tal forma que, adheridas al fuselaje, puedan plegarse y aproximarse entre sí, tal como hacen las aves.
NextGen Aeronautics, por su parte, trabaja en un ala metamórfica que pretende sustituir el ala convencional de los aviones de combate por una mucho más estrecha más favorable a la velocidad, mientras que Raytheon Missile Systems, de Tucson, perfila un ala telescópica adaptada a las necesidades de un misil de crucero.
El objetivo que persiguen todas estas investigaciones es crear antes del año próximo un conjunto de maquetas de alas funcionales capaces de reducir a la mitad su longitud y grosor, por lo que la tecnología aerodinámica se aproxima a lo que fueron los primeros pasos de la aviación, las alas flexibles de los hermanos Wright, que por razones de seguridad fueron sustituidas a comienzos del siglo XX por estructuras rígidas combinadas con alerones.
La creciente capacidad de los ordenadores y la elasticidad y peso de los nuevos materiales, permiten cien años más tarde pensar de nuevo en aviones que imitan el vuelo de los pájaros, aunque todavía queden unas décadas para que esta tecnología, si realmente confirma su validez, traspase la frontera de los vehículos militares y se extienda a la aviación civil.
Las alas de este aparato experimental son muy finas y, aunque conservan los clásicos alerones para las movimientos del avión, estos alerones desempeñan sólo una función secundaria, ya que lo que hacen es desencadenar los correspondientes movimientos de las alas.
Las finas alas de este prototipo pesan quince veces menos que un ala convencional y su uso como superficie de control del avión permite obtener una eficacia mayor que la que facilitan los alerones tradicionales.
La pasada primavera, investigadores de la Nasa, del laboratorio de investigación del ejército del aire (AFRL y del departamento de investigaciones avanzadas de Boeing, procedieron a ensayos preliminares de este prototipo con la finalidad de medir los parámetros físicos que se aplican a las alas en diferentes condiciones de vuelo.
Alas musculares
Pero las investigaciones no se limitan sólo a la consecución de alas flexibles, ya que científicos e ingenieros de diferentes empresas que trabajan para el Pentágono pretenden asimismo modificar la forma de la superficie de las alas, al igual que ocurre con los músculos, que se tensan y distienden al mismo tiempo que aumenta y disminuye su grosor.
La empresa Skunk Works, una división de Lockheed Martin, de Palmdale, en California, pretende asimismo fabricar aviones con pequeñas alas que sustituyan a las tradicionales de tal forma que, adheridas al fuselaje, puedan plegarse y aproximarse entre sí, tal como hacen las aves.
NextGen Aeronautics, por su parte, trabaja en un ala metamórfica que pretende sustituir el ala convencional de los aviones de combate por una mucho más estrecha más favorable a la velocidad, mientras que Raytheon Missile Systems, de Tucson, perfila un ala telescópica adaptada a las necesidades de un misil de crucero.
El objetivo que persiguen todas estas investigaciones es crear antes del año próximo un conjunto de maquetas de alas funcionales capaces de reducir a la mitad su longitud y grosor, por lo que la tecnología aerodinámica se aproxima a lo que fueron los primeros pasos de la aviación, las alas flexibles de los hermanos Wright, que por razones de seguridad fueron sustituidas a comienzos del siglo XX por estructuras rígidas combinadas con alerones.
La creciente capacidad de los ordenadores y la elasticidad y peso de los nuevos materiales, permiten cien años más tarde pensar de nuevo en aviones que imitan el vuelo de los pájaros, aunque todavía queden unas décadas para que esta tecnología, si realmente confirma su validez, traspase la frontera de los vehículos militares y se extienda a la aviación civil.
tanque del futuro
Un carro de combate, o tanque, es un vehículo blindado de ataque con tracción de orugas o ruedas, diseñado principalmente para enfrentarse a fuerzas enemigas utilizando fuego directo. Un carro de combate se caracteriza por tener armas y blindaje pesado, así como por un alto grado de movilidad que le permite cruzar terrenos difíciles a velocidades relativamente altas.
Aunque los carros de combate son caros y requieren de logística, son una de las armas más temibles y versátiles del campo de batalla moderno, tanto por su capacidad de atacar a objetivos terrestres como por su valor al causar pánico en la infantería enemiga.
Mientras que los carros de combate son máquinas de ataque con gran potencia, raramente operan solitariamente, sino que están organizados en unidades blindadas en fuerzas combinadas. Sin tal apoyo, los carros de combate, a pesar de su blindaje y movilidad, serían vulnerables a la infantería, las minas, la artillería y la aviación militar.
Los carros de combate tienen desventajas en terrenos de bosques y zonas urbanas, que cancelan las ventajas de la capacidad de fuego a larga distancia del vehículo, reducen su movilidad y limitan la capacidad de la tripulación para detectar potenciales amenazas.
Los tanques fueron utilizados por primera vez durante la Primera Guerra Mundial para romper la guerra de trincheras y su papel evolucionó hasta asumir el puesto de la caballería en el campo de batalla. El nombre de tanque, tank en inglés, apareció en las fábricas británicas: se engañó a los trabajadores para mantener el secreto militar diciendoles que estaban construyendo depósitos de agua móviles para el ejército, pero estaban produciendo un vehículo de combate.[1]
El carro de combate y las tácticas de blindados han sufrido muchas evoluciones durante casi un siglo. Aunque se siguen desarrollando sistemas de armamento y blindajes, muchas naciones han estado reconsiderando la necesidad de tales armas pesadas en un periodo caracterizado por la guerra no convencional
Aunque los carros de combate son caros y requieren de logística, son una de las armas más temibles y versátiles del campo de batalla moderno, tanto por su capacidad de atacar a objetivos terrestres como por su valor al causar pánico en la infantería enemiga.
Mientras que los carros de combate son máquinas de ataque con gran potencia, raramente operan solitariamente, sino que están organizados en unidades blindadas en fuerzas combinadas. Sin tal apoyo, los carros de combate, a pesar de su blindaje y movilidad, serían vulnerables a la infantería, las minas, la artillería y la aviación militar.
Los carros de combate tienen desventajas en terrenos de bosques y zonas urbanas, que cancelan las ventajas de la capacidad de fuego a larga distancia del vehículo, reducen su movilidad y limitan la capacidad de la tripulación para detectar potenciales amenazas.
Los tanques fueron utilizados por primera vez durante la Primera Guerra Mundial para romper la guerra de trincheras y su papel evolucionó hasta asumir el puesto de la caballería en el campo de batalla. El nombre de tanque, tank en inglés, apareció en las fábricas británicas: se engañó a los trabajadores para mantener el secreto militar diciendoles que estaban construyendo depósitos de agua móviles para el ejército, pero estaban produciendo un vehículo de combate.[1]
El carro de combate y las tácticas de blindados han sufrido muchas evoluciones durante casi un siglo. Aunque se siguen desarrollando sistemas de armamento y blindajes, muchas naciones han estado reconsiderando la necesidad de tales armas pesadas en un periodo caracterizado por la guerra no convencional
protecis de mano el futuro
El procedimiento consistió en reconducir hacia el pecho los nervios que quedaron de las extremidades. De esa forma, si se aplicaba presión sobre sus pechos, los dos pacientes podían sentir los brazos y manos que perdieron. En algunas pruebas, los pacientes podían identificar incluso el lugar de la mano que era tocado.
Los resultados se publicaron en la revista de la Academia Nacional de Ciencias de Estados Unidos.
Como si fuera su mano
El doctor Todd Kuiken, quien dirigió el estudio, indicó que, en el futuro, este método puede llevar a que estos nervios de las extremidades perdidas sean reconducidos a prótesis como manos, pies y brazos artificiales, dotándolos de sentido del tacto.
Se cree que los pacientes que participaron en el experimento son el primer hombre y la primera mujer que usaron brazos biónicos que podían controlar.
A Claudia Mitchell, una ex integrante de la Marina de Estados Unidos, se le proveyó, el año pasado, un nuevo brazo, tras perder el suyo en un accidente de motocicleta. Jesse Sullivan, quien sufrió la perdida de sus dos brazos, recibió un brazo biónico en 2001. Tanto Mitchell como Sullivan pueden doblar su ropa, comer bananas y lavar los platos.
Cómo sentiría la mano biónica
Los nervios del brazo se conectan al pecho luego de la amputación.
Los sensores cutáneos comienzan a recuperar la sensibilidad.
Los músculos que contienen nervios reactivados envían mensajes al brazo, tal como hacían los antiguos centros de control.
Cuando se tocan distintas partes del pecho, la sensación se refleja en la mano.
Esto sucede porque los diferentes nervios se relacionan a distintas áreas de la mano.
Avance dramático
Los electrodos que se instalaron en el arnés del hombro de cada paciente permitieron detectar los mensajes emitidos desde el cerebro hasta el músculo del pecho y los condujeron hasta el brazo. El paso siguiente abre la puerta al sentido del tacto, cuya carencia es la principal limitación de las extremidades artificiales.
Los dos pacientes que formaron parte del estudio distinguieron la sensación percibida en sus pechos de la que le atribuían a la captada por sus manos. En algunos casos, fueron capaces de señalar exactamente en qué parte de la mano la sensación se estaba produciendo.
La doctora Sellaiah Sooriakumaran, una especialista en rehabilitación en el hospital Queen Mary, en Inglaterra dijo que era un paso importante. "Proveer a las prótesis de una habilidad sensorial mejorará dramáticamente sus funcionalidad y su aceptación por parte del paciente", dijo Sooriakumaran
Los resultados se publicaron en la revista de la Academia Nacional de Ciencias de Estados Unidos.
Como si fuera su mano
El doctor Todd Kuiken, quien dirigió el estudio, indicó que, en el futuro, este método puede llevar a que estos nervios de las extremidades perdidas sean reconducidos a prótesis como manos, pies y brazos artificiales, dotándolos de sentido del tacto.
Se cree que los pacientes que participaron en el experimento son el primer hombre y la primera mujer que usaron brazos biónicos que podían controlar.
A Claudia Mitchell, una ex integrante de la Marina de Estados Unidos, se le proveyó, el año pasado, un nuevo brazo, tras perder el suyo en un accidente de motocicleta. Jesse Sullivan, quien sufrió la perdida de sus dos brazos, recibió un brazo biónico en 2001. Tanto Mitchell como Sullivan pueden doblar su ropa, comer bananas y lavar los platos.
Cómo sentiría la mano biónica
Los nervios del brazo se conectan al pecho luego de la amputación.
Los sensores cutáneos comienzan a recuperar la sensibilidad.
Los músculos que contienen nervios reactivados envían mensajes al brazo, tal como hacían los antiguos centros de control.
Cuando se tocan distintas partes del pecho, la sensación se refleja en la mano.
Esto sucede porque los diferentes nervios se relacionan a distintas áreas de la mano.
Avance dramático
Los electrodos que se instalaron en el arnés del hombro de cada paciente permitieron detectar los mensajes emitidos desde el cerebro hasta el músculo del pecho y los condujeron hasta el brazo. El paso siguiente abre la puerta al sentido del tacto, cuya carencia es la principal limitación de las extremidades artificiales.
Los dos pacientes que formaron parte del estudio distinguieron la sensación percibida en sus pechos de la que le atribuían a la captada por sus manos. En algunos casos, fueron capaces de señalar exactamente en qué parte de la mano la sensación se estaba produciendo.
La doctora Sellaiah Sooriakumaran, una especialista en rehabilitación en el hospital Queen Mary, en Inglaterra dijo que era un paso importante. "Proveer a las prótesis de una habilidad sensorial mejorará dramáticamente sus funcionalidad y su aceptación por parte del paciente", dijo Sooriakumaran
martes, 10 de mayo de 2011
El Helicóptero Del Futuro el Sikorsky X2
Históricamente, el vuelo vertical ha requerido cierto compromiso entre el desempeño del vuelo en ascenso y la velocidad a nivel horizontal. Comparados con los aviones los helicópteros son relativamente lentos. Si se analiza la eficiencia contra la velocidad por un lado, los helicópteros son sumamente eficientes en cuanto a vuelo vertical, pueden mantenerse estacionarios por periodos de tiempo prolongados, teniendo alta maniobrabilidad en estas condiciones, sin embargo son lentos comparados con los aviones, además de ser difíciles de controlar en ciertas situaciones, sobre todo a altas velocidades. Por otro lado, diseños de aviones que tienen capacidad de vuelo vertical como el Harrier o el JSF (Joint Strike Fighter) conservan las ventajas de estos como la alta velocidad y maniobrabilidad en esas condiciones, sin embargo sus capacidades de maniobra para vuelo vertical y/o estacionario aun son muy pobres.
Ferrari
Ferrari es un fabricante de automóviles superdeportivos con sede en Maranello (Italia). Fue fundada en 1929 por Enzo Ferrari como Scuderia Ferrari, construyendo automóviles de competición y más tarde, en 1947, también pasó a fabricar coches deportivos.
Originalmente, la Scuderia Ferrari patrocinaba a pilotos y automóviles de Alfa Romeo y Fiat. La compañía comenzó a producir automóviles en serie en el año 1947. Se convirtió en Ferrari S.A. cuando en el año 1969 Fiat Group entró a ser parte del Consejo de Administración y se hizo accionista de la empresa. Actualmente el principal accionista es Fiat Group, con el 90%, un 5% de las acciones ha sido comprado, en 2005, por una compañía de los EAU, y el resto pertenece a Piero Ferrari, hijo de Enzo. La compañía tiene su sede en Maranello, cerca de Bolonia y Módena, Italia. En el año 2005 Ferrari vendió 5409 unidades, con una subida de ventas del 8,7%, y con una facturación de 1500 millones de euros.
En el 2007 Ferrari produjo 6.525 automóviles en su fábrica de Maranello. Esta cifra representó un 12.1% más que la del 2006.
Originalmente, la Scuderia Ferrari patrocinaba a pilotos y automóviles de Alfa Romeo y Fiat. La compañía comenzó a producir automóviles en serie en el año 1947. Se convirtió en Ferrari S.A. cuando en el año 1969 Fiat Group entró a ser parte del Consejo de Administración y se hizo accionista de la empresa. Actualmente el principal accionista es Fiat Group, con el 90%, un 5% de las acciones ha sido comprado, en 2005, por una compañía de los EAU, y el resto pertenece a Piero Ferrari, hijo de Enzo. La compañía tiene su sede en Maranello, cerca de Bolonia y Módena, Italia. En el año 2005 Ferrari vendió 5409 unidades, con una subida de ventas del 8,7%, y con una facturación de 1500 millones de euros.
En el 2007 Ferrari produjo 6.525 automóviles en su fábrica de Maranello. Esta cifra representó un 12.1% más que la del 2006.
miércoles, 4 de mayo de 2011
miércoles, 27 de abril de 2011
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/vx2u5uUu3DE" frameborder="0" allowfullscreen></iframe>default="#cccccc" value="#cccccc"/>
</Group>
<Group description="Blog Title" selector=".header h1">
<Variable name="header.font" description="Title Font" type="font"
default="normal bold 40px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 40px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="header.text.color" description="Title Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
<Variable name="header.background.color" description="Header Background" type="color" default="transparent" value="transparent"/>
</Group>
<Group description="Blog Description" selector=".header .description">
<Variable name="description.font" description="Font" type="font"
default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="description.text.color" description="Text Color" type="color"
default="$(body.text.color)" value="$(body.text.color)"/>
</Group>
<Group description="Tabs Text" selector=".tabs-inner .widget li a">
<Variable name="tabs.font" description="Font" type="font"
default="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="tabs.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
<Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="$(tabs.text.color)" value="$(tabs.text.color)"/>
</Group>
<Group description="Tabs Background" selector=".tabs-outer .PageList">
<Variable name="tabs.background.color" description="Background Color" type="color" default="#141414" value="#141414"/>
<Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="#444444" value="#444444"/>
<Variable name="tabs.border.color" description="Border Color" type="color" default="$(widget.border.color)" value="$(widget.border.color)"/>
</Group>
<Group description="Date Header" selector=".main-inner .widget h2.date-header, .main-inner .widget h2.date-header span">
<Variable name="date.font" description="Font" type="font"
default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="date.text.color" description="Text Color" type="color" default="#666666" value="#666666"/>
<Variable name="date.border.color" description="Border Color" type="color" default="$(widget.border.color)" value="$(widget.border.color)"/>
</Group>
<Group description="Post Title" selector="h3.post-title, h4, h3.post-title a">
<Variable name="post.title.font" description="Font" type="font"
default="normal bold 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="post.title.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
</Group>
<Group description="Post Background" selector=".post">
<Variable name="post.background.color" description="Background Color" type="color" default="$(widget.background.color)" value="$(widget.background.color)"/>
<Variable name="post.border.color" description="Border Color" type="color" default="$(widget.border.color)" value="$(widget.border.color)"/>
<Variable name="post.border.bevel.color" description="Bevel Color" type="color" default="$(widget.border.color)" value="$(widget.border.color)"/>
</Group>
<Group description="Gadget Title" selector="h2">
<Variable name="widget.title.font" description="Font" type="font"
default="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="widget.title.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
</Group>
<Group description="Gadget Text" selector=".sidebar .widget">
<Variable name="widget.font" description="Font" type="font"
default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="widget.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
<Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#666666" value="#666666"/>
</Group>
<Group description="Gadget Links" selector=".sidebar .widget">
<Variable name="widget.link.color" description="Link Color" type="color" default="$(link.color)" value="$(link.color)"/>
<Variable name="widget.link.visited.color" description="Visited Color" type="color" default="$(link.visited.color)" value="$(link.visited.color)"/>
<Variable name="widget.link.hover.color" description="Hover Color" type="color" default="$(link.hover.color)" value="$(link.hover.color)"/>
</Group>
<Group description="Gadget Background" selector=".sidebar .widget">
<Variable name="widget.background.color" description="Background Color" type="color" default="#141414" value="#141414"/>
<Variable name="widget.border.color" description="Border Color" type="color" default="#222222" value="#222222"/>
<Variable name="widget.border.bevel.color" description="Bevel Color" type="color" default="#000000" value="#000000"/>
</Group>
<Group description="Sidebar Background" selector=".column-left-inner .column-right-inner">
<Variable name="widget.outer.background.color" description="Background Color" type="color" default="transparent" value="transparent"/>
</Group>
<Group description="Images" selector=".main-inner">
<Variable name="image.background.color" description="Background Color" type="color" default="transparent" value="#222222"/>
<Variable name="image.border.color" description="Border Color" type="color" default="transparent" value="transparent"/>
</Group>
<Group description="Feed" selector=".blog-feeds">
<Variable name="feed.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
</Group>
<Group description="Feed Links" selector=".blog-feeds">
<Variable name="feed.link.color" description="Link Color" type="color" default="$(link.color)" value="$(link.color)"/>
<Variable name="feed.link.visited.color" description="Visited Color" type="color" default="$(link.visited.color)" value="$(link.visited.color)"/>
<Variable name="feed.link.hover.color" description="Hover Color" type="color" default="$(link.hover.color)" value="$(link.hover.color)"/>
</Group>
<Group description="Pager" selector=".blog-pager">
<Variable name="pager.background.color" description="Background Color" type="color" default="$(post.background.color)" value="$(post.background.color)"/>
</Group>
<Group description="Footer" selector=".footer-outer">
<Variable name="footer.background.color" description="Background Color" type="color" default="$(widget.background.color)" value="$(widget.background.color)"/>
<Variable name="footer.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
</Group>
<Variable name="title.shadow.spread" description="Title Shadow" type="length" default="-1px" value="-1px"/>
<Variable name="body.background" description="Body Background" type="background"
color="$(body.background.color)"
default="$(color) none repeat scroll top left" value="$(color) url(http://www.blogblog.com/1kt/awesomeinc/body_background_dark.png) repeat scroll top left"/>
<Variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url"
default="none" value="url(http://www.blogblog.com/1kt/awesomeinc/body_gradient_dark.png)"/>
<Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"
default="none" value="none"/>
<Variable name="header.background.gradient" description="Header Background Gradient" type="url" default="none" value="none"/>
<Variable name="header.padding.top" description="Header Top Padding" type="length" default="22px" value="22px"/>
<Variable name="header.margin.top" description="Header Top Margin" type="length" default="0" value="0"/>
<Variable name="header.margin.bottom" description="Header Bottom Margin" type="length" default="0" value="0"/>
<Variable name="widget.padding.top" description="Widget Padding Top" type="length" default="8px" value="8px"/>
<Variable name="widget.padding.side" description="Widget Padding Side" type="length" default="15px" value="15px"/>
<Variable name="widget.outer.margin.top" description="Widget Top Margin" type="length" default="0" value="0"/>
<Variable name="widget.outer.background.gradient" description="Gradient" type="url" default="none" value="none"/>
<Variable name="widget.border.radius" description="Gadget Border Radius" type="length" default="0" value="0"/>
<Variable name="outer.shadow.spread" description="Outer Shadow Size" type="length" default="0" value="0"/>
<Variable name="date.header.border.radius.top" description="Date Header Border Radius Top" type="length" default="0" value="0"/>
<Variable name="date.header.position" description="Date Header Position" type="length" default="15px" value="15px"/>
<Variable name="date.space" description="Date Space" type="length" default="30px" value="30px"/>
<Variable name="date.position" description="Date Float" type="string" default="static" value="static"/>
<Variable name="date.padding.bottom" description="Date Padding Bottom" type="length" default="0" value="0"/>
<Variable name="date.border.size" description="Date Border Size" type="length" default="0" value="0"/>
<Variable name="date.background" description="Date Background" type="background" color="transparent"
default="$(color) none no-repeat scroll top left" value="$(color) none no-repeat scroll top left"/>
<Variable name="date.first.border.radius.top" description="Date First top radius" type="length" default="$(widget.border.radius)" value="$(widget.border.radius)"/>
<Variable name="date.last.space.bottom" description="Date Last Space Bottom" type="length"
default="20px" value="20px"/>
<Variable name="date.last.border.radius.bottom" description="Date Last bottom radius" type="length" default="$(widget.border.radius)" value="$(widget.border.radius)"/>
<Variable name="post.first.padding.top" description="First Post Padding Top" type="length" default="0" value="0"/>
<Variable name="image.shadow.spread" description="Image Shadow Size" type="length" default="0" value="0"/>
<Variable name="image.border.radius" description="Image Border Radius" type="length" default="0" value="0"/>
<Variable name="separator.outdent" description="Separator Outdent" type="length" default="15px" value="15px"/>
<Variable name="title.separator.border.size" description="Widget Title Border Size" type="length" default="1px" value="1px"/>
<Variable name="list.separator.border.size" description="List Separator Border Size" type="length" default="1px" value="1px"/>
<Variable name="shadow.spread" description="Shadow Size" type="length" default="0" value="0"/>
<Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"/>
<Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>
<Variable name="date.side" description="Side where date header is placed" type="string" default="$(endSide)" value="$(endSide)"/>
<Variable name="pager.border.radius.top" description="Pager Border Top Radius" type="length" default="$(widget.border.radius)" value="$(widget.border.radius)"/>
<Variable name="pager.space.top" description="Pager Top Space" type="length" default="1em" value="1em"/>
<Variable name="footer.background.gradient" description="Background Gradient" type="url" default="none" value="none"/>
*/
/* Content
----------------------------------------------- */
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
}
html body .content-outer {
min-width: 0;
max-width: 100%;
width: 100%;
}
a:link {
text-decoration: none;
color: $(link.color);
}
a:visited {
text-decoration: none;
color: $(link.visited.color);
}
a:hover {
text-decoration: underline;
color: $(link.hover.color);
}
.body-fauxcolumn-outer .cap-top {
position: absolute;
z-index: 1;
height: 276px;
width: 100%;
background: transparent $(body.background.gradient.cap) repeat-x scroll top left;
_background-image: none;
}
/* Columns
----------------------------------------------- */
.content-inner {
padding: 0;
}
.header-inner .section {
margin: 0 16px;
}
.tabs-inner .section {
margin: 0 16px;
}
.main-inner {
padding-top: $(date.space);
}
.main-inner .column-center-inner,
.main-inner .column-left-inner,
.main-inner .column-right-inner {
padding: 0 5px;
}
*+html body .main-inner .column-center-inner {
margin-top: -$(date.space);
}
#layout .main-inner .column-center-inner {
margin-top: 0;
}
/* Header
----------------------------------------------- */
.header-outer {
margin: $(header.margin.top) 0 $(header.margin.bottom) 0;
background: $(header.background.color) $(header.background.gradient) repeat scroll 0 0;
}
.Header h1 {
font: $(header.font);
color: $(header.text.color);
text-shadow: 0 0 $(title.shadow.spread) #000000;
}
.Header h1 a {
color: $(header.text.color);
}
.Header .description {
font: $(description.font);
color: $(description.text.color);
}
.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
.header-inner .Header .titlewrapper {
padding-top: $(header.padding.top);
}
/* Tabs
----------------------------------------------- */
.tabs-outer {
overflow: hidden;
position: relative;
background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll 0 0;
}
#layout .tabs-outer {
overflow: visible;
}
.tabs-cap-top, .tabs-cap-bottom {
position: absolute;
width: 100%;
border-top: 1px solid $(tabs.border.color);
}
.tabs-cap-bottom {
bottom: 0;
}
.tabs-inner .widget li a {
display: inline-block;
margin: 0;
padding: .6em 1.5em;
font: $(tabs.font);
color: $(tabs.text.color);
border-top: 1px solid $(tabs.border.color);
border-bottom: 1px solid $(tabs.border.color);
border-$startSide: 1px solid $(tabs.border.color);
}
.tabs-inner .widget li:last-child a {
border-$endSide: 1px solid $(tabs.border.color);
}
.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
background: $(tabs.selected.background.color) $(tabs.background.gradient) repeat-x scroll 0 -100px;
color: $(tabs.selected.text.color);
}
/* Headings
----------------------------------------------- */
h2 {
font: $(widget.title.font);
color: $(widget.title.text.color);
}
/* Widgets
----------------------------------------------- */
.main-inner .section {
margin: 0 27px;
padding: 0;
}
.main-inner .column-left-outer,
.main-inner .column-right-outer {
margin-top: $(widget.outer.margin.top);
}
#layout .main-inner .column-left-outer,
#layout .main-inner .column-right-outer {
margin-top: 0;
}
.main-inner .column-left-inner,
.main-inner .column-right-inner {
background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat 0 0;
-moz-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);
box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);
-moz-border-radius: $(widget.border.radius);
-webkit-border-radius: $(widget.border.radius);
-goog-ms-border-radius: $(widget.border.radius);
border-radius: $(widget.border.radius);
}
#layout .main-inner .column-left-inner,
#layout .main-inner .column-right-inner {
margin-top: 0;
}
.sidebar .widget {
font: $(widget.font);
color: $(widget.text.color);
}
.sidebar .widget a:link {
color: $(widget.link.color);
}
.sidebar .widget a:visited {
color: $(widget.link.visited.color);
}
.sidebar .widget a:hover {
color: $(widget.link.hover.color);
}
.sidebar .widget h2 {
text-shadow: 0 0 $(title.shadow.spread) #000000;
}
.main-inner .widget {
background-color: $(widget.background.color);
border: 1px solid $(widget.border.color);
padding: 0 $(widget.padding.side) 15px;
margin: 20px -16px;
-moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-moz-border-radius: $(widget.border.radius);
-webkit-border-radius: $(widget.border.radius);
-goog-ms-border-radius: $(widget.border.radius);
border-radius: $(widget.border.radius);
}
.main-inner .widget h2 {
margin: 0 -$(separator.outdent);
padding: .6em $(separator.outdent) .5em;
border-bottom: 1px solid $(widget.border.bevel.color);
}
.footer-inner .widget h2 {
padding: 0 0 .4em;
border-bottom: 1px solid $(widget.border.bevel.color);
}
.main-inner .widget h2 + div, .footer-inner .widget h2 + div {
border-top: $(title.separator.border.size) solid $(widget.border.color);
padding-top: $(widget.padding.top);
}
.main-inner .widget .widget-content {
margin: 0 -$(separator.outdent);
padding: 7px $(separator.outdent) 0;
}
.main-inner .widget ul, .main-inner .widget #ArchiveList ul.flat {
margin: -$(widget.padding.top) -15px 0;
padding: 0;
list-style: none;
}
.main-inner .widget #ArchiveList {
margin: -$(widget.padding.top) 0 0;
}
.main-inner .widget ul li, .main-inner .widget #ArchiveList ul.flat li {
padding: .5em 15px;
text-indent: 0;
color: $(widget.alternate.text.color);
border-top: $(list.separator.border.size) solid $(widget.border.color);
border-bottom: 1px solid $(widget.border.bevel.color);
}
.main-inner .widget #ArchiveList ul li {
padding-top: .25em;
padding-bottom: .25em;
}
.main-inner .widget ul li:first-child, .main-inner .widget #ArchiveList ul.flat li:first-child {
border-top: none;
}
.main-inner .widget ul li:last-child, .main-inner .widget #ArchiveList ul.flat li:last-child {
border-bottom: none;
}
.post-body {
position: relative;
}
.main-inner .widget .post-body ul {
padding: 0 2.5em;
margin: .5em 0;
list-style: disc;
}
.main-inner .widget .post-body ul li {
padding: 0.25em 0;
margin-bottom: .25em;
color: $(body.text.color);
border: none;
}
.footer-inner .widget ul {
padding: 0;
list-style: none;
}
.widget .zippy {
color: $(widget.alternate.text.color);
}
/* Posts
----------------------------------------------- */
body .main-inner .Blog {
padding: 0;
margin-bottom: 1em;
background-color: transparent;
border: none;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.main-inner .section:last-child .Blog:last-child {
padding: 0;
margin-bottom: 1em;
}
.main-inner .widget h2.date-header {
margin: 0 -15px 1px;
padding: 0 0 $(date.padding.bottom) 0;
font: $(date.font);
color: $(date.text.color);
background: $(date.background);
border-top: $(date.border.size) solid $(date.border.color);
border-bottom: 1px solid $(widget.border.bevel.color);
-moz-border-radius-topleft: $(date.header.border.radius.top);
-moz-border-radius-topright: $(date.header.border.radius.top);
-webkit-border-top-left-radius: $(date.header.border.radius.top);
-webkit-border-top-right-radius: $(date.header.border.radius.top);
border-top-left-radius: $(date.header.border.radius.top);
border-top-right-radius: $(date.header.border.radius.top);
position: $(date.position);
bottom: 100%;
$(date.side): $(date.header.position);
text-shadow: 0 0 $(title.shadow.spread) #000000;
}
.main-inner .widget h2.date-header span {
font: $(date.font);
display: block;
padding: .5em 15px;
border-left: $(date.border.size) solid $(date.border.color);
border-right: $(date.border.size) solid $(date.border.color);
}
.date-outer {
position: relative;
margin: $(date.space) 0 20px;
padding: 0 15px;
background-color: $(post.background.color);
border: 1px solid $(post.border.color);
-moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-moz-border-radius: $(widget.border.radius);
-webkit-border-radius: $(widget.border.radius);
-goog-ms-border-radius: $(widget.border.radius);
border-radius: $(widget.border.radius);
}
.date-outer:first-child {
margin-top: 0;
}
.date-outer:last-child {
margin-bottom: $(date.last.space.bottom);
-moz-border-radius-bottomleft: $(date.last.border.radius.bottom);
-moz-border-radius-bottomright: $(date.last.border.radius.bottom);
-webkit-border-bottom-left-radius: $(date.last.border.radius.bottom);
-webkit-border-bottom-right-radius: $(date.last.border.radius.bottom);
-goog-ms-border-bottom-left-radius: $(date.last.border.radius.bottom);
-goog-ms-border-bottom-right-radius: $(date.last.border.radius.bottom);
border-bottom-left-radius: $(date.last.border.radius.bottom);
border-bottom-right-radius: $(date.last.border.radius.bottom);
}
.date-posts {
margin: 0 -$(separator.outdent);
padding: 0 $(separator.outdent);
clear: both;
}
.post-outer, .inline-ad {
border-top: 1px solid $(post.border.bevel.color);
margin: 0 -$(separator.outdent);
padding: 15px $(separator.outdent);
}
.post-outer {
padding-bottom: 10px;
}
.post-outer:first-child {
padding-top: $(post.first.padding.top);
border-top: none;
}
.post-outer:last-child, .inline-ad:last-child {
border-bottom: none;
}
.post-body {
position: relative;
}
.post-body img {
padding: 8px;
background: $(image.background.color);
border: 1px solid $(image.border.color);
-moz-box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);
box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);
-moz-border-radius: $(image.border.radius);
-webkit-border-radius: $(image.border.radius);
border-radius: $(image.border.radius);
}
h3.post-title, h4 {
font: $(post.title.font);
color: $(post.title.text.color);
}
h3.post-title a {
font: $(post.title.font);
color: $(post.title.text.color);
}
h3.post-title a:hover {
color: $(link.hover.color);
text-decoration: underline;
}
.post-header {
margin: 0 0 1em;
}
.post-body {
line-height: 1.4;
}
.post-outer h2 {
color: $(body.text.color);
}
.post-footer {
margin: 1.5em 0 0;
}
#blog-pager {
padding: 15px;
font-size: 120%;
background-color: $(pager.background.color);
border: 1px solid $(widget.border.color);
-moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-moz-border-radius: $(widget.border.radius);
-webkit-border-radius: $(widget.border.radius);
-goog-ms-border-radius: $(widget.border.radius);
border-radius: $(widget.border.radius);
-moz-border-radius-topleft: $(pager.border.radius.top);
-moz-border-radius-topright: $(pager.border.radius.top);
-webkit-border-top-left-radius: $(pager.border.radius.top);
-webkit-border-top-right-radius: $(pager.border.radius.top);
-goog-ms-border-top-left-radius: $(pager.border.radius.top);
-goog-ms-border-top-right-radius: $(pager.border.radius.top);
border-top-left-radius: $(pager.border.radius.top);
border-top-right-radius-topright: $(pager.border.radius.top);
margin-top: $(pager.space.top);
}
.blog-feeds, .post-feeds {
margin: 1em 0;
text-align: center;
color: $(feed.text.color);
}
.blog-feeds a, .post-feeds a {
color: $(feed.link.color);
}
.blog-feeds a:visited, .post-feeds a:visited {
color: $(feed.link.visited.color);
}
.blog-feeds a:hover, .post-feeds a:hover {
color: $(feed.link.hover.color);
}
.post-outer .comments {
margin-top: 2em;
}
/* Footer
----------------------------------------------- */
.footer-outer {
margin: -$(shadow.spread) 0 -1px;
padding: $(shadow.spread) 0 0;
color: $(footer.text.color);
overflow: hidden;
}
.footer-fauxborder-left {
border-top: 1px solid $(widget.border.color);
background: $(footer.background.color) $(footer.background.gradient) repeat scroll 0 0;
-moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
margin: 0 -$(shadow.spread);
}
/* Mobile
----------------------------------------------- */
*+html body.mobile .main-inner .column-center-inner {
margin-top: 0;
}
.mobile .main-inner .widget {
padding: 0 0 15px;
}
.mobile .main-inner .widget h2 + div,
.mobile .footer-inner .widget h2 + div {
border-top: none;
padding-top: 0;
}
.mobile .footer-inner .widget h2 {
padding: 0.5em 0;
border-bottom: none;
}
.mobile .main-inner .widget .widget-content {
margin: 0;
padding: 7px 0 0;
}
.mobile .main-inner .widget ul,
.mobile .main-inner .widget #ArchiveList ul.flat {
margin: 0 -15px 0;
}
.mobile .main-inner .widget h2.date-header {
$(date.side): 0;
}
.mobile .date-header span {
padding: 0.4em 0;
}
.mobile .date-outer:first-child {
margin-bottom: 0;
border: 1px solid $(post.border.color);
-moz-border-radius-topleft: $(date.first.border.radius.top);
-moz-border-radius-topright: $(date.first.border.radius.top);
-webkit-border-top-left-radius: $(date.first.border.radius.top);
-webkit-border-top-right-radius: $(date.first.border.radius.top);
-goog-ms-border-top-left-radius: $(date.first.border.radius.top);
-goog-ms-border-top-right-radius: $(date.first.border.radius.top);
border-top-left-radius: $(date.first.border.radius.top);
border-top-right-radius: $(date.first.border.radius.top);
}
.mobile .date-outer {
border-color: $(post.border.color);
border-width: 0 1px 1px;
}
.mobile .date-outer:last-child {
margin-bottom: 0;
}
.mobile .main-inner {
padding: 0 10px;
}
.mobile .header-inner .section {
margin: 0;
}
.mobile .post-outer, .mobile .inline-ad {
padding: 5px 0;
}
.mobile .tabs-inner .section {
margin: 0 10px;
}
.mobile .main-inner .widget h2 {
margin: 0;
padding: 0;
}
.mobile .main-inner .widget h2.date-header span {
padding: 0;
}
.mobile .main-inner .widget .widget-content {
margin: 0;
padding: 7px 0 0;
}
.mobile .main-inner .column-left-inner,
.mobile .main-inner .column-right-inner {
background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat 0 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-goog-ms-box-shadow: none;
box-shadow: none;
}
.mobile .date-posts {
margin: 0;
padding: 0;
}
.mobile .footer-fauxborder-left {
margin: 0;
}
.mobile .main-inner .section:last-child .Blog:last-child {
margin-bottom: 0;
}
.mobile-index-contents {
color: $(body.text.color);
}
.mobile .mobile-link-button {
background: $(tabs.selected.background.color) $(tabs.background.gradient) repeat-x scroll 0 -100px;
}
.mobile-link-button a:link, .mobile-link-button a:visited {
color: $(tabs.selected.text.color);
}
]]></b:skin>
<b:template-skin>
<b:variable default='930px' name='content.width' type='length' value='860px'/>
<b:variable default='0' name='main.column.left.width' type='length' value='0px'/>
<b:variable default='360px' name='main.column.right.width' type='length' value='260px'/>
<![CDATA[
body {
min-width: $(content.width);
}
.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: $(content.width);
max-width: $(content.width);
_width: $(content.width);
}
.main-inner .columns {
padding-left: $(main.column.left.width);
padding-right: $(main.column.right.width);
}
.main-inner .fauxcolumn-center-outer {
left: $(main.column.left.width);
right: $(main.column.right.width);
/* IE6 does not respect left and right together */
_width: expression(this.parentNode.offsetWidth -
parseInt("$(main.column.left.width)") -
parseInt("$(main.column.right.width)") + 'px');
}
.main-inner .fauxcolumn-left-outer {
width: $(main.column.left.width);
}
.main-inner .fauxcolumn-right-outer {
width: $(main.column.right.width);
}
.main-inner .column-left-outer {
width: $(main.column.left.width);
right: 100%;
margin-left: -$(main.column.left.width);
}
.main-inner .column-right-outer {
width: $(main.column.right.width);
margin-right: -$(main.column.right.width);
}
#layout {
min-width: 0;
}
#layout .content-outer {
min-width: 0;
width: 800px;
}
#layout .region-inner {
min-width: 0;
width: auto;
}
]]>
</b:template-skin>
</head>
<body expr:class='"loading" + data:blog.mobileClass'>
<div class='body-fauxcolumns'>
<div class='fauxcolumn-outer body-fauxcolumn-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</div>
<div class='content'>
<div class='content-fauxcolumns'>
<div class='fauxcolumn-outer content-fauxcolumn-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</div>
<div class='content-outer'>
<div class='content-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left content-fauxborder-left'>
<div class='fauxborder-right content-fauxborder-right'/>
<div class='content-inner'>
<header>
<div class='header-outer'>
<div class='header-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left header-fauxborder-left'>
<div class='fauxborder-right header-fauxborder-right'/>
<div class='region-inner header-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='avances tecnologicos (cabecera)' type='Header'/>
</b:section>
</div>
</div>
<div class='header-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</header>
<div class='tabs-outer'>
<div class='tabs-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left tabs-fauxborder-left'>
<div class='fauxborder-right tabs-fauxborder-right'/>
<div class='region-inner tabs-inner'>
<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
<b:widget id='Gadget3' locked='false' title='Recent Comments' type='Gadget'/>
</b:section>
<b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
</div>
</div>
<div class='tabs-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<div class='main-outer'>
<div class='main-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left main-fauxborder-left'>
<div class='fauxborder-right main-fauxborder-right'/>
<div class='region-inner main-inner'>
<div class='columns fauxcolumns'>
<div class='fauxcolumn-outer fauxcolumn-center-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<div class='fauxcolumn-outer fauxcolumn-left-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<div class='fauxcolumn-outer fauxcolumn-right-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<!-- corrects IE6 width calculation -->
<div class='columns-inner'>
<div class='column-center-outer'>
<div class='column-center-inner'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>
</b:section>
</div>
</div>
<div class='column-left-outer'>
<div class='column-left-inner'>
<aside>
<macro:include id='main-column-left-sections' name='sections'>
<macro:param default='0' name='num' value='0'/>
<macro:param default='sidebar-left' name='idPrefix'/>
<macro:param default='sidebar' name='class'/>
<macro:param default='true' name='includeBottom'/>
</macro:include>
</aside>
</div>
</div>
<div class='column-right-outer'>
<div class='column-right-inner'>
<aside>
<macro:include id='main-column-right-sections' name='sections'>
<macro:param default='2' name='num' value='1'/>
<macro:param default='sidebar-right' name='idPrefix'/>
<macro:param default='sidebar' name='class'/>
<macro:param default='true' name='includeBottom'/>
</macro:include>
</aside>
</div>
</div>
</div>
<div style='clear: both'/>
<!-- columns -->
</div>
<!-- main -->
</div>
</div>
<div class='main-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<footer>
<div class='footer-outer'>
<div class='footer-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left footer-fauxborder-left'>
<div class='fauxborder-right footer-fauxborder-right'/>
<div class='region-inner footer-inner'>
<macro:include id='footer-sections' name='sections'>
<macro:param default='2' name='num'/>
<macro:param default='footer' name='idPrefix'/>
<macro:param default='foot' name='class'/>
<macro:param default='false' name='includeBottom'/>
</macro:include>
<!-- outside of the include in order to lock Attribution widget -->
<b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
</b:section>
</div>
</div>
<div class='footer-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</footer>
<!-- content -->
</div>
</div>
<div class='content-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</div>
<script type='text/javascript'>
window.setTimeout(function() {
document.body.className = document.body.className.replace('loading', '');
}, 10);
</script>
</body>
<macro:includable id='sections' var='col'>
<macro:if cond='data:col.num == 0'>
<macro:else/>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-1"' preferred='yes' showaddelement='yes'/>
<macro:if cond='data:col.num >= 2'>
<table border='0' cellpadding='0' cellspacing='0' mexpr:class='"section-columns columns-" + data:col.num'>
<tbody>
<tr>
<td class='first columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-1"'/>
</td>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-2"'/>
</td>
<macro:if cond='data:col.num >= 3'>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-3"'/>
</td>
</macro:if>
<macro:if cond='data:col.num >= 4'>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-4"'/>
</td>
</macro:if>
</tr>
</tbody>
</table>
<macro:if cond='data:col.includeBottom'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-3"' showaddelement='no'/>
</macro:if>
</macro:if>
</macro:if>
</macro:includable>
<b:section-contents id='sidebar-right-1'>
<b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'/>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>
<b:widget id='Profile1' locked='false' title='Datos personales' type='Profile'/>
</b:section-contents><b:section-contents id='footer-1'>
<b:widget id='Gadget4' locked='false' title='Share it' type='Gadget'/>
<b:widget id='Image1' locked='false' title='' type='Image'/>
</b:section-contents><b:section-contents id='footer-2-1'>
<b:widget id='VideoBar1' locked='false' title='videos de youtube' type='VideoBar'/>
<b:widget id='Image2' locked='false' title='robot zapador' type='Image'/>
</b:section-contents><b:section-contents id='footer-2-2'>
<b:widget id='Gadget2' locked='false' title='Fish' type='Gadget'/>
<b:widget id='Gadget1' locked='false' title='Amazon MP3 Clips' type='Gadget'/>
<b:widget id='BloggerButton1' locked='false' title='' type='BloggerButton'/>
</b:section-contents></html>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/vx2u5uUu3DE" frameborder="0" allowfullscreen></iframe>default="#cccccc" value="#cccccc"/>
</Group>
<Group description="Blog Title" selector=".header h1">
<Variable name="header.font" description="Title Font" type="font"
default="normal bold 40px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 40px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="header.text.color" description="Title Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
<Variable name="header.background.color" description="Header Background" type="color" default="transparent" value="transparent"/>
</Group>
<Group description="Blog Description" selector=".header .description">
<Variable name="description.font" description="Font" type="font"
default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="description.text.color" description="Text Color" type="color"
default="$(body.text.color)" value="$(body.text.color)"/>
</Group>
<Group description="Tabs Text" selector=".tabs-inner .widget li a">
<Variable name="tabs.font" description="Font" type="font"
default="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="tabs.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
<Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="$(tabs.text.color)" value="$(tabs.text.color)"/>
</Group>
<Group description="Tabs Background" selector=".tabs-outer .PageList">
<Variable name="tabs.background.color" description="Background Color" type="color" default="#141414" value="#141414"/>
<Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="#444444" value="#444444"/>
<Variable name="tabs.border.color" description="Border Color" type="color" default="$(widget.border.color)" value="$(widget.border.color)"/>
</Group>
<Group description="Date Header" selector=".main-inner .widget h2.date-header, .main-inner .widget h2.date-header span">
<Variable name="date.font" description="Font" type="font"
default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="date.text.color" description="Text Color" type="color" default="#666666" value="#666666"/>
<Variable name="date.border.color" description="Border Color" type="color" default="$(widget.border.color)" value="$(widget.border.color)"/>
</Group>
<Group description="Post Title" selector="h3.post-title, h4, h3.post-title a">
<Variable name="post.title.font" description="Font" type="font"
default="normal bold 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="post.title.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
</Group>
<Group description="Post Background" selector=".post">
<Variable name="post.background.color" description="Background Color" type="color" default="$(widget.background.color)" value="$(widget.background.color)"/>
<Variable name="post.border.color" description="Border Color" type="color" default="$(widget.border.color)" value="$(widget.border.color)"/>
<Variable name="post.border.bevel.color" description="Bevel Color" type="color" default="$(widget.border.color)" value="$(widget.border.color)"/>
</Group>
<Group description="Gadget Title" selector="h2">
<Variable name="widget.title.font" description="Font" type="font"
default="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="widget.title.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
</Group>
<Group description="Gadget Text" selector=".sidebar .widget">
<Variable name="widget.font" description="Font" type="font"
default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="widget.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
<Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#666666" value="#666666"/>
</Group>
<Group description="Gadget Links" selector=".sidebar .widget">
<Variable name="widget.link.color" description="Link Color" type="color" default="$(link.color)" value="$(link.color)"/>
<Variable name="widget.link.visited.color" description="Visited Color" type="color" default="$(link.visited.color)" value="$(link.visited.color)"/>
<Variable name="widget.link.hover.color" description="Hover Color" type="color" default="$(link.hover.color)" value="$(link.hover.color)"/>
</Group>
<Group description="Gadget Background" selector=".sidebar .widget">
<Variable name="widget.background.color" description="Background Color" type="color" default="#141414" value="#141414"/>
<Variable name="widget.border.color" description="Border Color" type="color" default="#222222" value="#222222"/>
<Variable name="widget.border.bevel.color" description="Bevel Color" type="color" default="#000000" value="#000000"/>
</Group>
<Group description="Sidebar Background" selector=".column-left-inner .column-right-inner">
<Variable name="widget.outer.background.color" description="Background Color" type="color" default="transparent" value="transparent"/>
</Group>
<Group description="Images" selector=".main-inner">
<Variable name="image.background.color" description="Background Color" type="color" default="transparent" value="#222222"/>
<Variable name="image.border.color" description="Border Color" type="color" default="transparent" value="transparent"/>
</Group>
<Group description="Feed" selector=".blog-feeds">
<Variable name="feed.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
</Group>
<Group description="Feed Links" selector=".blog-feeds">
<Variable name="feed.link.color" description="Link Color" type="color" default="$(link.color)" value="$(link.color)"/>
<Variable name="feed.link.visited.color" description="Visited Color" type="color" default="$(link.visited.color)" value="$(link.visited.color)"/>
<Variable name="feed.link.hover.color" description="Hover Color" type="color" default="$(link.hover.color)" value="$(link.hover.color)"/>
</Group>
<Group description="Pager" selector=".blog-pager">
<Variable name="pager.background.color" description="Background Color" type="color" default="$(post.background.color)" value="$(post.background.color)"/>
</Group>
<Group description="Footer" selector=".footer-outer">
<Variable name="footer.background.color" description="Background Color" type="color" default="$(widget.background.color)" value="$(widget.background.color)"/>
<Variable name="footer.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
</Group>
<Variable name="title.shadow.spread" description="Title Shadow" type="length" default="-1px" value="-1px"/>
<Variable name="body.background" description="Body Background" type="background"
color="$(body.background.color)"
default="$(color) none repeat scroll top left" value="$(color) url(http://www.blogblog.com/1kt/awesomeinc/body_background_dark.png) repeat scroll top left"/>
<Variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url"
default="none" value="url(http://www.blogblog.com/1kt/awesomeinc/body_gradient_dark.png)"/>
<Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"
default="none" value="none"/>
<Variable name="header.background.gradient" description="Header Background Gradient" type="url" default="none" value="none"/>
<Variable name="header.padding.top" description="Header Top Padding" type="length" default="22px" value="22px"/>
<Variable name="header.margin.top" description="Header Top Margin" type="length" default="0" value="0"/>
<Variable name="header.margin.bottom" description="Header Bottom Margin" type="length" default="0" value="0"/>
<Variable name="widget.padding.top" description="Widget Padding Top" type="length" default="8px" value="8px"/>
<Variable name="widget.padding.side" description="Widget Padding Side" type="length" default="15px" value="15px"/>
<Variable name="widget.outer.margin.top" description="Widget Top Margin" type="length" default="0" value="0"/>
<Variable name="widget.outer.background.gradient" description="Gradient" type="url" default="none" value="none"/>
<Variable name="widget.border.radius" description="Gadget Border Radius" type="length" default="0" value="0"/>
<Variable name="outer.shadow.spread" description="Outer Shadow Size" type="length" default="0" value="0"/>
<Variable name="date.header.border.radius.top" description="Date Header Border Radius Top" type="length" default="0" value="0"/>
<Variable name="date.header.position" description="Date Header Position" type="length" default="15px" value="15px"/>
<Variable name="date.space" description="Date Space" type="length" default="30px" value="30px"/>
<Variable name="date.position" description="Date Float" type="string" default="static" value="static"/>
<Variable name="date.padding.bottom" description="Date Padding Bottom" type="length" default="0" value="0"/>
<Variable name="date.border.size" description="Date Border Size" type="length" default="0" value="0"/>
<Variable name="date.background" description="Date Background" type="background" color="transparent"
default="$(color) none no-repeat scroll top left" value="$(color) none no-repeat scroll top left"/>
<Variable name="date.first.border.radius.top" description="Date First top radius" type="length" default="$(widget.border.radius)" value="$(widget.border.radius)"/>
<Variable name="date.last.space.bottom" description="Date Last Space Bottom" type="length"
default="20px" value="20px"/>
<Variable name="date.last.border.radius.bottom" description="Date Last bottom radius" type="length" default="$(widget.border.radius)" value="$(widget.border.radius)"/>
<Variable name="post.first.padding.top" description="First Post Padding Top" type="length" default="0" value="0"/>
<Variable name="image.shadow.spread" description="Image Shadow Size" type="length" default="0" value="0"/>
<Variable name="image.border.radius" description="Image Border Radius" type="length" default="0" value="0"/>
<Variable name="separator.outdent" description="Separator Outdent" type="length" default="15px" value="15px"/>
<Variable name="title.separator.border.size" description="Widget Title Border Size" type="length" default="1px" value="1px"/>
<Variable name="list.separator.border.size" description="List Separator Border Size" type="length" default="1px" value="1px"/>
<Variable name="shadow.spread" description="Shadow Size" type="length" default="0" value="0"/>
<Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"/>
<Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>
<Variable name="date.side" description="Side where date header is placed" type="string" default="$(endSide)" value="$(endSide)"/>
<Variable name="pager.border.radius.top" description="Pager Border Top Radius" type="length" default="$(widget.border.radius)" value="$(widget.border.radius)"/>
<Variable name="pager.space.top" description="Pager Top Space" type="length" default="1em" value="1em"/>
<Variable name="footer.background.gradient" description="Background Gradient" type="url" default="none" value="none"/>
*/
/* Content
----------------------------------------------- */
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
}
html body .content-outer {
min-width: 0;
max-width: 100%;
width: 100%;
}
a:link {
text-decoration: none;
color: $(link.color);
}
a:visited {
text-decoration: none;
color: $(link.visited.color);
}
a:hover {
text-decoration: underline;
color: $(link.hover.color);
}
.body-fauxcolumn-outer .cap-top {
position: absolute;
z-index: 1;
height: 276px;
width: 100%;
background: transparent $(body.background.gradient.cap) repeat-x scroll top left;
_background-image: none;
}
/* Columns
----------------------------------------------- */
.content-inner {
padding: 0;
}
.header-inner .section {
margin: 0 16px;
}
.tabs-inner .section {
margin: 0 16px;
}
.main-inner {
padding-top: $(date.space);
}
.main-inner .column-center-inner,
.main-inner .column-left-inner,
.main-inner .column-right-inner {
padding: 0 5px;
}
*+html body .main-inner .column-center-inner {
margin-top: -$(date.space);
}
#layout .main-inner .column-center-inner {
margin-top: 0;
}
/* Header
----------------------------------------------- */
.header-outer {
margin: $(header.margin.top) 0 $(header.margin.bottom) 0;
background: $(header.background.color) $(header.background.gradient) repeat scroll 0 0;
}
.Header h1 {
font: $(header.font);
color: $(header.text.color);
text-shadow: 0 0 $(title.shadow.spread) #000000;
}
.Header h1 a {
color: $(header.text.color);
}
.Header .description {
font: $(description.font);
color: $(description.text.color);
}
.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
.header-inner .Header .titlewrapper {
padding-top: $(header.padding.top);
}
/* Tabs
----------------------------------------------- */
.tabs-outer {
overflow: hidden;
position: relative;
background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll 0 0;
}
#layout .tabs-outer {
overflow: visible;
}
.tabs-cap-top, .tabs-cap-bottom {
position: absolute;
width: 100%;
border-top: 1px solid $(tabs.border.color);
}
.tabs-cap-bottom {
bottom: 0;
}
.tabs-inner .widget li a {
display: inline-block;
margin: 0;
padding: .6em 1.5em;
font: $(tabs.font);
color: $(tabs.text.color);
border-top: 1px solid $(tabs.border.color);
border-bottom: 1px solid $(tabs.border.color);
border-$startSide: 1px solid $(tabs.border.color);
}
.tabs-inner .widget li:last-child a {
border-$endSide: 1px solid $(tabs.border.color);
}
.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
background: $(tabs.selected.background.color) $(tabs.background.gradient) repeat-x scroll 0 -100px;
color: $(tabs.selected.text.color);
}
/* Headings
----------------------------------------------- */
h2 {
font: $(widget.title.font);
color: $(widget.title.text.color);
}
/* Widgets
----------------------------------------------- */
.main-inner .section {
margin: 0 27px;
padding: 0;
}
.main-inner .column-left-outer,
.main-inner .column-right-outer {
margin-top: $(widget.outer.margin.top);
}
#layout .main-inner .column-left-outer,
#layout .main-inner .column-right-outer {
margin-top: 0;
}
.main-inner .column-left-inner,
.main-inner .column-right-inner {
background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat 0 0;
-moz-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);
box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);
-moz-border-radius: $(widget.border.radius);
-webkit-border-radius: $(widget.border.radius);
-goog-ms-border-radius: $(widget.border.radius);
border-radius: $(widget.border.radius);
}
#layout .main-inner .column-left-inner,
#layout .main-inner .column-right-inner {
margin-top: 0;
}
.sidebar .widget {
font: $(widget.font);
color: $(widget.text.color);
}
.sidebar .widget a:link {
color: $(widget.link.color);
}
.sidebar .widget a:visited {
color: $(widget.link.visited.color);
}
.sidebar .widget a:hover {
color: $(widget.link.hover.color);
}
.sidebar .widget h2 {
text-shadow: 0 0 $(title.shadow.spread) #000000;
}
.main-inner .widget {
background-color: $(widget.background.color);
border: 1px solid $(widget.border.color);
padding: 0 $(widget.padding.side) 15px;
margin: 20px -16px;
-moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-moz-border-radius: $(widget.border.radius);
-webkit-border-radius: $(widget.border.radius);
-goog-ms-border-radius: $(widget.border.radius);
border-radius: $(widget.border.radius);
}
.main-inner .widget h2 {
margin: 0 -$(separator.outdent);
padding: .6em $(separator.outdent) .5em;
border-bottom: 1px solid $(widget.border.bevel.color);
}
.footer-inner .widget h2 {
padding: 0 0 .4em;
border-bottom: 1px solid $(widget.border.bevel.color);
}
.main-inner .widget h2 + div, .footer-inner .widget h2 + div {
border-top: $(title.separator.border.size) solid $(widget.border.color);
padding-top: $(widget.padding.top);
}
.main-inner .widget .widget-content {
margin: 0 -$(separator.outdent);
padding: 7px $(separator.outdent) 0;
}
.main-inner .widget ul, .main-inner .widget #ArchiveList ul.flat {
margin: -$(widget.padding.top) -15px 0;
padding: 0;
list-style: none;
}
.main-inner .widget #ArchiveList {
margin: -$(widget.padding.top) 0 0;
}
.main-inner .widget ul li, .main-inner .widget #ArchiveList ul.flat li {
padding: .5em 15px;
text-indent: 0;
color: $(widget.alternate.text.color);
border-top: $(list.separator.border.size) solid $(widget.border.color);
border-bottom: 1px solid $(widget.border.bevel.color);
}
.main-inner .widget #ArchiveList ul li {
padding-top: .25em;
padding-bottom: .25em;
}
.main-inner .widget ul li:first-child, .main-inner .widget #ArchiveList ul.flat li:first-child {
border-top: none;
}
.main-inner .widget ul li:last-child, .main-inner .widget #ArchiveList ul.flat li:last-child {
border-bottom: none;
}
.post-body {
position: relative;
}
.main-inner .widget .post-body ul {
padding: 0 2.5em;
margin: .5em 0;
list-style: disc;
}
.main-inner .widget .post-body ul li {
padding: 0.25em 0;
margin-bottom: .25em;
color: $(body.text.color);
border: none;
}
.footer-inner .widget ul {
padding: 0;
list-style: none;
}
.widget .zippy {
color: $(widget.alternate.text.color);
}
/* Posts
----------------------------------------------- */
body .main-inner .Blog {
padding: 0;
margin-bottom: 1em;
background-color: transparent;
border: none;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.main-inner .section:last-child .Blog:last-child {
padding: 0;
margin-bottom: 1em;
}
.main-inner .widget h2.date-header {
margin: 0 -15px 1px;
padding: 0 0 $(date.padding.bottom) 0;
font: $(date.font);
color: $(date.text.color);
background: $(date.background);
border-top: $(date.border.size) solid $(date.border.color);
border-bottom: 1px solid $(widget.border.bevel.color);
-moz-border-radius-topleft: $(date.header.border.radius.top);
-moz-border-radius-topright: $(date.header.border.radius.top);
-webkit-border-top-left-radius: $(date.header.border.radius.top);
-webkit-border-top-right-radius: $(date.header.border.radius.top);
border-top-left-radius: $(date.header.border.radius.top);
border-top-right-radius: $(date.header.border.radius.top);
position: $(date.position);
bottom: 100%;
$(date.side): $(date.header.position);
text-shadow: 0 0 $(title.shadow.spread) #000000;
}
.main-inner .widget h2.date-header span {
font: $(date.font);
display: block;
padding: .5em 15px;
border-left: $(date.border.size) solid $(date.border.color);
border-right: $(date.border.size) solid $(date.border.color);
}
.date-outer {
position: relative;
margin: $(date.space) 0 20px;
padding: 0 15px;
background-color: $(post.background.color);
border: 1px solid $(post.border.color);
-moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-moz-border-radius: $(widget.border.radius);
-webkit-border-radius: $(widget.border.radius);
-goog-ms-border-radius: $(widget.border.radius);
border-radius: $(widget.border.radius);
}
.date-outer:first-child {
margin-top: 0;
}
.date-outer:last-child {
margin-bottom: $(date.last.space.bottom);
-moz-border-radius-bottomleft: $(date.last.border.radius.bottom);
-moz-border-radius-bottomright: $(date.last.border.radius.bottom);
-webkit-border-bottom-left-radius: $(date.last.border.radius.bottom);
-webkit-border-bottom-right-radius: $(date.last.border.radius.bottom);
-goog-ms-border-bottom-left-radius: $(date.last.border.radius.bottom);
-goog-ms-border-bottom-right-radius: $(date.last.border.radius.bottom);
border-bottom-left-radius: $(date.last.border.radius.bottom);
border-bottom-right-radius: $(date.last.border.radius.bottom);
}
.date-posts {
margin: 0 -$(separator.outdent);
padding: 0 $(separator.outdent);
clear: both;
}
.post-outer, .inline-ad {
border-top: 1px solid $(post.border.bevel.color);
margin: 0 -$(separator.outdent);
padding: 15px $(separator.outdent);
}
.post-outer {
padding-bottom: 10px;
}
.post-outer:first-child {
padding-top: $(post.first.padding.top);
border-top: none;
}
.post-outer:last-child, .inline-ad:last-child {
border-bottom: none;
}
.post-body {
position: relative;
}
.post-body img {
padding: 8px;
background: $(image.background.color);
border: 1px solid $(image.border.color);
-moz-box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);
box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);
-moz-border-radius: $(image.border.radius);
-webkit-border-radius: $(image.border.radius);
border-radius: $(image.border.radius);
}
h3.post-title, h4 {
font: $(post.title.font);
color: $(post.title.text.color);
}
h3.post-title a {
font: $(post.title.font);
color: $(post.title.text.color);
}
h3.post-title a:hover {
color: $(link.hover.color);
text-decoration: underline;
}
.post-header {
margin: 0 0 1em;
}
.post-body {
line-height: 1.4;
}
.post-outer h2 {
color: $(body.text.color);
}
.post-footer {
margin: 1.5em 0 0;
}
#blog-pager {
padding: 15px;
font-size: 120%;
background-color: $(pager.background.color);
border: 1px solid $(widget.border.color);
-moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-moz-border-radius: $(widget.border.radius);
-webkit-border-radius: $(widget.border.radius);
-goog-ms-border-radius: $(widget.border.radius);
border-radius: $(widget.border.radius);
-moz-border-radius-topleft: $(pager.border.radius.top);
-moz-border-radius-topright: $(pager.border.radius.top);
-webkit-border-top-left-radius: $(pager.border.radius.top);
-webkit-border-top-right-radius: $(pager.border.radius.top);
-goog-ms-border-top-left-radius: $(pager.border.radius.top);
-goog-ms-border-top-right-radius: $(pager.border.radius.top);
border-top-left-radius: $(pager.border.radius.top);
border-top-right-radius-topright: $(pager.border.radius.top);
margin-top: $(pager.space.top);
}
.blog-feeds, .post-feeds {
margin: 1em 0;
text-align: center;
color: $(feed.text.color);
}
.blog-feeds a, .post-feeds a {
color: $(feed.link.color);
}
.blog-feeds a:visited, .post-feeds a:visited {
color: $(feed.link.visited.color);
}
.blog-feeds a:hover, .post-feeds a:hover {
color: $(feed.link.hover.color);
}
.post-outer .comments {
margin-top: 2em;
}
/* Footer
----------------------------------------------- */
.footer-outer {
margin: -$(shadow.spread) 0 -1px;
padding: $(shadow.spread) 0 0;
color: $(footer.text.color);
overflow: hidden;
}
.footer-fauxborder-left {
border-top: 1px solid $(widget.border.color);
background: $(footer.background.color) $(footer.background.gradient) repeat scroll 0 0;
-moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
margin: 0 -$(shadow.spread);
}
/* Mobile
----------------------------------------------- */
*+html body.mobile .main-inner .column-center-inner {
margin-top: 0;
}
.mobile .main-inner .widget {
padding: 0 0 15px;
}
.mobile .main-inner .widget h2 + div,
.mobile .footer-inner .widget h2 + div {
border-top: none;
padding-top: 0;
}
.mobile .footer-inner .widget h2 {
padding: 0.5em 0;
border-bottom: none;
}
.mobile .main-inner .widget .widget-content {
margin: 0;
padding: 7px 0 0;
}
.mobile .main-inner .widget ul,
.mobile .main-inner .widget #ArchiveList ul.flat {
margin: 0 -15px 0;
}
.mobile .main-inner .widget h2.date-header {
$(date.side): 0;
}
.mobile .date-header span {
padding: 0.4em 0;
}
.mobile .date-outer:first-child {
margin-bottom: 0;
border: 1px solid $(post.border.color);
-moz-border-radius-topleft: $(date.first.border.radius.top);
-moz-border-radius-topright: $(date.first.border.radius.top);
-webkit-border-top-left-radius: $(date.first.border.radius.top);
-webkit-border-top-right-radius: $(date.first.border.radius.top);
-goog-ms-border-top-left-radius: $(date.first.border.radius.top);
-goog-ms-border-top-right-radius: $(date.first.border.radius.top);
border-top-left-radius: $(date.first.border.radius.top);
border-top-right-radius: $(date.first.border.radius.top);
}
.mobile .date-outer {
border-color: $(post.border.color);
border-width: 0 1px 1px;
}
.mobile .date-outer:last-child {
margin-bottom: 0;
}
.mobile .main-inner {
padding: 0 10px;
}
.mobile .header-inner .section {
margin: 0;
}
.mobile .post-outer, .mobile .inline-ad {
padding: 5px 0;
}
.mobile .tabs-inner .section {
margin: 0 10px;
}
.mobile .main-inner .widget h2 {
margin: 0;
padding: 0;
}
.mobile .main-inner .widget h2.date-header span {
padding: 0;
}
.mobile .main-inner .widget .widget-content {
margin: 0;
padding: 7px 0 0;
}
.mobile .main-inner .column-left-inner,
.mobile .main-inner .column-right-inner {
background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat 0 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-goog-ms-box-shadow: none;
box-shadow: none;
}
.mobile .date-posts {
margin: 0;
padding: 0;
}
.mobile .footer-fauxborder-left {
margin: 0;
}
.mobile .main-inner .section:last-child .Blog:last-child {
margin-bottom: 0;
}
.mobile-index-contents {
color: $(body.text.color);
}
.mobile .mobile-link-button {
background: $(tabs.selected.background.color) $(tabs.background.gradient) repeat-x scroll 0 -100px;
}
.mobile-link-button a:link, .mobile-link-button a:visited {
color: $(tabs.selected.text.color);
}
]]></b:skin>
<b:template-skin>
<b:variable default='930px' name='content.width' type='length' value='860px'/>
<b:variable default='0' name='main.column.left.width' type='length' value='0px'/>
<b:variable default='360px' name='main.column.right.width' type='length' value='260px'/>
<![CDATA[
body {
min-width: $(content.width);
}
.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: $(content.width);
max-width: $(content.width);
_width: $(content.width);
}
.main-inner .columns {
padding-left: $(main.column.left.width);
padding-right: $(main.column.right.width);
}
.main-inner .fauxcolumn-center-outer {
left: $(main.column.left.width);
right: $(main.column.right.width);
/* IE6 does not respect left and right together */
_width: expression(this.parentNode.offsetWidth -
parseInt("$(main.column.left.width)") -
parseInt("$(main.column.right.width)") + 'px');
}
.main-inner .fauxcolumn-left-outer {
width: $(main.column.left.width);
}
.main-inner .fauxcolumn-right-outer {
width: $(main.column.right.width);
}
.main-inner .column-left-outer {
width: $(main.column.left.width);
right: 100%;
margin-left: -$(main.column.left.width);
}
.main-inner .column-right-outer {
width: $(main.column.right.width);
margin-right: -$(main.column.right.width);
}
#layout {
min-width: 0;
}
#layout .content-outer {
min-width: 0;
width: 800px;
}
#layout .region-inner {
min-width: 0;
width: auto;
}
]]>
</b:template-skin>
</head>
<body expr:class='"loading" + data:blog.mobileClass'>
<div class='body-fauxcolumns'>
<div class='fauxcolumn-outer body-fauxcolumn-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</div>
<div class='content'>
<div class='content-fauxcolumns'>
<div class='fauxcolumn-outer content-fauxcolumn-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</div>
<div class='content-outer'>
<div class='content-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left content-fauxborder-left'>
<div class='fauxborder-right content-fauxborder-right'/>
<div class='content-inner'>
<header>
<div class='header-outer'>
<div class='header-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left header-fauxborder-left'>
<div class='fauxborder-right header-fauxborder-right'/>
<div class='region-inner header-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='avances tecnologicos (cabecera)' type='Header'/>
</b:section>
</div>
</div>
<div class='header-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</header>
<div class='tabs-outer'>
<div class='tabs-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left tabs-fauxborder-left'>
<div class='fauxborder-right tabs-fauxborder-right'/>
<div class='region-inner tabs-inner'>
<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
<b:widget id='Gadget3' locked='false' title='Recent Comments' type='Gadget'/>
</b:section>
<b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
</div>
</div>
<div class='tabs-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<div class='main-outer'>
<div class='main-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left main-fauxborder-left'>
<div class='fauxborder-right main-fauxborder-right'/>
<div class='region-inner main-inner'>
<div class='columns fauxcolumns'>
<div class='fauxcolumn-outer fauxcolumn-center-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<div class='fauxcolumn-outer fauxcolumn-left-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<div class='fauxcolumn-outer fauxcolumn-right-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<!-- corrects IE6 width calculation -->
<div class='columns-inner'>
<div class='column-center-outer'>
<div class='column-center-inner'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>
</b:section>
</div>
</div>
<div class='column-left-outer'>
<div class='column-left-inner'>
<aside>
<macro:include id='main-column-left-sections' name='sections'>
<macro:param default='0' name='num' value='0'/>
<macro:param default='sidebar-left' name='idPrefix'/>
<macro:param default='sidebar' name='class'/>
<macro:param default='true' name='includeBottom'/>
</macro:include>
</aside>
</div>
</div>
<div class='column-right-outer'>
<div class='column-right-inner'>
<aside>
<macro:include id='main-column-right-sections' name='sections'>
<macro:param default='2' name='num' value='1'/>
<macro:param default='sidebar-right' name='idPrefix'/>
<macro:param default='sidebar' name='class'/>
<macro:param default='true' name='includeBottom'/>
</macro:include>
</aside>
</div>
</div>
</div>
<div style='clear: both'/>
<!-- columns -->
</div>
<!-- main -->
</div>
</div>
<div class='main-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<footer>
<div class='footer-outer'>
<div class='footer-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left footer-fauxborder-left'>
<div class='fauxborder-right footer-fauxborder-right'/>
<div class='region-inner footer-inner'>
<macro:include id='footer-sections' name='sections'>
<macro:param default='2' name='num'/>
<macro:param default='footer' name='idPrefix'/>
<macro:param default='foot' name='class'/>
<macro:param default='false' name='includeBottom'/>
</macro:include>
<!-- outside of the include in order to lock Attribution widget -->
<b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
</b:section>
</div>
</div>
<div class='footer-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</footer>
<!-- content -->
</div>
</div>
<div class='content-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</div>
<script type='text/javascript'>
window.setTimeout(function() {
document.body.className = document.body.className.replace('loading', '');
}, 10);
</script>
</body>
<macro:includable id='sections' var='col'>
<macro:if cond='data:col.num == 0'>
<macro:else/>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-1"' preferred='yes' showaddelement='yes'/>
<macro:if cond='data:col.num >= 2'>
<table border='0' cellpadding='0' cellspacing='0' mexpr:class='"section-columns columns-" + data:col.num'>
<tbody>
<tr>
<td class='first columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-1"'/>
</td>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-2"'/>
</td>
<macro:if cond='data:col.num >= 3'>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-3"'/>
</td>
</macro:if>
<macro:if cond='data:col.num >= 4'>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-4"'/>
</td>
</macro:if>
</tr>
</tbody>
</table>
<macro:if cond='data:col.includeBottom'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-3"' showaddelement='no'/>
</macro:if>
</macro:if>
</macro:if>
</macro:includable>
<b:section-contents id='sidebar-right-1'>
<b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'/>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>
<b:widget id='Profile1' locked='false' title='Datos personales' type='Profile'/>
</b:section-contents><b:section-contents id='footer-1'>
<b:widget id='Gadget4' locked='false' title='Share it' type='Gadget'/>
<b:widget id='Image1' locked='false' title='' type='Image'/>
</b:section-contents><b:section-contents id='footer-2-1'>
<b:widget id='VideoBar1' locked='false' title='videos de youtube' type='VideoBar'/>
<b:widget id='Image2' locked='false' title='robot zapador' type='Image'/>
</b:section-contents><b:section-contents id='footer-2-2'>
<b:widget id='Gadget2' locked='false' title='Fish' type='Gadget'/>
<b:widget id='Gadget1' locked='false' title='Amazon MP3 Clips' type='Gadget'/>
<b:widget id='BloggerButton1' locked='false' title='' type='BloggerButton'/>
</b:section-contents></html>
LO MEJOR DEL FUTURO
- La tierra se mueve: Nicolás Copérnico propone que el centro del sistema solar es el sol, y no la tierra.
- Los microorganismos: Las observaciones accidentales de Leeuwenhoek utilizando sus microscopios son la base de la microbiología y bacteriología actuales.
- El átomo: John Dalton teoriza que la materia está formada por pequeñas partículas llamadas átomos.
- El desplazamiento de los continentes: Alfred Wegener propone que los continentes antiguamente formaron una única masa de tierra, la cual se separó. Por eso los continentes en un mapa casi se pueden unir como en un rompecabezas.
- La doble hélice del código genético: James Watson y Francis Crik describen en 1953 la molécula de DNA, compuesta de dos cadenas en forma de hélice. Muestran que el DNA se reproduce a si mismo manteniendo su estructura, salvo en caso de pequeñas mutaciones o errores.
- La selección natural: En 1858, Charles Darwin publica su teoría, en base a la información que recabó en sus viajes. Aún esta audaz teoría es motivo de incesantes debates.
La penicilina: Descubrimiento que ha tenido un tremendo impacto en la medicina, de manos de Alexander Flemming, quien en realidad la descubrió por accidente, después de una observación casual en uno de sus cultivos de bacterias.- La teoría de la relatividad: La famosa fórmula de Einstein E=mc², prueba que la masa y la energía en realidad son equivalentes, o distintas manifestaciones del mismo fenómeno. Realmente espectacular.
"/){kind=link}
Casi como una imagen sacada de un libro de Asimov, robots en un campo de batalla desatando una pelea entre máquinas donde sólo las mejores diseñadas y mejores construidas podrían ganar. Pareciera que la ciencia ficción cada vez se acerca a la realidad ya que ahora ya no es nada raro ver a robots haciendo las tareas que un soldado haría normalmente en las trincheras. Estos son los robots militares.
Pero ¿Qué son los robots militares? ¿Desde hace cuanto se han estado utilizando? Estos robots ya tienen una historia muy larga, sus orígenes se remontan a los tiempos de la segunda guerra mundial en la cual Alemania había desarrollado el Goliath cuya función era la demolición y la destrucción de tanques y edificios a través de explosivos que tenía en su interior y los cuales eran detonados a control remoto.
Suscribirse a:
Entradas (Atom)