/*
Document   : Giera-main
Created on : 2011-22-01, 10:05:11
Author     : Łukasz Wadas
Description:
    The main style template for dom-na-weekend.pl for content management system web sites "CleanScritps"
*/

/*-- SPECIAL FONT DEFINITION --*/
@font-face {
 font-family: TrajanPro-Regular;
 src: url("font/TrajanPro-Regular.eot")  /* EOT file for IE */
}
@font-face {
 font-family: TrajanPro-Regular;
 src: url("font/TrajanPro-Regular.otf") format('opentype');  /* TTF file for CSS3 browsers */
}

body{
    margin:     0;
    padding:    0;
    font-size:  12px;
    font-family:"Tahoma";
    color:      #000;
    line-height: 24px;
    background: url('img/art-finger.jpeg') center bottom no-repeat fixed;
}
body, html{height: 100%}
img{border:none;}
a{color: #0fa5e8;text-decoration: none;}
a:hover, #actives{text-decoration:underline;}
h1,h2,h3,h4,h5{margin-top:0px;margin-bottom:20px;color:#0fa5e8;font-family:Georgia, sans-serif; font-style: italic;}
h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
ul{margin:0;padding:0;list-style:none;}
p{margin-top:0;}

#container
{
    min-width:      980px;
    max-width:      1240px;
    margin:     0 auto;
}

#main{
    width:980px;
    margin:0 auto;
    padding: 0;
}
#header{
    height:     329px; 
    background: url('img/bg_header.jpg') no-repeat top center;
    padding:    22px 47px 0 37px;
    margin-bottom: 26px;
}
#logo{
    margin: 0 auto;
    display:block;
    width:395px;
}
.leftcol{
    width:209px;
    padding-left: 10px;
    float:left;
}
.content{
background: #fff;
opacity: 0.9;
float: left;
padding: 2%;
width: 96%;
}

#footer{
    background: #0fa5e8;
    
    height: 135px;
    padding: 11px 0 0 0;
    opacity: 0.9;
}
#footer div{
        min-width:      980px;
    max-width:      1240px;
    margin:     0 auto;
}

.constconntent{
    width: 170px;
}
#footer, #footer a{
    color:#666;
}
#footer a:hover{
    color:#000;
}
#footer{
     line-height: 18px;
}
/*-- Nav --*/
#mainNav{
width: 100%;
height: 80px;
background: #0fa5e8;
opacity: 0.8;
}
#mainNav div{min-width: 980px; max-width: 1240px; margin: 0 auto;}
#mainNav a{font-family: Georgia, sans-serif; font-style: italic;font-size: 20px;color: #fff;display: inline-block; padding: 27px 10px;}
#mainNav a:hover{

}
iframe{border:none;padding:10px;margin:0;}
.tresc{float: left; width: 80%;}
#subnav{
    width:16%;
    float: left;
    min-height: 105px;
    margin: 0 2% 0 0;
    
}
#subnav li{
    
    
    
}
#subnav li li{
    margin: 0 0 1px 5px;
}
#subnav a{
    background: #006d9e;
    padding: 5px 4px;
    color:#fff;
    display: block;
    padding: 7px 4px;
    margin: 2px 0;
    background: #006d9e;
    
}
#subnav a:hover{
    background: #0fa5e8;
}

.listGal3 img{width: 100px; height: 100px; padding: 3px; border: 1px solid #000; margin: 4px;}

/*-- KONFIGURACJA SLIDERA --*/
#slider{
    height: 245px;
    width: 1200px;
    margin: 0 auto;
}
.window {
    overflow: hidden;
    position:  relative;
    height: 245px;
    width: 1200px;
    margin: 0 auto;
}
.window img{
    height: 245px;
    width: 1200px;
    float: left;
}
.paging{
    position: relative;
    z-index: 100;
    top:230px;
    right:15px;
}
.paging div{
    float:  right;
}
.box{
    display:    block;
    float:      left;
    width:      8px;
    height:     8px;
    background-image: url('img/marker_slider.png');
    background-repeat: no-repeat;
    background-position: top center;
    margin: 0 3px;
}
.active {
    background-position: bottom center;
}
.image_reel {
    left:           0;
    position:       absolute;
    top:            0;
}

/*-- CONTACT FORM --*/
.contact{
    list-style:     none;
    padding:        0;
    list-style-image: none;
}
.contact li{
    margin:         5px 0;
    background:     0;
    padding:        0;
}
.contact label{
    margin:         0 10px 0 0;
}
.contact input{
    width:          150px;
}
.contact textarea{
    width:          508px
}
.contact textarea, .contact input {
    border:         1px solid #666;
    margin:         2px 0;
    padding:        2px;
}
#send{
    cursor:         pointer;
    display:        block;
    padding:        0 10px;
    width:          70px;
    background:     #666;
    color:          #FFF;
    border:         1px solid #3b3b3b;
}
.error {
    background-color:#FFEBE8;
    border:         1px solid #CC0000;
    color:          #000;
    margin:         0;
}
.error ul{
    list-style:     none;
}
.done, .error{
    font-size:      13px;
    width:          513px;
}
.done p, .error p{margin:3px 10px;}
.done{
    background-color:#E9F9E6;
    border:         1px solid #175F16;
    color:          #000;
    margin:         0;
}
#bradcrumb{
margin: 5px 0 14px 0;
font-size:11px; 
}