


/*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 
*/


/*               RESET       */
table {
border-collapse: collapse;
border-spacing: 0;
}

img, fieldset {
border: 0;
}

q:before, q:after {
content:'';
}



a {
	border:none;
	
	}
	
a:visited {
	border:none;
	
	}





html,body {
	font-family:   Verdana, Helvetica, Arial, sans-serif; /*Georgia;*/
	font-size:12px;
	line-height:175%;
	font-weight:bold;
	text-shadow:#eee -0.3px 0.3px 1.5px;
	
	vertical-align:bottom;  /*  pq no funciona ?? */
	background-color: white;/**/
	color:#595959; 

	padding-top:0px;



	margin:0;
	padding:0;
	height:100%;

}

#contenedor {                  /*           CONTIENE EL TOP, CONTENIDO Y PIE. */

	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */

/*		background: url("imagenes/hintergrund.png");
*/
}


#top {            			   
	background: url("imagenes/fondo_top.png");
	background-repeat:repeat-x;
	height:150px;    /*154 px - padding*/
	margin:0px;
}


#contenidotop {
		top:0px;
		margin:0px;
		padding:0px;
		width:970px;/**/
		padding-left:50px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:150px;
	}
	
#mapa {
	float:right;
	padding:0;
	padding-right:120px;
	
	}

#centro {
	background: url("imagenes/fondo_contenido.png");
	background-repeat:no-repeat;
	
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	
	
	position: relative;
	top:0px;
	width:970px;
	height:100%; 
	padding:0px;
	padding-bottom:150px;
	margin:0px auto; 
	margin-top:20px;
	
}


#pie {
	width: 100%;
	background: url("imagenes/fondo_pie.png");
	padding-top: 5px;
	
	
	position:absolute;
	bottom:0; /* stick to bottom */
	height:130px;
	color:#999;
	
}

#contenidopie{
			top:0px;
		margin:0px;
		padding:0px;
	padding-top:30px;
	margin-right: auto;
	margin-left: auto;
	width:670px;/**/
		padding-left:222px;
	
	
	}

#direccion {
	position:relative;
	vertical-align:bottom;
	line-height:150%;
	font-size:12px;
	color:#888; 
	text-align:left;
	font-weight:100;
	float:left;
	padding-right:30px;

	}



#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:15px;
	margin-top:0px;
	padding-bottom:150;
	
		height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
	
}



#columnaPrincipal {

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



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

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

	font-size:24px !important;
	font-weight:900;
	letter-spacing: -1.0px;
	
	line-height:120%;
	color:#a1cb3c;
		text-shadow:#ddd -0.5px 0.5px 1.5px;


} 


#portada {
	
	font-size:18px;
	
	}





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

}






#contenido {
	font-size:14px;
	text-align:justify;/**/
	float:none;
	position: relative;
	vertical-align:middle;
	top:0px;
	width:635px;  /**  500 -70padding **/
	margin:0px;
	padding-left: 0px;
	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;
	border: 1px solid #fff;
	-moz-box-shadow: 1px 2px 3px #aaa;
	-webkit-box-shadow: 1px 2px 3px #aaa;
	padding: 10px 10px 20px 10px;
	background: #fafafa;
	margin:5px;
	margin-left:20px;
	margin-right:0px;
	font-size:11px;
	font-weight:normal;
	
	
	
	
}

.foto_centrada {
	background-color:white;/**/
 	width:300px; 
	border:1px solid gray;
	padding:10px;
	
	border: 1px solid #fff;
	-moz-box-shadow: 1px 2px 3px #aaa;
	-webkit-box-shadow: 1px 2px 3px #aaa;
	padding: 10px 10px 20px 10px;
	background: #fafafa;

}


.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:#c3cab1;
	margin:0; /*le quito el margen al elemento de la lista*/ 
}


#menu li a:link, #menu a:visited {
	display:inline; 
	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;
}

#menu small{
	color:#759323;
	font-size:0.8em;
}




#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:un
	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  ***********/


/*#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;
	}
*/




h1, h2, h3, h4 {
	color:#a1cb3c;
	text-transform:none; /* */
	text-decoration:none;
	font-weight:bold;
	font-size:1em;
	text-shadow:#bbb -0.5px 0.5px 1.5px;
}

h1 {


		
	height:40px;
	padding-top:0px;
	padding-left:0px;
	margin-top:0px;
	color:#2e972e;
		line-height:120%;
		
	font-size:24px !important;
	font-weight:900;
	letter-spacing: -1.0px;
		
}

h2 {
	display:inline;/**/
	font-weight:bold;
	text-shadow:#ddd -0.5px 0.5px 0.5px;
}



h3 {
	text-transform:none;

}

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



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

strong {
	color:#333;
	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;
}




