body {
	background-color: #fff;
	color: Black;
	font-family: Geneva, Arial, Helvetica, Verdana, sans-serif;
	font-size: 0.86em;
	text-align: center;
	
}

div#contenedor {
	height: 100%;
	max-width: 50em;
	position: relative;
	margin: 0 auto;
	width: 85%;
}

#cabecera {
	background-image: url(../image/cabecera.gif);
	background-position: 0% 100%;
	background-repeat: no-repeat;
	height: 7.825em;
	margin-top: 0;
	overflow: hidden;
}

.encabeza {
	margin-left: 5.512em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.3em;
	font-weight: bold;
	text-align: center;
	font-stretch: narrower;
	float: inherit;

}
.encabeza2 {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	text-align: center;
	font-stretch: narrower;
	float: inherit;
	font-style: oblique;
}

#lema {
	background-color: Black;
	color: White;
	line-height: 1.3em;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	font-style: italic;
	margin-top: -1em;

}

.separa{
	background-image: url(../image/top1.gif);
	background-position: 0% 100%;
	background-repeat: no-repeat;
	height: 100%;
	margin-top: -1.5em;
}

div.idiomas {
	width: 100%;
	font-size: 0.8em;
	margin-top: 0.8em;
}

ul#idiomas li
{
	display: inline;
	font-family: helvetica,arial,sans-serif;
	margin-left: 1em;
	display: block;
	float: right;
	position: relative;
	text-indent: 2em;
}

ul#idiomas li a.espa {
	background: url(../image/spain.gif);
	background-repeat: no-repeat;
	padding-left: 3em;
	border: none;
}
ul#idiomas li a.ingles {
	background: url(../image/uk.gif);
	background-repeat: no-repeat;
	padding-left: 3em;
	border: none;
}
ul#idiomas li a.franco {
	background: url(../image/france.gif);
	background-repeat: no-repeat;
	padding-left: 3em;
	border: none;
}

ul#idiomas li a.personal {
	background: url(../image/+-.gif);
	background-repeat: no-repeat;
	padding-left: 3em;
	border: none;
}

ul#idiomas li a.mapa {
	background: url(../image/mapaweb.gif);
	background-repeat: no-repeat;
	padding-left: 3em;
	border: none;
	z-index: 15;
}

a:link {
	color: #31525c;
	text-decoration: none;
	background-color: transparent;
}

a:visited {
	text-decoration: none;
	color: #2B5757;
	background: transparent;
}

a:hover {
	color: #0000ff;
	text-decoration: underline;
	background: transparent;
}

a.salta:link,  A.salta:visited {
	background: transparent;
	color: #fff;
	
}

a.salta:hover,  A.salta:active {
	color: #31525c;
	text-decoration: none;
	background: transparent;
	
}

a.nueva {
		padding-right: 		10px;
		background-image:	url(../image/external.gif); 
		background-position:	right !important;
		background-repeat: 	no-repeat;
		}		
a.externo {
		padding-right: 		10px;
		background: transparent url('/image/aoutside.gif') 100% 50% no-repeat;
		}		
a.email {
		padding-right: 		10px;
		background: transparent url('/image/aemail.gif') 100% 50% no-repeat;
		background-position:	right !important;
		}		
		
a img {
	border: none;
}  
div#contenedor a[href^="mailto:"] {
background: transparent url('/image/aemail.gif') 100% 50% no-repeat;
padding-right: 10px;
}
div#contenedor a[href^="http:"] {
background: transparent url('/image/aoutside.gif') 100% 50% no-repeat;
padding-right: 10px;
}
div#contenedor a[href^="http://fundacionlosalamos.net"],
div#contenedor a[href^="http://www.fundacionlosalamos.net"] {
background: inherit;
padding-right: 0px;
}

#menucont{
	width: 20%;
	height: 100%;
	text-align: left;
	left: 0;
	position: absolute;
}
#menucont h2 {			/* oculta el encabezado de menu */
    position: absolute;
    left: -999px;
    width: 990px;
	 }
	 
#actual{
	text-decoration: none;
	color: #303030;
	background: transparent;
}
#actual:hover{
	color: #0000ff;
	text-decoration: underline;
	background: transparent;
}
.rbroundbox {
	background: url(../image/backul.gif) repeat-y;
	margin-top: 3em !important;
}
.rbtop div  {
	background: url(../image/menuup.gif) no-repeat top left;
	margin-top: -0.5em;
	height: 28px !important;
	line-height: 1.5em;
	min-height: 28px;
}

