* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background: #f4fcfc;
	color: #2332be;
	text-align: center;
	min-width: 800px;
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	z-index:10;
}

li {list-style: none;}

#mail, address {
	display: none;
}

#contenedor {
	background: #f4fcfc;
	color: #2332be;
	min-width: 750px;
	height: auto;
	z-index:10;
}

#cabecera {
	background: url(cuadro.png);
	height: 250px;
	min-width: 700px;
	border: groove 1px #2332be;
	z-index:10;
}

#nuevas {
	position: absolute;
	right: 48%;
	margin-left: 400px;
	top: 55px;
	width: 142px;
	height: 76px;
	background: url(fondo-nuevo.png);
	z-index: 100;
}

#nuevas a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 20px;
	font-size: 16px;
	color: #fff;
	padding-top: 6px;
	
}

#nuevas a span {
	display: none;
}

#nuevas a:hover span {
	display: block;
	width: 160px;
	height: 97px;
	background: url(globo-nuevo.png);
	margin-top: -4px;
	padding-left: 45px;
	padding-top: 75px ;
	padding-right: 45px;
	overflow: hidden;
}

#cuerpo {
	background: #fcfcfc;
	color: #2332be;
	min-width: 700px;
	height: auto;
	z-index:10;
}


#menu {
	height: 220px;
	min-width: 300px;
	max-width: 700px;
	margin-top: 15px;
	margin-left: 7px;
	background:  url(fondo_menu.png);
	float: left;
	z-index:20;

}

#menu ul {
  position:relative; 
  width:100%; 
  height:220px; 
  z-index:20; 
}

#menu li {
  list-style-type:none; 
  width:80px; 
  height:50px;
  position:absolute;
  z-index:20;
}

#menu a {
  display:block; 
  width:80px; 
  height:0px; 
  padding-top:50px; 
  overflow:hidden; 
  z-index:20;
}

#saltar {
	display: none;
}

#nosotros {
  position:absolute; 
  left:6px; 
  top:103px; 
  background:url(nosotros_doble.png) no-repeat;
  z-index: 20;
}

#productos {
  position:absolute; 
  left:50px; 
  top:63px; 
  background:url(productos_doble.png) no-repeat;
  }
#novedades {
  position:absolute; 
  left:91px; 
  top:22px; 
  background:url(novedades_doble.png) no-repeat;
  }
#ofertas {
  position:absolute; 
  left:132px; 
  top:63px; 
  background:url(ofertas_doble.png) no-repeat;
  }
#imagenes {
  position:absolute; 
  left:174px; 
  top:104px; 
  background:url(imagenes_doble.png) no-repeat;
  }
#contacto {
  position:absolute; 
  left:215px; 
  top:145px; 
  background:url(contacto_doble.png) no-repeat;
  }



#nosotros:hover, #productos:hover, #novedades:hover, #ofertas:hover, #imagenes:hover, #contacto:hover  {
  background-position: bottom;
}

/*#nosotros:hover span, #productos:hover span, #novedades:hover span, #ofertas:hover span, #imagenes:hover span, #contacto:hover span {
  display:none;
}*/

#logo {
	height: 160px;
	width: 41%;
	min-width: 383px;
	background:  url(logo-bueno-animado.gif) no-repeat; 
	float: right;
	margin-right: 6px;
	z-index:10;
	
}

#logo a {
 display:none;
 height: 0px;
}

#direccion {
	height: 70px;
	/*min-width: 375px;*/
	float: right;
	width: 53%;
	/*max-width: 450px;*/
	clear: right;
	z-index:10;
}

#direccion a {
	display:none;
 	height: 0px;
}


#direccion-segovia p {
	font-size: 0.9em; 
	text-align: left;
	line-height: 120%; 
	margin-left: 5px;
	display:block;
	z-index:10;
}

#direccion-navalmanzano p {
	font-size: 0.9em;
	text-align: right;
	line-height: 110%;
	margin-right: 5px;
	z-index:10;
}

