/* CSS Document */

/* (c) 2010 Xavier ARLAUD - Dream and Fly */
/* estructura del documiento */

/* contenedores principales */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #fff;
	font-size: 62.5%;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
}

#global {       /* contenedor central */
     position:absolute;
     left: 50%;
     top: 50%;
     width: 780px;
     height: 536px;
     margin-top: -268px;
     margin-left: -390px;
     background-color:#fff;
}

#global1 {       /* contenedor central animacion*/
     position:absolute;
     left: 50%;
     top: 50%;
     width: 600px;
     height: 413px;
     margin-top: -206px;
     margin-left: -300px;
     background-color:#fff;
}

/* fondos */

#fondo {
   position:relative;
   width: 780px;
   height: 536px;
	background-repeat:no-repeat;
	background-image:url('images/fondo.jpg');
}
#fondo_home,#fondo_concept,#fondo_models,#fondo_family,#fondo_simple, #fondo_contact {
     position:relative;
     width: 780px;
     height: 536px;
	background-repeat:no-repeat;
}

#fondo_home {
	background-image:url('images/fondo_home.jpg');
}

#fondo_concept {
	background-image:url('images/fondo_concept.jpg');
}

#fondo_models {
	background-image:url('images/fondo_model1.jpg');
}

#fondo_family {
	background-image:url('images/fondo_model2.jpg');
}

#fondo_simple {
	background-image:url('images/fondo_model3.jpg');
}

#fondo_contact{
	background-image:url('images/fondo_contact.jpg');
}

/*animación inicial */

#imagenes {
  position: relative; 
}

#imagenes img {
  position: absolute;
  top: 0;
  left: 0;
}

#img1 {
  z-index: 1;
}
 
#img2 {
  z-index: 2;
}

#img3 {
  z-index: 3;
}

#img4 {
  z-index: 4;
}

#img5 {
  z-index: 5;
}

#img6 {
  z-index: 6;
}

#img7 {
  z-index: 7;
}

#img8 {
  z-index: 8;
}

#enter {
		position: absolute;
     left: 50%;
     top: 50%;
     width: 100px;
     height: 20px;
     margin-top: 210px;
     margin-left: 175px;

}

/* menus y logos*/

#logo {
  
}

#menu1 {
     position:absolute;
     width: 220px;
     height: 60px;
     margin-top: 475px;
     margin-left: 10px;
}      /* el menu1 (principal) incluye la imagen de las maletas y los diferente menus*/

#menu11 {
     position:absolute;
     top: 28px;
     left: 12px;
     font-size: 0em; 
}

#menu11 a {
	 display: block;
background-image:url('images/menu11.png');
background-repeat:no-repeat;
    height:9px;
    width: 33px ;
}

#menu11 a:hover {
  background-position: 0 -9px;
}

#menu11_active {
     position:absolute;
     top: 28px;
     left: 12px;
	 display: block;
background-image:url('images/menu11.png');
background-repeat:no-repeat;
    height:9px;
    width: 33px ;
  background-position: 0 -9px;
}

#menu12 {
     position:absolute;
     top: 28px;
     left: 71px;
     font-size: 0em;
}

#menu12 a {
	 display: block;
background-image:url('images/menu12.png');
background-repeat:no-repeat;
    height:9px;
    width: 51px ;
}

#menu12 a:hover {
  background-position: 0 -9px;
}

#menu12_active {
     position:absolute;
     top: 28px;
     left: 71px;
	 display: block;
background-image:url('images/menu12.png');
background-repeat:no-repeat;
    height:9px;
    width: 51px ;
  background-position: 0 -9px;
}

#menu13 {
     position:absolute;
     top: 21px;
     left: 153px;
}

#menu13 a {
	 display: block;
background-image:url('images/menu13.png');
background-repeat:no-repeat;
    height:22px;
    width: 45px ;
}

#menu13 a:hover {
  background-position: 0 -22px;
}

#menu13_active {
     position:absolute;
     top: 21px;
     left: 153px;
  background-position: 0 -22px;
  	 display: block;
background-image:url('images/menu13.png');
background-repeat:no-repeat;
    height:22px;
    width: 45px ;
}

#menu2 {    /* el menu de arriba con idiomas y contacto*/
     position:absolute;
     width: 300px;
     height: 10px;
     margin-top: 10px;
     margin-left: 424px; 

}

#menu3 {    /* el menu central SINGLE FAMILIAL*/
     position:absolute;
     width: 400px;
     height: 20px;
     margin-top: 172px;
     margin-left: 46px;
     /*background-color:#aaa;
     opacity: 0.5; */ 
}

#idioma {
	position:absolute;
	     width: 100px;
}

#enlaces {
	position:absolute;
	     width: 100px;
     margin-left: 250px;
}

#contact {
	position:absolute;
	     width: 100px;
     margin-left: 80px;
}

/* otros contenedores */

#texto {       
     position:absolute;
     top: 212px;
     left: 10px;
          padding: 5px;
}
.scroll-pane {
     width: 260px;
     height: 200px;

}
#textcontact {
     position:absolute;
     top: 150px;
     left: 125px;
     width: 550px;
     height: 60px;
}

#contacto {
     position:absolute;
     top: 320px;
     left: 175px;
     width: 450px;
     height: 120px;
}

#cedric {
     position:absolute;
     width: 140px;
     height: 100px;
     left: 0px;
}
#xavier {
     position:absolute;
     width: 140px;
     height: 100px;
     left: 155px
}
#ima {
     position:absolute;
     width: 140px;
     height: 100px;
     left: 310px;
}

#bajo {
   position:absolute;
   width: 345px;
   height: 16px;
   margin-top: 483px;
   margin-left: 389px;
   background-color: aaa;
}

#pie {
     position:absolute;
     width: 200px;
     height: 30px;
     margin-top: 524px;
     margin-left: 290px;
}