@charset "utf-8";
 
header, footer, article, nav, section, aside, time, hgroup {
	display : block;
}
html, body, header, footer, article, nav, section, aside, time, h1, h2, h3, h4,  p, a, ul, li, fr, dd, dt, table, thead, tfoot, tbody, th, tr, td {
	
}

/***************************/
/* ESTRUCTURA              */
/***************************/
body {
	font: 1em/130% Verdana, Geneva, Arial, helvetica, sans-serif;
	/*background-color: #000000;
	background: -webkit-gradient(linear, 0 0, 0 100%, from( #CCC), to( #FFF)); */
        background: url(../img/3780b629.png);
        background-repeat: repeat;
	border-top : 5px solid 0489B1;
	color : #444;
}


  
#pagewrap {
	padding:0%;
	width: 99%;
	margin:0% auto;
        
 	
}
#header {
	height:0%;
	background: #000;
	box-shadow: inset -0.1em 0em 0.35em 0em rgba(0,0,0,0.15);
	color: #fff; 
}

 

#content {
       
	width: 81%;
	float: right;
        background: url(../img/3780b629.png);
        background-repeat: repeat;
        position:relative;
}
#section{
float: left;	 

}


#sidebar {
         
	width: 18% ;
	float: left;
	color: #FFF;
        background-size:50%;
          font-weight: bold;
        height : 100%; 
        position : relative;	 
        background: #8f0222;
        box-shadow: inset -0.1em 0em 0.35em 0em rgba(0,0,0,0.15);
}
// cuadro bsc
#contenedor {
    
    display: table;
    border: 0px solid #000;
    width:  100%;
    text-align: center;
    margin: 0 auto;
}
#contenidos {
    display: table-row;
}
#columna1, #columna2, #columna3 {
    display: table-cell;
    border: 0px solid #000;
    vertical-align: top;
    padding: 10px;
}


#sidebar_container { 
  float:left;
  width: 224px;
  padding: 20px 20px 20px 20px;
}

/* Footer */
footer {
	border-top : 1px dotted #B5B3A9;
	clear : both;
	margin : 0.5px 0;
	text-align: right;
}
footer a, footer p {

  color : #666;
  display : inline;
  font-size : 10px;
}

        
 
/***************************/
/* LETRAS              */
/***************************/
a {
	color: #FFF;
        font:bold 1em/100%   Verdana, Geneva, Arial, helvetica, sans-serif;
        texto-decoration: none;
}
a:hover {
	texto-decoration: underline;
}
h1 {
	font: bold 36px/100% Verdana, Geneva, Arial, helvetica, sans-serif;
	border-bottom:1px solid #ccc;
	font-size:11px;
	letter-spacing:7px;
	margin-bottom:10px;
	text-transform:uppercase;
	text-align: center;
}
h2{
	text-align: left  ;
}
h3{
	text-align: right;
        
} 
h4{
    font: bold 13px/100% Verdana, Geneva, Arial, helvetica, sans-serif;
	text-align: right;
} 
h5{
    font: bold 13px/100%Verdana, Geneva, Arial, helvetica, sans-serif;
    text-align: center;
} 
h6{
    font:   12px/100%Verdana, Geneva, Arial, helvetica, sans-serif;
    text-align: center;
    padding: 7px 0px 0 0;
    margin:5px 5px  0 0 ;
} 


