/* Hoja de estilo de la web de Castillo de Arnedo */
/* Ultima actualización 4 de Marzo de 2009 */

/* Estructura */

* {
	margin: 0;
	padding: 0;
}


body {
	color: #000;
	background-color: #fff;
	font-family: Arial, Verdana, sans-serif;
	background: #ccc url("../imagenes/fondo.jpg") repeat left top;
}

img {
	border: 0;
}

a, a:visited {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #000;
}

.enlacerojo, .enlacerojo:visited {
	color:#000;
	text-decoration: none;
}

.enlacerojo:hover {
	color: #eb491b;
}

#envoltorio {
	margin: 2em auto 0 auto;
	width: 971px;
}

.oculto {
	display: none;
}

.aclarar {
	clear: both;
	padding: 0 0 1em 0;
}

.aclararycortar {
	clear: both;
	padding: 1em 0;
}

/* Cabeza */

#cabeza {
	margin: 0 auto;
	width: 969px;
}

/* Menú principal */

#menu {
	background: transparent url("../imagenes/fondo_menu.png") no-repeat left top;
	height: 83px;
}

#menu ul	{
	padding: 1.4em 0 0 1.2em;
}
	
#menu ul li	{
	list-style: none;
	display: block;
	padding: 0.5em 0;
	background: transparent url("../imagenes/separador.png") no-repeat left top;
	font-size: 0.9em;
	float: left;
	width: 7em;
	text-align: center;
}

#menu ul li#mp2 {
	width: 12em;
	padding-left: 0.5em;
}

#menu ul li#mp3 {
	width: 19em;
}

#menu ul li#mp4 {
	width: 8em;
}

#menu ul li#mp5 {
	width: 9em;
}

#menu ul li#mp6 {
	width: 9em;
}

#menu ul li.primero	{
	background: none;
}

#menu a	{
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	padding: 0.8em 0;
	position: relative;
	top: -0.3em;
}

#menu a:hover	{
	font-size: 1.1em;
	background: transparent url("../imagenes/marca_menu.gif") no-repeat center top;
}

#menu a.activo	{
	font-size: 1.1em;
	background: transparent url("../imagenes/marca_menu.gif") no-repeat center top;
}

/* Película */

#pelicula {
	height: 207px;
	z-index: 1;
}

#pelicula object {
	width: 969px;
	height: 207px;
	z-index: 1;
}


/*	Buscador	*/

#buscador {
	margin: 0 auto;
	padding: 0.3em 0 0 0;
	background: #fff url("../imagenes/fondo_blanco.png") repeat-y left top;
	width: 969px;
}


#buscador legend, #buscador fieldset{
	border: 0;
}

#buscador legend {
	display: none;
	text-indent: -9999px;
}

#buscador label {
	padding: 0 1em;
	margin: 0 0 0 7em;
	width: 10em;
	}

#buscador input {
	width: 20em;
	font-size: 1em;
	}

#buscador input.mandar {
	width: 70px;
	margin: 0 0 0.5em 1em;
	border: 1px solid #cccbcb;
	background-color: #eb491b;
	color: #fff;
	font-size: 1em;
	cursor: pointer;
	}

/*	Contenido	*/


#contenido {
	width: 969px;
	margin: 0 auto;
}

#i_portada {
	background: transparent url("../imagenes/entrar_portada.jpg") no-repeat -0.1em top;
	height: 392px;
	margin: 0 auto;
}

#i_portada a {
	color: #fff;
	font-weight: bold;
	position: relative;
	top: 13.8em;
	display: block;
	background: transparent url("../imagenes/flechas.png") no-repeat left top;
	height: 17px;
	width: 3em;
	margin: 0 0 0 4.5em;
	padding: 0 0 0 1.6em;
}

#i_portada a:hover {
	background-position: left bottom;
	color: #eb491b;
}

#titulos {
	background: transparent url("../imagenes/fondo_titulos.png") no-repeat left top;
	height: 47px;
}

