* {
margin: 0px;
padding: 0px;
box-sizing: border-box;

}

h1 {
font-size: 1.1em;
font-family: Arial,Sans;
color: #FFFFFF;
}

h2 {
font-size: 0.8em;
font-family: Arial, Sans; 
color: #FFFFFF;
}

.fr {
font-size: 1em;
font-family: Arial, Sans;
}

.fk{
font-size: 1.4em;
font-family: "MS Mincho", Serif;
}
.rev{
    direction: rtl;
    unicode-bidi: bidi-override;
}

a{
	text-decoration: none;
}
img
{
	vertical-align: middle;
}

body{
	
	font-size: 100%;
}

#agrupar {

	
border: 0px;
text-align: left;
}
#cabecera {
 
	width: 100%;
   display: inline-table;
   background: #003366;
   text-align: center;
   color: #FFFFFF;
	
}

#cabecera:after {
    content: "";
    clear: both;
    display: block;
}

#cab-1{
	
	padding: 2px;
	text-align: left;
	display: table-cell;
	width: 20%;
	vertical-align: middle;
	background: #003366;
	}
#cab-2{
	
	display: table-cell;
	width: 60%;
	vertical-align: middle;
	text-align: center;
	background: #003366;
	padding: 2px;
	
}
#cab-3{
	
	display: table-cell;
	width: 20%;
	text-align: right;
	vertical-align: middle;
	background: #003366;
	padding: 2px;
}

@media only screen and (max-width: 730px) {

#cab-1{display: block;width: 100%;text-align: center;}
#cab-2{display: block;width: 100%;}
#cab-3{display: block;width: 100%;text-align: center;}
}

#img{
	width: 100%;
	max-width: 100%;
	height: auto;
}

#formulario {

text-align: center;

}
#intro{
	width: 250px;
	padding: .2em;
	margin: .5em;
}

#resultados{
padding-left: 4px;
font-size: 1em;
font-family: Arial, Sans;
color: #000000;
}
.a1{
	padding: 2px;
	background-color: #ECECDC;
	overflow-wrap: break-word;
	-webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.a2{
	padding: 2px;
	background-color: #FFFFFF;
	overflow-wrap: break-word;
	-webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}