div[data-sg-id=game-tictactoe]{

	display: table;
	border-collapse: collapse;
	width: 300px;
	height: 300px;
	position: relative;
	border-radius: 30px;
}

div[data-sg-id=game-tictactoe] .square{
	display: table-cell;
	width: 33%;
	height: 33%;
	cursor: pointer;
	background-image:url(../../img/modules/sgGameTictactoe/circulo-sin-seleccion.png),url(../../img/modules/sgGameTictactoe/fondo-circulo.png);
	background-size:76% 76%,100% 100%;
	background-repeat: no-repeat;
	background-position: center center ;
	text-align:center; 
    vertical-align:middle;
    font-size: 1.9em;
    font-weight: bold;
    color: transparent; 
}

div[data-sg-id=game-tictactoe] .square.toO{
	
	background-image: url(../../img/modules/sgGameTictactoe/triqui1-turnoO.png),url(../../img/modules/sgGameTictactoe/fondo-circulo.png);
	background-size:50% 50% , 100% 100%;

}
div[data-sg-id=game-tictactoe] .square.toX{

	background-image: url(../../img/modules/sgGameTictactoe/triqui1-turnoX.png),url(../../img/modules/sgGameTictactoe/fondo-circulo.png);
	background-size:50% 50% ,100% 100%;
	

}

div[data-sg-id=game-tictactoe] .square.corrected{

	background-image: url(../../img/modules/sgGameTictactoe/triqui-corregido.png),url(../../img/modules/sgGameTictactoe/fondo-circulo.png);
	background-size:90% 90%,100% 100%;

}

div[data-sg-id=game-tictactoe]  .board-turn{

	display: block;
	width: 25%;
	height: 60%;
	min-height: 1px;
	position: absolute;
	right: 120%;
	top: 20%;
}

div[data-sg-id=game-tictactoe]  .board-turn div[class^='board-turn-']{
	display: block;
	border-radius: 10px;
	width: 100%;
	height: 45%;
	background-color: #CCCCCC;
	box-shadow: 5px 5px 5px #888888;
	background-size:80% 80%;
	background-position: center center ;
	background-repeat:  no-repeat;
	opacity: 0.5;
}

div[data-sg-id=game-tictactoe]  .board-turn .board-turn-X{
	background-image: url(../../img/modules/sgGameTictactoe/triqui1-turnoX.png);
	margin-bottom: 15%;
}
div[data-sg-id=game-tictactoe]  .board-turn .board-turn-O{
	background-image: url(../../img/modules/sgGameTictactoe/triqui1-turnoO.png);
}
div[data-sg-id=game-tictactoe]  .board-turn div[class^='board-turn-'].active{
	opacity: 1.0;
}


div[data-sg-id=game-tictactoe] .square.toX.winner-square{

	background-image: url(../../img/modules/sgGameTictactoe/triqui1-turnoX-win.png),url(../../img/modules/sgGameTictactoe/fondo-circulo.png);
	background-size:50% 50% ,100% 100%;

}
div[data-sg-id=game-tictactoe] .square.toO.winner-square{
	background-image: url(../../img/modules/sgGameTictactoe/triqui1-turnoO-win.png),url(../../img/modules/sgGameTictactoe/fondo-circulo.png);
	background-size:50% 50% ,100% 100%;
}


