body {
	color:#333;
	margin:0px;
	padding:0px;
	font:12px arial, verdana, helvetica, sans-serif;
background: #6F936D url(../css2/fondo.jpg) 50% 0 repeat-y;
	}

body{
text-align:center;
}

/* LAYOUT PRINCIPAL----------------------------------------------------- */

#globalcontainer{
position: relative;	margin: 0 auto;	text-align: left;
/* en ie6, tambin funciona position: relative;	margin: 0 auto; */
/* para centrar todo, hay dos mtodos,  
 1.-centrado gracias a la segunda tcnica de bluerobot.com 
position:absolute; left:50%; margin-left:-390px;
y 2 con relativo:
position: relative;	margin: 0 auto;	text-align: left;
y en body, text-align:center; 
El ltimo es mejor porque al volverse la ventana ms pequea no se pierde la vista por la derecha.
Aunque el ancho debe ser un pxel menos que el otro si tiene bordes.
Aqu no se utiliza simplemente porque una capa relativa con capas absolutas dentro no funciona bien con un fondo, ya que el fondo no extira.
Hay que intentarlo con todas relativas.
*/
overflow:visible;background: url(../css2/fondototal.jpg) 50% 0 no-repeat;
width:778px;
height:489px;
}

.content {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	margin:1px 134px 2px 132px;
   width:512px;height:250px;
   z-index:3; /* This allows the content to overlap the right menu in narrow   	windows in good browsers. */

	text-align:center;
	}

#navLeft{/*justo sera 72*/
	position:absolute;top:0px;left:0px;
	width:134px;height:100%
}

#navRight{
position:absolute;top:0px;left:666px; 
width:106px;height:100%;
}
html>body #navRight{
left:676px
}

#wrapperleft,#wrapperright{ /*lo utilizo para que haga el padding ya que con Ie <6 me causaba problemas colocarlo directamente en navLeft. Hay que sumarle 10px que van en .cajaizq h3*/
margin:0px;padding:0px;padding-top:123px;
}
#wrapperleft{
	padding:0px
}
/*FIN LAYOUT PRINCIPAL*/

/* PARTE IZQUIERDA--------------------------------------------------- */

/* si queremos que se aparte algo del borde: 	margin-left:4px;
pero tanto en h3 como en box.*/

.cajaizq h3{
text-align:center;
	margin:0px;margin-top:10px;
	color:white;
	font-weight: 600;
	background-image:url(../css2/cajas/boxtop.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	line-height:8px;
	padding: 8px 6px 0px 20px;
height:12px;line-height:11px;
	width:auto;
	text-transform: uppercase;
}

.cajaizq .box {
	background-image:url(../css2/cajas/boxbottom.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	overflow:hidden;/*esto hace que aparezca todo pero que no deforme la tabla*/
	padding-bottom: 8px;/*esto es lo que hace que nunca el texto toque abajo del todo*/
	margin-bottom:3px;
}

/*FIN PARTE IZQUIERDA*/
/* PARTE DERECHA --------------------------------------------------------- */

.cajadcha{
margin-top:10px;
position:relative;
width:3px;
}


.cajadcha .topright{
display:none
}

.cajadcha .centro1, .cajadcha .centro2,.cajadcha .centro3 {
border:4px solid #76A690;
height:auto;padding-left:7px;padding-right:7px;
padding-bottom:3px; padding-top:5px; overflow:visible;
}
.cajadcha .centro2{
background:#FFF6A2;
}
.cajadcha .centro1{
background:#FDF9ED;
}
.cajadcha .centro3{
background:#C5F7DF;
}

div>.cajadcha{
/* centramos la caja para opera y netscape y le damos un ancho grande ya que en NS7 y O7 no redimensiona*/
         left:50%;
margin-left:-73px;
width:102px;text-align:center;
            }

.cajagaleria{
	margin-top:10px;
}
/*FIN PARTE DERECHA*/
/* PR. PARTE CENTRAL------------------------------*/
#cabecera{
	background-repeat: no-repeat;
	height:116px;width:512px;margin:0px 134px 0px 132px;
	}
	#cabeceraimpresion{
	display:none;
	}
