body{
background: linear-gradient(135deg,#009999 10%,#61a4a1 90%);
font-family:"Times New Roman", Times, serif;/*"Trebuchet MS",Arial,Verdana;*/
font-weight:bold;
background-size: 100% 100%;
background-attachment: fixed;
}
#cabecera{
background-repeat:no-repeat;
font-size:48px;
font-style:italic;
height:75px; /*alto*/ 
width:730px;
padding:12px;
margin-bottom:6px;
background-color:#b12823;
border-radius: 10px;      /*redondea los bordes*/
-moz-border-radius: 10px; /*redondea los bordes*/
-webkit-border-radius: 10px;
box-shadow: 5px 5px 5px #636363;
}
fieldset{
background-color:#cbcaca;
font-weight:bold;
color:#000000;
border-radius: 10px;      /*redondea los bordes*/
-moz-border-radius: 10px; /*redondea los bordes*/
-webkit-border-radius: 10px;
box-shadow: 5px 5px 5px #636363;
}

.principal{   /*es la div mas "MAS" generalbackground-color:#FFFFFF;*/
border:0px solid #000000;
color:#444444;
font-size:14px;
width:750px;
margin:51px auto 42px auto;
}

.contenedora{
width:750px; /*este es el ancho*/
background: linear-gradient(135deg,#009999 10%,#61a4a1 90%);
}

#pie{
border-radius: 10px;      /*redondea los bordes*/
-moz-border-radius: 10px; /*redondea los bordes*/
-webkit-border-radius: 10px;
font-style:italic;
height:50px; /*alto*/
font-family:"Trebuchet MS",Arial,Verdana;
font-size:12px;
font-weight:bold;
text-align:center;
background-color:#cbcaca;
padding:5px;
margin-top:12px;
box-shadow: 5px 5px 5px #636363;
}

#msg {
font:10px Verdana, Arial, Helvetica, sans-serif; 
color: #000000; display:none; 
position:absolute; 
z-index:200; 
background:url(../imagenes/msg_arrow.gif) left center no-repeat; 
padding-left:7px}

#msgcontent {
display:block; 
background: #FD9E99 ; 
border:1px solid #FF0000 ; 
border-left:none; 
padding:5px; 
min-width:150px; 
max-width:250px; 
font-size:120%}

.nomuestra {
background-color:#FFFFFF;
border: 0px solid #000000; 
color: #000000;
font-family:"Times New Roman", Times, serif;
font-size:13px;
}
input{
font-family:"Times New Roman", Times, serif;
font-size:13px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
select{
font-family:"Times New Roman", Times, serif;
font-size:13px;
border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
textarea{
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
 }
.off {
background:#FFFFFF;
}
.on {
background:#C1E0FF;
}
.barrascroll {
overflow:auto;
position: relative;
height: 350px;
/*width: 905px;*/
scrollbar-face-color: #EFEFEF;
scrollbar-arrow-color:#000000;
scrollbar-base-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
}
/************************   para el menu.php **************************/
.button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 5px 20px;
    border: 1px solid #797676;
    border-radius: 8px;
    background: #c7c1c1;
    background: -webkit-gradient(linear, left top, left bottom, from(#c7c1c1), to(#797676));
    background: -moz-linear-gradient(top, #c7c1c1, #797676);
    background: linear-gradient(to bottom, #c7c1c1, #797676);
    /*text-shadow: #575454 1px 1px 1px;*/
    font: normal normal bold 14px arial;
    color: #000000;
    text-decoration: none;
    width: 140%;
}
.button:hover,
.button:focus {
    border: 1px solid #ada8a8;
    background: #efe8e8;
    background: -webkit-gradient(linear, left top, left bottom, from(#efe8e8), to(#918e8e));
    background: -moz-linear-gradient(top, #efe8e8, #918e8e);
    background: linear-gradient(to bottom, #efe8e8, #918e8e);
    color: #ffffff;
    text-decoration: none;
}
.button:active {
    background: #797676;
    background: -webkit-gradient(linear, left top, left bottom, from(#797676), to(#797676));
    background: -moz-linear-gradient(top, #797676, #797676);
    background: linear-gradient(to bottom, #797676, #797676);
}
.button:before{
    /*content:  "\0000a0";*/
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: 0px;
    background-size: 100% 100%;
}
/************ fin del boton de menu *************/
/************************   para los botones de las pantallas **************************/
.btnch {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 5px 20px;
    border: 1px solid #797676;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #c7c1c1;
    background: -webkit-gradient(linear, left top, left bottom, from(#c7c1c1), to(#797676));
    background: -moz-linear-gradient(top, #c7c1c1, #797676);
    background: linear-gradient(to bottom, #c7c1c1, #797676);
    font: normal normal bold 11px arial;
    color: #000000;
    text-decoration: none;
    width: 20%;
}
.btnch:hover,
.btnch:focus {
    border: 1px solid #ada8a8;
    background: #efe8e8;
    background: -webkit-gradient(linear, left top, left bottom, from(#efe8e8), to(#918e8e));
    background: -moz-linear-gradient(top, #efe8e8, #918e8e);
    background: linear-gradient(to bottom, #efe8e8, #918e8e);
    color: #ffffff;
    text-decoration: none;
}
.btnch:active {
    background: #797676;
    background: -webkit-gradient(linear, left top, left bottom, from(#797676), to(#797676));
    background: -moz-linear-gradient(top, #797676, #797676);
    background: linear-gradient(to bottom, #797676, #797676);
}