/*'***********  Colores Institucionales **********'
 'Color Oro: 255,204,41 (Matiz:30 Sat:240 Lum:139)
 'Color Naranja: 245,134,52 (Matiz:17 Sat:217 Lum:140)
 'Color Verde: 168,207,69 (Matiz:51 Sat:142 Lum:130)
 'Color Azul: 38,66,87 (Matiz:137 Sat:94 Lum:59)
 ' **********************************************'
*/
article{
	display: inline-block;
	margin: 5px auto;
	padding: 10px;
	width: 350px;
	vertical-align: top;
	min-height: 150px;
}
article span{
	border-radius: 0.5em;
	display: block;
	background: rgb(38,66,87);
	padding: 10px;
	color: #ffffff;
	text-align: center;
	margin: 2px auto;
}
body{
	margin: 0px auto;
	width: 90%;
	text-align: center;
	border: 1px solid transparent;
	background: transparent;
	text-align: center;
	margin: 0px auto;	
}
header, footer, body{
	margin: 0px auto;
	display: block;	
}

header img, header h1{
	display: inline-block;
} 
header{
	background: rgb(255,255,255);
}
footer{
	background: rgb(255,255,255);	
}
header img{
	background: transparent;
	border: 1px solid transparent;
	display: none;
	height: 80px;
	padding: 3px;
	vertical-align: top;
}
footer img{
	background: transparent;
	border: 1px solid transparent;
	display: none;
	height: 80px;
	padding: 3px;
}
footer img, footer p{
	vertical-align: middle;
}
header h1{
	background: rgb(255,204,41);
	width: 100%;
	border: 1px solid silver;
	margin: 2px;
	display: inline-block;
}
header h2{
	color:#000000;
	background: transparent;
	width: 100%;
	border: 1px solid silver;
	margin: 2px;
	display: inline-block;
}
footer p{
	text-align: justify;
	font-size: 0.5em;
	vertical-align: middle;
	width: 350px;
	display: inline-block;
}
iframe{
	width: 98%;
	border: 1px solid transparent;
}
form{
	background: transparent;
	border-radius: 0.5em;
	border: 1px solid silver;
	display: inline-block;
	margin: 5px;
	padding: 5px;
	text-align: center;
}
form span{
	background: rgb(38,66,87);
	border-radius: 0.5em;
	color:#ffffff;
	display: block;
	margin: 5px auto;
	padding: 5px;
	text-align: center;
}
form div{
	border: 1px solid transparent;
	display: inline-block;
	margin: 5px auto;
	padding: 5px;
	text-align: left;
	vertical-align: top;
	width: 320px;
}
form label{
	display: block;
}
form textarea{
	min-width: 100%;
	max-width: 100%;
	min-height: 50px;
	max-height: 200px;
}
ul{
	display: block;
}
ul li{
	text-align: left;
}
table{
	border:1px solid silver;
	padding: 10px;
	border-radius: 0.5em;
	margin: 5px auto;
	min-width: 600px;
	padding: 10px;
}
table caption{
	font-size: 1.3em;
	padding: 10px;
	background: rgb(38,66,87);
	color:#ffffff;
}
table th{
	font-size: 0.8em;
	margin: 5px;
	padding: 5px;
	background: rgb(38,66,87);
	color: #ffffff;
}
table td{
	font-size: 0.8em;
	border: 1px solid silver;
	padding-left: 10px;
}
nav{
	border: 1px solid black;
	padding: 5px;
	background: rgb(150,150,150);
	width: 100%;
	text-align: center;
}
nav a{
	color: #000000;
}
.seccion,.seccion1,.seccion2,.seccion3,.seccion4,.seccion5,.seccion6,.seccion7,.seccion8,.seccion9,.seccion10,.seccion11,.seccion12,.seccion13,.seccion14,.seccion15{
	background: #676767; 
	color:#ffffff;
	padding: 5px;
	text-align: left;
	border-radius: 0.5em;
	margin: 5px auto;
	cursor:pointer;
	box-shadow: 0px 0px 2px black;
}
#contenedor{
	margin: 0px auto;
	display: inline-block;
	width: 100%;	
}
#confirma{
	width: 100%;
	text-align: center;
	display: none;
}
#confirma span{
	font-weight: bolder;
	width: 100%;
	margin: 5px auto;
	background: transparent;
	color: #000000;
}
#presentacion{
	padding: 10px;
	text-align: justify;
}
#presentacion span{
	display: block;
	margin: 5px auto;
	padding: 5px;
	text-align: center;
	background: rgb(38,66,87);
	color: #ffffff;
}
#contenedor{
	background: #ffffff;
	border: 1px solid transparent;
	min-height: 600px;
	padding:1px;
	text-align: center;
}
#enlaces{	
	margin: 10px auto;
	display: block;
	text-align: justify;
	width: 500px;
}
#indicaciones{	
	border-radius: 0.5em;
	border: 1px solid silver;
	box-shadow: 1px 5px 5px black;
	color: #000000;
	display: inline-block;
	margin: 5px;
	padding: 10px;
	text-align: justify;
	vertical-align: top;
	width: 350px;
}
#indicaciones span{
	text-align: center;
	background: silver;
	border-radius: 0.5em;
	display: block;
	padding: 5px;
	font-weight: bolder;
}
#indicaciones p{
	padding: 10px;
}
#logo1{
	float:left;
}
#logo2{
	float:right; 
}
#logo3{
	float:left;
}
#logo4{
	display:none;
	float:right;
}
#logo5{
	/*display: none;*/
}
#mensajes{
	border-radius: 0.5em;
	border: 1px solid transparent; 
	display: inline-block; 
	margin: 5px auto; 
	min-height: 0px; 
	text-align: justify;
	vertical-align: middle; 
	width: 100%;
}
#mensajes span{
	padding: 5px;
	text-align: center;
	display: block;
	background: rgb(245,134,52);
	color: #000000;
}
#cierre{
	display: inline-block;
	width: 95%;
	text-align: right;
}
#resultado{
	height: 500px; 
	overflow: auto;
	padding: 10px;
}