.rbbot div  {
	background: url(../image/menudown.gif) no-repeat bottom left;
}


 /* detalles de altura y ancho */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 14px;
	font-size: 0.0626em;
}
.rbcontent  {
	margin: 0 14px;
}
.rbroundbox { width: 20em; margin: auto; }


ul.navlist li {
	list-style-image: url(../image/dot.gif);
	text-indent: 1em;
	margin-left: 1em;
}

.contenido {
	width: 65%;
	padding-right: 1em;
	text-align: left;
	margin-left: 245px;
	padding-top: 2.2em;
	font-size: 0.9em;
}

img.prev {
	border: none;
	max-width: 100%;
	min-width: 100px;
}



h1 {
	background-image: url(../image/longmenu.gif);
	background-repeat: no-repeat;
	font-size: 1.5em;
	line-height: 1.3em;
	padding-top: 0.4em;
}
h2 {
	background-image: url(../image/longmenu.gif);
	background-repeat: no-repeat;
	font-size: 1.2em;
	line-height: 1.3em;
	padding-top: 0.5em;
}

ul.list li {
	list-style-type: circle;
	margin: 0.3em;
}

ul.sinbolo li {
	list-style-type: none;
	margin: 0.3em;
}

dt.definido, dt.definido a, dt.definido:hover{
	margin: 1em 0 1em 12em;
	text-decoration: none;
	font-weight: bold;
	font-size: 1em;
}

dt.definido, dt.definido a{
	color: #16262A;
	background-color: transparent;
}

dt.definido a:hover {
	color: #484848;
	background-color: transparent;
}
dd.defini {
	margin: 1em 1em 1em;
	text-align: justify;
	
}
dd.defini img {
	vertical-align: middle;
	margin-right: 1em;
	float: left;
	margin-bottom: 1em;
	margin-top: -1.5em;
	line-height: 100%;
	width: 130px;
	padding-top: 1.5em;
}

dd.define{
	text-align: justify;
	width: 28.032em;
	margin: -4.5072em 0 1em 136px;
	padding: 0 0 0 0;
}

dd.imagen{
	margin: -13px 0 0 0;
	padding: 0 0 0 0;
}

dd.noindent {
	margin-left: 0px;
	text-indent: -2em;
}

fieldset {
	margin-top: 0.8em;
	margin-bottom: 0.5em;
	border: thin ridge #31525C;
	padding-bottom: 2em;
	width: 90%;
}
legend {
	font-weight: bold;
	background-color: transparent;
	color: #31525C;
}
label {
	margin-top: 0.3em;
	margin-bottom: 0.2em;
	padding-left: 1em;
	padding-right: 1em;
	line-height: 2.5em;
}
input {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	margin-left: 1em;
}
select {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	margin-left: 1em;
}

span.negrita {
	font-weight: bolder !important;
}

.firma {
	text-align: right;
	font-style: italic;
	font-family: "MS Serif", "New York", serif;
}
.izda {
	float: left;
	margin-right: 1em;
	margin-bottom: 0.3em;
}
.dcha {
	float: right;
	margin-left: 1em;
	margin-bottom: 0.3em;
}
 dl.galeria
{
	border: 1px solid #000;
	background-color: #ddd;
	width: 102px;
	text-align: center;
	padding: 10px;
	float: left;
	margin-right: 1em;
	margin: 1em 0.5em;
}

.galeria dt { font-weight: bold; }

.galeria dt img
{
border: 1px solid #000;
width: 100px;

}

.galeria dd
{
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}

.anchocien {
	min-width: 100%;
	float: none;
	clear: both;
}

.separa2 {
	background-image: url(../image/separa2.gif);
	background-position: 0% 0%;
	background-repeat: repeat-x;
	position: static;
	padding-top: 1em;
	padding-bottom: 1em;
	z-index: 10;
}

#pie {
	margin-top: 1em;
	font-size: 0.8em;
	padding-top: 1em;
	z-index: 11;
}
div#conformidad {
	text-align: center;
	font-size: 0.8em;
	margin-right: 33%;
}
ul#conform li
{
	display: inline;
	font-family: helvetica,arial,sans-serif;
	margin-left: 1em;
	display: block;
	position: relative;
	text-indent: 2em;
	float: right;
}
.azul {
	color: #000099;
	background-color: transparent;
}
ul#galeria {
  padding:0; 
  margin:0; 
  width:448px; 
  height:336px; 
  position:relative;
  list-style-type:none;
  background:#888;
  }
  /* reducir las imagenes a 64px x 48px */
