/*WORK IN PROGRESS*/

	div#work{
		position:fixed;
		z-index:200;
		bottom:0;
		left:0;		
		}

/*CONFIGURACIÓN DEL DOCUMENTO EN GENERAL*/
		*{
			margin:0;
			padding:0;
			outline:none;
			}
		html{
			width:100%;
			height:100%;			
			}
		body{
			width:100%;
			height:100%;
			color:#fff;
			background-color:#151515;
			font-family:"OpenSansCondensedLight", Arial, sans-serif;
			}

/*CONFIGURACIÓN DEL MENÚ DE REDES SOCIALES*/
		ul#links{
			width:80px;
			height:590px;
			background-repeat:repeat-y;
			overflow:hidden;
			position:absolute;
			z-index:50;
			right:0px;
			list-style-type:none;
			}
		ul#links li.enlaces{
			height:80px;
			}
		ul#links li a{
			text-align:center;
			text-decoration:none;
			font-family:"OpenSansCondensedLight", Arial, sans-serif;
			color:#fff;
			display:block;
			width:50px;
			height:50px;
			margin-left:80px;
			background-repeat:no-repeat;
			overflow:hidden;
			}
		ul#links li a p{
			width:50px;
			padding-top:55px;
			z-index:45;
			position:absolute;
			visibility:hidden;
			text-align:center;			
			text-shadow:0 0 2px #000;
			}
		ul#links li#flecha{
			position:absolute;
			top:65px;
			right:30px;
			width:35px;
			height:35px;
			background-image:url(../_images/iconos/flecha.png);
			background-repeat:no-repeat;
			background-position:0px 0px;
			transform:rotate(0deg);
			-ms-transform:rotate(0deg);
			-moz-transform:rotate(0deg);
			-webkit-transform:rotate(0deg);
			-o-transform:rotate(0deg);
			cursor:pointer;
			}
		ul#links li#redes{
			margin-left:60px;
			}
		ul#links li a#facebook{
			background-image:url(../_images/iconos/redes_facebook.png);
			background-position:0px 0px;
			}
		ul#links li a#facebook:hover p{
			visibility:visible;
			}
		ul#links li a#flickr{
			background-image:url(../_images/iconos/redes_flickr.png);
			background-position:0px 0px;
			}
		ul#links li a#flickr:hover p{
			visibility:visible;
			}
		ul#links li a#linkedin{
			background-image:url(../_images/iconos/redes_linkedin.png);
			background-position:0px 0px;
			}
		ul#links li a#linkedin:hover p{
			visibility:visible;
			}
		ul#links li a#behance{
			background-image:url(../_images/iconos/redes_behance.png);
			background-position:0px 0px;
			}
		ul#links li a#behance:hover p{
			visibility:visible;
			}
			
/*CONFIGURACIÓN DEL CONTENEDOR	*/
		div#wrapper{
			width:1012px;
			margin:auto;
			}
		div#superior{
			position:relative;
			}
		div#wrapper ul#idiomas{
			width:0px;
			overflow:hidden;
			position:absolute;
			z-inex:5;
			left:0px;
			list-style-type:none;			
			}
		div#wrapper ul#idiomas li{
			display:block;
			text-align:center;
			line-height:25px;
			magin-left:10px;
			}
		div#wrapper ul#idiomas a#idiomaon{
			display:block;
			width:78px;
			height:23px;
			margin-bottom:15px;
			border:1px solid #79dd0a;
			cursor:pointer;
			}
		div#wrapper ul#idiomas a#idiomaon:hover{
			background-color:#79dd0a;
			color:#000;
			}
		div#wrapper ul#idiomas a#idiomaoff{
			display:block;
			width:80px;
			height:25px;
			background-color:#79dd0a;
			color:#000;
			}
		div#wrapper h1{
			width:809px;
			height:65px;
			line-height:70px;
			margin-bottom:40px;
			font-family:"LeagueGothicRegular", "Arial Black", Gadget, sans-serif;
			font-size:55px;
			font-weight:normal;
			text-transform:uppercase;
			letter-spacing:4px;
			word-spacing:15px;
			text-align:center;
			color:#fff;
			background-color:#dd380a;
			float:left;
			overflow:hidden;
			}
		div#wrapper p#portfolio{
			width:203px;
			height:35px;
			line-height:35px;
			font-family:"OpenSansCondensedLight", Arial, sans-serif;
			font-size:19px;
			font-weight:bold;
			text-align:center;
			color:#fff;
			background-color:#dd380a;
			float:right;
			}
		div#wrapper a#email{
			display:inline-block;
			width:153px;
			heigth:30px;
			line-height:30px;
			margin-bottom:40px;
			float:right;
			font-family:"OpenSansCondensedLight", Arial, sans-serif;
			font-size:16px;
			text-align:right;
			padding-right:50px;
			text-decoration:none;
			color:#fff;
			background-color:#dd380a;
			background-image:url(../_images/iconos/mail.png);
			background-position:right top;
			background-repeat:no-repeat;
			}
		div#wrapper a#email:hover{
			background-position:right bottom;
			}
					
