/*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:100%;
			background-repeat:repeat-y;
			overflow:hidden;
			position:fixed;
			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;
			}
			
/*CABECERA FLOTANTE SUPERIOR*/
		div#cajasuperior{
			width:100%;
			min-width:600px;
			position:fixed;
			z-index:40;
			top:0;
			}
		div#superior{
			position:relative;
			z-index:2;
			width:600px;
			margin-left:auto;
			margin-right:auto;
			}
		div#superior ul#idiomas{
			position:absolute;
			z-index:5;
			left:600px;
			height:30px;
			width:240px;
			overflow:hidden;
			list-style-type:none;		
			}
		div#superior ul#idiomas li{
			margin-top:-30px;
			display:block;
			float:right;
			text-align:center;
			line-height:30px;
			}
			
		div#superior ul#idiomas li a{
			color:inherit;
			text-decoration:none;
			}
		div#superior ul#idiomas li#spanish{
			display:block;
			width:80px;
			height:30px;
			background-color:#79dd0a;
			color:#000;
			margin-right:25px;
			}
		div#superior ul#idiomas li#english{
			display:block;
			width:78px;
			height:28px;
			border:1px solid #79dd0a;
			cursor:pointer;
			}
		div#superior h1{
			width:250px;
			height:30px;
			font:20px/32px "LeagueGothicRegular", Arial, sans-serif;	
			font-weight:normal;
			text-transform:uppercase;
			letter-spacing:3px;
			word-spacing:10px;
			text-align:center;
			color:#fff;
			background-color:#dd380a;
			float:left;
			overflow:hidden;
			}
		div#superior p#portfolio{
			width:130px;
			height:30px;
			line-height:30px;
			font-family:"OpenSansCondensedLight", Arial, sans-serif;
			font-size:14px;
			font-weight:bold;
			text-align:center;
			color:#000;
			background-color:#dd380a;
			float:left;
			}
		div#superior a#email{
			display:inline-block;
			width:170px;
			heigth:30px;
			line-height:30px;
			float:left;
			font-family:"OpenSansCondensedLight", Arial, sans-serif;
			font-size:14px;
			text-decoration:none;
			color:#000;
			background-color:#dd380a;
			background-image:url(../_images/iconos/mail.png);
			background-position:120px 0;
			background-repeat:no-repeat;
			}
			
/*CONFIGURACIÓN DEL CONTENEDOR	*/
		div#wrapper{
			width:910px;
			margin:auto;
			}
					
/*CONFIGURACIÓN DEL MENÚ IZQUIERDO*/

		ul#menusup{
			position:fixed;
			z-index:70;
			top:50px;
			left:30px;
			padding-top:180px;
			height:100%;
			width:150px;			
			text-align:center;
			font-family:"OpenSansCondensedLight", Arial, sans-serif;
			font-size:18px;
			list-style-type:none;
			overflow:visible;
			}
		ul#menusup div#diapo{
			position:fixed;
			z-index:80;
			width:149px;
			height:149px;
			border:1px solid #444;
			border-radius:15px;
			background-position:center;
			top:60px;
			left:30px;
			}
		ul#menusup > li{
			height:25px;
			overflow:hidden;
			margin-bottom:10px;
			}			
		ul#menusup li h2{
			width:148px;
			height:23px;
			border:1px solid #79dd0a;
			font-size:inherit;
			font-weight:normal;
			text-transform:uppercase;
			color:#fff;
			overflow:hidden;
			background-image:url(../_images/gris.png);
		  	cursor:pointer;
			}
		ul#menusup li div{
			position:absolute;
			margin-top:2px;
			z-index:75;
			left:-25px;
			width:20px;
			height:20px;
			background-image:url(../_images/iconos/arrow.png);
			cursor:pointer;
			}
		ul#menusup li ul li a h3{
			font-size:16px;
			font-weight:normal;
			overflow:hidden;
			}
		ul#menusup li ul li a{
			display:block;
			height:25px;
			color:#79dd0a;
			text-align:center;
			text-decoration:none;
			line-height:25px;
			background-image:url(../_images/gris.png);
			margin-bottom:2px;
			}
		ul#menusup li ul li a:hover{
			color:#000;
			background-color:#79dd0a;	
			}
		ul#menusup li ul li:hover img{
			visibility:visible;
			}
		ul#menusup li:hover h2{
			color:#000;
			background-color:#79dd0a;
			background-image:none;	
			}
		ul#menusup li ul{
			width:150px;
			position:relative;
			top:5px;
			list-style-type:none;
			}
		
/*ICONO DE VUELTA A CASA*/
		a#home{
			display:block;
			float:left;
			width:50px;
			height:30px;
			background-image:url(../_images/iconos/home_fondo.png);
			background-color:#dd380a;
			text-decoration:none;
			}
		a#home img{
			border:none;
			}
		
/*CAJA INFERIOR QUE CONTIENE LAS IMÁGENES DE LA PÁGINA PRINCIPAL*/
		div#inferior{
			width:910px;
			height:375px;
			margin-bottom:20px;
			padding-left:1px;
			padding-right:1px;
			}
		div#inferior div#slides{
			float:left;
			width:225px;
			height:375px;
			margin-left:1px;
			margin-right:1px;
			}
/*CAJA INFERIOR QUE CONTIENE LAS IMÁGENES DE LAS GALERÍAS SECUNDARIAS*/
		div#gallery{
			position:relative;
			z-index:10;
			margin-top:60px;
			margin-bottom:25px;
			margin-left:auto;
			margin-right:auto;
			width:600px;
			}
		div#texto{
			position:fixed;
			z-index:20;
			top:60px;
			width:0px;
			margin-left:600px;
			padding:5px 0px 5px 0px;	
			border:1px solid #151515;
			border-left:none;
			overflow:hidden;
			border-radius: 0 10px 10px 0;
			}
		
		div#texto p{
			line-height:25px;
			font-family:"OpenSansCondensedLight", Arial, sans-serif;
			font-size:14px;
			width:200px;
			position:relative;
			z-index:22;
			right:-200px;
				}
		div#gallery > h4{
			text-align:center;
			line-height:25px;
			width:100%;
			font-family:"OpenSansCondensedLight", Arial, sans-serif;
			font-size:14px;
			margin-bottom:5px;
			letter-spacing:2px;
			}
		div#gallery div.contenedores{
			width:600px;
			overflow:hidden;
			margin-bottom:5px;
			}
		div#gallery div.contenedores img{
			margin-left:auto;
			margin-right:auto;
			visibility:hidden;
			}
		div#gallery div.contenedores div.diapositiva{
			height:100%;
			margin-left:0px;
			background-repeat:no-repeat;
			}
		div#gallery h4{
			position:absolute;
			font-weight:normal;
			font-family:"OpenSansCondensedLight", Arial, sans-serif;
			background-image:url(../_images/gris2.png);
			margin-top:-55px;
			}
		div#gallery span{
			color:#dd380a;
				}
		div#gallery a{
			color:#dd380a;
			text-decoration:underline;
				}
		
		div#gallery iframe{
			border:1px solid #444;
			}
			
/*PIE INFERIOR*/
		div#pie1{
			position:fixed;
			bottom:0;
			z-index:30;
			width:100%;
			height:25px;
			line-height:25px;
			color:#fff;
			font-size:12px;
			letter-spacing:1px;
			text-align:center;
			}
		div#pie1 p{
			width:600px;
			background-image:url(../_images/gris.png);
			margin-left:auto;
			margin-right:auto;			
			}
					
/*IFRAMES*/
		iframe{
			margin-bottom:5px;
			}