body, html{
	background: url("../imagenes/pie3.jpg") no-repeat fixed;
	height: 100%;
	margin: 0;
	padding: 0;
}
#celda{
	font-family: Times;
	font-size: 1.5em;
	display: table-cell;
	vertical-align: middle;
}

.imagen{
	border-radius: 10px;
	height:200px;
	width:250px; 
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.75);
	-webkit-transition-duration: 0.25s;
	-moz-transition-duration: 0.25s;
	transition-duration: 0.25s;
}
.imagen:hover{
	height:220px;
	width:270px;
	-webkit-transition-duration: 0.25s;
	-moz-transition-duration: 0.25s;
	transition-duration: 0.25s; 
}
h1,h2{
	margin: 0;
	padding: 0;
	text-align: center;
}
label{
	color: black;
	font-family: Times;
	font-size: 32px;
	font-weight: bold;
}
.ley1{
	background-color: #005fab;
	border-radius: 5px;
	color: white;
	font-size: 20px;
	font-weight: bold;
	padding: 5px 20px;
}
#ficha{
	text-align:center;
}
#fichaexa{
	margin: 20px 0;
}
#ficha1{
	background-color: #005fab;
	border-radius:10px;
	height: 200px;
	width: 50%;
	margin: 0 auto;
	display: table;
	border-spacing: 6px;
}
#ficha2{
	background-color: white;
	border-radius:10px;
	display: table-cell;
	vertical-align: middle;
}
#ficha3{
	display: table-row;
}
#ficha4{
	background-color: white;
	border-radius:10px;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	display: table-cell;
	height: 90px;
	padding: 0 10px;
	vertical-align: middle;
	width: 100%;
}
#ficha5{
	display: table-row;
}
#ficha6{
	background-color: white;
	border-radius:10px;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	display: table-cell;
	padding: 0 10px;
}

#ficha7{
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	width: 50%;
}
#ficha8{
	display: table-row;
}
#ficha9{
	background-color: white;
	border-radius:10px;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	display: table-cell;
	height: 40px;
	text-align: center;
	padding: 10px 0;
	vertical-align: middle;
	width: 100%;
}
#ficha10{
	background-color: red;
	border-radius:10px;
	-webkit-box-shadow: 2px 2px 2px rgba(255,255,255,0.75);
	-moz-box-shadow: 2px 2px 2px rgba(255,255,255,0.75);
	box-shadow: 2px 2px 2px rgba(255,255,255,0.75);
	color: white;
	display: table-cell;
	height: 20px;
	text-align: center;
	padding: 10px 0;
	vertical-align: middle;
	width: 100%;
}
#ficha11{
	background-color: #005fab;
	border-radius:10px;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.75);
	height: 200px;
	width: 65%;
	margin: 0 auto;
	display: table;
	border-spacing: 6px;
}
#ficha12{
	background-color: white;
	border-radius:10px;
	/*color: white;*/
	display: table-cell;
	height: 20px;
	text-align: center;
	padding: 10px 0;
	vertical-align: middle;
	width: 100%;
}
#ficha13{
	background-color: #005fab;
	border-radius:10px;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.75);
	height: 100px;
	width: 65%;
	margin: 0 auto;
	display: table;
	border-spacing: 6px;
}
#ficha14{
	background-color: white;
	border-radius:10px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
#ficha15{
	background-color: #005fab;
	border-radius:10px;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.75);
	height: 200px;
	width: 30%;
	margin: 0 auto;
	display: table;
	border-spacing: 6px;
}
#ficha16{
	background-color: white;
	border-radius:10px;
	display: table-cell;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
