/*
    http://www.domex-drew.pl/css/main.css
    DomexDrew by Efrenzy.pl &copy; 2009
*/


body {

    margin: 0;
    padding: 0;
    
    
    background-image: url(../images/domex-bg-x.png);
    background-repeat: repeat-x;
    
    background-color: #322012;
    /*background-color: #509008;*/
    
    
    font-family:  "Trebuchet MS";
    line-height: 140%;
    
    text-align: center;
}

img { border: none;}
a { text-decoration: none; color: #fff;}

/*div { border: 1px dotted;}*/

/*
    div
*/

#container {

    width: 950px;
    height: auto !important;
    min-height: 500px;
    
    margin: 0 auto;
    
    text-align: left;
}

#header {

    width: 950px;
    height: 400px;
    
}
#top {

    width: 265px;
    height: 102px;
    
    float: left;
    
    display: block;
}
#top-nav {

    width: 685px;
    height: 102px;
    
    float: right; display: block;
    
    background-image: url(../images/domex-top.png);
    background-repeat: no-repeat;
    
}
#top-nav ul {

    width: 410px;
    
    margin: 78px 0 0 -9px;

}
#top-nav ul li {

    display: inline;
    list-style-type: none;
    
    margin: 0 2px;
}
#top-nav ul li a { font-family: "Times New Roman"; font-style: italic; font-weight: bold; font-size: 1em; letter-spacing: 1px;}
#top-nav ul li a:hover { border-bottom: 1px dotted #e3e3e3; }
#header-space {

    width: 950px;
    height: 298px;

    background-image: url(../images/domex-header-bg.png);
    background-repeat: no-repeat;
    
}
#header-space h1 { font-family: "Times New Roman"; font-style: italic; font-size: 1.1em; width: 610px; padding: 45px 0 0 0; color: #583112;}
#header-space p { font-size: .8em; width: 590px; color: #3e3e3e; margin-left: 15px; font-style: italic;}
#buttons {

    width: 210px;
    height: 250px;
    float: left;
    
    margin: 0 37px 0 20px;
    padding: 15px 0;
    
}
#buttons ul { /*border: 1px dotted yellow;*/ margin: 0; padding: 20px 0 0 0;}
#buttons ul li { 

    list-style-type:none; 
    width: 210px; 
    height: 72px; 
    
    margin: -15px 5px;
    padding: 25px 0 0 8px;
    
    background-image: url(../images/domex-button.png);
    background-repeat: no-repeat;
    
}
#buttons ul li a { font-family: "Times New Roman"; font-size: 1.2em; color: #7bcf19; padding: 5px 0 0 25px;;}

#main {

    width: 950px;
    height: auto !important;
    
    padding-top: 15px;
    padding-bottom: 15px;
    
    /*background-color: #322012;*/
    
}
#main h1 { font-size: 1em; color: #7bcf19; margin: 15px 10px 10px 40px;}
#main h2 { font-size: .9em; color: #7bcf19; margin: 15px 10px 10px 40px; font-style: italic;}
#main p { font-size: .9em; color: #e3e3e3; margin: 15px 40px 10px 40px; text-align: justify;}
/*#main p img { width: 500px;}*/

#list { margin-left: 40px; list-style-type: none; color: #e3e3e3; font-size: .9em;}

#fotos {

    width: 870px;
    height: auto !important;
    min-height: 110px;
    
    margin: 15px 0 15px 40px; /*border: 1px dotted #fff;*/

}
#fotos p { }
#fotos img { width: 150px; height: 100px; margin: 5px; border: 1px solid #3e3e3e;}

#rzut {

    padding: 15px 0;
}
#rzut img { margin: 10px; border: 1px solid #fff;        }

#pre-form { width: 180px; margin-left: 5px; float: left;}
#pre-form p { font-size: .8em;}

#form {


    width: 380px;
    height: 250px;
    
    margin: -25px 45px 25px 0;
    
    float: right;
    
    border: 1px solid #3e3e3e;
}
#form input { border: 1px solid #e3e3e3; color: #3e3e3e;}
#form textarea { border: 1px solid #e3e3e3;}


#clear { clear: both;}

#footer {

    height: 80px;

    background-color: #261909;
    text-align: left;
    
    padding: 0 0 0 210px;
    
    color: #3e3e3e;
}
#footer a { color: #e3e3e3;}

/*
    class
*/

.l { float: left;}
.cls { clear: both;}
.go { font-size: 1.1em; color: green; text-decoration: underline;}
.go2 { font-size: 1.1em; color: #7bcf19; text-decoration: underline;}
.label { width: 230px; height: auto; display: inline-block;}
.tst { width: 100px;}
.offer-box { width: 160px; display: inline-block; margin: 2px 2px 4px 2px; color: #e3e3e3; border: 1px solid #3e3e3e; text-align: center;}
.list { margin-left: 40px; list-style-type: none; color: #e3e3e3; font-size: .9em;}
p.rzut img { width: 405px;}
.opis { width: 310px; float: right; padding: 10px 0 10px 0;}

