/* CSS Document */

* { margin: 0; padding: 0; }

body { background: #ebeaea URL('images/background.jpg') repeat-x; }

body, p, a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; }
h1, h2, h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; color: #FFFFFF; }
h2, h3 { font-size: 16px; font-weight: bold; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }

a { color: #dddddd; text-decoration: none; }
a:hover { color: #CCCCCC; text-decoration: underline; }

/* may layout */
#container { width: 767px; overflow: hidden; margin: 5px auto; background: URL('images/container-faux.jpg') repeat-y; }
#header { width: 767px; height: 99px; overflow: hidden; background: URL('images/header.jpg') no-repeat; }
#main { width: 767px; min-height: 834px; overflow: hidden; background: URL('images/main-back.jpg') no-repeat; }
#center { width: 510px; float: left; overflow: hidden; display: inline; margin: 0 90px 0 0; }
#right { width: 154px; float: left; overflow: hidden; display: inline; margin: 40px 0 0 0; }
#footer { width: 767px; height: 56px; overflow: hidden; background: URL('images/footer.jpg') no-repeat; }

/* header */
#header a { display: block; margin: 20px 18px; width: 313px; height: 55px; }
#header a img { border: none;  }

div#topMenu { width: 482px; height: 31px; overflow: hidden; background: URL('images/menu-back.jpg') no-repeat; margin: 10px 0 20px 10px; }
div#topMenu ul { list-style-type: none; width: 482px; height: 31px; overflow: hidden; }
div#topMenu ul li { float: left; height: 31px; }
div#topMenu ul li a { float: left; display: inline; margin: 2px 0; height: 27px; padding: 27px 0 0 0; overflow: hidden; }

div#topMenu ul li a#homeMenuItem { width: 78px; background: URL('images/menu-home.jpg') no-repeat; margin-left: 2px; }
div#topMenu ul li a#tarotMenuItem { width: 80px; background: URL('images/menu-tarot.jpg') no-repeat; }
div#topMenu ul li a#tOnlineMenuItem { width: 141px; background: URL('images/menu-tarot-online.jpg') no-repeat;}
div#topMenu ul li a#contactMenuItem { width: 105px; background: URL('images/menu-contacto.jpg') no-repeat; }
div#topMenu ul li a#linksMenuItem { width: 66px; background: URL('images/menu-links.jpg') no-repeat; }

/* right menu */
div.rightMenuWrapper { width: 147px; margin: 0 1px 10px 1px; overflow: hidden; }
div.rightMenuWrapper h2 { width: 147px; height: 22px; padding: 7px 0 2px; text-align: center; font-size: 13px; font-style: italic; background: URL('images/rightmenu-top.jpg') no-repeat; }
div.rightMenuWrapper ul { list-style-type: none; width: 145px; overflow: hidden; border-bottom: 1px solid #3f3f3f; margin: 0 1px; }
div.rightMenuWrapper ul li { height: 21px; }
div.rightMenuWrapper ul li a { display: block; color: #666666; width: 125px; height: 17px; padding: 3px 0 1px 20px; background: URL('images/rightmenu-option.jpg') no-repeat; }

a.bannerLink { display: block; width: 154px; height: 129px; margin: 0 0 10px 0; }
/* footer */
#footer p { padding: 15px 20px; }

/* articles */
div#center h1, div#center p { margin: 20px; }
div#center ul.articleList,
div#center ul.categoryList  { margin: 20px 40px; }

div#center div#articleText { margin: 20px; }
div#center div#articleText p { font-weight: normal; }
div#center div#articleText p,
div#center div#articleText h2,
div#center div#articleText h3,
div#center div#articleText h4 { margin: 20px; }

div#center div#articleText ul,
div#center div#articleText ol { margin: 20px 40px; }

/* links */
div.bannerWrapper2 { margin: 20px; width: 468px; height: 60px; border: 2px solid #FFFFFF; }

/* forms */
div#center form { margin: 20px 40px; }
div#center form p { margin: 3px 0; overflow: hidden; }
div#center form label { float: left; padding: 2px 0 0 0; width: 120px; }
div#center form input { width: 150px; padding: 1px; }
div#center form input.button { width: auto; }
div#center form textarea { width: 300px; height: 120px; }