html {
  font-family: verdana;
    -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
}

@media all and (min-width: 960px) {
    body{
        font-size: 13px;}
   
}
 
@media all and (max-width: 959px) and (min-width: 600px) {
    body{
        font-size: 14px;
    }

}
 
@media all and (max-width: 599px) and (min-width: 320px) {
    body{
        font-size: 16px;
    }
	
 
} 


body {
	background-image:url(../enlaces/imagenes/fondo_verde.gif);
	color: #000000;
	margin:0px;
	height:100%;
	width:100%;
	overflow:hidden;
					}
						
a {
	text-decoration: none;
	color: #6600CC;
}

a:hover {
    color: #000000;
	text-decoration: underline;
}

#pagina {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:10;
	background-color: #EEEEEE;
}

#contenido {
	position: absolute;
	top: 97px;
	right: 5px;
	bottom: 5px;
	left: 4px;
	z-index: 1;
	padding: 6px;
	background-color: #EEEEEE;
	border: ridge 2px #222;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	overflow: auto;
}

.img {
	border: ridge 2px #000;
	-webkit-border-radius:5px;
     -moz-border-radius:5px;
     border-radius:5px;
	 opacity:1;
	filter:alpha(opacity=100);
	}
.img:hover {
opacity:0.75;
filter:alpha(opacity=75);
	}

#contenido_c {
	position: absolute;
	top:67px;
	right: 5px;
	bottom: 5px;
	left: 5px;
	z-index: 1;
   padding:6px;
	background-color: #EEEEEE;
	border: ridge 2px #222;  
    border-radius: 6px;   
    -moz-border-radius: 6px;  
    -webkit-border-radius: 6px;	overflow: auto;
}
#contenido_d {
	position:absolute;
	top:57px;
	right:7px;
	bottom:9px;
	left:7px;
	z-index:1;
	overflow: auto;
}
#contenido_f {
	position:absolute;
	top:55px;
	right:5px;
	bottom:5px;
	left:5px;
	z-index:1;
	overflow: auto;
}
#pt1 {
	position: absolute;
	padding-left: 10px;
	padding-right: 10px;
	left: 8px;
	top: 6px;
	right: 5px;
	height: 62px;
	;
	z-index: 8;
	background-image: url(../enlaces/imagenes/fondo_verde.gif);
	overflow: auto;
}
.tabla-cultura {
background: -webkit-linear-gradient(#660000, #382819, #382819 );
	background: -moz-linear-gradient(#660000, #382819, #382819);
	background: -o-linear-gradient(#660000, #382819, #382819);
	color: #eee;
	font-size:0.9rem;
	border: ridge 2px #DDDDDD;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	
}

#pt2 {
	position: absolute;
	text-align: center;
	left: 5px;
	top: 69px;
	right: 5px;
	height: 25px;
	z-index: 1;
	background: -webkit-linear-gradient(#660000, #382819, #382819 );
	background: -moz-linear-gradient(#660000, #382819, #382819);
	background: -o-linear-gradient(#660000, #382819, #382819);
	color: #eee;
	font-size: 1.1rem;
	border: ridge 2px #DDDDDD;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
#ct2 {
	position:absolute;
	left:0px;
	top:50px;
	right:0px;
	width:100%;
	height:4px;
	z-index:1;
	background-image: url(../iconos/recuadro/libro2.gif);

}
#p1 {
	position:absolute;
	left:0px;
	top:50px;
	width:100px;
	height:25px;
	z-index:6;
	background-image: url(../iconos/recuadro/1m.gif);
}
#c1 {
	position:absolute;
	left:0px;
	top:50px;
	width:4px;
	height:4px;
	z-index:6;
	background-image: url(../iconos/recuadro/libro1m.gif);
}
#p6 {
	position:absolute;
	right:0px;
	top:50px;
	width:100px;
	height:25px;
	z-index:6;
	background-image: url(../iconos/recuadro/3b.gif);
}
#c6 {
	position:absolute;
	right:0px;
	top:50px;
	width:4px;
	height:4px;
	z-index:6;
	background-image: url(../iconos/recuadro/libro3b.gif);
}
#p7 {
	position:absolute;
	left:0px;
	top:75px;
	bottom:4px;
	width:4px;
	z-index:3;
	background-image: url(../iconos/recuadro/4m.gif);
}
#c7 {
	position:absolute;
	left:0px;
	top:54px;
	bottom:4px;
	width:4px;
	z-index:3;
	background-image: url(../iconos/recuadro/4m.gif);
}
#p8 {
	position:absolute;
	right:0px;
	top:75px;
	bottom:4px;
	width:4px;
	z-index:3;
	background-image: url(../iconos/recuadro/5m.gif);
}
#c8 {
	position:absolute;
	right:0px;
	top:54px;
	bottom:4px;
	width:4px;
	z-index:3;
	background-image: url(../iconos/recuadro/5m.gif);
}
#p9 {
	position:absolute;
	left:0px;
	bottom:0px;
	width:4px;
	height:4px;
	z-index:6;
	background-image: url(../iconos/recuadro/6m.gif);
}