#im_titulo {
	float: left;
	width: 270px;
}

h1 {
	margin: 0 0 0 3em;
	font-size: 1.1em;
	padding: 0.7em 0 0 0;
}

span.laempresa {
  	background: transparent url("../imagenes/titulo_empresa.png") no-repeat left top;
	height: 40px;
	width: 210px;
	position: absolute;
	margin: -1.9em 0 0 2em;
}

span.catalogo {
  	background: transparent url("../imagenes/titulo_catalogo.png") no-repeat left top;
	height: 41px;
	width: 430px;
	position: absolute;
	margin: -1.9em 0 0 2em;
}

span.enlaces {
  	background: transparent url("../imagenes/titulo_enlaces.png") no-repeat left top;
	height: 39px;
	width: 172px;
	position: absolute;
	margin: -1.9em 0 0 2em;
}

span.contacto {
  	background: transparent url("../imagenes/titulo_contacto.png") no-repeat left top;
	height: 40px;
	width: 187px;
	position: absolute;
	margin: -1.9em 0 0 2em;
}

span.ubicacion {
  	background: transparent url("../imagenes/titulo_ubicacion.png") no-repeat left top;
	height: 38px;
	width: 206px;
	position: absolute;
	margin: -1.9em 0 0 2em;
}

#ruta {
	padding: 0.9em 0 0 3.8em;
	color: #888;
	font-size: 0.8em;
}


#ruta a {
	color: #888;
	text-decoration: underline;
}

#ruta a:hover {
	color: #eb491b;
	text-decoration: none;
}

#enlace{
	padding: 0em 0 0 2.6em;
	color: #888;
	font-size: 0.8em;
}
#enlace a {
	color: #888;
	text-decoration: underline;
}

#enlace a:hover {
	color: #eb491b;
	text-decoration: none;
}


h2 {
	background: #fff url("../imagenes/circulo.png") no-repeat left 1em;
	height: 25px;
	color: #eb491b;
	font-size: 1.2em;
	font-weight: bold;
	clear: both;
	margin: 0 0 0 1.6em;
	width: 40em;
}

/*	Empresa	*/


#textos {
	margin: 0 auto;
	background: #fff url("../imagenes/fondo_blanco.png") repeat-y left top;
	width: 969px;
}

.im_izda {
	float: left;
	padding: 1em 1.5em;
	margin: 0 0 0 3.2em;
}

.im_dcha {
	float: right;
	padding: 1em;
}

.im_centrar {
	margin: 1em auto 0;
	padding: 0 0 1em 0;
	display: block;
}

.im_centrar_1 {
	margin: 1em 0 0 9em;
}

#t_empresa h3 {
	font-size: 1em;
	font-weight: bold;
}

.margen {
	padding: 1em 0 1em 2.4em;
}

.margen_1 {
	padding: 1em 0 1em 4.8em;
}

#t_empresa {
	width: 57em;
}

#t_empresa p {
	font-size: 0.8em;
	padding: 1em 0 1em 6em;
	line-height: 1.3;
}

dl {
	font-size: 0.8em;
	padding: 1em 0 1em 5.8em;
}

dl dt, dl dd {
	padding: 0.5em 0;
}

dl dt {
	float: left;
	padding-right: 0.5em;
}

dl dt span {
	color: #eb491b;
}

ul.empresa {
	list-style: none;
	padding: 1.1em 0 0 0;
}

ul.empresa li {
	display: block;
	float: left;
	padding: 0 1em;
	border-right: solid 0.1em #fff;
	font-size: 0.9em;
}

ul.empresa li.ultimo {
	border-right: none;
}

ul.empresa li a {
	color: #fff;
	text-transform: uppercase;
}

ul.empresa li a:hover {
	color: #ed481a;
}

ul.empresa li a.activo {
	color: #ed481a;
}

/*	Catálogo	*/


