html{
    height:100%; 
    margin:0;
    padding:0px; 
}
body{
    height:100%;
    padding:0px;
    font-size:11px;
    margin:0px;
    font-family: Arial, Helvetica;
    background: #fff;
    color: #757575;
    width: 100%;
}
a { color: #757575; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
img { border: 0; }
.accesible { display: none; }
/** HACKS */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* /HACKS **/


#container {
  width: 945px;
}

#header {
  height: 27px;
  padding: 40px 0 0 0;
  background: #504F57;
  width: 100%;
  overflow: hidden;
}
#header h1 {
  padding: 0;
  margin: 0 0 0 40px;
  float: left;
}
#header h1 a { 
  display: block;
  height: 18px;
  width: 202px;
  background: url("../img/logo.png") 0 0 no-repeat;
}
#header h2 {
  height: 16px;
  width: 80px;
  margin: 0 0 0 10px;
  padding: 0;
  float: left;
}
#header h2.contacto {
  background: url("../img/breadcrumb_contacto.png") 0 2px no-repeat;
}
#header h2.portfolio {
  background: url("../img/breadcrumb_portfolio.png") 0 2px no-repeat;
}
#header h2.estudio {
  background: url("../img/breadcrumb_estudio.png") 0 2px no-repeat;
}
#container #menu {
  width: 100px;
  float: left;
  padding: 40px;
}
#container #menu li a {
  width: 137px;
  height: 15px;
  display: block;
  margin-bottom: 30px;
}
#container #menu li a.estudio { background: url("../img/mnu_estudio.png") 0 0 no-repeat;}
#container #menu li a.estudio_bio { background: url("../img/mnu_estudio_bio.png") 0 0 no-repeat; }
#container #menu li a.estudio_publicaciones { background: url("../img/mnu_estudio_public.png") 0 0 no-repeat; }
#container #menu li a.estudio_novedades { background: url("../img/mnu_estudio_novedades.png") 0 0 no-repeat; }
#container #menu li a.estudio_cv { background: url("../img/mnu_estudio_cv.png") 0 0 no-repeat; }
#container #menu li a.estudio_novedades { background: url("../img/mnu_estudio_novedades.png") 0 0 no-repeat; }

#container #menu li a.portfolio { background: url("../img/mnu_portfolio.png") 0 0 no-repeat; }
#container #menu li a.port_ilustracion { background: url("../img/mnu_port_ilustracion.png") 0 0 no-repeat; }
#container #menu li a.port_infantil { background: url("../img/mnu_port_infantil.png") 0 0 no-repeat; }
#container #menu li a.port_disenio { background: url("../img/mnu_port_disenio.png") 0 0 no-repeat; }
#container #menu li a.contacto { background: url("../img/mnu_contacto.png") 0 0 no-repeat;}


/* menus activos */

#container #menu li.activo a.estudio { background: url("../img/mnu_estudio_on.png") 0 0 no-repeat;}
#container #menu li.activo a.estudio_bio { background: url("../img/mnu_estudio_bio_on.png") 0 0 no-repeat; }
#container #menu li.activo a.estudio_publicaciones { background: url("../img/mnu_estudio_public_on.png") 0 0 no-repeat; }
#container #menu li.activo a.estudio_novedades { background: url("../img/mnu_estudio_novedades_on.png") 0 0 no-repeat; }
#container #menu li.activo a.estudio_cv { background: url("../img/mnu_estudio_cv_on.png") 0 0 no-repeat; }
#container #menu li.activo a.estudio_novedades { background: url("../img/mnu_estudio_novedades_on.png") 0 0 no-repeat; }

#container #menu li.activo a.portfolio { background: url("../img/mnu_portfolio_on.png") 0 0 no-repeat; }
#container #menu li.activo a.port_ilustracion { background: url("../img/mnu_port_ilustracion_on.png") 0 0 no-repeat; }
#container #menu li.activo a.port_infantil { background: url("../img/mnu_port_infantil_on.png") 0 0 no-repeat; }
#container #menu li.activo a.port_disenio { background: url("../img/mnu_port_disenio_on.png") 0 0 no-repeat; }
#container #menu li.activo a.contacto { background: url("../img/mnu_contacto_on.png") 0 0 no-repeat;}

