@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;
}
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 : 1400px;
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 {
background-color :;
height:80px;
position : static;
width : 100%;

}
header img {
width: 12%;
height:60px;
float : left;
margin-left : 12%;
margin-top :15px;
}
nav {
width : 100%;
height : 100px;
margin-top :px;
}

main {
background-color: white;
background-image: url("../img/tlo2.png");
background-repeat: no-repeat; 
margin-top:-90px;
width : 100%;
height:900px;
}
article {
margin-top:80px;
float:right;
width :100%;
height : 900px;
}

article h5 a {
width : 80%;
text-decoration: none;
float:left;
width : 70%;
margin-left :22%;
margin-top:300px;
font-size : 22px;
color :#000;
background-color:#E3E3E3;
padding:30px;
border-bottom : 55px solid #F5F5F5;
}


article h6 a{
width : 80%;
text-decoration: none;
float:left;
width : 69%;
margin-left :22%;
margin-top:px;
font-size : 22px;
color :#ad1111;
background-color:#434343;
padding:40px;
}

 
article p {
display : block;
text-align:center;
margin-top:480px;
width : 65%;
margin-left:25%;
font-size :24px;
line-height: 1.3;
color :black;
}

aside {
float :left;
width :22%;
height :1400px;
margin-top :-980px;
background-color :#F5F5F5;
border-top: solid 1px #E8E1D3;
}
/* STYLIZACJA SEKCJI OPINII */
.testimonials-section {
    padding: 80px 20px;
    background-color: #fcfcfc; /* Bardzo jasne tło */
    border-top: 1px solid #eee;
}

.testimonials-header {
    text-align: center;
    margin-bottom: 50px;
}

.rating-number {
    font-size: 4.5rem;
    font-weight: 900;
    color: #222;
    line-height: 1;
}

.stars {
    font-size: 1.8rem;
    margin: 10px 0;
}

.rating-info {
    font-size: 1.4rem;
    color: #666;
}

/* SIATKA OPINII */
.testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

.testimonial-card {
    background: #fff;
    padding: 40px 30px;
    border: 1px solid #f0f0f0;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 0.3s ease;
}

.testimonial-card:hover {
    transform: translateY(-5px);
}

.quote-icon {
    position: absolute;
    top: 10px;
    left: 20px;
    font-size: 6rem;
    color: #f0f0f0;
    font-family: serif;
    line-height: 1;
}

.testimonial-text {
    font-size: 1.5rem;
    line-height: 1.7;
    color: #444;
    font-style: italic;
    margin-bottom: 20px;
    z-index: 1;
}

.testimonial-footer {
    border-top: 1px solid #eee;
    padding-top: 15px;
}

.author {
    display: block;
    font-weight: 700;
    font-size: 1.4rem;
    color: #222;
}

.platform {
    font-size: 1.2rem;
    color: #999;
}

.testimonials-cta {
    text-align: center;
    margin-top: 50px;
}

.btn-secondary {
    display: inline-block;
    padding: 12px 30px;
    border: 2px solid #333;
    color: #333;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.3rem;
    transition: 0.3s;
}

.btn-secondary:hover {
    background: #333;
    color: #fff;
}

/* RWD */
@media (max-width: 768px) {
    .testimonials-grid {
        grid-template-columns: 1fr;
    }
}
ul.menu1 {
list-style-type: circle;
margin-left:25%;
margin-top:50px;
padding : 20px;
border:#3299CC 0;
}
ul.menu1 li:first-child {

}
ul.menu1 li a {
display : block;
line-height: 15px;
text-decoration: none;
padding : 10px;
text-align : left;
color :#434343;
font-family : Verdana;
font-size : 16px;
}
ul.menu1 li a:hover {
color :#3399cc;
list-style-type : disc;
}


aside p {
margin-left : 35%;
margin-top : 40px;
font-size : 10px;
font-family : Verdana;
font-size : 16px;
color : #434343;
padding : 15px;
}
aside img {
margin-left :38%;
width : 90px;
height : 120px;
margin-top : 10px;
}
.footer {
clear : both;
width : 100%;
height : 350px;
background-color : #000;
position : relative;
margin-top :330px;
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: #fff;
} 

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

@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 {
background-color: white;
background-image: url("../img/tlo6.png");
height:400px;
margin-top:0;
border-top : 3px solid #ad1111;
width:100%;
position:static;
margin-right:0;
}
header img {
width : 35%;
height:45px;
padding:5px;
float: left;
margin-left:6%;
margin-top:22px;
}
nav {
width : 100%;
height : 70px;
margin-top :-100px;
}
main {
background-size: 30px 10px;
background-color: white;
background-image: url("../img/tlo2.png");
background-repeat: no-repeat; 
margin-top:-50px;
width : 100%;
height:600px;
}

article h5 a{
display : block;
text-align:left;
width : 84%;
margin-left :0% ;
line-height : 35px;
margin-top:-45px;
font-size : 20px;
line-height: 1.3;
font-size : 20px;
color :#000;
background-color:#E3E3E3;
padding:12px;
border-bottom : 25px solid #F1F1F1;
}
article {
margin-top:0px;
width : 100%;
height:1100px;
}


article h6 a{
display : block;
text-align:center;
width : 83%;
line-height : 35px;
margin-left :0% ;
margin-top:-150px;
font-size : 18px;
line-height: 1.5;
color :#ad1111;
font-size : 18px;
color :#ad1111;
background-color:#434343;
padding:15px;
} 


article p {
display : block;
text-align:center;
width : 75%;
margin-top:150px;
margin-left :12% ;
font-size : 16px;
line-height: 1.5;
color :#434343;
}
 
article h6 {
font-family : tahoma;
font-size : 16px;
color : #ad1111;
margin-left : 10%;
margin-top : 1250px;
}

.footer {
clear : both;
width : 100%;
height : 400px;
background-color :#000;
position : relative;
margin-top:900px;
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;
}

}










}