/* DEFAULTS
----------------------------------------------------------*/

body
{
    background-position: center center;
    background: #FFFFFF;
    font-size: .80em;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    /*background-image: url('../Images/fondo.jpg');*/
    background-repeat: no-repeat;
}

a:link, a:visited
{
    color: #333333;
    text-decoration: none; 
}

a:hover
{
    color: #58A618; /*#6AD500*/
    text-decoration: underline;
}

a:active
{
    color: #666666;/*#61BF1A;*/
}

.menu:link:active
{
    font-family: "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
}

.menu:link:hover
{
    font-family: "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #fefa97;
    text-decoration: none;
   text-align: center;
}

.menu:link
{
    font-family: "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #fefa97;
    text-decoration: none;
    text-align: center;
}














/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #333333;
    font-variant: normal;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    text-align: justify;
  
}

h2
{
    font-size: 24px;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    font-weight: normal;
    line-height: 32px;
}

h3
{
    font-size: 1.3em;
    color: #3282BF;
    font-weight: bold;
}

h4
{
    font-size: 1.5em;
    font-family: 'Arial, Helvetica, sans-serif';
    font-weight: bold;
}

h5, h6
{
    font-size: 1em;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 983px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 0px solid #496077;
}

.header
{
    /*background-position: center top;*/
    position: relative;
    margin: 0px;
    padding: 0px;
   
    background-image: url('../Images/logos/PaginaInicio/TopPaginaNew.png');
    background-repeat: no-repeat;
    top: 0px;
    left: 0px;
    height: 173px;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}


.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}

/* hover

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

.fondo
{
    background-position: center center;
    background-image: url('../Images/logos/Menu/OverMenu.png') !important;
    background-repeat: no-repeat;
    width: 182px;
    height: 43px;
    text-align: center;
    background-size: 90% 43px;
}

.fondo a:link, a:visited
{
    margin-left:0px !important;
}

.fondo a:hover
{
    margin-left:0px;
}

.fondo a:active
{
    margin-left:0px;
}

.Revista:hover
{
background-image: url('../Images/btn/OverBotonRevista.png') !important;
}
.Videos:hover
{
background-image: url('../Images/btn/OverBotonVideos.png') !important;
}
.Documentos:hover
{
background-image: url('../Images/btn/OverBotonDocumentos.png') !important;
}
.VideoGastoPublico:hover
{
background-image: url('../Images/BotonesGastoPublico1.png') !important;
}
.VideoIndicadores:hover
{
background-image: url('../Images/BotonesTutorialIndicadores1.png') !important;
}

.ReporteRendicion:hover
{
background-image: url('../Images/btn/OverBotonReporteRendicion.png') !important;
}
.ConsultaIndicadores:hover
{
background-image: url('../Images/btn/OverBotonConsultaIndicadores.png') !important;
}
.CargueDatos:hover
{
background-image: url('../Images/btn/OverBotonCargaDatos.png') !important;
}


.IndicadorQ:hover
{
background-image: url('../Images/logos/PaginaAcercaDe/OverAcercaDeQsIndicador.png') !important;
}
.DocInteres:hover
{
background-image: url('../Images/logos/PaginaAcercaDe/OverAcercaDeDocsInteres.png') !important;
}
.VinInteres:hover
{
background-image: url('../Images/logos/PaginaAcercaDe/OverAcercaDeVinculos.png') !important;
}
.Quienes:hover
{
background-image: url('../Images/logos/PaginaAcercaDe/OverAcercaDeQSomos.png') !important;
}
.Informes:hover
{
background-image: url('../Images/logos/PaginaAcercaDe/OverAcercaDeInformes.png') !important;
}


.IndTematicas:hover
{
    background-image: url('../Images/btn/Over.png') !important;
}

.Ninez:hover
{
    background-image: url('../Images/btn/OverBotonIndNiñez.png') !important;
}

.indicadores:hover
{
    background-image: url('../Images/btn/OverInd.png') !important;
}

.FondoE:hover
{
    background-image: url('../Images/btn/FondoE.png') !important;
}

.FondoRevista:hover
{
    background-image: url('../Images/btn/btn_revista_over.png') !important;
}

.FondoVideosIndex:hover
{
    background-image: url('../Images/btn/btn_videotutoriales_over.png') !important;
}

.FondoDocumento:hover
{
    background-image: url('../Images/btn/btn_documentos_over.png') !important;
}

.FondoLineamiento:hover
{
    background-image: url('../Images/btn/btn_lineamientos_over.png') !important;
}

.Rutasmapac230:hover
{
    background-image: url('../Images/btn/OverInd.png') !important;
}
/*  Posición Pag. Acerca de

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

.ImgU{
position: absolute; 
z-index: 1; 
left: 0px; 
top: 0px;
}
.ImgUOver{
position: absolute; 
z-index: 2; 
left: -7px; 
top: 20px;
}
.ImgD{
position: absolute; 
z-index: 1; 
left: 344px; 
top: 0px;
}
.ImgDOver{
position: absolute; 
z-index: 2; 
left: 454px; 
top: 20px;
}
.ImgT{
position:absolute; 
left:0px; 
top:200px; 
z-index:1;
}
.ImgTOver{
position:absolute; 
left:133px; 
top:180px; 
z-index:3;
}
.ImgC{
position:absolute; 
left:345px; 
top:200px; 
z-index:1;
}
.ImgCOver{
position:absolute; 
left:361px; 
top:170px; 
z-index:3;
}
.ImgCeOver{
position:absolute; 
left:243px; 
top:34px; 
z-index:2;
}



/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    color: #666666;
    width: 979px;
    height: 117px;
}

.loginDisplay a:link
{
    color: white;
    margin-left: 35px;
    margin-right: 0px;
    }

.loginDisplay a:visited
{
    color: white;
    width: 100%;
}

.loginDisplay a:hover
{
    color: white;
    width: 100%;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
    margin-top: 0px;
}

.select
{
	font-family: verdana;
	font-size: 12px;
	color:white;
	background-color:#666;
	z-index:1;
	width:100%;
}

/* Copyright © Maxim Saplin 2010, 2011
   Under LGPL License */

