@charset "utf-8";
/* CSS Document */
#contenedor{
background-image:url(archivos/textutility.jpg);
background-repeat:repeat;
position:absolute;
background-color:#FFFFFF;
width:640px;
height:3300px;
padding:0px;
top:0px;
left: 50%;
margin-left: -320px;  /*50% del ancho */
}
.titulos{
margin-left:10px;
text-decoration:underline;
font-size:16px;
font-family:"Times New Roman", Times, serif;
color:#CCCCCC;
}
.subtitulos{
font-size:12px;
margin-left:100px;
margin-right:100px;
margin-top:0px;
color:#FFCC00;
}
.subtitulos2{
font-size:12px;
margin-left:68px;
margin-right:68px;
margin-top:0px;
color:#FFCC00;
}
.subtituloselo{
font-size:12px;
margin-left:36px;
margin-right:36px;
margin-top:0px;
color:#FFCC00;
}
#interiorcalcu{
clear:left;
margin-left:36px;
height:auto; 
width:500px;  
margin-right:48px;
 
}
.texto{
font-size:12px;
color:#FFCC00;
}
.texto2{
font-size:12px;
color:#CCCCCC;
}
.conmouse{
color:#FF9900;
}
.sinmouse{
color:white;
}
.sinmouse2{
color:black;
}
#tabaperturas{
font-size:12px;
padding-top:0;
}
#aperturas{
background-color:black;
border:1px solid #ccc;
width:600px;
height:150px;
overflow:auto;
margin-top:4px;
margin-left:10px;
}
#formulario{
position:relative;
margin-top:12px;
margin-left:390px;
margin-bottom:0px;
width:200px;
height:64px;/*64*/
padding-bottom:2px;
z-index:999;
}
#layer1 {
	visibility: visible;
	position: absolute;
	width: 100px;
	height: 100px;
	left:55px;
	top:104px;
	background-color:#666666;
}
#layer2 { position: absolute; width: 320px; height: 340px; left:52px; top:960px;}
#pegapgn {
	position: absolute;
	width: 577px;
	height: 125px;
	left:52px;
	top:800px;
}
#encabezado{
background-image: none;
filter: none !important;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="archivos/herramientas.jpg", sizingMethod="scale");
}
#pgnview{
margin-left:8px;
margin-top:20px;
}
#formvisor{
margin-left:20px;
margin-top:-10px;/*2*/
}
/*////////////////////////////VISOR PGN Chesstempo//////////////////////*/
#demo-container .ct-white-square{background-color:#e0c069;} #demo-container .ct-black-square{background-color:#b77030;}
 .ct-board-container{padding:5px; width:400px}
 .ct-board,.ct-black_square,.ct-white_square{display:block;}
 .ct-board-border{border:2px solid #363A3D; margin-top:0px}
 .ct-board{overflow:hidden;text-align:center;}
 .ct-black-square,.ct-white-square{float:left;} 
 .ct-nav-buttons{padding-bottom:8px; margin-top:6px;}/*132     36*/
 .ct-back,.ct-forward,.ct-start,.ct-end,.ct-play,.ct-stop{vertical-align:middle;}
 .ct-mainline-commentary{padding-left:15px;}
 .ct-board-move-mainline,.ct-board-move-variation{cursor:pointer; font-size:12px;}
 .ct-board-move-mainline{font-weight:700;}
 .ct-board-move-comment{color:green;}
 .ct-board-move-current{color:red;}

.button:hover,.button-right:hover,.inline-button:hover{background-color:#000;}.button{background-color:#36393C;border:2px outset #363636;margin-top:2px;margin-bottom:2px;margin-right:5px;float:left;cursor:pointer;padding:3px;}.inline-button{background-color:#36393C;border:2px outset #363636;margin-top:5px;margin-bottom:5px;margin-right:5px;display:inline;cursor:pointer;padding:3px;}.inline-button-light{border:2px outset #363636;margin-top:5px;margin-bottom:5px;margin-right:5px;display:inline;cursor:pointer;padding:3px;}.button-right{background-color:#36393C;border:2px outset #363636;margin-top:5px;margin-bottom:5px;margin-right:5px;float:right;cursor:pointer;padding:3px;}.button-right-light{border:2px outset #363636;margin-top:5px;margin-bottom:5px;margin-right:5px;float:right;cursor:pointer;padding:3px;}

#positionsfen{
margin-top:25px;
margin-left:32px;
width:400px;
z-index:800;
border:5px;
border-style:solid;
}
#textfen{
margin-left:460px;
margin-top:-460px;
width:160px;
height:auto;
font-size:12px;
font:Arial, Helvetica, sans-serif;
color:#FFFFFF;
z-index:801;
}