Importación inicial

git-svn-id: https://192.168.0.254/svn/Proyectos.CursoDeEmprendedores_Web/trunk@2 63913255-ac98-a54a-998e-8993d3625c3c

css/style.css

@@ -0,0 +1,271 @@
+@charset "UTF-8";
+/* CSS Document */
+
+
+* {
+outline:none;
+border:none;
+}
+
+html{
+	/*font-family: 'Droid Sans', sans-serif;*/
+	font-family: "Helvetica", "Arial", sans-serif;
+	color:#000000;
+	font-size: 12px;
+}
+
+body{
+	margin: 0;
+	padding: 0;
+	background-color: #FFF;
+}
+
+#menu{
+	position: absolute;
+	left: -41px;
+	top: 20px;
+	z-index: 200;
+	width: auto;
+	height: 30px;
+}
+
+#menu ul{
+	margin: 0px;
+	padding: 0px;
+	list-style: none;	
+}
+
+#menu ul li{
+	margin: 0px;
+	padding: 0px;
+}
+
+#menu ul li a{
+	width: 41px;
+	height: 170px;
+	display: block;
+	text-decoration: none;
+	margin-bottom: 12px;
+	-moz-transition: all 0.2s ease-out;
+ 	-webkit-transition: all 0.2s ease-out;
+ 	-ms-transition: all 0.2s ease-out;
+ 	-o-transition: all 0.2s ease-out;
+  	transition: all 0.2s ease-out;
+
+}
+
+.menubginicio{
+	background-image: url("../imgs/pestana_inicio.png");
+	background-position: left top;
+	background-repeat: no-repeat;	
+}
+
+.menubgprecio{
+	background-image: url("../imgs/pestana_precio.png");
+	background-position: left top;
+	background-repeat: no-repeat;	
+}
+
+.menubgprof{
+	background-image: url("../imgs/pestana_profesores.png");
+	background-position: left top;
+	background-repeat: no-repeat;	
+}
+
+.menubgprog{
+	background-image: url("../imgs/pestana_programa.png");
+	background-position: left top;
+	background-repeat: no-repeat;	
+}
+
+#menu ul li a:hover, #menu ul li a.current{
+	background-position: 7px top;
+}
+
+
+.maincolumn{
+	width: 680px;
+	height: 100%;
+	background-color: #FFF;
+	margin-left: -375px;
+	left: 50%;
+	position: absolute;
+	z-index: 100;
+	padding-left: 70px;
+	display: block;
+}
+
+#contenedor{
+	min-height:100%;
+	height: auto !important;
+	height: 100%;
+	overflow: hidden;
+	margin: 0 auto -120px;
+}
+
+.push {
+	height: 130px;
+	
+	position: relative;
+	clear: both;
+}
+
+
+
+.cabecera{
+	height: 70px;
+	margin-top: 20px;
+}
+
+.doscolumnas{
+	width: 50%;
+	float: left;
+	margin-top: 13px;
+	overflow: hidden;
+	line-height: 12pt;
+}
+
+
+
+.fila{
+	clear: both;
+	display: block;
+	overflow: hidden;
+	margin-top: 10px;
+}
+
+p.descript{
+	margin: 0px;
+	padding: 0px;
+	padding-top: 20px;
+	padding-left: 30px;
+}
+
+p.descript a{
+	text-decoration: none;
+	color: #034D44;
+}
+
+p.descript a:hover{
+	text-decoration: underline;
+}
+
+.imgprofs{
+	display: block;
+	margin-left: auto;
+	margin-right: 0px;
+}
+
+img.imvert{
+	margin-left: 13px;
+}
+
+.clear{
+	clear: both;
+	overflow: hidden;
+	width: 100%;
+}
+
+.titular{
+	color: #000;
+	font-family: 'Droid Sans', sans-serif;
+	font-weight: bolder;
+	font-size: 26pt;
+	line-height: 30pt;
+}
+
+.titularpeq{
+	color: #034D44;
+	text-align: right;
+}
+
+.button{
+	background-color: #034D44;
+	color: #FFF;
+	font-family: 'Droid Sans', sans-serif;
+	font-weight: lighter;
+	font-size: 12pt;
+	width: 155px;
+	float: left;
+	text-align: center;
+	text-decoration: none;
+	padding-top: 10px;
+	padding-bottom: 10px;
+	-moz-transition: all 0.2s ease-out;
+ 	-webkit-transition: all 0.2s ease-out;
+ 	-ms-transition: all 0.2s ease-out;
+ 	-o-transition: all 0.2s ease-out;
+  	transition: all 0.2s ease-out;
+}
+
+.button:hover{
+	background-color: #02302a;
+	width: 200px;
+}
+
+#logo{
+	width: 425px;
+	float: right;
+	font-size: 15pt;
+	color: #034D44;
+	font-family: 'Droid Sans', sans-serif;
+	font-weight: bolder;
+	text-align: right;
+}
+
+hr{
+	border-bottom-color: #034D44;
+	border-bottom-style: solid;
+	border-bottom-width: 1px;
+	position: relative;
+	clear: both;
+	padding-top: 15px;
+	width: 100%;
+}
+
+.bgtaronja{
+	background-color: #034D44;
+	width: 50%;
+	height: 100%;
+	position: fixed;
+	z-index: 50;
+	left: 0px;
+}
+
+.bgblanc{
+	background-color: #FFF;
+	width: 680px;
+	height: 100%;
+	position: fixed;
+	z-index: 55;
+	left: 50%;
+	margin-left: -375px;
+}
+
+
+/*styles*/
+.tarojna{
+	color:#034D44;
+}
+
+
+.footer{
+	padding-top: 10px;
+	padding-bottom: 10px;
+}
+
+.footer img{
+	margin-right: 40px;
+}
+
+@media screen and (max-width: 750px){
+
+	.maincolumn{
+		margin-left: 0px;
+		left: 0px;
+	}
+
+
+
+
+}

