/* Sticky footer styles
      -------------------------------------------------- */

      html,
      body {
        height: 100%;
        /* The html and body elements cannot have any padding or margin. */
      }

      /* Wrapper for page content to push down footer */
      #wrap {
        min-height: 90%;
        height: auto !important;
        height: 90%;
        /* Negative indent footer by it's height */
        margin: 0 auto -60px;
      }

      /* Set the fixed height of the footer here */
      #push,
      #footer {
        height: 17%; 
		/* height: 27%; */
      }
      #footer {
	  /*
        background-color: #f5f5f5;*/
      }
	  
	  /* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    /*text-align:left; */
    /* inline-block space fix */
    margin-right:-4px;
}
.col-fixed {
    /* custom width */
    width:320px;
}
.col-min {
    /* custom min width */
    min-width:320px;
}
.col-max {
    /* custom max width */
    max-width:320px;
}
	


/*

JC mod 02.07

      .container {
        width: auto;
        max-width: 680px;
      }
      .container .credit {
        margin: 20px 0;
      }

*/



#first-block, #second-block, #third-block, #fourth-block {
text-align:center;

/*
padding:3.5em 0;
*/

}
#carousel {
/*
text-align:center;
background:#e5e5e5;*/
}
#first-block {
/* background:#fff; */
background:#FFFFFF;

}
#second-block {
background:#e5e5e5;
}
#third-block {
background:#fff;
}
#fourth-block {
background:#e5e5e5;
}


#footer .navbar{
  position: absolute;
  color:#0099CC;
  background-color:#6600FF;
}


#DivLogin{

  	font-family: Helvetica, Arial, sans-serif;
  	overflow: hidden;
  
  	/*height: 280px ;
  	width: 420px ; */
	
	min-height:235px ;
	max-height:280px ;
	max-width:320px ;

  	background-color:#F3F3F3;
  
  

  	margin-left: auto ;
  	margin-right: auto ;

   /*margin-top: 100px; */
   /*margin-top: 20px;*/
	
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	
	-moz-box-shadow: 10px 10px 10px color:#333333;
    -webkit-box-shadow: 10px 10px 10px #333333;
    box-shadow: -10px 10px 10px #385475;     
	/*-5px 5px 5px #666666;*/
	
	border: 1px solid #333333;

}


#titleIndex{

  	font-family: Helvetica, Arial, sans-serif;
  	overflow: hidden;
  
  	/*height: 280px ;
  	width: 420px ; */
	
	min-height:90px ;
	max-height:90px ;
	max-width:175px ;

  	/*
  	background-color:#F3F3F3;*/
	background-color:#FFFFFF;
  
  

  	margin-left: auto ;
  	margin-right: auto ;

   /*margin-top: 100px; */
   /*margin-top: 20px;*/
	
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	
	-moz-box-shadow: 10px 10px 10px color:#333333;
    -webkit-box-shadow: 10px 10px 10px #333333;
    box-shadow: -10px 10px 10px #385475;     
	/*-5px 5px 5px #666666;*/

}


/*
#logoPanel{

  	font-family: Helvetica, Arial, sans-serif;
  	overflow: hidden;

	
	min-height:90px ;
	max-height:90px ;
	max-width:475px ;

  	background-color:#F3F3F3;
  
  

  	margin-left: auto ;
  	margin-right: auto ;

	
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	
	-moz-box-shadow: 10px 10px 10px color:#333333;
    -webkit-box-shadow: 10px 10px 10px #333333;
    box-shadow: -10px 10px 10px #385475;     


} */




#userInfo{

  	font-family: Helvetica, Arial, sans-serif;
  	overflow: hidden;
  
  	/*height: 280px ;
  	width: 420px ; */
	
	min-height:90px ;
	max-height:90px ;
	max-width:275px ;
/*
  	background-color:#F3F3F3;*/
	background-color:#FFFFFF;
  
  

  	margin-left: auto ;
  	margin-right: auto ;

   /*margin-top: 100px; */
   /*margin-top: 20px;*/
	
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	
	-moz-box-shadow: 10px 10px 10px color:#333333;
    -webkit-box-shadow: 10px 10px 10px #333333;
    box-shadow: -10px 10px 10px #385475;     
	/*-5px 5px 5px #666666;*/

}


#editCount{

  	font-family: Helvetica, Arial, sans-serif;
  	overflow: hidden;
  
  	/*height: 280px ;
  	width: 420px ; */
	
	/* min-height:90px ;
	max-height:90px ;
	max-width:275px ; */

	max-width:790px ;
	

  	background-color:#F3F3F3;
  
  

  	margin-left: auto ;
  	margin-right: auto ;
	
	margin-top: 30px;

   /*margin-top: 100px; */
   /*margin-top: 20px;*/
	
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	
	-moz-box-shadow: 10px 10px 10px color:#333333;
    -webkit-box-shadow: 10px 10px 10px #333333;
    box-shadow: -10px 10px 10px #385475;     
	/*-5px 5px 5px #666666;*/
	border: 1px solid #09F;

}



#infoLastCount{

  	font-family: Helvetica, Arial, sans-serif;
  	overflow: hidden;
  
  	/*height: 280px ;
  	width: 420px ; */
	
	/* min-height:90px ;
	max-height:90px ;
	max-width:275px ; */

	min-width:190px ;
	max-width:190px ;
	

  	background-color:#33CCFF;
 
	


}




#emailInput{

  	font-family: Helvetica, Arial, sans-serif;
  	overflow: hidden;	
	margin-left:20px;

/*
	min-width:190px ;
	max-width:490px ; */	


}




#rowPanel{

  	font-family: Helvetica, Arial, sans-serif;
  	overflow: hidden;
  
  	/*height: 280px ;
  	width: 420px ; */
	
	min-height:90px ;
	max-height:90px ;
	max-width:475px ;
/*
  	background-color:#F3F3F3;*/
	background-color:#FFFFFF;
  
  

  	margin-left: auto ;
  	margin-right: auto ;

   /*margin-top: 100px; */
   /*margin-top: 20px;*/
	
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	


}




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

        #footer {
		
		/*
          margin-left: -20px;
          margin-right: -20px;
          padding-left: 20px;
          padding-right: 20px; */
        }
		#footer {
        height: 25%; 
		/* height: 27%; */
      }


  .right {
  float:none;
  }
  
  
    #linia{
			width: 50%;
		/*
          margin-left: -20px;
          margin-right: -20px;
          padding-left: 20px;
          padding-right: 20px; */
        }
  
  
  
}




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

        #footer {
			padding-top:55px;
		/*
          margin-left: -20px;
          margin-right: -20px;
          padding-left: 20px;
          padding-right: 20px; */
        }
		#footer {
        height: 25%; 
		/* height: 27%; */
      }


  .right {
  float:none;
  }
  
  
   
  
  #linia{
			width: 20%;
		/*
          margin-left: -20px;
          margin-right: -20px;
          padding-left: 20px;
          padding-right: 20px; */
        }
  
  
}