html {
	background-repeat: no-repeat;
	background-position: 45% top;
	background-attachment: fixed;
	background-color: #999999;  /*FONDO PAGE antes: DCDFD7  */
}
body {
	background-color: #999999;  /*FONDO PAGE antes: DCDFD7  */
	margin:0;
	padding:0px;
	border:0;
	height:100%;
	overflow-x:hidden; /* para ocultar scoll horizontal /**/    
	overflow-y:auto;
	/*font-family: "trebuchet ms", tahoma, verdana, arial, sans_serif;       */
	font-family: verdana, arial, tahoma, sans_serif;  
	font-size:12px;
	color: #485d39;
	line-height: 1.5em;

}

#fondo { /* fondo alternativo para IE */
	width:100%;
	height:100%;
	max-height:100%;
	margin-right:auto;
	margin-left:auto;
	top:-3px;
	position:fixed;
	z-index:-1;
}
* html #fondo { /* fondo alternativo para IE */
	/*background-image: url(../images/BG.jpg);
	background-repeat: no-repeat;
	background-position: 45% top;
	background-attachment: fixed;       */
	background-color: #999999;
	position:absolute;
	right:18px; /* para visualizar scroll en IE ************ SE VE CORTADO SCROLL EN LA PARTE SUPERIOR EN IE6 */
	clear:none; /* quita el hueco blanco ??? */
}

* html #bgCabeza {
	position:absolute;
	right:18px; /* para visualizar scroll en IE ********************************************* SE VE CORTADO SCROLL EN LA PARTE SUPERIOR EN IE6 */
	overflow:auto;
}


#menu {
	display:block;
	top:0px;
	left:0px;
	right:18px;
	width:97%;
	position:fixed;  /* ESTO HACE QUE NO SE MUEVE el swf de MENU */
	padding:0px;
	z-index: 10000;
}
* html #menu {
	position:absolute;
}

#menu div {
	display: table;
	width: 782px;
	margin-right:auto;
	margin-left:auto;
}

/*-------- EL CONTENIDO, lo que si hace SCROLL ================================= */
#contenido {
	display:block;
	top:0px;
	left:0px;
	right:18px;  /* para visualizar scroll en IE */
	width:97%; /* antes 97% */
	height: 100%;
	padding-top:161px;
/*	clear: none; --------?--------*/
}

/* ---- AREA DE CONTENIDO (Info que contiene submenu, caja texto y banner) */
#contenido #info {
	width: 782px;
	height: 100%;	
	margin-right:auto;
	margin-left:auto;
	clear: none;
	background-color: #cccc99;  /*antes era del colro del FOOTER #94B080  */
}

#subencabezado { /*  donde van los titulos de secciones*/
	float:right;
	width: 562px;
	height: 119px;
	/*	clear: none; --------?--------
/*	float: left;/* PRUEBA */
	background-color: #FFFFFF;
	background-image: url(../images/subcabezerabg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
#subencabezado p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-transform: uppercase;
	line-height: 14px;
	letter-spacing: 0px;
	padding-left: 50px;
	padding-top: 32px;
	font-weight: bold;
	max-width: 125px;
	width: 125px;
}

#contenido #info #cajaTexto {  /* donde va todo el texto del contenido */
	clear: none;
	float: left;
 	background-color: #cccc99; /*   */
	width: 532px; /* 782 = 220 + (562 - 20) del padding alados  */
	height: 100%;
	padding-left: 20px; /* espacio interno para que el texto no este hasta el limite del DIV  */
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}


#contenido p {
/*	clear: none; --------?--------*/
}

#contenido H1 {
	padding-top: 16px;
	font-size: 18px;
	color: #FFFFFF;
/*	clear: none; --------?--------*/
}
#contenido H2 {
	padding-top: 16px;
	font-size: 16px;
	color: #485D39;
