/* Css de Base3 */

/*AQUÍ VAMOS A DEFINIR LAS PROPIEDADES DE LA PÁGINA EN GENERAL, MÁS ADELANTE DEFINIREMOS LAS DE LAS CAJAS PRINCIPALES*/
/*formatos de párrafo, linea de separacion, encabezados 1 al 6, tablas, vínculos (en sus 4 estados) y body respectivamente*/
	SPAN.sombra {
	text-shadow: #003300 2px 2px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 5px;
	text-transform: uppercase;
}
	SPAN.sombra1 {
	text-shadow: #003300 2px 2px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 5px;
	text-transform: capitalize;
	line-height: normal;
}
.fecha {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	padding: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}
	p  {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	}
	a	{
	font-size:12px;
	color:#663300;
	}
	a:link {
	text-decoration: none;
	color: #660000;		
	}
	a:visited {
	text-decoration: none;
	color:#669966;
	}
	a:hover {
	text-decoration: none;
	color:#006600;		
	}
	a:active {
	text-decoration: none;
	color:#FFFFFF;		
	}
	BODY  {
		background-color:#FFF;
		text-align : justify;
		line-height: 10px; 
	}
	/*AHORA VAMOS A PASAR A DEFINIR LOS VALORES
	PARA ORDENAR LAS CAJAS QUE HEMOS CREADO EN XHTML,
	 RECORDAD QUE SI NO ESTÁN BIEN ESTRUCTURADAS DENTRO
	 DEL DOCUMENTO TENDRÉIS COMPLICACIONES AL QUERER SITUARLAS EN CSS*/
	 
	 /*PRIMERO HACEMOS UN CONTENEDOR PARA QUE ALBERGUE A 
	 LOS DEMÁS ELEMENTOS, ADEMÁS QUEREMOS QUE QUEDE CENTRADO,
	  POR LO QUE PONDREMOS ATENCIÓN A LOS VALORES DE MARGIN*/
	#CONTAINER	{
	background-color:#DDE6AC;
	border-style:solid;
	border-color:#000000; /*con este valor quedará centrado,
						 no hace falta repetir otra vez 0 
						 auto porque ahora mismo el 0 se refire
						 a arriba y abajo, y el auto a los lados*/
	width:730px;
	height:auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
	/*en header le damos el mismo ancho que el contenedor
	(si queremos podemos darle menos),
	 la altura que queramos, colores etc...
	 Lo que más nos interesa es que debe estar centrado con 
	 el contenedor, por eso mirad las propiedades de margin,
	 tiene cero arriba, a la derecha también, abajo tiene 10 px,
	 y a la izquierda de nuevo cero píxeles, por el mismo orden 
	 que los he mencionado.
	 Sólo he definido el borde de abajo porque los demás tocan a
	 los del contenedor y resulta feo.*/
	.header{
	width:735px;
	height:80px;
	margin:5px;
	background-image: url(../imagenes/css/fondo_tabla_g.jpg);
	border: thin solid #669966;
	}
	.header1{
	width:735px;
	height:125px;
	background-image: url(../imagenes/css/fondo_tabla_g.jpg);
	border: thin solid #669966;
	margin-right: 5px;
	margin-left: 5px;
	}
	/*En la div "izquierda" vamos a ajustar los valores para
	que tenga una anchura de 100píxeles, una altura que 
	dependa del contenido que tenga dentro, y le vamos a dar 
	un margen de 5px a la izquierda, además de hacer que se sitúe a la izquierda
	mediante "float"*/
	.izquierda{
	width:175px;
	height:auto;
	background-color:#EFEFEF;
	border-style:solid;
	border-width:1px;
	border-color:#669966;
	float:left;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	}
	.izquierda ul	{
		font:bold 11px Verdana, Arial, Helvetica, sans-serif;
		color:#586885;
		line-height: 140%;
		text-transform:capitalize;
	}
	.izquierda1{
	width:175px;
	height:auto;
	background-color:#EFEFEF;
	border-style:solid;
	border-width:1px;
	border-color:#669966;
	padding:5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	background-image: url(../imagenes/css/fondo_tabla_g.jpg);
	}
	.izquierda1 ul	{
	line-height: normal;
	text-transform:capitalize;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	}
	/*El la div "derecha" vamos a ajustar los valores para
	que tenga una anchura de 150píxeles, una altura que también
	dependa del contenido que tenga dentro, y le vamos a dar 
	un margen de 5px, además de hacer que se sitúe a la derecha*/
	.derecha{
		width:150px;
		height:auto;
		background-color:#FFFFDD;
		border-style:solid;
		border-width:1px;
		border-color:#000000;
		margin:0 5px 0 0;
		float:right;
		padding:5px;
	}
	/*Ahora le toca a la caja que contendrá la información 
	principal de nuestra página (la div "principal")
	en este caso queremos que se ajuste al espacio
	que sobra a lo ancho del contenedor, por que calculamos, 750px(anchura del mismo)-125px(anchura de la div "izquierda")-15px(total de los margins)-29px(total de los paddings)-4px (total de los borders)=390px.
	Además de esto, también queremos que quede situado entre las cajas que la rodean,
	por lo que calcularemos el espacio que debería quedar a su izquierda y después poner el mismo valor en su "margin-left"
	(Hay que prestar especial atención a contar TODOS los valores que se utilizarán, incluidos, márgenes, padding, bordes...)*/
	.principal{
	width:536px;
	height:auto;
	border-style:solid;
	border-width:1px;
	border-color:#669966;
	background-image: url(../imagenes/css/fondo_tabla_g.jpg);
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}
	/*Ahora le toca a la caja que contendrá la información 
	principal de nuestra página (la div "principal")
	en este caso queremos que se ajuste al espacio
	que sobra a lo ancho del contenedor, por que calculamos, 750px(anchura del mismo)-125px(anchura de la div "izquierda")-15px(total de los margins)-29px(total de los paddings)-4px (total de los borders)=390px.
	Además de esto, también queremos que quede situado entre las cajas que la rodean,
	por lo que calcularemos el espacio que debería quedar a su izquierda y después poner el mismo valor en su "margin-left"
	(Hay que prestar especial atención a contar TODOS los valores que se utilizarán, incluidos, márgenes, padding, bordes...)*/
	.principal1{
	width:536px;
	height:auto;
	border-style:solid;
	border-width:1px;
	border-color:#669966;
	background-image: url(../imagenes/css/fondo_tabla_1.jpg);
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}
	.principal2{
	width:536px;
	height:auto;
	border-style:solid;
	border-width:1px;
	border-color:#669966;
	background-image: url(../imagenes/css/fondo_tabla_2.jpg);
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}
	.principal3{
	width:536px;
	height:auto;
	border-style:solid;
	border-width:1px;
	border-color:#669966;
	background-image: url(../imagenes/css/fondo_tabla_3.jpg);
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}
	.principal4{
	width:536px;
	height:auto;
	border-style:solid;
	border-width:1px;
	border-color:#669966;
	background-image: url(../imagenes/css/fondo_tabla_4.jpg);
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}
.principal5{
	width:536px;
	height:auto;
	border-style:solid;
	border-width:1px;
	border-color:#669966;
	background-image: url(../imagenes/css/fondo_tabla_medio.jpg);
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}
.principal_bolsa{
	width:536px;
	height:auto;
	border-style:solid;
	border-width:1px;
	border-color:#669966;
	background-image: url(../imagenes/css/fondo_tabla_bolsa.jpg);
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}
.principal_inno{
	width:536px;
	height:auto;
	border-style:solid;
	border-width:1px;
	border-color:#669966;
	background-image: url(../imagenes/css/fondo_tabla_innovacion.jpg);
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}
.principal_vision{
	width:536px;
	height:auto;
	border-style:solid;
	border-width:1px;
	border-color:#669966;
	background-image: url(../imagenes/css/fondo_tabla_vision.jpg);
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}
.principal_mision{
	width:536px;
	height:auto;
	border-style:solid;
	border-width:1px;
	border-color:#669966;
	background-image: url(../imagenes/css/fondo_tabla_mision.jpg);
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}
.principal_valor{
	width:536px;
	height:auto;
	border-style:solid;
	border-width:1px;
	border-color:#669966;
	background-image: url(../imagenes/css/fondo_tabla_valores.jpg);
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}
.principal_noticias{
	width:536px;
	height:auto;
	border-style:solid;
	border-width:1px;
	border-color:#669966;
	background-image: url(../imagenes/css/fondo_tabla_noticias.jpg);
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}
.principal_proyectos{
	width:536px;
	height:auto;
	border-style:solid;
	border-width:1px;
	border-color:#669966;
	background-image: url(../imagenes/css/fondo_tabla_proyectos.jpg);
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}
.principal_recursos{
	width:536px;
	height:auto;
	border-style:solid;
	border-width:1px;
	border-color:#669966;
	background-image: url(../imagenes/css/fondo_tabla_recursos.jpg);
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}
.principal_calidad{
	width:536px;
	height:auto;
	border-style:solid;
	border-width:1px;
	border-color:#669966;
	background-image: url(../imagenes/css/fondo_tabla_calidad.jpg);
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	line-height: normal;
	}
