/*
div a{color: #CC0000;}
div a:hover{color: #dadada;}
*/

html {
  min-height: 100%;
  position: relative;
}
body{
  //background: url(/images/bg-header.gif) repeat top center;
  color: #212529 !important;
  padding:0;
	margin:0;
	text-align: center;
  min-width:320px;
  margin-bottom: 60px;
}
a{color:#1C1C1E}
a:hover{
  color:#CC0000;
  text-decoration: none;
}
ul{text-align:left;}
li{list-style: none url();}
#strona{width:700px;margin: 0 auto;text-align: center;}
#gora, #caly{
	text-align: center;
  width:700px;
  max-width:700px;
}
#gora{
	//background: url(/images/bg-featured.jpg) repeat-x top center;
}
#caly{
  margin: 0 auto;
}
#gora #google{
	color:rgb(128, 102, 43);
  width:100%;
  height:50px;
  padding:10px;
  margin:auto 0;
  text-align: center;
}
#gora #google img{
  padding:0 10px;
  display: inline-block;
}
#gora #google div{
  text-align:left;
  display: inline-block;
  padding:10px;
  font-size:10px;
}
#gora #google div input{
  border:1px solid #000000;
  color: #80662b;
  background:#f6f6f6;
}

.navi{
	//background: url(/images/bg-navigation-right-curve.gif) no-repeat right top;
  font-family: 'CarterOneRegular';
	height: auto;
	line-height: 50px;
	margin: 20px auto 10px auto;
  vertical-align: middle;
  text-align:center;
  width: 98%;
}
.navi div {
	//background: url(/images/bg-navigation-left-curve.gif) no-repeat left top;
  padding-left: 4px;
	height: 63px;
	width: 95%;
}
.navi div ul {
	//background: url(/images/bg-navigation.gif) repeat-x;
	list-style: none;
	margin: 0;
	padding: 0;
}
.navi div > ul li:first-child {
	background: none;
}
.navi div > ul li {
	background: url(/images/separator-navigation.gif) no-repeat center left;
	display: inline-block;
	padding: 0 15px;
}
.navi div ul li a {
	color: #b99b5f;
	text-decoration: none;
	text-shadow: 1px 1px 0 #efd9c4;
}
.navi div ul li a:hover {
	color: #2e5306;
	text-shadow: 1px 1px 0 #f2fcd9;
}

.naviimg {padding:0; margin:0;}

/* menu */
/*
.navi ul ul {
	display: none;
}
.navi ul li:hover > ul {
	display: block;
}
.navi ul {
	list-style: none;
	position: relative;
	display: inline-table;
}
.navi ul:after {
	content: ""; 
  clear: both; 
  display: block;
}
.navi ul li {
	float: left;
}
.navi ul li a {
	display: block; 
  text-decoration: none;
}
.navi ul ul {
  padding: 0;
  margin:0;
	position: absolute; 
  top: 100%;
  width:150px;
}
.navi ul ul li {
	float: none; 
  position: relative;
  width:150px;
}
.navi ul ul ul {
	position: absolute; 
  top:0;
}
*/
/* menu koniec */

#main{
  //background: url(/images/bg-headliner.gif) repeat top center;
  padding:20px;
  text-align: center;
}
#main #galeria{
	
}
.dzien{
  text-align:center;
}
.dzien p{
  font-weight:bold;
  font-size:14px;
  text-align:center;
}
.dzien hr{
  padding:30px;  
  border:0px black solid;
  //background: url(/images/bg-headliner-image-shadow.jpg) no-repeat center;
}
.foto{
	padding: 10px 0;
  margin: 20px;
  //background: url(/images/bg-image-right-shadow.jpg) no-repeat bottom right;
  display: inline-block;
  vertical-align: middle;
}
.foto img{
  //border:2px white solid;
}
.foto span{
	height: 16px;
  width: 201px;
}
.film{
  text-align: center;
  padding: 30px 0px 10px 0;
}
.film a{
  width:100px;
  height:100px;
  background: url(/images/play0.png) center no-repeat;
  background-size: 100px;
  display: inline-block;
  
}
#aviki{
  width:100%;
  text-align:center;
}
#aviki div{
  padding: 10px 0 10px 0;
  margin: 10px 0 10px 0;
}
#aviki b{
  padding: 25px 0 10px 0;
  margin: 25px 0 10px 0;
}
#aviki span{
  padding: 20px 0 20px 0;
  margin: 20px 0 20px 0;
}
.button{
  //background: url(/images/sprites-button.gif) no-repeat bottom center;
  width:136px;
  height:37px;
  padding:10px 60px;
}

#lego{text-align:left;}
#lego:after{clear: both;}
#lego a{width:50px;display: inline-block;}


#footer {
  bottom: 0;
  width: 100%;
  position: absolute;
  height: $height-footer;
  background-color: #f5f5f5;
}
.footer-block {
  margin: 0px 0;
}

.blad{ 
  color: red;
  border-color: red;
}

/* Eteacher */

#e_teacher .input-group>.input-group-prepend {
  flex: 0 0 20%;
}
#e_teacher .input-group .input-group-text {
  width: 100%;
}
#e_teacher h5{
  font-size:150%;
  display: inline;
  color: #0000FF;
}

/* koniec Eteacher*/

/* MEDIA QUERY*/

@media screen and (max-width: 701px){
  #strona{width:100%;}
  #caly, #gora, #google, #main{ width:100%;}
  #caly, #main{ padding:0; margin:0; }
  .navi{width:95%; }
  .navi div > ul li {padding:0 10px; }
  /*
  .navi div > ul li span{display:none;}
  .navi div > ul li a.rok:before{ content: "'"; }
  */
  #main #galeria{ width:100%; padding:0px; }
}
@media screen and (max-width: 481px){
  .foto{ margin: 10px 5%; }
  #google form input[type="text"]{width:80%;}
  #gora #google img{display: none;}
  .navi div > ul li {padding:0 5px}
}
@media screen and (max-width: 321px){
  #google form input[type="text"]{width:70%;}
  .navi div > ul li {padding:0 3px; }
  .foto{
    background-image: url();
    padding: 10px 0px 10px 0; 
    margin: 10px; 
    display:block;
  }
  .navi div > ul li:first-child {display: none;}
  .navi div > ul li:nth-child(2) {	background: none; }
}