/*	clear: none; --------?--------*/
}
#contenido H3 {
	padding-top: 16px;
	font-size: 14px;
	color: #6D5D52;
/*	clear: none; --------?--------*/
}
#contenido H4 {
	padding-top: 14px;
	font-size: 12px;
	color: #003300;
/*	clear: none; --------?--------*/
}
#contenido table {
	border-collapse: collapse; /* mantiene las celdas y bordes unidos /*	*/
/*	clear: none; --------?--------*/
}
#contenido table td {
		/*     width: 220px;
 	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;          */
	padding: 4px;
	vertical-align: top;
	color: #FFFFFF;
}

#contenido table th {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 4px;
	color: #593E24;
	vertical-align: bottom;
	text-align: left;
}



/* ----- Listas UL, LI, etc -------------------------------*/

#contenido ul {
	list-style-image: url(../images/bullet.gif);
	padding: 7px;
	/*	clear: none; --------?--------*/
}
#contenido li {
	margin-bottom: 7px;
}
/* ----- SUBMENU de la izquierda -------------------------------*/
#contenido #info #columna1 {
	float: left;
	padding-left: 0px;
	clear: none;
	padding-right: 0px;
	background-color: #d5dcc8;
	height: 100%;
}
#columna1 .submenu {
	color: #666666;
	font-size: 12px;
	margin: 0px;
	clear:both;
	padding: 0px;
	width: 220px;
	line-height: 18px;
	/*	   height: 150px; */  /*  la misma altura que el submenu */
}

#columna1 .submenu td{
	padding: 0px;
/*	width: 220px; 
  	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;        */
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}
#columna1 .submenu table {
	width: 220px; 
	padding: 0px;
}


#columna1 .submenu a {
	/*  width: 220px;        */
	margin: 0px;
	clear:both;
	display: block;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 15px;
}
#columna1 .submenu a:link {
	text-decoration: none;
	color: #666666;
}
#columna1 .submenu a:visited {
	text-decoration: none;
	color: #666666;
}
#columna1 .submenu a:hover {
	padding-left: 15px;
	background-color: #f3f6ee;
	text-decoration: none;
	color: #FF6600;
}
#columna1 .submenu a:active {
	text-decoration: none;
	color: #FF6600;
}
#columna1 #submenuInactivo {
	 /* width: 220px;        */
	background-color: #f3f6ee;
	text-decoration: none;
	color: #666666;
	margin: 0px;
	clear:both;
	display: block;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}
#columna1 #submenuInactivoLink {
	 /* width: 220px;        */
	background-color: #f3f6ee;
	text-decoration: none;
	color: #666666;
	margin: 0px;
	clear:both;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}

/*-- BANNER que va abajo del SUBMENU, va fotos , footerligas etc*/
#banner {
	width: 220px;
	height: 100%;
	float: left;
	top: 0px;
	bottom: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #D5DCC8;
	background-image: url(../images/bg_left_texture.gif);
	background-repeat: repeat-y;
}

#banner .bannercontenido {
	color: #666666;
	width: 220px;     
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	line-height: 1.2em;
}
#banner .fin {
	width: 100%;
	display: block;
	padding-bottom: 30px;
}
#banner p {
	color: #666666;
	font-size: 11px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin: 0px;
