* {margin: 0;padding: 0;}
ul {list-style-type: none;}
img {border: none;}
a {
	text-decoration: none;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../imagenes/fondo-inicio.jpg);
	background-position: top left;
	background-repeat:no-repeat;
	color: #000;
	font-size: 12px;
	text-align: center;
	margin-top: 145px;
}
#contenedor {
	width: 920px;
	margin: 0 auto;
	padding: 15px;
	border: 1px solid #333;
	background-color: #fff;
}
#cabecera div {
	float: left;
	text-align: left;
}
#logo {
	margin-right: 26px;
}
#menu {
	padding-top: 31px;
}
#menu a {
	font-size: 16px;
	color: #333;
	margin-right: 23px;
}
.showroom {
	padding-top: 31px;
	margin-left: 72px;
}
.showroom p {
	background-color: #000;
	color: #fff;
	padding: 1px 2px 1px 2px;
}
.showroom a {
	color: #fff;
	font-size: 16px;
}
/* /////////////////////////////////////////////////////////////// DESPLEGABLE */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.showroom {font-size:14px; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html .showroom {}
/* remove all the bullets, borders and padding from the default list styling */
.showroom ul {padding:0;margin:0;list-style-type:none;}
.showroom ul ul {}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.showroom li {float:left;position:relative;}
/* style the links for the top level */
.showroom a, .showroom a:visited {display:block;font-size:14px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #000; border-width:1px 1px 1px 1px; background:#000; padding-left:10px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .showroom a, * html .showroom a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.showroom ul ul a.drop, .showroom ul ul a.drop:visited {background:#000 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.showroom ul ul a.drop:hover{background:#000 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
.showroom ul ul :hover > a.drop {background:#000 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.showroom ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .showroom ul ul {top:30px;t\op:31px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.showroom table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.showroom ul ul a, .showroom ul ul a:visited {background:#000; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .showroom ul ul a, * html .showroom ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.showroom a:hover, .showroom ul ul a:hover{color:#fff; background:#333;}
.showroom :hover > a, .showroom ul ul :hover > a {color:#fff;background:#333;}

/* make the second level visible when hover on first level list OR link */
.showroom ul li:hover ul,
.showroom ul a:hover ul{visibility:visible; }
/* /////////////////////////////////////////////////////////////// FINAL DESPLEGABLE */
#contenidos {
	clear: both;
	text-align: left;
	height: 275px;
}
#izquierda {
	float: left;
}
/* //////////////////////////////////////////////////////////// sliding */
#slide {
  margin:0; 
  padding:0; 
  height:265px; /* height:32.5em;  */
  overflow:hidden; 
  background:#fff; /*antes era #f0f0f0 */
  }
#slide li {
  list-style-type:none; 
  float:left; 
  display:block; 
  width:100%;
  }
#slide li a {
  display:block; 
  text-decoration:none; 
  color:#00b; 
  margin:0; 
  width:100%;
  }
#slide li a span {
  display:none; 
  color:#000;
  }
#slide li a.one span {
  display:block; 
  height:15em; 
  margin:0 10px;
  }
#slide li a:hover {
  background:#f1f1f1;
  }
#slide li a:hover span {
  display:block; 
  height:15em; 
  margin:0 10px; 
  cursor:pointer;
  }
#slide .h2 {
  margin:0 5px; 
  padding:0; 
  color:#000; /* antes era #808 */
  font-variant:small-caps; 
  font-size:1.5em; 
  border:0;
  }
#slide .h3 {
  margin:0 5px; 
  padding:0; 
  font-size:1.1em; 
  color:#00b;
  }
#slide img {
  margin:5px 5px 5px 0; 
  border:1px solid #000; 
  /*float:left;*/
  }
.curved {
  width:21em;
  }
.curved .b1, .curved .b2, .curved .b3, .curved .b4  {
  font-size:1px; 
  display:block; 
  background:#000; /*antes era #88c */
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
.curved .b1, .curved .b2, .curved .b3 {
  height:1px;
  }
.curved .b2, .curved .b3, .curved .b4 {
  background:#eee; 
  border-left:1px solid #eee; /*antes era #88c */
  border-right:1px solid #fff; /*antes era #88c */
  }
.curved .b1 {
  margin:0 4px; 
  background:#000; /*antes era #88c */
  }
.curved .b2 {
  margin:0 2px; 
  border-width:0 2px;
  }
.curved .b3 {
  margin:0 1px;
  }
.curved .b4 {
  height:2px; 
  margin:0;
  }
.curved .c1 {
  margin:0 5px; 
  background:#000; /*antes era #88c */
  }
.curved .c2 {
  margin:0 3px; 
  border-width:0 2px;
  }
.curved .c3 {
  margin:0 2px;
  }
.curved .c4 {
  height:2px; 
  margin: 0 1px;
  }
.curved .boxcontent {
  display:block; 
  background:transparent; 
  border-left:1px solid #eee; /*antes era #88c */
  border-right:1px solid #fff; /*antes era #88c */
  font-size:0.9em; 
  text-align:justify;
  }  
/* //////////////////////////////////////////////////////////// sliding */
#derecha {
	float: right;
}
#pie {
	clear: both;
	width: 920px;
	margin: 0 auto;
	background-color: #000;
	color: #fff;
	padding: 0 15px 0 15px;
}
      .black_overlay{
          display: none;
          position: absolute;
          top: 0%;
          left: 0%;
          width: 100%;
          height: 100%;
          background-color: white;
          z-index:1001;
          -moz-opacity: 0.6;
          opacity:.60;
          filter: alpha(opacity=60);
      }
       
      .white_content {
          display: none;
          position: absolute;
          top: 25%;
          left: 25%;
          width: 500px;
          height: 450px;
          padding: 16px;
          border: 2px solid #ccc;
          background-color: black;
          z-index:1002;
          overflow: auto;
		  color: #fff;

      }
	  .white_content ul li {
	  float: left; width: 45%;
	  text-align: left;
	  		  font-family: Arial, Helvetica, sans-serif;
		  font-size: 16px;
		  font-weight: normal;
	  }
	  .white_content a {color: #fff; text-decoration: none;}
	  .white_content img {float: right;border:none;}