
 /* CSS by Heraldo Carlos Serrano */

 BODY	{
	 margin:12px;
	 background-color: #ffffff ;
	 background-image: url('img_inicio/fondo.gif') ;
	}

  body, p, td	{font-family: verdana; font-size:11px;}


 /*-------------- Tabla exterior -------------*/

 table.exterior
	{
	 width:754px;
	 border:#808080 0px solid;
	}

 /*-------------- Tabla superior -------------*/

  table.superior {width:100%;}

  table.superior tr {border:#808080 0px solid; height:10px;}

  table.superior td.izq, table.superior td.der {width:28px;}

  table.superior td.cen {width:710px;}


 /*-------------- Tabla media -------------*/

  table.media td.izq {padding:2px;}

  table.media td.der {padding:4px;}


 /*-------------- Tabla inferior -------------*/

  table.inferior {width:100%;}

  table.inferior tr {border:#808080 0px solid; height:14px;}

  table.inferior td.izq, table.inferior td.der {width:28px;}

  table.inferior td.cen {width:710px;}

 /*----------------- imagenes recuadro -------------------*/

  table.superior td.izq		{background: url("img_agua/esquinas_2.gif") top left no-repeat ;}
  table.superior td.cen		{background: #ffffff url("img_agua/arriba_abajo_2.gif") top center repeat-x  ;}
  table.superior td.der		{background: url("img_agua/esquinas_2.gif") top right no-repeat ;}

  table.media td.izq	{background: #ffffff url("img_agua/izq_der_2.gif") left  repeat-y  ;}
  table.media td.der	{background: #ffffff url("img_agua/izq_der_2.gif") right repeat-y  ;}

  table.inferior td.izq		{background: url("img_agua/esquinas_2.gif") bottom left   no-repeat ;}
  table.inferior td.cen		{background: #ffffff url("img_agua/arriba_abajo_2.gif") bottom center repeat-x  ;}
  table.inferior td.der		{background: url("img_agua/esquinas_2.gif") bottom right  no-repeat ;}

 /*-------------------------------------------------------*/


 /*--------------------- Tabla cabecera --------------------*/

 table.cab
	{
	 color: #386987 ;
	 background-color: #d0e5ee ;
	 /*background-image: url('img_agua/fon_agua_10x200px.jpg') ;*/
	}

 table.cabecera
	{
	 border:0px solid;
	 width:100%;
	 height:120px;
	 background-position: center;
	 background-repeat: no-repeat;
	 padding:0px;
	}

  table.cabecera td.cab_izq
	{
	 width:140px;
	 background-position: center  ;
	 background-repeat: no-repeat ;
	}

  table.cabecera td.cab_cen 
	{
	 width:500px;
	 font-size:18px;
	 font-weight:bold;
	 text-align:left;
	 vertical-align:middle;

	}

  table.cabecera td.cab_der
	{
	 width:140px;
	 background-position: center  ;
	 background-repeat: no-repeat ;
	 text-align:center;
	 vertical-align:bottom;
	}

 A.usuarios
	{
	 color:#4583a7;
	 background-color:#d0e5ee;
	}

 A.usuarios:hover
	{
	 color:#4583a7;
	 background-color:#f4f9fb; 
	}

 /*---------------------------------------------------------*/


 /*-------------------- Tabla principal ------------------*/

 table.ppal td.col1
	{
	 width:136px;
	 text-align:center;
	 padding-top:9px;
	 padding-left:3px;
	 padding-right:3px;
	}

 table.ppal ul.submenu
	{
	 width:130px;
	 text-align:center;
	}

 table.ppal td.col2 
	{
	 padding-left:2px;
	}

 table.ppal td.col3
	{
	 /* width:460px; */
	 padding-top:4px;
	 padding-left:3px;
	 padding-right:3px;
	}

 table.ppal td.col4 	
	{
	 padding-left:2px;
	}

 table.ppal td.col5
	{
	 padding-top:6px;
	 padding-left:3px;
	 padding-right:3px;
	}

 table.ppal td.pie
	{
	 height:2px;
	}

 /*---------------------------------------------------------*/

 /*------------------ colores tabla principal -------------------*/

 table.ppal
	{
	 background-color: #ffffff ;
	 /*background-image: url('img_blanca/fon_arriba.gif') ;*/
	}

 td.col1, td.col5 {}

 td.col2
	{
	 border-left:#d0e5ee 1px solid;
	}

 td.col4
	{
	 border-right:#d0e5ee 1px solid;
	}

 td.pie
	{
	 background-color:#ffffff;
	}

 /*------------------------------------------------------------*/


 /*-------------------- Submenu de HSite -------------------*/

 ul.submenu a.sub_titu
	{
	 border:#386988 1px solid;
	 color:#4583a7;
	 background-color:#d0e5ee;
	}

 ul.submenu a.sub_titu:hover, li.submenu a.modu:hover
	{
	 color:#ffffff;
	 background-color:#4583a7;
	}

 li.submenu a.modu
	{
	 border-left:#386988 1px solid;
	 border-right:#386988 1px solid;
	 border-bottom:#386988 1px solid;
	 color:#386987;
	 background-color:#f4f9fb;
	}

