body {
	color: #000000;
	margin-left:0;
	margin-top:0;
	margin-top:0;
	margin-bottom:0;
	margin-right:0;
	text-align: center;
	font-family: auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-color: #DCDCDC;
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
	background-position: center top;
}

a {
	color: #c75f3e;
	text-decoration: none;
}

/*----------------- ------    Clase para tabla y formulario de login --------------------*/

#logintable{
	width:700px; padding: 0; margin: 0; border:0; 
}
td.login {
	padding: 6px 6px 6px 12px;
    font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	width:700; height:115;
	background:  url(imagenes/bg_login.jpg)  repeat-x ;
}
td.formlogin {
	 background:  url(imagenes/login.png)  no-repeat ; 
	 width:500px;
	 height:275px;
}
caption {
	padding: 0 0 5px 0; 
	width: 600px;
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align: right;
}
.fh {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	text-transform: uppercase;
	text-align: left;
	padding: 2px 2px 2px 10px;
	background: #CAE8EA url(imagenes/table1_header.jpg) no-repeat;
	width:350px;height:20px;

}
/*----------------- Clase para tabla mayor *****************************************/

#tablamayor {
	width: 800px; padding: 0; margin: 0; border:0; text-align:center;
}

td.titulo {
	width:auto;
	height:auto;
	background:#ffffff url(imagenes/bg_titulo.gif);
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 10px;
	border: 1pt dashed #CCCCCC;
}

td.contenido {	
	padding: 0px 6px 0px 0px;
	background:#DCDCDC url(images/bg.png)  repeat-x ;
    width:100%; height:300;
}
td.pie {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFCC33;
	border-right-color: #FFCC33;
	border-bottom-color: #FFCC33;
	border-left-color: #FFCC33;
}

/*----------------- Clase para tabla de menus----------------******************************************************************************----*/

table.principal{
	width: 760px;
	height:600px;
	margin: 0;
	font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#336699;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dashed;
	border-bottom-style: none;
	border-left-style: dotted;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0px;

}
td.logo {
	border: 1pt dashed #FFFFFF;
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-style: italic;
	color: #FFFFFF;
	background-image: url(../images/bglogo.gif);
	background-repeat: repeat-x;
	background-position: center;
}


.principal  td {
	color: #E92123;
	font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	Text-align: Left;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 1px;
	border: 1px none #CCCCCC;
	}
	
	
.principal  td:hover{ 
	color: ff7100;
	}
img.imgborder {
	border: medium solid #DBE2EA;
}

td.menu {
	border-top-width: 1pt;
	border-right-width: 1pt;
	border-bottom-width: 1pt;
	border-left-width: 1pt;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: none;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	margin: 0px;
	background-color: #FFFFFF;
}
td.enblanco {
	border: thin solid #FFFFFF;
}




	
	
/***********************************************************************/
/* ESTILOS DEL CONTENIDO DEL INDEX */





/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.urbangreymenu{
width: 149px; /*width of menu*/
}

.urbangreymenu .headerbar{
	font: bold 13px  "Trebuchet MS";
	color: white; /*last 2 values are the x and y coordinates of bullet image*/
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	text-transform: uppercase; /*31px is left indentation of header text*/
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 5px;
	background-color: #333333;
	background-image: url(media/arrowstop.gif);
	background-repeat: no-repeat;
	background-position: 8px 6px;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 1px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
	font: normal 12px "Trebuchet MS";
	color: black;
	background: #ae0000;
	display: block;
	padding: 5px 0;
	line-height: 18px;
	padding-left: 8px; /*link text is indented 8px*/
	text-decoration: none;
	background-image: url(../images/barrademenu3.jpg);
}

.urbangreymenu ul li a:link{
color: #FFFFFF;
}
.urbangreymenu ul li a:visited{
color: #FFFFFF;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: #F0F0F0;
background: black;
}




/*TRANSPARENCIAS SOBRE IMAGES*/

.trans_box2 {
	font-family:verdana;
	font-weight:normal;
	padding:5px;
	margin:1px;
	border:solid 1px #555;
	color: #FFFFFF;
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=10, src='../images/transparencia.png');
	font-size: 12px;
	width: 495px;
	height: 70px;
	background-position: center bottom;
}
/* IE ignores styles with [attributes], so it will skip the following. */
#trans_box2 {
	background-image:url('../images/transparencia.png');
	vertical-align: bottom;
	height: 70px;
	font-family:verdana;
	font-weight:normal;
	padding:5px;
	margin:1px;
	border:solid 1px #555;
	color: #FFFFFF;
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    /* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=10, src='images/transparencia.png');*/
	font-size: 12px;
	width: 490px;
	height: 70px;
	background-position: center bottom;
}

   
    


