/* botones */
.buttonscontainer1 {width: 133px;}
.buttonscontainer2 {
height: 15px;
padding-left: 20px;
padding-top: 20px;



}
.buttons1 a {color: #FFFFFF;
border: 1px solid;
background-color: #5A7798;
padding: 2px;
padding-left: 3px;
font: 10px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
border-color: #869CB4 #234A76 #234A76 #869CB4;
display: block;
margin: 0px;
width: 100%;
text-align: left;}

.buttons1 a:hover {border: 1px solid;
padding-left: 4px;
padding-top: 3px;
padding-bottom: 1px;
padding-right: 1px;
background-color: #44658A;
border-color: #234A76 #869CB4 #869CB4 #234A76;
color: #FFFFFF;
text-decoration: none;
text-align: center;
}

.buttons2 a {color: #FFFFFF;
border: 1px solid;
background-color: #5A7798;
padding: 2px;
padding-left: 3px;
font: 10px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
border-color: #869CB4 #234A76 #234A76 #869CB4;
display: inline;
float: left;
margin: 0px;
/* width: 100px; */
text-align: center;
}
.buttons2 a:hover {border: 1px solid;
padding-left: 4px;
padding-top: 3px;
padding-bottom: 1px;
padding-right: 1px;
background-color: #44658A;
background: #44658A;
border-color: #234A76 #869CB4 #869CB4 #234A76;
color: #FFFFFF;
/* width: 100px; */ 
text-decoration: none;
}

.buttons3 a {color: #FFFFFF;
border: 1px solid;
background-color: #5A7798;
padding: 2px;
padding-left: 3px;
font: 10px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
border-color: #869CB4 #234A76 #234A76 #869CB4;
display: inline;
float: center;
margin: 0px;
/* width: 100px; */
text-align: center;
}
.buttons3 a:hover {border: 1px solid;
padding-left: 4px;
padding-top: 3px;
padding-bottom: 1px;
padding-right: 1px;
background-color: #44658A;
background: #44658A;
border-color: #234A76 #869CB4 #869CB4 #234A76;
color: #FFFFFF;
/* width: 100px; */ 
text-decoration: none;
}

/* Botones dentro de tabla menu */ 

.buttons4 a {color: #FFFFFF;
border: 1px solid;
background-color: #5A7798;
padding: 2px;
padding-left: 3px;
font: 10px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
border-color: #869CB4 #234A76 #234A76 #869CB4;
display: block;
margin: 0px;
width: 95%;
text-align: left;}

.buttons4 a:hover {border: 1px solid;
padding-left: 4px;
padding-top: 3px;
padding-bottom: 1px;
padding-right: 1px;
background-color: #44658A;
border-color: #234A76 #869CB4 #869CB4 #234A76;
color: #FFFFFF;
text-decoration: none;
text-align: left;
}


/* estilo de escritura */

p {
font: 11px Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
padding: 0 15px;
}
h4, h3 {
margin:0; padding: 5px 0;
}
p:first-letter {
font-size: 120%; font-weight: bold;
color: #ff6600;
}
#bodyarea {
padding: 20px;
height: 100%;
}
#bodyarea a:hover {
background: #FF9966;
}

#bodyarea2 {
padding: 10px;
width: 700px;

}

#normal{
text-align: left;
padding: 0;
}
#normal:first-letter {
color: #333;
}

body,div,  th, h2, h3, h4 { /* redundant rules for bad browsers  */  
    font: 12px Verdana, Arial, Helvetica, sans-serif;
        
        color: #333;
}  

td {font: 11px Verdana, Arial, Helvetica, sans-serif;
	
}
body {
MARGIN-TOP: 0;  
MARGIN-RIGHT: 0;  
MARGIN-BOTTOM: 0;  
MARGIN-LEFT: 0;



}
/* estilo de las formas */

INPUT.clsButton3 {
        BORDER-RIGHT: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; MARGIN-TOP: 2px;  MARGIN-RIGHT: 2px;  MARGIN-BOTTOM: 2px; FONT-WEIGHT: bold; MARGIN-LEFT: 2px; BACKGROUND-COLOR: #FFCC00; FONT-SIZE: 9px; COLOR: #000000;   FONT-FAMILY: verdana, arial, helvetica
}
INPUT.clsTextbox {
        BORDER-RIGHT: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; MARGIN-TOP: 2px;  MARGIN-RIGHT: 2px;  MARGIN-BOTTOM: 2px; FONT-WEIGHT: bold; MARGIN-LEFT: 2px; BACKGROUND-COLOR: #F5FED3; FONT-SIZE: 9px; COLOR: #000000; width: 130px;  FONT-FAMILY: verdana, arial, helvetica; padding-left: 2px;
}

