@charset "iso-8859-1";



/****** Estilos Generales ******/

* { margin:0}

html, body {height: 100%;}

body { behavior:url("..js/csshover.htc");}



body {

	background: #F6F6F6 url(../images/bg.jpg) repeat-x; 

	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */

	padding: 0;

	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */

	color: #666666;

}



small { font-size:10px}



#path { margin:10px 0}

a { color:#be0f34}

.bordo { color:#be0f34}

.black { color:#000}

#container {

	min-height: 100%; /* alto minimo FF y Safari */

	height: auto !important;

	height: 100%; /* alto minimo para IE Windows */

	margin: 0 auto -30px;

	text-align: left; /* esto anula text-align: center en el elemento body. */

}

#header {

	height:200px;

	padding: 10px 0 0 0;  /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */

}



.linea { height:1px; clear:both; width:100%; background:#999; margin:5px 0}

.box { background:#FFF; border:1px #EEE solid; padding:10px; margin-bottom:10px}



.box a { color:#be0f34}

.box a:hover { color:#000}



.book { float: left;

	border:1px #999 solid;

	margin-right: 10px;

	margin-bottom: 10px;

	height:auto

}



.hidden {

  display: none;

}



.natacha { float: left; width:250px; margin-right:50px}



#header strong { color:#FFF}



#idioma { font-size:10px; margin-bottom:10px; float:right }

#idioma a { color:#807F7F; text-decoration:none}

#idioma a:hover { color:#CCC}

#idioma .active a { color:#FFF}



#logo { float:left; width:183px; height:107px; margin-right:20px}

#datos {

	float:left;

	color:#FFF;

	border-left:#FFF solid 1px;

	margin-top:20px;

	padding:7px 0 0 20px;

	height: 85px;

	font-size:11px

}



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

#datos a:hover { color:#000; }



#nav li { float:left; text-decoration:none}



#mainContent {padding: 0}



.clientes { list-style:url(../images/arrow.gif); float:left; width:380px; margin-right:10px; font-weight:bold}

.proyectos li { margin-bottom:18px}

.autores { float:left; width:300px; background:#FFF; border:#CCC 1px solid; margin:0 10px 10px 0}

.autores h1 { text-align:left;  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; margin:0}

.autores h1 a { color:#FFF; background:#be0f34; display:block; text-decoration:none; padding:5px}

.autores h1 a:hover { background:#000}

.autores p { padding:5px}

.genero a { color:#000; font-weight:bold}

.genero a:hover { color:#be0f34}

.libro a { color:#be0f34; font-weight:bold}

.libro a:hover { color:#000}

.box_genero { float:left; width:290px; background:#FFF; border:#CCC 1px solid; margin:0 10px 10px 0; padding:5px; height:130px}



.gototop { float: right; display:block; font-size:9px; text-transform:uppercase}

.gototop a { background:url(../images/arrow-top.gif) no-repeat right; padding-right:14px; color:#666; text-decoration:underline; height:10px; line-height:10px}

.gototop a:hover { color:#000}



/****** Botón CV ******/

a.boton-cv {margin: 0 0 20px 0; width:220px; height:260px; display:block; text-indent:-9999px; background:url(../images/monica-hererro-es.jpg) no-repeat; cursor:pointer }

a.boton-cv:hover { background-position:0 -260px}



/****** Botón CV English ******/

a.boton-cv-en {margin: 0 0 20px 0; width:220px; height:260px; display:block; text-indent:-9999px; background:url(../images/monica-hererro-en.jpg) no-repeat; cursor:pointer }

a.boton-cv-en:hover { background-position:0 -260px}



/****** Buscador ******/



#browser { background:url(../images/bg-browser.jpg) no-repeat; width:242px; height:74px; float:right; padding:15px 0 0 20px}



#browser select { border: #666 1px solid; width:220px; height:20px; margin-bottom:10px}





#footer, .push {height: 28px}

#footer {

	padding: 10px 0 0; /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */

	background:#be0f34;

	border-top:#000 2px solid;

	color:#FFF;

	font-size:11px

}

#footer p {

	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */

	padding:0;

	top: 5px;



}

/********** Fotos autores ************/

.fotoAutor 
{
	border: 2px #bf0f35 solid;
	float: left;
	margin: 5px 15px 15px 0;
}



.fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la pÃf¡gina. El elemento flotante debe preceder al elemento junto al que debe aparecer en la pÃf¡gina. */

	float: right;

	margin-left: 8px;

}

.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la pÃf¡gina. */

	float: left;

	margin-right: 10px;

	margin-bottom: 10px;

}

.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el Ãfºltimo elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}