@charset "utf-8";

/* Reseteo de las propiedades y assignacion del body */
*			{ margin:0px; padding:0px; }
body		{ background:#FFFFFF; font:16px "Trebuchet MS", Verdana, Arial, Helvetica; }

/* Definicion del background */
#background	{ width:100%; height:2000px; background:url(../img/bg2.jpg) no-repeat center top; }

/* Definicion del contenedor principal */
#page-wrap	{ width:1000px; height:2000px; margin:0 auto; }

/* Definicion del contenedor de peras */
#peres			{ width:1000px; height:300px; position:absolute; }
#peres .pera	{ width:70px; height:108px; position: absolute; }
#peres .pera img{ border:0px; position: absolute; }

/* Definicion de la cabecera y contenido */
#header		{ width:451px; height:230px; background:url(../img/logo.png) no-repeat; position: absolute; margin-top:300px; margin-left:440px; }
#header img	{ border: 0px; }

/* Definicion de la navegacion */
#nav				{ position:absolute; margin-top:291px; margin-left:8px; z-index:100; }
#main-nav			{ list-style: none; }
#main-nav li		{ margin-top: -5px; }
#main-nav li a		{ text-decoration:none; }
#main-nav li a img	{ border: 0px; display:inline; }

/* Definicion del contenedor central (Cartel) */
#page-content			{ width:340px; height:160px; position: absolute; margin-left: 550px; margin-top: 615px;}
#page-content ul		{ list-style:none; }
#page-content ul li		{ }
#page-content ul li h2	{ font-size:16px; color:#333; font-weight: normal; }

/* Background de los jardineros */
#jardineros	{ width:597px; height:398px; background:url(../img/losJardineros.png) no-repeat; position:absolute; margin-left:105px; margin-top:604px; }
#bustia		{ width: 130px; max-width: 130px; max-height: 170px; height: 170px; position: absolute; margin-top: 780px; margin-left: 850px; }
#suerte		{ width: 80px; height: 50px; position: absolute; margin-top: 900px; margin-left: 810px; }
#magnolia	{ width: 60px; height: 70px; position: absolute; margin-top: 930px; margin-left: 100px; }
#euros	{ width: 401px; height: 240px; position: absolute; margin-top: 565px; margin-left: 530px; background: url(../img/15.png); }

#jardineros	a{ display: block; height: 100%; width: 100%; text-decoration: none; background: url(../img/losJardineros.png) no-repeat; }
#bustia		a{ display: block; height: 100%; width: 100%; text-decoration: none; }
#suerte		a{ display: block; height: 100%; width: 100%; text-decoration: none; }
#magnolia	a{ display: block; height: 100%; width: 100%; text-decoration: none; }
#euros		a{ display: block; height: 100%; width: 100%; text-decoration: none; }

/* Definicion del pie de pagina */
#footer				{ width:1000px; height:300px; position:absolute; margin-top:1340px;}
#left				{ width:400px; height:235px; position:absolute; margin-left:300px; margin-top:350px; padding-top: 25px; }
#left h1			{ text-align: center; }
#left ul			{ list-style:none; margin-left: 120px; width: 220px; }
#left ul li			{ padding: 5px; color: #947C0A; font-size: 20px; padding-left: 10px; }
#left ul li:hover	{ background:url(../img/bgLi.png);}
#left ul li a		{ color: #947C0A; text-decoration: none; }
#left ul li h3		{ font-size: 20px; font-weight: normal; }

#right			{ width:600px; height:300px; position:absolute; margin-left: 270px; margin-top:43px; padding-top: 25px; background:url(../img/footerSandra2.png) no-repeat right bottom;}
#right ul		{ list-style: none; width: 230px; margin-top: 20px; margin-left: 150px; }
#right ul li	{ text-align: left; padding: 10px; color: #947C0A; font-size: 20px; }
#right ul li:hover	{ background:url(../img/bgLi.png);}
#right ul li a		{ color: #947C0A; text-decoration: none; }
#right ul li h3	{ font-size: 20px; font-weight: normal;}
#right #sandra	{ width: 120px; height: 230px; position: absolute; margin-left: 500px; margin-top: 70px; }
#right #sandra a{ display: block; height: 100%; width: 100%; text-decoration: none; }

/* Definicion del copyright */
#copyright	{ width: 100%; padding-top: 5px; padding-bottom: 5px; border-top: 1px #563819 solid; background: #32210F; color:#FFF; text-align: center; font-size: 12px; }
#copyright p.w3c{ padding-top: 5px; }
#copyright a	{ margin-right: 10px; margin-left: 10px; }
#copyright a img{ border: 0px; }

#imgPreviewWithStyles { padding: 8px;z-index: 999;border: none;}
#imgPreviewWithStyles img { border: 2px #5E981C solid; }
#imgPreviewWithStyles span {color: white;text-align: center; display: block;padding: 2px 0 0px 0;}