body {
    background-color: #FFFFFF;
    background-image: url('bgbody.jpg');
    margin: 0px;
    text-align: center;
    /*background-repeat: no-repeat;
    background-position: 5px 30px;*/
}

/* Div contenedora principal */

#container {
	background-color: #004E68;
	background-image: url('bgcontent.jpg');
	background-repeat: repeat-y;
	background-position: left top;
	width: 1000px;
	height: 100%;
	text-align: center;
	display: table;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	margin-top: 0px;
}

/* Div cabecera logos */

#header {
	background-image: url('bgheader.gif');
	background-repeat: repeat-x;
	background-color: #004E68;
	width: 960px;
	text-align: center;
	display: table;
	margin-left: auto;
	margin-right: auto;

}

/* Div contenido principal */

#content {
    background-color: #004E68;
    width: 960px;
    text-align: center;

	display: table;
	margin-left: auto;
	margin-right: auto;
}

/* Div contenido tablas */

#contentin {
    background-color: #004E68;
    background-image: url('bgcontent2.gif');
    border-left:1px solid #18414E; 
    border-right:1px solid #609BB1; 
    border-top:1px solid #18414E; 
    border-bottom:1px solid #609BB1; 
    padding: 3px;
}

/* Menu principal */

.barmenuppal {
    font-family: Trebuchet MS, Verdana, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #004E68;
    background-color: #004E68;
    background-image: url('bar-menuppal.gif');
    /*vertical-align: baseline;*/
    background-repeat: repeat-x;
    background-position: right;
    font-style: italic;
}

.linkbarmenuppal {
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #004E68;
	background-color: #FFFFFF;
	background-image: url('bar-menuppal-x.gif');
	background-position: right top;
	height: 100%;
	text-decoration: none;
	display: block;
	padding-right: 5px;
	padding-left: 5px;
}

.linkbarmenuppal:hover, .currentbarmenuppal {
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
	background-color: #C6D36F;
	background-image: url('bar-menuppal-o.gif');
	background-position: right top;
	height: 31px;
	text-decoration: none;
	display: block;
	padding-right: 5px;
	padding-left: 5px;
}


/* Ruta de navegacion */

.navbar {
    font-family: Arial, Verdana, sans-serif;
    font-size: 9px;
    color: #000000;
    background-color: #C6D36F;
    height: 17px;
    padding-left: 5px;
}

.navbar a {
    color: #004E68;
    text-decoration: underline;
}

.navbar a:hover {
    color: #004E68;
    text-decoration: none;
}


/* Submenú */


#submenus {
	background-position: left bottom;
	padding-bottom: 3px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}

/*
Este comentario es necesario para que los estilos
salgan bien cuando la web se manda codificada en
UTF-8
Currrrrrioooooosooo!!!!
*/

.linksubmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #5A808D;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #769FAD;
	border-bottom-color: #44616B;
	border-left-color: #44616B;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	width: 100%;
}


.linksubmenu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #20647B;
	/*height: 30px;*/
	float: left;
	width: 100%;
	text-decoration: none;
	background-image: url('bgsubm2ov.gif');
	background-repeat: repeat-x;
	background-color: #FBA800;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #769FAD;
	border-bottom-color: #44616B;
	border-left-color: #44616B;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.submenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #20647B;
	/*height: 30px;*/
    width: 100%;
	float: left;
	text-decoration: none;
	background-image: url('bgsubm2ov.gif');
	background-repeat: repeat-x;
	background-color: #FBA800;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #769FAD;
	border-bottom-color: #44616B;
	border-left-color: #44616B;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.seccion {
    font-family: Trebuchet MS, Verdana, Arial, sans-serif;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    color: #FFFFFF;
    /*border-left-width: 4px;
    border-left-style: solid;
    border-left-color: #FFD87D;*/
    padding-left: 4px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    padding-right: 4px;
}


/* Submenu 2 */

.linksubmenu2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    text-decoration: none;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 3px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #C6C6C6;
    border-right-color: #C6C6C6;
    border-bottom-color: #C6C6C6;
    border-left-color: #5791B3;
    background-color: #FFFFFF;
    padding: 3px;
    margin-right: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 0px;
    vertical-align: top;
}

.linksubmenu2:hover, .submenu2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #5791B3;
    text-decoration: none;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: solid;
    border-top-color: #C6C6C6;
    border-right-color: #C6C6C6;
    border-left-color: #C6C6C6;
    background-color: #FFFFFF;
    padding: 3px;
    margin-right: 2px;
    margin-top: -4px;
    margin-bottom: 2px;
    margin-left: 0px;
    vertical-align: top;
    font-weight: bold;
    height: 25px;
}

.subseccion {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #333333;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #C6C6C6;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 8px;
    margin-left: 0px;
    padding-bottom: 2px;
}

.subseccion em {
    font-family: Arial, Helvetica, sans-serif;
    /*font-style: normal;*/
    font-weight: bold;
    color: #FBA800;
}

/* Tablas-listados */

/* Div marco tablas */

#marcotablas {
    background-color: #E8F1F4;
    background-image: url('bgtablas.gif');
    background-repeat: no-repeat;
    text-align: center;
    background-position: right bottom;

}

.tablatit {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #5A808D;
    margin-bottom: 4px;
    padding-top: 2px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #FBA800;
}

