.general{width:775px;height:600px} 
.logo_insti{width:150px;height:100px;background-image:url(images/Logo.png)}
.submenu{width:150px;height:400px}
.barra_superior{width:650px;height:100px;background-image:url(images/Logo4.jpg)}
.requerimentos{width:150px;height:100px;background-image:url(images/requeriments.png); text-align:center}
.centrado{text-align:center}
.logo_animado{margin-top:0px; margin-left:0px}
.pag_fotos{width:650px;height:500px;background-image:url(images/fotos2.jpg)}
.saludo{width:650px;height:500px;background-image:url(images/Saludo.jpg)}

#recursos{margin-top:5%; margin-left:5%;}


.body_Index
{
/*background-color:#3366FF;*/
background-image:url(images/bg_1018.png)
}
/*Fondo el menú del body para noticias, artículos y pasatiempos*/
.bodyN_A{
	background-color:#356AA0;
}
/*Fondo de los artículos*/
.bodyArticulos
{
	background-color:#F7B441;
	background-image:url(images/prueba4.jpg);
}
/*Fondo de los recursos*/
.divRecursos
{
	/*background-color:#F7B441;*/
	background-image:url(images/fotos2.jpg);
	font-size:12px;
	text-align: center;
	
	
}
.scrollrecursos
{
   width:90%; height:90%; 
   overflow:hidden; 
   border:0;
   position: absolute;
	margin-left: 0px;
	margin-top:  0%;
	text-align:justify;
}

.flecharecursos
{
   cursor:pointer;
   position: absolute;
   margin-left: 82%;
   margin-top: 0%; 
   width:20%;
   text-align:center;

}
/*Fondo de membres*/
.membres
{
	background-color:#F7B441;
	background-image:url(images/fotos2.jpg);
}
.fondoInsti{width:650px;height:500px;background-image:url(images/fondoinsti.jpg)}

/*Iframe Principal*/
#iframeM
{
width:650px;
height:500px;
margin-top:0%;
margin-left:0%;
margin-right:0%;
}

/*Iframe Izquierda*/
#iframeI
{
width:150px;
height:400px;
margin-top:0%;
margin-left:0%;
margin-right:0%;
}

/*LUPA*/
#lupa
{
	width:356px; 
	height:205px; 
	background:url(images/valencia/small.jpg) no-repeat; 
	border:1px solid gray; 
	margin-right: -40%; 
	margin-bottom: 0.25em;
	margin-left:40%;
	
}
.imagenLupa
{

	cursor:wait;
	width:356px;
	height:205px;
	border:0;
	
}

/*menu*/
body {
	font: 11px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	position: absolute;
  width: 100%;
	height: 100%;
}
img {
	border: none;
}

/* menu iconos de arriba */
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg2.gif);
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px;
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
	margin-top:-120%;
	color:#DAA217;
	
}

/*galería de fotos*/

a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#000;}

.photo {width:635px; text-align:left; position:relative; margin:0 auto;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:211px; height:31px; float:left;}                /*AQUI SE CAMBIA LA SEPARACION ENTRE TITULOS (max.211px, si pones mas se sale "institut")*/
.photo ul.topic li a.set {display:block; font-size:11px; width:150px; height:30px; text-align:center; line-height:30px; color:#005182; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#3CAAE3; font-family:verdana, arial, sans-serif;} /*AQUI EL LARGO DEL TITULO ¡¡NO CAMBIAR!! ; tambien el color de las letras*/

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{color:#000; background:#bbb;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#00CCFF; background:#005182;} /*COLOR= texto cuando pones raton encima ; BACK EL COLOR DE FONDO*/

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #0099FF; z-index:1;}/*color borde exterior cuando no tocas*/

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#3CAAE3; width:464px; padding:40px 60px; border:20px solid #005182; z-index:100;}/*color borde exterior cuando toques ; COLOR FONDO*/

.photo ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #005182; margin:15px;}/*color borde pekeño "gordo"*/

.photo ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #005182;}/*color borde pekeño*/

.photo ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #3CAAE3;}/*color borde super gordo*/

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:300px; height:250px; border-color:#005182;}/*AQUÍ SE CAMBIA EL TAMAÑO DE LA IMAGEN CUANDO PASAMOS EL RATÓN POR ENCIMA ; tambien elcolor del borde*/

		
/*Menú noticias*/
	
#menu9 {
	width: 200px;
	margin: 30px;
	margin-left:-40px;
	margin-top:0%;
	
	}
	
#menu9 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu9 li a:link, #menu9 li a:visited {
	color: #FFF;
	display: block;
	background:  url(images/menu9.gif);
	padding: 8px 0px 1px 35px;
	}
	
#menu9 li a:hover {
	color: #FFF;
	background:  url(images/menu9.gif) 0 -32px;
	padding: 8px 0 1px 35px;
	}
	