#ficha17{
	display: table;
	border-spacing: 0;
	width: 100%;
}
#ficha18{
	background-color:#C0C0C0;
  border-radius:10px 10px 0 0;
  display: table-cell;
  font-size:18px; 
  font-weight: bold;
  padding:15px;
  margin: 0;
  text-align:left;
  vertical-align: middle; 
}
#ficha19{
	display: table-row;
}
#ficha20{
	height: 150px;
	display: table;
	border-spacing: 15px 0;
}
#ficha21{
	background-image:url("../img/usuario.png"); 
  background-repeat:no-repeat; 
  background-position:center;
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	width: 50%;
}
#ficha22{
	display: table-cell;
	text-align:center;
	vertical-align: middle;
	width: 50%;
}
table{
	border: 1px solid black;
	margin: 0 auto;
	text-align: center;
}
.tencab{
	background-color: #D3D3D3;
	font-weight:bold;
}
.celda{
	background-color:white;
}
.celdab{
 background-color:#DC143C;
 color: white;
 font-weight: bold;
}
.celdad{
 background-color:#FFD700;
 font-weight: bold;
}
.celdae{
 background-color:green;
 color: white;
 font-weight: bold;
}
.t1{
	font-size:8;
}
td{
	padding: 5px;
}
.caja1{
	border: 1px solid #005fab;
	border-radius: 5px;
	font-family:Arial;
	font-size:14px;
	letter-spacing:1px;
	padding: 10px;
	text-align:center;
}
.caja2{
	border: 1px solid #005fab;
	border-radius: 5px;
	font-family:Arial;
	font-size:14px;
	letter-spacing:1px;
	padding: 3px;
	text-align:center;
}
.encabezado{
	background-color: white;
	border-radius: 5px;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	color: #005fab;
	font-family: Times;
	font-weight: bold;
	margin: 0 auto;
	width: 80%;
	display:table;
}
.aux{
	display:table;
	margin: 0 auto;
	width: 90%;
}
.logo{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.encab1{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.enlace{
	color: blue;
	font-weight: bold;
}
.enlace:hover{
	color: #005fab;
}
#datos{
	font-size: 16px;
	font-weight: bold;
}
#pregunta{
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
}
#respuesta{
	color:blue;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
}
#obliga{
	color: blue;
	font-size: 16px;
	font-weight: bold;
}
#titulo{
	display: table;
	height: 80px;
	margin: 0 auto;
}
#menu{
	background-color: #DCDCDC;
	border: 1px solid #A9A9A9;
	border-radius: 5px;
	margin: 0 auto;
	height: 400px;
	width: 80%;
}
#opcion{ 
	border: 1px solid black;
	border-radius: 0 0 10px 10px;
	display: inline-block;
	margin: 0 1%;
	height: 80%;
	width: 30%;
}
#contenedor{
	text-align: center;
	background-color:white;
	border: 1px solid black;
	border-radius: 5px;
	display: table;
	height: 75%;
	margin: 0 auto;
	width: 90%;
}
#contenido{
	width: 75%;
	margin: auto;
}
article{
	margin-top: 10px; 
	text-align: justify;
}
#art1{
	font-size: 24px;
	font-weight: bold;
}
#art2{
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0 10px 30px;
}
#art3{
	font-size: 18px;
	font-weight: bold;
	line-height:45px;
	margin: 15px 0 15px 30px;
}
#pie{
	font-size: 11px;
	font-weight: bold;
	margin: 0 auto;
	text-align:center;
}
#termino{
	font-weight: bold;
	margin: 10px;
	text-align:center;
}
.boton{ 
  background-color:#D3D3D3; 
  border: 0;
  border-radius: 5px;
  box-shadow: 3px 3px 5px black;
  font-family: Courier;
  font-size:12px; 
  font-weight: bold; 
  height: 35px;
  text-align: center; 
}
.boton:hover{ 
  background-color:#005fab;
  color: white; 
  cursor:pointer;
}
#title{
	font-size: 3em;
	line-height:80%;
}
#subtitle{
	font-size: 2em;
}
@media screen and (max-width: 600px){
	#title{
		font-size: 2em;
	}
	#subtitle{
		font-size: 1em;
	}
	#datos{
		font-size: 10px;
	}
	#ficha1{
		width: 80%;
	}
	.caja2{
		font-size: 10px;
	}
}