body {font-size:80%; font-family:"trebuchet MS", verdana, arial, sans-serif;
word-wrap:break-word; background: #f0f0f0 url(../../images/bg_gora.gif); background-repeat:repeat-x;margin:5px 0px 0px 0px;}
#container {max-width:970px; margin:0px auto; padding:0px; }
#header {background:#fffeef; clear:both;}
#wrapper {overflow:hidden; background:#fffeef;}
#outer1 {margin:5px; padding:5px; background:#f0f0e0; border-right:1px solid #bbb;}
#outer1a {margin:5px; padding:5px; background:#f0f0e0; border-right:1px solid #bbb;}
#outer3 { margin:5px; padding:5px; background:#f0f0e0; border-left:1px solid #bbb;}
#outer3a { margin:5px; padding:5px; background:#f0f0e0; border-left:1px solid #bbb;}
#outer2 { background:fffeef; margin:0px; padding:5px;}
#outer1, #outer2, #outer3 {padding-bottom:32767px; margin-bottom:-32767px;}
#wrapper1 {overflow:hidden;}
#footer {clear:both; background:#455c5a;}

h1 {font-size:16px; font weight: bold; color:#2222aa; text-align:center; padding:5px;text-decoration:none; background-color:#deeddf; border-radius:10px; box-shadow: 6px 6px 5px #999; width:90%; margin:0px auto;}
h3 {font-size:14px; margin:0px auto; padding:2px 0px; color:#FF5344; width:90%;}
h4 {font-size:13px; margin:0px; padding:4px 0px; text-decoration:underline;}
p {font-size:12px; line-height:1.5em; margin:0; padding:5px 0;}
#footer p,
#header p {color:#fff;}

#footer a {color:#fff;}
#footer a:hover {text-decoration:none;}
.content {padding:10px;}
.zmniejsz20 {margin:0px 20px;}
.auto{marigin:0px 10px}
div.center{clear:both; padding:0px 0px 5px 0px; margin:0px auto; width:780px; }
.left{float:left;}
#redtitle {background: url('../noclegi/img/thead.png') no-repeat top; background-repeat:repeat-x; padding: 5px 5px 5px 25px; margin: 20px 0px 0px 0px; font-size: 16px; font-weight:bold; color:#722 ; text-shadow: 2px 2px 2px #999; overflow:hidden; -moz-border-radius:10px}

div.element {padding:5px; margin:5px; border-bottom:1px solid gray; min-height:60px}
div.element img { width:80px; height:50px; float:right}
div.element a { color:white; text-decoration:underline; font-weight:bold; background:#369;}
div.element a:hover { color:lime}


div.ogloszenie{outline-style:dotted;outline-color:#c00;}

.reklama {padding:0px; margin:5px; width:150px; border:0px solid gray; min-height:140px; clear:both; color:#222; background:#369; text-align:center;}
.reklama img { width:148px; height:100px; border:0px ; float:left; float:left;}
.reklama a { color:#ccc; text-decoration:underline; font-weight:900; clear:both;}
.reklama a:hover { color:#eee}

.reklama1 {padding:0px; margin:5px; width:150px; border:0px solid gray; min-height:100px; clear:both; color:#222; background:#369; text-align:center;}
.reklama1 img { width:148px; height:60px; border:0px ; float:left; float:left;}
.reklama1 a { color:#ccc; text-decoration:underline; font-weight:900; clear:both;}
.reklama1 a:hover { color:#eee}

.buttonmenu { padding:0px 6px 2px 6px; margin:10px 7px 2px 7px; border: 3px solid #CA7445;  float:right ; font-size: 20px; color:#CA7445; font-weight:bolder; text-decoration: none;  box-shadow: 3px 3px 2px #bbb;background:#fff;}
.buttonmenu:hover,.buttonmenu:active,.buttonmenu:focus{margin:12px 5px 0px 5px;box-shadow:none; border-left:3px solid #9A5425; border-top:3px solid #9A5425;color:#9A5425; background:#eee;}

.buttonmenu1 { padding:1px 6px 2px 6px; margin:5px 5px 5px 5px; border: 3px solid #CA7445;  float:left ; font-size: 16px; color:#CA7445; font-weight:bolder; text-decoration: none;  box-shadow: 2px 2px 2px #bbb;background:#fff;}
.buttonmenu1:hover,.buttonmenu1:active,.buttonmenu:focus{padding:0px 6px 2px 5px;margin:6px 4px 4px 6px;box-shadow:none; border-left:4px solid #BA6435; border-top:4px solid #BA6435;color:#9A5425; background:#fff;}

.kwadrat {border-radius: 5px;}
.kolo {border-radius: 50%;  }

div.top
{
background:#dfd url('../images/flw.png') no-repeat right bottom;
padding:10px 10px 10px 10px;
border:1px solid gray;
margin: 20px 10px 10px 10px;
}
/* menu uytkownika */
#topmenu ul
{font-size:12px;font-weight:600; padding:0px; margin:0px; background:#CA7445;
color:white; clear:both; border-bottom:10px solid #fffeef;}
#topmenu ul li {display: inline;}
#topmenu ul li a
{padding: 0.5em 1em;background-color: #CA7445;color: #ddd;text-decoration: none;
float: left;border-right: 1px solid #fff;}
#topmenu ul li a:hover
{text-decoration: underline; background:#FF9F39; color: #fff;}

/* menu uytkownika 1 */
#topmenu1 ul
{font-size:12px;font-weight:900; padding:0px; margin:0px; background:#96603C;
color:white; float:left; width:100%; border-bottom:5px solid #fffeef; }
#topmenu1 ul li { display: inline;}
#topmenu1 ul li a
{padding: 0.4em 0.5em ;background-color: #96603C;color: #ddd;text-decoration: none;
float: left;border-right: 1px solid #f0f0f0;}
#topmenu1 ul li a:hover
{text-decoration: underline; background:#FF9F39; color: #fff;}


/* menu lewa strona */
.left2menu ul
{padding:0 ;margin:0; color:#369; float:left; width:100%;list-style-type:none;
}
.left2menu ul li {display:block; overflow:hidden;}
.left2menu ul li a
{padding: 0.3em 0em 0em 1.5em; margin:0px 5px; color:#11e; text-decoration: none;
float: left; width:140px; font-size:12px; font-family:'arial';
background: url('../images/pointer1.png') no-repeat left bottom; color: #394A68;}
.left2menu ul li a:hover
{background: #327175 url('../images/pointer.png') no-repeat left bottom; color: #eee;}


div.img
  {
  margin:5px;
  border:1px solid #aaa;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
div.img img
  {
  display:inline;
  margin:3px;
  border:1px solid #ffffff;
  }
div.img a:hover img
  {
  border:1px solid #449;
  }
div.desc
  {
  text-align:center;
  font-weight:normal;
  width:120px;
  margin:2px;
  }

	


.tresc_pole {
  background-color: #ecf1fc;
  border: solid 1px;
  width: 450px;
}

.tresc_ok {
  width: 100px;
}

.tresc_blad {
  color: red;
  width: 100px;
}

#tresc textarea {
  background-color: #ecf1fc;
  border: solid 1px;
  height:400px;
}

.submit{
  background-color: #f4d0c8;
  border: solid 1px;
  width: 200px;
}
.file{
  background-color: #ecf1fc;
  border: solid 1px;
  width: 200px;
}

.suma_pole { 
  background-color: #ecf1fc;
  width:100px;
  text-align:left;
}
.suma { 

}
.suma_blad { 
  color: red; 

}
	
	

#outer2{float:left;width:99.999%}
#outer1a{float:right;width:42.999%}
#outer3a{float:left;width:42.999%}
.tel,.tel:visited { /*for small screens */  padding:.4em; text-decoration:none; color:#000; border-radius:.4em; border: 2px solid #CA7445;background-color:#fff;} 
.tel:hover,.tel:focus { color:#000; background-color:#ddd;}
.tel-mail{ /*for small screens */  padding:.4em; text-decoration:none; color:#000; border-radius:.4em; border: 2px solid #CA7445;background-color:#fff;} 
.tel-mail:hover,.tel-mail:focus { color:#000; background-color:#ddd;}
.form-dodaj{width:95%; padding:.5em; margin:2px;}
.form-button{padding:.7em; border-radius:.5em; background:green; color:#fff;}
.form-button:hover{background:#595}

@media only screen and (min-width:990px){
#outer1{float:left;width:169px}
#outer2{float:left;width:570px}
#outer3{float:left;width:169px}
.tel,.tel:visited { background:none; cursor:default;text-decoration:none; font-weight:800;} 
.tel,.tel:focus { color:#000; }
.tel{pointer-events: none; }



}

@media (max-width:601px){.w3-modal-dialog .w3-modal-content{margin:50px 10px 10px 10px;width:auto !important}}
@media (max-width:768px){.w3-modal-dialog .w3-modal-content{width:500px}}
@media (min-width:992px){.w3-modal-dialog .w3-modal-content{width:900px}}
@media screen and (max-width:601px){.w3-topnav a{display:block}.w3-topnav a:first-child{padding:0 8px}}	
@media screen and (max-width:600px){.w3-topnav{text-align:center}}
@media (max-width:990px){.w3-hide-small{display:none !important;}}
@media (max-width:991px) and (min-width:601px){.w3-hide-medium{display:none !important;}}
@media (min-width:992px){.w3-hide-large{display:none !important;}}