.principal_dise{
	width:536px;
	height:auto;
	border-style:solid;
	border-width:1px;
	border-color:#669966;
	background-image: url(../imagenes/css/fondo_tabla_dise.jpg);
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	line-height: normal;
	}
.principal_produ{
	width:536px;
	height:auto;
	border-style:solid;
	border-width:1px;
	border-color:#669966;
	background-image: url(../imagenes/css/fondo_tabla_produ.jpg);
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	line-height: normal;
	}
.principal_publi{
	width:536px;
	height:auto;
	border-style:solid;
	border-width:1px;
	border-color:#669966;
	background-image: url(../imagenes/css/fondo_tabla_publicidad.jpg);
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	line-height: normal;
	}
.principal_notas{
	width:536px;
	height:auto;
	border-style:solid;
	border-width:1px;
	border-color:#669966;
	background-image: url(../imagenes/css/fondo_tabla_notas.jpg);
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	line-height: normal;
	}
.principal_docu{
	width:536px;
	height:auto;
	border-style:solid;
	border-width:1px;
	border-color:#669966;
	background-image: url(../imagenes/css/fondo_tabla_docu.jpg);
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	line-height: normal;
	}
	.footer{
		width:auto;
		height:30px;
		background-color:#FFF;
		border-style:solid;
		border-width:1px;
		border-color:#669966;
		margin:5px;
	}
	.footer h6{
	text-align:center;
	text-transform:uppercase;
	margin:5px auto;
	color:#666666;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	}
	.borde{
	background-color: #FFFFFF;
	width: 750px;
	height: auto;
	}
.borde .izquierda1 #tres span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.borde .izquierda1 #CollapsiblePanel1 .CollapsiblePanelContent #submenu span {
	font-size: 12px;
	padding-bottom: 2px;
}
.borde .izquierda1 #CollapsiblePanel2 .CollapsiblePanelContent #submenu span {
	font-size: 12px;
	padding-bottom: 1px;
}
.piecero{
	width:728px;
	height:50px;
	margin:5px;
	border-style:solid;
	border-width:1px;
	border-color:#669966;
	padding: 5px;
	background-image: url(../imagenes/css/fondo_tabla_4.jpg);
	}