index.html

@@ -0,0 +1,91 @@
+<!doctype html>
+<html>
+    <head>
+        <meta charset=utf-8>
+        <meta name=description content="">
+        <meta name=viewport content="width=device-width, initial-scale=1">
+        <title>Programa de emprendedores FRP Y FLQDVI</title>
+        <link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
+        <link rel=stylesheet href="css/style.css">
+    </head>
+    <body>
+    	
+    	<div class="maincolumn">
+    		<div id="menu">
+    		<ul>
+                <li><a class="menubginicio current" href="#"></a></li>
+                <li><a class="menubgprof" href="profesores.html"></a></li>
+                <li><a class="menubgprecio" href="./material"></a></li>
+                <li><a class="menubgprog" href="programa.html"></a></li>                           
+    		</ul>
+    		</div>
+            <div id="contenedor">
+                
+            <div class="cabecera"><span id="logo" style="width: 425px;">PROGRAMA DE EMPRENDEDORES FUNDACIÓN RAFAEL DEL PINO Y FUNDACIÓN LO QUE DE VERDAD IMPORTA</span></div>
+                <hr>
+            
+            <div class="clear">  <br />
+    		<div class="titular" style="font-size: 270%">¡ <u>Gracias a todos</u> por el primer <u>#cursoemp</u> !</div>
+
+            <br />
+            <div class="doscolumnas"> <div style="text-align: justify; padding-right: 20px;">
+            El primer Curso para Emprendedores de la <strong><u>Fundación Rafael del Pino</u></strong> y la <strong><u>Fundación Lo Que De Verdad Importa</u></strong> se celebró con éxito el 13 de Mayo en la sede de la Fundación Rafael del Pino. 
+            <br><br>Los participantes, venidos de Alicante, Murcia, Navarra, Castellón y Madrid, recibieron durante las 5 horas de duración información teórica y práctica para generar nuevas ideas, preparar un equipo, generar modelos de negocio y explicar las ideas en público, entre otros temas.
+            <br><br>
+            Todo el material del curso, así como algunas lecturas recomendadas, se puede encontrar en la <strong><a href="./material">sección especial de esta web</a></strong> para participantes. Para los que no pudisteis venir, debéis saber que estamos preparando ya nuevos cursos.
+            <br><br>
+            ¡GRACIAS A TODOS!<br /><br />
+
+                    
+
+        </div>
+
+            </div>
+                <div class="doscolumnas">
+                                   <div onclick="thevid=document.getElementById('thevideo'); thevid.style.display='block'; this.style.display='none'"><img src="imgs/play.jpg" style="cursor:pointer" /></div><div id="thevideo" style="display:none">
+
+<object width="340" height="191" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/MDW6GM_DaLo?version=3&amp;hl=en_US&amp;autoplay=1" /><param name="allowfullscreen" value="true" /><embed width="340" height="191" type="application/x-shockwave-flash" src="http://www.youtube.com/v/MDW6GM_DaLo?version=3&amp;hl=en_US&amp;autoplay=1" allowFullScreen="true" allowscriptaccess="always" allowfullscreen="true" /></object>
+</div>
+                </div>
+            </div>
+<a href="imgs/1.jpg"><img class="imvert" src="imgs/1s.jpg" alt="Pau Garcia-Mila y Lluís Soldevila"></a>
+&nbsp; &nbsp; &nbsp; &nbsp; 
+                    <a href="imgs/2.jpg"><img class="imvert" src="imgs/2s.jpg" alt="Pau Garcia-Mila y Lluís Soldevila"></a>
+&nbsp; &nbsp; &nbsp; &nbsp; 
+                    <a href="imgs/3.jpg"><img class="imvert" src="imgs/3s.jpg" alt="Pau Garcia-Mila y Lluís Soldevila"></a>
+&nbsp; &nbsp; &nbsp; &nbsp; 
+                    <a href="imgs/4.jpg"><img class="imvert" src="imgs/4s.jpg" alt="Pau Garcia-Mila y Lluís Soldevila"></a>
+            <hr>
+
+            <br />
+            <div class="doscolumnas">
+                    <a href="imgs/curso1_big.jpg"><img class="imvert" src="imgs/curso1.jpg" alt="Pau Garcia-Mila y Lluís Soldevila"></a>
+
+            </div>
+                <div class="doscolumnas"><div style="text-align: justify; padding-left: 20px;">El Curso para Emprendedores de la <strong>Fundación Rafael del Pino</strong> y la <strong>Fundación Lo Que De Verdad Importa</strong>, celebró su primera edición el pasado mes de mayo en la sede de la Fundación Rafael del Pino en Madrid, celebrando el éxito de convocatoria y resultados. 
+<br><br>
+Impartido por Pau Garcia-Milà y Lluís Soldevila, en sus cinco horas de duración se repasó cómo generar buenas ideas, validarlas y preparar a los participantes para llevarlas a la práctica: generar un modelo de negocio; contar las ideas en público; y preparar un buen lanzamiento para acercarles a eso que tanto nos quita el sueño, el éxito.
+<br><br>
+El formato, lejos de una conferencia, incluye la participación de los alumnos en tiempo real a través de Twitter y otros medios, así como la reproducción de contenido multimedia y la proyección de gráficos y documentos que más tarde los participantes pueden descargar de la red Internet para su estudio y utilización. Además, se proporciona material a los asistentes que facilite la generación de ideas y el seguimiento del Curso, así como el nuevo libro de Pau Garcia-Milà titulado “Tienes una idea”.
+<br><br>
+Se están preparado ya las próximas ediciones del curso y se publicarán en esta página web una vez planificadas.</div>
+                </div>
+                <div style="margin-left: 12px;">
+  
+</div>
+
+
+
+                <div class="push"></div>
+            </div>
+               <hr>
+            <div class="footer">
+                <a href="http://www.loquedeverdadimporta.org"><img style="border: 0;" src="imgs/logo_importa_2.jpg" alt="lo que de verdad importa"></a>
+                <a href="http://www.frdelpino.es"><img style="border: 0;" src="imgs/logo_rafael_2.jpg" alt="rafel del pino"></a>
+            </div>
+    	</div>
+        <div class="bgblanc"></div> 
+    	<div class="bgtaronja"></div>
+
+    </body>
+</html>

