/* CSS Document */

body {
	margin: 0;
	padding: 0;
}

td.separa
{
	background: url(imagenes/linea-separa.gif);
}

table.verde
{
	background: url(imagenes/fondo_verde.gif) repeat-x;
}

table.azul
{
	background: url(imagenes/fondo_azul.gif) repeat-x;
}

table.fucsia
{
	background: url(imagenes/fondo_fucsia.gif) repeat-x;
}

table.footerfucsia
{
	background: url(imagenes/footer_fucsia.gif) repeat-x;
}

table.footerazul
{
	background: url(imagenes/footer_azul.gif) repeat-x;
}

table.footerverde
{
	background: url(imagenes/footer_verde.gif) repeat-x;
}

.texto_negro {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size: 12px;
	color: #000000;
}

.texto_negro_sinjustify {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.texto_negro_gestor {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.texto_gris {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size: 12px;
	color: #666666;
}

.texto_grande_negro {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.texto_grande_azul {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #01427C;
}

.texto_azul {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #01427C;
}

.texto_fucsia {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #B70069;
}

.texto_verde {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #7AA327;
}

a:link {
	color: #0060AF;
	text-decoration: none;
}
a:visited {
	color: #0060AF;
	text-decoration: none;
}
a:hover {
	color: #000000;
}

a.a:link {
	color: #666666;
	text-decoration: none;
}
a.a:visited {
	color: #666666;
	text-decoration: none;
}
a.a:hover {
	color: #cccccc;
}

img.izquierda {
	float: left;
	margin: 0 10px 0 0;
	padding:2px 2px 2px 2px; 
    background-color: #ffffff;  
    border: 1px solid #cccccc;
}

img.derecha {
	float: right;
	margin: 0 0 0 10px;
	padding:2px 2px 2px 2px; 
    background-color: #ffffff;  
    border: 1px solid #cccccc;
}

img.imagencentro {
	padding:2px 2px 2px 2px; 
    background-color: #ffffff;  
    border: 1px solid #cccccc;
}

img.centro {
	float: center;
	margin: 0 0 0 10px;
	padding:2px 2px 2px 2px; 
    background-color: #ffffff;  
    border: 1px solid #cccccc;
}


.frame {
	border: 1px solid #CCCCCC;
}

.frame_fucsia {
	border: 1px solid #cc3366;
}

.frame_negro {
	border: 1px solid #000000;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/muti-line-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {position:relative; z-index:500; margin-left:0px;}
#menu ul {padding:0; margin:0; list-style:none; width:200px; padding:5px; background:#B7B81C;}
#menu ul ul {position:absolute; left:-9999px;}
#menu table {border-collapse:collapse; width:0; height:0; position:absolute; left:-1px; top:-1px;}
#menu ul li {width:110px; background:#fff;}
* html #menu ul li {float:left;}
#menu ul li a {display:block; width:183px; padding:8px 10px 8px 5px; font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif, sans-serif; color:#000; text-decoration:none; background:#A0D1BB; border:1px solid #888; border-color:#ddd #555 #555 #ddd; clear:left;}
#menu ul li a.fly {background:#A0D1BB url(imagenes/arrow.gif) no-repeat 180px center;}

#menu ul li:hover {position:relative;}
#menu ul li a:hover {direction:ltr; background:#B7B81C; color:#fff; border-color:#B7B81C; position:relative;}
#menu ul li:hover > a {background:#B7B81C; color:#fff; border-color:#B7B81C;}

#menu ul :hover ul,
#menu ul :hover ul :hover ul,
#menu ul :hover ul :hover ul :hover ul,
#menu ul :hover ul :hover ul :hover ul :hover ul {left:200px; top:-5px;}

#menu ul :hover ul ul,
#menu ul :hover ul :hover ul ul, 
#menu ul :hover ul :hover ul :hover ul ul {left:-9999px;}

/***** I L U S T R A C I O N  *******/
div.ilustracionIzda
  {
	width:200;
	float:left;
	text-align:center;
	margin-right:15px;
	margin-bottom:5px;
	border-top: 1px solid #999999;
	border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
	border-left: 1px solid #999999;
	
	background-color: #FFffff;
	padding-bottom: .8em;
	
  }
div.ilustracionIzda img
  {
 
  border:1px solid #ffffff;
  }
div.ilustracionIzda a:hover img
  {
  
  border:1px solid #000000;
  
  }
div.ilustracionDcha
  {
	width:200;
	float:right;
	text-align:center;
	margin-left:15px;
	margin-bottom:5px;
	border-top: 1px solid #999999;
	border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
	border-left: 1px solid #999999;
	clear:left;
	background-color: #FFffff;
	padding-bottom: .8em;
	clear:both;
  }
div.ilustracionDcha img
  {
  display:block;
  float:left;
 clear:both;
  border:1px solid #ffffff;

  }
div.ilustracionDcha a:hover img
  {
  
  border:1px solid #000000;
  
  }
div.descripcionFoto
    {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	clear:both;
	text-align:center;
	font-weight:normal;
	width:198px;
	height:25px;
	margin:2px;
	font-size: 0.70em;
	line-height: 1em;
	position: relative;
	top: 3px;
  }
