﻿.red
{
    color: Red;
}

.width2
{
	width: 2%;
}

.width5
{
	width: 5%;
}

.width10
{
	width: 10%;
}

.width15
{
	width: 15%;
}

.width20
{
	width: 20%;
}

.width23
{
	width: 23%;
}

.width25
{
	width: 18%;
}

.width30
{
	width: 25%;
}

.width35
{
	width: 28%;
}

.width40
{
	width: 38%;
}

.width45
{
	width: 45%;
}

.width50
{
	width: 48%;
}

.width60
{
	width: 58%;
}

.width73
{
	width: 73%;
}

.width76
{
	width: 75%;
}

.width75
{
	width: 80%;
}

.width85
{
	width: 84%;
}

.width90
{
	width: 89%;
}

.width95
{
	width: 95%;
}

.width100
{
	width: 100%;
}

.height75
{
	height: 75%;
}

/**************************************************************
   Generic Display 
 **************************************************************/


.block
{
	display: block;
}

.clear
{
	clear: both;
}

.clearLeft
{
	clear: left;
}

.clearRight
{
	clear: right;
}

.hidden
{
	overflow: hidden;
}

.marginLeft
{
	margin-right: 5px;
}

.marginRight
{
	margin-right: 5px;
}

.padding
{
	padding: 5px;
}

.margin
{
	margin: 5px;
}

.paddingLeft
{
	padding-left: 5px;
}

.paddingRight
{
	padding-right: 5px;
}

.floatLeft
{
	float: left;
}

.floatRight
{
	float: right;
}

.alignLeft
{
	text-align: left;
	top: 0px;
	left: 8px;
}

.alignRight
{
	text-align: right;
}

.alignCenter
{
	text-align: center;
}

.alignJustify
{
	text-align: justify;
}

.alignTop
{
	vertical-align: top;
}

.alignMiddle
{
	vertical-align: middle;
}

.alignBottom
{
	vertical-align: bottom;
}

.bold
{
	font-weight: bold; /*color: #83216A;*/
}

.bordeOpciones
{
	padding: 2px;
}

/******************************************************************************/
/* CSM */
/******************************************************************************/
.navigationPanel
{
	text-align: right;
	font-weight: bold;
	float: left;
	left: 10px;
	top: 20px;
	height: 38px;
}

.pyramidAgeLiteral
{
	background-color: transparent;
	font-size: 0.9em;
	font-weight: bold;
	color: #000033;
	border: none;
	text-align: left;
}

.pyramidAgeCellStat
{
	text-align: center;
	padding: 0px;
	width: 90%;
}

.pyramidAgeStat
{
	background-color: #EAF2F5;
	font-size: 0.9em;
	font-weight: bold;
	color: #000033;
	border: 1px solid #000066;
	text-align: center;
	width: 100%;
}

.headStat
{
	background-color: #000099;
	font-size: 0.9em;
	font-weight: bold;
	color: #ffffff;
	border: 1px solid #000066;
	text-align: center;
	width: 100%;
}
.applyTitle
{
	background-color: #0033CC;
	color: #FFFFFF;
	font-weight: bold;
}
.applyBg
{
	background-color: #CCCCCC;
}

.entityStatCell
{
	background-color: #bbcdff;
	font-size: 0.9em;
	font-weight: bold;
	color: #ffffff;
	border: none;
	text-align: left;
	width: 100%;
}

.entityTotalStatCell
{
	background-color: #bbcdff;
	font-size: 0.9em;
	font-weight: bold;
	color: #ffffff;
	border: none;
	text-align: right;
	width: 100%;
}
.dataStatCell
{
	background-color: transparent;
	font-size: 0.9em;
	font-weight: bold;
	color: #000066;
	border: none;
	text-align: right;
	width: 100%;
}

.districtStatCell
{
	background-color: transparent;
	font-size: 0.9em;
	font-weight: bold;
	color: #000033;
	border: none;
	text-align: left;
	width: 100%;
}

.totalStatCell
{
	background-color: #ccccff;
	font-size: 0.9em;
	font-weight: bold;
	color: #000066;
	border: none;
	text-align: right;
	width: 100%;
}

.headStatCell
{
	background-color: #61869F;
	font-size: 0.9em;
	font-weight: bold;
	color: #ffffff;
	border: none;
	text-align: right;
	width: 100%;
}

