@CHARSET"UTF-8";
html,body{
  margin:0;
  padding:0;
  width:100%;
  font-family: Calibri,verdana,arial;
  background-color:#F0F0F0;
  font-size:0.9em;
}
  h3{
	font-size:1.8em;
	text-align: center;
	color:#FFFFFF;
  }
@media all and (min-width: 651px) and (max-width: 959px){
  #cuerpo {
    width:650px;
	margin: 0 auto;
    display:block;
  }
  .logo {
    width:200px;
	margin: 10px 0 10px 10px;
	padding: 70px 10px 70px 10px;
	float: left;
	-moz-border-radius: .8em;
	-webkit-border-radius: .8em;
	border-radius: .8em;
	background-color: rgba(255,255,255,1);
  }
  .imagen{
    position:relative;
    width:400px;
    height:172px;
	margin: 10px;
	float: right;
  }
   .texto {
	margin: 10px;
	padding: 0;
	float: left;
	-moz-border-radius: .8em;
	-webkit-border-radius: .8em;
	border-radius: .8em;
	background-color: rgba(30,30,30,0.5);
	color: #1E1E1E;
  }
  .imagen2 {
    width:40%;
	margin: 80px 5px 5px;
	float: left;
	-moz-border-radius: .8em;
	-webkit-border-radius: .8em;
	border-radius: .8em;
  }
  .textoderecha{
    width:54%;
	margin: 10px;
	float: right;
	-moz-border-radius: .8em;
	-webkit-border-radius: .8em;
	border-radius: .8em;
	background: #808080;
	color: #1E1E1E;    
  }
  .textoenlaceizquierda{
    width:200px;
	margin: 10px 7px 10px 11px;
    line-height:80px;
	float: left;
	background: #5A783C;
	-moz-border-radius: .8em;
	-webkit-border-radius: .8em;
	border-radius: .8em; 
	font-size:1.8em;
	text-align: center;
	color:#E1E1E1;
  }
  .textoenlacecentro{
    width:200px;
	margin: 10px 7px 10px 7px;
    line-height:80px;
	float: left;
	background: #F0B41E;
	-moz-border-radius: .8em;
	-webkit-border-radius: .8em;
	border-radius: .8em; 
	font-size:1.8em; 
	text-align: center;
	color:#E1E1E1;
  }
  .textoenlacederecha{
    width:200px;
	margin: 10px 11px 10px 7px;
    line-height:80px;
	float: left;
	background: #5A783C;
	-moz-border-radius: .8em;
	-webkit-border-radius: .8em;
	border-radius: .8em; 
	font-size:1.8em; 
	text-align: center;
	color:#E1E1E1;
  }
   .textopie {
    width:68%;
	margin: 10px;
	float: left;
	color: #1E1E1E;
	font-size: 1.4em;
	text-align:center;
	-moz-border-radius: .8em;
	-webkit-border-radius: .8em;
	border-radius: .8em;
	background-color: rgba(255,255,255,1);
  }
}
@media all and (min-width: 960px){
  #cuerpo {
    width:960px;
	margin: 0 auto;
    display:block;
  }
  .logo {
    width:300px;
	margin: 10px 0 10px 10px;
	padding: 105px 10px 105px 10px;
	float: left;
	-moz-border-radius: .8em;
	-webkit-border-radius: .8em;
	border-radius: .8em;
	background-color: rgba(255,255,255,1);
  }
  .imagen{
    position:relative;
    width:610px;
    height:240px;
	margin: 10px;
	float: right;
  }
   .texto {
	margin: 10px;
	padding: 10px;
	float: left;
	-moz-border-radius: .8em;
	-webkit-border-radius: .8em;
	border-radius: .8em;
	background-color: rgba(30,30,30,0.5);
	color: #1E1E1E;
  }
  .imagen2 {
    width:40%;
	margin: 32px 5px 5px;
	float: left;
	-moz-border-radius: .8em;
	-webkit-border-radius: .8em;
	border-radius: .8em;
  }
  .textoderecha{
    width:54%;
	margin: 10px;
	float: right;
	-moz-border-radius: .8em;
	-webkit-border-radius: .8em;
	border-radius: .8em;
	background: #808080;
	color: #1E1E1E;    
  }
  .textoenlaceizquierda{
    width:300px;
	margin: 10px;
    line-height:80px;
	float: left;
	background: #5A783C;
	-moz-border-radius: .8em;
	-webkit-border-radius: .8em;
	border-radius: .8em; 
	font-size:1.8em;
	text-align: center;
	color:#E1E1E1;
  }
  .textoenlacecentro{
    width:300px;
	margin: 10px;
    line-height:80px;
	float: left;
	background: #F0B41E;
	-moz-border-radius: .8em;
	-webkit-border-radius: .8em;
	border-radius: .8em; 
	font-size:1.8em; 
	text-align: center;
	color:#E1E1E1;
  }
  .textoenlacederecha{
    width:300px;
	margin: 10px;
    line-height:80px;
	float: left;
	background: #5A783C;
	-moz-border-radius: .8em;
	-webkit-border-radius: .8em;
	border-radius: .8em; 
	font-size:1.8em; 
	text-align: center;
	color:#E1E1E1;
  }
   .textopie {
    width:68%;
	margin: 10px;
	float: left;
	color: #1E1E1E;
	font-size: 1.4em;
	text-align:center;
	-moz-border-radius: .8em;
	-webkit-border-radius: .8em;
	border-radius: .8em;
	background-color: rgba(255,255,255,1);
  }
}

