html {
    background-color: rgb(255, 255, 255);
font-family: helvetica,arial,verdana,san serif}

body {padding:2rem 3rem 8rem 3rem;
width: 100%;
}


header h1 {text-decoration: none;
    background-color:#d21317;
padding: 4rem 7rem 0rem 7rem;
  color: #fffefe;
    font-size: 2rem;
    margin:0% 8% 0% 0%;
    display: block;
    
    }




.menu2{
    list-style:none;
	padding:0rem;
    margin:0%;
    font-family: helvetica,arial,serif;
    font-size: 1em;
    font-style: normal;
    font-weight: 70;
}
.menu2 li{
	margin:2px;
	padding:3px;
	float:left;
	position:relative;
	
}
.menu2 li a{
	display: block;
	width: 10.7rem;
	height: 1rem;
	padding: 1rem 1rem 2rem 2rem;
	line-height:1rem 0rem 1rem 1rem;
	text-decoration: none;
	text-align: center;
	color: #000;
	background-color: #f8c801;
	position:relative;
   
	
 
}
.menu2 li a:hover{
    
	color:#f4ffda;
	background-color:#d21317;
   
}
.menu2 ul{
    position:relative;
    
	left:0px;
	top:0px;
	margin:0px;
	list-style:none;
	padding:0px;
	opacity:0;
	transition:opacity .35s ease .2s;
	-webkit-transition:opacity .35s ease .2s;
	-moz-transition:opacity .35s ease .2s;
	-o-transition:opacity .35s ease .2s;
	visibility:visible;	
}
.menu2 ul li a{
	
	border-left:none;
	display:block;
	text-align:left;
    font-size: 1em;
}
.menu2 li:hover ul{
    opacity:1;
	visibility:visible;
}

.menu2{
    list-style:none;
	padding:0rem;
    margin:0%;
    font-family: helvetica,arial,serif;
    font-size: 1em;
    font-style: normal;
    font-weight: 70;
}
.menu2 li{
	margin:2px;
	padding:3px;
	float:left;
	position:relative;
	
}

section#destacado1{font-size: 1em;
clear:left;
color: #fff;
background-color: #42A145;
margin: 1% 0.5% 0% 1%;
width: 89%;
padding: 1rem 1rem 1rem 1rem;
}
section#destacado2{font-size: 1em;

    color: #fff;
font-size: 11pt;
float: left;
padding: 1rem 1rem 4rem 1rem;
background-color: #426aab;
margin:1%;
width: 28.5%;
height: 100px;
}
section#destacado3 {font-size: 1em;
color: #fff;
font-size: 11pt;
float: left;
padding: 1rem 1rem 4rem 1rem;
background-color: #426aab;
margin: 1% 0% 0% 0.5%;
width: 28.5%;
height: 100px;
}
section#destacado4 {
color: #fff;
font-size: 11pt;
float: left;
padding: 1rem 1rem 4rem 1rem;
    margin:1%;
background-color: #426aab;

width: 25%;
height: 100px;
}


img{
    width: 21%;
float:left;
padding: 0rem 0rem 0rem 25rem }


section#destacado5 {list-style: none;
    font-size: 1em;
    
color: #fff;
font-size: 11pt;
float: left;
    position:relative;
padding: 0rem 0rem 10rem 0rem;
background-color: #426aab;
margin: 0% 0% 1% 0.5%;
width:20%;
height: 100px;
}

span.casa img{width: 5%;
    position: relative;
float: left;
padding: 1rem 0rem 0rem 68.5rem }

section#destacado6{list-style: none;
font-size: 1em;
position: relative;
    float: left;
color: #fff;
background-color:#426aab ;
margin: 1.2% 0% 1%;

width: 15%;
padding: 1rem 1rem 1rem 1rem;
}


h2{position: relative;
clear: left;
font-size: 1em;
color: #fff7f7;
width: 10%;
padding: 1rem 1rem 1rem;}




h3{position: relative;
    float: left;
font-size: 1em;
color: #fff7f7;
background-color:#d21317;
margin-left:2%; 
width: 10%;
padding: 2rem 1rem 1rem 5rem;}



section#destacado7{list-style: none;
font-size: 1em;
float: left;
color: #fff7f7;
background-color:#426aab;
margin: 1.2% 0% 1%;
width: 15%;
padding: 1rem 1rem 1rem 1rem;
}

h4{position: relative;
clear: left;
font-size: 1em;
color: #fff;
background-color:#426aab;
margin-left:2%;
margin:9% 2% 0% 18%;
width: 9%;
padding: 2rem 6rem 1rem 1rem;
}
section#destacado8{
list-style: none;
font-size: 1em;
float: right;
color: #000;
background-color:#f8c801;
margin: -6% 63% 1%;
width: 15%;
padding: 4rem 1rem 1rem 1rem;
}
section#destacado9{
list-style: none;
font-size: 0.8em;
float: right;
color: #fff;
background-color:#42A145;
margin: -23% 50% 1%;
width: 10%;
padding: 0rem 2rem 0rem 0rem;
}
section#destacado10{
list-style: none;
font-size: 0.8em;
float: right;
color: #fff;
background-color:#42A145;
margin: -9% 50% 1%;
width: 10%;
padding: 0rem 2rem 0rem 0rem;
}