.textCell
{
	background-color: transparent;
	font-size: 0.9em;
	font-weight: normal;
	color: #000033;
	border: none;
	text-align: left;
}

.errorMessage
{
	color: #ff0000;
}

.accessErrorMessage
{
	font-size: 0.8em;
	font-weight: bold;
	font-style: italic;
	color: #ff0000;
}

.valMessage
{
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	color: #4444bb;
}

.eielPanelTitle
{
	font-size: 1.2em;
	color: #586B7A;
}

.sectionText
{
	text-transform: uppercase;
	font-size: 0.9em;
	color: #5D6F73;
	background-color: #EAF2F5;
}

.subsectionText
{
	text-align: justify;
	font-size: 0.9em;
	font-weight: normal;
	font-style: italic;
	color: #7b4ba7;
}

.scrollable
{
	position: relative;
	overflow: auto;
	width: 100%;
	height: 92%;
}

.navigation
{
	float: right;
	position: absolute;
	left: 10px;
	bottom: 5px;
}

.imageButton
{
	cursor: pointer;
	text-decoration: none;
	border-bottom: none;
}

.pdfCell
{
	background-color: transparent;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
}

.bylawCell
{
	background-color: transparent;
	font-size: 0.9em;
	font-weight: bold;
	color: #000033;
	border: none;
	text-align: left;
	width: 100%;
}

.descTableData
{
	background-color: #bbcdff;
	font-size: 1em;
	font-weight: bold;
	color: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000066;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000066;
}

.descInfoTableData
{
	background-color: Transparent;
	font-style: normal;
	font-size: 0.9em;
	font-weight: normal;
	text-align: justify;
	color: #4444bb;
}

.descInfoTableDataBold
{
	background-color: Transparent;
	font-style: normal;
	font-size: 1.1em;
	font-weight: bold;
	text-align: justify;
	color: #4444bb;
}

.descInfoRightTableData
{
	background-color: Transparent;
	font-style: normal;
	font-size: 0.9em;
	font-weight: normal;
	text-align: right;
	color: #4444bb;
}

.descInfoCenterTableData
{
	background-color: Transparent;
	font-style: normal;
	font-size: 0.9em;
	font-weight: normal;
	text-align: center;
	color: #4444bb;
}

.borderBottom
{
	border-bottom: 2px solid #CCCCCC;
	top: 0px;
	left: 4px;
}

.slimBorderBottom
{
	border-bottom: 1px solid #CCCCCC;
	top: 0px;
	left: 4px;
}

.slimBorderLeft
{
	border-left: 1px solid #CCCCCC;
	left: 4px;
}

.slimBorderRight
{
	border-right: 1px solid #CCCCCC;
	right: 4px;
}

.borders
{
	border-left: 2px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	border-top: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
}