/* menus en ingles */

#container #menu li a.estudio_en { background: url("../img/mnu_estudio_en.png") 0 0 no-repeat;}
#container #menu li a.estudio_publicaciones_en { background: url("../img/mnu_estudio_public_en.png") 0 0 no-repeat; }
#container #menu li a.estudio_novedades_en { background: url("../img/mnu_estudio_novedades_en.png") 0 0 no-repeat; }
#container #menu li a.estudio_cv_en { background: url("../img/mnu_estudio_cv_en.png") 0 0 no-repeat; }
#container #menu li a.estudio_novedades_en { background: url("../img/mnu_estudio_novedades_en.png") 0 0 no-repeat; }

#container #menu li a.port_ilustracion_en { background: url("../img/mnu_port_ilustracion_en.png") 0 0 no-repeat; }
#container #menu li a.port_infantil_en { background: url("../img/mnu_port_infantil_en.png") 0 0 no-repeat; }
#container #menu li a.port_disenio_en { background: url("../img/mnu_port_disenio_en.png") 0 0 no-repeat; }
#container #menu li a.contacto_en { background: url("../img/mnu_contacto_en.png") 0 0 no-repeat;}


/* menus activos */

#container #menu li.activo a.estudio_en { background: url("../img/mnu_estudio_en_on.png") 0 0 no-repeat;}
#container #menu li.activo a.estudio_publicaciones_en { background: url("../img/mnu_estudio_public_en_on.png") 0 0 no-repeat; }
#container #menu li.activo a.estudio_novedades_en { background: url("../img/mnu_estudio_novedades_en_on.png") 0 0 no-repeat; }
#container #menu li.activo a.estudio_cv_en { background: url("../img/mnu_estudio_cv_en_on.png") 0 0 no-repeat; }
#container #menu li.activo a.estudio_novedades_en { background: url("../img/mnu_estudio_novedades_en_on.png") 0 0 no-repeat; }

#container #menu li.activo a.port_ilustracion_en { background: url("../img/mnu_port_ilustracion_en_on.png") 0 0 no-repeat; }
#container #menu li.activo a.port_infantil_en { background: url("../img/mnu_port_infantil_en_on.png") 0 0 no-repeat; }
#container #menu li.activo a.port_disenio_en { background: url("../img/mnu_port_disenio_en_on.png") 0 0 no-repeat; }
#container #menu li.activo a.contacto_en { background: url("../img/mnu_contacto_en_on.png") 0 0 no-repeat;}

#menu .idiomas { color: #D1D1D1; }
#menu .idiomas span { float: left; }
#menu span.separador { margin: 0 5px; }
#menu span.espaniol,
#menu a.espaniol {
   background: url("../img/espaniol.png") 0 3px no-repeat;
   width: 42px;
   height: 18px;
   float: left;
   line-height: 18px;
}
#menu span.english,
#menu a.english {
   background: url("../img/english.png") 0 3px no-repeat;
   width: 42px;
   height: 18px;
   float: left;
   line-height: 18px;
}


#container #content {
  width: 680px;
  float: right;
  padding: 40px 0 0 40px;
}

#container ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#container #content p {
  margin-top: 0;
  line-height: 22px;
}
#container #content ul {
  width: 600px;
}
#container #content ul li { margin-bottom: 10px; line-height: 22px;}
#container #content ul.lista_imagenes li {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

#container #content #paginador {
  color: #C0C0C0;
  display: block;
  width: 500px;
  margin-bottom: 20px;
}
#container #content #paginador ul li {
  margin: 0;
  padding: 0;
  margin-right: 8px;
  float: left; 
}
#container #content #paginador ul li a.anterior {
  display: block;
  width: 9px;
  height: 16px;
  background: url("../img/flecha_anterior.png") left bottom no-repeat;
}
#container #content #paginador ul li a.siguiente {
  display: block;
  width: 9px;
  height: 16px;
  background: url("../img/flecha_siguiente.png") left bottom no-repeat;
}