body	{background: #FFF url('../img/gradient.png') repeat-x; margin: 20px 0 0 0}
body,table
{
	font-family: 'trebuchet MS', 'Lucida sans', Arial;
    font-size: 14px;
    color: #444;
}

.tbl { margin: 1em; border-collapse: collapse; }
.tbl td, .tbl th { padding: .3em; border: 1px #ccc solid; }
.tbl thead { background: #fc9; }

.box1
{
	width:400;
	text-align:center;
	border:2px solid black;
	background:#4080D8;
	color:white;
}

#header {
	width: 801px;
	height: 171px;
	margin: auto;
}

#header #banner {
	width: 801px;
	height: 171px;
	background: url('../img/banner_3.png') no-repeat;
}

#menu-container {
	width: 600px;
	height: 15px;
	margin-top: -18px;
	float: right;
}

ul#menu-top {
	list-style: none;
	padding: 0;
	margin: 0;	
}

ul#menu-top li {
	display: inline;
}

ul#menu-top a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 8pt;
	padding: 0 10px;
}

ul#menu-top a:hover {
	color: red;
}
			
#t_sus
{
	width:800px;
}

#t_index
{
	width:800px;
	border-width:0px 1px 0px 1px;
	border-color:#F4E888;
	border-style:solid;
	padding:0px;
}

td.t_index_stanga
{
	width:184px;
	padding:5px;
	border-width:0px 1px 0px 0px;
	border-color:#A6A6A6;
	border-style:solid;
	vertical-align:top;
	background-color:white
}
					
td.t_index_dreapta
{
	padding: 10px;
	border-width:0px 0px 0px 0px;
	border-color:#6C6C6C;
	border-style:solid;
	vertical-align:top;
	background-color:white
}
					
td.t_sus_1
{
	padding:0px;
	width:193;
	height:170;
	vertical-align:top;
}	
				
td.t_sus_2
{
	padding:0px;
	width:607;
	height:149;
	vertical-align:top;
}
				
td.t_sus_3
{
	width:607;
	height:1;
	background-color:#F7BC5B;
}

td.centrat
{
	text-align:center;
	background:yellow;
}

td.legenda
{
	width:25;
	height:25;
}

td.bordura
{
	border:1px solid black;
	width:225px;
}

td.offset
{
	text-align:left;
	padding:5px;
}

hr
{
	border:dotted;
	color:#4080D8;
	width:20%;
	height:3px;
}

li
{
	margin-top:10px;
}

a.una
{
	color:blue;
	text-decoration:none;
}

a.una:hover
{
	color:cornflowerblue;
}

h4	{color:#006699;font-size:10pt}
h3	{margin-top: 0px; font-size:11pt;color:#222;background:#ddd;padding:3px;text-align:center}


.bordered {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;	
	width: 95%;
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
	margin: 10px auto;	
}

.bordered tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered td, .bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 7px;
    text-align: left;    
}

.bordered th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

small {
	font-size: 80%
}