/* Too narrow to support three columns */
@media all and (max-width: 640px) {
	
body {
margin: 0;
padding:0;
border: 0px;
font-family: verdana,arial,helvética, sans-serif;
hyphens: none;
}

/* HEADER */
#header{
margin: 0;
padding:0;
width:100%;
height: 200px;

background-image: url("../img/header-2.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}

#header h7 {
	text-align: left;
	display: block;
	font-size: 1.6em;
	padding-top:30px;
	margin-left: 15;
	font-weight: bold;
	color: #fff;
	font-family: verdana,arial,helvética, sans-serif;
	line-height:0;
}

h7{
	font-size:1.3em;
	margin: 0px;
}
	
#contenido{
	width:90%;
	max-width:700px;
	margin:20px auto 0 auto;
}
   

h1 {
	text-align: left;
	display: block;
	font-size: 1.6em;
	margin-top: 30px;
	margin-bottom: 30;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
	color: #fff;
	font-family: verdana,arial,helvética, sans-serif;
	line-height:0;
}


footerOK {
margin-bottom: 0;

width:100%;

background-image: url("../img/footer-1.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;

min-height: 1px;
padding:1px;
}

footerOK2 {
margin-bottom: 0;
display: block;
bottom: 0; 

width:100%;

background-image: url("../img/footer-1.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;

min-height: 1px;
padding:1px;
}
			
footer p{
		color:#fff;
		}
			  
#tablecontents{margin-left:90px;}

img{width:100%;}	
	  
imagen > img{width:100px;}	 
	 
   #main, #page {
    -webkit-flex-flow: column;
            flex-flow: column;
   }

   #main > article {
    /* Return them to document order */
    -webkit-order: 0;
            order: 0;
   }
   
   
 
header {
   }

header a img{
   }
   
   
/* MENU */
#menu{
	background-color:transparent;
	position:absolute; 
	top:12;
	margin-bottom: 0px;
}
	  
#menu ul{
background:#f98c07;/*#0093d1 color del desplegable del menu movil*/
position:absolute;
top:100%;
right:0;
left:0;
z-index:3;
height:auto;
display:none;
}
	  
#menu ul.menus{
width:100%;
position:static;
padding-left:20px;

}
	  
#menu li{
display:block;
float:none;
width:auto;
font-family: 14px  verdana,arial,helvética, sans-serif;
font-weight: bolder;
text-align:right;

 }
 
#menu a{
display: block;
line-height: 40px;
padding: 0 14px;/*tamaño y fuente del  menu movil*/
}

#menu li a:hover{
background:#f35015;/* #015989 color del desplegable del menu movil*/
}
	  
#menu input,#menu label{
color:#fff;
position:absolute;
top:0;
right:0;
display:block;
font-size:30px;
margin-right:10px;
}
	 
#menu label span{
width:50px;
}
	 	 
	  
#menu input{
z-index:4;
}
	  
#menu input:checked + label{
color:#fff;/*color de las tres barritas una vez se clica*/
}
	  
#menu input:checked ~ ul{
display:block;
}
	      
}