material/css/style.css

@@ -0,0 +1,271 @@
+@charset "UTF-8";
+/* CSS Document */
+
+
+* {
+outline:none;
+border:none;
+}
+
+html{
+	/*font-family: 'Droid Sans', sans-serif;*/
+	font-family: "Helvetica", "Arial", sans-serif;
+	color:#000000;
+	font-size: 12px;
+}
+
+body{
+	margin: 0;
+	padding: 0;
+	background-color: #FFF;
+}
+
+#menu{
+	position: absolute;
+	left: -41px;
+	top: 20px;
+	z-index: 200;
+	width: auto;
+	height: 30px;
+}
+
+#menu ul{
+	margin: 0px;
+	padding: 0px;
+	list-style: none;	
+}
+
+#menu ul li{
+	margin: 0px;
+	padding: 0px;
+}
+
+#menu ul li a{
+	width: 41px;
+	height: 170px;
+	display: block;
+	text-decoration: none;
+	margin-bottom: 12px;
+	-moz-transition: all 0.2s ease-out;
+ 	-webkit-transition: all 0.2s ease-out;
+ 	-ms-transition: all 0.2s ease-out;
+ 	-o-transition: all 0.2s ease-out;
+  	transition: all 0.2s ease-out;
+
+}
+
+.menubginicio{
+	background-image: url("../imgs/pestana_inicio.png");
+	background-position: left top;
+	background-repeat: no-repeat;	
+}
+
+.menubgprecio{
+	background-image: url("../imgs/pestana_precio.png");
+	background-position: left top;
+	background-repeat: no-repeat;	
+}
+
+.menubgprof{
+	background-image: url("../imgs/pestana_profesores.png");
+	background-position: left top;
+	background-repeat: no-repeat;	
+}
+
+.menubgprog{
+	background-image: url("../imgs/pestana_programa.png");
+	background-position: left top;
+	background-repeat: no-repeat;	
+}
+
+#menu ul li a:hover, #menu ul li a.current{
+	background-position: 7px top;
+}
+
+
+.maincolumn{
+	width: 680px;
+	height: 100%;
+	background-color: #FFF;
+	margin-left: -375px;
+	left: 50%;
+	position: absolute;
+	z-index: 100;
+	padding-left: 70px;
+	display: block;
+}
+
+#contenedor{
+	min-height:100%;
+	height: auto !important;
+	height: 100%;
+	overflow: hidden;
+	margin: 0 auto -120px;
+}
+
+.push {
+	height: 130px;
+	
+	position: relative;
+	clear: both;
+}
+
+
+
+.cabecera{
+	height: 70px;
+	margin-top: 20px;
+}
+
+.doscolumnas{
+	width: 50%;
+	float: left;
+	margin-top: 13px;
+	overflow: hidden;
+	line-height: 12pt;
+}
+
+
+
+.fila{
+	clear: both;
+	display: block;
+	overflow: hidden;
+	margin-top: 10px;
+}
+
+p.descript{
+	margin: 0px;
+	padding: 0px;
+	padding-top: 20px;
+	padding-left: 30px;
+}
+
+p.descript a{
+	text-decoration: none;
+	color: #034D44;
+}
+
+p.descript a:hover{
+	text-decoration: underline;
+}
+
+.imgprofs{
+	display: block;
+	margin-left: auto;
+	margin-right: 0px;
+}
+
+img.imvert{
+	margin-left: 13px;
+}
+
+.clear{
+	clear: both;
+	overflow: hidden;
+	width: 100%;
+}
+
+.titular{
+	color: #000;
+	font-family: 'Droid Sans', sans-serif;
+	font-weight: bolder;
+	font-size: 26pt;
+	line-height: 30pt;
+}
+
+.titularpeq{
+	color: #034D44;
+	text-align: right;
+}
+
+.button{
+	background-color: #034D44;
+	color: #FFF;
+	font-family: 'Droid Sans', sans-serif;
+	font-weight: lighter;
+	font-size: 12pt;
+	width: 155px;
+	float: left;
+	text-align: center;
+	text-decoration: none;
+	padding-top: 10px;
+	padding-bottom: 10px;
+	-moz-transition: all 0.2s ease-out;
+ 	-webkit-transition: all 0.2s ease-out;
+ 	-ms-transition: all 0.2s ease-out;
+ 	-o-transition: all 0.2s ease-out;
+  	transition: all 0.2s ease-out;
+}
+
+.button:hover{
+	background-color: #02302a;
+	width: 200px;
+}
+
+#logo{
+	width: 425px;
+	float: right;
+	font-size: 15pt;
+	color: #034D44;
+	font-family: 'Droid Sans', sans-serif;
+	font-weight: bolder;
+	text-align: right;
+}
+
+hr{
+	border-bottom-color: #034D44;
+	border-bottom-style: solid;
+	border-bottom-width: 1px;
+	position: relative;
+	clear: both;
+	padding-top: 15px;
+	width: 100%;
+}
+
+.bgtaronja{
+	background-color: #034D44;
+	width: 50%;
+	height: 100%;
+	position: fixed;
+	z-index: 50;
+	left: 0px;
+}
+
+.bgblanc{
+	background-color: #FFF;
+	width: 680px;
+	height: 100%;
+	position: fixed;
+	z-index: 55;
+	left: 50%;
+	margin-left: -375px;
+}
+
+
+/*styles*/
+.tarojna{
+	color:#034D44;
+}
+
+
+.footer{
+	padding-top: 10px;
+	padding-bottom: 10px;
+}
+
+.footer img{
+	margin-right: 40px;
+}
+
+@media screen and (max-width: 750px){
+
+	.maincolumn{
+		margin-left: 0px;
+		left: 0px;
+	}
+
+
+
+
+}