div.dd_chk_select_cust
{
    font-size: 16px !important;
    font-weight:bold !important;
}

div.dd_chk_select_cust div#caption
{
	height: 17px !important;
	top: 0px !important;
}

div.dd_chk_drop_cust div#checks
{
	border-style: Solid !important;
	border-width: 1px !important;
	border-color: Black !important;
}

div.dd_chk_select_cust:hover
{
	background-image: url("/Images/hoverButton.gif") !important;
	cursor: pointer;
}

.submitButton
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    text-align:center; background:#04b304; 
    padding: 10px; color: #fff; font-size:13px;
	text-decoration: none;
    height: 42px;
    width: 105px;
}

.button { /* clase general */
  border: 1px solid #dedede;
  border-radius: 3px;
  color: #555;
  display: inline-block;
  font: bold 12px/12px HelveticaNeue, Arial;
  padding: 8px 11px;
  text-decoration: none;
}

.button.white{
  background: #f5f5f5;
  border-color: #dedede #d8d8d8 #d3d3d3;
  box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
  color: #555;
  text-shadow: 0 1px 0 #fff;
  background: -moz-linear-gradient(top,  #f9f9f9, #f0f0f0);
  background: -webkit-linear-gradient(top,  #f9f9f9, #f0f0f0);
  background: o-linear-gradient(top,  #f9f9f9, #f0f0f0);
  background: ms-linear-gradient(top,  #f9f9f9, #f0f0f0);
  background: linear-gradient(top,  #f9f9f9, #f0f0f0);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0');
}

.button.white:hover{
    background: #f4f4f4;
    border-color: #c7c7c7 #c3c3c3 #bebebe;
    box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
    text-shadow: 0 1px 0 #fdfdfd;
    background: -moz-linear-gradient(top,  #efefef, #f8f8f8);
    background: -webkit-linear-gradient(top,  #efefef, #f8f8f8);
    background: -o-linear-gradient(top,  #efefef, #f8f8f8);
    background: -ms-linear-gradient(top,  #efefef, #f8f8f8);
    background: linear-gradient(top,  #efefef, #f8f8f8);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f8f8f8');
}

.centro1
{
    background-position: right center;
    background-image: url('../Images/center.png');
    background-repeat: no-repeat;
    width: 640px;
    height: 198px;
    margin: 0 auto;
    text-align: left;
}   
.mssg
{
    color: #FF0000;
}
/*.style12
        {
            width: 22px;
            height: 23px;
            border:50px;
        }*/
        
.feet2
{
    text-align:left;
    /*margin-right: 10px;*/
    height: 127px;
}


.ColumnIzq
{
    vertical-align: top;
}

@charset "utf-8";
/* CSS Document */


/*======menu_inferior=========*/

.menu_inferior 
{
    position: relative;
    margin: 0px;
    padding: 0px;
   
    background-image: url('../Images/logos/PaginaInicio/PiePagina_Viñeta.png');
    background-repeat: no-repeat;
    top: -10px;
    left: 0px;
    height: 147px;
}



.logo_gobiernos {
	font-size: 0;
	line-height: 0;
	text-indendt: -9999%;
	position: absolute;
	top: 25px;
	left: 39px;
    height: 45px;
    width: 187px;
}

.logo_prosperidad {
	
	font-size: 0;
	line-height: 0;
	text-indent: -9999%;
	position: absolute;
	top: 75px;
	left: 39px;
    height: 70px;
    width: 164px;
}

.logo_DPS {
	font-size: 0;
	line-height: 0;
	text-indent: -9999%;
	position: absolute;
	top: 26px;
	right: 43px;
    height: 98px;
    width: 105px;
}

.logo_Apoyo {
	font-size: 0;
	line-height: 0;
	text-indent: -9999%;
	position: absolute;
	top: 19px;
	right: 176px;
}

.menu_inferior ul {
list-style: none;
padding: 0;
margin:0;
position: absolute;
}

.menu_inferior ul li{
margin-bottom: 2px;
}

.menu_inferior ul.columna1 li, .menu_inferior ul.columna2 li, .menu_inferior ul.columna3 li {
height: 18px;
font-size: 12px;
}

.menu_inferior ul.columna1 {
top: 16px;
left: 294px;
}

.menu_inferior ul.columna2 {
top: 16px;
left: 440px;
}

.menu_inferior ul.columna3 {
top: 16px;
left: 585px;
    width: 86px;
}

.menu_inferior .selects {
position:absolute;
top: 15px;

}

.menu_inferior .selects h3 {
font-size: 13px;
margin-bottom: 7px;
color: #666;
}

.menu_inferior .selects select {
width: 148px;
font-size: 11px;
color: #666;
margin-bottom: 10px;
background-color: #e5e5e5;
border-radius: 4px;
padding: 2px 0 2px 2px;
border: 1px solid  #e5e5e5;
}
        
.textBox { border:1px solid #cccccc; height: 28px; width:85%; background:#f7f7f7; vertical-align:middle;}
.label { font-size: medium; font-weight: bold; }
.comboBox { border:1px solid #cccccc; height: 28px; width:85%; background:#f7f7f7; vertical-align:middle; }
.inputForm{ border:1px solid #cccccc; height: 28px; width:200px; background:#f7f7f7; vertical-align:middle;}
.menuIzquierdo{ width:25%; margin:20px 20px 0 0; }
.menuIzquierdo div{ background:#04b304; margin-bottom:2px; color:#fff; font-size:13px; font-weight:normal; padding: 4px 8px 0px ; 
                    border-bottom:1px solid #cdcdcd; width: 70%; margin-left:2.5%; }
.menuIzquierdo div a, .menuIzquierdo div a:active, .menuIzquierdo div a:link{ color:#fff; font-size:13px; font-weight:bold; }
.menuIzquierdo div a:hover{ text-decoration:underline; }
.menuIzquierdo div:first-child{ margin-top:20px; }
.marginLt{ margin-left:20px; }