@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family:Helvetica; src: url('helvetica.ttf');
	font-family:Baskerville; src: url('baskerville.ttf');
}


#wrapper {
	height: 760px;
	width: 1000px;
	position:relative;
	top: 5px;
}


#head {
	height:170px;
	width: 1000px;
	position:fixed;
	z-index: 6;	
}

#body {
	height:500px;
	width: 1400px;
	position:absolute;
	top: 187px;
	background-repeat: no-repeat;
	background-position:center top;
}


#footer {
	height: 40px;
	width: 1000px;
	position:absolute;
	top: 690px;
}



#logo {
	position:absolute;
	width:251px;
	height:111px;
	z-index:1;
	left: 580px;
}
#foto {
	position:absolute;
	width:680px;
	z-index:100;
	left: 350px;
}
#menu {
	position:absolute;
	width:800px;
	height:60px;
	z-index:900;
	top: 120px;
	left: 335px;
}

.nuevafuente {
	font-size:20px;	
	font-family:Normat;
	}
	
	
.subrayado:hover {
	background-image: url(../imagenes/fondoboton4.png);
	width: 140px;
}

#galleryContainer {
  width: 1000px;
  height: 492px;        /* Image height + 200px */
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  z-index: 1;
}


#gallery {
  width: 1000px;
  height: 492px;        /* Image height + 100px */
  padding: 50px 0;
  position: absolute;
  z-index: 1;
}

#gallery img {
  float: left;
  height: 492px;
  margin: 0 10px;      /* Adjust the left/right margin to show greater or fewer slides at once */
  -webkit-box-reflect:
    below
    0
    -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(1, rgba(255, 255, 255, .5)),
      color-stop(.8, rgba(255, 255, 255, 0))
    );
}


/*
  Left and right buttons:

  Position them on the left and right sides of the gallery
  Stretch them to the height of the gallery
  Hide them by default
*/

#leftButton, #rightButton {
  position: absolute;
  z-index: 200;
  top: -100px;
  bottom: 0;
  padding: 0;
  margin: auto 0;
  width: 15%;
  height: 492px;        /* Image height */
  border: none;
  outline: none;
  color: #fff;
  background: transparent url(images/blank.gif);
  font-size: 100px;
  font-family: "Courier New", courier, fixed;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity .5s;
  -moz-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
}

#leftButton {
  left: 0;
}

#rightButton {
  right: 0;
}

/* (Turn off dotted black outline on FF3) */

#leftButton::-moz-focus-inner, #rightButton::-moz-focus-inner {
  border: none;
}

/*
  Left and right button hover states:
  Fade them in to 50% opacity
*/

#leftButton:hover, #rightButton:hover {
  opacity: .5;
  filter: alpha(opacity=50);
  outline: none;
}


/*
  Image caption:

  Position just under the centre image
  Hide by default
*/

#caption {
  position: absolute;
  z-index: 2;
  bottom: 90px;
  width: 100%;
  color: #ffc;
  text-align: center;
  font-family: "Georgia", serif;
  font-size: 24px;
  letter-spacing: .1em;
  display: none;
}


/*
  Loading text:

  Position in the centre of the gallery container
  Hide by default
*/

#loading {
  position: absolute;
  z-index: 1;
  bottom: 50%;
  width: 100%;
  color: #ffc;
  text-align: center;
  font-family: "Georgia", serif;
  font-size: 36px;
  letter-spacing: .1em;
  opacity: 0;
  filter: alpha(opacity=0);
}

nav {
	width:1000px;
	height:28px;
	float:right;
	margin-right:18px;
}

#navbar {
	position: absolute;
	margin-left:90px;
	width: 500px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	left: 325px;
	right: 22px;
	z-index: 900;
	height: 50px;
}

#navbar li {
	list-style: none;
	float: left;
	z-index: 990;
	padding-right: 25px;
}

#navbar li a {
	display: block;
	float:left;
	color:#000;
	font-size:16px;
	letter-spacing:1px;
	padding-top:5px;
	padding-right: 3px;
	padding-left: 3px;
	z-index: 1000;
	font-weight: lighter;
	font-family: Helvetica;
}

#navbar li a:hover {
	font-weight: normal;
	z-index: 930;
}
       
#navbar li ul {
	display: none;
	color: #E6E6E6;
	z-index: 18000;
	font-size: 9px;
	padding-right:10px;
	padding-left: 10px;
	padding-top: 1px;
}

#navbar li ul a {
	border:none;
	font-weight:normal;
	color: #CCCCCC;
	z-index: 95088;
	font-size: 14px;
	font-family: Baskerville;
	position-right: -5px;
	left: -90px;
}

#navbar li ul a:hover {
	background-color:#EFEFF0;
	z-index: 960;
	padding-left: 3px;
	padding-right: 3px;
}

#navbar li ul li#sub1, #navbar li ul li#sub2 {
	font-family: Baskerville;
	font-size: 9px;
	left: -190px;
	color: #CCC;
	z-index: 1200;
	padding-right: 3px;
	padding-left: 3px;
}

#navbar li ul li#sub3 {
     
}

#navbar li:hover ul {
    position: absolute;
    display: inline;
    margin-top: 23px;
}

#navbar li:hover ul#draw_menu {
	font-family: Baskerville;
	z-index: 678899;
	left: -150px;
}

#navbar li:hover ul#model_menu {
    left: 75px;
}

#navbar li:hover ul#move_menu {
	left:23px;
}

#textofoto {
	position:absolute;
	width:132px;
	height:25px;
	z-index:2;
	top: 450px;
	left: 897px;
}

#logito {
	position: fixed; /* tipo de posición que tenemos que cambiar*/
	top:0px;
	left: 40%;  /* aquí tienes que jugar con el porcentaje dependiendo del ancho de tu div*/
	width: 200px;
	height: 115px;
	z-index: 1;
	
}