footer{clear:left;
    position: relative;
background-color: #050505;
color:#fff;
padding:1rem 1rem 5rem; 
width: 90%;


}
/*responsinator*/

@media all and (min-width:1px) and (max-width:290px){

body {padding:0rem;
margin: 2% ;
}
    
header h1 {text-decoration: none;
    background-color:#d21317;
padding: 1rem 1rem 1rem 1rem;
  
  
    font-size: 2rem;
    margin:0% 0% 0% 0%;

    width:80%;
    
    }
    
    
    
    
    
.menu2{
    font-family: helvetica,arial,serif;
    font-weight:20; 
}
.menu2 li{ font-size: 2em;
	clear: left;
	position:relative;
	
}
.menu2 li a{
    font-size: 1em;
	display: block;
    margin:1% 0% 1% 1%;
	width:13.5rem;
	height: 0.1rem;
    padding:1rem;
	
    position:relative;
   
	
 
}
.menu2 li a:hover{
    
	color:#f4ffda;
	background-color:#d21317;
   
}
.menu2 ul{
    position:relative;
    transition:opacity .30s ease .2s;
	-webkit-transition:opacity .35s ease .2s;
	-moz-transition:opacity .30s ease .2s;
	-o-transition:opacity .30s ease .2s;
	visibility:visible;	
}
.menu2 ul li a{
	
	text-align:center;
    font-size: 0.5em;
}
.menu2 li:hover ul{
    opacity:1;
	visibility:visible;
}

.menu2{
    list-style:none;
	padding:0rem;
    margin:-1%;
    font-family: helvetica,arial,serif;
    font-size: 0.5em;
    font-style: normal;
    font-weight: 70;
}
.menu2 li{
	margin:1px;
	padding:0px;
	float:left;
	position:relative;
	
}

 section#destacado1{font-size: 1em;
clear:left;
color: #fff;
background-color: #42A145;
margin: 1% 0.5% 0% 1%;
width: 76%;
padding: 0rem 1rem 0rem 1rem;
}

section#destacado2{font-size: 0.8em;

    color: #fff;

float: left;
padding: 0rem 2rem 4rem 1rem;
background-color: #426aab;
margin:1%;
width: 71%;
height:40px;
}
section#destacado3 {font-size: 0.8em;

    color: #fff;

float: left;
padding: 0rem 2rem 4rem 1rem;
background-color: #426aab;
margin:1%;
width: 71%;
height:40px;
}
section#destacado4 {

    color: #fff;
font-size: 0.8em;
float: left;
padding: 0rem 1rem 9rem 1rem;
background-color: #426aab;
margin:1% 0% ;
width: 78%;
height: 11px;
}


    h2{position: relative;
clear: left;
font-size: 1em;
color: #fff7f7;
width: 9%;
padding: 0rem 1rem 0rem;}
    
    footer{clear:left;
    position: relative;
background-color: #050505;
color:#fff;
padding:1rem 1rem 2rem; 
width: 80%;
font-size: 0.8em;
margin:0%


}
span.casa img{width: 20%;
    position: relative;
float:left;
margin:-2% 0% 0% 70%;
padding: 1rem 1rem 0rem 0rem; }}

@media all and (min-width:291px) and (max-width:320px){
body {padding: 0rem;
width: 100%}
header h1 {text-decoration: none;
    background-color:#d21317;
padding: 1rem 6.5rem 1rem 2rem;
  
  
    font-size: 2rem;
    margin:0% ;

    width:45%;
    
    }

.menu2{
    font-family: helvetica,arial,serif;
    font-weight:20; 
}
.menu2 li{ font-size:1em;
	clear: left;
	position:relative;
	
}
.menu2 li a{
    font-size: 1em;
	display: block;
    margin:1% 0% 1% 1%;
	width:13.5rem;
	height: 0.1rem;
    padding:1rem;
	
    position:relative;
   
	
 
}
 section#destacado1{font-size: 1em;
clear:left;
color: #fff;
background-color: #42A145;
margin: 1% 0.5% 0% 1%;
width: 75%;
padding:0rem 1rem 3rem 1rem;
}

section#destacado2{font-size: 0.8em;

    color: #fff;

clear: left;
padding:0rem 2rem 8rem 1rem;
background-color: #426aab;
margin:1%;
width: 70%;
height:40px;
}
section#destacado3 {font-size: 0.8em;

    color: #fff;

float: left;
padding: 0rem 2rem 8rem 1rem;
background-color: #426aab;
margin:1%;
width: 71%;
height:40px;
}
section#destacado4 {

    color: #fff;
font-size: 0.8em;
clear: left;
padding: 0rem 1rem 10rem 1rem;
background-color: #426aab;
margin:1% 0% ;
width: 78%;
height: 11px;
}
span.casa img{width: 15%;
    position: relative;
float:left;
margin:-2% 0% 0% 70%;
padding: 1rem 1rem 0rem 0rem; }
    
    
    
    footer{clear:left;
    position: relative;
background-color: #050505;
color:#fff;
padding:0rem 1rem 2rem 1rem;
width: 78%;
font-size: 0.8em;
margin:0%
    
}