﻿*	{
  margin:0;
  padding:0;
  }
body {
  border-top: 8px solid #C00;
	text-align: center;
	background-color: #fff;
	font: 82%/1.5 "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
div#wrap	{
  width: 900px;
  margin:0 auto;
  text-align:left;
  background:#fff url(/img/fondo-principal.jpg) repeat-y;
  position:relative;
}

div#header {
  height:90px;
  background-color:#fff;
  clear:both;
  position:relative;
}

div#small {
  margin:0;
  width:270px;
  float:left;
  position:relative;
}
div#big {
  margin:0;
  width:620px;
  float:right;
  position:relative;
}


#p-principal #big ul {
  color:#FFDEAD;
  font-weight:bold;
  list-style-type:none; 
  font-size:12px; 
  margin:1em 45px;
}
#p-principal #big li {
  margin:10px 90px 0px 70px;
  padding:0 0 10px 30px;
  border-bottom:1px solid #f00;
  background: url(/img/bullet_pp.gif) no-repeat top left;
}
#p-principal #big h2 {
  background: url(/img/h1_home.gif) no-repeat 90px;
  margin-top:35px;
  margin-bottom:25px;
  height:61px;
  text-align:center;
  text-indent:-9999px;
}


/*menú 
==============================*/
ul#menu {
  z-index:20;
  position:absolute;
  display:block;
  top:8px;
  left:0;
  width:450px; height:82px;
  margin:0; padding:0;

}
ul#menu li {
  margin:0;
  padding:0;
  float:left;
  text-indent:-9999px;	
  list-style-type:none;
}

ul#menu li a {
  border:0;
  display:block;
  text-decoration:none;
  background:transparent url(/img/menu.gif) no-repeat;
}

li#principal a, li#catalogo a, li#calidad a, li#localizacion a, li#contacto a {
  width:90px;
  height:82px;
}
li#principal a:link, li#principal a:visited {
  background-position:0px 0px;
} 
li#principal a:hover {
	background-position:0px -82px;
	 }
li#catalogo a:link, li#catalogo a:visited {
  background-position:-90px 0px;
} 
li#catalogo a:hover {
	background-position:-90px -82px;
	 }
li#calidad a:link, li#calidad a:visited {
  background-position:-180px 0px;
}
li#calidad a:hover {
	background-position:-180px -82px;
}
li#localizacion a:link, li#localizacion a:visited  {
	background-position:-270px 0px;
	 }
li#localizacion a:hover {
	background-position:-270px -82px;
	 }
li#contacto a:link, li#contacto a:visited {
	background-position:-360px 0px;
	 }
li#contacto a:hover {
	background-position:-360px -82px;
	 }
/*menú páginas activas*/	 
body#p-principal ul#menu li#principal a {
	background-position:0px -82px;
	}
body#p-catalogo ul#menu li#catalogo a {
	background-position:-90px -82px;
	}
body#p-calidad ul#menu li#calidad a {
	background-position:-180px -82px;
	}
body#p-localizacion ul#menu li#localizacion a {
	background-position:-270px -82px;
	}
body#p-contacto ul#menu li#contacto a {
	background-position:-360px -82px;
	}
/* pie 
==============================*/
div#pie	{
  clear:both;
  background-color:#600;
  text-align:center;
  color:#fff;
  border-top:8px solid #fff;
}
#pie p {
  font-size:.9em;
  padding: 1.5em;
  margin:0;
}
#pie a {color:#ffdead;}

/*header*/
#header h1 {
  height:82px;
  margin:0;
  padding:0;
  display:block;
  text-indent:-9000px;
  background: transparent url(/img/logo.gif) no-repeat bottom right;
}
/* páginas*/
body#p-catalogo #small {float:right;}
body#p-catalogo #big {float:left;}
#p-principal #big {
  color:#fff;
  background: transparent url(/img/fondo_pp_derecha.jpg) no-repeat right 220px;
}
body#p-catalogo #wrap {
  background:#fff url(/img/fondo-resto.jpg) repeat-y;
}
#p-catalogo #big, #p-catalogo #wrap {
  background-color:transparent;
  color:#000; 
}
#p-catalogo p#agrandar-img, #p-localizacion p#agrandar-img {
  font-size:.9em;
  color:#555;
  text-align:right;
  margin:.5em;
}
#p-localizacion p#agrandar-img {
  text-align:left;
}
#p-catalogo h2 {
  margin:15px 90px 45px 90px;
}
#p-catalogo #big p.description {
  margin:45px 80px 60px 180px;
  padding-left:45px;
  border-left:1px solid #600;
}

