/* CSS Document */
body
{
background:url(imagenes/fondo_grad.jpg);
background-repeat:repeat-x;
margin:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-stretch:condensed;
color:#000000;
background-color:#FFFFFF;


}


img
{
border:none;
}
hr
{
width:1000px;
margin:auto;


}
ul
{
list-style:none;


}
#todo
{
background-color:#FFFFFF;
width:1020px;
margin:auto;



}
#container
{
background-color:#ffffff;
margin:auto;
margin-top:10px;
margin-left:10px;
width:1000px;
}


#top
{
background:url(imagenes/album_vida.jpg) no-repeat;
height:100px;
margin-top:0px;
z-index:3;
}

#bajocabecera
{
background-color:#FFFFFF;
height:40px;


}
 


#bajocabecera strong
{


font:Geneva, Arial, Helvetica, sans-serif;
font-size:16px;
font-variant:small-caps;
font-style:normal;
color:#FFFFFF;
padding-left:510px;
margin-top:10px;
height:20px;


}
.logo
{
	float:left;
	width:30px;
	height:50px;
	padding-top:18px;
}
.texto-cabecera
{
	float:left;
	font-family:Jenkins v2.0;
	font-size:55px;
	padding-top:17px;
	padding-left:285px;
	color:#ffffff;
	width:490px;
}

.texto-logo
{
	float:left;
	font:Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#ffffff;
	padding-top:26px;
	padding-left:25px;
	text-align:center;
}
#imginicio
{
/*background:url(imagenes/el_album_vida_inicio.jpg) no-repeat;*/
height:126px;
width:367px;
position:absolute;
margin-left:752px;
/*margin-left:633px;*/
}

.img
{
float:left;
margin-top:10px;
margin-left:15px;
}
.imgflash
{
float:left;
padding-left:15px;
}

#lista
{
margin-left:20px;
float:left;
width:600px;
}



.lista:link
{
float:left;
margin-top:75px;
text-decoration:none;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-stretch:condensed;
color:#ffffff;
font-size:15px;
}

.lista:hover
{
float:left;
margin-top:75px;
text-decoration:none;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-stretch:condensed;
color:#CCCCCC;
font-size:15px;
}
.lista:visited
{
float:left;
margin-top:75px;
text-decoration:none;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-stretch:condensed;
color:#ffffff;
font-size:15px;
}
.lista:active
{
float:left;
margin-top:75px;
text-decoration:none;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-stretch:condensed;
color:#ffffff;
font-size:15px;
}
#lista2
{
margin-left:20px;
width:500px;
}
a.lista2
{
padding-bottom:5px;
text-decoration:none;
font:Geneva, Arial, Helvetica, sans-serif;
font-size:13px;
color:#414040;
font-variant:small-caps;
}

a.lista2:hover
{
padding-bottom:5px;
text-decoration:none;
font:Geneva, Arial, Helvetica, sans-serif;
font-size:13px;
font-variant:small-caps;
color:#e51e25;
}

#informacion
{
margin-top:5px;
border-color:#c5c5c5;
border-style:solid;
border-width:1px;
height:300px;
width:150px;
}
#imgladyfly
{
margin-top:5px;
float:left;
border-color:#c5c5c5;
border-style:solid;
border-width:1px;
height:150px;
width:150px;



}

#cajatransparente
{

background-color:#ffffff;
opacity: .5;
filter: alpha(opacity=50);
}
/*contenidos*/

#contenidos
{
width:1000px;
height:500px;
background:url(imagenes/1.jpg) no-repeat;

}

#contenidos2
{
width:1000px;
text-align:justify;
background:#c5c5c5;

}

#contenidos3
{
width:1000px;

background:#c5c5c5;
border-color:#c5c5c5;
border-style:solid;
border-width:1px;

}


#imgservicios
{
margin-bottom:10px;
margin-left:35px;
margin-top:30px;

}

#imgflash
{
position:absolute;
margin-left:400px;
}


/*pie*/

#pie
{
background-color:#c5c5c5;
margin:auto;
width:1000px;
margin-top:10px;


}
.img

{
margin-left:25px;
margin-top:4px;
}
#imgpie
{
margin-top:5px;
margin-left:5px;
float:left;
}
.pie
{
font:Geneva, Arial, Helvetica, sans-serif;
color:#666666;
font-size:10px;
font-stretch:extra-condensed;
text-decoration:none;
}
.pie a:
{
font:Geneva, Arial, Helvetica, sans-serif;
color:#666666;
font-size:10px;
font-stretch:extra-condensed;
text-decoration:none;
}
.pie a:link, hover, active, visited
{
font:Geneva, Arial, Helvetica, sans-serif;
color:#666666;
font-size:10px;
font-stretch:extra-condensed;
text-decoration:none;
}
#textopie
{

margin-top:5px;
margin-left:5px;
float:left;
width:605px;


}


