@media screen and (max-width:1000px ){
#contenedor{
		width:100%;
		padding-left:0px;
		padding-right:0px;
	}
main{
	width:100%;
}
#cuerpo{
     width:100%;
	 height:auto;
}	
#cabecera h1{
	width:100%;
	font-size:50px;
	padding-top:80px;
	float:left;
	margin-bottom:0px;
	
}

.navegacion nav{
	position:absolute;
	left:-100%;
	width:250px;
	height:100%;
	background:#393939;
}
.menu li{
	display:block;
}
.boton-menu{
	width:90%;
	margin:auto;
	display:block;
	padding:8px 0;
	height:auto;
}
#bloquelateral{
	width:40%;
}
#bloquelateral p{
    font-size:12px;
}
#bloquelateral h3{
	font-size:12px;
}
#bloquelateral h4{
	font-size:10px;
}
.box1{
	width:50%;
	font-size:14px;
}
.box2{
	width:50%;  
    font-size:14px;
}
.box3 {
	width:50%;
}
.box3 p{
	font-size:14px;
}
.frasefinal{
	font-size:15px;
}
.wrap {
	width: 90%;
	max-width: 1000px;
	margin:auto;   
}
}
@media screen and (max-width:700px){
body{
	font-size:15px;
}
#cabecera h1{
	width:80%;
	font-size:40px;
	float:left;
	box-sizing:border-box;
	text-align:center;
}
#logo img{
	width:255px;
	height:auto;
}
h2{
	border-bottom:1px;
}
.navegacion{
	width:100%;
}

.navegacion nav{
	position:absolute;
	left:-100%;
	width:250px;
	height:100%;
	background:#393939;
}
.menu li{
	display:block;
}
.boton-menu {
	width:90%;
	margin:auto;
	display:block;
	padding:8px 0;
	height:auto;
}
#bloquelateral{
	width:30%;
	margin:0px;
}
#bloquelateral p{
    font-size:12px;
}
#bloquelateral h3{
	font-size:12px;
}
#bloquelateral h4{
	font-size:12px;
}

.box1{
	width:50%;
}
.box1 p{
	font-size:12px;
}
.box2{
	width:50%;  
}
.box2 p{
	font-size:12px;
}
.box3{
	width:50%; 
}
.box3  h3{
	font-size:10px;
}
.box3 p{
	font-size:12px;
}
.frasefinal{
	font-size:15px;
}
.wrap {
	width:100%;
	max-width:1000px;
	margin:auto;   
	border-right:50px;
}
.widget {
	width:40%;
	margin: 2em; 	
}
.reloj-fecha{
	background-size:cover;
	color:#fff;   
	font-size:7px;
	width:100%;
	margin:-30px;  
	padding:0px;
	
}
}

@media screen and (max-width:480px){
#cabecera h1{
	   width:100%;
	   font-size:25px;
	   float:left;
	   padding-top:135px;
	   padding-left:0px;
	   text-align:center;
}
#logo img{
	width:90%;
	height:auto;
}
img{
    width:40%;
}	
main{
	width:100%;
	height:auto;
	background:#FFF;
}
#texto{
	width:95%;
	text-align:justify;
}
p{
	width:100%;
	
}
body{
	font-size:15px;
}
h2{
	font-size:12px;
}
#bloquelateral{
	width:30%;
	margin-right:0px;
}
#bloquelateral p{
    font-size:10px;
}
#bloquelateral h3{
	font-size:9px;
}
#bloquelateral h4{
	font-size:9px;
}
.boton-menu{
	width:90%;
	margin:auto;
	display:block;
	padding:8px 0;
}
.boton-menu span{
	   width:90%;
	   margin:auto;
	   display:block;
	   padding:8px 0;
	   height:auto;
}
.navegacion nav{
	   position:absolute;
	   left:-100%;
	   width:250px;
	   height:100%;
	   background:#393939;
}
.menu li{
	display:block;
	text-align:left;
}

.box1{
	width:60%;
	text-align:left;
}	
.box2{
	width:60%; 
    text-align:left;	
}
.box3{
	width:60%;
    text-align:left;	
}
.box3 h{
	font-size:8px;
}

.frasefinal{
	font-size:15px;
}
.reloj-fecha{
	background-size:cover;
	color:#fff;   
	font-size:2px;
	width:100%;
	margin:-20px;
	padding:0px;
	display:block;
}
.wrap {
	width:100%;
	max-width:1000px;
	margin:auto;   
}
.fecha {
	font-family:Oswald, Arial;
	text-align:center;
	font-size:12px;
	background:#06C;
	padding:0px;
	padding-top:4px;
	margin:0px;
	width:100%;
	display:inline-block;
}
.reloj{
	font-family:Oswald, Arial;
	width:100%;
	padding:0px;
	font-size:15px;
	text-align:center;
	background:#06C;
	margin-top:1px;
	display:inline-block;
}
}