/*Menú ARTÍCULOS*/
#dlmenu {height:10em;}
#menu {list-style-type:none; margin: 0px 0 10px 0px; padding:0; position:absolute; width:150px; background:#fff; z-index:100;}
#menu li {display:block; padding:0; margin:0; position:relative; z-index:100;}
#menu li a, #menu li a:visited {display:block; text-decoration:none;}
#menu li dd {display:none;}
#menu li:hover, #menu li a:hover {border:0;}
#menu li:hover dt a , #menu li a:hover dt a {background:#27488D url(images/menu91.jpg) center center; color:#27488D; }/*COLORES MENUS PRINCIPAL:color:#27488D --> COLOR DE LA LETRA AL PASAR EL RATÓN*/
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {height:27.5em/*altura de la capa de los submenus*/; background:#6ab8ce url(sub_grad.gif);} /*COLORES MENUS SECUNDARIOS:background:#6ab8ce --> COLOR DEL FONDO */
#menu table {border-collapse:collapse; padding:0; margin:-4px; font-size:1em;}
#menu dl {width: 15em; margin: 0; background: #6f9c6f; cursor:pointer;}
#menu dt {margin:0; padding: 0; font-size: 1.1em; border-top:1px solid #cce;}
#menu dd {margin:0; padding:0; font-size: 1em; text-align:left; }
.gallery dt a, .gallery dt a:visited {display:block; color:#fff; padding:5px 5px 5px 10px; background:#27488D url(images/menu91.jpg) center center;}
.gallery dd a, .gallery dd a:visited {color:#fff; min-height:1em; text-decoration:none; display:block; padding:4px 5px 4px 20px; background:#6ab8ce url(sub_grad.gif);}
* html .gallery dd a, * html .gallery dd a:visited {height:1em;}
.gallery dd a:hover {background:#27488D; color:#F08B21;} /*COLORES MENUS SECUNDARIOS:background:#27488D --> COLOR AL PASAR EL RATÓN ; color:#fff: COLOR DE LETRA AL PASAR EL RATÓN*/
	
/*Menú NOTICIAS*/
#dlmenu2 {height:10em;}
#menu2 {list-style-type:none; margin: 0px 0 10px 0px; padding:0; position:absolute; width:150px; background:#fff; z-index:100;}
#menu2 li {display:block; padding:0; margin:0; position:relative; z-index:100;}
#menu2 li a, #menu li a:visited {display:block; text-decoration:none;}
#menu2 li dd {display:none;}
#menu2 li:hover, #menu li a:hover {border:0;}
#menu2 li:hover dt a , #menu li a:hover dt a {background:#27488D url(images/menu91.jpg) center center; color:#27488D; }/*COLORES MENUS PRINCIPAL:color:#27488D --> COLOR DE LA LETRA AL PASAR EL RATÓN*/
#menu2 li:hover dd, #menu li a:hover dd {display:block;}
#menu2 table {border-collapse:collapse; padding:0; margin:-4px; font-size:1em;}
#menu2 dl {width: 15em; margin: 0; background: #6f9c6f; cursor:pointer;}
#menu2 dt {margin:0; padding: 0; font-size: 1.1em; border-top:1px solid #cce;}
#menu2 dd {margin:0; padding:0; font-size: 1em; text-align:left; }
.gallery2 dt a, .gallery dt a:visited {display:block; color:#fff; padding:5px 5px 5px 10px; background:#27488D url(images/menu91.jpg) center center;}
* html .gallery dd a, * html .gallery dd a:visited {height:1em;}
	
	
	

/*logo izquierda*/	
#logo {
position: absolute;
	left: 0%;
	top:  0%;
}

/*Scroll saludo*/
.scroll
{
   width:460px; height:395px; 
   overflow:hidden; 
   border:0;
   position: absolute;
	margin-left: 38px;
	margin-top:  10%;
	 text-align:justify;
font-family: garamond;
	 font-weight: bold;
	 font-size: medium;
	 color:#0F4D91;
}
#Galery
{
   cursor:pointer;
   position: absolute;
   margin-left: 66%;
   margin-top:62%;
}
.flecha
{
   cursor:pointer;
   position: absolute;
   margin-left: 66%;
   margin-top:  -3%;
}
.icono
{
	width:95%;
}


/*formato noticias*/
.tabla1{
  height:220px;
	font-family: "Lucida Sans Unicode", sans-serif;
  font-size: 16px; color: #777;
  text-align:justify;
  
  
	}

.destacado {
         font-family: Georgia, "Times New Roman", Times, serif;
         float:right;
         color:#993300;
         width:200px;
         padding:6px;
         position:relative;
         font-size:18px;
         font-weight:normal;
         text-align:center;
         font-style: italic;
         border-top:4px solid #CCC;
         border-bottom:4px solid #CCC;
}

.destacado1 {
         font-family: Georgia, "Times New Roman", Times, serif;
         float:left;
         color:#993300;
         width:200px;
         padding:6px;
         position:relative;
         font-size:18px;
         font-weight:normal;
         text-align:center;
         font-style: italic;
         border-top:4px solid #CCC;
         border-bottom:4px solid #CCC;
}

.scrollnoticias
{
   width:90%; height:40%; 
   overflow:hidden; 
   border:0;
   position: absolute;
	margin-left: 0px;
	margin-top:  0%;
	text-align:justify;
	color: #075798;                                             
}
.flechanoticias
{
   cursor:pointer;
   position: absolute;
   margin-left: 87%;
   margin-top: -6%; 
   width:20%;
   text-align:center;

}
/*NOTICIAS QUICO*/

.titol{
			width:650px;
			height:25px; 
			background-image: none; 
			font-size:x-large; 
			font-family:  "Lucida Sans Unicode", sans-serif; 
			font-weight:bolder; 
			font-style:italic;
      text-decoration: underline;
	  	text-align:center;
	  	color: #075798;                                       
}
.subtitol{
			width:50%; 
			background-image: none>; 
			font-size:medium; 
			font-family: "Lucida Sans Unicode", sans-serif; 
			font-weight:600; 
			font-style:oblique;
			text-align:center}
.data{
			width:650px;
			height:25px; 
			background-image: none; 
			font-size:small; 
			font-family: "Lucida Sans Unicode", sans-serif; 
			font-weight:bold; 
			font-style:italic;
			text-align:right}
.noticia1{
			width:350px;
			height:225px; 
			background-image: none; 
			font-size:small; 
			font-family:Times, serif;
			}
.noticia2{
			width:300px;
			height:100px; 
			background-image: none; 
			font-size:small; 
			font-family: "Lucida Sans Unicode", sans-serif}
.foto{
			width:300px;
			height:125px}


.centrat{text-align:center}

/*ARTÍCULOS*/
.titolarticulo{
			width:70%;
			height:25px; 
			background-image: none; 
			font-size:x-large; 
			font-style:italic;
      		text-decoration: underline;
	  		text-align:center;
			font-family:  comic sans; 
			font-weight:bolder; 
			color: #075798;
			}
.scrollarticulos
{
   width:90%; height:70%; 
   overflow:hidden; 
   border:0;
   position: absolute;
	margin-left: 0px;
	margin-top:  0%;
	text-align:justify;
}

.tabla2{
  height:400px;
  font-size: 16px; color: #777;
  text-align:justify;
  font-weight: bold;
  font-style: oblique;
  font-family: georgia;
	}
.flecharticulos
{
   cursor:pointer;
   position: absolute;
   margin-left: 82%;
   margin-top: -6%; 
   width:20%;
   text-align:center;

}
.autor{
			width:650px;
			height:20px; 
			/*background-color:#00CCFF;*/
			background-image: none; 
			font-size:small; 
			font-family: comic sans; 
			font-weight:bold; 
			font-style:italic;
			text-decoration:underline;
			text-align:left;
			margin-top:0%;
			margin-left:0%;
			color: #075798;}
.datarticulo{
			width:30%;
			height:25px; 
			/*background-color:#00CCFF;*/
			background-image: none; 
			font-size:small; 
			font-family: comic sans;
			font-weight:bold; 
			font-style:italic;
			text-align:right;
			margin-top:-3%;
			margin-left:65%;
			color: #075798;
			}
			
/*MEMBRES Y COL·LABORADORS*/
.titolmembres{
			
			width:650px;
			/*background-color:#00CCFF;*/ 
			font-size:x-large; 
	  		text-align: center;
			font-family:  fantasy;
			margin-top:-3%;
			margin-left:45% 
			}


.membres2{
	
  width:650px;
  font-size: 15px; color: #171F62;
  text-align: center;
  font-weight: bold;
  font-family: sans-serif;
	}

.colaboradores{
	
  width:520px;
  font-size: 13px; color: #223092;
  text-align: center;
  font-weight: bold;
  font-family: sans-serif;
	}
			
/*MARQUESINA del video*/
.w3 {font-family: Arial; font-size: 14px;}

/*VIDEO*/
#video{
margin-top:2%;
margin-left:10%;
}
.objeto
{
width:500px;
 height:450px;
}
.endevinalles
{
text-align:justify;
margin-top:3%;
background-image:url(images/fotos2.jpg);

	font-family:"Courier New", Courier, monospace;
	/*background-image:url(images/25010.jpg);*/

}
.letraendevinalles{
font-size: 15px; text-align:justify;

}	
.letrasolucion{
font-size:14px;
}
/*RECURSOS*/
.titolrecursos{
			font-size:12px;
			width:650px;
			/*background-color:#00CCFF;*/  
	  		text-align: left;
			font-family:  Tahoma;
			margin-top:30%;
			margin-left:0% 
			
			}
.recursos2{
	font-size:12px;
  width:650px;
 color: #171F62;
  font-weight: bold;
  font-family: Tahoma;
	}
/*ENCUESTAS*/
.encuestas{
           text-align:center;
		   font-weight: bold;
           font-style: oblique;
           font-family: georgia;
		   background-image:url(images/fotos2.jpg);
		   
		 }
.tituloencuestas{
         color:#000066;
	     text-align:center;
		 font-family:comic sans;
		 font-size: 32px;
	  }

/*PASATIEMPOS*/
.pasatiempos
{
background-image:url(images/fotos2.jpg);
}