#p10 {
	position:absolute;
	left:4px;
	bottom:0px;
	right:4px;
	height:4px;
	z-index:1;
	background-image: url(../iconos/recuadro/7m.gif);
}

#p11 {
	position:absolute;
	right:0px;
	bottom:0px;
	width:4px;
	height:4px;
	z-index:6;
	background-image: url(../iconos/recuadro/8m.gif);
}

#pc5 {
	position:absolute;
	right: 105px;
	top:0px;
	width:55px;
	height:17px;
	z-index:6;
	visibility: visible;
}

#cerrar_capa {
	position:absolute;
	right:3px;
	top:3px;
	width:16px;
	height:16px;
	
}


#cerrar_secc {
	position: inherit;
	right:35px;
	top:13px;
	width:20px;
	height:20px;
	
}

.celdaaqua7{
	border: solid 1px #000000;
	background-color: #EEEEEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.90em;
		color: #000000;
}

.cabeza
{
	border: ridge 1px #ccc;  
	background-color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #EEE;
}

.cabeza2
{
	border: ridge 1px #ffffff;  
    border-radius: 4px;   
    -moz-border-radius: 4px;  
    -webkit-border-radius: 4px;  
	background-color: #CCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1 em;
	color: #000;
}
.cabeza3
{
	border: ridge 1px #ffffff;  
    border-radius: 4px;   
    -moz-border-radius: 4px;  
    -webkit-border-radius: 4px;  
	background-color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1 em;
	color: #eee;
}

.sinborde{
	background-color: #EEEEEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7rem;
}

.celdaclara{
	border: solid 1px #000000;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color:#dddddd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	}
.celdaclara1{
	border: solid 1px #000000;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color:#dddddd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	}
	
.celdaclara-redo{
border: ridge 1px #000000;  
    border-radius: 4px;   
    -moz-border-radius: 4px;  
    -webkit-border-radius: 4px
	;
	background-color:#dddddd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	}
.tablaborder{
	border: solid 1px #000000;
	font-size: 0.9 em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.img_resize {
	border: solid 1px #000000;
   max-width:100% !important;
    max-height:100% !important;
    display:block;
}

.img_resize_sin {
   max-width:100% !important;
    max-height:100% !important;
    display:block;
}

.tablaem{
	border: solid 1px #000000;
	font-size:0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.borde{
	border: solid 1px #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tablablanca{
	border: solid 1px #FFFFFF;
	background-color: #CCCCCC;
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.blanca{
	border: solid 1px #FFFFFF;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:2px;
}
.celdaoscura{
	border: solid 1px #FFFFFF;
	background-color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #FFFFFF;
	}
	
.claracosmos{
	border: solid 1px #000000;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color:#dddddd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.80em;
	}

.celdacristal{
	border: solid 1px #000000;
	background-color: #E4E4E4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 0.9em;
}
	
.celdaborde{
	border: solid 1px #000000;
	font-size: 0.9em;
	background-color:#CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
.celdamedia{
	border: solid 1px #000000;
	background-color: #C1C1C1;
	margin-top: 0px;
	margin-bottom: 0px;
	}	
.celdatabla{
	border: solid 1px #000000;
	background-color: #F7F7F7;
	margin-top: 0px;
	margin-bottom: 0px;
	}
.celdatabla9{
	border: solid 1px #000000;
	background-color: #F7F7F7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 0.88em;
	}	
	
.oscuracosmos{
	border: ridge 2px #FFFFFF; 	
	background-color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:5px;
	margin-right:5px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.80em;
	color: #FFFFFF;
	}
	
.items_menu
{
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 8px;
	/*/*/}

.tract {
        font-family: "Verdana";
        font-size: 0.75 em;
        color: #000000;
        background-color: #C1C1C1;
}
.lista1 {
        background-color: #f7f7f7;
        font-family: "Verdana", Courier, mono;
        font-size: 0.75 em;
        color: #000000;
		
		}
.lista2 {
        background-color: #E4E4E4;
        font-family: "Verdana", Courier, mono;
        font-size: 0.75 em;
        color: #000000;	
	
}
.boton{
	background: -webkit-linear-gradient(#382819,#660000);
    background: -moz-linear-gradient(#382819,#660000);
    background: -o-linear-gradient(#382819,#660000);
    background: linear-gradient(#382819,#660000);	
	border: ridge 1px #DDDDDD;
    -webkit-border-radius:4px;
     -moz-border-radius:4px;
     border-radius:4px;
	
}


.titulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	color: #2F2F0D;
	margin-top:5px;
	margin-bottom:0px;
	margin-left:3px;
	}

#pt2g {
	position:absolute;
	left:10px;
	top:0px;
	width:259px;
	height:25px;
	z-index:6;
	background-image: url(../iconos/recuadro/2.gif);
	
}
#p3 {
	position:absolute;
	left:199px;
	top:0px;
	width:11px;
	height:25px;
	z-index:6;
	background-image: url(../iconos/recuadro/3m.gif);
}
#p3g {
	position:absolute;
	left:269px;
	top:0px;
	width:11px;
	height:25px;
	z-index:6;
	background-image: url(../iconos/recuadro/3m.gif);
}
#abrir_fichero {
	position:absolute;
	left:322px;
	top:2px;
	width:69px;
	height:17px;
	z-index:12;
	
}

#p4 {
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	width:100%;
	height:25px;
	z-index:1;
	background-image: url(../iconos/recuadro/2m.gif);
}


#contenido_menu {
	position:absolute;
	left:0px;
	top:0px;
	width:197px;
	height:100%;
	z-index:1;
	background-color: #DDDDDD;
}

#menu {
	position: absolute;
	left:4px;
	top:24px;
	width:184px;
	z-index:3;
	background-color: #DDDDDD;
	overflow: auto;
	bottom:6px;
}
#m1 {
	position:absolute;
	left:0px;
	top:0px;
	width:10px;
	height:25px;
	z-index:6;

}
#m2 {
	position:absolute;
	left:10px;
	top:0px;
	width:173px;
	height:25px;
	z-index:5;
	background-image: url(../iconos/recuadro/2.gif);
}

#m4 {
	position:absolute;
	left:0px;
	top:0px;
	bottom:0px;
	width:10px;
	z-index:2;
	background-image: url(../iconos/recuadro/4.gif);
}