material/index.html

@@ -0,0 +1,106 @@
+<!doctype html>
+<html>
+    <head>
+        <meta charset=utf-8>
+        <meta name=description content="">
+        <meta name=viewport content="width=device-width, initial-scale=1">
+        <title>Programa de emprendedores FRP Y FLQDVI</title>
+        <link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
+        <link rel=stylesheet href="css/style.css">
+    </head>
+    <body>
+    	
+    	<div class="maincolumn">
+    		<div id="menu">
+    		<ul>
+                <li><a class="menubginicio" href="../index.html"></a></li>
+                <li><a class="menubgprof" href="../profesores.html"></a></li>
+                <li><a class="menubgprecio current" href="#"></a></li>
+                <li><a class="menubgprog" href="../programa.html"></a></li>                           
+    		</ul>
+    		</div>
+            <div id="contenedor">
+                
+            <div class="cabecera"><span id="logo" style="width: 425px;">PROGRAMA DE EMPRENDEDORES FUNDACIÓN RAFAEL DEL PINO Y FUNDACIÓN LO QUE DE VERDAD IMPORTA</span></div>
+                <hr>
+            
+            <div class="clear">  
+    		<div class="doscolumnas titular">Material exclusivo del curso de Mayo en Madrid</div>
+            <div class="doscolumnas titularpeq"><strong>Próximo curso:</strong> Próximamente <br />(fecha aún no disponible)</div>
+            </div>
+ 
+            <hr>
+ <p><span class="titularpeq"><strong>¡GRACIAS!</strong></span></p>
+            En primer lugar, y en nombre de las dos fundaciones organizadoras, así como de los profesores, queremos agradecer el soporte recibido y las buenas críticas. No pararemos de mejorar y ya pensamos en la próxima edición. Aqui podéis encontrar el material ofrecido durante el curso, así como actualizaciones con nuevo materal que irán aparecido con los próximos cursos.
+<br><br>
+<p><span class="titularpeq" style="font-size: 150%"><strong>MATERIAL</strong></span></p>
+
+<p><span class="titularpeq"><strong>Presentación y diapositivas del curso:</strong></span></p>
+<a href="https://www.dropbox.com/s/0qc22awj94rp89q/Curso%20Emprendedores%20LQDVI-RDP%2013-May-Madrid.pdf"><img src="portada-ppt.png" style="border: 1px solid grey; width: 640px; height: 480px;" /></a>
+
+<br><br><p><span class="titularpeq"><strong>Vídeos emitidos en el curso:</strong></span></p>
+
+<iframe width="640" height="360" src="http://www.youtube.com/embed/YqlQS5CCmwI?rel=0" frameborder="0" allowfullscreen></iframe>
+
+<br>
+
+
+<iframe width="640" height="480" src="http://www.youtube.com/embed/qR3rK0kZFkg?rel=0" frameborder="0" allowfullscreen></iframe>
+
+<br><br><p><span class="titularpeq"><strong>Lecutras recomendadas (clic para ir a venta en Amazon):</strong></span></p>
+<div style="width: 480px">
+<strong>Cómo hablar bien en público (Dale Carnegie)</strong>, para maximizar nuestras habilidades al enfrentarnos a un grupo de gente que escucha nuestras ideas.<br>
+<a href="http://www.amazon.es/hablar-p%C3%BAblico-influir-hombres-negocios/dp/8493664936/ref=sr_1_1?s=books&ie=UTF8&qid=1369831278&sr=1-1&keywords=como+hablar+en+publico+dale+carnegie"><img src="Lib2.png" style="border: 1px solid grey;" /></a>
+
+<br><br><br>
+<strong>Tienes una idea, pero aún no lo sabes (Pau Garcia-Milà)</strong>, para entrar más en detalle en la generación de ideas.<br>
+<a href="http://www.amazon.es/TIENES-UNA-IDEA-PERO-SABES/dp/849735690X/ref=sr_1_6?s=books&ie=UTF8&qid=1359722134&sr=1-6"><img src="Lib1.png" style="border: 1px solid grey;" /></a>
+
+<br><br><br>
+<strong>Generación de modelos de negocio (varios autores)</strong>, un libro que debe ser leído por todos los que quieran emprender a través de inventar o innovar en modelos de negocio.<br>
+<a href="http://www.amazon.es/Generaci%C3%B3n-modelos-negocio-Alexander-Osterwalder/dp/8423427994/ref=sr_1_1?s=books&ie=UTF8&qid=1369831452&sr=1-1&keywords=business+model+generation"><img src="Lib3.png" style="border: 1px solid grey;" /></a>
+
+<br><br><br>
+<strong>Nunca comas solo (Enzo Ferrari)</strong>, para entrar en detalle en las relaciones y el networking como base para mejorar en nuestro nuevo negocio.<br>
+<a href="http://www.amazon.es/NUNCA-COMAS-SOLO-3%C2%AAED-NETWORKING/dp/8497353641/ref=sr_1_1?s=books&ie=UTF8&qid=1369831441&sr=1-1&keywords=nunca+comas+solo"><img src="Lib4.png" style="border: 1px solid grey;" /></a>
+
+</div>
+
+
+
+<br><br><p><span class="titularpeq"><strong>Fotos del primer curso de Madrid</strong></span></p>
+
+
+                    <a href="fotos/1b.jpg"><img class="imvert" src="fotos/1.jpg" alt="Pau Garcia-Mila y Lluís Soldevila"></a>
+                    <a href="fotos/2b.jpg"><img class="imvert" src="fotos/2.jpg" alt="Pau Garcia-Mila y Lluís Soldevila"></a>
+                    <a href="fotos/3b.jpg"><img class="imvert" src="fotos/3.jpg" alt="Pau Garcia-Mila y Lluís Soldevila"></a>
+                    <a href="fotos/4b.jpg"><img class="imvert" src="fotos/4.jpg" alt="Pau Garcia-Mila y Lluís Soldevila"></a>
+                    <a href="fotos/5b.jpg"><img class="imvert" src="fotos/5.jpg" alt="Pau Garcia-Mila y Lluís Soldevila"></a>
+                    <a href="fotos/6b.jpg"><img class="imvert" src="fotos/6.jpg" alt="Pau Garcia-Mila y Lluís Soldevila"></a>
+                    <a href="fotos/7b.jpg"><img class="imvert" src="fotos/7.jpg" alt="Pau Garcia-Mila y Lluís Soldevila"></a>
+                    <a href="fotos/8b.jpg"><img class="imvert" src="fotos/8.jpg" alt="Pau Garcia-Mila y Lluís Soldevila"></a>
+                    <a href="fotos/9b.jpg"><img class="imvert" src="fotos/9.jpg" alt="Pau Garcia-Mila y Lluís Soldevila"></a>
+                    <a href="fotos/10b.jpg"><img class="imvert" src="fotos/10.jpg" alt="Pau Garcia-Mila y Lluís Soldevila"></a>
+                    <a href="fotos/11b.jpg"><img class="imvert" src="fotos/11.jpg" alt="Pau Garcia-Mila y Lluís Soldevila"></a>
+                    <a href="fotos/12b.jpg"><img class="imvert" src="fotos/12.jpg" alt="Pau Garcia-Mila y Lluís Soldevila"></a>
+                    <a href="fotos/13b.jpg"><img class="imvert" src="fotos/13.jpg" alt="Pau Garcia-Mila y Lluís Soldevila"></a>
+                    <a href="fotos/14b.jpg"><img class="imvert" src="fotos/14.jpg" alt="Pau Garcia-Mila y Lluís Soldevila"></a>
+                    <a href="fotos/15b.jpg"><img class="imvert" src="fotos/15.jpg" alt="Pau Garcia-Mila y Lluís Soldevila"></a>
+                    <a href="fotos/16b.jpg"><img class="imvert" src="fotos/16.jpg" alt="Pau Garcia-Mila y Lluís Soldevila"></a>
+                    <a href="fotos/17b.jpg"><img class="imvert" src="fotos/17.jpg" alt="Pau Garcia-Mila y Lluís Soldevila"></a>
+
+
+
+                <div class="push"></div>
+            </div>
+               <hr>
+            <div class="footer">
+                <a href="http://www.loquedeverdadimporta.org"><img style="border: 0;" src="imgs/logo_importa_2.jpg" alt="lo que de verdad importa"></a>
+                <a href="http://www.frdelpino.es"><img style="border: 0;" src="imgs/logo_rafael_2.jpg" alt="rafel del pino"></a>
+            </div>
+    	</div>
+        <div class="bgblanc"></div> 
+    	<div class="bgtaronja"></div>
+
+    </body>
+</html>