.idioma{
	margin:5px;
	border-style:solid;
	border-width:1px;
	border-color:#669966;
	padding: 5px;
	background-position: center center;
	color: #FFFFFF;
	}
	/*En la div "izquierda" vamos a ajustar los valores para
	que tenga una anchura de 100píxeles, una altura que 
	dependa del contenido que tenga dentro, y le vamos a dar 
	un margen de 5px a la izquierda, además de hacer que se sitúe a la izquierda
	mediante "float"*/
	.resto{
	width:524px;
	height:auto;
	background-color:#DFEDEB;
	border-style:solid;
	border-width:1px;
	border-color:#669966;
	float:left;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding: 5px;
	}
.formulario/*En la div "izquierda" vamos a ajustar los valores para
	que tenga una anchura de 100píxeles, una altura que 
	dependa del contenido que tenga dentro, y le vamos a dar 
	un margen de 5px a la izquierda, además de hacer que se sitúe a la izquierda
	mediante "float"*/
	{
	background-color:#C8EDCF;
	border-style:solid;
	border-width:1px;
	border-color:#669966;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	}
.vinculos/*En la div "izquierda" vamos a ajustar los valores para
	que tenga una anchura de 100píxeles, una altura que 
	dependa del contenido que tenga dentro, y le vamos a dar 
	un margen de 5px a la izquierda, además de hacer que se sitúe a la izquierda
	mediante "float"*/
	{
	border-style:solid;
	border-width:1px;
	border-color:#669966;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-image: url(../imagenes/css/fondo_tabla_pulsado.jpg);
	}
	.resto.noticias {
		font:bold 11px Verdana, Arial, Helvetica, sans-serif;
		color:#586885;
		line-height: 140%;
		text-transform:capitalize;
	}
h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: normal;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: normal;
	font-weight: normal;
}
/* Css de Base3 */

