body {
		margin-left: 5px;
		margin-top: 10px;
		margin-right: 5px;
		margin-bottom: 5px;
		padding:0px;
		color:#DCDCDC;		
		background-color: #006699;
		font-size: 12px;
		font-family:Verdana, "Times New Roman", Times, serif;
		}
	a{
		text-decoration: none;
		color: #FFCC66;
		}	
	#derecha {
		width:25%;
		float:left;
		background:#fff;
		padding-bottom:10px;
		background-color: #006699;
		}
	#derecha img{
		border: 0px;
		padding-bottom: 3px;
		text-align: center;
	}
	#derecha p{
		text-align: center;
	}
	#derecha h1{
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		font-size: 11px;
		text-align: center;
	}
	.logospeq{
		padding-bottom: 0px;
	}
	#centro {
		width:54%;
		float:left;
		background:#fff;
		padding-bottom:10px;
		padding-right: 10px;
		background-color: #006699;
		text-align: justify;
		}
/*	#centro h1{
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		font-size: 11px;
	}*/
	#centro img{
		border: 0px;
/*		padding-bottom: 15px;*/
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 5px;
	}
	#izquierda {
		width:19%;
		float:left;
		background:#fff;
		padding-bottom:10px;
		background-color: #006699;
		}
	#izquierda img{
		border: 0px;
/*		padding-bottom: 15px;*/
		padding-bottom: 15px;
		padding-left: 5px;
	}
	#izquierda p{
		text-align: center;
	}
	#cabecera {
		background-color: #006699;
		}
	#cabecera p{
		text-align: center;
	}
	#cabecera img{
		padding-left: 30px;
		padding-right: 30px;
	}
	#pie{
		text-align: center;
		font-weight: bolder;
		font-size: x-small;
	}
	.titulo{
		margin-bottom: 25px;
	}	
	.imgder{
		float: right;
		padding-left: 5px;
	}
	.imgizq{
		float: left;
		padding-right: 5px;
		padding-top: 5px;
	}
	/*ampliar imágenes*/
	/* Class for the div which will hold the images */
	.expandable {
	  /* You must specify a width for the area that contains 
	  the images or Firefox, Opera, and Safari will expand 
	  the hoverable area to the full width available.  */
	  width: 535px;
	  margin: 0;
	  padding: 0;
	}
	/* Hide the full sized image */
	.expandable a .full{
	  display: none;
	}
	/* Specify the position of the full sized image (for IE) */
	.expandable a:hover{
	  position: relative;
	}
	/* Display the full sized image when link is hovered over */
	.expandable a:hover .full{
	  position:absolute;
	  top:-185px;
/*	  left: -10px;*/
  	  left: -90px;
	  display: block;
	  z-index: 1;
	}
	/* Hide the thumbnail when the full sized image is shown */
	.expandable a:hover .thumb {
	  visibility: hidden;
	}
	.imagenizq{
		float: left;
		margin-right: 5px;
	}
	.imagender{
		float: right;
		margin-left: 5px;
	}
	/*	menu*/
	/* ================================================================ 
	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/flyout2.html
	Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
	This stylesheet and the assocaited (x)html may be modified in any 
	way to fit your requirements.
	=================================================================== */
	.menu {
		z-index:1000;
		/*font-size:80%;*/
		font-size: 13px;
		font-family: Verdana, Arial;
		margin-left: 20px;
	}

	/* remove all the bullets, borders and padding from the default list styling */
	.menu ul {
		padding:0;
		margin:0;
		list-style-type:none;
		width:150px;
	}
	/* hack for IE5.5 */
	* html .menu ul {margin-left:-16px; ma\rgin-left:0;}
	/* position relative so that you can position the sub levels */
	.menu li {
		position:relative;
		background:#006699;
		height:26px;
	}

	/* get rid of the table */
	.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:13px;}

	/* style the links */
	.menu a, .menu a:visited {
		display:block; 
		text-decoration:none;
		height:25px;
		line-height:25px;
		width:149px;
		color:#FFCC66;
		text-indent:2px;
/*		border:1px solid #005B8A;*/
		border:1px solid Black;
		border-width:1px 1px 1px 1px;
	}
	/* hack for IE5.5 */
	* html .menu a, * html .menu a:visited {background:#006699; width:150px; w\idth:149px;}
	/* style the link hover */
	* html .menu a:hover {color:#000; background:#0098E6;}

	.menu :hover > a {
		color:#000; 
		background:#0098E6;
	}

	/* hide the sub levels and give them a positon absolute so that they take up no room */
	.menu ul ul {
		visibility:hidden;
		position:absolute;
		top:0;
		left:150px; 
	}
	/* make the second level visible when hover on first level list OR link */
	.menu ul li:hover ul,
	.menu ul a:hover ul {
		visibility:visible;
	}

	/* keep the third level hidden when you hover on first level list OR link */
	.menu ul :hover ul ul{
		visibility:hidden;
	}
	/* keep the fourth level hidden when you hover on second level list OR link */
	.menu ul :hover ul :hover ul ul{
		visibility:hidden;
	}
	/* make the third level visible when you hover over second level list OR link */
	.menu ul :hover ul :hover ul{ 
		visibility:visible;
	}
	/* make the fourth level visible when you hover over third level list OR link */
	.menu ul :hover ul :hover ul :hover ul { 
		visibility:visible;
	}