html, body, div {margin:0;padding:0;}
/*body {background-color:#6BF;}*/
/*body {background-image:url('./pict/donostia.jpg');background-repeat: no-repeat;background-position: center;background-attachment: fixed;}*/
body {background-image:url('./pict/barandilla.jpg');background-attachment: fixed;}

div.centro {text-align:center;margin:0;/*opacity: 0.8;*/}
div.headend, div.main, div.footer {margin: 0 auto;padding-bottom:10px;text-align:justify;
width:800px;background-color:#FFF;}

div.footer {border-top:5px solid blue;}

/* PARRAFOS */
p, form {font-family:Verdana, Arial, Helvetica, sans-serif;
/*font-size:.8em;*/line-height:1.4em;text-align:justify;margin:6px 40px 9px 40px}

H1 {text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:18pt;
font-weight:bold;font-style:italic;color:blue;
margin:0;padding:12px 0 0 0;}

ul {font-family:Verdana, Arial, Helvetica, sans-serif;text-align:justify;}
li {margin-left:40px;margin-right:40px;}

/* MENU */
div.menu {clear:both;width:800px;margin:0;padding:6px 0;}
div.menu a {text-decoration:none;}
div.menu ul {text-align:center;margin:0 auto 0 auto;padding:0;whitespace:nowrap;}
div.menu li {display:inline;position:relative;font-size:.8em;list-style-type:none;margin:0;padding:0;}
/*div.menu li a {margin:0;padding:.4em 8px;color:#FFF;background-color:#06F;height:1.8em;
border-top:2px solid #0AF;border-right:2px solid #0AF;border-bottom:2px solid #00A;border-left:2px solid #00A;}*/
div.menu li a {margin:0;padding:.7em;color:#FFF;background-color:blue;height:1.8em;border-radius:6px;}



/* responsive - for mobiles */
@media all and (max-width: 1000px) {
	div.headend, div.main, div.footer {width:auto;}

	img	{height: auto;max-width:100%;}
	p {margin:6px 2% 9px 2%;}

}
@media all and (max-width: 800px) {
	div.headend, div.main, div.footer {width:auto;}

	img	{height: auto;max-width:100%;}
	p {margin:6px 2% 9px 2%;}

	div.menu {max-width:100%;margin:0;padding:0;}
	div.menu ul {margin:0 auto 0 auto;padding:0;whitespace:normal;}
	div.menu li {display:block;position:relative;width:130px;font-size:.7em;list-style-type:none;margin:20px 0;padding:0;}

}