/* = BODY
---------------------------------------------------------------------------------------------------*/
body { margin: 0px; padding:0 0 20px 0; font-size:12px; font-family:Arial, sans-serif, Helvetica; background:#FFF6EF url(../images/bg.jpg) left top repeat-x; color:#090000;  }
input, textarea, select { font-family:Arial, sans-serif, Helvetica; font-size:12px; }
h1, h2, h3, h4, h5, h6, p, form, ul, table, label, fieldset { padding:0; margin:0; border:0; font-weight:normal; }

/* = TYPOGRAPHY
---------------------------------------------------------------------------------------------------*/
/* headings */
h1, .t1 { font-size:30px; font-family: Georgia, "New York CE", utopia, serif; margin: 0 0 18px 0; color: #FFF0E5; text-shadow: #333 -1px -1px 3px; }
h2, .t2 { font-size:20px; font-family: Georgia, "New York CE", utopia, serif; margin: 0 0 10px 0; text-shadow: #fff 1px -1px 1px; }
h3, .t3 { font-size:12px; font-weight: bold; margin: 0 0 1px 0; }

/* Text elements */
p { line-height:140%; margin:0 0 10px 0; }
ul li { list-style:none; line-height:140%;  }
ol li { line-height:140%; list-style-position: outside; margin-left:20px; }
ul, ol { margin:0 0 15px 0; }
img { margin: 0; border:none; padding:0; display:block; }
/* links */
a { color:#B41900; text-decoration:underline; outline: none }
a:hover { text-decoration:none; }
a:active { position: relative; top: 1px; }
/* misc */
.clear { clear:both; }
.float { float:left; }
.floatRight { float:right; }
.textRight { text-align: right; }
.wrap { margin:0 auto; text-align:left; width:960px; position: relative; }
.wrap .right { position: absolute; right:-78px; top:0; }
.small { font-size:10px; }
label { padding-top:2px; }
.rear { margin-right:0px !important; padding-right:0 !important; }
.last { margin-bottom:0px !important; border:0 !important; }

/* = header
---------------------------------------------------------------------------------------------------*/
.header { width: 960px; float: left; }
.header a.logo { display: block; float: left; width: 160px; height: 89px; }

.header #switcher { width: 800px; overflow: hidden; position: relative; float: left; }
.header ul.menu { float: right; width: 623px; height: 57px; padding: 32px 0 0 177px; background: url(../images/layout/menu/bg-menu.jpg); margin: 0; z-index:9; }
.header ul.menu li { float: left; height: 31px; /*overflow: hidden;*/ }
.header ul.menu li a { float: left; height: 31px; line-height: 31px; color: #FDD7BD; font-family: Georgia, "New York CE", utopia, serif; font-size: 14px; background: url(../images/layout/dots/header-menu.gif) 7px 16px no-repeat; text-decoration: none; text-indent: 15px; position: relative; z-index: 50; }
.header ul.menu li a:active { top:0; }
.header #switcher #pill { position: absolute; top: 32px; left: 0px; z-index: 0; height: 31px; border: 1px solid red; }
.header #switcher #pill { background: url(../images/layout/pill.png); border: 1px solid #772421; cursor: pointer; }
/*.header #switcher #pill .pillInner { background: url(../images/layout/pill.png) left top no-repeat; height: 31px; margin-right:10px; }*/
* html .header #switcher #pill { background: url(../images/layout/pill.png) right top no-repeat; }
* html .header #switcher #pill .pillInner { background: url(../images/button-left.gif) left top no-repeat; }
.header ul.menu li.switch1 a { width: 73px; }
.header ul.menu li.switch2 a { width: 101px; }
.header ul.menu li.switch3 a { width: 155px; }
.header ul.menu li.switch4 a { width: 75px; }
.header ul.menu li.switch5 a { width: 78px; }

/* = main
---------------------------------------------------------------------------------------------------*/
.main { width: 960px; float: left; padding: 0 0 20px 0; }
.main .welcomeBox { width: 619px; height: 427px; padding: 0 0 0 341px; margin: 0 0 10px 0; float: right; position: relative; background: url(../images/layout/welcomebox.jpg) right top no-repeat; }
.main .welcomeBox .top { height: 235px; padding: 27px 0 0 0; }
.main .welcomeBox img.pen { position: absolute; left: -47px; top:0; }
.main a.button { display: block; width: 190px; padding: 0 0 0 17px; height: 43px; line-height: 40px; background: url(../images/layout/buttons/button1.gif) left top no-repeat; color: #3E0603; font-size: 20px; font-family: Georgia, "New York CE", utopia, serif; text-decoration: none; }
.main a.button:hover { background-position: left bottom; }

.main .content { padding: 0 0 0 40px; }
.main .content h2 { font-size:16px; }
.main .content ul li,
.main .welcomeBox ul li { background: url(../images/layout/dots/header-menu.gif) 2px 8px no-repeat; padding: 0 0 0 10px; margin: 0 0 5px 0; }
.main .content .cell { float:left; width: 300px; }

/* = indexInfoBoxes
---------------------------------------------------------------------------------------------------*/
.indexInfoBoxes { float: right; width: 920px; margin: 0 0 20px 0; }
.indexInfoBoxes li { float: left; width: 280px; margin: 0 20px 0 0; }
.indexInfoBoxes li h3 a { color: #000; text-decoration: none; }
.indexInfoBoxes li h3 a:hover { color: #000; text-decoration: underline; }
.indexInfoBoxes li p { margin: 0 0 3px 0; }

/* = contactForm
---------------------------------------------------------------------------------------------------*/
.contactForm { width: 500px; float: left; margin: 0 20px 0; }
.contactForm label { float: left; width: 140px; padding: 4px 10px 0 0; text-align: right; margin: 0 0 5px 0; }
.contactForm input.field { width: 330px; float: left;  margin: 0 0 5px 0; padding: 5px; }
.contactForm textarea { width: 330px; float: left;  margin: 0 0 5px 0; padding: 5px; }
.contactForm select { width: 342px; float: left;  margin: 0 0 5px 0; padding: 5px; }
.contactForm input.submit { margin: 0 0 0 150px; }
.contactForm p.small { margin: 0 0 5px 150px; }
.mapa { float: left; width: 350px; }
.mapa a.map { display: block; }
.mapa a.map img { border: 1px solid #72110B; padding: 1px; }
address { text-align: left; font-style: normal; line-height: 150%; }

/* = footer
---------------------------------------------------------------------------------------------------*/
.footer { width: 940px; padding: 7px 20px 0 0; float: left; background: url(../images/layout/footer.jpg) left top no-repeat; color: #C79C7A; font-family: Georgia, "New York CE", utopia, serif; font-size: 9px; }
.footer a { color: #C79C7A; text-decoration: underline; }
.footer a:hover { text-decoration: none; }
.footer p.copy { float: left; margin: 0 0 0 20px; }
* html .footer p.copy { display: inline; }
.footer .menu { float: right; }
.footer .menu li { display: inline; margin: 0 15px 0 0; }