/* ----------

	CSS de www.dremin.com
	Por Rael del Fraile
	
	---------- */

	
	
html, body {
	background-color:#1E1E1E;
}
	

/* ----- Textos ----- */

/* (CV) */

.cv-contenedor {
float:left;
width:660px;
text-align:left;
padding-left:90px;
}

.cv-formacion {
float:left;
width:277px;
height:23px;
background-image:url(../img/cv-formacion.jpg);
background-position:left,top;
background-repeat:no-repeat;
}

.cv-contacto {
float:left;
width:277px;
height:23px;
background-image:url(../img/cv-contacto.jpg);
background-position:left,top;
background-repeat:no-repeat;
}

.cv-experiencia {
float:left;
width:277px;
height:23px;
background-image:url(../img/cv-experiencia.jpg);
background-position:left,top;
background-repeat:no-repeat;
}

.texto-cv-titulo {
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	color:#99c5a5;
	line-height:20px;
	padding-top:10px;
	background-image:url(../img/cv-tira-titulo.gif);
	background-position:left,top;
	background-repeat:repeat-x;
	padding-left:10px;
}



.texto-cv-curso {
	font-family:verdana;
	font-size:10px;
	font-weight:normal;
	color:#f9f9f9;
	line-height:20px;
	padding-left:10px;
}

.texto-cv-curso b {
	font-weight:bold;
}

.texto-cv-datos {
	font-family:verdana;
	font-size:9px;
	color:#cccccc;
	line-height:20px;
	padding-left:35px;
}

.cv-subcurso {
	padding-left:30px;
}

.texto-cv-titulo-subgrupo {
	font-family:verdana;
	font-style:italic;
	font-size:10px;
	color:#819387;
	line-height:20px;
	padding-top:10px;
}

.texto-cv-titulo-subgrupo b {
	font-weight:bold;
}






/* (Textos Menu) */

.link-boton-index {
	display:block;
	padding-top:10px;
	padding-bottom:50px;
	padding-left:25px;
	text-align:left;
	font-family:Arial;
	text-decoration:none;
	font-weight:bold;
	font-size:18px;
	color:#555555;
	}
	

.link-boton-up {
	display:block;
	padding-top:17px;
	font-family:Arial;
	text-decoration:none;
	font-weight:bold;
	font-size:15px;
	color:#111111;
	}
	
.link-boton-up:hover {
	display:block;
	padding-top:17px;
	font-family:Arial;
	text-decoration:none;
	font-weight:bold;
	font-size:15px;
	color:#666666;
	}
	
.link-boton-down {
	display:block;
	padding-top:2px;
	padding-bottom:30px;
	font-family:Arial;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
	color:#222222;
	}
	
.link-boton-down:hover {
	display:block;
	padding-top:2px;
	padding-bottom:30px;
	font-family:Arial;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
	color:#666666;
	}
		
/* (Textos Cuerpo) */

.texto-cuerpo {
	font-family:verdana;
	font-size:11px;
	color:#cccccc;
	line-height:20px;
}

.texto-cuerpo h1 {
	font-family:verdana;
	font-weight:normal;
	font-size:11px;
	color:f0f0f7;
	font-weight:bold;
	line-height:30px;
}

.texto-cuerpo h2 {
	font-family:verdana;
	font-weight:normal;
	font-size:11px;
	color:f0f0f7;
	line-height:1px;
}


.texto-cuerpo a, .texto-cuerpo a:link, .texto-cuerpo a:visited {
	font-family:verdana;
	font-size:11px;
	color:#99cc99;
	line-height:20px;
	text-decoration:none;
}

.texto-cuerpo a:hover {
	font-family:verdana;
	font-size:11px;
	color:#99ff99;
	line-height:20px;
	text-decoration:underline;
}


.titulo-subgrupo-cuerpo {
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	color:#eeeeee;
	text-align:left;
	line-height:20px;
	letter-spacing:2px;
	float:left;
	height:35px;
	width:550px;
	padding-left:125px;
	padding-top:17px;
}

.texto-popup {
	font-family:Verdana;
	font-size:10px;
	color:#555555;
	line-height:15px;
	text-align:left;
	padding-left:15px;
	height:20px;
	float:left;
	padding-top:2px;
}


/* (Textos Conocimientos) */

.conocimientos {
	font-family:verdana;
	font-size:11px;
	color:#EEEEEE;
	line-height:20px;
	text-align:left;
	padding-left:43px;
	padding-right:18px;
}