/*AQUÍ VAMOS A DEFINIR LAS PROPIEDADES DE LA PÁGINA EN GENERAL, MÁS ADELANTE DEFINIREMOS LAS DE LAS CAJAS PRINCIPALES*/
/*formatos de párrafo, linea de separacion, encabezados 1 al 6, tablas, vínculos (en sus 4 estados) y body respectivamente*/
	SPAN.sombra {
	text-shadow: #003300 2px 2px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 5px;
	text-transform: uppercase;
}
	SPAN.sombra1 {
	text-shadow: #003300 2px 2px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 5px;
	text-transform: capitalize;
	line-height: normal;
}
.fecha {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	padding: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}
	p  {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	}
	a	{
	font-size:12px;
	color:#333333;		
	}
	a:link {
		text-decoration: none;
		
	}
	a:visited {
	text-decoration: none;
	color:#669966;
	}
	a:hover {
	text-decoration: none;
	color:#006600;		
	}
	a:active {
	text-decoration: none;
	color:#FFFFFF;		
	}
body {
	margin-top: 0px;
	background-image: url(../imagenes/css/fondo.jpg);
}

* {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}
.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide {
	cursor: url(../contenidos/highslide/graphics/zoomin.cur) , pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid silver;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border-bottom: 1px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
	display: none;
	border-bottom: 1px solid white;
	font-family: Verdana, Helvetica;
	font-size: 10pt;
	padding: 5px;
	background-image: url(../imagenes/css/fondo_tabla_2.jpg);
	line-height: normal;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(../contenidos/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
a.highslide-full-expand {
	background: url(../contenidos/highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}
/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 550px;
    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.flotarIzq {
	float: left;
	background-position: top;
}
.flotarDer {
	float: right;
}
.Estilo3 {
	font-size: 11px;
	line-height: normal;
}
.Estilo11 {
	font-size: 10px;
	line-height: normal;
}
.Estilo12 {
	font-weight: bold;
}
.Estilo6 {
	color: #000000;
	line-height: normal;
	font-weight: bold;
}
.Estilo7 {	font-size: 18px;
	font-weight: bold;
	color: #000000;
}
.texto_copi  {
	font-size: 8pt;
	color: #FFFFFF;
}