/*****************   CSS de PLANTILLA  ****************/

html {}

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

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

img{border:0px;}

/* CONTENEDORES CONTEXTUALES*/

#contenedor{min-width:1000px;width:99%;margin:0 auto;background:url(img/fondolat_izq.jpg) repeat-y; }
#sombraDer{background:url(img/fondolat_dcho.jpg) repeat-y top right;margin-left:80px}
#contenido{background:#fff;margin-right:80px; padding-bottom:0px;}

/* PIE CONTENEDOR - Sombra inferior de la web */

#pieSombra{height:40px; background-image:url(img/fondobottom.gif); clear:both; width:99%; margin:0pt auto;}
#pieSombra .sombraInfIzq{background-image:url(img/fondobottom_iz.gif);background-repeat:no-repeat;height:40px;width:150px;float:left; }
#pieSombra .sombraInfDer{background-image:url(img/fondobottom_dcha.gif);background-repeat:no-repeat;height:40px;width:150px;float:right; }


/************      CABECERA      **************/
#cabecera{position:relative;margin:0;border:0;padding:5px;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: 120px; padding-top:20px; padding-right:10px; width:180px; background-color: white;}
#cabecera_right{position:absolute; top:0; bottom:0; right:0; width:120px; background-color:#eee; margin:5px 5px 0 0;}

#cabecera_menu { padding:25px 0 0 10px; border: 0; margin:0; text-align:center; list-style:none;}
#cabecera_menu a, 
#cabecera_menu a:link, 
#cabecera_menu a:visited:active { color: #DDB539 /*#E3C517 #5C87D5*/; text-decoration:none; line-height:25px; font-weight:bold; font-size: 14px; f }

#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 HORIZONTAL   *****************/

div#menu{ background: transparent url(img/barra_menu.jpg) center; height:28px; width: auto; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color: white; padding: 0; margin: 0 5px 0 5px; 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: 5px;}

ul.menu {list-style: none; padding: 0; margin: 0;}

ul.menu li:hover {background: transparent url(img/barra_menu_hover_2.jpg) repeat-x center;}


body#firma li#pestana1,
body#asesoria li#pestana2,
body#consultoria li#pestana3,
body#auditoria li#pestana4 {background: transparent url(img/barra_menu_hover_3.jpg) repeat-x center;}

body#firma li#pestana1 a:hover,
body#asesoria li#pestana2 a:hover,
body#consultoria li#pestana3 a:hover,
body#auditoria li#pestana4 a:hover {color: #3E609F}
/***************************************************/

#fecha {text-align:right; font-size:15px;font: Arial; color:#2d57a9; padding-top:10px; padding-right:20px;}

/***************    CAPAS DE CUERPO CENTRAL   *********************/
#cuerpocentral{padding:0; margin:0; /*background-color: #00FFFF;*/ }
#div_a{ color:#424242; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
#div_a1 { float:left; width:15%; text-align:left; }
#div_a2{ float:right; width:85%; text-align:left; }
#div_a3{ clear:both;}
#div_a4{}

/***************    CAPAS DE DIV_A2_A (imagen a la izda.)  *********************/
#div_a2_a{}
#div_a2_a1{float:left; width:70%; }
#div_a2_a2{float:right; width:30%; }
#div_a2_a3 {clear:both; }

/***************    CAPAS DE DIV_A2_B (imagen a la dcha.)  *********************/
#div_a2_b{}
#div_a2_b1{float:left; width:40%;}
#div_a2_b2{float:right; width:60%;}
#div_a2_b3 {clear:both;}

/***************    CAPAS DE DIV_A4 (Texto sin menú)  *********************/
#div_a4_a {float:left;}
#div_a4_b {float:right;} 

/*******************    PIE    	************************/
#pie{
	background:#5C87D5;
	height: auto;
	width: auto;
	margin: auto;
	text-align:center;
	font: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: white;
	padding-bottom:5px;
}
a.pie,
a.pie:link,
a.pie:visited:active{
  text-decoration: underline;
  color: #FFFFFF; 
}
a.pie:hover {
  text-decoration: underline;
  color: #E6D61F;  
}



/*****************   CSS de PÁGINAS  /  ESTILOS GENERICOS ****************/

/*****************   MENÚ LATERAL  ****************/
.menu_lat { list-style:none; font-size:12px; margin:0; padding:40px 10px;}
.menu_lat li{border-bottom:2px solid #738AAC;border-left:6px solid #738AAC;margin:4px 0;padding:5px;} 

.menu_lat a { color: #393939; text-decoration: none; }
.menu_lat span { display: block; padding: 0px 3px 3px 0; text-align: center; margin: 0;}

.menu_lat a:hover {color:#DDB539}

body#firma li#firma1,
body#firma li#firma2,
body#firma li#firma3,
body#firma li#firma4,
body#asesoria li#asesoria1,
body#asesoria li#asesoria2,
body#consultoria li#consultoria1,
body#consultoria li#consultoria2,
body#auditoria li#auditoria1,
body#auditoria li#auditoria2 { background-color: #CBD4E5}
/***************************************************/
#bloque_enlaces {}

.name { font-family: "Palatino Linotype"; font-weight: bold;}

.contenedor-staff {	margin:0; padding:20px;}
.div-cc-img { 
  text-align: center;
  padding:30px 60px 10px 0;
}
.div-cc-txt {
   background:transparent url(img/fondo3.jpg) no-repeat center;
   padding:30px;
   text-align: justify;
   vertical-align:middle;
  }


/******************   CONOCENOS  *****************/

.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: 180px;
  margin: 2px;
  }
  
.who1 { margin:5px; display: block; text-align:left; list-style-image:url(img/separador_vert.jpg);}
a.who1,      						
a.who1:link,						
a.who1:visited {color: #424242; text-decoration:none; }
a.who1:hover { color: #DDB539; text-decoration:underline;}


body#firma li#FBG,
body#firma li#ARC,
body#firma li#JIRG,
body#firma li#CDBV {border-bottom:2px solid #738AAC;border-left:6px solid #738AAC; border-top:2px solid #738AAC;}

body#firma li#puesto1,
body#firma li#puesto2 {border-bottom:2px solid #738AAC;border-left:2px solid #738AAC;}
/*********************************/
#foto_and_curri {}
#foto { margin: 10px; border: 0px solid #0000ff; height: auto; width:180px; float: left; text-align: center;}
#curri { margin-right:5px;}

ul.lista {list-style-image:url(img/separador_vert.jpg); }




/*Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective.
Note: a:active MUST come after a:hover in the CSS definition in order to be effective.*/
a:link {}    /* unvisited link */
a:visited {} /* visited link */
a:hover {}   /* mouse over link */
a:active {}  /* selected link */

div.img {
  margin: 2px;
  border: 0px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
/*  border:1px solid #5C87D5;*/
}	
div.img img {
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #2d57a9;}