.conocimientoslink a, .conocimientoslink a:link, .conocimientoslink a:visited {
	font-family:verdana;
	font-size:10px;
	color:#99cc99;
	line-height:20px;
	text-decoration:none;
}

.conocimientoslink a:hover {
	font-family:verdana;
	font-size:10px;
	color:#99ff99;
	line-height:20px;
	text-decoration:underline;
}

.conocimientos-2 {
	font-family:verdana;
	font-size:11px;
	color:#EEEEEE;
	font-weight:bold;
	line-height:20px;
}


.conocimientos-separador {
	padding-left:10px;
	padding-top:7px;
	height:23px;
	font-family:verdana;
	font-size:9px;
	color:#b8b8b8;
	font-weight:normal;
	line-height:20px;
}

/* (Textos Pie) */

.pie-links {
	height:20px;
	float:right;
	margin-top:22px;
	margin-right:15px;
}

.pie-links a, .pie-links a:link, .pie-links a:visited {
	font-family:verdana;
	font-size:9px;
	color:#222222;
	text-decoration:none;
}

.pie-links a:hover {
	font-family:verdana;
	font-size:9px;
	color:#aaaaaa;
	text-decoration:none;
}


/* ----- Cabecera ----- */

.head-fondo {
	height:130px;
	min-width:994px;
	max-width:1554px;
	background-image:url(../img/head-fondo.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

.head-centro {
	height:130px;
	width:994px;
	background-image:url(../img/head-centro.jpg);
	background-position:center;
	background-repeat:no-repeat;
}



/* ----- Menú ----- */

.menu-fondo {
	height:90px;
	min-width:994px;
	max-width:1554px;
	background-image:url(../img/medio-fondo-tira.jpg);
	background-position:center;
	background-repeat:repeat-y;
}

.menu-contenedor {
	height:90px;
	width:994px;
	background-image:url(../img/menu-fondo.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

.menu-espacio-1 {
	height:90px;
	width:112px;
	float:left;
}

.boton-index {
	text-align:center;
	float:left;
	height:90px;
	width:156px;
	background-image:url(../img/boton-index.jpg);
	}
	
.boton-index:hover {
	text-align:center;
	float:left;
	height:90px;
	width:156px;
	background-image:url(../img/boton-index-actv.jpg);
	}

.menu-espacio-2 {
	height:90px;
	width:151px;
	float:left;
}

.boton-01 {
	text-align:center;
	float:left;
	height:90px;
	width:108px;
	background-image:url(../img/boton-01.jpg);
	}
	
.boton-01:hover {
	text-align:center;
	float:left;
	height:90px;
	width:108px;
	background-image:url(../img/boton-01-actv.jpg);
	}
	
.boton-01-on {
	text-align:center;
	float:left;
	height:90px;
	width:108px;
	background-image:url(../img/boton-01-actv.jpg);
	}
	
.boton-02 {
	text-align:center;
	float:left;
	height:90px;
	width:104px;
	background-image:url(../img/boton-02.jpg);
	}
	
.boton-02:hover {
	text-align:center;
	float:left;
	height:90px;
	width:104px;
	background-image:url(../img/boton-02-actv.jpg);
	}
	
.boton-02-on {
	text-align:center;
	float:left;
	height:90px;
	width:104px;
	background-image:url(../img/boton-02-actv.jpg);
	}
	
.boton-03 {
	text-align:center;
	float:left;
	height:90px;
	width:99px;
	background-image:url(../img/boton-03.jpg);
	}
	
.boton-03:hover {
	text-align:center;
	float:left;
	height:90px;
	width:99px;
	background-image:url(../img/boton-03-actv.jpg);
	}

.boton-03-on {
	text-align:center;
	float:left;
	height:90px;
	width:99px;
	background-image:url(../img/boton-03-actv.jpg);
	}

.boton-04 {
	text-align:center;
	float:left;
	height:90px;
	width:102px;
	background-image:url(../img/boton-04.jpg);
	}
	
.boton-04:hover {
	text-align:center;
	float:left;
	height:90px;
	width:102px;
	background-image:url(../img/boton-04-actv.jpg);
	}
	
.boton-04-on {
	text-align:center;
	float:left;
	height:90px;
	width:102px;
	background-image:url(../img/boton-04-actv.jpg);
	}
	
.boton-05 {
	text-align:center;
	float:left;
	height:90px;
	width:100px;
	background-image:url(../img/boton-05.jpg);
	}
	
.boton-05:hover {
	text-align:center;
	float:left;
	height:90px;
	width:100px;
	background-image:url(../img/boton-05-actv.jpg);
	}
	
.boton-05-on {
	text-align:center;
	float:left;
	height:90px;
	width:100px;
	background-image:url(../img/boton-05-actv.jpg);
	}
	


/* ----- Contenido ----- */

.medio-fondo {
	min-width:994px;
	max-width:1554px;
	background-image:url(../img/medio-fondo-tira.jpg);
	background-position:center;
	background-repeat:repeat-y;
}

.medio-contenedor {
	width:994px;
	overflow:hidden;
}

/* (Cuerpo izquierda) */

.contenedor-izq {
	width:780px;
	float:left;
}

.izq-up {
	width:780px;
	height:27px;
	background-image:url(../img/izq-up.jpg);
	background-repeat:no-repeat;
}

.contenedor-textos-izq {
	width:665px;
	padding-left:95px;
	float:left;
}

.cuerpo-izq {
	width:780px;
}

.fila-miniaturas {
	width:665px;
	height:140px;
	padding-left:95px;
	float:left;
}

.columna-miniaturas {
	width:165px;
	height:140px;
	float:left;
}

.titulo-miniaturas {
	font-family:Verdana;
	font-size:10px;
	text-align:left;
	padding-left:10px;
	color:#CCCCCC;
	width:155px;
	height:18px;
	float:left;
}

.titulo-texto-video {
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	color:#000000;
}

.titulo-texto-video a, .titulo-texto-video a:link, .titulo-texto-video a:visited {
	font-family:verdana;
	font-size:11px;
	color:#000000;
	line-height:20px;
	text-decoration:none;
}

.titulo-texto-video a:hover {
	font-family:verdana;
	font-size:11px;
	color:#223344;
	line-height:20px;
	text-decoration:underline;
}

.texto-video {
	font-family:Verdana;
	font-size:10px;
	color:#101010;
	line-height:14px;
	text-align:left;
	padding-left:20px;
	width:320px;
	height:110px;
	float:left;
	padding-top:18px;
}

.fondo-miniaturas {
	width:165px;
	height:122px;
	float:left;
	background-image:url(../img/fondo-miniaturas.png);
	background-repeat:no-repeat;
}

.colocador-miniatura {
	width:150px;
	height:110px;
	float:left;
	padding-left:2px;
	padding-top:2px;
}

.colocador-fotograma {
	width:150px;
	height:110px;
	float:left;
	padding-left:13px;
	padding-top:15px;
}

.espacio-entre-miniaturas {
	width:60px;
	height:140px;
	float:left;
}

.espacio-entre-filas {
	width:665px;
	height:25px;
	padding-left:95px;
	float:left;
	text-align:center;
}

.fondo-fotograma {
	width:170px;
	height:140px;
	float:left;
	background-image:url(../img/fondo-fotograma.gif);
	background-repeat:repeat;
	background-position:right;
}

.fondo-texto-video {
	width:350px;
	height:140px;
	float:left;
	background-image:url(../img/fondo-texto-video.gif);
	background-repeat:repeat;
	background-position:left;

}


/* (Ventanita derecha) */
.contenedor-der {
	width:214px;
	float:left;
	overflow:hidden;
}

.der-up-con {
	width:214px;
	height:86px;
	background-image:url(../img/der-up-con.jpg);
	background-position:right;
	background-repeat:no-repeat;
}

.der-up-sin {
	width:214px;
	height:86px;
	background-image:url(../img/der-up-sin.jpg);
	background-position:right;
	background-repeat:no-repeat;
}

.der-up-titulo {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#cccccc;
	width:150px;
	height:24px;
	margin-top:42px;
	margin-left:45px;
	float:left;
}

.der-medio {
	width:214px;
	background-image:url(../img/der-fondo-tira.jpg);
	background-position:right;
	background-repeat:repeat-y;
}

.contenedor-texto-conocimientos {
float:left;
width:150px;
}

.der-fin {
	width:214px;
	height:42px;
	background-image:url(../img/der-fin.jpg);
	background-position:right;
	background-repeat:no-repeat;
}



/* ----- Pie ----- */

.pie-fondo {
	height:280px;
	min-width:994px;
	max-width:1554px;
	background-image:url(../img/pie-fondo.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

.pie-contenedor {
	height:147px;
	width:994px;
	background-image:url(../img/pie.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

.pie-izq {
	height:147px;
	width:832px;
	float:left;
}
.pie-der {
	height:147px;
	width:162px;
	background-image:url(../img/pie-firma-2010.jpg);
	background-repeat:no-repeat;
	float:left;
}