#galeria a img {
  position:relative;
  width:62px; 
  height:46px; 
  border:1px solid #888; 
  z-index:100;
  }
  /* estilo basico para los li */
#galeria li {
  width:64px; 
  height:48px; 
  float:left; 
  z-index:100;
  }
  /* estilo para las que van a la izda. */
#galeria li.lft {
  float:left; 
  clear:left;
  }
  /* estilo para las que van a la dcha. */
#galeria li.rgt {
  float:right; 
  clear:right;
  }
  /* Fuerza a la de abajo a colocarse para IE  */
#galeria li.pad {
  height:0; 
  display:block; 
  margin-top:-2px; 
  width:448px; 
  font-size:0;
  }
  /* Getting rid of the image gaps */
#galeria a {
  position:relative; 
  width:64px; 
  height:48px; 
  display:block; 
  float:left; 
  z-index:100; 
  cursor:default;
  }
  /* modifica el tamagno con el link */
#galeria a:hover {
  width:160px; 
  height:120px; 
  padding:108px 144px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:20;
  }
  /* Resizing the thumbnail on hover */
#galeria a:hover img {
  background:#eee; 
  position:relative; 
  width:160px; 
  height:120px; 
  border:0; 
  z-index:20;
  }
  /* Resizing the link when 'clicked' */
#galeria a:active, #galeria a:focus {
  background:transparent; 
  width:320px; 
  height:240px; 
  padding:48px 64px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:10;
  }
  /* Resizing the image when 'clicked' */
#galeria a:active img, #galeria a:focus img {
  background:#eee; 
  position:relative; 
  width:320px; 
  height:240px; 
  border:0; 
  z-index:10;
  }
  /* The 'click' hack for Internet Explorer */
#galeria a:visited {
  color:#000;
  }
  /* Adding the background image */
ul#galeria {
	padding: 0;
	margin: 0;
	width: 448px;
	height: 336px;
	position: relative;
	background: #888 url(../socios/imagenes/fotos/base.jpg);
}
#contador {
	text-align: center;
	font-size: 0.8em;
}  
.destaca {
	background-color: transparent;
	color: #354770;
	font-size: 1.1em;
	font-weight: bolder;
}
/* Segunda galeria fotos */