/*Credits: Dynamic Drive CSS Library */
.titulos_secciones {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #E46216;
	background-image: url(../images/barrademenu2.jpg);
}


.links_vermas {
	color: #FFFFFF;
	background-color: #0099CC;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bolder;
}

.links_notas {
	color: #999999;
	font-family: Verdana, Helvetica;
	font-size: 9px;
}
.Estilo_li {
	font-size: 11px;
	font-family: "Trebuchet MS";
	color: #0099CC;
}
.titulos_tabs {
	font-family: sans-serif;
	font-size: 12px;
	color: #669900;
	text-transform: uppercase;
	font-weight: bolder;
	letter-spacing: 0px;
	word-spacing: normal;
}
.titulos_fuertes {
	font-family: Calibri;
	font-size: 20px;
	color: #000000;
}

.titulos_notas {font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; color: #0076AE; font-weight: bold; }

.descripciones {
	color: #333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
}





/*----------------- Clase para tabla de menus y conenidos --------------------*/



#tablacontenido {
	width: 100%; height:100%; padding: 0px 0px 0px 0px;  margin: 0; border:0; 
	font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#336699;
}

td.menulateral {	
	padding: 0px 0px 0px 0px;
    width:100px; height:8%;
}
td.menulateral2 {	
	padding: 0px 0px 0px 0px;
    width:100px; height:500px;
	background:#98baed url(imagenes/bg_menulateral.jpg) repeat-x;
	}
	

td.topareacontenido{	
	padding: 0px 0px 0px 0px;
    width:650px; height:67px;
	background: url(imagenes/bg_top_cont.gif)   repeat-x ;

}

td {
	padding: 0px 0px 0px 0px; 
    font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

td.tab {
  background-color: #f1f1f1;
  border: 1px solid #000000;
  border-color: #a3dc87 #a3dc87 #C1DAD7 #a3dc87;
  
  -moz-border-radius: .7em .7em 0em 0em;
  border-radius-topright: .5em;
  border-radius-bottomright: 0em;

  padding: .5em;
  position: relative;
  z-index: 101;
  font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
  color:#336699;
}

td.areacontenido {	
	padding: 6px 6px 6px 12px;
    width:760px; height:580px;
	background:#ffffff;
	text-align:center;
  -moz-border-radius: 0em 0em 1.0em 1em;
  border-radius-topright: 0em;
  border-radius-bottomright: .5em;
}

.titulopagina {
	font: bold 13px  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#ffffff;
	text-align:center;
}

/*---------------------------------- Clase tablas de datos ---------*/

table.grid {
	width: 600px;
	padding: 0;
	margin: 0;
}
.grid td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	background: #fff;
	padding: 2px 6px 2px 10px;
	color: #4f6b72;
    font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
.grid th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 2px 10px;
	background: #CAE8EA url(imagenes/table1_header.jpg) no-repeat;
}
/*---------------------------------- Clase para furmularios ---------*/

/*-#tablaformulario -*/
table.form{
		width: 560px; height:150px; padding: 0; margin: 0; 
		border-left:1px solid #C1DAD7;
		border-top:1px solid #C1DAD7;
		border-right:1px solid #C1DAD7;
		border-bottom:1px solid #C1DAD7;
		text-align: center;
}
/*-td.botones -*/
/*-td.etiquetas -*/
.form td {
		font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
		font-size: 9pt;
		color: #798fb4;
		font-weight: bold;
		text-align: left;
		padding: 0px 6px 2px 6px;	
}

.button {font-size:11px;font-family:Verdana,Helvetica;color:003366;
	background: #CAE8EA url(imagenes/table1_header.jpg) no-repeat;
	border:1px solid #798fb4;width:80px;height:19px;padding: 0px 6px 0px 6px;
	text-decoration:none;}

.form input {
		font: 8px  Verdana, Arial, Helvetica, sans-serif; 
		font-size: 9pt;
		color: #000077;
		background-color:  #F5FAFA;
		border: 1px solid #798fb4;
		width;150px;
		
}

.form textarea {
		font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
		color: #000077;
		background-color:  #F5FAFA;
		border: 1px solid #798fb4;
		width;200px;
		height:80px;
		Scroll-bar:no;		
}

.form select {
		font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
		font-size: 8pt;
		color: #336699;
		background-color:  #F5FAFA;
		border: 1px solid #798fb4;
		width;200px;
				
}
img.imgdetalle {
	border: medium solid #CCCCCC;
	margin: 2px;
}
td.bordeinferior {
	border-top-width: 1pt;
	border-right-width: 1pt;
	border-bottom-width: 1pt;
	border-left-width: 1pt;
	border-bottom-style: dotted;
	border-top-color: #FFCC00;
	border-right-color: #FFCC00;
	border-bottom-color: #FFCC00;
	border-left-color: #FFCC00;
}