body {
    background-color: #FFF9D8;
    margin: 0;
    text-align: center;
}

h1 {
    color: #504900;
    font-family: Verdana;
    font-weight: bold;
    font-size: 30px;
    margin: 0 0 4px 0;
}

h2 {
    color: #504900;
    font-family: Arial;
    font-weight: bold;
    font-size: 24px;
    margin: 0 0 7px 0;
}

h3 {
    color: #504900;
    font-family: Arial;
    font-weight: normal;
    font-size: 16px;
    margin: 0 0 16px 0;
}

h4 {
    color: #504900;
    font-family: Arial;
    font-weight: bold;
    font-size: 16px;
    margin: 0 0 3px 0;
}

p, li {
    font-family: Arial;
    font-weight: normal;
    font-size: 12px;
}

ul {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
}

li {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
}

table {
    border: 0;
}

img {
    border: 0;
}

ul {
    list-style-image: url("img/list.gif");
}

p.intro {
    width: 450;
    margin: 7px 0 6px 0;
}

ul.service {
    position: relative;
    left: -15px;
}

ul.service li {
    width: 280px;
}

div.flag {
    margin-right: 1px;
    float: right;
    position: relative;
    top: 44px;
    left: -15px;
}

div.flag img {
    cursor: pointer;
}

#header {
    background-color: #FAE500;
    width: 100%;
    height: 54px;
    border-bottom: 2px solid #504900;
    text-align: center;
}

#center {
    margin: 0 auto 0 auto;
    background-image: url("img/bgHeader.gif");
    background-repeat: no-repeat;
    background-position: center;
    width: 786px;
    height: 52px;
    position: relative;

}

#frame {
    margin-top: 5px;
    width: 786px;
}

#frameLeft        { background: url("img/shadowLeft.gif") repeat-y; }
#frameLeftTop     { background: url("img/shadowLeftTop.gif"); }
#frameTop         { background: url("img/shadowTop.gif") repeat-x; }
#frameRightTop    { background: url("img/shadowRightTop.gif"); }
#frameRight       { background: url("img/shadowRight.gif") repeat-y; }
#frameRightBottom { background: url("img/shadowRightBottom.gif"); }
#frameBottom      { background: url("img/shadowBottom.gif") repeat-x; }
#frameLeftBottom  { background: url("img/shadowLeftBottom.gif"); }

#wrap {
    position: relative;
}

#content {
    border: 1px solid #817926;
    background-color: #FFFFFF;
    padding: 17px 0 25px 24px;
    text-align: left;
}

#puerto {
    border: 1px solid #504900;
    margin: 11px 0 19px 10px;
}

#contact {
    background: url("img/contactBg.gif") no-repeat;
    width: 234px;
    height: 157px;
    overflow: hidden;
    position: absolute;
    top: 235px;
    right: 25px;
}

#contactContent {
    padding: 0 0 0 7px;
}

#contact h4 {
    margin: 9px 0 12px 0;
} 

#contact p {
    margin: 0 0 6px 0;
} 

#contactContent .line {
    font-family: Arial;
    font-size: 12px;
    padding: 0 0 0 5px;
    width: 200px;
    height: 14px;
    position: relative;
}

#contactContent .field {
    color: #504900;
    font-weight: bold;
} 

#contactContent .value {
    margin: 0;
    position: absolute;
    left: 68px;
} 

#priceList {
    background: url("img/priceListBg.gif") no-repeat;
    width: 234px;
    height: 170px;
    overflow: hidden;
    position: absolute;
    top: 40px;
    right: 25px;
}

#priceListContent {
    padding: 22px 0 0 9px;
}

#priceListContent div {
    height: 16px;
    margin-bottom: 8px;
}

#priceListContent h4 {
    color: #FFFFFF;
    font-family: Verdana;
    font-weight: bold;
    font-size: 11px;    
    position: absolute;
    top: 0px;
    left: 8px;
}

#priceListContent a {
    color: #000000;
    font-family: Arial;
    font-weight: normal;
    font-size: 10px;    
    text-decoration: none;
    position: relative;
    top: -3;
}

#priceListContent .ico {
    margin-right: 5px;
    cursor: pointer;
}