body {
    background-color: lightgreen;
}

h1 {
	font-family: verdana;
    color: darkgreen;
    text-align: center;
}

p {
    font-family: verdana;
    font-size: 20px;
	color: darkblue;
}

h2 {
	font-family: verdana;
	color: darkgreen;
}

h3 {
	font-family: verdana;
	color: darkgreen;
}


input[type=text], select {
    /*width: 100%;*/
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 2px solid #ccc;
    border-radius: 4px;
	width: 300px;   
    box-sizing: content-box;
}

input[type=number], select {
    padding: 2px 4px;
    /*margin: 8px 0;*/
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 8px;
    width: 50px;   
    box-sizing: content-box;
}

input[type=descripcion], select {
    /*width: 100%;*/
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 300px;   
    box-sizing: content-box;
}

input[type=submit], select {
    width: 200px;
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type=password], select {
    /*width: 100%;*/
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 300px;   
    box-sizing: content-box;
}

input[type=submit]:hover {
    background-color: #45a049;
}

.celdas {
    width: 300px;   
    /*box-sizing: content-box;*/
}

.cssTabla {
	padding:2px;
	border: 2px solid red;
	border-radius: 8px;
	border-style: 
	width: 100%; 
}
.datagrid table { 
	border-collapse: collapse; text-align: left; width: 100%; 
} 
.datagrid {
	font: normal 12px/150% Arial, Helvetica, sans-serif; 
	background: #fff; overflow: hidden; border: 1px solid #991821; 
	-webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; 
}
.datagrid table td, .datagrid table th { 
	padding: 10px 5px; 
}
.datagrid table thead th {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #991821), color-stop(1, #80141C) );
	background:-moz-linear-gradient( center top, #991821 5%, #80141C 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#991821', endColorstr='#80141C');
	background-color:#991821; color:#FFFFFF; font-size: 15px; font-weight: bold; 
	border-left: 1px solid #B01C26; 
} 
.datagrid table thead th:first-child { 
	border: none; 
}
.datagrid table tbody td { 
	color: #80141C; border-left: 1px solid #F7CDCD;font-size: 12px;font-weight: normal;
}
.datagrid table tbody .alt td { 
	background: #F7CDCD; color: #80141C; 
}
.datagrid table tbody td:first-child { 
	border-left: none; 
}
.datagrid table tbody tr:last-child td { 
	border-bottom: none; 
}