body{
  width:800px;
  text-align:center;
  margin: 0px auto;
  padding:0px;
 
  border:1px solid gray;
}

.logo{
   text-align:left; 
   margin-top:2px; 
   overflow:auto; 
   width:100%; 
   padding:5px;
}

.logo-left{
  margin:0;
  padding:0;
  float:left;
}

.logo-left img{
  border:0;
}

.logo-right{
  margin:0;
  padding:0;
  width:auto; 
  padding-top:15px;
  text-align:center;
}

.solapas{
overflow: hidden;
border-bottom: 1px solid gray; 
}

.solapas ul{
margin:0;
padding: 0;
padding-left: 10px; 
font: bold 12px Arial,Helvetica,Sans-serif;
list-style-type: none;
}

.solapas li{
display: inline;
margin: 0;
}

.solapas li.black{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 3px 8px; 
border-right: 1px solid white; 
color: white;
#background:#99CE00; 
background:rgb(0,82,126);
}

.solapas li.hlt a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 3px 8px; 
border-right: 1px solid white; 
color: white;
background-color: red; 
}

.solapas li.hlt a:visited{
color: white;
background: red; 
}

.solapas li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 3px 8px; 
border-right: 1px solid white; 
color: gray;
background-color: lightgray; 
}

.solapas li a:visited{
color: gray;
background-color:lightgray;
}

.solapas li.separator{
display:inline; 
margin:0px; 
padding:3px 15px; 
margin:0px; 
display:block; 
float:left;
}

label{
font: bold 12px Arial,Helvetica,Sans-serif;
color:#4b4b4b;
}

.copyright{
  clear:both;
  margin-top:20px;
  margin-bottom:10px;
  font: 12px  Arial, Helvetica, Sans-serif;
  text-align:center;
  vertical-align:middle;
  padding:10px;
}

textarea.original{
    border:1px grey inset;
    padding:3px; 
    width:450px; 
    height:138px; 
    font-family:inherit; 
    font-size:inherit; 
}

div.resultado{
    text-align:left; 
    padding:3px; 
    width:450px;
    height:138px;
    overflow:auto;  
    border: 1px inset grey;
}

.bloquebotones{
    padding:20px;
}

.bloquecontroles{
    padding:5px;
}

.titulo{
  font-family:Arial,Helvetica,sans-serif;
  color:#666; 
  font-size:32px;
  text-align:center;
}

.subtitulo{
  font-family:Arial,Helvetica,sans-serif;
  color:#666; 
  font-size:12px;
  text-align:center;
}

a{
    color:#4b4b4b;
    font-weight: bold;
    text-decoration:none;
}

a:hover{
    color:#4b4b4b;
    text-decoration:none;
} 
a:visited{
    color:#4b4b4b;
    text-decoration:none;
}

.nojavascript{
  background-color:yellow;
  font: bold 12px Arial,Helvetica,Sans-serif;
  padding: 3px;
}

.nodocs{
  background-color:yellow;
  font: bold 12px Arial,Helvetica,Sans-serif;
  padding: 3px;
}

input,select{
  font-size:12px;
}

.botones-nueva{
  clear:both;
  text-align:center;
  padding-top:30px;
}

.padre{
   text-align:left; 
   margin-top:2px; 
   overflow:auto; 
   width:100%; 
   padding:5px;
}

.hijoizqda{
   margin:0;
   padding:0;
   padding-left:10px;
   padding-right:10px;
   float:left;
}

.hijodcha{
  margin:0;
  padding:0;
  padding-left:10px;
  padding-right:10px;
  padding-top:100px;
  width:auto;
  text-align:center;
  height:auto;
  height:100%;
}

.hijodchanocenter{
  margin:0;
  padding:0;
  padding-left:10px;
  padding-right:10px;
  width:auto;
  height:auto;
  height:100%;
}

.control{
  margin:10px;
}