.iempresa:link
{
font:Geneva, Arial, Helvetica, sans-serif;
color:#666666;
font-size:10px;
font-stretch:extra-condensed;
text-decoration:none;
}
.iempresa:hover
{
font:Geneva, Arial, Helvetica, sans-serif;
color:#666666;
font-size:10px;
font-stretch:extra-condensed;
text-decoration:none;
}
.iempresa:active
{
font:Geneva, Arial, Helvetica, sans-serif;
color:#666666;
font-size:10px;
font-stretch:extra-condensed;
text-decoration:none;
}
.iempresa:visited
{
font:Geneva, Arial, Helvetica, sans-serif;
color:#666666;
font-size:10px;
font-stretch:extra-condensed;
text-decoration:none;
}


/*logotipos*/

#logotipos
{
	min-width:400px;
	text-align:right;
float:right;
padding-left:2px;
margin-top:4px;
margin-bottom:2px;
padding-right:25px;

}

#inicio
{
float:left;
width:456px;
 margin-left:35px;
margin-top:15px;
    height: 442px;
}
#iniciotitular
{
margin-top:15px;
background:url(imagenes/inicio.jpg) no-repeat;
width:424px;
height:30px;
color:#FFFFFF;
padding-left:40px;
font-size:21px;
font-stretch:extra-condensed;
font-family:verdana;
padding-top:3px;
}

#elalbum
{
width:420px;
height:91px;
margin-top:18px;
float:left;

} 
.elalbum
{
color:#666666;
padding-left:40px;
font-size:14px;
font-style:normal;
}
/*ampliaciones*/
#ampliaciones
{
width:478px;
height:470px;
float:left;
top:150px;
padding:0px;
 margin:0px;
 margin-top:10px;
 
}

.capaAmpliacion
{

width:230px;
margin:0px;
padding:0px;
float:right;
 text-align:right;
height:143px;
 margin-left:8px;
margin-bottom:5px;

}

.capaAmpliacion a:hover
{
color:#e51d25;
}

.capaAmpliacion a
{
 padding-top:10px;
padding-right:7px;
font-family:Arial, Helvetica, sans-serif;
font-size:35px;
text-decoration:none;
color:#FFFFFF;
}



/*capas ocultas productos*/

#producto1 
{
filter:alpha(opacity=0);
}
.imgalbum
{
width:200px;
margin-right:25px;
float:right;
}
#imgalbum
{
float:right;
 margin-top:10px;

}

/*submenu*/

#submenu
{
float:left;
padding-left:20px;
padding-top:15px;
}
#submenu strong
{
font-family:verdana;
color:#FFFFFF;
font-size:12px;
}
.submenu a:
{
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
}
.submenu a:hover
{
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#999999;
font-size:12px;
}
.submenu a:active
{
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#999999;
font-size:12px;
}
.submenu a:visited
{
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#999999;
font-size:12px;
}

.menuproductos
{
float:left;
height:40px;
font:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
color:#FFFFFF;
list-style-type:none;
text-decoration:none;
font-variant:small-caps;
}
.menuproductos:hover
{
color:#000000;
}

/*contacto*/

#formulario
{

margin-right:25px;
margin-top:45px;
border:0px;
width:300px;
}

label {
margin: 0;
padding:0.2em;
margin-top:0.3em;
text-align:right;
width:70px;
float:left;
text-transform:uppercase;
  }

fieldset {

  border:solid 0 #fff; /* Opera doesn't get border:none or border:0 on fieldsets */
  
  }

  
.textfield {
font:12px  Verdana, Arial, Helvetica, sans-serif ;
color:#333 ;
margin:3px;
height:20px;
border:solid 0 #fff;
padding: 3px 8px;

width:200px;
voice-family: "\"}\""; 
voice-family:inherit;

float:right;

}
.textfieldmultiline
{
font:12px  Verdana, Arial, Helvetica, sans-serif ;
color:#333 ;
margin:3px;
height:20px;
border:solid 0 #fff;
padding: 3px 8px;

width:200px;
voice-family: "\"}\""; 
voice-family:inherit;

float:right;
  height:156px;
}

