@charset "UTF-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Questrial);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700);
@import url(http://fonts.googleapis.com/css?family=Jockey+One);
@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
@import url('https://fonts.googleapis.com/css?family=Dancing+Script');

body {
        padding-top: 0px;
        padding-left: 0px;
        margin-top: 0px;
        margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #000000;
}

table {
	margin: auto;
	font-size: 9pt;
        font-family: Arial, Helvetica, sans-serif;
}
caption {
    font-size: 16px; 
    font-family: 'Oswald', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
td {
    font-size: 12px; 
    font-family: 'Oswald', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.titulo{
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 18px;
}
.trfondo {
    background-color: #f2f2f2;
}
.headers {
    font-size: 16px; 
    font-family: 'Oswald', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #cc0000;
    color: #ffffff;
    padding: 3px 5px 3px 5px;
    margin: 3px 5px 3px 5px;
    text-align: center;
}
.DB {
	white-space: nowrap;
	text-align: center;
	margin: 0px;
	padding: 4px;
}

input {
	font-size: 11pt;
	padding: 2px;
	margin: 2px;
	vertical-align: bottom;
	font-family: Arial, Helvetica, sans-serif;
        border: #666666 solid 1px;
}

.NM {
	padding: 5px 7px 5px 7px;
        border-radius: 25px;
	background-color: #E4E4E4;
	color: #000000;
	margin: auto;
	text-align: center;
}
.NE {
	padding: 5px 10px 5px 10px;
        border-radius: 25px;
	background-color:#CA1804;
	color: #FFFFFF;
	margin: auto;
	text-align: center;
}
.IN {
    margin: 0;
	color: #999999;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.DE1D {
	text-align: right;
	color: #666666;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	white-space: nowrap;
}

#contenedor {
  width: auto;
}
#cabecera {
}
#menu {
  float: left;
  width: 15%;
}
#contenido {  
 float: left; 
  width: 100%;
  text-align:center; 
}
#pie {
    margin-top: 15px;
    padding-top: 15px;
  
  text-align:center;
  font-family: 'Dancing Script', cursive;
}

/* estilos del sitio de montalvo probar y quizá usar/href directamente archivo css*/

.margenB{
	
	padding:15px 20px 10px 20px;
	
}

.btn2{
	font-family: 'Jockey One', sans-serif;
	margin:15px auto;
	padding:5px;
	background-color:#a72524;
	text-align:center;
	border-radius: 4px;
	font-size: 18px;
	color:#FFFFFF; /*rgba(255,255,255,1.00);*/
	width:auto;
	
}
.btnbuscar{
	font-family: 'Jockey One', sans-serif;
	margin:2px 3px 1px 3px;
	padding:1px;
	background-color:#a72524;
	text-align:center;
	border-radius: 4px;
	font-size: 18px;
	color:#FFFFFF; /*rgba(255,255,255,1.00);*/
	vertical-align: bottom;
}
.campo1{
	font-family: 'Questrial', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	max-width:265px;
	width:100%;
	height:auto;
	margin:2px;
	padding:5px;
	text-align:left;
	font-size:14px;
	color: rgba(63,63,63,1.00);
}

#accordion input {
    height: 20px;
}

/* Círculos de colores numerados */
span.red {
  background: red;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 15px;
  text-align: center;
  width: 1.6em; 
}
 
span.grey {
  background: #cccccc;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 15px;
  text-align: center;
  width: 1.6em; 
}
 
span.green {
  background: #5EA226;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 15px;
  text-align: center;
  width: 1.6em; 
}
 
span.blue {
  background: #5178D0;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 15px;
  text-align: center;
  width: 1.6em; 
  /*-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);*/
}
 
span.pink {
  background: #EF0BD8;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 15px;
  text-align: center;
  width: 1.6em; 
}
    
@font-face {
    font-family: myFirstFont;
    src: url(/fonts/Lora/Lora-Regular.ttf);
}

div {
    font-family: myFirstFont;
}
.tdizq {
	text-align: right;
}
.tder { /* alinear a la derecha*/
	text-align: left;
}
#filtro{
    margin-left: 20%;
    margin-right: 20%;
}
.circularesContenedor{
    /*border: 1px solid #E6E6E6;*/
    margin-left: 10%; /*15*/
    margin-right: 10%;
    margin-bottom: 20%;
    padding: 10px;
    padding-bottom: 20px;
}
.circularesContenedorMes{
    width: 480px;
    /*border: 1px solid #E6E6E6;*/
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20%;
    padding: 10px;
    padding-bottom: 20px;
}
.circularesContenedorpdf {
    width: 700px;
    /*border: 1px solid #E6E6E6;*/
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20%;
    padding: 10px;
    padding-bottom: 20px;
}

.circularesAnual{
    display: inline;
    text-align: center;
}
.circularestabla{
    display: inline;
    
}
.circularestabla a {
    text-decoration: none;
    border: 1px solid #E6E6E6;
    width: 115px;
    height: 100px;
    display: block;
    text-align: left;
    font-family: 'Questrial', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    margin:2px 3px 2px 3px;
    padding: 2px 3px 2px 3px;
}
.circularesAnual img{
    
     border: 1px solid #E6E6E6;
}
.circularestabla a:hover{
    
     border: 1px solid #58D3F7;
}
.circularesAnual img:hover {
    border: 1px solid #777;
}
#loading-div-background {
        display:none;
        position:fixed;
        top:0;
        left:0;
        background-color: white;
        background:black;
        width:100%;
        height:100%;
}
#loading-div
    {
         width: 300px;
         height: 200px;
         background-color: white; /*#0c0b0b*/
         text-align:center;
         position:absolute;
         left: 50%;
         top: 50%;
         margin-left:-150px;
         margin-top: -100px;
}