#m5 {
	position:absolute;
	right:0px;
	top:0;
	width:11px;
	height:100%;
	z-index:2;
	background-image: url(../estilo/recuadro/5.gif);
}
#m6 {
	position:absolute;
	right:0px;
	top:0px;
	width:11px;
	height:25px;
	z-index:6;
	background-image: url(../iconos/recuadro/3.gif);
}
#m7 {
	position:absolute;
	left:0px;
	bottom:0px;
	right:0px;
	height:5px;
	z-index:2;
	background-image: url(../iconos/recuadro/7.gif);
}
	
#m9 {
	position:absolute;
	left:0px;
	bottom:0px;
	width:11px;
	height:14px;
	z-index:6;
  }	
#m11 {
	position:absolute;
	right:0px;
	bottom:0px;
	width:11px;
	height:5px;
	z-index:6;
	background-image: url(../iconos/recuadro/8.gif);
}
#fichero {
	position:absolute;
	left:5px;
	top:25px;
	width:250px;
	height:225px;
	z-index:14;
	float: left;
	padding:2px;
	visibility: hidden;
	background-color: #dddddd;
}

#vinculos {
	position: absolute;
	left:6px;
	top:22px;
	width:245px;
	height:207px;
	z-index:5;
	background-color: #DDDDDD;
	overflow: auto;
	bottom:10px;
}

#cerrar {
	position:absolute;
	right:1px;
	top:1px;
	width:16px;
	height:16px;
	z-index:1;
}

.titulos_menu
{
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 2px;
	font-weight: bold;
	/*/*/}

.tablabca{
	border: solid 1px #ffffff;
	color: #000000;
	font-size: 0.7rem;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#EEEEEE;
}
	
.formulario{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	background-color: #EEEEEE;
	font-style: normal;
}	
.formulario2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	background-color: #f7f7f7;
	font-style: normal;
}

.celdaaqua{
	border: solid 1px #000000;
	background-color: #EEEEEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 0.95em;
}

.fuente8{
	font-family: verdana;
	font-size: 0.9rem;
	color: #000000;
	font-style: normal;
}

.fuente{
	font-family: verdana;
	font-size: 0.8rem;
	color: #000000;
	font-style: normal;
}

.msg_list {
	margin: 0px;
	padding: 0px;
	width: 174px;
}

.msg_head {
	padding: 4px 4px;
	cursor: pointer;
	position: relative;
	background-color:#F7F7F7;
	border: solid 1px #000000;	
	margin:4px;
}
.msg_head:hover {
	background-color:#CCCCCC;	
}
.msg_head:active{
	background-color:#FFFFFF;	
}

.msg_body {
	padding: 4px 4px 4px;

}



 /* el formulario de búsqueda */
form.gsc-search-box { /* este es el rectángulo del formulario */
  font-size: 1em;
  padding-top: 3px;
  }
input.gsc-input { /* el cuadro donde se ingresan las palabras a buscar */ 
  text-align:left;
  color:#eee;
  text-indent:11px  !important;  
  background-image: url(imagenes/caja.gif)   !important;  
  height:18px; 
   } 
/* Selector for entire element. */
.cse .gsc-control-cse,
.gsc-control-cse {
  font-size: 1em;
  
   }
input.gsc-search-button { /* el botón de búsqueda */
  background: #666;
  color: #fff;
  font-size: 1em;
  padding: 3px 0px 1px 0px;
  border:#666 1px solid;
  border-radius: 4px;   
  -moz-border-radius: 4px;  
  -webkit-border-radius:4px;
  cursor:pointer;
 }
input.gsc-search-button:hover {
  background: #ccc;
  color: #000;
  font-size: 1em;
  padding: 3px 0px 1px 0px;
  border:#000 1px solid;
}