a:link {
	color: #333333;
}
a:visited {
	color: #333333;
}
a:hover {
	color: #000000;
}
a:active {
	color: #333333;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #CDCDCD;
}



#wraper {
	background-color: #FFFFFF;
		position: absolute;
		border: 3px solid #7F7F7F;
top: 50%; /* Buscamos el centro horizontal (relativo) del navegador */
left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
width: 800px; /* Definimos el ancho del objeto a centrar */
height: 600px; /* Definimos el alto del objeto a centrar */
margin-top: -300px; /* Restamos la mitad de la altura del objeto con un margin-top */
margin-left: -400px; /* Restamos la mitad de la anchura del objeto con un margin-left */
}


#logo_izq {
	height: 200px;
	width: 225px;
	background-color: #FFFFFF;
	margin-top: 200px;
	float: left;
	margin-left: 173px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}
#logo_der {
	height: 200px;
	width: 225px;
	background-color: #FFFFFF;
	float: right;
	margin-top: 200px;
	border: 1px solid #999999;
	margin-right: 174px;
}
#wraper_tienda {

	background-color: #FFFFFF;
		position: absolute;
		border: 3px solid #DD1F81;
top: 50%; /* Buscamos el centro horizontal (relativo) del navegador */
left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
width: 800px; /* Definimos el ancho del objeto a centrar */
height: 600px; /* Definimos el alto del objeto a centrar */
margin-top: -300px; /* Restamos la mitad de la altura del objeto con un margin-top */
margin-left: -400px; /* Restamos la mitad de la anchura del objeto con un margin-left */
}