/* STYLE RESET */
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; 
}

h2 {
    font-size: 14px;
}

/* NAGŁÓWKI  W IE */

/* IE 7, 8 */
*:first-child+html h1 { font-size: 192%; }
*:first-child+html h2 { font-size: 145%; }
*:first-child+html h3 { font-size: 115%; }
*:first-child+html h4 { font-size: 105%; }
*:first-child+html h5 { font-size: 80%; }
*:first-child+html h6 { font-size: 65%; }

* html h1 { font-size: 192%; }
* html h2 { font-size: 145%; }
* html h3 { font-size: 115%; }
* html h4 { font-size: 105%; }
* html h5 { font-size: 80%; }
* html h6 { font-size: 65%; }



/* KLASY */
.centered {
    text-align: center;
}

/* STRONA */

body {
    background-color: #001f3b;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
    color: #D6E6F6;
    
}

#page {
    width: 900px;
    margin: 0 auto;
    
}

#wrapper { 
    width: 820px;
    margin: 0 auto;
   
}

* html #wrapper {
    margin-left: 200px;
}



/* HEADER */

#header {
    height: 377px;
    background: url(images/tlo.jpg) repeat-x;
}



#headerpodstrony {
    height: 127px;
    background: url(images/top.jpg) repeat-x;
}



#headermenu {
    width: 900px;
    height: 113px;
    margin: 0 auto;
}
#logo {
    width: 366px;
    height: 113px;
    float: left;
    }

#headercontent {
    height: 231px;
    background: url(images/header.jpg);
    clear: both;
}

#headertext {
    width: 420px;
    margin-left: 400px;
    padding-top: 6px;  
}

#headertext h2 {
    font-size: 14px;
    margin: 7px 0px;

}

#headertext ul {
    margin: 0 0 0 10px;
    line-height: 15px;
    padding: 0px;
}


/* MENU */
#menu {
    float: left;
    width: 900px;
}
#menu ul {
    list-style-type: none;
    list-style-position:outside;

}

#menu li  {
    height: 113px;

}
#menu li a {
    text-decoration: none;
    border: none;
}

#oferta, #ofirmie, #realizacje, #etapy, #cennik, #kontakt {
    float: left;
}

/* CONTENT */

#content {
    background: url(images/grey.jpg) repeat-x;
    background-color: #ffffff;
    color: #0A5992;
    text-align: left;
}

#content h3 {
    font-size: 16px;
    margin: 10px 0;
    color: #115890;
}

#content h4 {
    font-size: 14px;
    margin: 10px 0;
    color: #115890;
}

#content ul {
    line-height: 15px;
    margin-left: 15px;
}

#content a {
    text-decoration: none;
    color: #0A5992;
}

#content a:hover {
    text-decoration: underline;
}

                /* STRONA GLOWNA */

#contentoferta  {
    width: 230px;
    margin-left: 40px;
    float:left;
    background: url(images/icooferta.jpg) 10% 0% no-repeat;
    display: inline;
}

#ofertaborder {
    border-right:1px solid #DBDBD9;
    width: 231px;
    margin-top: 30px;
    padding: 0;
}

*:first-child+html #ofertaborder {
    width: 231px;
}

#ofertatext {
    float: left;
    margin-top: 45px;  
}

#contentpromocje{
    width: 340px;
    float:left;
    background: url(images/icopromocje.jpg) 10% 0% no-repeat;
    display: inline;
}
#promocjeborder {
    width: 340px;
    margin-top: 30px;
    border-right:1px solid #DBDBD9;
    border-left:1px solid #ffffff;
}

#promocjetext {
    float: left;
    margin-top: 45px;
    margin-left: 20px;
    margin-right: 10px;
}

#contentkontakt{
    width: 230px;
    float:left;
    background: url(images/icokontakt.jpg) 10% 0% no-repeat;
    display: inline;
}

#kontaktborder {
     border-left: 1px solid #fff;
     width: 230px;
     margin-top: 30px;
 
}

#kontakttext {
    float: left;
    margin-left: 10px;
    margin-top: 45px;
}

/* Buttons */

.ofertabutton a{float: right; width: 169px; height: 35px;margin: 0px 10px;
               background: url(images/button1.jpg) right no-repeat ;}

.ofertabutton a:hover{
               background: url(images/button1a.jpg) right no-repeat ;}

.zobaczbutton a{float: right; width: 169px; height: 35px;
               background: url(images/button2.jpg) right no-repeat ;}

.zobaczbutton a:hover{
               background: url(images/button2a.jpg) right no-repeat ;}


