/*
	HOJA DE ESTILOS PARA POA
	Fecha: 11 de Septiembre de 2006
	Creado por: Ing. Héctor Javier Padilla Lara
*/


/*Etiquetas, Botones, Cuadros de Texto y Cuadros Combinados*/

body{ color: #1A344F; }

h1, span{color:#1D3A59;}
#principal h1{text-align:center;}
input{border-color:#336699; border-width:1.5px ;color:#000033; background-color: #CCD9E5; font:normal 11px Verdana,Arial,Helvetica,sans-serif}
input[disabled]{color:#202020;
border: 1px solid #006699;}
textarea{border-color: #336699; border-width:1.5px; color:#000033; background-color: #CCD9E5; font:normal 11px Verdana,Arial,Helvetica,sans-serif}
select{border-color: #336699; border-style:solid; border-width:2px; color:#000033; background-color: #CCD9E5; font:normal 11px Verdana,Arial,Helvetica,sans-serif}


.Titulo
{
	font-size:large;
	font-weight:bolder;
	text-align:center;
}

/*Para el mensaje que muestra la fecha y el nombre del usuario que inicio sesión*/
#bienvenida{
	color:Red;
	
	font-size:10px;
	font-weight:bold;
}

/*Para el menú principal*/
.menu1{	color:#CCD9E5;	FONT-FAMILY: Verdana, Helvetica, sans-serif;	font-size:smaller; 
	position:relative; left:-15%; }

/*Etiquetas del menú principal*/
.menu1 span {	font-size:smaller;	font-weight:bolder;	margin-left:30px;	color:#FF9900; }

/*Vinculos en el menu principal*/
.menu1 a {	font-weight:bold;	color:#CCD9E5;	font-size:smaller;}

/*Tabla de Captura*/
.Tabla1
{
	border: solid 4px LightSteelBlue;
	border-style:groove;
	padding: 0;	

}

/*Tabla para capturar y mostrar meses, POA y PTA*/
.Meses{font-size:smaller;}

.Productos 
{
	font-size:smaller;	
	border: groove 2px LightSteelBlue;
}


/*Tabla Principal, Ocupa toda la pantalla*/
#principal
{
	width:100%;
	height:100%;
	border:0;
}

/*Tabla de Autenticar.*/
#autenticar
{
	background-color:#FF9900;
	font-weight:bold;
	color:Black;
	border-bottom-style:double;
}

/*Tabla de Autenticar*/
#login
{
	border-color:#336699;
	border-width:medium;
	border-style:double
}


/*Para los Datagrid y Datalist. Bordes*/
.Grid
{
	border: double 4px #336699;
	margin-top:10px;
}

.Lista
{
	border: solid 4px #336699;
	border-style:double;
	text-align:left;
	font-size:12px;
}

.Lista td
{
    width:50%;
}

/*Para los Datagrid y Datalist. Celdas*/
.Grid td
{

	margin: 3px 3px 3px 3px;
	font-family: Arial;
	padding: 5px 5px 5px 5px;
}

.GridHeader
{
	font-weight: bolder;
	color:White;
	
}
/*Para los Datagrid y Datalist. Celdas del Encabezado*/
.GridHeader th
{
	font-weight: bolder;
	background-color: #336699;
	text-align:center;
	color:White;
	text-transform:capitalize;
}

/*Para los Datagrid y Datalist. Vinculos del encabezado para ordenamientos*/
.GridHeader a
{	
	color: LightGoldenrodYellow;
	/*padding: 0px 15px 0px 15px;*/
	text-align:center;
	text-decoration:none;
}

/*Para los Datagrid y Datalist. Vinculos del encabezado para ordenamientos*/
.GridHeader a:hover
{
	text-decoration: underline;
}

/*Para los Datagrid y Datalist. Renglones*/
.GridItem, .GridAltItem
{
	font-size: small; 
}

.Grid2
{
    margin-top:10px;
    text-transform:uppercase;
    border: double 4px #336699;
}
.Grid2 td
{
    padding:4px; font-size:small;
}
/*Para los Datagrid y Datalist. Plantilla ItemStyle*/
.GridItem{background-color: white;}
.GridItemEdit td input {width:100%; vertical-align:top;}
.GridItemEdit td select {width:100%; vertical-align:top;}
.GridItemEdit td a {font-size:smaller;}
/*Para los Datagrid y Datalist. Plantilla AlternativeItemStyle*/
.GridAltItem
{
	background-color:#CCD9E5;
}


/*Para los Datagrid y Datalist. Plantilla Pager*/
.GridPager
{
	font-size: small;
	background-color: #336699;
	color:White;
	padding:0;
}


/*Datagrid y Datalist. Celdas del Pager*/
.GridPager td {text-align:center;}


/*Datagrid y Datalist. Etiquetas de Pager*/
.GridPager span { color:White; font-weight:bolder;  font-size:large; }

/*Datagrid y Datalist. Vinculos del Pager*/
.GridPager a:link{ color:#CCD9E5; }
.GridPager a:visited { color:#CCD9E5; }
.GridPager a:hover { color:#FF9900; }

 .pie a 
 {
	color:#CCD9E5;		
	font-size:xx-small;
	text-align:center;
	text-decoration:none;	
}

 .pie a:hover
 {
	color:White;		
	font-size:xx-small;
	text-align:center;
}


.cssform
{
	border: solid 4px LightSteelBlue;
	border-style:groove;
	padding: 7px 0 0 0;	
	width:500px;
	text-align:left;
	padding-left:30px;
	margin:0px auto 10px auto;
}



.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px;
height: 1%;
}

.cssform legend
{
      font-weight: bold;
      
}

.cssform label
{
    display:block;
    font-weight: bold;
    float: left;
    width: 100px;
}

.cssform br{ clear:both;}

.cssform input{width: 370px;}
.cssform select{width: 372px; border-style:inset;}

.cssform .doble
{
width: 480px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

.cssform .botones{ text-align:center; padding: 5px 5px 5px 0px; width:93%; overflow:auto;}
.cssform .botones input{width:120px;  margin:5px 5px 3px 0; }
.cssform .check input{width:12px; float:left; }
.cssform .check label{width:300px; float:left; margin-left:10px; margin-top:-4px; }




.cssform .radio input{width:12px; float:left; }
.cssform .radio label{width:90%; float:left; margin-left:10px; margin-top:-4px; font-weight:normal; }

.cincuenta
{
	width:45%; text-transform:uppercase;
}

.si{ padding-left:40px; }
.sd{ padding-right:20px; }


.tabla1{font-size:smaller; padding:0; margin:5px auto; }
.tabla1 td, .tabla1 th {padding:0; text-align:center; width:60px; }




.tablaform
{
	border: groove 4px LightSteelBlue;
	padding: 7px 0 0 0;	
	text-align:left;
	padding-left:30px;
	margin:10px auto 10px auto;
}

.tablaform td {border:0;}

.tablaform label
{
    display:block;
    font-weight: bold;
    float: left;
    width: 15%;
}

.tablaform br{ clear:left;}

.tablaform input{width: 75%;}
.tablaform select{width: 75%; border-style:inset;}

.tablaform .doble
{
width: 480px;
}

.tablaform textarea{
width: 75%;
height: 75px;
margin-bottom:5px;
}

.tablaform table
{
    width:80%;
    margin: 5px auto;
    empty-cells:show;    
    text-align:center;
}

.tablaform table td{width:8%;}
.tablaform table td input
{
    width:95%;
}

h4{margin:2px 0 3px 5px;}
.rojo{background:red;}
.cinco{width:60%; display:block; float:left;}
.dos{width:15%; display:block; float:left;}
.uno{width:10%; display:block; float:left;}
.pad2{padding:5px; background:red;}

.centrado
{
    margin:0 auto;
    border: double 4px #336699;
}