ul#izda.familias {
	float: left;
	width: 20em;
}

ul.familias {
	list-style: none;
	margin: 0 0 0 2em;
	font-size: 0.8em;
	padding: 0 0 2em 0;
}

ul.familias li {
	width: 21em;
	height: 7em;
	display: block;
	padding: 1em 0 1em 1em;
	margin: 0 0 0 2em;
	float: left;
	font-weight: bold;
	text-transform: uppercase;
}

ul.familias li a img {
	float: left;
	display: block;
	padding: 0.5em;
	border: solid 0.1em #42392b;
	margin: 0 0.5em 0 0;
}

ul.familias li a {
	color: #000;
	display: block;
	height: 7em;
	padding: 0.5em;
	text-decoration: none;
}

ul.familias li a:hover {
	color: #eb491b;
	background-color: #dbd3c8;
}

h3.catalogo {
	height: 25px;
	color: #2a8333;
	font-size: 1.2em;
	font-weight: bold;
	clear: both;
	margin: 0 0 0 1.6em;
	width: 45em;
	border-top: solid 0.1em #74644b;
}

ul.subfamilias {
	list-style: none;
	margin: 0 0 0 2em;
	font-size: 0.8em;
	padding: 0 0 2em 0;
}

ul.subfamilias li {
	width: 20em;
	height: 7em;
	display: block;
	padding: 1em 0 1em 1em;
	margin: 0 0 0 2em;
	float: left;
	font-weight: bold;
}

ul.subfamilias li a img {
	float: left;
	display: block;
	padding: 0.5em;
	border: solid 0.1em #42392b;
	margin: 0 0.5em 0 0;
}

ul.subfamilias li a {
	color: #000;
	display: block;
	height: 7em;
	padding: 0.5em;
	text-decoration: none;
}

ul.subfamilias li a:hover {
	color: #eb491b;
	background-color: #dfd8ce;
}

#ficha_producto {
	margin: 0 0 0 4em;
	padding: 0 0 2em 0;
	clear: both;
	border-top: solid 0.1em #74644b;
	width: 53em;
}

#ficha_producto h3 {
	text-transform: uppercase;
	font-size: 1.4em;
	color: #2b8434;
	text-align: center;
	margin: 0 0 1.5em 0;
	padding: 0.5em 0 0 0;
}

#ficha_producto strong {
	font-size: 0.8em;
	padding: 0 0 0.5em 2.5em;
	display: block;
}

#ficha_producto h4 {
	padding: 0.5em 0 0.5em 2em;
	display: block;
	color: #EB491B;
}

#ficha_producto p {
	padding: 0.7em 2.5em 0;
	width: auto;
	font-size: 0.8em;
}

#ficha_producto ul {
	font-size: 0.8em;
	padding: 0.7em 2.5em 0;
	list-style: none;
}

#ficha_producto ul li {
	padding: 0.4em 0;
	line-height: 1.6;
}

#ficha_producto ul li span {
	border-bottom: solid 0.1em #EB491B;
}

#ficha_producto img {
	float: right;
	padding: 0.2em;
	margin: 0 0 0 1em;
	border: solid 0.1em #42392b;
}



/*#ficha_producto table {
	font-size: 0.8em;
	width: 100%;
	padding: 1em 0 2em 0;
	border-collapse: collapse;
	margin: 0 auto;
}*/
#ficha_producto table {
    font-size: 0em;
    width: 100%;
    padding: 1em 0 2em 0;
    border-collapse: collapse;
    margin: 0 auto;
}

#ficha_producto table caption {
	background-color: #2b8434;
	padding: 0.4em;
	color: #fff;
	margin: 1em 0 0.5em 0;
	font-weight: bold;
}

#ficha_producto table th {
	background-color: #eb491b;
	padding: 0.2em 0.3em;
	color: #fff;
}

#ficha_producto table tr.fondot {
	background-color: #d5cbbd;
}

