body {
	font-family: Tahoma,Arial,Verdana;
	font-size: 12px;
	color: black;
}

:focus{
  background: rgb(233,243,253);
}

/******************************************************/
/*header 2017*/

.header_main-content {
    margin-top: 40px;
}


.header_main-content {
    margin-top: 40px;
}

.titulo-formulario {
    padding-top: 30px;
    float: right;
    text-align: right;
}

.titulo-formulario> .normal-weight, .titulo-formulario> .bold-weight{
    margin: 0;
    font-family: 'Roboto Slab';
    font-size: 20px;
    line-height: 20px;
}

.titulo-formulario> .normal-weight{
    color: #8d143d;
    font-weight: 700;
}

.titulo-formulario> .bold-weight{
    color: #631028;
    font-weight: 400;
}

/*---*/
@media (min-width: 1200px) {
    .follow-us {
        width: 100%;
        /*padding: 0 28%;*/
        margin: 9% 0;
    }
    .titulo-formulario> .normal-weight, .titulo-formulario> .bold-weight{
        font-size: 22px;
    }
}
@media (max-width: 992px) {
    .titulo-formulario> .normal-weight, .titulo-formulario> .bold-weight{
        font-size: 18px;
    }
}

@media ( max-width :768px) {
    .logo_dane-2017 img {
        max-width: 60%;
        margin-right: auto;
        margin-left: auto;
    }
    .titulo-formulario {
        padding-top: 35px;
        text-align: center;
    }
    .titulo-formulario h1, .titulo-formulario h2{
        font-size: 28px;
    }

}


@media ( max-width :767px) {
    .logo_dane-2017 img {
        max-width: 40%;
        margin-right: auto;
        margin-left: auto;
    }
    .titulo-formulario {
        padding-top: 35px;
        text-align: center;
        float: none;
    }
    .titulo-formulario> .normal-weight, .titulo-formulario> .bold-weight{
        font-size: 22px;
    }
    .titulo-formulario h1, .titulo-formulario h2{
        font-size: 28px;
    }
}

@media (max-width: 500px){
    .logo_dane-2017 img {
        max-width: 60%;
    }
}

/******************************************************/
/*footer 2017*/

.container-footer {
    /* Set the fixed height of the footer here */
    background-color: #FFF;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%;
    z-index: -1;
}

#footer {
    margin-top: 3px;
}

.footer-browser {
    font-size: x-small;
    text-align: center;
}


.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

.region-footer {
    background-color: #424242;
    bottom: 10px;
    color: #FFF;
}

/******************************************************/



thead {

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d2dfed+0,c8d7eb+26,bed0ea+51,a6c0e3+51,afc7e8+62,bad0ef+75,99b5db+88,799bc8+100;Grey+Blue+Gloss+%231 */
  /*background: rgb(210,223,237);
  background: -moz-linear-gradient(top, rgba(210,223,237,1) 0%, rgba(200,215,235,1) 26%, rgba(190,208,234,1) 51%, rgba(166,192,227,1) 51%, rgba(175,199,232,1) 62%, rgba(186,208,239,1) 75%, rgba(153,181,219,1) 88%, rgba(121,155,200,1) 100%);
  background: -webkit-linear-gradient(top, rgba(210,223,237,1) 0%,rgba(200,215,235,1) 26%,rgba(190,208,234,1) 51%,rgba(166,192,227,1) 51%,rgba(175,199,232,1) 62%,rgba(186,208,239,1) 75%,rgba(153,181,219,1) 88%,rgba(121,155,200,1) 100%);
  background: linear-gradient(to bottom, rgba(210,223,237,1) 0%,rgba(200,215,235,1) 26%,rgba(190,208,234,1) 51%,rgba(166,192,227,1) 51%,rgba(175,199,232,1) 62%,rgba(186,208,239,1) 75%,rgba(153,181,219,1) 88%,rgba(121,155,200,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2dfed', endColorstr='#799bc8',GradientType=0 ); */

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f6f6+0,dbdce2+21,b8bac6+49,dddfe3+80,f5f6f6+100;Grey+Pipe */
  background: rgb(245,246,246);
  background: -moz-linear-gradient(top, rgba(245,246,246,1) 0%, rgba(219,220,226,1) 21%, rgba(184,186,198,1) 49%, rgba(221,223,227,1) 80%, rgba(245,246,246,1) 100%);
  background: -webkit-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%);
  background: linear-gradient(to bottom, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 );

  text-align: center;
  margin-left:auto;
  margin-right:auto;
  vertical-align: middle;
  /*background-image: url("../images/ui-bg_glass_85_dfeffc_1x400.png");
  background-repeat: repeat-x;
      border-top: solid thick;
    */
}

