/* CSS Document */

body {margin:40px 0; font:normal 12px arial; color:#333}
.default {font:normal 12px arial; color:#333}
form {margin:0}

h1 {font:bold 16px arial; color:#fff; padding:3px 10px; margin:0 0 10px; background:url(images/desen.jpg)}
h2 {font:bold 16px arial; color:#fff; padding:3px 10px; margin:0 0 10px; background:url(images/desen2.jpg)}
h3 {font:bold 16px arial; color:#fff; padding:3px 10px; margin:0 0 10px; background:url(images/desen3.jpg)}
h4 {font:bold 16px arial; color:#fff; padding:3px 10px; margin:0 0 10px; background:url(images/desen4.jpg)}
h5 {font:bold 16px arial; color:#cad677; padding:0; margin:5px}
h6 {font:normal 16px arial; color:#e0b27d; margin:5px 0}

ul {margin:0 ; list-style-position:inside; padding:0 ; line-height:18px}
li {color:#e0b27d}
a {color:#333 ; text-decoration:none}
a:hover {text-decoration:underline}
p {margin:5px; line-height:18px}


#header {position:relative; margin:auto ; width:920px ; height:365px}

#header ul {list-style-position:outside; margin:0; list-style-type:none; display:inline; line-height:0}
#header li {margin:0; padding:17px 19px 18px; float:left; display:block; list-style-type:none; background:#f3f1f2}

#navMenu {position:absolute; width:920px; height:80px; top:43px}
#searchBar {position:absolute; left:300px; width: 620px; top: -9px}
#banner {position:absolute; height:400px;  width:890px; padding: 0px 0px 0px; top:130px;}
#banner img {border: 7px solid #5c7f95}

#main {position:relative; margin:auto; width:890px; padding:0 15px 15px; background:#f3f1f1}
#left {float:left; width:212px}
#right {float:right; width:678px}

#left ul {text-align:left; padding:0; margin:0 10px; list-style-type:none; list-style-position:outside}
#left li {border-bottom:1px dotted #5c7f95; padding:3px 10px ; margin:0}
#left a {color:#5c7f95; padding:3px}
#left a:hover {background:#5c7f95; color:white; text-decoration:none}
 

#leftR {float:left; margin-top:15px; position:relative; left:15px; width:322px; background:white}
#rightR{float:right; margin-top:15px; position:relative; right:2px; width:322px; background:white}

#leftR h1 {margin:0; padding:2px ; background:none; font:bold 16px arial; color:#fff ; padding:3px 10px ; margin:0 0 10px}
#zoom {position:absolute; left:0; top:284px; z-index:1}

#footer {position:relative; margin:auto; top:20px; width:920px; height:160px; background:#f3f1f1; font-size:11px}
#footer h1 {margin:0; padding:0 0 5px; font:bold 14px arial; color:#5c7f95; background:none}

#footerMenu1 {position:absolute; top:30px; left:30px}
#footerMenu2 {position:absolute; top:30px; left:190px}
#footerMenu3 {position:absolute; top:30px; left:400px}
#footerMenu4 {position:absolute; top:30px; left:570px}
#footerMenu5 {position:absolute; top:30px; left:740px}

#footer ul{text-align:left; padding:0; margin:0; list-style-type:none; list-style-position:outside}
#footer li {border-bottom:1px dotted #5c7f95; width:110px;  padding:0 3px ; margin:0}

#right .cont {position:relative; left:15px; width:662px; padding:0; background:#fff}

.box {width:212px; float:left; position:relative; margin:15px 0 0 14px; background:#fff; height:208px; display:inline}
.boxL {width:325px; float:left; position:relative; margin:15px 0 0 14px; background:#fff; height:208px; display:inline}

.more {position:absolute; width:97px ;left:109px; top:188px; padding:3px; text-align:center}
.more a {color:white; font-weight:bold; font-size:11px ; text-decoration:none}
.more a:hover {text-decoration:none}

.moreL {position:absolute; width:97px; left:109px; top:411px; padding:3px; text-align:center}
.moreL a {color:white; font-weight:bold; font-size:11px ; text-decoration:none}
.moreL a:hover {text-decoration:none}

.darkBlue {color:#5c7f95}
.small {font-size:8px}
.largeHdr {margin:15px 0 0 15px}
.brdBtm {padding:5px 0; border-bottom:1px dashed #ccc}
.red {color:red}
.brd {border:1px solid #b6b6b6}

.greenBg {background:#cad677}
.brownBg {background:#e0b27d}
.pinkBg {background:#d66665}
.padding {padding:2px 6px 5px}
.padding2 {padding:8px}
.pro {background:white; border:1px solid #ccc; width:209px}
.lightBg {background:#F0F8FF}

.cont { margin-top:15px; padding:0 0 10px ; background:#FFF}
.sep {display:block; clear:both}
.sepR {display:block; clear:right}

.white {color:white}
.large {font-size:14px}
.grey {color:#aaa}

.textField {border:1px solid #d4d4d4; font:normal 12px arial; color:#5c7f95; width:130px; padding:1px 2px}
.textLarge {border:1px solid #d4d4d4; font:normal 12px arial; color:#5c7f95; width:185px; padding:1px 2px}
.textSmall {border:1px solid #d4d4d4; font:normal 12px arial; color:#5c7f95; width:24px; padding:1px 2px}
.textMedium {border:1px solid #d4d4d4; font:normal 12px arial; color:#5c7f95; width:90px; padding:1px 2px}
.text4 {border:1px solid #d4d4d4; font:normal 12px arial; color:#5c7f95; width:32px; padding:1px 2px}
.largeArea {border:1px solid #d4d4d4; font:normal 12px arial; color:#5c7f95; width:645px; padding:1px 2px}
.check {margin-bottom:-2px}