fieldset>input.textfield {

}
legend {

height:30px;
color:#ffffff;
font-size:18px;
padding-left:0.5em;

position:relative;
top:-1em;
text-transform:uppercase;
font-weight:bold;
letter-spacing:-1px;
white-space:pre; /* hack: make sure */
}
textarea {
font:1.1em Verdana, Arial, Helvetica, sans-serif;
color:#333 ;
margin:3px;
height:165px;
border:solid 0 #fff;
padding: 0 8px;

width:200px;
voice-family: "\"}\""; 
voice-family:inherit;

float:right;
}
fieldset>textarea {

}
.submit {
margin:3px;
height:20px;

width:80px;
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#666;
float:right;
 }
 .campo
 {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:14px;
 font-variant:small-caps;
 color:#FFFFFF;
 float:left;
 padding-top:15px;
 
}

 #instrucciones
 {
 float:left;
margin-left:20px;
margin-top:100px;
width:450px;
height:425px;

  }
  .instrucciones
  {
  margin-top:10px;
  margin-left:10px;
  }
  
  .imglinea
  {
  margin-top:100px;
  float:left;
  margin-left:35px;
  }
  #direccion
  {
  width:160px;
  float:right;
  margin-left:10px;
  }
  .direccion
  {
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:15px;
  color:#ffffff;
  float:right;
  text-align:left;  
  }
  .fotolydia
  {
  float:left;
  }
 .seccion
  {
  width:600px;
  margin-top:40px;

 }
  #seccionizquierda
  {
  
  width:280px;
  float:left;
  
  }
    #seccionderecha
  {
  margin-top:20px;
  float:left;
  width:530px;
  padding-left:30px;
  
  
  }
  #texto
  {
  font-size:11px;
  font-family:verdana;
  color:#666666;
 margin-right:20px;
 line-height:15px;
 margin-bottom:20px;
  
  }
  #textoservicios
  {
  margin-top:15px;
    font-size:11px;
  font-family:verdana;
  color:#666666;
 margin-right:20px;
 line-height:15px;
  
  
  
  }
   #textoservicios2
  {
  margin-top:25px;
    font-size:12px;
  font-family:verdana;
  color:#666666;
 margin-right:20px;
 line-height:18px;
 width:500px;
  
  
  
  }
  #imgelalbumdetuvida
  {
  margin-top:50px;
  margin-left:100px;
  margin-bottom:100px;
  }
  
 .masinfo:link
  {
  font-family:verdana;
  color:#333333;
  font-size:11px;
  text-decoration:none;
  }
    .masinfo:hover
	
  {
  font-family:verdana;
  color:#666666;
  font-size:11px;
   text-decoration:none;
  }
    .masinfo:active
  {
  font-family:verdana;
  color:#333333;
  font-size:11px;
   text-decoration:none;
  }
    .masinfo:visited
  {
  font-family:verdana;
  color:#333333;
  font-size:11px;
   text-decoration:none;
  }
 #newsticker
 {
 background-color:#fff;
width:100%;
padding-top:20px;
padding-bottom:5px;
}
.headline
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-variant:small-caps;
color:#7C7C7C;
font-size:11px;
padding-left:15px;
text-decoration:none;
font-variant:small-caps;
}
.headline:link
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-variant:small-caps;
color:#ffffff;
font-size:11px;
padding-left:15px;
text-decoration:underline;
font-variant:small-caps;
}
.headline:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-variant:small-caps;
color:#CCCCCC;
font-size:11px;
padding-left:15px;
text-decoration:underline;
font-variant:small-caps;
}
.headline:visited
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-variant:small-caps;
color:#ffffff;
font-size:12px;
padding-left:15px;
text-decoration:underline;
font-variant:small-caps;
}
.headline:active
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-variant:small-caps;
color:#ffffff;
font-size:12px;
padding-left:15px;
text-decoration:underline;
font-variant:small-caps;
}
#Layer1
{
padding-top:5px;
padding-left:20px;
float:left;
height:25px;
vertical-align:top;
padding-right:0px;
}
/*SeccionProductos*/
.productos
{
width:750px;
margin-bottom:20px;
margin-top:20px;
line-height:17px;

}