#banderas{
padding:0px;margin:0px 134px 0px 132px;height:17px;width:512px
}
.alineabandera{
	float:left;width:27px;height:17px;padding:0px 5px;
}
.cambiarestilo{
	float:right;padding-left:10px;width:40px;height:17px
}
	.centraltopizq{
		background-image: url(../css2/cajacentral/centraltopizq.gif);
		height:37px;width:35px;overflow:hidden;
		background-repeat: no-repeat;
		float:left;
	}
	.centraltopcenter{
		background-image: url(../css2/cajacentral/fondotop.gif);height:37px;
width: 477px;float:left;
		background-repeat: repeat-x;
	}
	.centralbordetop{
		background-image: url(../css2/cajacentral/centralbordetop.gif);
		background-repeat: no-repeat;
width:11px;height:37px;overflow:hidden;margin:0px;padding:0px;
float:right;
}
	.fondotitulodoc{
	background-image: url(../css2/cajacentral/fondotopbajo.gif);
	background-repeat: repeat-x;
	background-position:bottom left;
	height:37px;margin:0px;padding:0px;
	overflow:hidden;
	float:right;
	}
		.titulodocumento,.tituloseccion{
font: 13px tahoma, Arial,"trebuchet ms", sans-serif; color:#000000;font-weight:bold;border:none;padding: 4px 4px;
background-image: url(../css2/cajacentral/fondotitulo.gif);
background-position: top right;
background-repeat: no-repeat; width:auto;
	}
.tituloseccion{
	float:right;margin:0px;margin-right:10px;font-size:12px;line-height:13px; border:2px double white;background:#D3CA93;
}
.contenido{
position:relative;
background-image:	url(../css2/cajacentral/fondocentral.gif);
width:512px;height:247px;
		}
div>.contenido{/* esto se hace porque ni O7 ni NS7 permiten que una vez definido el alto de la capa relativa que contiene otra capa con el texto se redimensione as que le asigno auto.
El problema es que yo quera que siempre tuviera como mnimo 247. Prescindo de esto en ambos navegadores pero para IE lo dejo tal cual porque s estira.
 */
	height:auto;
}

/*PR. PARTE CENTRAL ABAJO*/
.centralbotizq{
background-image: url(../css2/cajacentral/fondobotizq.gif); width:42px;height:21px;
overflow: hidden;
float:left;
	}
.centralbotmid{
background-image: url(../css2/cajacentral/fondobotcentral.gif);
width: 470px;/* auto no me ha ido bien para opera el resto de ie ni netscape*/
height:21px;overflow: hidden;float:left;
	}
.centralbotdcha{
background-image: url(../css2/cajacentral/fondobotdcha.gif); width:42px;height:21px;
overflow: hidden;
float:right;
	}
/* FIN PARTE CENTRAL ABAJO */

/*PARTE CENTRAL EN SECCIONES*/
.cajaseccion1,.cajaseccion2{
float:left;margin-left:10px;margin-top:4px;
}
.cajasindoc{
margin-left:10px;margin-top:4px;
}

form>div.cajasindoc,html>body .cajasindoc{
	position:relative;margin-left:50%;left:-90px;margin-top:8px;
}
.cajaseccion1 h3,.cajaseccion2 h3,.cajasindoc h3{
background:  url(../css2/cajasecciones/top2.gif) no-repeat top left;
margin:0px; padding: 5px 17px 0px 23px;
overflow:hidden;
width:190px;height:13px;

font-weight:bold;
color:white;
text-align:center;
text-transform: uppercase;

}

.cajaseccion1 .box,.cajaseccion2 .box,.cajasindoc .box {
   background: url(../css2/cajasecciones/bottom2.gif) no-repeat bottom left;
	margin-bottom:3px; padding:0px 8px 17px 8px;
	overflow:hidden;/*esto hace que aparezca todo pero que no deforme la tabla*/
	/*esto es lo que hace que nunca el texto toque abajo del todo*/
width:214px;height:80px;

text-align:left;

}

.cajaseccion2 h3{
	background:  url(../css2/cajasecciones/top1.gif) no-repeat top left;
}
.cajaseccion2 .box{
	background: url(../css2/cajasecciones/bottom1.gif) no-repeat bottom left;
}


/*HERRAMIENTAS*/
#herramientas{
	float:right;}
div>#herramientas{
	float:right;width:145px;
}
#herramientas a {
		width: 21px;
	height: 20px;
	display: block;
	overflow: hidden; /* For nested divs in Safari */
	}

#herramientas #aumentarT a{
	background:url(../im/herramientas/h_r1_c1.gif) no-repeat left top;}
#herramientas #normalT a{
width: 16px;
	background:url(../im/herramientas/h_r1_c2.gif) no-repeat left top;}
#herramientas #reducirT a{
width: 19px;
	background:url(../im/herramientas/h_r1_c3.gif) no-repeat left top;}
#herramientas #recomienda a{
	background:url(../im/herramientas/h_r1_c4.gif) no-repeat left top;}
#herramientas #impresora a{
width: 24px;
	background:url(../im/herramientas/h_r1_c5.gif) no-repeat left top;}	

#herramientas #aumentarT a:hover,#herramientas #normalT a:hover,#herramientas #reducirT a:hover,#herramientas #recomienda a:hover,#herramientas #impresora a:hover {
	background-position: 0px -20px;
}	
#herramientas ul {
  margin:0;
  list-style:none;
  }
