/* CSS by Heraldo Carlos Serrano */

 BODY	{
	 margin:1.5%;

	 background-color: #242424 ;

	 background-image: url('img_cielo/fon_gris.gif') ;

	}

 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 {height:10px;}	

  table.superior td.izq
	{
	 width:20%;
	 background: url("img_cielo/fondo_sup_izq_400.gif") top left no-repeat  ;
	} 

  table.superior td.cen
	{
	 width:55%;
	 background-color: #ffffff  ;
	} 

  table.superior td.der
	{
	 width:25%;
	 background: url("img_cielo/fondo_sup_der_400.gif") top right no-repeat  ;
	}


 /*---------------- Tabla Media -------------------*/

 table.media
	{
 	 width:100%;
	 /* border-left:#24699b 1px solid; */
	 /* border-right:#24699b 1px solid; */
	}

 table.media td.cen
	{
	 background-color: #ffffff;
	}

 /*---------------- Tabla Inferior -------------------*/

 table.inferior
	{
 	 width:100%;
	 height:1px;
	}

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

 table.cab
	{
	 /*--------- tabla externa ----------*/
	 width:100% ;
	 color: #386987 ;
	 background-image: url('img_cielo/fondo_sup_izq_700.gif') ;
	 background-position: top left;
	 background-repeat: no-repeat;
	}

 table.cab td.tdcab
	{
	 color: #386987 ;
	 background-image: url('img_cielo/fondo_sup_der_500.gif') ;
	 background-position: top right;
	 background-repeat: no-repeat;
	}

 table.cabecera
	{
	 width:100%;
	 height:86px;
	 background-position: left;
	 background-repeat: repeat-x;
	}

 table.cabecera td.cab_izq
	{
	 /*width:200px;*/

	 width:27%;

	 background-position: center  ;
	 background-repeat: no-repeat ;
	}

 table.cabecera td.cab_cen
	{
	 /*width:420px;*/

	 width:57%;

	 font-size:18px;
	 font-weight:bold;
	 text-align:left;
	 vertical-align: middle;
	}

 table.cabecera td.cab_der
	{
	 /*width:120px;*/

	 width:16%;

	 background-position: center  ;
	 background-repeat: no-repeat ;
	 vertical-align:bottom;
	}

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

 A.usuarios
	{
	 color:#24699B;
	 background-color:#fdfeff;
	}

 A.usuarios:hover
	{
	 color:#24699B;
	 background-color:#fdfeff; 
	}
 
 /*-------------------- Tabla principal ------------------*/

 table.ppal
	{
	 clear:left;
	 width:100%;
	}

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

 table.ppal ul.submenu
	{
	 width:134px;
	 text-align:right;
	}

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

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

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

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

 table.ppal td.pie
	{
	 height:1px;
	 background-color:#24699b;
	}

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


 /*--------- colores e imagenes d tabla principal ----------*/

 table.ppal
	{
	 background-color: #ffffff ;
	 background-image: url('img_cielo/ppal_190.gif') ;
	 background-position: left;
	 background-repeat: repeat-y ;
	}

 td.col1
	{
	 /* background-color: #E0EEFB ; */
	 background-image: url('img_cielo/col1_190.gif') ; 
	 background-position: left top;
	 background-repeat: no-repeat ;
	}

 td.col2
	{
	 /* border-left:#f3f9fe 1px solid; */
	}

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

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

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


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

 ul.submenu a.sub_titu
	{
	 border:#386988 0px solid;
	 color:#386987;
	 /* background-color:#f3f9fe; */
	}

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

 li.submenu a.modu
	{
	 /*
	 border-left:#386988 1px solid;
	 border-right:#386988 1px solid;
	 border-bottom:#386988 1px solid;
	 background-color:#fdfeff;
	 */
	 color:#386987;
	 text-align: right ! important;
	 padding-top: 10px;
	 padding-bottom: 10px;
	 font-weight: bold;
	}

 li.submenu a.modu:hover
	{
	 color:#6969ff;
	 /* background-color:#24699B; */
	 text-align: right ! important;
	 padding-top: 10px;
	 padding-bottom: 10px;
	}