.textosuperior
{
padding-top:20px;
padding-left:100px;
padding-right:100px;

font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
text-align:justify;
}
.textosuperiorlink:link
{

font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
text-align:justify;
}
.textosuperiorlink:hover
{

font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
text-align:justify;
}
.textosuperiorlink:active
{

font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
text-align:justify;
}
.textosuperiorlink:visited
{

font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
text-align:justify;
}
 .textolink:link
  {
  font-size:11px;
  font-family:verdana;
  color:#666666;
text-align:justify;

 line-height:15px;
 
  }
      .textolink:hover
  {
  font-size:11px;
  font-family:verdana;
  color:#666666;
text-align:justify;

 line-height:15px;

  }
      .textolink:active
  {
  font-size:11px;
  font-family:verdana;
  color:#666666;
text-align:justify;

 line-height:15px;

  }
      .textolink:visited
  {
  font-size:11px;
  font-family:verdana;
  color:#666666;
text-align:justify;

 line-height:15px;

  }

.textotitular
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#333333;
font-variant:small-caps;
}

.seccionesalbum
{
width:520px;
float:right;
text-align:justify;
font-family:geneva;
font-size:13px;
color:#333333;
padding-top:10px;
padding-right:20px;
}
.seccionesalbum h2
{
	color:Red;
	margin:0px;
	padding:0px;
	text-align:center;
}
.descargas
{
width:520px;
border:0px;
text-align:justify;
font-family:geneva;
font-size:13px;
color:#333333;
float:right;
margin-bottom:10px;
margin-top:10px;
}
.imagenproducto
{
padding-top:20px;
padding-bottom:20px;
float:left;
width:210px;
}
/**/

#imgproductos
{padding-left:0px;
padding-top:20px;
padding-right:40px;
width:450px;

}
.producto:link
{

height:40px;
font:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
color:#666666;
list-style-type:none;
text-decoration:none;
font-variant:small-caps;
}
.producto:hover
{

height:40px;
font:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
color:#333333;
list-style-type:none;
text-decoration:none;
font-variant:small-caps;
}
.producto:active
{

height:40px;
font:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
color:#666666;
list-style-type:none;
text-decoration:none;
font-variant:small-caps;
}
.producto:visited
{

height:40px;
font:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
color:#666666;
list-style-type:none;
text-decoration:none;
font-variant:small-caps;
}
.noticias
{
width:750px;
float:right;
text-align:justify;
font-family:geneva;
font-size:13px;
color:#333333;
padding-top:10px;
padding-bottom:20px;
padding-left:20px;
padding-right:20px;
}
.noticias a:link
{


font-family:geneva;
font-size:13px;
color:#333333;
text-decoration:underline;

}
.noticias a:visited
{
color:#333333;
}
.noticias a:active
{
color:#333333;
}
.noticias a:hover
{
    font-weight:bold;
    color:#333333;
text-decoration:underline;
}


.capatextfieldmultiline
{
    margin-bottom:5px;
    color:#999999;
    font-size:10px;
    margin: 3px;
    height: 157px;
    border:  solid 0 #fff;
    padding: 3px 10px 5px;
    
    width: 179px;
    float:right;
    
}




 .anular
  {
      position:absolute;
      top:0px;
      left:0px;
      margin:0px;
      width:100%;
      height:100%;
      background-color:Gray;
      filter:alpha(opacity=50);
      opacity:50;
      
  }
  
   .login
  {
      position:absolute;
      top:200px;
     margin-left:50px;
    background-color:Black;
    border-style:solid;
    border-width:2px;
    width:325px;
    height:200px;
    padding: 25px 10px 10px 25px;
    
     
  }
  
    .login2
  {
      position:absolute;
    top: 100px;
    left:300px;
    margin-left:50px;
    border-style:solid;
    border-width:2px;
    width:480px;
    height:400px;
    padding: 25px 10px 10px 25px;
      background-color:Black;
  }
   .lineahorizontal
  {
      width:400px;
      height:1px;
      background-color:White;
      margin-top:10px;
      margin-left:75px;
  }
  
  .capacosabotones
{
    margin:10px 0px 0px 0px; 
    width:200px;
    float:left;
   
}

.login3
  {
      position:absolute;
    top:180px;
    left:320px;
    
    border-style:solid;
    border-width:2px;
    width:440px;
    height:200px;
    padding: 25px 10px 10px 25px;
    font-size:larger;
     background: url('./Imagenes/fondoarabe.gif');
  }
  
  .login2
  {
      position:absolute;
    top: 100px;
    left:300px;
    margin-left:50px;
    border-style:solid;
    border-width:2px;
    width:480px;
    height:400px;
    padding: 25px 10px 10px 25px;
      background-color:Black;
  }
  
   .textolink:link, textolink:hover, textolink:active, textolink:visited
  {
  font-size:11px;
  font-family:verdana;
  color:#666666;
text-align:justify;

 line-height:15px;
 
  }
  
  .textosuperiorlink:link, textosuperiorlink:hover,textosuperiorlink:active,textosuperiorlink:visited
{

font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
text-align:justify;
}
.logoProveedor
{
    float:left;
    margin:0px;
    padding:0px;
}

