* {
	box-sizing: border-box;
}
body{
	 font-family: Verdana, Arial, Helvetica, sans-serif;
}

.izquierda {
	background-color: #e5e5e5;
	float:left;
	margin-top:7px;
	width:20%;
	text-align: center;
}
.principal {
	background-color: #bbbbbb;
	float:left;
	margin-top:7px;
	width:60%;
	padding:0 20px;
}

.derecha a {
		background-color:#efefef;
		padding:8px;
		margin-top:7px;
		display:block;
		width:100%;
		color:black;
		border-radius:9px;
	}
.derecha {
	background-color: #e5e5e5;
	float: left;
	width:20%;
	padding:15px;
	margin-top:7px;
	text-align:center;
}
.ex1 {
		background-color: #e0e0e0;
		width: 100%;
		overflow-x: scroll;
		border-radius:6px;
}
.izquierdo{
	background-color: #e5e5e5;
	float:left;
	margin-top:7px;
	width:20%;
	padding:8px;
	height:50px;
	}
	.central{
	background-color: #e5e5e5;
	float:left;
	margin-top:7px;
	width:60%;
	padding:8px;
	height:50px;
	font-size: small;
	text-align:center;
	}
	.derecho{
	background-color:#e5e5e5;
	float:left;
	margin-top:7px;
	width:20%;
	padding:8px;
	height:50px;
	text-align:right;
	}
	#firma{
		color:#999;
	}

.logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.container {
  position: relative;
  overflow: hidden;
  width: 80%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.container2 {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 30%; /*16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  display: block;
  margin-left: auto;
  margin-right: auto;
}


/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
	border:none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.responsive {
  width: 80%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.divcolor{
	height:30px;
	font-weight: bold;
	padding: 8px;
	margin:4px;
}
.cajaexternacodigo{
	border-style: solid; 
	border-width: 2px;
	border-color: #cc9900;
	padding:5px;
	border-radius: 10px;
	background-color: #ffdf80;
}

@media only screen and (max-width:620px){
.izquierda, .principal, .derecha{
	width:100%;
}
}
@media only screen and (max-width:620px){
.izquierdo, .central, .derecho{
	width:100%;
}
}