/*
	CSS by Heraldo Carlos Serrano

	rosa pálido : f7edf3

	rosa claro : f0dce8

	rosa viejo : c77299

	rojo oscuro: 972852

 */

 BODY	{
	 margin: 1.5%;
	 background-color: #94254f ;
	 background-image: url('img_rosa/fondo_tinto.jpg') ;
	}

  body, 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%;}

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

  table.superior td.izq, table.superior td.der {width:3.5%;}

  table.superior td.cen {width:93%;}


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

  table.media {width:100%;}

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

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


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

  table.inferior {width:100%;}

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

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

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

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

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

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

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

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


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

 table.cab
	{
	 color: #386987 ;
	 width:100%;
	 background-color: #f7edf3 ;
	 background-image: url('img_rosa/fondo_cab.gif') ;
	}

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

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

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

	}

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

 A.usuarios
	{
	 color:#c77299;
	 background-color:#f7edf3;
	}

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

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


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

 table.ppal td.col1
	{
	 width:160px;
	 text-align:center;
	 padding-top:4px;
	 padding-left:2px;
	 padding-right:2px;
	}

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

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

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

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

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

 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:#f7edf3 1px solid;
	}

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

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

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


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

 ul.submenu a.sub_titu
	{
	 border:#972852 1px solid;
	 color:#c77299;
	 background-color:#f0dce8;
	}

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

 li.submenu a.modu
	{
	 border-left:#972852 1px solid;
	 border-right:#972852 1px solid;
	 border-bottom:#972852 1px solid;
	 color:#ad4574;
	 background-color:#f7edf3;
	}