/***************************/
/* sidebar CUADRO              */
/***************************/
.sidebar { 
       
    display: table;
    border: 0px solid #000;
    text-align: center;
    margin: 0 auto;  
    float: right;
    width: 93%;
 
  margin: 10px 20px 20px 20px;
  background:#f7f7f7;
	background:-moz-linear-gradient(90deg, #ccc, #fff); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Webkit */
	border:1px solid #aaa;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-box-shadow:0 0 15px #aaa;
	-webkit-box-shadow:0 0 15px #aaa;
  padding: 0 15px 5px 13px;
}
  
 

 
.sidebar h4 { 
 text-align:left;
  padding: 1px 1px 1px 0;
  margin:5px 15px 0 0 ;
  color: #cd0a0a;
}
.sidebar h5 { 
 font: 10px/100%Verdana, Geneva, Arial, helvetica, sans-serif;
 text-align:left;
 padding: 1px 1px 1px 0;
 margin:5px 15px 0 0 ;
}



 
.sidebar table{
	border-collapse : collapse;
	margin: 0px;
         
	}
        
 .sidebar tfoot{
        background: transparent;
        }
.sidebar	caption {
		-moz-border-radius : 4px;
		-webkit-border-radius : 4px;
		background: #0489B1;
		color : #FFF;
		}
.sidebar	tr:nth-child(odd) { 
		background : transparent;
		}
.sidebar	tr:nth-child(even) {
		background : transparent;
		}
.sidebar	tr:hover td {
                color : #c94663;
		}
.sidebar	td, th {
		text-align:inherit;
		min-width : 30px;
		padding: 0 5px;
		vertical-align:top;
		}
          
.sidebar	th{
                
		background : transparent;
		border-bottom : 0px solid #666;
		color : #c94663;
		font-size : 10px;
		font-weight : bold;
                
		}
.sidebar	td{
		text-align: justify; 
		font-size : 10px;
		}
   



/***************************/
/* form 				   */
/***************************/
form{
	background:#f7f7f7;
	background:-moz-linear-gradient(90deg, #ccc, #fff); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Webkit */
	border:1px solid #aaa;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-box-shadow:0 0 15px #aaa;
	-webkit-box-shadow:0 0 15px #aaa;
	margin:0px auto 0;
	padding:10px ;
	width:510px;
}
h1{
	border-bottom:1px solid #ccc;
	font-size:11px;
	letter-spacing:0px;
	margin-bottom:10px;
	text-transform:uppercase;
	text-align:center;
}
form p{
	margin-bottom:0px;
}
form p:last-child{
	margin-bottom:0;
}
label{
	cursor:pointer;
	display:block;
	float:left;
	font-size:11px;
	font-weight:bold;
	line-height:20px;
	margin-bottom:10px;
	width:230px;
}
form p:hover label{
	color:#8f0222;
}
form p:hover label:after{
	content:" »";
}
input[type=text],input[type=number], input[type=password], input[type=date]{
	background: rgba(255, 255, 255, 0.9);
	background:-moz-linear-gradient(90deg, #fff, #eee); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff), color-stop(0.2, #fff)); /* Webkit */
	border:1px solid #aaa;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 0 3px #aaa;
	-webkit-box-shadow:0 0 3px #aaa;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border : 1px solid #CCC; 
	font-size : 11px;
	padding : 4px 5px;
	width : 190px;	 

}
input[type=text], input[type=number]:focus,
input[type=password]:focus{
	border-color:#093c75;
	-moz-box-shadow:0 0 3px #8f0222;
	-webkit-box-shadow:0 0 3px #8f0222;
	outline:none; /* Pour enlever le contour jaune lorsque l'on sélectionne un input dans Chrome */
}



input[type=button], button{
	background:#ddd;
	background:-moz-linear-gradient(90deg, #8f0222, #f57d91); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#f57d91), to(#8f0222)); /* Webkit */
	border:1px solid #12181f;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 1px 0 #fff;
	-webkit-box-shadow:0 1px 0 #fff;
	color:#fff;
	cursor:pointer;
	font-size:11px;
	font-weight:bold;
	margin-left:355px;
	padding:5px 10px;
	text-decoration:none;
	text-shadow:0 1px 1px #333;
	text-transform:uppercase;
}
input[type=button]:hover,
button:hover{
	background:#eee;
        background:-moz-linear-gradient(90deg, #8f0222, #f57d91); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#f57d91), to(#8f0222)); /* Webkit */
	border-color:#093c75;
	text-decoration:none;
}
input[type=button]:active,
input[type=button]:focus,
button:active,




button:focus{
	background:#ccc;
	background:-moz-linear-gradient(90deg, #4a1010, #8f0222); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#4a1010), to(#f57d91)); /* Webkit */
	border-color:#093c75;
	outline:none;
}

 select {
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border : 1px solid #CCC; 
		font-size : 11px;
		padding : 4px 5px;
		width : 200px;
	}

#contenedor {
    display: table;
    border: 0px solid #000;
    width:  100%;
    text-align: center;
    margin: 0 auto;
}
#contenidos {
    display: table-row;
}
#columna1, #columna2, #columna3 {
    display: table-cell;
    border: 0px solid #000;
    vertical-align: top;
    padding: 10px;
}
        
        
        
  
#options{
	margin-bottom:20px;
}
#options p{
	display:none;
}
#options .show{
	display:block;
}
#options:target .show{
	display:none;
}
#options .hide{
	display:none;
}
#options:target .hide{
	display:block;
}
#options:target p{
	display:block;
}

 
 /* .......................................................................          */
 
 
 
table{
	border-collapse : collapse;
	margin: auto;
        text-align:left;
	}
        
        tfoot{
        background: #8f0222;
        }
	caption {
		-moz-border-radius : 4px;
		-webkit-border-radius : 4px;
		background: #0489B1;
		color : #FFF;
		}
	tr:nth-child(odd) { 
		background : #FFF;
		}
	tr:nth-child(even) {
		background : #DDD;
		}
	tr:hover td {
	color : #18B9E4;
		}
	td, th {
		text-align:inherit;
		min-width :15px;
		padding: 0 8px;
		vertical-align:top;
                line-height: 2; font-size: 1em;
		}
          
	th{
                
		background : #FFF;
		border-bottom : 2px solid #666;
		color : #666;
		font-size : 10px;
		font-weight : bold;
		}
	td{
		text-align: justify;
                border-bottom : 1px solid #CCC;
		font-size : 10px;
                
		}
  
 
