@charset "utf-8";
/* CSS Document */

html { 
 
/*  background: url(bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
   background: url(bg.jpg); 
  
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  
/*  font-smooth: never;
-webkit-font-smoothing : none;
*/
cursor:default;
}

a {
	color:#000;
	text-decoration:none;
	
	
}

.dropdown p {
	display: inline-block;
	//font-weight: bold;
}

.dropdown select {

      border: 0;  /*Removes border*/
      -webkit-appearance: none;  /*Removes default chrome and safari style*/
      -moz-appearance: none; /* Removes Default Firefox style*/
/*      background: url('http://jonathanphz.tk/dropdown_arrow.png') no-repeat;*/
      background: url('arrow.png') no-repeat;
  
	background-position: 20px 4px;  /*Position of the background-image*/
      width: 38px; /*Width of select dropdown to give space for arrow image*/
      text-indent: 0.01px; /* Removes default arrow from firefox*/
      text-overflow: "";  /*Removes default arrow from firefox*/

      /*My custom style for fonts*/

      color: #000;
	  font-family:Arial, Helvetica, sans-serif;
      font-size:11px;
}

select::-ms-expand { display: none; }

div.centerPIC {
	width: 330px;
/*	background-color: rgba(255, 255, 255, 0.95);*/

  background: url('bgPIC.png') ;
	margin: 0 auto;
/*	margin-bottom: 0px;*/
	/*margin-top: 0px;*/
	text-align: left;
	padding: 10px;
	z-index: 1;
	/*top: 100px;*/

position:relative;
top:60px;

}

div.topBar {
		width: 100%;
		position:fixed;
/*	bottom:-260px;*/
	top: 0;
	left: 0;
z-index: 2;
	/*background-color: rgba(255, 0, 0, 1);*/
}

table.topBlock{
	background-color: rgba(255, 255, 255, 1);
	/*padding:10px;*/
	width:350px;
	height:55px;
margin-left: auto;
margin-right: auto;
	
}

ul.img-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
 
ul.img-list li {
  display: inline-block;
  height: 210px;
  margin: 0 0em 0em 0;
  position: relative;
  width: 330px;
}

span.text-content {
/*  background: rgba(255,255,255,0.5);*/
  background: url('bgNum.png') ;
  color: white;
  cursor: default;
	font-size:90px;
  display: table;
  height: 210px;
  left: 0;
  position: absolute;
  top: 0;
  width: 330px;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}

 
ul.img-list li:hover span.text-content {
  opacity: 1;
}
 
span.text-content span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}




div.frameFond {
	width: 100%;
	padding: 0;
	display: table;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
}