/* CSS by Heraldo Carlos Serrano - 2011 */

 BODY	{
	 /* margin: 12px; */
	 margin:1.5% ;

	 background-color: #348684 ;

	 background-image: url('img_2009/fondo.gif') ;

	 font-family:verdana ;

	 font-size:11px ; 
	}


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


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

 table.exterior
	{
	 width:100% ;

	 max-width:1000px ;

	 width:expression(document.body.clientWidth > 1000? "1000px": "100%" );
	}

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

  table.superior
	{
	 width:100% ;
	 background-image: url('img_2009/cir111.gif') ;
	}

  table.superior tr {height:10px;}	

  table.superior td.izq, table.superior td.der {width:3%;} /* 22px */

  table.superior td.cen {width:94%;} /* 710px */


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

  table.media {width:100%;}

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

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


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

  table.inferior
	{
	 width:100% ;
	 background-image: url('img_2009/cir111.gif') ;
	}

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

  table.inferior td.izq, table.inferior td.der {width:3.6%;}

  table.inferior td.cen {width:92.8%;}

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

  table.superior td.izq		{background: url("img_2009/esquinas.gif") top left no-repeat ;}
  table.superior td.cen		{background: url("img_2009/arriba_abajo.gif") top center repeat-x  ;}
  table.superior td.der		{background: url("img_2009/esquinas.gif") top right no-repeat ;}

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

  table.inferior td.izq		{background: url("img_2009/esquinas.gif") bottom left   no-repeat ;}
  table.inferior td.cen		{background: url("img_2009/arriba_abajo.gif") bottom center repeat-x  ;}
  table.inferior td.der		{background: url("img_2009/esquinas.gif") bottom right  no-repeat ;}

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


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

 table.cab
	{
	 width:100%;
	 color: #386987 ;
	 background-image: url('img_2009/cir111.gif') ;
	 background-position: bottom ;
	}

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

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

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

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

 A.usuarios
	{
	 color:#4583a7;
	}

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

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


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


 table.ppal td
	{
	 /*border: #ff0000 1px solid ;*/
	}

 table.ppal td.col1
	{
	 /* width:180px; */
	 width:23%;
	 text-align:center;
	 padding-top:5px;
	 padding-left:0px;
	 padding-right:0px;
	}

 table.tcol1
	{
	 width: 100%;
	}

 table.tcol1 td
	{
	 padding:0px;
	 width:100%;
	}

 table.ppal ul.submenu
	{
	 width:100%;
	 text-align:center;
	}

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

 table.ppal td.col3
	{
	 padding-top:5px;
	 padding-left:7px;
	 padding-right:7px;
	}

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

 table.ppal td.col5
	{
	 /* width:130px; */
	 width:17%;
	 padding-top:3px;
	 padding-left:0px;
	 padding-right:0px;
	}

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

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


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

 table.ppal
	{
	 background-color: #ffffff ;
	}

 td.col1
	{
	 background-color:#D8E7FE;
	}

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

 td.col4
	{
	 /*border-right:#6293CE 1px solid;*/
	}

 td.col5
	{
	 /* background: url("img_2009/derecho.gif") right repeat-y ; */
	}

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

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


 /*-------------------- Submenu ---------------------*/

 ul.submenu a.sub_titu
	{
	 color:#6262C0;
	 text-align: right ! important;
	 padding-right: 14px;
	}

 ul.submenu a.sub_titu:hover
	{
	 color:#6969ff;
	 text-align: right ! important;
	}

 li.submenu a.modu
	{
	 color:#5656C0;
	 text-align: right ! important;
	 padding-top:    6px;
	 padding-bottom: 6px;
	 font-weight: bold;
	 font-size:10px;
	 padding-right: 14px;
	}

 li.submenu a.modu:hover
	{
	 color:#6969ff;
	 text-align: right ! important;
	 padding-top:    6px;
	 padding-bottom: 6px;
	}