/***************************/
/* Logo                    */
/***************************/

#logo
	{
		font-family: ' ', sans-serif;
		font-weight: 700;
		font-size: 3.4em;
		letter-spacing: 0.1em;
                
	}
	
		#logo a
		{
			display: block;
			background-color: #c94663;
			background-image:url(/indicadores/img/logo.png);
			padding: 0.875em 0.25em;
			border-radius: 0.2em;
			text-align: center;
			box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.15), 0 0.025em 0.15em 0em rgba(0,0,0,0.25);
			text-decoration: none;
			color: #fff;
                        
                        background-position: top;
                        background-size:90%;
                        clear:both;
                        
		}
 

  

/***************************/
/* article                    */
/***************************/


article {
	border-right : 1px dotted #666;
        text-align: center;
	alignment-adjust: central;
        float:right; 
        padding: 20px 20px;
	 width: 90%;
         
        
	}
	article p {
            margin : 110px 0 1px 0;
            text-justify: distribute;
            font: bold 36px/100% Verdana, Geneva, Arial, helvetica, sans-serif;
            
            font-size:11px;
            margin-bottom:10px;
            text-transform:uppercase;
            text-align: center;
	}
	article a {
                text-decoration: none;
		margin : 0 0 1px 0; 
		text-justify: distribute;
                color: #000000;
                text-transform:uppercase;
                 
	}
	article img {
		float : left;
		margin : 6px 10px 0 0.4;
	}



/***************************/
/* Iconos                    */
/***************************/


 
#ourteam{
        background-size:100%;
	background-position:center;
	background-repeat: no-repeat;	 
	width: 100px;
	height: 100px;
	float:left;
	margin :10px 10px 50px 20px; 
	
}
#ourteam11{
	
        background-image: url(/indicadores/img/informe/gestion.png);
        background-size:100%;
	background-position:center;
	background-repeat: no-repeat;	 
	width: 100px;
	height: 100px;
	float:left;
	margin :10px 10px 50px 20px; 
	
}
#ourteam111{
	
        background-image: url(/indicadores/img/informe/gestionp.png);
        background-size:100%;
	background-position:center;
	background-repeat: no-repeat;	 
	width: 100px;
	height: 100px;
	float:left;
	margin :10px 10px 50px 20px; 
	
}
#ourteam22{
    	background-image: url(/indicadores/img/informe/indic.png);
        background-size:100%;
	background-position:center;
	background-repeat: no-repeat;	 
	width: 100px;
	height: 100px;
	float:left;
	margin :10px 10px 50px 20px;   
	
}
#ourteam33{
	
        background-image: url(/indicadores/img/informe/ejes.png);
        background-size:100%;
	background-position:center;
	background-repeat: no-repeat;	 
	width: 100px;
	height: 100px;
	float:left;
	margin :10px 10px 50px 20px; 
	
}
#ourteam44{
	background-image: url(/indicadores/img/informe/obj.png);
        background-size:100%;
	background-position:center;
	background-repeat: no-repeat;	 
	width: 100px;
	height: 100px;
	float:left;
	margin :10px 10px 50px 20px; 
}
#ourteam55{
	background-image: url(/indicadores/img/informe/lider.png);
        background-size:100%;
	background-position:center;
	background-repeat: no-repeat;	 
	width: 100px;
	height: 100px;
	float:left;
	margin :10px 10px 50px 20px; 
}

// configuracion

#ourteam{
        background-size:100%;
	background-position:center;
	background-repeat: no-repeat;	 
	width: 100px;
	height: 100px;
	float:left;
	margin :10px 10px 50px 20px; 
	
}
#ourteam1{
	
        background-image: url(/indicadores/img/confg/cfg.png);
        background-size:100%;
	background-position:center;
	background-repeat: no-repeat;	 
	width: 100px;
	height: 100px;
	float:left;
	margin :10px 10px 50px 20px; 
	
}

