pole-ff.css

/* */

* {
margin: 0;
padding: 0;

}

body {
background-color: #b1b5b1;     
}

/* #A0FFA0;*/
/* #4e774e;*/
/* */
/* */

/* тест */
div {
border: 1px solid red;
/*margin: 2px; */
}

/* основен Динамично се ресизира */
#cont {
width: 800px;
height: 400px; /*600px;*/
}

#pole-kontr-zar{
float: left;
width: 5%;
height: 75%;
}
#pole{
/*position: fixed;
top: 10px;
left: 10px;*/
float: left;
width: 50%;
height: 75%;
line-height: 0;
border-style: solid;
border-width: 16px;
border-color: green;
-moz-border-radius: 4%;
-webkit-border-radius: 4%;
}
#pole-izlezli {
float: left;
width: 5%;
height: 50%;
}
#pole-igr-rez {
clear: both;
width: 50%;
height: 20%;
}

/*  background svg, когато Го направят      */
#tabla {
z-index: 2;
background: transparent;
opacity: 0.6;
}

/*не требе, ама карай*/
#pole1{
position: relative;
margin: 0;
/*top: -100%;
top: -100%; ако има рис*/

width: 100%;
height: 100%;
line-height: 0;
border: none;
/*-moz-border-radius: 4%;
-webkit-border-radius: 4%;*/
background:transparent;
z-index: 1;


}

.kapia {
	float:left;
width: 14%;
height: 45%;

}
/* може да е с различни р-ри  3 части е бара*/
#bar {
	float:left;
width: 14%;
height: 45%;
}

.kletka {
position: relative;
border: none;
/*margin: auto;
margin-left: auto;
margin-right: auto;*/
width: 100%;
height: 33%;
/*border: none; */
}


#sreda {
clear: both;
height: 10%;
width: 100%;
}

/*пр*/

#proba {
width: 25%;
height: 25%;
margin:0;
border: none;
}
.proba1 {
width: 50%;
height: 25%;
margin:0;
border: none;
}

/* пр */

img {
/*display: inline;

vertical-align: middle;
        display: block;
border: 1px solid blue;*/
}


.sh0 {
position:relative;
line-height: 0;
/*margin:0;
padding:0;*/
        /*display: none;*/
/*margin:0px;
left: 0px;*/
/*top: 0px;*/
/*width: 100%;
height: 100%;*/
/*display: none; отразява се на структ*/
visibility: hidden; /*не се отразява на структурата*/
}
.sh1 {
position: relative;
line-height: 0;
top: -100%;
/*padding: 0;
margin: 0;*/
visibility: hidden; 
}
/*.sh1 {
width: 100%;
height: 100%;
}
.sh2 {
width: 100%;
height: 100%;
}*/

.num {
position: relative;
width: 100%;
height: 100%;
display: block;
text-align:center;
line-height: 1em;
top: -170%;
font-size: .8em;
/*border: 1px solid blue;*/
color: #00ffff;
background: transparent;


}



/* задаване на начално положение */

#sh10-9, #sh11-9, #sh12-9 {
visibility: visible;
}
#sh00-7, #sh01-7, #sh02-7 {
visibility: visible;
}

#sh00-6, #sh01-6, #sh02-6 {
visibility: visible;
}







/* чат */
#kont-chat {
float: right;
width: 30%;
height: 50%;

border-style: solid;
border-width: 16px;
border-color: green;
-moz-border-radius: 8%;
-webkit-border-radius: 8%;
}

#box-mes {

height: 76%;
/*max-height: 70%;*/
overflow: scroll;
 /*height: 78%  78em;  .    160px;    */

}
#box-inp {

/*height: 20%;
height: 28%;    .28em;     40px;     */

}

/* форми */

#replika {
width: 100%;
}