@import url('https://fonts.googleapis.com/css?family=Lato');
body, div, form, p, h1, h2, h3, h4, ol, ul, li, dl, dt, dd, img, form, fieldset{margin:0;padding:0}
html{font-family: 'Lato', sans-serif; letter-spacing: 0.8px;}
body{font-size:13px;}



.opis_s {
    float:  left; 
    width:  auto;
    height: 70px;
    text-align:left;  
}

.opis {
    float:  right; 
    width:  auto;
    height: 70px;
    text-align:left;  
}

.rozklad {
      margin:0 auto;
      width:95%;
      height:auto;
}

.ramka {
      margin:15px auto;
      display: inline-block; 
      width:100%;
}


.godz {
      width:auto;
      text-align:center; 
      color:#4d6185;
      border: 1px solid #7f9db9;
      padding: 2px 7px;
      background-color: white;
      float:left;
      white-space: nowrap; 
}


.ramka_left { 
      border: 1px solid #7f9db9;
      font-weight:normal; 
      padding: 2px 7px;
      background-color: white;
      float:left;
      width:auto;
}

div.top {
	margin:0 auto;
	width:100%;
	height:100%;
}

div.naglowek {
	overflow: hidden;
}

div.naglowek img{
	width:34%;
	padding: 0 0 5px 20px; 
}

.hr {
	width:100%;
	height:1px;
	background-color:#29166F;
	clear: both;
}

div.pasek-top_ {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	color:#29166F;
	overflow: hidden;
}

div.tresc_ramka {
  background: url(../images/otm.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center bottom;
  overflow: hidden;  
}

div.tresc_index {
  background: url(../images/otm.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  overflow: hidden;
	height:450px; 
}

div.tresc_ {
  margin:0 auto;
	width:95%;
	font-weight: bold; 
}

div.pasek-bottom_ {
	padding: 5px;
	color:#da261d;
}

.pasek-bottom_ div{
	float: right;
}

div.stopka_ {
  margin-top: 40px;
	padding: 5px;
	text-align: right;
	background-color: #cac7bd;
	display: block;
	overflow: hidden;   
}

.stopka_  a {
	text-decoration: none;
	color:#bfbfbf;
}

.span {
	color: #ffffff;
	width: 100%;
	text-shadow: 1px 1px 2px #000;
	display: block;
	line-height:30px;
	clear: both;
}

.span span{
  font-weight: normal;
  width: 100%;
  display: block;
}

ul, ul li {
	display: block;
	list-style: none;
	margin-top: 0;
	padding: 0;
}

ul li {
  width:400px;
	padding: 14px;
	padding-left: 22px;
	/*background: url(../images/str_right.png) no-repeat left;*/
	vertical-align: bottom;
	text-shadow: 2px 2px 6px #fff; 

}

ul li a {
	text-decoration: none;
	color:#fff;
	font-size: 17px;
	text-shadow: 1px 1px 2px #000;
}

ul li a:hover{
	text-decoration: none;
	color:#29166F;
	font-size: 17px;
	text-shadow: 1px 1px 2px #fff;
}

ul li a:active{
	text-decoration: none;
	color:#29166F;
	font-size: 17px;
	text-shadow: 1px 1px 2px #fff;
}

/* STUDIO NA MOSTOWEJ*/

.adress {
   float:       left;
   width:       25%;
   padding:     10px;
   line-height: 20px;
}

.adress a{
   color:  #000;
}

.to_contact {
   padding: 0 15px;
   float:     left; 
   margin:  0 auto; 
}

.to_contact img{
   width:     550px;   
}

@media only screen and (min-width: 285px) { 
   div.naglowek img {width: 80%;} 
   div.ramka {float: none; width:auto;}
   div.ramka_left {float: none; border-left: 1px solid #7f9db9; border-top: 0;}
   div.tresc_index {height:300px;}
   div.tresc_ {width:95%; height:auto;}
   div.rozklad {text-align:center; width:95%;} 
   div.opis_s {float: left;} 
   div.opis {float: left;}
   div.adress {visibility: hidden; height:0px;margin:0;padding:0;}
   div.to_contact img {width:100%;}
   div.pasek-bottom_ div{visibility: hidden;height:0px;margin:0;padding:0;}
}

     
@media only screen and (min-width: 510px) {
   div.naglowek img {width: 60%;}
   div.ramka {float: none; width:auto;}
   div.ramka_left {float: none; border-left: 1px solid #7f9db9; border-top: 0;}
   div.tresc_index {height:400px;}
   div.tresc_ {width:95%; height:auto;}
   div.rozklad {text-align:center; width:95%;} 
   div.opis_s {float: left;} 
   div.opis {float: right;}
   div.adress {visibility: hidden; height:0px;padding:0}
   div.to_contact img {width:100%;}
   div.pasek-bottom_ div{visibility: hidden;height:0px;margin:0;padding:0;}
}

@media only screen and (min-width: 769px) {
    div.naglowek img {width: 34%;} 
    div.ramka {float: left; width:100%;}
    div.ramka_left {float: left; border-left: 0; border-top: 1px solid #7f9db9;} 
    div.tresc_index {height:450px;}
    div.tresc_ {width:95%; height:auto;}
    div.rozklad {text-align:left; width:95%;}  
    div.opis_s {float: left;} 
    div.opis {float: right;} 
    div.adress {visibility: hidden; height:0px;padding:0}
   div.to_contact img {width:100%;}
   div.pasek-bottom_ div{visibility: visible;}
}

@media only screen and (min-width: 1000px) {
    div.naglowek img {width: 34%;} 
    div.ramka {float: left; width:100%;}
    div.ramka_left {float: left; border-left: 0; border-top: 1px solid #7f9db9;} 
    div.tresc_index {height:450px;}
    div.tresc_ {width:95%; height:450px;}
    div.rozklad {text-align:left; width:95%;}  
    div.opis_s {float: left;} 
    div.opis {float: right;} 
    div.adress {visibility: visible; height:auto; padding:0px;}
    div.to_contact img {width:450px; }
    div.pasek-bottom_ div{visibility: visible;}
}

@media only screen and (min-width: 1199px) {
    div.naglowek img {width: 23%;} 
    div.ramka {float: left; width:100%;}
    div.ramka_left {float: left; border-left: 0; border-top: 1px solid #7f9db9;} 
    div.tresc_index {height:450px;}
    div.tresc_ {width:80%; height:450px;}
    div.rozklad {text-align:left; width:90%;} 
    div.opis_s {float: left;} 
    div.opis {float: right;}  
    div.adress {visibility: visible; height:auto; padding:10px;}
    div.to_contact img {width:550px;}
    div.pasek-bottom_ div{visibility: visible;}
}