Ivan header

css/style.css

@@ -782,7 +782,32 @@
 			height: 100%;
 			background: rgba(64,64,64,0.125);
 		}
+
+/*********************************************************************************/
+/* Circular imagenes del equipo                                                                        */
+/*********************************************************************************/		
+.circular img {
+
+	border: 2px solid grey;
+	margin: 0;
+	padding: 0;
+	border-radius: 800px;
+	overflow: hidden;
+	width: 35%;
+	height: 25%;
+}
+
+<<<<<<< HEAD
 
+=======
+.circular img:hover{
+    -webkit-transform: scale(1.5);
+    -moz-transform: scale(1.5);
+    -o-transform: scale(1.5);
+    -ms-transform: scale(1.5);
+    transform: scale(1.5)
+}
+>>>>>>> origin/master
 /*********************************************************************************/
 /* Logo                                                                          */
 /*********************************************************************************/
@@ -791,11 +816,15 @@
 	{
 		position: relative;
 		z-index: 1;
+
 	}
 
 		#logo h1
 		{
 			color: #FFF;
+			-webkit-transition: background 2s;
+			opacity:0.5;
+
 		}
 
 		#logo a
@@ -814,14 +843,21 @@
 		{
 			font-size: 1.4em;
 			color: #FFF;
+
 		}
 
+			#logo h1:hover
+			{
+				opacity:1;
+			}
+
 /*********************************************************************************/
 /* Nav                                                                           */
 /*********************************************************************************/
 
 	#nav
 	{
+		-webkit-transition: background 0.5s;
 	}
 
 		#nav-wrapper
@@ -845,7 +881,10 @@
 			display: inline-block;
 			border-right: 1px solid;
 			border-color: rgba(255,255,255,.1);
+			opacity: .5;
+			-webkit-transition: background 2s;
 		}
+
 
 			#nav > ul > li:last-child
 			{
@@ -875,6 +914,42 @@
 			{
 				display: none;
 			}
+				#nav:hover
+				{
+					background: rgba(0,0,0,.2);
+				}
+
+				#nav ul li:hover
+				{
+
+					opacity:1;
+				}
+
+				#nav ul li#inicio:hover
+				{
+					border-bottom: 4px solid rgba(70,300,80,.5);/*Verde transparente*/
+					background: rgba(70,300,80,.5);
+				} 
+				#nav ul li#portafolio:hover
+				{
+					border-bottom: 4px solid rgba(300,50,50,.5);/*Rojo transparente*/
+					background: rgba(300,50,50,.5);
+				} 
+				#nav ul li#equipo:hover
+				{
+					border-bottom:4px solid rgba(233,300,26,.5);/*Amarillo transparente*/
+					background: rgba(233,300,26,.5);
+				} 
+				#nav ul li#blog:hover
+				{
+					border-bottom:4px solid rgba(0,0,0,.5);/*Negro transparente*/
+					background: rgba(0,0,0,.5);
+				} 
+				#nav ul li#contacto:hover
+				{
+					border-bottom:4px solid rgba(22,145,190,.5);/*Azul transparente*/
+					background: rgba(22,145,190,.5);
+				}
 
 /*********************************************************************************/
 /* Main                                                                          */
@@ -885,12 +960,22 @@
 		position: relative;
 		background: #fff;
 	}
-
+	#main h2{
+		display: block;
+		font-weight: 300;
+		font-size: 3.0em;
+		padding: 1em;
+	}
 	.homepage #content
 	{
 		text-align: center;
 	}
 
+	.homepage #team
+	{
+		text-align: center;
+	}
+
 	.homepage #content header h2
 	{
 	}
@@ -947,6 +1032,45 @@
 	}
 
 /*********************************************************************************/
+/* Team                                                                     */
+/*********************************************************************************/
+
+	#team
+	{
+		position: relative;
+		background: #f2f2f2;
+		text-align: center;
+	}
+
+	#team p {
+
+	text-align: justify;
+	margin: 20px;
+	}
+	#team h2
+	{
+		display: block;
+		font-weight: 300;
+		font-size: 3.0em;
+		padding: 1em;
+	}
+  #team h3
+	{
+		display: block;
+		font-size: 1.0em;
+		padding: 1em;
+	}
+
+	#team .pennant
+	{
+		font-size: 4em;
+	}
+
+	#team .button
+	{
+		margin-top: 1.5em;
+	}
+/*********************************************************************************/
 /* Featured                                                                      */
 /*********************************************************************************/
 
@@ -1011,4 +1135,4 @@
 			margin: 0;
 			font-weight: 300;
 			color: rgba(255,255,255,.6);
-		}	
+		}