@charset "utf-8";
javascript:document.forms['EditForm'].screen.value=3;document.forms['EditForm'].submit();
body, div, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin : 0;
padding : 0;

}
javascript:document.forms['EditForm'].state.value='browse';document.forms['EditForm'].state2.value='main';document.forms['EditForm'].submit();
table {
border-spacing : 0;
}
img {
border : 0;
}
address, caption, cite, code, dfn, th, var {
font-style : normal;
font-weight : normal;
}
ol, ul {
list-style : none;
}
caption, th {
text-align : left;
}
abbr, acronym {
border : 0;
}
html {
font-size : 62.5%;
}
a:focus, a:active {
outline : none;
}javascript:document.forms['EditForm'].screen.value=3;document.forms['EditForm'].submit();
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display : ;
margin : 0;
padding : 0;
}
body, div, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
padding : 10px;
}
table {
border-spacing : 0;
}
img {
border : 0;
}
address, caption, cite, code, dfn, th, var {
font-style : normal;
font-weight : normal;
}
ol, ul {
list-style : none;
}
caption, th {
text-align : left;
}
abbr, acronym {
border : 0;
}
html {
font-size : 62.5%;
}
a:focus, a:active {
outline : none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display : ;
margin : 0;
padding : 0;
}
body, div, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin : 0;
padding : 0;
}
table {
border-spacing : 0;
}
img {
border : 0;
}
address, caption, cite, code, dfn, th, var {
font-style : normal;
font-weight : normal;
}
ol, ul {
list-style : none;
}
caption, th {
text-align : left;
}
abbr, acronym {
border : 0;
}
html {
font-size : 62.5%;
}
a:focus, a:active {
outline : none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display : block;
margin : 0;
padding : 0;
}
body {
width : 100%;
height : 2800px;
margin-top : 0;

font : 0.625em/1.5em verdana, sans-serif;
background-color:white;

}
body image {
margin-top:150px;
}
.content {
min-width : 300px;
max-width : 1600px;
overflow : hidden;
}

    p, a, li {
color : #f1f1f1;
font-size : 1.4em;
font-family : verdana, sans-serif;
}
.header {
height:350px;
position : static;
width : 100%;

}
header img  {
width: 10%;
height:50px;
float : left;
margin-left : 12%;
margin-top :15px;
}

nav {
width : 100%;
height : 80px;
margin-top :px;
}
.garden-architecture {
background-image: url("../img/tlo1.png");
background-repeat: no-repeat; 
margin-top:-70px;
width : 100%;
height:530px;
}



.garden-architecture h1{
width : 80%;
text-decoration: none;
text-align: center;
float:left;
font-weight : bold;
margin-left:0%;
margin-top:380px;
font-size : 26px;
color :#000;
background-color:#fff;
padding:30px;
}
 .garden-architecture p{
width : 80%;
text-decoration: none;
text-align: center;
line-height :30px;
float:left;
width : 80%;
margin-left :;
margin-top:0px;
font-size : 18px;
color :#000;
background-color:#F5F5F5;
padding:30px;
}



.container-center {
background-color :transparent;
margin-top : 0;
height : 2450px;
}
.architectural-garden {
background-color : transparent;
height : 1600;
}
.article-obrzeza {
position : relative;
background-color :#E3E3E3 ;
height : 550px;
margin-top : 100px;
float : left;
}

.article-obrzeza h2 {
display : block;
text-align:center;
padding : 20px;
background-color :#F1F1F1;
text-decoration :underline #F1F1F1;
font-size : 22px;
font-weight :normal;
line-height :23px;
margin-top : 2px;
color : #000;
width :;
}

.article-obrzeza img {
display : block;
margin-top :100px;
margin-left:10%;
height :;
width : 25%;
}

.article-obrzeza p {
display : block;
padding : 22px;
background-color : #ffffff;
float : left;
margin-top : -280px;
margin-left : 40%;
padding : 30px;
line-height :30px;
font-size : 18px;
font-family :Roboto;
color : #000000;
width : 48%;
}

































