html {
	font-size: 1.3rem;
	font-family: verdana,helvetica,tahoma,calibri,arial;
}
#contenedor {
    float: center;
    margin-left: 5%;
    margin-right: 5%;
    /* background-color: #6CFFFF; */
}
header {
	float: center;
	margin-top: -0.8rem;
	padding-left: 0.5rem;
	height: 3rem;
	background-color: rgba(91,21,6,0.99);
	border-radius: 0.4rem 0.4rem 0rem 0rem; 
	-moz-border-radius: 0.4rem 0.4rem 0rem 0rem;    
    -webkit-border-radius: 0.4rem 0.4rem 0rem 0rem; 
}
.titulo {
	font-size: 2rem;
	color: rgba(255,255,255,0.99);
}
nav {
	float: center;
	margin-left: -0.4rem;
	margin-right: -0.4rem;
	/* background-color: rgba(149,33,8,0.7); */
}
H2{
	margin-top: 0.3rem;
	height: 2.5rem;
	padding-top: 0.5rem;
	padding-left: 0.5rem;
	color: #FF9933;
	background-color: rgba(91,21,6,0.7);
	border-radius: 0rem 0rem 0.4rem 0.4rem; 
	-moz-border-radius: 0rem 0rem 0.4rem 0.4rem;     
    -webkit-border-radius: 0rem 0rem 0.4rem 0.4rem; 
}

.imgiz{
    float:left;
    max-width: 16rem;            /* 1rem = 16px 	24 * 16 */
    /* height: 16rem; */
    /* margin: 0px 10px 10px -40px; */
	border-radius: 0.4rem 0.4rem 0.4rem 0.4rem; 
	-moz-border-radius: 0.4rem 0.4rem 0.4rem 0.4rem;    
    -webkit-border-radius: 0.4rem 0.4rem 0.4rem 0.4rem;
	display: table-cell; 
	vertical-align: bottom;
}
.imgde{
    float:right;
    max-width: 16rem;            /* 1rem = 16px 	24 * 16 */
    /* height: 16rem; */
    margin: 0px -40px 10px 0px;
	border-radius: 0.4rem 0.4rem 0.4rem 0.4rem;
	-moz-border-radius: 0.4rem 0.4rem 0.4rem 0.4rem;     
    -webkit-border-radius: 0.4rem 0.4rem 0.4rem 0.4rem; 
}
.figurede { 
	float:right;
	display: table; 
	width: 1px; /* This can be any width, so long as it's narrower than any image */ 
	margin: 0px 40px 0px 0px;
} 
.figureiz { 
	float:left;
	display: table; 
	width: 1px; /* This can be any width, so long as it's narrower than any image */ 
	margin: 0px 10px 10px 0px;
} 
imgiz, imgde, figcaption { 
	font-size: 0.7rem;
	display: table-row; 
}
.fdo {
	text-align: right;
}
footer {
	font-size: 0.8rem;
	height: 2rem;
	background-color: rgba(91,21,6,0.99);
	padding: 0.7rem 0.1rem 0.1rem 0.1rem;
	text-align: center;
	color: #FFF;
	border-radius: 0rem 0rem 0.4rem 0.4rem; 
	-moz-border-radius: 0rem 0rem 0.4rem 0.4rem;   
    -webkit-border-radius: 0rem 0rem 0.4rem 0.4rem;
}
@media screen and (max-width: 700px){
	.titulo {
		font-size: 1.5rem;
	}
	H2{
		font-size: 1.3rem;
	}
    .imgiz{
		max-width: 10rem;
    }
	.imgde{
		max-width: 10rem;
    }
}