﻿body {		
	color:Black;
    background-image:url('../images/tlo2.jpg');
    background-repeat:no-repeat;
    background-size:100% auto;
    background-color:#a0d1ef;
    background-color:#dfd9ca;
    font-family:'Gill Sans';
}
a {
text-decoration:none;
}
img {
	border:0px;
}
p.justify {
	text-align:justify;
}
p.center {
	text-align:center;
}
p.right {
text-align:right;
}
div.Table_01 {	
	position:relative;	
	margin: 0 auto;
	top:0px;
	width:960px;
	height:900px;
}
div.id_01 {
	position:absolute;
	left:10px;
	top:0px;
	width:610px;
	height:70px;
}
div.id_02 {
	position:absolute;
	left:620px;
	top:0px;
	width:340px;
	height:70px;
    color:white;
}
div.id_03 {
    position:absolute;
	left:0px;
	top:70px;
	width:960px;
	height:270px;  
}
div.menu {
    position:absolute;
	left:0px;
	top:0px;
	width:960px;
	height:60px;
    background: #fba01c; /* Old browsers */
    background: -moz-linear-gradient(top,  #fba01c 0%, #d26c00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fba01c), color-stop(100%,#d26c00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fba01c 0%,#d26c00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fba01c 0%,#d26c00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fba01c 0%,#d26c00 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fba01c 0%,#d26c00 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fba01c', endColorstr='#d26c00',GradientType=0 ); /* IE6-9 */
       border-top-left-radius:4px;
    border-top-right-radius:4px;    
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    -moz-border-top-left-radius:4px;
    -moz-border-top-right-radius:4px; 
    -o-border-top-left-radius:4px;
    -o-border-top-right-radius:4px;      
    border-top:1px;
    border-top-style:double;
    border-top-color:white;
    border-left:1px;
    border-left-style:double;
    border-left-color:white;    
    border-right:1px;
    border-right-style:double;
    border-right-color:white;        
}
div.menu_buttons {
    width:240px;
    text-align:center;
    left:0px;
    position:absolute;
    color:white;
    }
div.menu2 {
    left:240px;
}
div.menu3 {
    left:480px;
}
div.menu4 {
    left:720px;
}
a.menu {
    padding-top:16px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
    font-weight:bold;
    color:white;
    font-size:larger;
    font-family:'Times New Roman';
    display:inline-block;
    height:45px;
    width:100%;   
}
a.amenu1 {
    border-top-left-radius:4px;   
    -webkit-border-top-left-radius:4px;
    -moz-border-top-left-radius:4px;
    -o-border-top-left-radius:4px; 
}
a.amenu4 {
    border-top-right-radius:4px;   
    -webkit-border-top-right-radius:4px;
    -moz-border-top-right-radius:4px;
    -o-border-top-right-radius:4px; 
}
    a.menu:hover {
        background: #d17e2b; /* Old browsers */
        background: -moz-linear-gradient(top,  #d17e2b 30%, #b74c00 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#d17e2b), color-stop(100%,#b74c00)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #d17e2b 30%,#b74c00 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #d17e2b 30%,#b74c00 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #d17e2b 30%,#b74c00 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #d17e2b 30%,#b74c00 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d17e2b', endColorstr='#b74c00',GradientType=0 ); /* IE6-9 */
    }
div.banner {
    position:absolute;
	left:0px;
	top:60px;
	width:960px;
	height:210px;      
    border-bottom-right-radius:12px;
    border-bottom-left-radius:12px;   
    -webkit-border-bottom-right-radius:12px;
    -webkit-border-bottom-left-radius:12px;    
    -moz-border-bottom-right-radius:12px;
    -moz-border-bottom-left-radius:12px;   
    -o-border-bottom-right-radius:12px;
    -o-border-bottom-left-radius:12px;
    background: rgba(222,222,222,0.6);
    background-image:url('../images/house.png');
    background-repeat:no-repeat;
    background-position:center;
    border-left:1px;
    border-left-style:double;
    border-left-color:white;    
    border-right:1px;
    border-right-style:double;
    border-right-color:white;    
    border-bottom:1px;
    border-bottom-style:double;
    border-bottom-color:white;
    -webkit-box-shadow: 1px 5px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    1px 5px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         1px 5px 5px 0px rgba(50, 50, 50, 0.75);
}
a.button {
    color:white;
    text-decoration:none;
}
    a.button:hover {
        text-decoration:underline;
    }
div.buttony_margin {
    position:absolute;
    right:15px;
}
div.tresc {
    background-color:#d7eaf4;
    background-color:#f1ead9;
    position:absolute;
	left:0px;
	top:360px;
	width:960px;
	height:550px;    
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	-o-border-radius:12px;
    border-top:1px;
    border-top-style:double;
    border-top-color:white;    
	border-left:1px;
    border-left-style:double;
    border-left-color:white;    
    border-right:1px;
    border-right-style:double;
    border-right-color:white;    
    border-bottom:1px;
    border-bottom-style:double;
    border-bottom-color:white;
    -webkit-box-shadow: 1px 5px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    1px 5px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         1px 5px 5px 0px rgba(50, 50, 50, 0.75);
}
div.tresc_lewa {
    position:absolute;
    left:0px;
    width:25%;
    height:100%;
    background: #c6b9ad; /* Old browsers */
    background: -moz-linear-gradient(left,  #c6b9ad 32%, #c6b9ad 97%, #a49483 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(32%,#c6b9ad), color-stop(97%,#c6b9ad), color-stop(100%,#a49483)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #c6b9ad 32%,#c6b9ad 97%,#a49483 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #c6b9ad 32%,#c6b9ad 97%,#a49483 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #c6b9ad 32%,#c6b9ad 97%,#a49483 100%); /* IE10+ */
    background: linear-gradient(to right,  #c6b9ad 32%,#c6b9ad 97%,#a49483 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6b9ad', endColorstr='#a49483',GradientType=1 ); /* IE6-9 */
    border-bottom-left-radius:12px;   
    -webkit-border-bottom-left-radius:12px;    
    -moz-border-bottom-left-radius:12px;   
    -o-border-bottom-left-radius:12px;
    border-top-left-radius:12px;   
    -webkit-border-top-left-radius:12px;
    -moz-border-top-left-radius:12px;
    -o-border-top-left-radius:12px; 
}
div.tresc_prawa {
    position:absolute;
    left:25%;
    width:75%;
    height:100%;
}
a.kafelki {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 4px solid #c6b9ad;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    display:inline-block;
    width:230px;
    height:230px;
}
a.kafelki_bo
{
	background-image:url('../images/budownictwo.png');
}
a.kafelki_bp
{	
	background-image:url('../images/slusarstwo.png');
}
a.kafelki_bo_eng
{
	background-image:url('../images/construction.png');
}
a.kafelki_bp_eng
{	
	background-image:url('../images/ironwork.png');
}
a.kafelki_bo:hover
{
	border: 4px solid #84acc3;
	background-image:url('../images/budownictwo_hover.png');
}
a.kafelki_bp:hover
{
	border: 4px solid #84acc3;
	background-image:url('../images/slusarstwo_hover.png');
}
a.kafelki_bo_eng:hover
{
	border: 4px solid #84acc3;
	background-image:url('../images/construction_hover.png');
}
a.kafelki_bp_eng:hover
{
	border: 4px solid #84acc3;
	background-image:url('../images/ironwork_hover.png');
}
div.stopka {
    position:absolute;
	left:0px;
	top:930px;
	width:960px;
	height:100px; 
    background-image:url('../images/logo wood.png');
    background-repeat:no-repeat;
    background-position:center;
    background-size:auto 60px;
    background-position-y:bottom;
}
div.social {
    position:absolute;
}
div.menu_stopka {    
    text-align:center;
    color:#134474;
}
a.but_stopka {
    color: #134474;
}
h2 {
    color:#134474;
    font-weight:500;
    font-family:Arial, Helvetica, sans-serif;  
    font-family: 'Cuprum', sans-serif;
    
    margin-left:30px;
}
div.partnerzy {
    margin: 20px 0px 0px 20px;
    color:#134474;    
    font-family:Arial, Helvetica, sans-serif;    
}
span.partnerzy {
    font-size:large;
    font-weight:500;
}
div.kreska {
    height:1px;
    width:75%;
    background-color:white;
}
div.kreska_glowna {
    margin-left:30px;
    height:2px;
    margin-top:-20px;
}
div.partnerzy_loga {    
    padding-top:6px;
    width:90%;
    height:60px;
    -webkit-border-radius:12px;
	-moz-border-radius:12px;
	-o-border-radius:12px;
	border-radius:12px;     
    background: rgba(255,255,255,0.4);
    background-repeat:no-repeat;
    background-position:center;
    background-position-y:50%;
    background-position-x:center;}
div.ce {
    background-image:url('../images/ce.png');
}
div.indeco {
    background-image:url('../images/indeco.png');
}
a.partnerzy {
    display:block;
    width:100%;
    height:100%;
}
div.menu_lewa {
    margin-left:30px;
    line-height:17px;
    font-weight:800;
    font-family:'Trebuchet MS';
    font-family: 'Cuprum', sans-serif;
}
a.menu_lewa {
    display:block;
    width:90%;
    color:#134474;    
}
    a.menu_lewa:hover {
        background-color:white;
        color:#134474;
    }
div.tekst {
    margin-left:70px;
    margin-right:80px;
    font-size:large;
    font-size:larger;
    text-align:justify;
    color:#134474;
    font-weight:500;
    font-family:Arial, Helvetica, sans-serif;
    font-family: 'Cuprum', sans-serif;
    font-stretch: ultra-condensed;
    line-height:25px;
}
div.oferta {
margin-right:30px;
margin-left:50px;
font-size:medium;
line-height:normal;
}
p.indent {
    text-indent:50px;
}
a.kontakt:hover {
    text-decoration:underline; 
}
div.kontakt {
font-size:medium;
text-align:center;
}