/* RESET CSS
************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
a { text-decoration: none; }

:focus { outline: 0; }

ins { text-decoration: none; }
del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

/* STYLE
************************************************************************/

body {
background: #562c5b url(images/bg.jpg) repeat-x; 
margin: 20px 0 0 0;
font-family: Arial;
font-size: 12px;
color: #ffffff;
}

h1 {
font-size: 18px;
padding: 0 0 10px 0;
margin: 0 0 20px 0;
color: #ffffff;
font-weight: normal;
border-bottom: 1px solid #3b193f;
}

h4 {
font-size: 14px;
padding: 0 0 10px 40px;
margin: 0 0 10px 0;
color: #ffffff;
font-weight: normal;
border-bottom: 1px solid #3b193f;
background: url(images/point.png) 10px 0 no-repeat;
}

h3 {
background: #723b78;
padding: 5px 10px;
margin: 15px 5px 0 0;
cursor: pointer;
color: #ffffff;
float: left;
}

p {
color: #edd9ef;
font-family: Arial;
font-size: 12px;
line-height: 18px;
padding: 0 0 10px 0;
text-align: left;
}

p a { color: #ffffff; }
p a:hover { text-decoration: underline; }

.Clear {
clear: both;
margin: 0;
padding: 0;
}

/* HEADER */

#Header {
width: 900px;
height: 150px;
margin: 0 auto;
background: url(images/box_top.png) center bottom no-repeat;
}

#HeaderLogoArea {
width: 450px;
height: 150px;
float: left;
}

#HeaderMenuArea {
width: 440px;
height: 150px;
float: right;
}

/* MAIN */

#Content {
width: 900px;
margin: 0 auto;
background: url(images/box_bg.png) center top repeat-y;
}

#TextArea {
width: 760px;
padding: 0 70px 50px 70px;
text-align: justify;
line-height: 170%;
background: url(images/box_bot.png) center bottom no-repeat;
}

#TextArea ul {
float: left;
}

.offert {
padding: 0 0 10px 40px;
border-bottom: 1px solid #3b193f;
margin: 0 0 10px 0;
}

#TextArea li.Oferta {
float: left;
width: 740px;
padding: 3px 5px 3px 15px;
background: url(images/li.png) left 7px no-repeat;
}

.InputTitle {
width: 200px;
height: 20px;
float: left;
font-weight: bold;
}

.Input {
width: 180px;
padding: 8px 10px;
font-size: 11px;
line-height: 11px;
background: url(images/input.png) left top no-repeat;
color: #957f98;
margin: 5px 0;
border: none;
float: left;
}

.Send {
width: 150px;
height: 30px;
margin: 15px 0 0 0;
background: url(images/send.png) left top no-repeat;
border: none;
float: left;
}

textarea {
width: 480px;
height: 180px;
padding: 10px;
background: url(images/textarea.png) left top no-repeat;
font-family: Arial;
font-size: 11px;
color: #957f98;
border: none;
overflow: hidden;
float: right;
}

table {
border-top: 1px solid #723b78;
width: 760px;
margin: 0 0 10px 0;
border-left: 1px solid #723b78;
clear: both;
}

.TrBg {
background: #5b2f60;
}

.TableTitle {
color: #ffffff;
font-weight: bold;
background: #723b78;
}

td {
padding: 5px 10px;
border-right: 1px solid #723b78;
border-bottom: 1px solid #723b78;
}

td span {
color: #957f97;
font-size: 10px;
}

/* FOOT */

#Foot {
margin: 20px 0 10px 0;
color: #957f98;
text-align: center;

line-height: 16px;
}

#Foot a {
color: #957f98;
}

#Foot a:hover {
color: #ffffff;
}

a.partner { margin: 0 0 20px 0; display: block; float: left; }

/* Styles for the entire LavaLamp menu */
        .lavaLampWithImage {
            position: relative;
            height: 29px;
            width: 431px;
            padding: 15px;
            margin: 10px 0;
            overflow: hidden;
        }
                .lavaLampWithImage li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampWithImage li.back {
                        background: url(images/lava.png) no-repeat right -30px;
                        width: 9px; height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                        .lavaLampWithImage li.back .left {
                            background: url(images/lava.png) no-repeat top left;
                            height: 30px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
                        }
                    .lavaLampWithImage li a {
                        font: bold 12px arial;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 18px;    
                    }
                        .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
                            border: none;
                        }
/*** SLIDESHOW ***/

#slideshow {
    position:relative;
	width: 700px;
	margin: 0 0 30px 0;
    height:500px;
	text-align: center;
}

#slideshow IMG {
    position:absolute;
    top: 0;
	left: 0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* tabs */
                ul.tabNavigation {
                    list-style: none;
                    margin: 0;
                    padding: 0;
                }

                ul.tabNavigation li {
					display: block;
					float: left;
                }

                ul.tabNavigation li a{
					display: block;
					padding: 5px 10px;
					margin: 0 5px 0 0;
					cursor: pointer;
					color: #ffffff;
					float: left;
                }

                ul.tabNavigation li a.selected,
                ul.tabNavigation li a:hover {
					display: block;
					background: #723b78;
					padding: 5px 10px;
					margin: 0 5px 0 0;
					cursor: pointer;
					color: #ffffff;
					float: left;
                }
                
                ul.tabNavigation li a:focus {
                        outline: 0;
                }

                div.tabs > div {
                background: transparent;
                }
                
                div.tabs > div h2 {
                        margin-top: 0;
                }
                
                .waste {
                        min-height: 1000px;
                }