
@media only screen and (max-width: 570px){

	header #desplegar{
		display: inline-block;
	}

	#cabecera{
			width:100%;
			min-height: 25px;
			margin:0 auto;
			padding: 0px;

		}
	
	nav.menuBar {
		width: 100%;
		min-height: 100px;
		display: inline-block;
		position: relative;
		margin-top: 0px;

	}	

		nav.menuBar ul.menu{
			display: none;
			list-style:none;
			text-align:center;
			margin: 0;
			padding: 0;
		}

		nav.menuBar ul.menu li.menu{
			display: block;
			width: 100%;
			height: 45px;
			background: #fff url(../images/fondo_menu.jpg) repeat-x;
			padding-top: 10px;
			background: #e20916;
			border-bottom: 1px dashed #fff;

		}
	
			li.menu a {
				font-family:Arial, Helvetica, sans-serif;
				font-size:1.4em;
				color:#fff;
				margin:0px 0px 0px 0px;
				font-weight: bold;
				text-decoration:none;
				}
	
			li.menu a:hover {
				font-family:Arial, Helvetica, sans-serif;
				font-size:1.4em;
				color:#ccc;
				font-weight: bold;
				text-decoration:none;
				}