a:link {color: #84c4e2;font-weight:bolder}
a:visited {color:#84c4e2;font-weight:bolder}
a:hover {color: #cd82ad;}
a:active {color: #84c4e2;font-weight:bolder}

.inputBloq {
	COLOR: #000066;
	BACKGROUND-COLOR: #D8D8D8;
	border: 1px solid #666666;
}

input[type=submit],
form tr td .boton,
.boton {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-weight: bolder;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    /*font-size: 14px;*/

    /*background-image: linear-gradient(to top, #DF7401 0px, #ffcc00 150%);*/
    background-image: linear-gradient(to bottom, #337ab7 0px, #265a88 100%);
    background-repeat: repeat-x;
    border-color: #ccccff;
    color: #ffffff;
}


.boton1 {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-weight: bolder;
    font-size: 11px;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;

    background-image: linear-gradient(to top, #FF0000 0px, #ffccff 200%);
    background-repeat: repeat-x;
    border-color: #ccccff;
    color: #ffffff;
}

.boton:hover {
    background-color: #27666b;
}

.comentario{
  color:#999999;
  font-size:10px;
}

form table td.enc_tabla {
	font-size: 80%;
	font-weight: bolder;
	margin-bottom: 0.5em;
	padding: 0.5em;
  text-align: center;
  vertical-align: middle;
}

form table td.enc_tablaIzq {
  font-size: 80%;
  font-weight: bolder;
  margin-bottom: 0.5em;
  padding: 0.5em;
  vertical-align: middle;
}

form table td.enc_tablaFondo {
  font-size: 80%;
  font-weight: bolder;
  margin-bottom: 0.5em;
  padding: 0.5em;
  vertical-align: middle;
  background-color: #E6E6E6;
  border-color: #D8D8D8;
}

.combo {
	border-style: outset;
	font-size: 80%;
	font-weight: bolder;
	margin-bottom: 0.5em;
	padding: 0.5em;
}

table tr td{
	padding:1px !important;
	table-layout: fixed;
	overflow: hidden;
	/*width:300px;*/
}

/** Estilos CSS para QTIP ***/
.qtipDANE{
	font-family: Tahoma,Arial,Verdana;
	font-size: 12px;
	color: black;
	border: 3px solid #E00078;
}




/* ___________ Colorbar ____________________ */

#colorbar {
  position:relative;
  width:101%;
  height: 15px;
  /*margin-left:1px;*/
  background-color: #E2007A;
  top: -20px;
}
#color_container {
  height: 15px;
  width:70%;

  /*top: -20px;*/
}
#color0 {
  background-image: url("../../imagenes/pattern-dane.png");
  background-repeat: repeat-x;
  width: 100%;
  height: 20px ;
  /*background-color: #f5bc00;*/
  float: left;
}
#color1 {
  width: 30%;
  /*margin-top: 10px;*/
  height: 15px ;
  background-color: #f5bc00;
  float: left;
}
#color2 {
  width: 24%;
  /*margin-top: 10px;*/
  height: 15px ;
  background-color: #e87c28;
  float: left;
}
#color3 {
  width: 18%;
  height: 15px ;
  background-color: #C7D64F;
  float: left;
}
#color4 {
  width: 13%;
  /*margin-top: 10px;*/
  height: 15px;
  background-color: #58a333;
  float: left;
}
#color5 {
  width: 10%;
  /*margin-top: 10px;*/
  height: 15px ;
  background-color: #36a9e1;
  float: left;
}
#color6 {
  width: 5%;
  height: 15px ;
  background-color: #0080b5;
  float: left;
}

/* Custom Colored Panels */

.huge {
    font-size: 40px;
}

.disabledTab{
    pointer-events: none;
}
.panel-disabled {
    border-color: #aaa;
}

.panel-disabled > .panel-heading {
    border-color: #aaa;
    color: #aaa;
    background-color: #ccc;
}

.panel-disabled > a {
    color: #aaa;
}

.panel-disabled > a:hover {
    color: #aaa;
}



.panel-green {
    border-color: #5cb85c;
}

.panel-green > .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green > a {
    color: #5cb85c;
}

.panel-green > a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red > .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red > a {
    color: #d9534f;
}

.panel-red > a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow > .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow > a {
    color: #f0ad4e;
}

.panel-yellow > a:hover {
    color: #df8a13;
}

.pruebaimg{
	float: left;
	border: 1px solid #FF0000;
	background-image: url("../images/registro.png");
	background-repeat: no-repeat;
	background-position: left;
}

/** Estilos para utilizar fieldset */

legend.legendViolet{
color: #990099;
border-color: #990099;
}

legend.legendGreen{
color: #009900;
border-color: #009900;
}
legend.legendOrange{
color: #CC6633;
border-color: #CC6633;
}


/*Estilo del msj guardando*/
.msj_guarda{
display:none;
/*color: green;*/
}
.msj_error{
display:none;
color: red;
}
.msj_advertencia
{color:orange;
}