html {
	background: #DCE3E6
}

body {
	columns: 30em;
	column-gap: 20px;
	padding: 0 20px;
	width: 750px;
	margin: 1em auto ;
	background: #fff;
	font: sans-serif;
	height : 1300px;
	position: relative;
	
	box-shadow: 0 .3em 1em #000
	
}

#title {
	color : rgb(255,255,255);
	background-image : url('../images/bg.jpg');
	background-repeat : repeat;
	text-shadow : 0px 1px 1px rgb(0,0,0);
	border-style : solid;
	border-color : rgb(47, 81, 121);
	border-width : 1px 0px;
	text-align : center;
	margin : 0px -20px 20px;
	
}

#form {
	overflow:hidden;
    background:#fefefe;
    width:80%;
    margin:5% auto 0;
}

p#fom{
	text-align : center;
}

#tabForm {
	width:70%;
	margin:5% auto 0;
}

#chartdiv {
	margin:2% auto 0;
}

#result {
    overflow:hidden;
    border:1px solid #d3d3d3;
    background:#fefefe;
    width:80%;
    margin:5% auto 0;
    -moz-border-radius:5px; /* FF1+ */
    -webkit-border-radius:5px; /* Saf3-4 */
    border-radius:5px;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

.eres{padding-top:22px; text-shadow: 1px 1px 1px #fff; background:#e8eaeb; }
.res {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.first {width : 300px;}

tr.odd td {background:#f6f6f6;}