#titulo-1 h1 {
	background: url(cuadro.png);
	height: auto;
	border: groove 1px #2332be;
	font-size: 1.35em;
	font-weight: normal;
	/*text-align: center;*/
	z-index:10;
}

#titulo-2 h2 {
	background: #2332bb;
	height: auto;
	color: #fff;
	border: solid 3px #2332be;
	font-size: 1.25em;
	font-weight: normal;
	z-index:10;
}
h3 {
	padding-top: 10px;
	font-size: 1.20em;
	z-index:10;
}

.titulo-4 {
	text-align: left;
	margin: 20px;
}

.texto {
	text-align: left;
	text-indent: 75px;
	margin: 0 10px 0 30px;
}

#mapa {
	z-index:100;
	background: url(cuadro.png);
	/*text-align:left;*/
	z-index:1;
	width: 125px;
	border: outset 1px #2332be;
	display:block;
	margin: 10px auto 0;
	padding: 2px;
}

#mapa:hover {
	border: inset 1px #2332be;
}


#cuadro {
	background: url(cuadro.png);
	height: auto;
	/*margin-top: 16px;*/
	min-height: 400px;
	text-align: center;
	border: groove 1px #2332be;
	padding-bottom: 0;
	z-index:10;
}

#cuadro p, #extra p {
	font-size: 1.15em;
	text-align:left;
	margin: 10px;
}

#cuadro-1 {
	background: url(cuadro.png);
	height: 700px;
	position: relative;
	min-height: 315px;
	border: groove 1px #2332be;
	z-index:15;
	overflow: auto;
	
}

#extra {
	position: relative;
	background: url(cuadro.png);
	height: 5%;
	min-height: 50px;
	border: groove 1px #2332be;
	z-index:10;
}

#extra .center {
	text-align:center;
}

#pie {
	background: #2332bb;
	color: #fff;
	height: 32px;
	min-height: 31px;
	border: solid 3px #2332be;
	z-index:10;
}

#validador {
	position: relative;
	list-style-type: none;
}


#v-html, #v-xhtml {
	display: block;
	background: url(valid-html401.png) no-repeat;
	width: 88px;
	height: 31px;
	position: relative;
	top: 0px;
	left: 1px;
	
}

#v-html {
	background: url(valid-html401.png) no-repeat;
}

#v-xhtml {
	background: url(valid-xhtml10.png) no-repeat;
}

#validador span {
	display: none;
}



#v-css {
	position: relative;
	left: 88px;
	top: -31px;
	display: block;
	background: url(valid-css.png) no-repeat;
	width: 88px;
	height: 31px;
	
}

#v-aaa {
	display: block;
	background: url(wcag1AAA.gif) no-repeat;
	width: 88px;
	height: 31px;
	/*float: left;
	clear: both;*/	
	position: relative;
	left: 176px;
	top: -62px;
}


#aviso {
	display: block;
	background: #fff url(cuadro.png);
	width: 6em;
	height: 26px;
	/*float: left;
	clear: both;*/	
	position: relative;
	left: 268px;
	top: -93px;
	padding-top: 2px;
	border: outset 1px #f4fcfc;

}

#aviso:hover {
	border: inset 1px #2332be;
}

#lista_aviso {
	text-align: left;
	margin-left: 50px;

}

#lista_aviso dt {
	font-weight: 700;
}

#lista_aviso dd {
	margin-left: 80px;
	margin-bottom: 8px;

}

a {
	text-decoration: none;
	
}


#pieza-3 span {
	top: 16%;
	left: 50%;
	position: relative;
	text-decoration: none;
	width: 1%;
}




#contenedor {width: 100%; margin: 10px auto;}
#cabecera {width: 90%;margin: 0px auto;}
#direccion-segovia { float: left; }	
#cuerpo {width: 90%;margin: 0px auto;}
#titulo-1{width: 100%;margin: 10px auto;}
#titulo-2{width: 100%;margin: 10px auto;}
#cuadro-1{width: 90%; margin: 1% auto 0 auto;}
#extra{width: 100%; margin: 10px auto;}
#pie{width: 100%; margin: 10px auto;}
#menu {width: 45%;}