.formbutton a{float: right; width: 200px; height: 35px; margin: 10px 20px 5px 0px;
               background: url(images/button3.jpg) right no-repeat;}

.formbutton a:hover{background: url(images/button3a.jpg) right no-repeat;}


                /* OFERTA */
                #left {
                  float: left;
                  width:350px;
                  display: inline;
                  border-right:1px solid #DBDBD9;
                  margin: 20px 0;
                }


                #leftcontent {
                   margin-left: 30px;
                   margin-right: 10px;
                   float: left;
                   display: inline;
                }

               

                #leftfoto {
                    float: left;
                    display: inline;
                    width:126px;
                }

                #leftbuttons {
                    float:left;
                    display: inline;
                    width: 164px;
                    margin: 0 0 15px 0;

                }

                #leftbuttons ul {
                    list-style-type: none;
                    margin-top: 5px;
                }
                
                #leftbuttons li {
                    padding: 2px 0;
                }

                #right {
                  float: left;
                  width: 500px;
                  display: inline;
                  border-left: 1px solid #fff;
                  margin: 20px 0;
                }

                #rightcontent {
                   margin-left: 20px;
                }

                /* OFIRMIE */
                #left2 {
                  float: left;
                  width: 450px;
                  display: inline;
                  border-right:1px solid #DBDBD9;
                  margin: 20px 0;
                }

                #leftfoto2 {
                    float: left;
                    display: inline;
                    width:186px;
                }

                #right2 {
                  float: left;
                  width: 380px;
                  display: inline;
                  border-left: 1px solid #fff;
                  margin: 20px 0;
                }

                /*FORMULARZ */
                .form {
                    width: 380px;
                    padding: 5px 10px;
                    font-family: Verdana,Arial,Helvetica,sans-serif;
                    color: #0A5992;
                    border: thin #95A557;
                    text-align: left;
                }

                .form p {
                     margin: 15px 0;
                }

                .block {
                float: right;
                margin-right: 85px;
                }

                .td1 {
                    width: 150px;
                }
                .td2 {
                    width: 100px;
                }
                

/* Stopka */

#footer {
    height: 20px;
    background: url(images/footer.jpg) repeat-x;
    text-align: center;
    padding-top: 8px;
    font-size: 10px
}

#footer a {
    text-decoration: none;
    color: #fff;

}

#footer a:hover {
    text-decoration: underline;
}

/* GALLERRIFIC */
div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float:left;
	width:840px;
        text-align: left;
        height: 270px;

}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content  a:focus, div.content  a:hover, div.content  a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
        width: 550px;
        text-align: center;
        float: right;
        padding-top:20px;
        
        
}

div.controls a {
	padding: 0;
}


div.ss-controls {
	float: left;
     
}
div.nav-controls {
	float: right;      
}

div.loader {
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 400px;
	height: 260px
}
div.slideshow {
        float: left;
        height: 270px;
        width: 410px;

}

div.slideshow span.image-wrapper {
	float: left;
	padding-bottom: 12px;
        background: #ffffff;
}
div.slideshow a.advance-link {
	padding: 4px;
	display: block;
	border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
}
div.slideshow img {
	border: none;
	display: block;
        
}
div.download {
	float: right;
}
div.embox {	
        float: left;
	margin-top: 10px;
        width: 250px;
        margin-left: 30px;
        display: inline;
}
div.image-title h2 {
	font-size: 14px;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0 0 0 15px;
	padding: 10px 0 0 35px;
        border-top: 1px solid #e3e3e3;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #E3E3E3;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
        clear: both;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}

#caption {
    text-align: left;
}

.line {
    border-bottom: 1px solid #e3e3e3;
    width: 790px;
    margin: 0;
    padding: 0;
    float: left;
    
}





.linewhite {
    border-bottom: 1px solid #ffffff;
    width: 790px;
    margin:0 0 25px 0;
    padding: 0;
    float: left;
    line-height: 0;
    clear:both;
}



.prev {
          background: url(images/prev.jpg) no-repeat;
            width:  117px ;
            height: 38px;
            float: left;
}

.next {
            background: url(images/next.jpg) no-repeat;
            width:117px;
            height: 38px;
            float: left;
}


.play {
            background: url(images/pokaz.jpg) no-repeat;
            width:102px;
            height: 33px;
            float: left;
}

.pause {
     background: url(images/pauza.jpg) no-repeat;
            width:102px;
            height: 33px;
            float: left;
            
}

.realizacje2 {
    height: 60px;
    width: 200px;
    float: left;
    padding-top: 20px;
}

.highlight{

		background-color:#efefef;
		height: 28px;
		padding: 5px;
		}