#ourteam2{
    	background-image: url(/indicadores/img/confg/obj.png);
        background-size:100%;
	background-position:center;
	background-repeat: no-repeat;	 
	width: 100px;
	height: 100px;
	float:left;
	margin :10px 10px 50px 20px;   
	
}
#ourteam3{
	
        background-image: url(/indicadores/img/confg/eje.png);
        background-size:100%;
	background-position:center;
	background-repeat: no-repeat;	 
	width: 100px;
	height: 100px;
	float:left;
	margin :10px 10px 50px 20px; 
	
}
#ourteam4{
	background-image: url(/indicadores/img/confg/resp.png);
        background-size:100%;
	background-position:center;
	background-repeat: no-repeat;	 
	width: 100px;
	height: 100px;
	float:left;
	margin :10px 10px 50px 20px; 
}
#ourteam5{
	background-image: url(/indicadores/img/confg/in.png);
        background-size:100%;
	background-position:center;
	background-repeat: no-repeat;	 
	width: 100px;
	height: 100px;
	float:left;
	margin :10px 10px 50px 20px; 
}
 
#ourteam6{
	background-image: url(/indicadores/img/confg/meta.png);
        background-size:100%;
	background-position:center;
	background-repeat: no-repeat;	 
	width: 100px;
	height: 100px;
	float:left;
	margin :10px 10px 50px 20px; 
}
 
#ourteam7{
	background-image: url(/indicadores/img/confg/segui.png);
        background-size:100%;
	background-position:center;
	background-repeat: no-repeat;	 
	width: 100px;
	height: 100px;
	float:left;
	margin :10px 10px 50px 20px; 
}
 
#ourteam8{
	background-image: url(/indicadores/img/confg/msj.png);
        background-size:100%;
	background-position:center;
	background-repeat: no-repeat;	 
	width: 100px;
	height: 100px;
	float:left;
	margin :10px 10px 50px 20px; 
}
 
#ourteam9{
	background-image: url(/indicadores/img/confg/seg.png);
        background-size:100%;
	background-position:center;
	background-repeat: no-repeat;	 
	width: 100px;
	height: 100px;
	float:left;
	margin :10px 10px 50px 20px; 
}
 





/***************************/
/* menu                    */
/***************************/

.menu_list {	
	width: 100%;
}
.menu_head {

    padding: 0.5em 0 0.5em 0;
    cursor: pointer;
    position: relative;
    margin:2px 2px;
    background: #8f0222;
    border-top: solid 1px rgba(0,0,0,0.25);
    box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.075);
    padding: 0.5em 0 0.5em 1em;
    
}
.menu_head  a{
    display:block;
    color: #FFF;
    background-color:#8f0222;
    padding: 0.4em 0em 0.4em 0em;
    text-decoration: none;
    border-radius: 0.4em;
    outline: 0;
    -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out;
    -o-transition: background-color .25s ease-in-out, color .25s ease-in-out;
    -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out;
    transition: background-color .25s ease-in-out, color .25s ease-in-out;

}
.menu_head  a:hover{
  
  text-decoration:underline;
  background-color: rgba(255,255,255,0.1);
  color: #CCC;
  }
.menu_body {
	display:none;
}
.menu_body a{
    display:block;
    color: #FFF;
    background-color:#8f0222;
    padding: 0.4em 1em 0.4em 2.5em;
    text-decoration: none;
    border-radius: 0.4em;
    outline: 0;
    -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out;
    -o-transition: background-color .25s ease-in-out, color .25s ease-in-out;
    -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out;
    transition: background-color .25s ease-in-out, color .25s ease-in-out;

}
.menu_body a:hover{
  text-decoration:underline;
  background-color: rgba(255,255,255,0.1);
  color: #DDD;
  }
 
/***************************/
/* ACORDEON                */
/***************************/

nav {
  overflow-y: auto;
  background: transparent;
}

dt, dd a {
   
  display: block;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #333;
}

dt {
  cursor: pointer;
  outline: none;
}

dl {
  margin: 0;
}

dd a {
  text-decoration: none;
}
dd a:hover {
  color: #0d0d0d;
}
dd a:active {
  color: black;
}

.accordion-element__term {
 
}
.accordion-element__term.active, .accordion-element__term:hover, .accordion-element__term:focus {
  background-color: #eee;
}

 

/***************************/
/* HTML5                   */
/***************************/




#header, #content, #sidebar {
	margin-bottom: 5px;
}
#pagewrap, #header, #content, #sidebar, #footer {
	border: solid 1px #ccc;
}
 




/***************************/
/* RESPONSIVE              */
/***************************/
/* 
@media screen and (max-width: 980px) {
	
	
	#sidebar {
		width: 30%;
	}
	#pagewrap {
		width: 94%;
	}
	#content {
		width: 65%;
	}
	

}
 
@media screen and (max-width: 700px) {

	#sidebar {
		width: auto;
		float: none;
	}
	#content {
		width: auto;
		float: none;
	}
	

}
 
@media screen and (max-width: 480px) {

	#header {
		height: auto;
	}
	#sidebar {
		display: none;
	}
	h1 {
		font-size: 24px;
	}
	

}
*/