body{
	background-color:#272727;	
	font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
	color:#FFF;
	margin:0px;
}

.header_wrapper {
	float:left;
	height:196px;
	width:100%;
	min-width:1054px;
	
	background-image:url(images/header_fondo.jpg);
	background-repeat:repeat-x;
	
}

.margin_header{
	height:148px;
	width:1054px;
	margin-left:auto;
	margin-right:auto;
}

.header{
	height:148px;
	width:1014px;
	margin-left:auto;
	margin-right:auto;
	
	overflow:hidden;
}

.alvarogranados{
	float:left;
	height:148px;
	width:795px;
	
	background-image:url(images/alvarogranados.png);
	background-repeat:no-repeat;
}

.alvarogranados span{
	display:none;
}

.language{
	float:left;
	height:66px;
	width:71px;
	
	
	background-repeat:no-repeat;
	background-position:left;
	
	display:block;
}

.language:hover{
	background-position:right;
}

.language span{
	display:none;
}

#lang_es{
	background-image:url(images/lang_en.png);
}

#lang_en{
	background-image:url(images/lang_es.png);
}

/* -------------------------------- */
/* ------------ MENU -------------- */
/* -------------------------------- */

.menu{
	margin: 0;
	padding: 0;
	list-style: none;
	float:left;
	
	height:148px;
	width:90px;
	/*margin-left:66px;*/
	margin-left:58px;
}

.boton_sobreMi{
	margin-top:38px;
	margin-left:8px;
	float:left;
	
	width:82px;
	height:28px;
	
	background-image:url(images/sobremi_es.png);
	background-position:left;
	
	display:block;
}

.boton_sobreMi:hover{
	background-position:right;
}

.boton_sobreMi span{
	display: none;
}

.boton_trabajos{
	float:left;
	margin-left:8px;
	
	width:82px;
	height:28px;
	
	background-image:url(images/trabajos_es.png);
	background-position:left;
	
	display:block;
}

.boton_trabajos:hover{
	background-position:right;
}

.boton_trabajos span{
	display: none;
}

.boton_fotoblog{
	float:left;
	margin-left:8px;
	
	width:82px;
	height:28px;
	
	background-image:url(images/fotoblog_es.png);
	background-position:left;
	
	display:block;
}

.boton_fotoblog:hover{
	background-position:right;
}

.boton_fotoblog span{
	display: none;
}

.boton_contacto{
	float:left;
	margin-left:8px;
	
	width:82px;
	height:28px;
	
	background-image:url(images/contacto_es.png);
	background-position:left;
	
	display:block;
}

.boton_contacto:hover{
	background-position:right;
}

.boton_contacto span{
	display: none;
}

#seccionActiva{
	/*background-position:right;*/
	pointer-events: none;
	cursor: default;
}

/* -------------------------------- */
/* ---------- FIN MENU ------------ */
/* -------------------------------- */

.content {
	
	width:100%;
	min-width:1054px;
	float:left;
	height:auto;
	
	background-image:url(images/content_fondo.jpg);
	background-repeat:repeat;
	
	padding-top:10px;
	padding-bottom:20px;

}

.margin_content{
	
	height:auto;
	
	width:1054px;
	margin-left:auto;
	margin-right:auto;
}


/* -------------------------------- */
/* ----------- QUIEN SOY ------------- */
/* -------------------------------- */

.quienSoy{
	width:1014px;
	margin-left:auto;
	margin-right:auto;
	margin-top:33px;
}

.biografia_es{
	width:752px;
	float:left;
	height:229px;
	background-image:url(images/biografiaTitle_es.png);
	background-repeat:no-repeat;
	margin-bottom:27px;
	margin-right:34px;
}

.biografia_en{
	width:752px;
	float:left;
	height:229px;
	background-image:url(images/biografiaTitle_en.png);
	background-repeat:no-repeat;
	margin-bottom:27px;
	margin-right:34px;
}

.textoBiografia{
	margin-top:38px;
}