/*	width: 130px;*/
}
#banner object {
	margin-left: 10px;	/*width: 130px;*/
}
#banner H1 {
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	padding-top: 14px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	margin: 0px;
	/*width: 130px;*/
}
#banner img .minilink {
	float:none;     /* */
	width: 220px;
}
#banner a:link {
	text-decoration: underline ;
	color: #FF6600;
	font-weight: normal;
}
#banner a:visited {
	text-decoration: underline;
	color: #FF6600;
}
#banner a:hover {
	text-decoration: underline;
	color: #FF3300;
}
#banner a:active {
	text-decoration: none;
	color: #FF3300;
}
/*--------  FOOTER o pie de pagina --------*/
#foot {
	display:block;
	left:0px;
	bottom:0px;
	width:782px;
	height:95px;
	background-image: url(../images/footerbg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-right:auto;
	margin-left:auto;
	clear:both;
	font-size: 10px;
	line-height: 14px;
	text-align: center;
	padding-top:11px;
	color: #FFFFFF;

}
#foot .footerligas a {
	margin: 0px;
	clear:both;
}
#foot .footerligas a:link {
	text-decoration: none;
	color: #FFFFFF;
}
#foot .footerligas a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#foot .footerligas a:hover {
	text-decoration: underline ;
	color: #FFFFFF;
}
#foot .footerligas a:active {
	text-decoration: none;
	color: #FFCC00;
}

#showpic {
	display:block;
	left:0px;
	bottom:0px;
	margin-right:auto;
	margin-left:auto;
	clear:both;
	font-size: 10px;
	line-height: 14px;
	text-align: center;
	color: #999999;
	background-color: #FFFFFF;
}
/*-- Links   ---------------------------------*/

a:link {
	text-decoration: none;
	color: #339933;
}
a:hover, :visited:hover  {
	text-decoration: underline;
	color: #FFFFFF;
}
a:active {
	text-decoration: underline;
	color: #009933;
}
a:visited {
	text-decoration: none;
	color: #669933;
}



strong {
	color: #344329;
}


/*-- Links  SITE MAP ---------------------------------*/

#sitemap {
	color: #333333;
	font-size: 10px;
}

#sitemap  H5 {
	padding-top: 14px;
	font-size: 12px;
	color: #003300;
/*	clear: none; --------?--------*/
}

#sitemap ol {
	list-style-type: circle;	/*	clear: none; --------?--------*/
	color: #FF6600;
	margin-bottom: 0px;
}

#sitemap ul {
	list-style-type: disc;
	padding: 0px;
	margin-bottom: 0px;
}
#sitemap li {
	margin-bottom: 1px;
}



/*-- CSS Forma de Contacto ---------------------------------*/
/* ----- usadas en LAS FORMAS DE CONTACTO ---------------- */
 .FORMA_inputdata {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
.FORMA_titulos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #884315;
	font-weight: normal;
}
/* ----- ---------------------- ---------------- */



/* ----- Formateando IMAGENES para Caja de Texto  ---------------- */

/* ----- imagen izquierda ----- */
#cajaTexto #imgIzq{
	margin: 2px 15px 3px 2px;
	float: left;
}

#cajaTexto #imgIzqq{
	margin: 2px 15px 3px 2px;
	float: left;
}
#cajaTexto #imgIzq img{    /* ----- DIV q se usa para las imagenes----- */
	border: 1px solid #CCC;	
	background-color: #FFF;
	padding: 3px;
}
#cajaTexto #imgIzqq img {
	padding: 3px;
}
#cajaTexto #imgIzq p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #333;
}
/* ----- imagen derecha ----- */
#cajaTexto #imgDer{
	margin: 2px 2px 3px 15px;
	float: right;
}
#cajaTexto #imgDerr{
	margin: 2px 2px 3px 15px;
	float: right;
}
#cajaTexto #imgDer img{
	border: 1px solid #CCC;	
	background-color: #FFF;
	padding: 3px;
}
#cajaTexto #imgDerr img{
	padding: 3px;
}
#cajaTexto #imgDer p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #333;
}
/* ----- imagen centrada ----- */
#cajaTexto #imgCen{
	margin: 2px 2px 3px 15px;
	float: none;
}
#cajaTexto #imgCenn{
	margin: 2px 2px 3px 15px;
	float: none;
}
#cajaTexto #imgCen img{
	border: 1px solid #CCC;	
	background-color: #FFF;
	padding: 3px;
}
#cajaTexto #imgCenn img{
	padding: 3px;
}
#cajaTexto #imgCen p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #333;
}