/* CSS Document */

/*  Predefined  */

body {background: #a80202 url(/images/bg.gif) repeat-x; margin: 0; font: 12px arial, Helvetica, sans-serif; color: #363636}
p, div, form, img, ul, ol, dl, li, dd, dt, table, tr, td {padding:0; margin:0; border: none;}
span{}
a{text-decoration: underline;}
a:hover{text-decoration: none;}
h1 {font: 17px Verdana; color:#8e0306; padding: 0px 0 20px 20px; margin: 0;background:url(/images/h1.gif) 0 4px no-repeat}
h2 {font: bold 12px Verdana, Arial; color: #8c7e48; margin: 0; padding: 20px 0 0 0; position:relative}
h3 {font: 12px arial; color:#aaa; margin: 15px 5px 8px 0px; text-align:right}
input, select, textarea{margin: 0; border: 1px solid #7f7f7f; font: 11px Arial, Helvetica, sans-serif; color: #363636; padding: 2px 3px 1px 3px}
.clear {clear:both;}
.hrTop {border-bottom: 2px solid #9c9c9c; height: 2px; font-size: 2px; line-height: 2px; clear:both; margin: 3px 20px 3px 205px; position:relative; top: 40px;}
.hr {border-bottom: 2px solid #9c9c9c; height: 2px; font-size: 2px; line-height: 2px; clear:both; margin: 0;}
#container { margin: 0 auto 50px auto; width: 720px; position: relative; margin-top: 29px; background: url(/images/index_bg.gif) repeat-y;}

/* Layout */

#top {background:url(/images/top.jpg); width: 720px; height: 184px}
#bottom {background:url(/images/bottom.gif); width: 720px; height: 28px; position: relative}
#bottom p {position: absolute; top: 30px; right: 10px; color: #fff; font-size: 10px}
#bottom a {color: #e7dcb2; text-decoration: none;}
#bottom a:hover { border-bottom: 1px dotted #c5ba90; color: #c5ba90}

#header {position: absolute; top: 4px; left: 20px;z-index: 99}
#header a{background:url(/images/top_btn.gif) no-repeat; color: #fff; display:block; float:left; margin-right: 7px; width: 93px; height: 18px; font-size: 9px; text-align: center; text-decoration: none; padding-top: 2px}
#header a:hover{background:url(/images/top_btn_over.gif) no-repeat;}
#menu {position: absolute; top: 176px; left: 4px; z-index: 99; background-color: #e7dcb2; width: 712px; height: 25px;}
#menu a{position: relative; top: -7px; left: 11px;background:url(/images/menu_btn.gif) no-repeat; color: #000; display:block; float:left; margin-right: 4px; width: 134px; height: 28px; font-size:11px; font-family:Tahoma, Arial, Helvetica, sans-serif; text-align: center; text-decoration: none; text-transform: uppercase; padding-top: 2px}
#menu a:hover{background:url(/images/menu_btn_over.gif) no-repeat;}
#menu a span {position: relative; top: 4px}

#padding{padding: 10px 30px 20px 30px}
#text {width: 711px; position:relative;  left: 5px; xxbackground: white url(/images/bottom_gradient.gif) 0 100% repeat-x; padding-top: 30px}
#text a {color: #8c7e48; text-decoration: none}
#text a:hover { text-decoration: underline}

.TextBoxinputReq, .TextBoxinput, .RadioButtonradioReq, .TextAreatext {clear: both; padding: 4px}
.inputTextSTextBox, .inputTextSReqTextBox, .radioTextSReqRadioButton, .textTextSTextArea {clear: both; float: none; width: 180px;color: #8c7e48;}
.radioReqRadioButton input{margin-right: 6px}
.textTextArea {width: 360px; height: 100px; }
.radioReqRadioButton input{ border: none}
#formButtons {float:right; position: relative; right: 280px;}

.product-img{float: left; position: relative; top: 0; left: 0}
.product {float: left; border: none; margin-left: 20px; position: relative; top: 0; left: 0; width: 525px}
.product p {padding-bottom: 15px}
.product .first {color: #8c7e48; width: 120px}
.product a {float: right; position: relative; top: 10px}
.product td {vertical-align: top}

.pad {padding: 3px 0 0 10px}
.mapa{
	background-image: url(/images/mapa1.gif);
	background-position: right;
	background-repeat: no-repeat;
}