/*@charset "UTF-8";*/
body {
	margin: 0;
	padding: 0;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.4;
	background-color: #C2EEAC;
}
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
}
a img { 
	border: none;
}
a:link {
	color: #42413C;
	text-decoration: underline;
	font-weight: bolder;
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}

#wrap{
	width: 90%;
	margin: 0 auto; 
}

header {
	float:left;
	width: 60%;
}
#error {
	float:left;
	max-width: 250px;
	width: 39%;
}
#error img {
	width:100%;
}
#logo2 {
	max-width: 500px;
	width: 100%;
}
#logoback {
	float: right;
	margin-left: 20px;
}
.content {
	padding: 10px 0;
	width: 90%;

}


/* ~~ El pie de página ~~ */
footer {
	padding: 10px 0;
	position: relative;/* esto da a IE6 el parámetro hasLayout para borrar correctamente */
	clear: both; /* esta propiedad de borrado fuerza a .container a conocer dónde terminan las columnas y a contenerlas */
}

/*Compatibilidad con HTML 5: define nuevas etiquetas HTML 5 como display:block para que los navegadores sepan cómo procesar las etiquetas correctamente. */
header, section, footer, aside, nav, article, figure {
	display: block;
}

@media screen and (max-width: 600px) {
	.texto {
		width: 310px;
	}
	#logoback {
		float:none;
	}
}
@media screen and (min-width: 601px) {
	.texto {
		width: 60%;
		padding-top: 150px;
	}
	

}