.imagen{
	width:228px;
	float:left;
	height:229px;
	background-image:url(images/foto.jpg);
	margin-bottom:27px;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
}
.formacion{
	width:228px;
	height:auto;
	background-image:url(images/fondoFormacion.png);
	background-repeat:repeat;
	margin-right:34px;
	float:left;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.formacion_title_es{
	width:228px;
	height:22px;
	background-image:url(images/formacionTitle_es.png);
	margin-top:22px;
	margin-bottom:22px;
}

.formacion_title_en{
	width:228px;
	height:22px;
	background-image:url(images/formacionTitle_en.png);
	margin-top:22px;
	margin-bottom:22px;
}

.experiencia{
	width:228px;
	height:auto;
	background-image:url(images/fondoExperiencia.png);
	background-repeat:repeat;
	margin-right:34px;
	float:left;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.experiencia_title_es{
	width:228px;
	height:22px;
	background-image:url(images/experienciaTitle_es.png);
	margin-top:22px;
	margin-bottom:22px;

}

.experiencia_title_en{
	width:228px;
	height:22px;
	background-image:url(images/experienciaTitle_en.png);
	margin-top:22px;
	margin-bottom:22px;

}

.habilidades{
	width:228px;
	height:auto;
	background-image:url(images/fondoHabilidades.png);
	background-repeat:repeat;
	/*margin-right:34px;*/
	float:left;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.habilidades_title_es{
	width:228px;
	height:22px;
	background-image:url(images/habilidadesTitle_es.png);
	margin-top:22px;
	margin-bottom:22px;

}

.habilidades_title_en{
	width:228px;
	height:22px;
	background-image:url(images/habilidadesTitle_en.png);
	margin-top:22px;
	margin-bottom:22px;

}

.idiomas{
	width:228px;
	height:auto;
	background-image:url(images/fondoFormacion.png);
	background-repeat:repeat;
	float:left;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.idiomas_title_es{
	width:228px;
	height:22px;
	background-image:url(images/idiomasTitle_es.png);
	margin-top:22px;
	margin-bottom:22px;
}

.idiomas_title_en{
	width:228px;
	height:22px;
	background-image:url(images/idiomasTitle_en.png);
	margin-top:22px;
	margin-bottom:22px;
}

.producciones{
	width:228px;
	height:auto;
	background-image:url(images/fondoIdiomas.png);
	background-repeat:repeat;
	margin-right:34px;
	float:left;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.producciones_title_es{
	width:228px;
	height:22px;
	background-image:url(images/produccionesTitle_es.png);
	margin-top:22px;
	margin-bottom:22px;
}

.producciones_title_en{
	width:228px;
	height:22px;
	background-image:url(images/produccionesTitle_en.png);
	margin-top:22px;
	margin-bottom:22px;
}



.textoCV{
	margin-left:-15px;	
	margin-right:15px;	
}

.textoCV li{
	list-style:none;
}

.textoCV a{
	text-decoration:none;
	color:#FFF;
}

.textoCV a:hover{
	color:#DDD;
}


/* -------------------------------- */
/* -------- FIN QUIEN SOY --------- */
/* -------------------------------- */



/* -------------------------------- */
/* ---------- TRABAJOS ------------ */
/* -------------------------------- */

.trabajos{
	width:1014px;
	margin-left:auto;
	margin-right:auto;
	margin-top:33px;
}

.trabajo{
	width:490px;
	height:331px;
	background-color:#999;
	
	margin-bottom:29px;
	float:left;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	position:relative;
}

.trabajo img{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:none;
	text-decoration:none;
}

.trabajo a{
	border:none;
	text-decoration:none;
}


.trabajo a:hover{
	opacity: 0.8;
	filter: "alpha(opacity=80)"; /* expected to work in IE 8 */
	filter: alpha(opacity=80);   /* IE 4-7 */
}

.fondoNombre{
	width:490px;
	height:50px;
	/*background-image:url(images/fondoTituloTrabajo.png)	;*/
	background-image:url(images/header_fondo.jpg);
	background-repeat:repeat;
	position:absolute;
	top:280px;
	text-align:center;
}

.nombre{
	margin-top:8px;
}

.gap_lateral{
	width:34px;
	height:331px;
	float:left;	
}

/* -------------------------------- */
/* -------- FIN TRABAJOS ---------- */
/* -------------------------------- */

/* -------------------------------- */
/* ---------- PROYECTO ------------ */
/* -------------------------------- */


.proyecto{
	width:1014px;
	margin-left:auto;
	margin-right:auto;
	margin-top:33px;
}

.titulo{
	width:839px;
	height:22px;
	float:left;
	
	font-size:21px;
	color:#2d2d2d;
}

.volver_es{
	width:175px;
	height:22px;
	float:left;
	background-image:url(images/volver_es.png);
	background-position:left;
	
	display:block;
}

.volver_es span{
	display:none;	
}

.volver_es:hover{
	background-position:right;
}

.volver_en{
	width:175px;
	height:22px;
	float:left;
	background-image:url(images/volver_en.png);
	background-position:left;
	
	display:block;
}

.volver_en span{
	display:none;	
}

.volver_en:hover{
	background-position:right;
}


.subtitulo{
	width:1014px;
	height:18px;
	float:left;
	
	margin-top:5px;
	font-size:16px;
	
	margin-bottom:15px;
	
}

.descripcion{
	width:1014px;
	height:auto;
	float:left;
	
	margin-top:15px;
	margin-bottom:15px;
	
	color:#2d2d2d;
}

.descripcion a{
	text-decoration:none;	
	color:#2d2d2d;
}

.itemDoble{
	width:490px;
	height:333px;
	margin-bottom:27px;
	
	/*background-color:#936;	*/
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	float:left;
	overflow:hidden;
}

.itemDoblePosterPelicula{
	width:244px;
	height:333px;
	margin-bottom:27px;
	margin-left:81px;
	
	/*background-color:#936;	*/
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	float:left;
	overflow:hidden;
}

.itemDobleVideoPelicula{
	width:575px;
	height:333px;
	margin-bottom:27px;
	
	background-color:#000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	float:left;
	overflow:hidden;
}

.itemSimple_little{
	width:490px;
	height:333px;
	margin-bottom:27px;
	
	/*background-color:#936;	*/
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	margin-left:262px;
	float:left;

	overflow:hidden;
}


.gap_itemDoble{
	width:34px;
	height:333px;
	margin-bottom:27px;	
	float:left;
}

.gap_interProjects{
	width:1014px;
	height:35px;
	float:left;
}

.itemSimple{
	width:1014px;
	height:510px;
	
	margin-bottom:27px;	
	float:left;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	text-align:center;
	
	overflow:hidden;
}

/* -------------------------------- */
/* -------- FIN PROYECTO ---------- */
/* -------------------------------- */




/* -------------------------------- */
/* ------------ FOTOBLOG ---------- */
/* -------------------------------- */

.fotoblog{
	width:1014px;
	margin-left:auto;
	margin-right:auto;
	margin-top:33px;
	height:auto;
}

.foto_OLD{
	width:228px;
	height:100px;
	
	margin-bottom:20px;
	
	background-color:#666;	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	float:left;
	overflow:hidden;	
}

.foto{
	width:114px;
	height:114px;
	
	margin-bottom:10px;
	
	background-color:#666;	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	float:left;
	overflow:hidden;	
}

.foto img{
	border:none;
	text-decoration:none;
}

.foto a{
	border:none;
	text-decoration:none;
}

.foto a:hover{
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

.fotoInvisible{
	width:228px;
	height:100px;
	margin-bottom:20px;
	float:left;
}

.gap_foto_OLD{
	width:34px;
	height:100px;
	margin-bottom:20px;	
	float:left;
}

.gap_foto{
	width:14px;
	height:50px;
	margin-bottom:10px;	
	float:left;
}

.navegacion{
	width:1014px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
}

.anterior_es{
	width:99px;
	height:22px;
	float:left;
	margin-left:20px;
	
	background-image:url(images/anterior_es.png);
	background-position:left;
}

.anterior_es:hover{
	background-position:right;
}

.anterior_es span{
	display:none;	
}

.anterior_en{
	width:99px;
	height:22px;
	float:left;
	margin-left:20px;
	
	background-image:url(images/anterior_en.png);
	background-position:left;
}

.anterior_en:hover{
	background-position:right;
}

.anterior_en span{
	display:none;	
}

.siguiente_es{
	width:103px;
	height:22px;
	float:right;
	margin-right:20px;
	
	background-image:url(images/siguiente_es.png);
	background-position:left;
}

.siguiente_es:hover{
	background-position:right;
}

.siguiente_es span{
	display:none;	
}

.siguiente_en{
	width:103px;
	height:22px;
	float:right;
	margin-right:20px;
	
	background-image:url(images/siguiente_en.png);
	background-position:left;
}

.siguiente_en:hover{
	background-position:right;
}

.siguiente_en span{
	display:none;	
}
/* -------------------------------- */
/* --------- FIN FOTOBLOG ---------- */
/* -------------------------------- */


/* -------------------------------- */
/* ------------ CONTACTO ---------- */
/* -------------------------------- */

.contacto{
	width:1014px;
	margin-left:auto;
	margin-right:auto;
	margin-top:33px;
}


.tituloMail_es{
	float:left;	
	width:232px;
	height:25px;
	margin-top:1px;
	margin-left:65px;
	
	background-image:url(images/correoElectronico_es.png);
}

.tituloMail_en{
	float:left;	
	width:232px;
	height:25px;
	margin-top:1px;
	margin-left:65px;
	
	background-image:url(images/correoElectronico_en.png);
}

.mail{
	float:left;	
	width:605px;
	height:24px;
	margin-top:2px;
	margin-right:90px;
	margin-left:22px;
	
	font-size:16px;
}


.tituloTelefono_es{
	float:left;	
	width:232px;
	height:25px;
	margin-top:16px;
	margin-left:65px;
	
	background-image:url(images/telefono_es.png);
}

.tituloTelefono_en{
	float:left;	
	width:232px;
	height:25px;
	margin-top:16px;
	margin-left:65px;
	
	background-image:url(images/telefono_en.png);
}


.telefono{
	float:left;	
	width:605px;
	height:24px;
	margin-top:17px;
	margin-right:90px;
	margin-left:22px;
	
	font-size:16px;
}

.tituloMensaje_es{
	float:left;	
	width:232px;
	height:25px;
	margin-top:16px;
	margin-left:65px;
	
	background-image:url(images/mandameUnMensaje_es.png);
}

.tituloMensaje_en{
	float:left;	
	width:232px;
	height:25px;
	margin-top:16px;
	margin-left:65px;
	
	background-image:url(images/mandameUnMensaje_en.png);
}

.mensaje{
	float:left;	
	width:605px;
	height:24px;
	margin-top:17px;
	margin-right:90px;
	margin-left:22px;
	
	font-size:18px;
}

.mensajeKo{
	color:#d6692d;	
}

.mensajeOk{
	color:#7b9c05;	
}

.tituloFormulario{
	float:left;	
	width:232px;
	
	height:30px;
	margin-top:20px;
	margin-left:65px;
	
	text-align:right;
	font-size:16px;
}

.casillaFormulario{
	float:left;	
	width:605px;
	height:30px;
	margin-top:20px;
	margin-right:90px;
	margin-left:22px;
	
	background-color:#CCC;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	font-size:18px;
	overflow:hidden;
}

.casillaFormulario input{
	margin-top:4px;
	border:0px;
	background-color:transparent;
	font-family: 'Calibri', serif;
	font-size:15px;
}

.casillaFormulario textarea{
	margin-top:4px;
	border:0px;
	background-color:transparent;
	font-family: 'Calibri', serif;
	font-size:15px;
}

#mensajeForm{
	height:222px;
}

.casillaEnviar_es{
	float:left;	
	width:93px;
	height:35px;
	margin-top:11px;
	margin-left:832px;	
	background-image:url(images/enviar_es.png);
	background-position:left;
}

.casillaEnviar_en{
	float:left;	
	width:93px;
	height:35px;
	margin-top:11px;
	margin-left:832px;	
	background-image:url(images/enviar_en.png);
	background-position:left;
}

.enviarBoton{
	background-color:transparent;
	border: 0px;
	width:93px;
	height:35px;
	cursor:pointer;
}

enviarBoton a :hover{
	background-position:right;
}

/* -------------------------------- */
/* --------- FIN CONTACTO ---------- */
/* -------------------------------- */


/* -------------------------------- */
/* ----------- FOOTER ------------- */
/* -------------------------------- */

.footer {
	width:100%;
	min-width:1054px;
	float:left;
	height:77px;
	background-image:url(images/footer_fondo.jpg);
	background-repeat:repeat-x;
	overflow:hidden;
}

.margin_footer{
	height:77px;
	width:1054px;
	margin-left:auto;
	margin-right:auto;
}


.ag_es{
	width:1014px;
	height:56px;
	
	background-image:url(images/footer_es.png);
	background-repeat:no-repeat;	
	background-position:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:16px;
}

.ag_en{
	width:1014px;
	height:56px;
	
	background-image:url(images/footer_en.png);
	background-repeat:no-repeat;	
	background-position:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:16px;
}


/* -------------------------------- */
/* --------- FIN FOOTER ----------- */
/* -------------------------------- */