#ficha_producto table td {
	border-top: solid 0.1em #42392b;
	border-bottom: solid 0.1em #42392b;
	text-align: center;
	padding: 0.4em 0.3em;
}


/*	Enlaces	*/


ul.enlaces {
	list-style: none;
	margin: 0 0 0 3em;
	padding: 0 0 2em 3em;
}

ul.enlaces li {
	padding: 0.5em 0;
	border-bottom: solid 0.2em #2b8434;
	width: 26em;
}

ul.enlaces li img {
	padding: 0 1em 0 0;
}

ul.enlaces li a {
	color: #000;
	display: block;
	width: 26em;
}

ul.enlaces li a:hover {
	color: #eb491b;
	text-decoration: underline;
}


/*	Contacto	*/


#textos div.contacto {
	padding: 2.5em 0 0 0;
}

#textos div.contacto p {
	width: 40em;
	margin: 0 auto;
	font-size: .8em;
	line-height: 1.7;
	padding: 0 0 0 0;
}

#textos div.contacto p a {
	color: #eb491b;
	text-decoration: underline;
}

#textos div.contacto p a:hover {
	color: #000;
}

#textos div.contacto p.margen_s {
	padding: 1em 0 0 0;
}

#formulario {
	font-size: .9em;
	width: 38.3em;
	margin: 3em auto 0 auto;
	border: solid 1px #aa9579;
}

#formulario legend, #formulario fieldset{
	border: 0;
}

#formulario legend {
	padding: 0.4em 10.13em;
	margin: 0 0 1em 0;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.1em;
	background-color: #aa9579;
}

#formulario label {
	position: relative;
	display: block;
	padding: 0 1em;
	margin: 1em 0;
	width: 10em;
	}

#formulario label input {
	position: absolute;
	left: 100%;
	top: 0;
	width: 20em;
	}

#formulario input.mandar {
	width: 70px;
	margin: 7.5em 0 0.5em 12.8em;
	}
#formulario input.mandar2 {
	width: 70px;
	margin: 0em 0 0.5em 11.3em;
}
#formulario textarea {
	position: absolute;
	left: 100%;
	top: 0;
	height: 8em;
	width: 25em;
	font: normal 1em Verdana;
	}

#formulario label.error {
	color: #a00;
	width: 10em;
	margin: 0.7em 0 0 0;
	font-size: 0.8em;
}


/*	Ubicación	*/


dl.vcard {
	font-size: 0.8em;
	margin: 0 0 0 3em;
}

dl.vcard dt {
	font-weight: bold;
	font-size: 1.3em;
	text-transform: uppercase;
	color: #2b8434;
	margin: 1em 0 0.5em 0;
	float: none;
}

dl.vcard dt span {
	font-weight: normal;
	font-style: italic;
	padding: 0 0 0 0.3em;
	font-size: 0.9em;
}

dl.vcard dd {
	padding: 0 0 0.3em 1.2em;
}

#mapa {
	width: 36em;
	margin: 3em auto 0 auto;
	padding: 0 0 3em 0;
}

p.ubica {
	padding: 0 0 0 9.9em;
	width: 55em;
	font-size: 0.8em;
	line-height: 1.3;
	text-align:justify;
}

/*	Pie		*/

#final {
  	background: #fff url("../imagenes/pie.png") no-repeat left top;
	height: 98px;
	margin: 0 auto;
	width: 977px;
}

#pie {
	color: #8e8878;
	height: 1.7em;
	padding: 2.2em 0 0 0;
}

#pie p {
	float: left;
	margin: 0 0 0 2em;	
	font-size: 0.9em;
}

#pie p.telefono {
	margin: 0 0 0 2;
	display: block;
	height: 56px;
}

#pie p.telefono span {
  	background: transparent url("../imagenes/telefono.png") no-repeat left top;
	height: 56px;
	width: 255px;
	position: absolute;
	margin: -1.2em 0 0 -11em;
}