/*formulario de descarga*/

#fondodescarga
{
width:100%;
height:2000px;
position:absolute;
top:0px;
left:0px;
background:#333333;
opacity: .5;
filter: alpha(opacity=50);

}
#descarga
{
width:650px;
height:400px;

border:1px;
border-style:solid;
background:#FFFFFF;
border-color:#666666;
position:absolute;
top:150px;
left:400px;
}
.logotipodescarga
{
float:left;
margin-left:25px;
width:100px;


}
.cajatextolegal
{
border:1px;
border-color:#999999;
border-style:solid;
width:320px;
height:100px;
overflow:auto;
scrollbar-face-color: #F6F6F6; 
scrollbar-shadow-color: #8E8E8D; 
scrollbar-highlight-color: #F6F6F6; 
scrollbar-darkshadow-color: #F6F6F6; 
scrollbar-arrow-color: #F6F6F6;
background-color:#ffffff;
margin-top:50px;
margin-bottom:20px;
margin-left:25px;
margin-right:25px;
float:right;
}
.textolegal
{
font-family:verdana;
font-size:12px;
color:#333333;
}

#formulariodescarga
{
float:right;
width:350px;
text-align:center;

}
.cajatextoproveedor
{
width:250px;
float:left;
font-size:15px;

}
.textoproveedor
{
margin-top:20px;

font-family:verdana;
color:#333333;
font-size:11px;



}
.textoproveedor2
{
margin-top:20px;
margin-left:20px;
font-family:verdana;
color:#333333;
font-size:11px;
}
.claseformulario
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}
.imgcodigo
{
border:1px;
border-color:#993300;
border-style:solid;
margin-left:55px;
margin-top:10px;
width:150px;
height:50px;
}
.imgcodigo h2
{
text-align:center;
color:#990000;
}
#izq
{
width:200px;
float:left;

}
#der
{
width:400px;
float:right;

}
.fotoprograma
{
    width:500px;
    margin:auto;
 }
 .textorojo
 {
 color:#C10000;  
 }


 .noticiadospuntos
{
    float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-variant:small-caps;
color:#ffffff;
font-size:11px;
padding-left:22px;
font-variant:small-caps;
padding-top:5px;
}
 .noticiadospuntos:link
{
     float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-variant:small-caps;
color:#ffffff;
font-size:11px;
padding-left:22px;
font-variant:small-caps;
padding-top:5px;
}
 .noticiadospuntos:hover
{
     float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-variant:small-caps;
color:#ffffff;
font-size:11px;
padding-left:22px;
font-variant:small-caps;
padding-top:5px;
}
 .noticiadospuntos:visited
{
     float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-variant:small-caps;
color:#ffffff;
font-size:12px;
padding-left:22px;
font-variant:small-caps;
padding-top:5px;
}
.noticiadospuntos:active
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-variant:small-caps;
color:#ffffff;
font-size:12px;
padding-left:22px;
font-variant:small-caps;
padding-top:5px;
}
#descargaconinformacion
{
width:800px;
height:400px;
border:1px;
margin:auto;
margin-bottom:100px;
margin-top:100px;
}

a.enlace 
{
font-size:12px;
font-family:verdana;
color:#666666;
line-height:15px;
text-decoration:none;
	}
a.enlace:hover 
{
font-size:12px;
font-family:verdana;
color:#e51e25;
line-height:15px;
text-decoration:underline;
	}
a.enlaceblanco 
{
font-size:12px;
font-family:verdana;
color:#0f0f0f;
line-height:15px;
text-decoration:none;
	}
a.enlaceblanco:hover 
{
font-size:12px;
font-family:verdana;
color:#e51e25;
line-height:15px;
text-decoration:underline;
	}
	.puzzle 
	{
		display:block;
		margin-bottom:40px;
		margin-left:30px;
		height:100%;
		}
	#slogan 
	{
		height:100%;
		margin: 30px 20px 30px 20px;
		display:block;
		}	
	#slogan span
	{
		margin:0;
		padding:0;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:20px;
		color:#333333;
		font-variant:small-caps;
		font-weight:bold;
		}
	.arriba {
		float:right;
	}