/* "Sleek White" by Noel Jackson, use as you wish. */
* { margin: 0; padding: 0; }

body
{
	color: #fff;	
	background-attachment: fixed;
	background-color: #000;
	background-image: url(../interface/fondo-cuerpo.jpg);
	font-variant: small-caps;
}

a { text-decoration: none; }

a:link { color: #fff; }
a:visited { color: #fff; }
a:hover { color: #0f8788; }
a:active { text-decoration: none; }

h2 { margin-bottom: 20px; font-size: 1em; }

#menu {
	margin: -25px 0px 0px auto; padding: 0px;
	font-weight: bold;
	list-style: none;
	text-align: right;
	width: 100%;
}

#menu li.button {
margin: 0px 5px 0px auto;
padding: px 0px 0px 0px;
height: 25px;
line-height: 25px;
width: 55px;
display: block;
}
#menu li ul {
display: none;
list-style: none;
}
#menu li:hover , #menu li.over {
color: black;
}
#menu li:hover ul, #menu li.over ul {
position: absolute;
right: 0px;
top: 20px;
z-index: 10;
display: block;
margin: 0px;
padding: 0px;
text-align: left;
width: 140px;
}

#menu li ul li {
position: normal;
margin: 0px; padding: 0px;
line-height: 20px;
height: auto;
width: 140px;
background-color: #ccc;
}

#menu li ul li a {
margin: 0px;
line-height: 20px;
padding: 2px 3px 2px 10px;
text-decoration: none;
background: #ccc;
display: block;
}
* html #menu li ul li a {
height: 20px;
}
#menu li ul li a:hover {
background-color: #666666;
color: #fff;
}

#menu li ul li.spacer {
height: 5px;
line-height: 5px;
margin: 0px;
padding: 0px;
}

#menu li ul li a span {
	color: #ccc;
	padding-left: 3px;
}

#menu li ul li a:hover span{
color: white;
}

#photo
{
	z-index: 1;
	text-align: center;
	margin: 0px auto 5px auto;
	padding: 30px;
	background: #000 url(./loading.gif) no-repeat 50% 50%;
}

#photo a img { border: 0; }

#thephoto {
	z-index: 1;
}

.nav {
text-align: center;
line-height: 10px;
height: 10px;
position: relative;
margin: 0 auto;
margin-bottom: 10px;
}
.nav a { }

.list {
left: -12px;
voice-family: "\"}\""; 
voice-family:inherit;
left: auto;
}
.list {
margin: 0px auto;
right: -9px;
position: relative;
text-align: center;
width: 600px;
list-style: none;
padding: 0px;
}
.list li {
float: left;
padding: 0px;
margin: 0px 10px 10px 0px;
}

.list li span { height: 138px; width: 138px; display: block; background: url(../interface/fondo-galerias-tn.jpg) no-repeat center center; }
.list li span { display: table; _position: relative; overflow: hidden; }
.list>li span { overflow: none; }

.list li span:hover, .list li span.hover { background-color: #33FF00; }

.list li span a {
_position: absolute;
_top: 50%;
display: table-cell;
vertical-align: middle;
margin: 0px auto;
text-align: center;
}
		
.list li span a img {
border:  #70531D 1px solid;
_position: relative;
_top: -50%;
_left: -50%;
}

.list h3 {
	background-color: #000;
	width: 138px;
	height: 35px;
	font-size: 12px;
}

.list h3 a {

}

.info {
padding: 20px 0px;
text-align: center;
clear: both;
}
.info a {
margin: 0px 4px;
}

/* KAMIKAZE */
#galeria { background: url(../interface/fondo-contenidos.png);  }

h1 { font-variant: small-caps; }
h1 span { display: block; font-size: .6em; }

.clear { clear: both; }

#contenedor-principal { width: 800px; margin: 0 auto; }

#menu-principal {}
#menu-principal ul, #menu-pie ul { list-style: none; }
#menu-principal ul li,  #menu-pie ul li { float: left; }

#menu-principal ul li a { 
	display: block; 
	padding: 10px 5px 5px 5px; margin-left: 5px;
	float: left;
	height: 65px;
	width: 135px;
	background: url(../interface/fondo-opcion-menu.png) repeat-x left top;
	text-decoration: none;
	color: #FFF;
	font-variant: small-caps;
	font-size: 16px;
	font-weight: bold;
}

#menu-principal ul li a span { color: #666; border-top: #333 1px solid; padding-top: 2px; margin-top: 3px; display: block; font-family: Arial, Helvetica, sans-serif; font-variant: normal; font-size: 10px; font-weight: normal; }

/* L I G A S   P R I N C I  P A L E S */
.contenidos-secundarios { background: url(../interface/fondo-contenidos.png) repeat-y center top; padding: 20px; margin-top: 20px; }
.galeria { height: 245px; background-image: url(../interface/fondo-seccion-galeria.jpg); background-repeat: no-repeat; background-position: center center; }

#menu-principal ul li a:link { }
#menu-principal ul li a:visited { }
#menu-principal ul li a:hover {	background: url(../interface/fondo-opcion-menu-hover.png) repeat-x left top; }
#menu-principal ul li a:hover span, #menu-pie ul li a:hover span { color: #0f8788; }

#menu-principal ul li a:link.liga-inicio { width: 25px; }
#menu-principal ul li a:visited.liga-inicio { width: 25px; }

/* Menu pie */ 
#menu-pie { margin-top: 15px; height: 50px; }

#menu-pie ul li a {
	text-decoration: none;
	color: #fff; 
	padding: 10px; 
	background-color: #000;
	font-size: .8em;
	display: block;
	width: 139px;
}

#menu-pie ul li a:link {  }
#menu-pie ul li a:visited { }
#menu-pie ul li a:hover { }
#menu-pie ul li a:active { }
#menu-pie ul li a span { display: block; border-top: #333 1px solid; color: #333; font-variant: normal; }

/* Herramientas */
span.herramienta-lapices {
	display: block;
	width: 204px;
	height: 270px;
	float: right;
	position: relative;
	right: -126px;
	top: -80px;
	z-index: -1;
	background-image: url(../interface/herramientas/lapices.png);
	background-repeat: no-repeat;
	background-position: center center;
}

span.herramienta-exactos { 
	background: url(../interface/herramientas/exactos.png) no-repeat center center; 
	display: block;
	width: 278px;
	height: 241px;
	float: left;
	position: relative;
	left: -141px;
	top: -163px;
	z-index: -1;
}

/* Link zoom */
a.link-zoom {
	margin: 0 auto;
	padding-left: 55px; 
	display: block;
	width: 120px;
	height: 35px;
	background: url(../interface/lupa.gif) no-repeat left center;
}
	
p.descripcion-imagenes { width: 550px; margin: 0 auto; }