html {
 height:100%;
}

body {
 margin:0;
 padding:0 40px 0 40px;
 border:0;
 color:#000;
 background: #E8E8E8;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 10px;
}

#layout_table {
 margin:0;
 padding:0;
 width:100%;
 border: 4px solid #5C87D5;
  background: #ffffff;
}


/************      CABECERA      **************/
#cabecera {
 position:relative;
 margin:0;
 border:0;
 padding:0;
 padding-left: 30px;
 color: #fff;
 font-family: "trebuchet ms", verdana, arial, sans-serif;
}
#cabecera_left {
 margin: 0px 401px 0px 0px;
 background: transparent url(img/fondo1.jpg) no-repeat right;
 padding-top: 10px;
 }
#cabecera_direc {
 position:absolute;
 top:0;
 bottom:0;
 right: 201px;
 padding-top:20px;
 padding-right:10px;
 width:150px;
 background-color: white;
}
#cabecera_right {
 position:absolute;
 top:0;
 bottom:0;
 right:0;
 padding-top:20px;
 width:200px;
 background-color:#eee;
}
#cabecera_menu {
 margin-right: 12px;
 padding-right: 12px;
 border: 0;
}
#cabecera_menu a,      						/* necesario para IE */
#cabecera_menu a:link, 						/* necesario para FF */
#cabecera_menu a:visited:active {			/* necesario para FF */
 color:#5C87D5;
 text-decoration:none;
 font-weight:bold;
 font-size: 16px;
}
#cabecera a:hover {
 text-decoration:underline;
 }
#cabecera .slogan {
 margin:0;
 padding:0 0 0 55px;
 font-size:16px;
 font-weight:bold;
 font-style:italic;
 color: #5C87D5;
}
.direc {
	font: Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #5C87D5;
	padding:0;
	margin:0;
	text-align:right;
}
/******************   MENU PRINCIPAL DESPLEGABLE   *****************/
div#menu{
 background: transparent url(img/barra_menu.jpg) center;
 height:27px;
 width: auto;
 font-size: 15px;
 font-family: Arial, Helvetica, sans-serif;
 font-weight:bold;
 color: white;
 padding: 0;
 margin: 0;
 text-align: center;
}
span.separador_vert {
	background: transparent url(img/separador_vert.jpg) repeat-y center;
	height:24px;
	margin:0;
	padding:0;
}
div.menu > ul.menu > li,
div.menu > ul.menu > li.menu {
  width: 160px;
  float: left;
}
div.menu > ul.menu > li.separador_vert {
  width: auto;
  float: left;
  padding: 0;
  margin: 0;
}
ul.menu a {
  color: white;
  text-decoration: none;
  display: block;
}
ul.menu span {
  display: block;
  padding: 0px 3px 3px 0;
  text-align: center;
  margin: 0;
}
ul.menu li {
 position:relative;
 padding: 3px;
}

ul.menu,
ul.menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.menu ul {
  position: absolute;
  top: 27px;
  left: 0;
  background:#205baa;
  width: 166px;
  visibility:hidden;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  text-align: center;
}
ul.menu li.menu:hover {
background: transparent url(img/barra_menu_hover_2.jpg) repeat-x center;        
}
ul.menu li.menu:hover > ul {           
   visibility:visible;
}

div.menu > ul.menu > li.menu > ul > li {
  padding-bottom:5px;
  border-bottom-width: 1px;
  border-bottom-style:groove;
/*  border-bottom-style: ridge;*/ /*  border-bottom-style:dotted;*/ /*  border-bottom-style:double;*/
}

/***************************************************/
#ruta{
	height: auto;
	width: auto;
	margin: auto;
	font: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#2d57a9;
	padding-top:10px;
	padding-left:20px;
}
#ruta a,      						/* necesario para IE */
#ruta a:link, 						/* necesario para FF */
#ruta a:visited:active {			/* necesario para FF */
 color:#2d57a9;
 text-decoration:none;
}
#ruta a:hover {
 text-decoration:underline;
 }
 
/***************************************************/

#cuerpocentral{
	height: auto;
	width: auto;
	margin: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align: center;
	color: #333333;
	padding: 60px 100px 100px 100px;
	aling: center;
}
.name {
    font-family: "Palatino Linotype";
    font-weight: bold;
}
#div-cc-img {
   background: #FFFFFF;
   text-align: center;
}
#div-cc-txt {
   background:transparent url(img/fondo3.jpg) no-repeat center;
   background-color:#FFFFFF;
   text-align:justify;
   padding-left:10px;
   padding-right:10px;
}

ul.listavalores {
list-style-image:url(img/separador_vert.jpg);
padding-left:200px;
}
/***************************************************/
#pie{
	background:#5C87D5;
	height: auto;
	width: auto;
	margin: auto;
	font: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: white;
	padding: inherit; 
}
a.pie,
a.pie:link,
a.pie:visited:active{
  text-decoration: underline;
  color: #FFFFFF; 
}
a.pie:hover {
  text-decoration: underline;
  color: #E6D61F;  
}
/******************   CONOCENOS  *****************/
div.img {
  margin: 2px;
  border: 0px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	
div.img img {
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #2d57a9;}

.who {
	text-align:center;
	margin:0;
	font-size:10px;
	color:#2d57a9;
}
a.who,      						
a.who:link, 						
a.who:visited:active {			
 color:#2d57a9;
 text-decoration:none;
}
a.who:hover {
 text-decoration:underline;
 }
div.desc
  {
  text-align: center;
  font-size:10px;
  color:#2d57a9;
  font-weight: normal;
  width: 150px;
  margin: 2px;
  }