/** BASIC */
body {margin: 0px;padding: 0px;background: #003A55 url(img/bg01.gif) repeat-x left top;}

/** FORMS */
form {margin: 0px;padding: 0px;}

/** HEADINGS */
h1, h2, h3, h4, h5, h6 {margin: 0px;}

/** TEXTS */
body, th, td, input, textarea, select {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #3A4C4A;}
p, blockquote, ul, ol, dl {margin-top: 0px;margin-bottom: 1em;line-height: 18px;}
.text1 {font-size: 10px;font-weight: bold;color: #386077;}
.text2 {line-height: 120%;}
.text3 {text-align: center;font-size: 9px;color: #79A0AE;}

/** LISTS */
.list1 {margin: 0px;padding: 0px;list-style: none;line-height: 140%;}
.list1 li {}
.list1 a {padding-left: 11px;font-size: 10px;color: #DCFF00;background: url(img/homepage14.gif) no-repeat left center;}
.list2 {margin-left: 0px;padding-left: 0px;list-style: none;}
.list2 li {}
.list2 a {padding-left: 9px;background: url(img/homepage16.gif) no-repeat left center;}

/** LINKS */
a {color: #008CA8;}
a:hover {text-decoration: none;}
.link1 {}

/** STYLES */
.style1 {}
.style1 a {}
.style1 a:hover {}

/** BACKGROUNDS */
.bg1 {background: url(img/bg02.gif) repeat-y left top;}
.bg2 {background: #FFFFFF;}
.bg3 {background: #E2F6FB url(img/bg03.jpg) no-repeat right top;}
.bg4 {background: #FFFFFF url(img/bg04.jpg) no-repeat right top;}
.bg5 {background: #FFFFFF url(img/bg05.gif) repeat-y left top; height:100%;}
.bg6 {background: url(img/homepage08.jpg) no-repeat center top;}
.bg7 {background: url(img/homepage09.jpg) no-repeat center top;}

/** MISC */
.align-justify {text-align: justify;}
.align-right {text-align: right;}
img {border: none;}
.img1 {float: left;margin: 6px 15px 0px 0px;}
.img2 {float: right;margin-left: 15px;}
hr {display: none;}
.hr1 {height: 1px;margin: 15px 0px 15px 0px;padding: 0px;background: url(img/homepage18.gif) repeat-x left top;}
#top-menu {font-size:11px;float: right;width: 519px;height:171px;margin: 0;background: url(img/homepage02.jpg) no-repeat;background-color:#FFFFFF;
}
#top-menu ul {float: right;margin-top: 23px;margin-right: 15px;padding: 0;list-style: none;}
#top-menu li {display: inline;}
#top-menu b {font-weight: normal;padding: 0 15px;}

/** TITLES */
.title {}
.title h2 {height: 20px;margin-bottom: 20px;font-size:1.7em;}
.title b {position: absolute;left: -10000px;}
#title1 { background: url(img/homepage10.gif) no-repeat left top; }
#title2 { background: url(img/homepage11.gif) no-repeat right top; }
#title3 { background: url(img/subpage_01.gif) no-repeat left top; }

/** BASIC */
html, body {height: 100%;}
.bg5 {background-position: 8px 0px;}
.link1 {display: block;	height: 5px;margin-top: 10px;background: url(img/homepage13.gif) no-repeat right top;}
.link1 b {position: absolute;left: -10000px;}

/** WRAPPER */
#wrapper {width: 762px;height: 100%;min-height: 100%;margin: 0px auto;padding: 57px 0px 0px 0px;}
html>body #wrapper {height: auto;}

/** HEADER */
#header {height: 171px;padding: 8px 8px;}
#logo {float: left;}
#slogan {float: right;}

/** CONTENT */
#content {padding: 0px 8px 8px 8px;border-bottom: 8px solid #FFFFFF;}
#left {float: left;width: 220px;}
#right {float: right;width: 520px;}

/** MAIN-MENU */
#main-menu {border-bottom: 8px solid #FFFFFF;}
#menu_general_eses_presentacio {height: 30px;background: url(img/homepage03.jpg) no-repeat left top;width:219px;}
#menu_general_eses_serveis {height: 30px;background: url(img/homepage04.jpg) no-repeat left top;width:219px;}
#menu_general_eses_75_anys_historia {height: 30px;background: url(img/homepage05.jpg) no-repeat left top;width:219px;}
#menu_general_eses_on_som {height: 30px;background: url(img/homepage06.jpg) no-repeat left top;width:219px;}
#menu_general_eses_contacteu {height: 44px;background: url(img/homepage07.jpg) no-repeat left top;width:219px;}
.VerticalDesplegat .text {padding-top: 10px;padding-right: 2px;padding-bottom: 3px;padding-left: 12px;color: #445566;clear: both;float: none;font-size: 12px;font-weight: bolder;background-color:transparent;}
.VerticalDesplegat .textmarcat {padding-top: 10px;padding-right: 2px;padding-bottom: 3px;padding-left: 12px;color: #EEEEEE;clear: both;float: none;font-size: 12px;font-weight: bolder;}
.VerticalDesplegat a:hover .text, .VerticalDesplegat a:hover .textmarcat {color: #FFF;}

/** BOX1 */
#box1 {padding: 19px 25px 0px 25px;}
#box1 h3.text1 {margin-bottom: 5px;padding-left: 11px;background: url(img/homepage12.gif) no-repeat left center;}

/** BOX2 */
#box2 {float: left;width: 255px;height: 67px;padding: 98px 1px 0px 0px;cursor_}

/** BOX3 */
#box3 {float: right;width: 232px;height: 67px;padding: 98px 0px 0px 25px;}

/** BOX4 */
#box4 {clear: both;padding: 19px 25px 0px 25px;border-top: 8px solid #FFFFFF;}
#box4 .list2 {float: left;}
#box4 .left {margin: 0px 30px 0px 0px;padding: 0px 30px 0px 0px;background: url(img/homepage17.gif) repeat-y right top;}

/** BOX5 */
#box5 {clear: both;padding: 19px 25px 0px 25px;}

/** FOOTER */
#footer {padding: 20px 0px;}