


/*empezamos por esto, para evitar resultados extraños en distintos navegadores, y algo de estilo al texto*/
/*
verde oscuro rgb(0, 102, 0)
verde claro #99CC66
amarillo rgb(255, 255, 51)
amarillo claro 
*/



body {
	font-family:  "Helvetica Neue", Helvetica, Arial, sans-serif; /*Georgia;*/
	font-size:12px;
	line-height:175%;
	vertical-align:bottom;  /*  pq no funciona ?? */
	background-color: white;/**/
	color:#595959; 
	font-weight:bold;
	padding-top:0px;

}

#top {
	position: relative;
	height:0px;
	width:1000px;
	padding-top:0px;
	margin:0px auto; /* para centrar */
	margin-top:0px;
}

#fondo {
	position: relative;
	background: white url(imagenes/fondo.jpg) left top;/**/
	background-repeat:repeat;
	width:1000px;
	margin:0px auto;
	padding-top:0px;
	margin-top:0px;
}


#bottom {
	background: url(imagenes/fondo_top.jpg) left top;/**/
	background-repeat:no-repeat;
	position: relative;
	vertical-align:top;
	height:100%;
	width:1000px;
	margin:0px auto; /* para centrar */
	padding-top:0px;
	margin-top:0px;
}

#contenedor {
	position: relative;
	top:0px;
/*	left:0px; /* lo quiero centrado !! */
	width:970px;/**/
	height:100%;  /* 535 +15padding x 2 = 565 */
	padding:15px;/**/
	padding-top:0px;
	padding-bottom:0px;
	margin:0px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
	margin-top:0px;
}






#columnaMenu {
	color:#363733;
	position: relative;
	top:0px;  /* porque el contenedor ya tiene 15 de padding  */
	left:0px;
	float:left;/**/
	margin:0px;
	width:200px;
	height:100%;
	padding-top:0px;
	margin-top:0px;

}



#columnaPrincipal {

	float:left;/**/
	position: relative;
	text-align:left;
	margin-left:15px;
	padding-left:0px;
	top:0px;  
	padding-top:200px;
	padding-bottom:0px;
	left:20px;  /**  **/
	width:705px;
	height:100%;
	margin-bottom:0px;
	margin-top:0px;
}

#encabezado {
	vertical-align:bottom;
	position: relative;
	margin:0%; /**/ 
	padding-left:10px;
	padding-top:0px;
	margin-top:0px;

	height:160px; 
	text-align:left;
	overflow:hidden;
}

#menu {
	position: relative;
	top: 0px;
	text-align:left;

	margin:0%; /* 10px auto 0;*/
	padding-top:0px;
	padding-left:40px;
	margin-top:40px;
	margin-bottom:0px;
	text-align:left;

	font-family: Arial;/**/
	font-size:20px !important;
	font-weight:bold;
	font-stretch:ultra-condensed;
	line-height:120%;
	color:#a1cb3c;

} 

.submenu {
	padding-left:20px;
	color:#a1cb3c;

}




#herramientas {

	position:relative;
	vertical-align: bottom;/* funciona ??? */
 	top:1px; /**/
	margin:0px;
	padding-left:15px;
}




#titulo {
	
	font-weight:bold;
	font-stretch:ultra-condensed;
	line-height:120%;
	color:#2e972e;
	font-weight:bold;
	top: 0px;
	left:0px;

	font-size:20px;
	margin:0px;
	color:#2e972e;

	float:none;
	position:relative;
	width:650px;
	padding-top:0px;
	padding-left:40px;
	padding-right:0px;
	text-align:left;
	}

#contenido {
	font-size:14px;
	text-align:justify;/**/
	float:none;
	position: relative;
	vertical-align:middle;
	top:0px;
	width:635px;  /**  500 -70padding **/
	margin:0px;
	padding-left: 40px;
	padding-right:30px;
	padding-top: 0px; 
	padding-bottom: 0px; 
}


.bordes{
	background:none;
	margin:0px;
	padding:0px;
}










.foto {
	text-align:center;
	background-color:white;
	color:#595959; 

	vertical-align:top;
	float:right;
	clear:right;
	border:1px solid gray;
	padding:10px;
	margin:5px;
	margin-left:20px;
	margin-right:0px;
	font-size:11px;
	font-weight:normal;
}

.foto_centrada {
	background-color:white;/**/
 	width:300px; 
	border:thick solid white;
	border:1px solid gray;
	padding:10px;

}


.logo {
	background-color:none;
	vertical-align:top;
	float:left;
	border:none;
	margin:0px;
	margin-top:0px;
}



.cuadro {
	list-style-type:decimal;
	float:right;
	padding:15px;
	padding-top:0px;
	padding-bottom:0px;
	background-color:#fffea6;
	margin-bottom:20px;
	font-size:12px;
	font-weight:normal;
}

.cuadro ul {
	list-style-type:circle;
	color:#505050;
	font-weight:normal;
}

.cuadro strong {
	list-style-type:circle;
	color:#101010;
	font-weight:normal;
}
.cuadro em {
	list-style-type:circle;
	color:#50550;
	font-weight:normal;
}

.cuadro h2 {
	display:block;
	border-bottom:1px solid gray;
	text-align:center;
	width:100%;
	color:black;
	background-color:#fffea6;
}

/***********    LINKS MENUS    *************/

