@media  screen 
{  
 h1 {text-align: center;}
#contenedor {
         width: 800px;
         height:auto;
         float:top;         
       }
        #boton_acciones {
        width: 50px;
        margin-left: 5px;
        margin-top: 0px;  
        float:left;                      
       }   
       
       #superior {       
         margin-left: 5px;
         margin-top: 0px; 
         margin-bottom: 0px;
         float:left;       
       }
        #boton_bo {
        margin-left: 5px;
        margin-top: 0px;  
        position:relative;                      
       }
      #boton_co p {
       cursor:pointer;
       width:24px;
       height:24px;       
       float:left;        
        }     
      #boton_co {     
       margin: 5px 5px 5px 10px ;
       float:left;   
     }
     #contenedor_tablero {   
        margin-left: 5px;
        margin-top: 0px;
        padding-top:0px; 
        float:left; 
       }
     #fx{
        width: 50px;
        margin-left: 5px;
        margin-top: 0px;  
        float:left;  
}
#notablero {	
          width: 40%; 
		   margin-left: 5px;
         margin-top: 0px; 
         margin-bottom: 0px;
         float:left;       
       }
#acciones { 
         width: 100%;    
		    margin: 5px 5px 5px 5px ;
         float:left; 
        }
        
#divTabla { 
 /*        font-family: arial, verdana, sans-serif;    */
         margin: 1cm 1cm 1cm 1cm ;
         padding: 0.5cm 0.3cm 0.5cm 0.2cm ;
   /*      float:left;*/  
        /* color: #6699cc;*/
         border:0.2cm solid #aaa;
         font-size: 14pt;
         box-shadow: 0pt 0pt 3pt #ccc, 0 10px 15px #eee inset;
         border-radius: 4pt;
       }
 table {  
        border-collapse: collapse;
  
         border:0;
         margin: 0.5in 0.5in 0.5in 0.5in ;
         padding: 0.5in 0pt 0.5in 0pt ;
         float:left;  
         font-size: 12pt;  
       } 
  td {	 
  font-family: arial, verdana, sans-serif;    
  	border: 0px;
  	}              
  .celda {  
   padding: 0px 5pt 0pt 10pt ;
  	position: relative;
	font-size: 1em;
	font-weight: 500;
	}
	.celdaiz {
   padding: 0pt 10pt 0pt 0pt ;
	position: relative;
	font-size: 1em;
	font-weight: 500;
	}
 .deba {               
   position: relative;
	font-size: 0.7em;
	font-weight: 500;
	text-align: left;
		left: -0.2em;
	}
 .enci {
   position: absolute;
	top: -0.4em;
	left: 0.8em;
	font-family: serif;
	font-size: 0.8em;
	text-align: left;
	font-weight: 500;
	}
}	

 @media  print 
        {
#divTabla { 
  /*       font-family: arial, verdana, sans-serif;    */
         margin: 1cm 1cm 1cm 1cm ;
         padding: 0.5cm 0.3cm 0.5cm 0.2cm ;
         float:left;  

         border:0.2cm solid #aaa;
         font-size: 14pt;
         box-shadow: 0pt 0pt 3pt #ccc, 0 10px 15px #eee inset;
         border-radius: 4pt;
       }
 table {  
        border-collapse: collapse;
  
         border:0;
         margin: 0.5in 0.5in 0.5in 0.5in ;
         padding: 0.5in 0pt 0.5in 0pt ;
         float:left;  
      /*   color: #6699cc;*/
         font-size: 12pt;  
       } 
  td {	 
 /* font-family: arial, verdana, sans-serif;    */
  	border: 0px;
  	}              
  .celda {  
   padding: 0px 5pt 0pt 10pt ;
  	position: relative;
	font-size: 1em;
	font-weight: 500;
	}
	.celdaiz {
   padding: 0pt 10pt 0pt 0pt ;
	position: relative;
	font-size: 1em;
	font-weight: 500;
	}
 .deba {               
   position: relative;
	font-size: 0.7em;
	font-weight: 500;
	text-align: left;
		left: -0.2em;
	}
 .enci {
   position: absolute;
	top: -0.4em;
	left: 0.8em;
	/*font-family: serif;*/
	font-size: 0.8em;
	text-align: left;
	font-weight: 500;
	}
	
	#imagen
	{
		 margin: 1cm 1cm 1cm 1cm ;
         padding: 0.5cm 0.3cm 0.5cm 0.2cm ;
         float:left;  
        /* color: #6699cc;*/
         border:0.2cm solid #aaa;
         font-size: 14pt;
		
		}
}