/* needed for IE to make :active state work first time */
a, a:visited {color:#080;} 

/* Estilos para la galeria de la cruz en imagenes/index) */
a.gallery2, a.gallery2:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(http://www.fundacionlosalamos.net/socios/imagenes/fotos/cruz1mini.jpg)!important;}
a.slidea1 {background:url(http://www.fundacionlosalamos.net/socios/imagenes/fotos/cruz1amini.jpg)!important;}
a.slidea2 {background:url(http://www.fundacionlosalamos.net/socios/imagenes/fotos/cruz1bmini.jpg)!important;}
a.slideb {background:url(http://www.fundacionlosalamos.net/socios/imagenes/fotos/cruz2mini.jpg)!important;}
a.slidec {background:url(http://www.fundacionlosalamos.net/socios/imagenes/fotos/cruz3mini.jpg)!important;}
a.slided {background:url(http://www.fundacionlosalamos.net/socios/imagenes/fotos/cruz4mini.jpg)!important;}
a.slidee {background:url(http://www.fundacionlosalamos.net/socios/imagenes/fotos/cruz5mini.jpg)!important;}
a.slidef {background:url(http://www.fundacionlosalamos.net/socios/imagenes/fotos/cruz6mini.jpg)!important;}
a.slideg {background:url(http://www.fundacionlosalamos.net/socios/imagenes/fotos/cruz7mini.jpg)!important;}
a.slideh {background:url(http://www.fundacionlosalamos.net/socios/imagenes/fotos/cruz8mini.jpg)!important;}
a.slidei {background:url(http://www.fundacionlosalamos.net/socios/imagenes/fotos/cruz9mini.jpg)!important;}
a.slidej {background:url(http://www.fundacionlosalamos.net/socios/imagenes/fotos/cruz10mini.jpg)!important;}
a.slidek {background:url(http://www.fundacionlosalamos.net/socios/imagenes/fotos/cruz11mini.jpg)!important;}
a.slidel {background:url(http://www.fundacionlosalamos.net/socios/imagenes/fotos/cruz12mini.jpg)!important;}
a.slidem {background:url(http://www.fundacionlosalamos.net/socios/imagenes/fotos/cruz13mini.jpg)!important;}
a.sliden {background:url(http://www.fundacionlosalamos.net/socios/imagenes/fotos/cruz14mini.jpg)!important;}
a.slideo {background:url(http://www.fundacionlosalamos.net/socios/imagenes/fotos/cruz15mini.jpg)!important;}
a.slidep {background:url(http://www.fundacionlosalamos.net/socios/imagenes/fotos/cruz17mini.jpg)!important;}
a.slideq {background:url(http://www.fundacionlosalamos.net/socios/imagenes/fotos/cruz18mini.jpg)!important;}
a.slider {background:url(http://www.fundacionlosalamos.net/socios/imagenes/fotos/cruz19mini.jpg)!important;}
a.slides {background:url(http://www.fundacionlosalamos.net/socios/imagenes/fotos/cruz20mini.jpg)!important;}
a.slidet {background:url(http://www.fundacionlosalamos.net/socios/imagenes/fotos/cruz21mini.jpg)!important;}
a.slideu {background:url(http://www.fundacionlosalamos.net/socios/imagenes/fotos/cruz22mini.jpg)!important;}
a.slidev {background:url(http://www.fundacionlosalamos.net/socios/imagenes/fotos/cruz23mini.jpg)!important;}
a.slidew {background:url(http://www.fundacionlosalamos.net/socios/imagenes/fotos/cruz24mini.jpg)!important;}
a.gallery2 em, a.gallery2 span {display:none;}
a.gallery2:hover {border:1px solid #fff;}

#galleryj {
						padding: 0 !important;
						margin: 0 !important;
						list-style-type: none !important;
						overflow: hidden !important;
					}

					#galleryj li {

						float:left !important;

						line-height: 0em !important;

						padding-bottom: 0em !important;

						margin-left: 0em !important;

						list-style-position : inherit !important;

					}
					
					/* estilos para galeria en socios/cruz.php */
#container_top {position:relative; width:425px; height:425px; background:#d1c8c3; border:1px solid #a49188; margin:1em auto;}
#container_top img {border:0;}
#container_top #thumbs {position:absolute; left:0; top:0;}
#container_top a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:110px; left:5px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
#container_top a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000; line-height: 2.2em;}
#container_top a.gallery:active, #container_top a.gallery:focus {border:1px solid #000;}
#container_top a.gallery:active em, #container_top a.gallery:focus em {display:block; position:absolute; width:402px; height:250px; top:160px; left:5px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}
#container_top h2 {
	clear: both;
	margin: 0;
	padding-top: 200px;
	text-align: center;
	font-family: georgia, "times new roman", serif;
	font-size: 3em;
	font-weight: normal;
	color: #fff;
	background-image: none!important;
}
#container_top h2 em {font-size:0.6em; color:#000;}

/* Estilos para la segunda galeria en socios/imagenes */
#container_top2 {position:relative; width:425px; height:600px; background:#d1c8c3; border:1px solid #a49188; margin:1em auto;}
#container_top2 img {border:0;}
#container_top2 #thumbs2 {position:absolute; left:0; top:0;}
#container_top2 a.gallery2:hover span {display:block; position:absolute; width:402px; height:50px; top:280px; left:5px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
#container_top2 a.gallery2:hover span:first-line {
	font-style: normal;
	font-weight: bold;
	font-size: 1.1em;
	color: #000;
	line-height: 2.55em;
}
#container_top2 a.gallery2:active, #container_top2 a.gallery:focus {border:1px solid #000;}
#container_top2 a.gallery2:active em, #container_top2 a.gallery:focus em {display:block; position:absolute; width:402px; height:250px; top:325px; left:5px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}
#container_top2 h2 {
	clear: both;
	margin: 0;
	padding-top: 105px;
	text-align: center;
	font-family: georgia, "times new roman", serif;
	font-size: 3em;
	font-weight: normal;
	color: #fff;
	background-image: none!important;
}
#container_top2 h2 em {font-size:0.6em; color:#000;}

img.izda {
	float: left;
	margin-right: 1em;
}
.date {
	font-style: italic;
}