#menu ul {
	text-indent:0em;
	list-style-type:none; /*con esto quitamos las viñetas*/
	margin:0; /*le quitamos el margen a la lista*/ 
	padding:0; /*y el relleno*/
}
#menu li {
	color:#a1cb3c;
	margin:0; /*le quito el margen al elemento de la lista*/ 
}


#menu li a:link, #menu a:visited {
	display:block; 
	color:#a1cb3c;
	width:129px; /*defino el ancho del rectangulo del vinculo*/
	text-decoration:none;
	/*text-transform:uppercase; /*decorare los vinculos en mayusculas*/
}
#menu li a:hover {
	color:#2e972e;
	/*text-decoration:underline;/**/
	/*text-transform:uppercase; /*decorare los vinculos en mayusculas*/
/*	background-color:rgb(100, 100, 80); /*decoración para el evento hover (mouse encima)*/ 
}
#menu em {
	color:#2e972e;
	text-decoration:none;
	font-weight:bold;
	font-style:normal;
}






#ver {
	padding:10px;
	/*color:gray;/**/
	color:#C3CAB1;
	font-style:italic;
	font-size:12px;
}


#ver em {
	color:#C3CAB1;
	text-decoration:none;
	font-style:normal;
}
#ver strong {
	/*color:black;/**/
	text-decoration:none;
	font-weight:bold;
	font-style:normal;
}

#ver a:link {
	text-decoration:none;
	color:#97a578;
	text-align:center;
/*	font-weight:bold; /*decoración*/ 
	text-transform:none; /*decorare los vinculos en mayusculas*/
}

#ver a:visited {
	display:inline;
	text-decoration:none;
	color:#C3CAB1;/**/
	text-align:center;
	text-transform:none; /*decorare los vinculos en mayusculas*/
}

#ver a:hover {
	color:#9eb364;
	text-decoration:underline;
	text-transform:none; /*decorare los vinculos en mayusculas*/
/*	background-color:rgb(100, 100, 80); /*decoración para el evento hover (mouse encima)*/ 
}



/***************	FORMATOS	****************/

/*****************   LINKS   ****************/
a:link {
	text-decoration:none;
	color:#759323;
	text-transform:none;
	display:inline;
}

a:visited {
	text-decoration:none;
	color:#8fb22f;
	text-transform:none;
	display:inline;
}

a:hover {
	text-decoration:underline;
	color:#8fb22f;
	display:inline;
}

a:active {
	text-decoration:underline;
	color:gray;
	display:inline;

}
#contenido a:link {
	text-decoration:none;
	color:#759323;
	text-transform:none;
	display:inline;
}

#contenido a:visited {
	text-decoration:none;
	color:#8fb22f;
	text-transform:none;
	display:inline;
}

#contenido a:hover {
	text-decoration:underline;
	color:#8fb22f;
	display:inline;
}

#contenido a:active {
	text-decoration:underline;
	color:gray;
	display:inline;

}




#herramientas a:link{
	color:gray;
	text-decoration:none;
	display:inline;

}

#herramientas a:hover {
	text-decoration:underline;
	display:inline;
}





.fundido2 {
	color: #929E9A;		/*  verde oscuro fondo al 50%  */
}

.fundido1 {
	color: #465b53;		/*  verde oscuro fondo al 30%  */
}

/****************  titulos y parrafos  ***********/
h1, h2, h3, h4 {
	color:#a1cb3c;
	text-transform:none; /* */
	text-decoration:none;
	font-weight:bold;

	font-size:1em;
}

h1 {
	color:#2e972e;
	font-weight:bold;
}

h3 {
	text-transform:none;
}

h4 {
	display:inline;/**/
	font-weight:bold;
}

#contenido h3{
	text-decoration:none;
	color:black;
	font-size: 1em;	
/*	display:block;/**/
/*	background-color:#FFFF99;/**/
	/*text-transform:uppercase;/**/
}

em {
	color:#505050;
	font-weight:bold;
	/*text-transform:uppercase; /* */
}

strong {
	color:#303030;
	font-style:normal;
	font-weight:bold;

	/*text-transform:uppercase; /* */
}


p{
	text-indent:0px;
	/*text-align:justify;/**/
	
}

abbr{
	text-decoration:none;
	text-transform:none;  /* no funciona !!!, sí en firefox, no en quanta*/
}

table {
	font-size:11px;
	font-weight:normal;
	/*background-color:#fffecd;/**/
	border-collapse:collapse;
	text-align:left;
	/*border: 1px solid #333;/**/
}

caption{
	background-color:#a0c040;
	text-transform:uppercase;
	font-weight:bold;
	padding:2px;
}

th {
	text-align:left;
	border-bottom: 1px solid #000;
  }
td {
	border-bottom: 1px solid #666;
	vertical-align:top; /* aquí en las tablas sí que funciona*/
  }


ul {
	color:#595959;
	list-style-type:none; 
	text-indent:0em;
}


hd {
	text-transform:uppercase;
}

.tachado {
	display:inline;
	/*color:red;/**/
	text-decoration:line-through;
	}

.corregir {
	color:red;
}

#direccion {
	position:relative;
	vertical-align:bottom;
	line-height:100%;
	font-size:10px;
	color:#97a585; 
	text-align:center;
}

#pie {
	font-size:10px;
	position:relative;
	vertical-align:bottom;
	top:0px;
	/*color:#97A277;/**/
	color:#c3cab1;
	width:100%;
	clear:both;
	text-align:center;
	padding-bottom: 0px;
	margin-bottom: 0px;
	/*border:solid thin gray;/**/
	/*clear:both;*/
}

