/*

Hoja de estilos para Casa Munoa
casamunoa.com
Por Asier Zunzarren


 */


body {
   margin: 0;
   padding: 0;
background-color: #EEE;
}

#contenedor {
   width: 760px;
   margin: 0 auto;
   background-image: url(imagenes/vertical2.png);
   background-repeat: no-repeat;
   background-position: 60px bottom;
background-color: #FFF;
}

h1 {
   display: none;
}

h2 {
   font-family: Georgia,serif;
   clear: both;
   font-size: 1em;
}

h3 {
   font-family: Georgia,serif;
   clear: both;
}

hr {
   color: #FFF;
}


.divisor {
   clear: both;
   height: 7px;
}

.divisor hr {
   display: none;
}


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


#cabecera {
   width: 760px;
   height: 245px;
}

.sortija {
   background-image: url(imagenes/cabecera-sortija.jpg);
   background-repeat: no-repeat;
   background-position: center top;
}

.sortija2 {
   background-image: url(imagenes/cabecera-sortija2.jpg);
   background-repeat: no-repeat;
   background-position: center top;
}

.sortija3 {
   background-image: url(imagenes/cabecera-sortija3.jpg);
   background-repeat: no-repeat;
   background-position: center top;
}

.colgante {
	background-image: url(imagenes/cabecera-colgante.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.collar {
	background-image: url(imagenes/cabecera-collares.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.broche {
	background-image: url(imagenes/cabecera-broche.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.broche2 {
	background-image: url(imagenes/cabecera-broche2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.pendiente {
	background-image: url(imagenes/cabecera-pendiente.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.pulsera {
	background-image: url(imagenes/cabecera-pulsera.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.solitarios {
	background-image: url(imagenes/cabecera-solitarios.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.caballero {
	background-image: url(imagenes/cabecera-caballero.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.cabcontacto {
	background-image: url(imagenes/cabecera-contacto.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#cabecera ul {
   list-style: none;
   padding: 175px 0 0 0;
   margin: 0;
   font-family: Georgia,serif;
   font-size: 0.95em;
}

#cabecera ul li {
   display: inline;
   margin: 0 2px 0 15px;
}

#cabecera ul li a {
   text-decoration: none;
   color: #B78B5F;
}

#cabecera ul li a:visted {
   color: #B78B5F;
}

#cabecera ul li a:hover {
   color: #000;
}

.actual {
    color: #000;
}


.idioma {
    font-size: 0.8em;
	

}

/* --------- Lateral ---------------- */


#lateral {
	height: 600px;
}

#lateral {
   width: 185px;
   float: left;
   text-align: right;
   z-index: 1;
   min-height: 600px;
}

#lateral ul {
   list-style: none;
   font-family: Georgia,serif;
   font-size: 0.95em;
   font-style: italic;
   text-align: right;
   background-image: url(imagenes/fondo_lateral_derecho.png);
   background-repeat: no-repeat;
   background-position: top right;
   padding: 10px 35px 0 0;
   margin: 0px 0 0 0;
   height: 220px;
}

#lateral ul li {
   margin: 0 0 7px 0;
}

#lateral ul a {
   text-decoration: none;
   color: #584239;
}

#lateral ul a:visited {
   color: #584239;
}

#lateral ul a:hover {
   color: #B78B5F;
}



.actual-lateral {
   color: #B78B5F;
}

.catalogo {
   background-image: url(imagenes/catalogo.png);
   background-repeat: no-repeat;
   background-position: top left;
   margin: 0;
   height: 36px;
}

.catalogo-ing {
   background-image: url(imagenes/catalogo-ing.png);
   background-repeat: no-repeat;
   background-position: top left;
   margin: 0;
   height: 36px;
}

.casa-munoa {
   background-image: url(imagenes/casa-munoa.png);
   background-repeat: no-repeat;
   background-position: top left;
   margin: 0;
   height: 36px;
}

.rafael-munoa {
   background-image: url(imagenes/rafael-munoa.png);
   background-repeat: no-repeat;
   background-position: top left;
   margin: 0;
   height: 36px;
}

.contacto {
   background-image: url(imagenes/contacto.png);
   background-repeat: no-repeat;
   background-position: top left;
   margin: 0;
   height: 36px;
}

.contacto-ing {
   background-image: url(imagenes/contacto-ing.png);
   background-repeat: no-repeat;
   background-position: top left;
   margin: 0;
   height: 36px;
}

.mapa {
   background-image: url(imagenes/mapa.png);
   background-repeat: no-repeat;
   background-position: top left;
   margin: 0;
   height: 36px;
}

.lateral-admin {
   background-image: url(imagenes/admin.png);
   background-repeat: no-repeat;
   background-position: top left;
   margin: 0;
   height: 36px;
}

.lateral-admin2 {
   background-image: url(imagenes/admin2.png);
   background-repeat: no-repeat;
   background-position: top left;
   margin: 0;
   height: 36px;
}

#lateral p span {
   padding: 0 10px 0 0;
   z-index: -1;
   position: relative;
}




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

#contenido {
   width: 535px;
   float: right;
padding: 0 30px 0 0;
text-align: center;

}


#contenido-mapa {
   width: 760px;
   text-align: center;

}

.titulo-sortija {
   background-image: url(imagenes/sortijas.png);
   background-position: top center;
   background-repeat: no-repeat;
   z-index: 1;
   height: 40px;
   text-align: center;
   margin: 30px 0 20px 0;
}

.titulo-sortija-ing {
   background-image: url(imagenes/sortijas-ing.png);
   background-position: top center;
   background-repeat: no-repeat;
   z-index: 1;
   height: 40px;
   text-align: center;
   margin: 30px 0 20px 0;
}

.titulo-pendientes {
   background-image: url(imagenes/pendientes.png);
   background-position: top center;
   background-repeat: no-repeat;
   z-index: 1;
   height: 40px;
   text-align: center;
   margin: 30px 0 20px 0;
}

.titulo-pendientes-ing {
   background-image: url(imagenes/pendientes-ing.png);
   background-position: top center;
   background-repeat: no-repeat;
   z-index: 1;
   height: 40px;
   text-align: center;
   margin: 30px 0 20px 0;
}

.titulo-collares {
   background-image: url(imagenes/collares.png);
   background-position: top center;
   background-repeat: no-repeat;
   z-index: 1;
   height: 40px;
   text-align: center;
   margin: 30px 0 20px 0;
}

.titulo-collares-ing {
   background-image: url(imagenes/collares-ing.png);
   background-position: top center;
   background-repeat: no-repeat;
   z-index: 1;
   height: 40px;
   text-align: center;
   margin: 30px 0 20px 0;
}

.titulo-colgantes {
   background-image: url(imagenes/colgantes.png);
   background-position: top center;
   background-repeat: no-repeat;
   z-index: 1;
   height: 40px;
   text-align: center;
   margin: 30px 0 20px 0;
}

.titulo-colgantes-ing {
   background-image: url(imagenes/colgantes-ing.png);
   background-position: top center;
   background-repeat: no-repeat;
   z-index: 1;
   height: 40px;
   text-align: center;
   margin: 30px 0 20px 0;
}

.titulo-pulseras {
   background-image: url(imagenes/pulseras.png);
   background-position: top center;
   background-repeat: no-repeat;
   z-index: 1;
   height: 40px;
   text-align: center;
   margin: 30px 0 20px 0;
}

.titulo-pulseras-ing {
   background-image: url(imagenes/pulseras-ing.png);
   background-position: top center;
   background-repeat: no-repeat;
   z-index: 1;
   height: 40px;
   text-align: center;
   margin: 30px 0 20px 0;
}

.titulo-broches {
   background-image: url(imagenes/broches.png);
   background-position: top center;
   background-repeat: no-repeat;
   z-index: 1;
   height: 40px;
   text-align: center;
   margin: 30px 0 20px 0;
}

.titulo-broches-ing {
   background-image: url(imagenes/broches-ing.png);
   background-position: top center;
   background-repeat: no-repeat;
   z-index: 1;
   height: 40px;
   text-align: center;
   margin: 30px 0 20px 0;
}

.titulo-solitarios {
   background-image: url(imagenes/solitarios.png);
   background-position: top center;
   background-repeat: no-repeat;
   z-index: 1;
   height: 40px;
   text-align: center;
   margin: 30px 0 20px 0;
}

.titulo-solitarios-ing {
   background-image: url(imagenes/solitarios-ing.png);
   background-position: top center;
   background-repeat: no-repeat;
   z-index: 1;
   height: 40px;
   text-align: center;
   margin: 30px 0 20px 0;
}

.titulo-caballero {
   background-image: url(imagenes/caballero.png);
   background-position: top center;
   background-repeat: no-repeat;
   z-index: 1;
   height: 40px;
   text-align: center;
   margin: 30px 0 20px 0;
}

.titulo-caballero-ing {
   background-image: url(imagenes/caballero-ing.png);
   background-position: top center;
   background-repeat: no-repeat;
   z-index: 1;
   height: 40px;
   text-align: center;
   margin: 30px 0 20px 0;
}

.titulo-historia {
   background-image: url(imagenes/la-historia.png);
   background-position: top center;
   background-repeat: no-repeat;
   z-index: 1;
   height: 40px;
   text-align: center;
   margin: 30px 0 20px 0;
}

.titulo-historia-ing {
   background-image: url(imagenes/la-historia-ing.png);
   background-position: top center;
   background-repeat: no-repeat;
   z-index: 1;
   height: 40px;
   text-align: center;
   margin: 30px 0 20px 0;
}

.titulo-trabajadores {
   background-image: url(imagenes/los-trabajadores.png);
   background-position: top center;
   background-repeat: no-repeat;
   z-index: 1;
   height: 40px;
   text-align: center;
   margin: 30px 0 20px 0;
}

.titulo-trabajadores-ing {
   background-image: url(imagenes/los-trabajadores-ing.png);
   background-position: top center;
   background-repeat: no-repeat;
   z-index: 1;
   height: 40px;
   text-align: center;
   margin: 30px 0 20px 0;
}

.titulo-elaboracion {
   background-image: url(imagenes/la-elaboracion.png);
   background-position: top center;
   background-repeat: no-repeat;
   z-index: 1;
   height: 40px;
   text-align: center;
   margin: 30px 0 20px 0;
}

.titulo-elaboracion-ing {
   background-image: url(imagenes/la-elaboracion-ing.png);
   background-position: top center;
   background-repeat: no-repeat;
   z-index: 1;
   height: 40px;
   text-align: center;
   margin: 30px 0 20px 0;
}

.titulo-dibujante {
   background-image: url(imagenes/el-dibujante.png);
   background-position: top center;
   background-repeat: no-repeat;
   z-index: 1;
   height: 40px;
   text-align: center;
   margin: 30px 0 20px 0;
}

.titulo-dibujante-ing {
   background-image: url(imagenes/el-dibujante-ing.png);
   background-position: top center;
   background-repeat: no-repeat;
   z-index: 1;
   height: 40px;
   text-align: center;
   margin: 30px 0 20px 0;
}

.titulo-investigador {
   background-image: url(imagenes/el-investigador.png);
   background-position: top center;
   background-repeat: no-repeat;
   z-index: 1;
   height: 40px;
   text-align: center;
   margin: 30px 0 20px 0;
}

.titulo-investigador-ing {
   background-image: url(imagenes/el-investigador-ing.png);
   background-position: top center;
   background-repeat: no-repeat;
   z-index: 1;
   height: 40px;
   text-align: center;
   margin: 30px 0 20px 0;
}

.titulo-joyero {
   background-image: url(imagenes/el-joyero.png);
   background-position: top center;
   background-repeat: no-repeat;
   z-index: 1;
   height: 40px;
   text-align: center;
   margin: 30px 0 20px 0;
}

.titulo-joyero-ing {
   background-image: url(imagenes/el-joyero-ing.png);
   background-position: top center;
   background-repeat: no-repeat;
   z-index: 1;
   height: 40px;
   text-align: center;
   margin: 30px 0 20px 0;
}

.titulo-mapa {
   background-image: url(imagenes/mapass.png);
   background-position: top center;
   background-repeat: no-repeat;
   z-index: 1;
   height: 40px;
   text-align: center;
   margin: 30px 0 20px 0;
}

.titulo-mapa-ing {
   background-image: url(imagenes/mapass-ing.png);
   background-position: top center;
   background-repeat: no-repeat;
   z-index: 1;
   height: 40px;
   text-align: center;
   margin: 30px 0 20px 0;
}

.titulo-contacto {
   background-image: url(imagenes/titcontacto.png);
   background-position: top center;
   background-repeat: no-repeat;
   z-index: 1;
   height: 40px;
   text-align: center;
   margin: 30px 0 20px 0;
}

.titulo-contacto-ing {
   background-image: url(imagenes/titcontacto-ing.png);
   background-position: top center;
   background-repeat: no-repeat;
   z-index: 1;
   height: 40px;
   text-align: center;
   margin: 30px 0 20px 0;
}

h2 span {
   position: relative;
   z-index: -1;
   text-align: center;
}


#contenido img {
   width: 120px
   height: 120px;
   margin: 0 8px 0px 2px;
   border: 0;
}

#contenido p {
   font-family: Georgia,serif;
   font-size: 0.8em;
   line-height: 1.5em;
   text-align: left;
}

.foto {
   font-family: Georgia,serif;
   font-size: 0.6em;
   width: 170px;
   float: left;
   margin: 0 5px 50px 0;
   text-align: center;
}

.foto2 {
   font-family: Georgia,serif;
   font-size: 0.6em;
   width: 170px;
   clear: left;
   float: left;
   margin: 0 5px 50px 0;
   text-align: center;
}

.foto-sola {
   font-family: Georgia,serif;
   font-size: 0.6em;
   width: 170px;
   margin: 0 5px 50px 0;
   text-align: center;
}

.foto-sola2 {
   font-family: Georgia,serif;
   font-size: 0.6em;
   margin: 0 5px 50px 0;
   text-align: left;
}

.foto img {
   margin: 0;
   padding: 0;
}

#contenido .joya  {
	margin: 0 5px 20px 5px;
}



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