INPUT.clsTextboxup {
        BORDER-RIGHT: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; MARGIN-TOP: 2px;  MARGIN-RIGHT: 2px;  MARGIN-BOTTOM: 2px; FONT-WEIGHT: bold; MARGIN-LEFT: 2px; BACKGROUND-COLOR: #F5FED3; FONT-SIZE: 9px; COLOR: #000000; width: 300px;  FONT-FAMILY: verdana, arial, helvetica; padding-left: 2px;
}


SELECT.clsTextbox {
        BORDER-RIGHT: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; MARGIN-TOP: 2px;  MARGIN-RIGHT: 2px;  MARGIN-BOTTOM: 2px; FONT-WEIGHT: bold; MARGIN-LEFT: 2px; BACKGROUND-COLOR: #F5FED3; FONT-SIZE: 9px; COLOR: #000000;  FONT-FAMILY: verdana, arial, helvetica; padding-left: 2px;
}


TEXTAREA.clsTextbox {
        BORDER-RIGHT: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; MARGIN-TOP: 2px;  MARGIN-RIGHT: 2px;  MARGIN-BOTTOM: 2px; FONT-WEIGHT: bold; MARGIN-LEFT: 2px; BACKGROUND-COLOR: #F5FED3; FONT-SIZE: 9px; COLOR: #000000; width: 300px; height: 150px; FONT-FAMILY: verdana, arial, helvetica
}

#columna {
font: 10px Verdana, Arial, Helvetica, sans-serif;
}

#contenido-col{
font: 11px Geneva, Arial, Helvetica, san-serif;
}

#lh-col{
 position:absolute;
 top:111px;
 left:0;
 width:160px;
 z-index:3;
 background:#c0c0c0;
 color: #333333;}

#rh-col{
 position:absolute;
 top:111px;
 right: 0;
 width:140px;
 z-index:2;
 background:#c0c0c0;
 color: #333333;}

#c-block {
 width:100%;
 z-index:1;
 background:#c0c0c0;
 color: #333333;
 height:80%;}

#hdr{
 height:60px; 
 border-bottom:1px solid #000000; 
 width:100%; 
 background:#869cb4;
 color: #333333; 
 margin:0;
clear:left;
  }

#c-col{
 margin:0 162px 0 162px;
 position:relative;
 background:#ffffff;
 color: #333333;
 z-index:5;
 border: solid #000000;
 border-width:0 1px;
 }

#ftr {
 width:100%;
 height:35px;
 border: solid #000000; 
 border-width:1px 0 ;
 background:#eeeeee;
 color: #333333;
 margin:0;
clear:left;
 
 }

div.container
{
width:100%;
height: 100%;
margin:0px;


}


/* tablas de paging */

.redheading {
	font-family: "Verdana";
	font-size:11px;
	color: #CC0000;
	text-decoration: none;
	font-weight:bold;
}
.redheading:hover {
	font-family: "Verdana";
	font-size:11px;
	color: #999999;
	text-decoration: none;
	font-weight:bold;
}
.smallheading {
	font-family: "Verdana";
	font-size:11px;
	color: #0099FF;
	text-decoration: none;
	font-weight:bold;
}
.boldcolor
{
	font-family: "Verdana";
	font-size: 8pt;
	color: #EB410D;
	BACKGROUND-COLOR: #FAFFE4;
	text-decoration: none;
	font-weight:bold;
	BORDER-BOTTOM: #eeeeee 1px double; 
	BORDER-LEFT: #eeeeee 1px double; 
	BORDER-RIGHT: #eeeeee 1px double; 
	BORDER-TOP: #eeeeee 1px double;
	PADDING-BOTTOM: 1px; 
	PADDING-LEFT: 3px; 
	PADDING-RIGHT: 0px; 
	PADDING-TOP: 1px;
}

.rojo{
color:red;
}

.derecha{
position:relative;
left:20px;
z-index:-1;
}