/*galería imágenes
========================*/
#p-calidad #small img {
  margin-top:50px;
  padding:15px;
  border: 1px solid #Fadbd7;
}
#p-catalogo #small a img, 
#p-localizacion #small a img {
  display:block;
  float:left;
  clear:both;
  border:0;
  border-top: 8px solid #fff;
  border-bottom: 8px solid #fff;
}
* html #p-catalogo #small a img, 
* html #p-localizacion #small a img {
  height:1%; /*puto explorer*/
}
#p-catalogo #small img.left, 
#p-localizacion #small img.left {
  border:none;
  clear:none;
}
#p-catalogo #small img.right, #p-localizacion #small img.right {
  border:none;
  border-left: 8px solid #fff;
  clear:right;
}
#p-catalogo #small img.last, #p-localizacion #small img.last {
  border-bottom:none;
}
/*fin galería*/

body#p-calidad #wrap, body#p-contacto #wrap, body#p-localizacion #wrap {
  background: #fff;
}
body#p-calidad #big  {
  background-color: #FAEBD7;
}
body#p-localizacion #big {
  background-color: #EDEAE3;
}
#p-calidad h2, #p-contacto h2, #p-localizacion h2 {
  margin:45px;
  color:#600;
  border-bottom:1px solid #600;
}
#p-calidad #big p, #p-localizacion #big p {
  margin:30px 90px;
}
body#p-contacto #big {
  background-color:#fff;
}
#p-contacto h2 {
  margin:20px;
  color:#600;
  border-bottom:1px solid #600;
}

/*FONDOS PÁGINAS*/
.salones #big {background:transparent url(/img/fondo-psalones.jpg) no-repeat left center;}
.mesas-sillas #big {background:transparent url(/img/fondo-psillas.jpg) no-repeat left center;}
.altadeco #big {background:transparent url(/img/fondo-paltadeco.jpg) no-repeat left center;}
.terrazajar #big {background:transparent url(/img/fondo-pjardin.jpg) no-repeat left center;}
.oficina #big {background:transparent url(/img/fondo-poficina.jpg) no-repeat left center;}
.dormitorios #big {background:transparent url(/img/fondo-pdormitorios.jpg) no-repeat left center;}
.tapiceria #big {background:transparent url(/img/fondo-ptapiceria.jpg) no-repeat left center;}
.mueble-decorado #big {background:transparent url(/img/fondo-pmueble-decorado.jpg) no-repeat left center;}
.colchoneria #big {background:transparent url(/img/fondo-pcolchoneria.jpg) no-repeat left center;}

/*fin fondos*/


/*formulario
========================*/
div#form {margin:0 80px;}
#form p {margin:1em 0; }


#form input, #form textarea {font-size:11px; border:1px solid #400;}

p.small {
  font-family:Arial, sans-serif;
  font-size:9px;
  margin:20px;
  text-align:justify;
  line-height:1.05;
}

/*links 
==============================*/
#form p.visitenos a {
  font-size:15px;
  font-weight:bold;
  color:#600;
  font-family:Arial, sans-serif;
}
#big p a {color:#900;}

p#lista-cat {
  margin:35px 90px;
  text-align:center;
  font-size:1em;
  color:#a00;
}
p#lista-cat a {
  color:#400;
}
#p-principal p#lista-cat a {color:#;}

p#lista-cat a:hover {
  color:#900;
}
ul.lista {
 margin:45px 80px 60px 180px;
  padding-left:45px;
  border-left:1px solid #600;
  }
ul.lista a {color:#400;}