#herramientas li {
  float:left;
  margin:0;
  padding:0 0 0 0px;
  }

  #irarriba {
position:relative;text-align:right;
}
#irarriba a{
		background:url(../im/imgtop.gif) no-repeat left top;
		width:30px;height:17px;display: block;line-height:17px;
}
#irarriba a:hover{
		background-position: 0px -17px;
}

/*FIN DE HERRAMIENTAS*/

/*FIN DE PARTE CENTRAL--------------------------------*/

/* FOOTER--------------------------------------------- */	

	#footer {
	clear: both;
	margin: 4px 0px 1px 5px;
	width:485px;height:25px;
	background: #EA9E23 url(../im/pie.gif) no-repeat top left;
	}

/*FIN FOOTER*/


/*4.-TEXTOS -------------------------------------------- */
/*4.0 TEXTOS GENERAL*/
.normal,.nohaydoc,.seres,a.seres{	color:white;font: bold 12px tahoma, Arial,"trebuchet ms", sans-serif;text-decoration:none}

#navLeft,#navRight, h3 {font: 13px tahoma, Arial,"trebuchet ms", sans-serif; color:#FFCC00}

.separaciongrande{
	margin-top:5px;margin-bottom:5px
}

#botonimpresion{
display:none;	
}
#botonvistanormal{
display:none;	
}
/*FIN 4.0 TEXTOS GENERAL*/