.footer {
clear : both;
width : 100%;
height : 350px;
background-color : #000;
position : relative;
margin-top :1600px;
border-top : 5px solid #ad1111;

}
.contact_adress  {
display : block;
border : none;
height :300px ;
width :20%;
margin-left :7%;
line-height : 15px;
text-align : center;
margin-top:50px;
font-size : 14px;
color : #fff;
} 


.social-media{
width:20%;
float : left;
margin-left:42%;
margin-top :-270px;
}
.social-media img{
width:13%;
float : left;
margin-left:2%;
margin-top :px;
}
.nowosci {
display: block;
float :left;
border: none;
text-align: center;
width:20%;
margin-left:70%;
line-height: 15px;
margin-top:-290px;
font-size: 14px;
color: #000;
} 

.footer span {
display : block;
margin-top :-100px;
text-align : left;
padding : 30px;
font-size : 12px;
color : #000;
}

@media only screen and (max-width: 1800px) {
   main { display: block; }
}
@media only screen and (max-width: 800px) {
aside, .nowosci{ display: none; }
}

@media only screen and (max-width: 800px) {


header {
height : 373px;
margin-top : 0;
border-top : 3px solid #CC3300;
width : 100%;
position : static;
margin-right : 0;
border-bottom : 2px solid #000000;
}
header img {
width : 35%;
height : 45px;
padding : 5px;
float : left;
margin-left : 1%;
margin-top : 5px;
}
nav {
height : 80px;
width : 100%;
height : 70px;
margin-top : -100px;
}
.garden-architecture {
background-image: url("../img/tlo.png");
background-repeat: no-repeat; 
height:385px;
margin-top:-80px;
width : 100%;
}



.garden-architecture h1{
display : block;
text-align:left;
font-weight : bold;
 width:80%;
margin-left :0% ;
line-height : 35px;
margin-top:250px;
font-size : 20px;
line-height: 1.3;
color :#000;
font-size :22px;
background-color:#fff;
padding:15px;
}

.garden-architecture p{
display : block;
text-align:center;
width :78;
line-height : 40px;
margin-left :0% ;
margin-top:-1px;
font-size : 14px;
line-height: 1.5;
color :#ad1111;
font-size : 18px;
color :#000;
background-color:#EEEEEE;
padding:15px;
} 

.article-obrzeza {
position : relative;
background-color :#E3E3E3 ;
height :1850px;
margin-top: 50px;
float : left;
}

.article-obrzeza h2 {
display : block;
text-align:center;
padding : 20px;
background-color :#F1F1F1 ;
text-decoration : underline #F1F1F1 ;
font-size : 22px;
font-weight :normal;
line-height : 23px;
text-align : center;
margin-top : 5px;
color : #000;
}

.article-obrzeza img {
display : block;
margin-top : 30px;
margin-left : 0%;
width : 100%;
}

.article-obrzeza p {
display : block;
padding : 22px;
background-color : #ffffff;
float : left;
margin-top : 2px;
margin-left :1%;
padding : 30px;
line-height :30px;
font-size : 20px;
font-family :Tahoma;
color : #000000;
border : #E8E1D3 solid 4px;
width :80%;
height :640px;
}




.footer {
clear : both;
width : 100%;
height : 400px;
background-color :#000;
position : relative;
margin-top:1600px;
border-top : 5px solid #ad1111;
}
.contact_adress  {
display : block;
border : none;
height : ;
width :35%;
margin-left :3%;
line-height : 15px;
text-align : center;
margin-top:50px;
font-size : 14px;
color : #fff;
} 
.social-media{
width:40%;
float : left;
margin-left:55%;
margin-top :-290px;
}
.social-media  img{
width:23%;
float : left;
margin-left:1%;
margin-top :px;
}
.footer span {
display : block;
margin-top :-130px;
text-align : left;
padding : 30px;
font-size : 12px;
color : #fff;
}

}