html,
body{
	margin:0px;
	padding:0px;
	font-family: sans-serif;
	height:100%;
	font-size:14px;
}

small{
	font-size:13px;	
}

textarea{
	resize:none;
}

label{
	font-weight: normal;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #CCC;
    margin: 1em 0;
    padding: 0; 
}

.modal-header{
	padding:10px 15px;
	background-color:#0065A4;
	color:#FFF;
}

.modal-header h4{
	font-size:16px;
}

.btn{
	border-radius: 0px;
}

select{
	color:#000;
}

.input-group{
	z-index: 0;
	position: relative;
}

.links{
	cursor:pointer;
}

.links:hover{
	text-decoration:underline;
}

.cursor-pointer{
	cursor:pointer;
}

#msj_php{
	display: none;
}

#contenedor{
	position: relative;
	min-height: 100%;
}

#contenedor:after{
	content:"";
	display: block;	
	margin-bottom:-80px;
}

#contenedor:after,
footer{
	height:80px;
}

footer{
	position: relative;
	background-color:#252525;
	box-shadow:inset 0px 6px 10px #393939;
	box-shadow:0px 0px 10px #393939;	
	color:#EEE;
	text-align: center;
	padding:10px;
}

#cargando{	
	display: none;
	text-align: center;
	border-radius:150px;
	margin:auto;
	z-index: 999999;
	padding:10px 15px;
	max-width:160px;	
	height:160px;
	background-color:#FFF;
	box-shadow: 0px 0px 10px #666;
}

#cargando img{
	border-radius:100px;
	width:100px;	
}

#cargando,
#bloqueo{
	position: fixed;
	top:0;bottom:0;left:0;right:0;
	margin:auto;
}

#bloqueo{
	position: fixed;
	display: none;
	z-index: 999998;
	width:100%;
	height:100%;
	min-height: 100%;	
	left:0;right:0;top:0;bottom:0;
	background-color:rgba(0,0,0,0.2);
}

.formularios{
	z-index: 3;
	margin:20px auto;
	position: relative;
	background-color:#FFF;
	max-width:1200px;
	border:1px solid #CCC;
	border-radius:10px;
	box-shadow: 0px 0px 10px #666;
}

.grilla{
	z-index: 3;
	background-color:#FFF;
}

.contenidos_formularios{
	padding:15px 20px;
}

.titulos_formularios{
	padding:10px 20px;
	border-bottom:1px solid #CCC;	
}

.titulos_formularios .fa-times{
	cursor: pointer;
	font-size:20px;
}

.footer_formularios{
	padding:15px 20px;
	border-top:1px solid #CCC;
}

.oculto{
	display: none;
}

.oculto-opacity{
	position: absolute;
	opacity:0;
}

.form-control{
	height:40px;
	font-size:16px;
}

#logo{
	max-width:300px;
	margin:auto;
}

#logo img{	
	width:100%;
}

#fondo{
	z-index: 0;
	position: fixed;
	top:0px;bottom:0px;left:0px;right:0px;
	width:100%;
	height:100%;
	min-height: 100%;
	max-height: 100%;
}

#fondo img{
	width:100%;
	height:100%;
}

.flex{
	display:-ms-flexbox;
	display:-moz-flex;
	display:-webkit-flex;
	display:-moz-box;
	display:-webkit-box;
	display:flex;
	flex-direction:row;	
}

.flex-wrap{
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}

.align-items-center{
	align-items: center;
	-webkit-align-items: center;
}

.align-items-flex-start{
	align-items: flex-start;
	-webkit-align-items: flex-start;
}

.align-items-flex-end{
	align-items: flex-end;
	-webkit-align-items: flex-end;
}

.justify-content-center{
	justify-content: center;
	-webkit-justify-content: center;
}

.justify-content-space-between{
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.tr-td-1,
.tr-td-2,
.tr-td-3{
	padding:5px 10px;
}

.tr-td-1{
	width:100%;
}

.tr-td-2{
	width:50%;
}

.tr-td-3{
	width:33.33%;
}

.col-md-12,
.col-md-6,
.col-md-4{
	margin-bottom:5px;
}