@charset "utf-8";
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
	
	background-image: url(Background_04.gif);
}


ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	text-align: center;
	font-size: 16px;
}
a img {
	border: none;
}

a:link {
	color: #42413C;
	text-decoration: underline;
	font-size: 12px;
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
	font-size: 12px;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}


.container {
	width: 960px;
	background: #FFF;
	margin: 0 auto; 
}


.header {
	background-image: url(headerpruebaresto.gif);
	height:200px;
}



.content {
	height: 1050px;
	background-image: url(pruebafondoproducto.gif);
}

/* ~~ El pie de página ~~ */
.footer {
	background-image: url(footer-web.gif);
	height:50px;
}

/* ~~ clases float/clear varias ~~ */
.fltrt {  /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* esta clase puede situarse en una <br /> o div vacía como elemento final tras la última div flotante (dentro de #container) si #footer se elimina o se saca fuera de #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.container .content #apDiv7 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}