/* CSS Document */
@font-face {
  font-family: 'Corbel';
    src: url('corbel.eot'); /* Para Internet Explorer */
    src: local('corbel'), /* Para el resto de navegadores */
         url('corbel.ttf') format('truetype'),
         url('corbel.woff') format('woff'),
         url('corbel.svg') format('svg')
}
@font-face {
  font-family: 'Century Gothic';
    src: url('GOTHIC.eot'); /* Para Internet Explorer */
    src: local('GOTHIC'), /* Para el resto de navegadores */
         url('GOTHIC.ttf') format('truetype'),
         url('GOTHIC.woff') format('woff'),
         url('GOTHIC.svg') format('svg')
}
body{
	background-color: #f2f2f2;
}
header, footer{
	background-color: #019bbf;
	color: aliceblue;
	box-shadow: 0 2px 3px #aaa;
	/*height: 100px;*/
}
header{
	margin-bottom: 1em;
}
/*
footer{
	position: fixed;
	bottom: 0;
	width: 100%;
}
*/
.navbar-nav a{
	background-color: #019bbf;
	color: aliceblue;
}
.navbar-nav .active{
	font-weight: bolder;
}
.navbar-brand{
	color: aliceblue;
}
.navbar-brand a{
	color: aliceblue;
}
.navbar-brand a:hover{
	text-decoration: none;
	color: aliceblue;
}
.container{
	margin-top: 0;
}
@media (min-width: 768px) { /*tamaño para PC*/
	.cuerpo{
		min-height: 20em;
		bottom: 0;
	}
}
.cuerpo{
	min-height: 200px;
	bottom: 0;
}
.titulos{
	background-color: #FFF;
	border-bottom: 2px solid #e1e3e5;
	padding: 1em 10% 1em 10%;
	color:#666;
	text-align: left;
}
.bordes{
	border: 1px dashed #000;;
}
.borde-izq{
	border-right: 1px solid aliceblue;
}
.registro{
	/*border: 1px solid #000;*/
	display: inline-block;
	vertical-align: top;
	margin: 1em 4.5% 1em 0.5%;
	/*max-width: 250px;*/
	width: 100%;
	/*min-height: 31em;*/
	
}
.documentos{
	/*border: 1px solid #000;*/
	display: inline-block;
	vertical-align: top;
	margin: 1em 4.5% 1em 0.5%;
	/*max-width: 250px;*/
	width: 100%;
	min-height: 19em;
}
.panel, .conceptos{
	background-color: #FFF;
	padding: 1em 10% 0.2em 10%;
	color:#666;
	text-align: left;
}
.conceptos{
	padding: 1em 1% 0.2em 1%;
}
#reg_afil{
	border: medium;
	background-color: #FFF;
	padding: 2em 10% 2em 10%;
	text-align: left;
	width: 100%;
}
#reg_afil legend{
	border-bottom: 1px solid #e1e3e5;
	padding: 0.5em 0 0.5em 0;
	color: #333;
	/*font-family: Century Gothic;*/
	font-size: 1.2em;
}
#reg_afil label{
	display: block;
	color: #666;
	font-family: arial, sans-serif;
	font-size: 1.1em;
	padding: 0.2rem 0 2px;
}
#reg_afil input.texto, select{
	border: medium #e1e3e5 solid;
	border-radius: 4px;
	color: #666666;
	font-size: 1em;
	height: 2.6em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	padding-top: 0.2em;
	width: 100%;
	font-family: arial, sans-serif;
}
#reg_afil input.botonenviar{
	background-color: #019bbf;
	border: 0;
	color: #FFF;
	display: inline;
	/*float: left;*/
	font-family: arial, sans-serif;
	height: 2em;
	/*margin-left: 160px;*/
	margin-top: 1em;
	text-align: center;
	width: 60%;
	vertical-align: top;
}
.elerror, .errorusuario {
	/*background-color: #FFBABA;
    background-image: url(../imagenes/error.png);
	background-repeat: no-repeat;*/
	/*display:inline-block;
    color: #F05100;*/
	font-size:0.8em;
	height: 2em;
	margin-top: 0.2em;
	padding: 0.1em 0 0.2em 1em;
	visibility: hidden;
	/*z-index: 0;*/
}
.errorusuario {
	margin-top: 0;
	visibility: visible;
}
.btn{
	/*background-color: #673bb7;*/
	background-color: #019bbf;
	border: 2px;
	border-radius: 2px;
	color: #FFF;
}
.btn-sobre{
	/*background-color: #019bbf;*/
	/*background-color: #673bb7;*/
	color: #FFF;
	border: 2px;
	border-radius: 2px;
}
.btn-sobre:hover {
	text-decoration: none;
	background-color: #673bb7;
	color: #FFF;
}
.btn-cab{
	/*background-color: #019bbf;*/
	/*background-color: #673bb7;*/
	color: #FFF;
	border: 2px;
	border-radius: 2px;
	width: 100%;
}
.btn-cab:hover {
	text-decoration: none;
	background-color: #673bb7;
	color: #FFF;
}
/*
.btn-sobre:active, .btn-sobre:visited {

}
*/
.sumtotal{
	border: none;
	text-align: right;
}
.noselec{
	/*border: 1px solid #B9BEB0;*/ 
	display: block;
	text-align: right;
	margin: 0 3% 0 2em;
	height: 1em;
	/*width: 100%;*/
}
.confirma_datos{
	background-color: #f5f6f8;
	border: 1px solid #e1e3e5;
	padding: 1em 2% 1em 2%;
	color: #222;
}
.celeste{
	color: #019bbf;
}
.a_plomo a{
	color: #222;
}
.a_plomo a:hover{
	color: #222;
	text-decoration: none;
}