/*------------------------- GENERALES WEB --------------------------------*/

html {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  border: 0;
  font-family: Arial;
  font-size: 100%;
  color: #FFF;
  background: #3E4145 url("imgs/fnd_web.jpg") no-repeat center top;
}

img {
  border: 0;
}

a {
  text-decoration: none;
  color: #fff;
}

.oculto {
  display: none;
}
/* ------------------------Columnas -------------------------------------------- */
.col_izq {
  width:40.5em; /* 648px */
  position:relative;
  float:left;
  padding:0;
  margin:0;
  overflow:hidden;
  /*background-color:#FFF;*/
} 

.col_dch {
  width:19.375em; /* 310px */
  position:relative;
  float:right;
  padding:0;
  margin:0;
  overflow:hidden;
}  
/* --------------------- col_izq----------------------------------------------- */
.compartir {
  position:relative;
  float:left;
  width:100%;
  clear:both;
  
}
.iconos_compartir {
  clear:both;
  position:relative;
  float:left;
  padding:0  0 0 60px;
  margin:0;
  width:80%;
}
.iconos_compartir  .primero {
  padding:0;
  margin:0 20px 0 0;
}    


.galeria_imagenes {
  position:relative;
  float:left;
  padding:0;
  margin-top:-150px;
  z-index:0;
  width:100%;
}  
.contenedor_imagenes {
  position:relative;
  float:left;
  padding:0;
  margin:0px; 
  width:646px;
}

.contenedor_imagenes a {
  position:relative;
  float:left;
  padding:0;
  margin:0 0 0 12px;
  border:1px solid red;  
   
}
.contenedor_imagenes a.primero {
  position:relative;
  float:left;
  padding:0;
  margin:0px;  
   
}   

.contenedor_imagenes  span {
  position:absolute;
  left:0;
  top:0;
  margin:0;
  padding:0;
  width:150px;
  height:150px;
  
}

.contenedor_imagenes a:hover span {
  background-color:red; 
  filter:alpha(opacity=60);
  -moz-opacity:.60;
  opacity:.60;
}

/* --------------------- col_dch----------------------------------------------- */
/*---------------------------------------------------------------*/

#menu {
  position: relative;
  float: left;
  width: 90%;
  margin: 0;
  padding: 1.4em 1em 1em 1.3em;  
  font-size: 0.9375em;
  /*background: green;*/
  overflow: hidden;
}

#menu li {
  list-style-type: none;
  position: relative;
  float: left;
  width: 100%;
  margin: 19px 0 0 0;
  padding: 0 0 0 0;
  /*background: #FFF;
  color: #DA251D;*/
  font-weight:bold;
  
  
}

#menu li.primero {  
 
  margin:0;
}

#menu li a {
  display: block;
  position: relative;
  float: left;
  width: 98%;
  margin: 0;
  padding: 0.125em .1em .1em 1em;
  color:#FFF;
  background: #DA251D;
  
}

#menu li a:hover {
  color: ;
  background: #FFF;
  color: #DA251D;
}

#menu li a.activo {
  color: ;
  font-weight: bold;
}



.texto_dch {
  position: relative;
  float: left;
  font-size:13px;
  width: 90%;
  margin: 0;
  padding: 0 1em 0 1.55em; 
  text-align:justify;
  min-height:430px;
}  

.texto_dch .primero {
  padding-top:0;
  margin-top:0; 
} 

.texto_dch .ultimo {
  padding-bottom:0;
  margin-bottom:0; 
}  
#menu .ya_somos {
  padding:0;
  margin:0;
  text-transform:uppercase;
  text-align:center;
} 

/*------------------------- Fin Generales ----------------------------*/


/*------------------------- Centrado ---------------------------------*/

.centrado {
  clear: both;
  position: relative;
  width: 59.875em; /*958px*/
  margin: 0 auto;
  padding: 0; 
  overflow: hidden;
  z-index: 1;
}

/*------------------------- Fin Centrado -----------------------------*/
/*------------------------- cabecera superior----------------------------*/

#cabecera_sup {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;  
  background-color: ;
  color: ;
  
}

.cab_col_izq {
  position:relative;
  float:left;
  width:456px;
  
}  

.cab_col_dch {
  position:relative;
  float:left;
  width:192px;
}  




/* -------------------------------------------------------------------- */

#foot {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0em 0;
  /*background: ;  */
  font-size:12px;
}

#foot a:hover {
  text-decoration:underline;
}  

/* -------------------------------------------------------------------- */

#contenido {   
  position: relative;
  float: left;  
  width: 100%;
  overflow:hidden;
  margin: 0;
  padding:26px 0 150px 0;
  /*background: #FFF;*/
}

.contenidoampliado{
  width: 43.25em !important;
}

/*------------------------- FORMULARIO DE FIRMA --------------------------------*/

.form_firma {
  position:relative;
  float:left;
  clear:both;
  width:97%;   
  padding: 0 0 1.5em 5em;
  
}
.form_firma  input {
  padding:0;
  margin:3px 0;
}

a.acepto {
  padding:0 0 0 3px;
  color:#fff;
   
}
td.boton {
 text-align:center; 
}
.lbl_acepto {
  position:relative;
  float:left;
  width:100%;
  margin:15px 0 0 0;
  font-size:13px;
}


input.firmar {
  margin:10px 0 0 0;
  border:1px solid  red;
  background:#DA251D;
  color:#fff;
  text-align:center;
}

.firmar:hover {
  border:1px solid  #FFF;
  background:#FFF;
  color:#DA251D;
  text-align:center;
}

.pie_formulario {
  font-size:13px; 
  text-align:justify;
}
/*-------------------------  --------------------------------*/
p.btn_centrar {
  text-align:center; 
}
a.btn_aceptar {
  margin:10px 0 0 0;
  padding:0px 1px;
  border:1px solid  red;
  background:#DA251D;
  color:#fff;
  text-align:center; 
  font-size:14px;
}
a.btn_aceptar:hover {
  border:1px solid  #FFF;
  background:#FFF;
  color:#DA251D;
  text-align:center;
}

#foot span {
 float:left;
 position:relative; 
 width:100%;
}
.link_pie {
 float:left;
 position:relative; 
 padding:28px 0 0 0;
 margin:0; 
 font-size:16px;
}
