* { margin: 0; padding: 0; }

body {
	color: #FFF;
	background-attachment: fixed;
	background-color: #000;
	background-image: url(../interface/fondo-cuerpo.jpg);
}

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

#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 */
#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, #menu-principal ul li a:visited.liga-inicio { width: 25px; padding: 0; margin: 0;}

/* Menu Secundario */
div.menu-secundario { height: 29px; }
div.menu-secundario ul { list-style: none; margin-right: 20px; }
div.menu-secundario li { float: right; margin-right: 5px; }
div.menu-secundario li a
{
	text-decoration: none;
	color: #A28951;
	font-variant: small-caps;
	display: block;
	padding: 3px 5px 0 5px;
	border: #663300 solid 1px;
	border-bottom: 0;
	height: 26px;
	background: url(../interface/fondo-menu-secundario.jpg) repeat-x center top;
}

div.menu-secundario li a:link, .contenidos-secundarios a:link { color: #A28951; }
div.menu-secundario li a:visited, .contenidos-secundarios a:visited { color: #A28951; }
div.menu-secundario li a:hover, .contenidos-secundarios a:hover { color: #fff; }

/* Menu pie */ 
#menu-pie { margin-top: 15px; height: 50px; background-color: #000; }
#menu-pie p { text-align: center; background-color: #000; color: #fff; font-family: Arial, Helvetica, sans-serif; padding: 0; margin: 0; }

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

#menu-pie a.link-email:link { font-size: 12px; margin: 0; padding: 0;  }
#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; }

.clear { clear: both; }

/* Herramientas laterales */
span.herramienta-cerillos {
	float: right;
	display: block;
	width: 94px;
	height: 246px;
	position: relative;
	left: 94px;
	background-image: url(../interface/herramientas/cerillos-gises.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;
}

span.herramienta-palillos {
	display: block;
	width: 99px;
	height: 206px;
	float: right;
	position: relative;
	right: -99px;
	top: -50px;
	z-index: -1;
	background-image: url(../interface/herramientas/palillos.png);
	background-repeat: no-repeat;
	background-position: center center;
}

span.herramienta-colores {
	display: block;
	width: 99px;
	height: 206px;
	float: right;
	position: relative;
	right: -99px;
	top: 0px;
	z-index: -1;
	background-image: url(../interface/herramientas/colores.png);
	background-repeat: no-repeat;
	background-position: center center;
}

/* Contenidos */
#contenidos { background-color: #000; margin-bottom: 20px; }
.contenidos-secundarios { background: url(../interface/fondo-contenidos.png) repeat-y center top; padding: 20px; }
.contenidos-secundarios p { margin-bottom: 10px; font-variant: small-caps; }


h2 { border-bottom: solid 1px #CC9900; margin-bottom: 10px; }
h2 span { font-size: .5em; font-style: italic; }

/* Contenidos por secciones */
.inicio { height: 429px; background: url(../interface/fondo-seccion-inicio.jpg) no-repeat center center; }
.elmicroescultor { height: 245px; background-image: url(../interface/fondo-seccion-microescultor.jpg); background-repeat: no-repeat; background-position: center center; }
.contacto { height: 245px; background-image: url(../interface/fondo-seccion-contacto.jpg); background-repeat: no-repeat; background-position: center center; }