/*4.1.- TEXTOS CENTRAL*/
.textoscentral{
padding:8px;color: #FFCC00;font-size:12px;font-family: Arial, Helvetica, sans-serif;height:auto;	overflow:hidden;text-align:left}

/*4.1.1-INDEX*/
.resumenindex{
	font-family: Verdana, Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: normal;
}
.separadorencuesta{
	background-image: url(../im/separadorindex.gif);
	background-position: center;
	background-repeat: no-repeat;
	width:100%;
	height:31px
}
/* DESTACADOS*/
.dest_letreroleft{
	float:left;
	height:16px;	width:6px;
	background: url(../im/dest_cartel_r1_c1.gif) no-repeat top left;
}
.dest_letrerocentral{
background:  url(../im/dest_cartel_r1_c2.gif) repeat-x top left;
float:left;
height:16px;
line-height:16px;
padding:0px 5px 0px 5px;
color:red; 
font-weight:bold;
text-align:center;
}
html>body .dest_letrerocentral{
width:150px;
}
.dest_letreroright{
	float:left;
	height:16px;width:7px;
	background:  url(../im/dest_cartel_r1_c4.gif) no-repeat top right;
}
.desticono{
float:left;	height:16px;width:10px;line-height:16px;margin:0px;padding:0px;display:inline;
	background:  url(../im/destacadoicon.gif) no-repeat top right;	
}
a.destacado{
background-image:url(../im/destresumenicon.gif);
background-repeat: no-repeat;
padding-left:18px;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	text-transform: capitalize;
	height:20px;width:200px;
}

a.destacado:hover{
background-image:url(../im/destresumenicon.gif);
background-repeat: no-repeat;
padding-left:18px;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
	height:20px;width:auto;
}
.resumendest{
	font-family: Arial, Helvetica, Sans-serif;
font-size:11px;color:#FFCC00;padding-bottom:4px;
}

/*FIN DESTACADOS*/
/* ENCUESTAS */
.encpreg{
color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	text-align: center;
}

.encuestamostrar{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.encuestapreg,.titRecomienda,.titRecomienda2{
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	text-align: center;
	margin-top: 15px;
	text-transform: capitalize;

}
.titRecomienda2{
	color:red;	height:25px;line-height:25px;padding:3px;
		background:white;
	}
.encuestaresp{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 8pt;
	color:white;
	font-weight:bold;

}

.encuestaresult{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 8pt;
	text-decoration: underline;
	color:white;
}

.encuestatitulo{
	background-image: url(../im/lomas.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	height: 20px;
	padding-left: 43px;
	width: 200px;
}
.botonvotar{
	color: #000000;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 8pt;
	margin-top: 10px;
}
.cajavotacion{
	background: #8CA688;
	border: 3px double #BBBBBB;border-top:none;
	padding: 5px 5px 5px 5px;
	text-align: left;
	width: 160px;
}
.cajavotaciontop{
	BORDER-RIGHT:#FFCC00 3px double; BORDER-TOP:#FFCC00 3px double; BACKGROUND:#FFCC00; BORDER-LEFT:#FFCC00 3px double; WIDTH:170px; BORDER-BOTTOM:#FFCC00 1px solid; TEXT-ALIGN:center;
color:black;font-weight:bold;font-size:15px
}

.capavotacion{
	padding-left: 30px;
}
/* FIN ENCUESTAS */
/* COMIENZO GALERIA */
.imggaleria{
	border:1px solid white
}
.flechasgaleria{
	font-family : Verdana,Tahoma, Arial, Helvetica, Sans-serif; font-size : 8pt;color:black
}
a.flechasgaleria{
	font-family : Verdana,Tahoma, Arial, Helvetica, Sans-serif; font-size : 8pt;
font-weight:normal;text-transform: none;color:black;
	text-decoration: none;
}
a.flechasgaleria:link{
	font-family : Verdana,Tahoma, Arial, Helvetica, Sans-serif; font-size : 8pt;
font-weight:normal;text-transform: none;color:black;
	text-decoration: none;
}
a.flechasgaleria:hover{
	font-family : Verdana,Tahoma, Arial, Helvetica, Sans-serif; font-size : 8pt;
font-weight:normal;text-transform:none;COLOR: #FF9900;
	text-decoration: none;
}
.fondoNgaleria{
background:#70936D;height:20px
}
.piegaleria{
background:#70936D;	margin-top:5px;border:1px solid gray;width:200px;vertical-align:middle;line-height:20px
}
.fondoNumgaleria{
background:#B0D4AC;height:20px
}
.textoGal { font-family : Verdana,Tahoma, Arial, Helvetica, Sans-serif; font-size : 8pt; font-weight:bold}
/* FIN GALERIA */
/*FIN 4.1.1 INDEX*/

/* 4.1.2 TEXTOS DOCUMENTOS Y SECCIONES */
.autordoc,a.autordoc,a.autordoc{
		color:white;text-decoration:none
	}
.nohaydoc,.gracias{
margin:0px;padding:0px;
text-align:center;padding-top:10%;
}
.gracias{
	text-align:left;font-weight:bold;color:white;padding-top:20px
}

.seres,a.seres{
	color:#FFCC00;text-decoration:none;text-align:left;font-weight:normal;
}

.cajafotoseccion{
width:71px;height:40px;padding:5px 5px 5px 5px;margin-top:10px;margin-left:3px;vertical-align: top;float:left;text-align:center;
}
.imgseccion{
border:1px solid #9CAABC;
}
.botonvermas{
	margin-top:10px;
	text-align:center
}

/*FIN 4.1.2 TEXTOS DOCUMENTOS Y SECCIONES*/
/*FIN 4.1. TEXTOS CENTRAL*/

/*4.2 TEXTOS LEFT*/
.menulat1bloque{position:static;
	background-image:url(../css2/cajas/detallemenu.gif);	background-repeat:no-repeat;width:109px;
margin-left:10px;padding-left:13px;padding-top:0px;
}
/*he puesto los enlaces de seccin en un div, porque en ie4 no entenda bien que un href pudiera ser display:block*/
a.menulat1{font: 12px tahoma, Arial,"trebuchet ms", sans-serif; color:#FFCC00;text-decoration:none;font-weight:bold;color:black}

a.menulat1:hover{
	color:white;
}
/*FIN 4.2 TEXTOS LEFT*/

/*4.3 TEXTOS RIGHT*/

a.anuncio1, .anuncio1, a.anuncio1:hover{
	background:#FFDE58;border:2px solid white;font-size:10px;font-family:arial,tahoma, sans-serif;;color:black;position:relative;top:-7px;left:-10px;padding:1px;text-decoration:none;display:block;text-align:center}

a.anuncio1:hover{
	color:#4D7B67;
}

div>a.anuncio1,div>a.anuncio1:hover{
/*al tener un ancho diferente las imgenes por problemas anteriores, lo tengo que colocar de otra manera*/
	left:-2px
}

.cajadcha .img{
	border:1px solid #76A690;
}

.cajadcha .imgover{
	border:1px solid white;
}
/*FIN 4.3 TEXTOS RIGHT*/
/**4.4 COMIENZO RECOMIENDA*/
.normalRecomienda{
	font-size:12px;
}
.recomiendanolink,a.recomiendalink{
	color:#DFE9F3;text-decoration:underline;font-weight:normal;
}
.recomiendanolink{
text-decoration: none;
}
a.recomiendalink:hover{
	color:white;text-decoration:underline;font-weight:normal;
}
.cajaform1{
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
	 padding-left: 4px;
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;    
    color: #000000;
 
	}
	
.cajaform2{
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
	 padding-left: 4px;
   background-color:#ffffff;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;    
    color: #000000;
		 overflow:hidden;
width:215px;
	}
/*FIN 4.4 RECOMIENDA*/
/*FIN 4 TEXTOS*/