@media all and (max-width: 650px){
  #cuerpo {
    width:98%;
    display:block;
  }
  .logo {
    width:90%;
	margin: 10px;
	padding: 20px 10px;
	float: left;
	-moz-border-radius: .8em;
	-webkit-border-radius: .8em;
	border-radius: .8em;
	background-color: rgba(255,255,255,1);
  }
  .imagen{
    position:relative;
    width:320px;
    height:120px;
	margin: 10px auto;
	padding: 0 0 130px 0;
  }
   .texto {
	margin: 10px;
	padding: 10px;
	float: left;
	-moz-border-radius: .8em;
	-webkit-border-radius: .8em;
	border-radius: .8em;
	background-color: rgba(30,30,30,0.5);
	color: #1E1E1E;
  }
  .imagen2 {
    width:90%;
	margin: 10px auto;
	-moz-border-radius: .8em;
	-webkit-border-radius: .8em;
	border-radius: .8em;
  }
  .textoderecha{
    width:98%;
	margin: 10px;
	float: left;
	-moz-border-radius: .8em;
	-webkit-border-radius: .8em;
	border-radius: .8em;
	background: #808080;
	color: #1E1E1E;    
  }
  .textoenlaceizquierda{
    width:98%;
	margin: 10px;
    line-height:20px;
	float: left;
	background: #5A783C;
	-moz-border-radius: .8em;
	-webkit-border-radius: .8em;
	border-radius: .8em; 
	font-size:1.8em;
	text-align: center;
	color:#E1E1E1;  
  }
  .textoenlacecentro{
    width:98%;
	margin: 10px;
    line-height:20px;
	float: left;
	background: #F0B41E;
	-moz-border-radius: .8em;
	-webkit-border-radius: .8em;
	border-radius: .8em; 
	font-size:1.8em; 
	text-align: center;
	color:#E1E1E1;
  }
  .textoenlacederecha{
    width:98%;
	margin: 10px;
    line-height:20px;
	float: left;
	background: #5A783C;
	-moz-border-radius: .8em;
	-webkit-border-radius: .8em;
	border-radius: .8em; 
	font-size:1.8em; 
	text-align: center;
	color:#E1E1E1;
  }
   .textopie {
    width:98%;
	margin: 10px;
	float: left;
	color: #1E1E1E;
	font-size: 1.4em;
	text-align:center;
	-moz-border-radius: .8em;
	-webkit-border-radius: .8em;
	border-radius: .8em;
	background-color: rgba(255,255,255,1);
  }
}