@media screen and (max-width: 1000px) {
    #pagewrap {
        width: 95%;
    }
    
    #cabecera{
    width: 95%;
    position:fixed;
    top:0px;
    
}
    #header{
        top:0;
    }
    
    #content {
        width: 60%;
        padding: 3% 4%;
    }
    
    #sidebar {
        width: 30%;
    }
    #sidebar .widget {
        padding: 8% 7%;
        margin-bottom: 10px;
    }
    
      #main-nav {
top:0	
	
}
       #main-nav li {
        top:5px;	
        right: 9%;
        margin-left: 2%;
        
	
}
     
     #main-nav a {
        font-size: 100%;
        padding: 10px;
        
        
        
    }
     
     #main-nav li:first-child {
	margin-left: 250px;
    }
    
    #slide{
    position:relative;
    width:100%;
    margin-top: 5%;
}
	#sl1{
	    position:relative;
	    
	}
	
	#camps{
    width: 100%;
    position:relative;
    right: 10;
    top:0;
    

    
}

#camp{
    position:relative;
    width:100%;
    margin-bottom: 40px;
    padding-right: 20px;
    
}
.textocamp{
    width:100%;
    position:relative;
    top:0px;
    right:0;
    
}
	
	#footer {
	width: 68%;
	
}
}

@media screen and (max-width: 870px) {
      #main-nav li {
	margin-left: 3%;
	padding: 0;
	list-style: none;
	float: left;
	position: relative;
	height: 62px;
	top:5px;
	
}
     #main-nav a {
        font-size: 95%;
        padding: 10px 8px;
        
    }
     
     #main-nav li:first-child {
	margin-left: 200px;
    }
    
  #menuredes {
    width: 25px;  
    right:50px;
      top:6px;
      
    }
    
    #menuredes2{
    width: 25px;
    right: 10px;
    top:6px;    
    }
    
    #slide{
    position:relative;
    width:100%;
    margin-top: 6%;
}
	#sl1{
	    position:relative;
	    
	}
}

@media screen and (max-width: 790px) {
   
     #main-nav a {
        font-size: 80%;
        padding: 10px 8px;
        margin-left: 0%;
        
    }
     
     #main-nav li:first-child {
	margin-left: 28%;
    }
}

@media screen and (max-width: 700px) {
    
    #cabecera{
    width: 95%;
        position:absolute;
        top:0;
    
}
        
        #header {
        height: auto;
    }
    
    #main-nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	position: relative;
	height: 80px;
	top:45px;
	margin-left: 2%;
	
}
     #main-nav a {
        font-size: 100%;
        padding: 10px 8px;
        
    }
     
     #main-nav li:first-child {
	margin-left: 120px;
    }
    
     #menuredes {
    width: 30px;  
    right:50px;
      top:6px;
      
    }
    
    #menuredes2{
    width: 30px;
    right: 10px;
    top:6px;    
    }
    
     #wellogo {
   position: absolute;
	left: 0px;
	top: 5px;
	z-index: 100;
	width: 22%;
	margin-left: 10px;
}
    
    #main-nav {
        position: static;
    }
    
    #slide{
    position:relative;
    width:100%;
    margin-top: 13%;
}
	#sl1{
	    position:relative;
	    
	}
    
    #site-logo {
        margin: 15px 100px 5px 0;
        position: static;
    }
    
    #site-description {
        margin: 0 0 15px;
        position: static;
    }
    
    #content {
        width: auto;
        float: none;
        margin: 20px 0;
        margin-top:0%;
            
    }
    
    #sidebar {
        width: 100%;
        float: none;
        margin: 0;
    }
    
    
    #footer {
        font-size: 100%;
        width: 100%;
        margin-top:0;
    }
    
    
}


@media screen and (max-width: 650px) {
    html {
        -webkit-text-size-adjust: none;
    }
    
    #cabecera {
        top:0px;
    }
    
    #menuredes {
    width: 25px;  
    right:50px;
      top: 6px;
      
    }
    
    #menuredes2{
    width: 25px;
    right: 10px;  
    top:6px;  
    }
    
   
    
    #main-nav li {
	margin-left: 5%;
	padding: 0;
	list-style: none;
	float: left;
	position: relative;
	height: 72px;
	top: 40px;
	
}
    #main-nav a {
        font-size: 95%;
        padding: 10px 8px;
        
    }
    #main-nav li:first-child {
	margin-left: 0px;
	
	
}

#slide{
    position:relative;
    width:100%;
    margin-top: 13%;
}
	#sl1{
	    position:relative;
	    
	}
	#content{
    margin-top:0%;
    }
     #main-nav li {
	left: 10%; 
	
}
    #wellogo{
        width: 20%;
        top:6px;
    }
	
}

@media screen and (max-width: 580px) {
    #slide{
    position:relative;
    width:100%;
    margin-top: 16%;
}
	
	
	#sl1{
	    position:relative;
	    
	}
    #content{
    margin-top:0%;
    }
    
  #main-nav li {
	left: 5%; 
  }
    
    #wellogo{
        width: 25%;
        top:6px;
    }   
    
}

@media screen and (max-width: 500px) {
 #main-nav a {
        font-size: 90%;
        padding: 10px 8px;
        
    }
    #main-nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	position: relative;
	height: 62px;
	top:35px;
	
}
     #main-nav li:first-child {
	margin-left: 0px;
	
	
}
#slide{
    position:relative;
    width:100%;
    margin-top: 20%;
}
	#sl1{
	    position:relative;
	    
	}
	#content{
    margin-top:0%;
    }
    
     #main-nav li {
	left: 2%; 
	margin: 2%;
	
}
    #wellogo{
        width: 30%;
        top:3px;
    }
}
    @media screen and (max-width: 440px) {
 #main-nav a {
        font-size: 85%;
        padding: 1px 5px;
        
    }
    #slide{
    position:relative;
    width:100%;
    margin-top: 23%;
    
}
	#sl1{
	    position:relative;
	    
	}
	#content{
    margin-top:0%;
    }
    
    #camp{
    margin-bottom: 10px;
    
}
	 #main-nav li {
	right: 0%; 
	top: 45px;
	
}
    #wellogo{
        width: 30%;
        top:6px;
    }
	
}

 @media screen and (max-width: 332px) {
 #main-nav a {
        font-size: 65%;
        padding: 10px 8px;
          
    }
    
    #main-nav li {
	right: 0%; 
	
}
    #wellogo{
        width: 10%;
        top:6px;
    }
    #slide{
    position:relative;
    width:100%;
    margin-top: 43%;
}
	

	#sl1{
	    position:relative;
	    
	}
	#content{
    margin-top:0%;
    }
    
    #camp{
    margin-bottom: 10px;
    
}
}