#pie {
   width: 760px;
   height: 31px;
   clear: both;
   background-image: url(imagenes/pie.png);
   background-repeat: no-repeat;
   background-position: center top;
}

#pie p {
   font-family: Georgia,serif;
   font-size: 0.75em;
   font-style: italic;
   text-align: center;
   color: white;
   padding: 8px 0 0 0;
}

#pie a {
	text-decoration: none;
	color: #FFF;

}

#pie a:visited {
	color: #FFF;

}

#pie a:hover {
	color: #000;

}



/* ------------- Formulario ------------- */


label {
	font-size: 0.9em;
	display: block;
	margin: 0px 0px 2px 0px;
}

input {
   font-family: Georgia,serif;
	font-size: 0.9em;
	border: 1px solid #666;
	padding: 3px;
	margin: 0;
}

select {
text-align: center;
}


textarea {
	font-family: Georgia,serif;
	font-size: 0.9em;
	border: 1px solid #666;
	padding: 4px;
}

button {
   font-family: Georgia,serif;
	font-size: 0.9em;
	display: block;
	margin: 7px 0px 0px 0px;
	border: 1px solid #666;
}


/* ------------------- Admin ------------- */

.listado-admin {
	list-style: none;
	margin: 0;
	padding: 0;
}

.listado-admin li {
	margin: 0px 0px 5px 0px;
	border-top: 1px solid #DCD9D3;
	border-bottom: 1px solid #DCD9D3;
height: 100px;
clear: both;

}

.listado-admin li img {
	vertical-align: middle;
float: left;

}