.slimBorders
{
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.bordersDotted
{
	border: dotted 2px #CCCCCC;
}


.applyBorders
{
	border-left: 2px solid #0033CC;
	border-right: 2px solid #0033CC;
	border-top: 2px solid #0033CC;
	border-bottom: 2px solid #0033CC;
}

.costCell
{
	background-color: transparent;
	font-size: 0.8em;
	font-weight: normal;
	color: #000033;
	border: none;
	text-align: right;
	width: 100%;
}

.textCell
{
	background-color: transparent;
	font-size: 0.8em;
	font-weight: normal;
	color: #000033;
	border: none;
	text-align: left;
}

.numberCell
{
	background-color: transparent;
	font-size: 0.8em;
	font-weight: normal;
	color: #000033;
	border: none;
	text-align: right;
}

.totalTextCell
{
	background-color: #ccccff;
	color: #000066;
}

.textConsoleCell
{
	background-color: transparent;
	font-size: 0.8em;
	font-weight: normal;
	color: #000033;
	border: none;
	text-align: left;
}

.descWrongInfoTableData
{
	background-color: Transparent;
	font-style: normal;
	font-size: 0.9em;
	font-weight: normal;
	text-align: justify;
	color: #F9F9F9;
}

.imageBorder
{
	border: 1px solid #CCCCCC;
	padding: 2px;
}

.TituloCabecera
{
	margin-top: 40px;
}

.pecInfoTableData
{
	background-color: Transparent;
	color: #4444bb;
}

.helpCursor
{
	cursor: help;
}

.modalBackground
{
	background: url(../images/bg/fondo.gif) repeat;
}

#flashContent
{
	float: left;
	width: 100%;
	max-width: 2220px;
}

.hide
{
	position: absolute;
	display: block;
	width: 0;
	overflow: hidden;
	visibility: hidden;
}

.center10
{
	width: 10%;
	clear: both;
	margin: 0 auto 0 auto;
}

.center15
{
	width: 15%;
	clear: both;
	margin: 0 auto 0 auto;
}

.center50
{
	width: 50%;
	clear: both;
	margin: 0 auto 0 auto;
}

.center60
{
	width: 50%;
	clear: both;
	margin: 0 auto 0 auto;
}

.center75
{
	width: 75%;
	clear: both;
	margin: 0 auto 0 auto;
}

.center95
{
	width: 95%;
	clear: both;
	margin: 0 auto 0 auto;
}

.subtitulo
{
	font: 0.8em bold;
	color: #536C71;
	text-transform: uppercase;
}

.nota
{
	background-color: #FFFFDD;
	border: dotted 2px #CCCCCC;
	padding: 8px 8px 8px 8px;
	color: #2C465A;
}

.underline
{
	text-decoration: underline;
}

.imageNews
{
	height: 50px;
	width: 50px;
}

.imageNewsBig
{
	height: 100px;
	width: 100px;
}

.linkMenu
{
	clear: both;
	text-decoration: none;
	color: #2C465A;
	font-weight: bold;
	font-size: smaller;
}

.indicadorA
{
	width: 20px;
	height: 10px;
	border: solid 1px #CCCCCC;
	background-color: #FFD07D;
	clear: both;
	margin: 0 auto 0 auto;
	min-height: 100%;
	height: 100%;
}

.indicadorB
{
	width: 20px;
	height: 10px;
	border: solid 1px #CCCCCC;
	background-color: #68E1E3;
	clear: both;
	margin: 0 auto 0 auto;
	min-height: 100%;
	height: 100%;
}

.indicadorB
{
	width: 20px;
	height: 10px;
	border: solid 1px #CCCCCC;
	background-color: #68E1E3;
	clear: both;
	margin: 0 auto 0 auto;
	min-height: 100%;
	height: 100%;
}

.bloque
{
	margin-top: 40px;
}
.textoFuncional
{
	font-style: normal;
	font-size: 0.9em;
	font-weight: normal;
}

.slide
{
	width: 500px;
	height: 320px;
}

/*--------------------**/

.accordionLink
{
	background-color: #0D2139;
	color: white;
}

.accordionHeader
{
	width: 650px;
	border: 1px solid #2F4F4F;
	color: white;
	background-color: #0D2139;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	margin: 0 auto;
	padding: 0;
}

.accordionContent
{
	width: 650px;
	background-color: #ECECEC;
	border: 1px solid #333333;
	font-size: 10px;
	font-weight: normal;
	margin: 0 auto;
	padding: 0;
}

.divPanelSuperior_Gris
{
	float: left;
	background-image: url(../images/Superior.jpg);
	background-repeat: no-repeat;
	width: 700px;
	height: 10px;
}
.divPanelCentral_Gris
{
	float: left;
	background-image: url(../images/Centro.jpg);
	background-repeat: repeat-y;
	width: 700px;
}
.divPanelInferior_Gris
{
	float: left;
	background-image: url(../images/Inferior.jpg);
	background-repeat: no-repeat;
	width: 700px;
	height: 10px;
}

.minHeight150
{
	min-height: 150px;
}

.lista
{
	background: url(../images/lista.gif) repeat left bottom;
}

.datada
{
	font-size: 0.9em;
}

.noDatada
{
	color: #e6721b;
	font-size: 0.9em;
}

.shadow
{
	background: url(../images/shadow.gif) no-repeat bottom right;
}

.shadow .marginShadow
{
	position: relative;
	top: -5px;
	left: -5px;
}

.borderRight
{
	border-right: dotted 1px #cccccc;
	padding: 0 1em 0 1em;
}

.validationSummary 
{
	border: solid 1px #ff0000;
	padding: 0.5em;
	background-color: #e49c9c;
	color: #ffffff;
}

.validationSummary a 
{
	color: #ffffff;
	text-decoration: underline;
}