/*
    Festyny.info CSS by Micha�Kowalski 2008
*/

body { 

    background-image: url(../img/bg.jpg);
    margin-top: 0; padding-top: 0;
    text-align: center;
    font-size:10px; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif;
}
a { text-decoration: none; color: #000;}
p { line-height: 140%; font-size: 1.2em; text-align: justify;}

#container { width: 730px; height: auto !important; margin: 0 auto; text-align: left;

    background-image: url(../img/main-bg.jpg);
    background-repeat: repeat-y;
}

#header { width: 730px; height: 290px;}

#main { width: 680px; margin: 0 0 0 25px; background-image: url(../img/mbg.jpg); background-repeat: repeat-x; background-color: #f9f9f9;}
#main p { margin: 5px; text-align: justify;}
#main h2 { margin: 5px;}

#left { width: 430px; border: 1px solid #2e2e2e; margin: 5px 0px 0 20px; background-color: #fff;}
#left h1{ font-size: 1.1em; color: #fff; margin: 5px; padding: 5px 0 5px 10px;}
#left p { margin: 10px;}
#left img { margin: 0 0 0 25px;}
#left a { text-decoration: underline; padding-bottom: 5px;}
#left a:hover { color: blue;}

#leftwide { width: 640px; border: 1px solid #2e2e2e; margin: 5px 20px; background-color: #fff;}
#leftwide h1, h2, h3{ width: 620px; font-size: 1.1em; color: #666; margin: 5px; padding: 5px 0 5px 10px;}
#leftwide p { margin: 10px; text-align: justify;}
#leftwide img { margin: 0 0 0 5px; border: 1px solid #3e3e3e;}
#leftwide a { text-decoration: underline; padding-bottom: 5px;}
#leftwide a:hover { color: blue;}

#left table { margin: 15px; padding: 0;}
#left table tr td a img{ margin: 0 ; border: 1px solid #000;}

#slajdy { height: 420px; margin-left: 15px;}

#galeria-namioty { margin-left: 25px;}
#galeria-namioty img { border: 1px solid #000;}

#right { width: 180px; margin: 5px 20px 0 0; border: 1px solid #2e2e2e; background-color: #fff;}
#right h1{ font-size: 1.1em; color: #fff; margin: 5px; padding: 5px 0 5px 10px;}
#right ul { }
#right ul li { list-style-type: none; margin-left: -40px;}
#right ul li p { margin: 0 10px 0 10px; font-size: 1.1em;}
#right img { border: 3px solid #e2e2e2; margin: 10px 0 10px 10px;}
#right h2 { margin: 8px 0 8px 10px; font-size: 1.1em;}

#galeria {width: 600px; border: 1px solid #fff; margin: 0 auto; padding-left: 40px;}
#galeria h1{ font-size: 1.1em; color: #fff; background-color: #33cc00; margin: 5px 5px 5px -39px; padding: 5px 0 5px 10px;}
#galeria img { border: 3px solid #fff; margin: 15px;}
#galeria img:hover { border: 3px solid orange;}

#namioty { margin-right: 10px;}
#namioty-tab { width: 420px; margin: 0 10px 0 5px;}
#namioty-tab p { font-size: .8em;}
#namioty-tab tr { margin: 5px;}
#namioty-tab tr td {}

#footer {

    height: 64px; margin: 25px 0 0 6px; text-align: center;
    background-image: url(../img/footer-bg.jpg);
    background-repeat: repeat-y;
}
#footer p { color: #e3e3e3; margin-left: 40px; padding-top: 22px;}
#footer p a { color: #fff; text-decoration: none;}
#seo-footer { width: 730px; margin: 0 auto;}
#seo-footer a { margin: 15px;}

#clear { clear: both;}

/*class'es*/
.p { float: right;}
.r { float: right;}
.l { float: left;}
.clear { clear: both;}
.header { color: #333300; margin-left: 25px;}
.mail { color: blue;}
.small { font-size: .8em; margin: 6px 0 0 60px;}
.opis { width: 600px;  font-size: 1.1em; border: 1px dotted red;}

.news { background-color: #ff6633;}
.green { background-color: #33cc00;}
.blue { background-color: #3299cc;}
.grey { background-color: #808080;}
.last { margin-top: 10px;}

.trace { background-color: silver;}
.lewo { margin-right: 10px;}