/*CONFIGURACIÓN DEL MENÚ SUPERIOR*/

		div#wrapper ul#menusup{
			text-align:center;
			font-family:"OpenSansCondensedLight", Arial, sans-serif;
			font-size:20px;
			list-style-type:none;
			margin-bottom:30px;
			clear:both;
			}
		div#wrapper > ul#menusup{
			with:1012px;
			height:30px;
			border-left:1px solid #79dd0a;
			border-right:1px solid #79dd0a;
			}
		div#wrapper ul#menusup > li{
			width:202px;
			float:left;
			position:relative;
			z-index:40;
			cursor:pointer;			
			}
		div#wrapper ul#menusup > li div{
			width:20px;
			height:20px;
			position:absolute;
			z-index:41;
			top:32px;
			left:91px;
			background-image:url(../_images/iconos/arrow.png);
			}
		div#wrapper ul#menusup li h2{
			height:30px;
			width:202px;
			border-left:1px solid #79dd0a;
			border-right:1px solid #79dd0a;
			font-size:20px;
			font-weight:normal;
			text-transform:uppercase;
			line-height:30px;
			}
		div#wrapper ul#menusup li ul li h3{
			text-shadow:0 0 2px #151515;
			font-size:18px;
			font-weight:normal;
			}
		div#wrapper ul#menusup li ul li h3:hover{
			text-shadow:none;
			}
		div#wrapper ul li a{
			display:block;			
			width:202px;
			height:25px;
			color:#fff;
			text-align:center;
			text-decoration:none;
			line-height:25px;
			}
		div#wrapper ul#menusup li:hover h2{
			color:#000;
			background-color:#79dd0a;
			}
		div#wrapper ul#menusup li ul{			
			width:202px;
			position:absolute;
			z-index:30;
			top:0;
			height:0;
			padding-top:60px;
			overflow:hidden;
			color:#fff;
			background-repeat:repeat-x;
			background-position:0px 60px;
			background-image:url(../_images/gris_principal.png);
			background-repeat:repeat-x;			
			}
		div#wrapper ul#menusup li ul a:hover{
			color:#000;
			background-image:url(../_images/verde.png);
			border:none;			
			}		
		
/*CAJA INFERIOR QUE CONTIENE LAS IMÁGENES DE LA PÁGINA PRINCIPAL*/
		div#inferior{
			width:1012px;
			height:350px;
			margin-bottom:20px;
			padding-left:1px;
			padding-right:1px;
			}
		div#inferior > div{
			float:left;
			width:200px;
			height:350px;
			margin-left:1px;
			margin-right:1px;
			}
		div#inferior div#diapotresd{
			width:200px;
			height:350px;
			}
		div#inferior div#diapofotografia{
			width:200px;
			height:350px;
			}
		div#inferior div#diapoilustracion{
			width:200px;
			height:350px;
			}
		div#inferior div#diapodesign{
			width:200px;
			height:350px;
			}
		div#inferior div#diapoarquitectura{
			width:202px;
			height:350px;
			}
		
/*PIE INFERIOR*/
		p#pie1{
			width:1012px;
			height:30px;
			line-height:30px;
			background-color:#dd380a;
			color:#fff;
			font-size:14px;
			letter-spacing:1px;
			text-align:center;
			}
		p#pie2{
			width:1012px;
			height:30px;
			line-height:30px;
			color:#fff;
			font-size:14px;
			letter-spacing:1px;
			text-align:center;
			}