profesores.html

@@ -0,0 +1,70 @@
+<!doctype html>
+<html>
+    <head>
+        <meta charset=utf-8>
+        <meta name=description content="">
+        <meta name=viewport content="width=device-width, initial-scale=1">
+        <title>Programa de emprendedores FRP Y FLQDVI</title>
+        <link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
+        <link rel=stylesheet href="css/style.css">
+    </head>
+    <body>
+    	
+    	<div class="maincolumn">
+    		<div id="menu">
+    		<ul>
+                <li><a class="menubginicio" href="index.html"></a></li>
+                <li><a class="menubgprof current" href="#"></a></li>
+                <li><a class="menubgprecio" href="./material"></a></li>
+                <li><a class="menubgprog" href="programa.html"></a></li>                           
+            </ul>
+    		</div>
+            <div id="contenedor">
+
+            <div class="cabecera"><span id="logo" style="width: 425px;">PROGRAMA DE EMPRENDEDORES FUNDACIÓN RAFAEL DEL PINO Y FUNDACIÓN LO QUE DE VERDAD IMPORTA</span></div>
+                <hr>
+            
+            <div class="clear">  
+    		<div class="doscolumnas titular">PAU GARCIA-MILÀ &<br>LLUÍS SOLDEVILA</div>
+            <div class="doscolumnas titularpeq"><strong>Próximo curso:</strong> Próximamente <br />(fecha aún no disponible)</div>
+            </div>
+
+            <hr>
+            <br>
+            <br>
+             <div class="fila">
+               <div class="doscolumnas" style="width:auto;">
+                    <img class="imgprofs" src="imgs/foto1.png" alt="pau garcia-mila">
+                </div>
+                <div class="doscolumnas">
+                <p class="descript"><span class="titularpeq" style="font-size: 200%"><strong>PAU GARCIA-MILÀ</span><br><span class="titularpeq"><a href="http://www.paugarciamila.com" target="_blank">www.paugarciamila.com</a></strong></span><br><br>Premio IMPULSA Empresa 2010, Premio TR-35 por el MIT, es además el profesor más joven de ESADE y ha escrito tres libros, que se venden en 5 países. <br><br>Fundador de tres empresas (Cloud Computing, Redes Sociales y Producción de programas de Radio). Tiene 25 años y es optimista por naturaleza.
+                    <br><br><iframe width="320" height="180" src="http://www.youtube.com/embed/zp42cjsIuIA?rel=0" frameborder="0" allowfullscreen></iframe>
+</p>
+                </div>
+
+            </div>
+
+            <div class="fila">
+                <div class="doscolumnas" style="width:auto;">
+                    <img class="imgprofs" src="imgs/foto2.png" alt="lluis soldevila">
+                </div>
+                <div class="doscolumnas">
+                <p class="descript"><span class="titularpeq" style="font-size: 200%"><strong>LLUÍS SOLDEVILA</span><br><span class="titularpeq"><a href="http://www.lluissoldevila.com" target="_blank">www.lluissoldevila.com</a></strong></span><br><br>Ingeniero Superior en Informática y PDD por IESE, ha desarrollado la mayor parte de su trayectoria profesional en el Deutsche Bank Group en Europa y USA. <br><br>Compagina su actividad como consultor y formador en actitudes de alto rendimiento con la docencia en ESADE, La Salle, Universitat de Barcelona o Toulousse Business School.
+<br><br><iframe width="320" height="180" src="http://www.youtube.com/embed/uv94Fy2JeVE?rel=0" frameborder="0" allowfullscreen></iframe>
+                </p>
+                </div>
+
+            </div>
+             <div class="push"></div>
+            </div>
+               <hr>
+            <div class="footer">
+                <a href="http://www.loquedeverdadimporta.org"><img style="border: 0;" src="imgs/logo_importa_2.jpg" alt="lo que de verdad importa"></a>
+                <a href="http://www.frdelpino.es"><img style="border: 0;" src="imgs/logo_rafael_2.jpg" alt="rafel del pino"></a>
+            </div>
+    	</div>
+        <div class="bgblanc"></div> 
+    	<div class="bgtaronja"></div>
+
+    </body>
+</html>

