/**************************************/
/***  Colores Institucionales ***'
	E9BC00 (Amarillo)
	0098A6 (verde azul)
	004F6F (Azul Oscuro)
**********************************/
body{
	max-width: 1366px;
	min-width: 300px; 
	padding: 50px!important;
	margin:auto;
	text-align: center;
	border:0px solid black;
}

textarea{ 
	resize: none; 
	height: 150px; 
}

table{
	font-size: 0.9em;
}
table .glyphicon{
	font-size: 1.5em;
	margin:auto;
	color: rgb(168,207,69);
}
form{
	margin: auto;
	vertical-align: top;
}
form span{
	margin:10px;
	border-radius: 0.3em;
	display: block;
	font-size: 1.5em;
	background: #0098A6;
	color:#ffffff;
}
form div{
	vertical-align: top!important;
	width: 45%!important;
	margin: auto 5px!important;
	display: inline-block!important;
	border:0px solid black!important;
}
form textarea{	
	resize: none;
	min-height: 100px;
}
img{
	pointer-events: none;
}
iframe{
	width: 100%;
}
/**************************************/
.btn{ margin:10px; }
.modal-header{ background: #676767; color: #ffffff; margin:10px; font-size: 1.5em!important; }
.nota{ text-align: justify; width: 100%; }
/**************************************/
#consultar{max-width: 400px; margin:auto; border: 1px solid silver; padding: 5px 15px; border-radius: 0.5em; box-shadow: 0px 0px 5px silver;}
/**************************************/
@media only screen and (max-width: 1024px){
	form div{width: 100%!important;}
	#datos div{width: 100%!important;}
	#entrada,#ingreso{width: 100%;}
	#logo1{width: 100%;min-height: 50px;}
	#logo2{display: none;}
	nav img {width:600px;}
}
@media only screen and (max-width: 300px){
	form div{width: 100%!important;}
	#datos div{width: 100%!important;}
	#entrada,#ingreso{width: 100%;}
	#logo1{width: 100%;min-height: 50px;}
	#logo2{display: none;}
    nav img { width:100%;}
}
@media only screen and (max-width: 600px){
	form div{width: 100%!important;}
	#datos div{width: 100%!important;}
	#entrada,#ingreso{width: 100%;}
	#logo1{width: 100%;min-height: 50px;}
	#logo2{display: none;}
        nav img { width:100%;}
}
/**************************************/
@media only print {
	form,a { display: none; }	
	.modal-header { display: none; }	
	.glyphicon { display: none; }
	nav { display: none; }
}
/**************************************/