.tablath {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    vertical-align: top;
    height: 26px;
    padding-top: 0px;
    padding-right: 2px;
    padding-bottom: 8px;
    padding-left: 2px;
    border-left:3px solid #FBA800;     
    background-image: url('arrowth.gif');
    background-repeat: no-repeat;
    background-position: left bottom;
    margin-bottom: 10px;
}

.tablatdpar {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    background-color: #F3F9FC;
    padding: 2px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
}

.tablatdimpar {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;   
    color: #333333;
    background-color: #E9F3F9;
    padding: 2px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
}

/*Igual que los anteriores pero con la letra en negrita*/
.tablatdparadmin {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    background-color: #F3F9FC;
    padding: 2px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
}

.tablatdimparadmin {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
	font-weight: bold;    
    color: #333333;
    background-color: #E9F3F9;
    padding: 2px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
}

.tablatdcaducado {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FF3333;
  background-color: #FFF3F9;
  padding: 2px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}

.tablatdimpar a, .tablatdpar a, .tablatdcaducado a {
    color: #5791B3;
    text-decoration: underline;
}

.tablatdimpar a:hover, .tablatdpar a:hover, .tablatdcaducado a:hover {
    color: #5791B3;
    text-decoration: none;
    background-color: #FFEBBE;
}

.listath {
	font-family: Verdana, Arial, Helvetica, sans-serif;     
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    vertical-align: top;
    height: 26px;
    padding-top: 0px;
    padding-right: 2px;
    padding-bottom: 4px;
    padding-left: 2px;
    border-left:2px solid #FBA800; 
    border-bottom:4px solid #FFFFFF;
    background-image: url('arrowth2.gif');
    background-repeat: no-repeat;
    background-position: left bottom;
    margin-bottom: 10px;
}

.listatd {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    vertical-align: top;
    padding: 2px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #E9F3F9;
}

#paginador {
    font-family: Arial, Verdana, sans-serif;
    font-size: 9px;
    color: #666666;
    margin-top: 4px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

#paginador a {
    background-color: #5791B3;
}

#paginador a:hover {
    background-color: #FFD87D;
}


/* Stats */

.statstit00 {
    font-family: Arial, Verdana, sans-serif;
    font-size: 18px;
    color: #FBA800;
    background: #004E68;
    width: 100%;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 2px;
    margin-left: 0px;
}

.statstit0 {
    font-family: Arial, Verdana, sans-serif;
    font-size: 18px;
    color: #004E68;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 2px;
    margin-left: 0px;
}

.statstit {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #2E6281;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 6px;
    padding-left: 0px;
    border-bottom-width: 2px;
    border-bottom-style: dotted;
    border-bottom-color: #666666;
    margin-top: 4px;
    margin-right: 0px;
    margin-bottom: 4px;
    margin-left: 0px;

}

.statsitem, .statsitem2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 3px;
    padding-left: 0px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CBC9C9;
}

.statstotal, .statssubtotal, .statssubtotal2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 3px;
    padding-left: 0px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CBC9C9;
}

.statstotal {
    color: #333333;
}

.statssubtotal {
    color: #666666;
}

.statssubtotal2 {
    color: #666666;
    background-color: #F3F2E6;
}

.statsitem2 {
    background-color: #F3F2E6;
}


/* Formularios */

.formtabla {
    background-color: #C6D36F;
}

form td {
    padding-top: 2px;
    padding-bottom: 2px;
}

.formitem {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    padding-right: 4px;
    padding-left: 4px;
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: #90A13C;
}

.formvalue {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
    color: #FFD87D;
}

.forminput, .formselect {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #327CA7;
	border-right-color: #ACD9F3;
	border-bottom-color: #ACD9F3;
	border-left-color: #327CA7;
	margin: 2px;
}

.formbutton {
	font-family: Arial, Verdana, sans-serif;	 
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url('bg-button.gif');
	background-repeat: repeat-x;
	background-position: left bottom;
	border-left:1px solid #78C6F4; 
	border-right:1px solid #5791B3; 
	border-top:1px solid #78C6F4; 
	border-bottom:1px solid #5791B3;
	margin: 2px
}

.formtit {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #5791B3;
    margin-bottom: 4px;
    padding-top: 2px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #6AB0D9;
}

/* Mensajes home */

#mensahome {
    background-color: #ADBA89;
    position:relative;
    width:455px;
    height:147px;
    overflow: auto;

}

#mensahome .fecha {
    font-family: Arial, Verdana, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #666666;
    text-align: left;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
    border-bottom-width: 2px;
    border-bottom-style: dotted;
    border-bottom-color: #666666;
    margin-top: 4px;
    margin-right: 0px;
    margin-bottom: 4px;
    margin-left: 0px;

}

#mensahome .msg {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 8px;
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 3px;
    padding-left: 0px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #838383;
}

/* Pie */

#pie {
    background-color: #769FAD;
    background-image: url('bar-pie.gif');
    background-position:  left 50%;
    /*width: 813px;*/
    height: 25px;
    text-align: right;
    padding: 0px;
    margin: 0px;
}

#pie a {
    font-family: Trebuchet MS, Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    color: #FFFFFF;
    /*height: 31px;*/
    text-decoration: none;
}

/*#pie a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}*/


.fuentenormal {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
}

.framemms{
	width:100px;
	height:150px;
	margin:10px;
	padding:10px;
	text-align:center;
	float:left;
	background-color:#E9F3F9;
	border: solid 1px #004E68;
}
.archivomms{
	height:130px;
}