programa.html

@@ -0,0 +1,72 @@
+<!doctype html>
+<html>
+    <head>
+        <meta charset=utf-8>
+        <meta name=description content="">
+        <meta name=viewport content="width=device-width, initial-scale=1">
+        <title>Programa de emprendedores FRP Y FLQDVI</title>
+        <link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
+        <link rel=stylesheet href="css/style.css">
+    </head>
+    <body>
+    	
+    	<div class="maincolumn">
+    		<div id="menu">
+    		<ul>
+                <li><a class="menubginicio" href="index.html"></a></li>
+                <li><a class="menubgprof" href="profesores.html"></a></li>
+                <li><a class="menubgprecio" href="./material"></a></li>
+                <li><a class="menubgprog current" href="#"></a></li>                           
+            </ul>
+    		</div>
+            <div id="contenedor">
+    		<div class="cabecera"><span id="logo" style="width: 425px;">PROGRAMA DE EMPRENDEDORES FUNDACIÓN RAFAEL DEL PINO Y FUNDACIÓN LO QUE DE VERDAD IMPORTA</span></div>
+    			<hr>
+            
+            <div class="clear">  
+
+    		<div class="doscolumnas titular" style="width: 440px">PROGRAMA DETALLADO</div>
+            <div class="doscolumnas titularpeq" style="width: 200px;"><strong>Próximo curso:</strong> Próximamente <br />(fecha aún no disponible)</div>
+            </div>
+
+            <hr>
+             <div class="fila">
+                <p><span class="titularpeq"><strong>INTRODUCCIÓN</strong></span></p>
+            </div>
+            El programa de emprendedores se divide en cinco horas donde, en colaboración con todos los asistentes, se repasan temas como la generación de ideas, el construir un discurso, plantear y probar modelos de negocio y hablar en público. <br><br>
+             <div class="fila">
+                <p><span class="titularpeq"><strong>PROGRAMA</strong></span></p>
+            </div>
+
+            <div class="fila">
+                <p><span class="titularpeq"><strong>HORA 1 / Generación de Ideas</strong></span><br>¿Es difícil tener buenas ideas? ¿Es cierto eso de "yo nunca tengo ideas"? ¿Se puede entrenar el cerebro para que tenga más ideas? En este primer bloque buscaremos las respuestas a todas esas preguntas y a muchas otras. Romperemos tópicos como "solo innovan los genios" o "solo innovan las grandes empresas".</p>
+            </div>
+
+            <div class="fila">
+                <p><span class="titularpeq"><strong>HORA 2 / Cómo preparar la idea. ¡Aterrizarla!</strong></span><br> El primer instante después de tener una idea es ese en el que pensamos "yo nunca podría tirar adelante esta idea". Filtrar ideas, validarlas, compararlas y concretarlas son pasos que hay que dar antes de dar por "viva" o "muerta" una idea. En este bloque, además, aprenderemos a diferenciar entre "buenas" y "malas" ideas.</p>
+            </div>
+
+            <div class="fila">
+                <p><span class="titularpeq"><strong>HORA 3 / ¿Cómo hacer negocio con mi idea?</strong></span><br>¿Alguien pagará por lo que quiero hacer? Si es así... ¿cuánto?, ¿cómo?, ¿por qué? y especialmente... ¿quién?. Tan importante como tener la idea es averiguar quién será nuestro cliente, donde está y como llegar hasta él. </p>
+            </div>
+
+            <div class="fila">
+                <p><span class="titularpeq"><strong>HORA 4 / Persiguiendo el éxito</strong></span><br>¿Qué tienen en común todos los emprendedores que han alcanzado el éxito? ¿Qué tienen en común las personas que encadenan fracasos?. Nos fijaremos en cómo lo hacen las grandes empresas con millones de dólares de presupuesto... para aplicarlo al emprendendedor con cero euros de presupuesto.</p>
+            </div>
+
+            <div class="fila">
+                <p><span class="titularpeq"><strong>HORA 5 / Presentando la idea en público</strong></span><br>A partir de ejemplos reales iremos creando la presentación perfecta de nuestra idea, empezando por una muy mala para ir mejorandola... en tiempo real. Además, nos aseguraremos alguna carcajada en medio. (¿Cómo nadie le dijo que no hiciera eso? será la pregunta más repetida). </p>
+            </div>
+             <div class="push"></div>
+            </div>
+               <hr>
+            <div class="footer">
+                <a href="http://www.loquedeverdadimporta.org"><img style="border: 0;" src="imgs/logo_importa_2.jpg" alt="lo que de verdad importa"></a>
+                <a href="http://www.frdelpino.es"><img style="border: 0;" src="imgs/logo_rafael_2.jpg" alt="rafel del pino"></a>
+            </div>
+    	</div>
+        <div class="bgblanc"></div> 
+    	<div class="bgtaronja"></div>
+
+    </body>
+</html>