/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/



.container_16 {
    margin-left: auto;
    margin-right: 0;
	margin-top: 0;
    width: 100%;
    text-align: left; /*IE Hack*/
	position:relative;
	
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
    display:inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}

/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
    width:54px;
}

.container_16 .grid_2 {
    width:118px;
}

.container_16 .grid_3 {
    width:182px;
}

.container_16 .grid_4 {
    width:246px;
}

.container_16 .grid_5 {
    width:310px;
}

.container_16 .grid_6 {
    width:374px;
}

.container_16 .grid_7 {
    width:438px;
}

.container_16 .grid_8 {
    width:502px;
}

.container_16 .grid_9 {
    width:566px;
}

.container_16 .grid_10 {
    width:630px;
}

.container_16 .grid_11 {
    width:705px;
}

.container_16 .grid_12 {
    width:758px;
}

.container_16 .grid_13 {
    width:822px;
}

.container_16 .grid_14 {
    width:886px;
}

.container_16 .grid_15 {
    width:950px;
}

.container_16 .grid_16 {
    width:1014px;
}



/* Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
    padding-left:64px;
}

.container_16 .prefix_2 {
    padding-left:128px;
}

.container_16 .prefix_3 {
    padding-left:192px;
}

.container_16 .prefix_4 {
    padding-left:256px;
}

.container_16 .prefix_5 {
    padding-left:320px;
}

.container_16 .prefix_6 {
    padding-left:384px;
}

.container_16 .prefix_7 {
    padding-left:448px;
}

.container_16 .prefix_8 {
    padding-left:512px;
}

.container_16 .prefix_9 {
    padding-left:576px;
}

.container_16 .prefix_10 {
    padding-left:640px;
}

.container_16 .prefix_11 {
    padding-left:704px;
}

.container_16 .prefix_12 {
    padding-left:768px;
}

.container_16 .prefix_13 {
    padding-left:832px;
}

.container_16 .prefix_14 {
    padding-left:896px;
}

.container_16 .prefix_15 {
    padding-left:960px;
}



/* Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
    padding-right:64px;
}

.container_16 .suffix_2 {
    padding-right:128px;
}

.container_16 .suffix_3 {
    padding-right:192px;
}

.container_16 .suffix_4 {
    padding-right:256px;
}

.container_16 .suffix_5 {
    padding-right:320px;
}

.container_16 .suffix_6 {
    padding-right:384px;
}

.container_16 .suffix_7 {
    padding-right:448px;
}

.container_16 .suffix_8 {
    padding-right:512px;
}

.container_16 .suffix_9 {
    padding-right:576px;
}

.container_16 .suffix_10 {
    padding-right:640px;
}

.container_16 .suffix_11 {
    padding-right:704px;
}

.container_16 .suffix_12 {
    padding-right:768px;
}

.container_16 .suffix_13 {
    padding-right:832px;
}

.container_16 .suffix_14 {
    padding-right:896px;
}

.container_16 .suffix_15 {
    padding-right:960px;
}



/* Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .push_1 {
    left:64px;
}

.container_16 .push_2 {
    left:128px;
}

.container_16 .push_3 {
    left:192px;
}

.container_16 .push_4 {
    left:256px;
}

.container_16 .push_5 {
    left:320px;
}

.container_16 .push_6 {
    left:384px;
}

.container_16 .push_7 {
    left:448px;
}

.container_16 .push_8 {
    left:512px;
}

.container_16 .push_9 {
    left:576px;
}

.container_16 .push_10 {
    left:640px;
}

.container_16 .push_11 {
    left:704px;
}

.container_16 .push_12 {
    left:768px;
}

.container_16 .push_13 {
    left:832px;
}

.container_16 .push_14 {
    left:896px;
}

.container_16 .push_15 {
    left:960px;
}



/* Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .pull_1 {
    left:-64px;
}

.container_16 .pull_2 {
    left:-128px;
}

.container_16 .pull_3 {
    left:-192px;
}

.container_16 .pull_4 {
    left:-256px;
}

.container_16 .pull_5 {
    left:-320px;
}

.container_16 .pull_6 {
    left:-384px;
}

.container_16 .pull_7 {
    left:-448px;
}

.container_16 .pull_8 {
    left:-512px;
}

.container_16 .pull_9 {
    left:-576px;
}

.container_16 .pull_10 {
    left:-640px;
}

.container_16 .pull_11 {
    left:-704px;
}

.container_16 .pull_12 {
    left:-768px;
}

.container_16 .pull_13 {
    left:-832px;
}

.container_16 .pull_14 {
    left:-896px;
}

.container_16 .pull_15 {
    left:-960px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
.kala{
color: #999999;
font-weight:bold;
}
.kara{
color: #660000;
font-weight:bold;
}
#bottom {
text-align:center;
padding:5px;
font-size:20px;
width: 1290px;
background:#cccccc;
font-family:Georgia;
Text-decoration: none;
    
}
.white{
color: #ffffff;
font-size: 25px;
}
#menu {
	margin: 0;
	
	padding: 4px 5px 8px;
	
	line-height: 100%;
	
	border-radius: 2em;
	
	background: -moz-linear-gradient(bottom,  #a1d4a1,  #7a7a7a); /* for firefox 3.6+ */

	border: solid 2px #6d6d6d;
}

/* LIST EFFECTS */

#menu li {

	margin: 0 5px;
	
	padding: 0 0 2px;
	
	position: relative;
	
	list-style: none;
}
/*  LINK EFFECTS  */

#menu a {

	font-weight: bold;
	
	font-size: 24px;
	
	color: #ffffff;
	
	text-decoration: none;
	
	display: block;
	
	padding:  7px 5px;
	
	margin: 5px;
	
	border-radius: 4em;
	
	text-shadow: 0 -2px 2px rgba(0, 0, 0, .5);
}

/* Hover Effect */

#menu li:hover > a {

	background: -moz-linear-gradient(top,  #ebebeb,  #a1a1a1); /* for firefox 3.6+ */

	color: #444;
	
	border-top: solid 1px #f8f8f8;
	
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
}
#menu li ul li{
	visibility: hidden;
	position: absolute;
}
#banner{
	width: 960px;
	height: 70px;
	text-align: center;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	position: fixed;
	background: blue; /* For browsers that do not support gradients */    
    background: -webkit-linear-gradient(left, blue, blue, blue); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, blue, blue, blue); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, blue, blue, blue); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, blue, blue , blue); /* Standard syntax (must be last) */
	box-shadow: 0px 2px 3px 3px red;
}
.body{
	margin-left: auto;
	margin-right: auto;
	background:#f4f4f4 url(../images/bg.gif) repeat top left;
	margin-top: 0;

}
#sheet {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#sheet tr th{
		text-align: left;
		
}
#sheet tr:nth-child(even) {background: #CDCCDC;}
#sheet tr:nth-child(odd) {background: #DFDFDF;}

#fset{
	background-color: silver;
	
	margin-left: 0;
	margin-right: auto;
}
#table3{
	
}
#table3 tr td{
	text-align: center;
}
#table4{
	width: 100%;
	
}
#table4 tr td a{
	text-decoration: none;
	font-style: bold;
	font-size: 24px;
}

#table2 tr td iframe{
	text-align: center;
}

#cementt{
	Width: 100%;
	margin-left: 0;
	margin-right:auto;
}
#cementt tr td{
	text-align: center;
}
#materialtable{
	Width: 50%;
	margin-left: 0;
	margin-right:auto;
}
#materialtable tr td{
	text-align: center;
}
#captable{
	Width: 50%;
	margin-left:0;
	margin-right:auto;
	line-height: 30px;
}
#captable tr td{
	text-align: left;
}
#captable tr th{
	text-align: left;
	
}

.available{
	font-size: 26;
	text-align: center;
	font-style: bold;
	color: #FFFFFF;
	background-color: #34282C;
}
#datatable {
	background-color: #B6B6B4;
	width: 80%;
	box-shadow: 1px 3px 3px rgba(0,0,0,0.6);
	border-collapse: collapse;
	background-color: silver;
	line-height: 25px;
}

#tebo{
	width: 100%;

}
#bana1,
#bana2,
#bana3,
#bana4{
	display:inline;
    float: left;
    position: relative;
    margin-left: 1px;
    margin-right: 1px;
}

#bana1{
	left:0px;
	height: 70px;
	width: 252px;
	color: #FFFFFF;
	font-size: 24px;
	text-align: center;
	vertical-align: bottom;
	position: relative;
    background: #151B54; /* For browsers that do not support gradients */    
    background: -webkit-linear-gradient(left, blue, #151B54); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, blue, #151B54); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, blue, #151B54); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, blue , #151B54); /* Standard syntax (must be last) */

}
#bana1 table tr td{
	color: #848482;
	text-align: center;
}
#bana2{
	left: 20px;
	height: 50px;
	color: #FFFFFF;
	font-size: 48px;
	background-color: #0000A0;
	box-shadow: 0px 2px 3px 4px #B6B6B4;
	margin-bottom:0px;
}
#bana3{
	left: 0px;
	text-align: left;
	height: 50px;
	background-color: #B6B6B4;
	color: #FFFFFF;
	font-size: 48px;
	box-shadow: 0px 2px 3px 4px #0000A0;
	margin-bottom:0px;

}
#bana4{
	margin-left: -40%;
	height: 70px;
	width: 80%;
	color: #FFFFFF;
	float: center;
	font-size: 56px;
	text-align: center;
	position: fixed;
	background: #98AFC7; /* For browsers that do not support gradients */    
    background: -webkit-linear-gradient(left,#151B54, #0000A0, blue, #488AC7,#1F45FC, blue, #0000A0,#151B54); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #151B54,#0000A0, blue,#1F45FC,#1F45FC, blue, #0000A0,#151B54); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #151B54,#0000A0, blue,#1F45FC,#1F45FC, blue, #0000A0,#151B54); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #151B54,#0000A0, blue,#1F45FC,#1F45FC, blue, #0000A0,#151B54); /* Standard syntax (must be last) */
	box-shadow: 0px 2px 3px 2px #0000A0;
}

#tidi{
	font-size: 36;
}

#navigation ul.nav li.current-menu-ancestor > a, #navigation ul.nav li.current-cat > a, #navigation ul.nav li.current-menu-item > a {
    background: #ccc !important;
    color: #ff00ff !important;
}
#fee{

	width: 100%;
	line-height: 25px;
	border-style: solid blue;

}
#teamtablediv{
	background-color: #B6B6B4;
	width: 270px;
	box-shadow: 1px 3px 3px rgba(0,0,0,0.6);
}
#teamtablediv ul{
	list-style: none;
	box-shadow: 0px 2px 1px #800517;
	z-index: 1;
	background-color: #BCC6CC;
	height: 30px;	
}
#blocktablediv{
	background-color: #B6B6B4;
	width: 40%;
	box-shadow: 1px 3px 3px rgba(0,0,0,0.6);
}
#blocktablediv table{
	width: 100%;
}
#cementtablediv{
	background-color: #B6B6B4;
	width: 40%;
	box-shadow: 1px 3px 3px rgba(0,0,0,0.6);
}
#cementtablediv ul{
	list-style: none;
	box-shadow: 0px 2px 1px #800517;
	z-index: 1;
	background-color: #BCC6CC;
	height: 30px;
}
#cementtablediv table{
	width: 100%;
}
#usertable{
	line-height: 30px;
}
iframe{
     background-color: #E5E4E2;
  }
#recruit{
	background-color: #B6B6B4;
	width: 40%;
	box-shadow: 1px 3px 3px rgba(0,0,0,0.6);
	
}
#recruit table{
	line-height: 30px;
	width:100%;
}
#piniput{
	background-color: #B6B6B4;
	width: 350px;
	box-shadow: 1px 3px 3px rgba(0,0,0,0.6);
}
#piniput table{
	width:350px;
	margin-left: 0px;
	margin-right: auto;
	line-height: 30px;
}
#piniput ul{
	list-style: none;
	box-shadow: 0px 2px 3px #800517;
	z-index: 1;
	background-color: silver;
	height: 25px;
}
#piniput ul li a{
	font-size: 18px;
	text-decoration: none;
}
#warehouse {
	background-color: #B6B6B4;
	width: 730px;
	box-shadow: 1px 3px 3px rgba(0,0,0,0.6);
}
#warehouse table{
	border-collapse: collapse;
	background-color: silver;
	line-height: 25px;
}
#warehouse table th{
	background-color: #BCC6CC;
}
#warehouse table tr:nth-child(even) {background-color: #E5E4E2;}
#warehouse table tr:nth-child(odd) {background-color: #D1D0CE;}
#warehouse ul{
	list-style: none;
	box-shadow: 0px 2px 1px #800517;
	z-index: 1;
	background-color: #BCC6CC;
	height: 40px;
}

#price{
	background-color: #B6B6B4;
	width: 500px;
	box-shadow: 1px 3px 3px rgba(0,0,0,0.6);
	
}
#price table{
	line-height: 25px;
	border-collapse: collapse;
}
#price ul{
	list-style: none;
	box-shadow: 0px 2px 1px #800517;
	z-index: 1;
	background-color: #BCC6CC;
	height: 20px;
}
#pord{
	
	background-color: #B6B6B4;
	width: 500px;
	box-shadow: 1px 3px 3px rgba(0,0,0,0.6);
}
#pord ul{
	list-style: none;
	box-shadow: 0px 2px 1px #800517;
	z-index: 1;
	background-color: #BCC6CC;
	height: 20px;
}
#pord table{
	width: 100%;
	line-height: 25px;
	border-collapse: collapse;
}
#pord table tr td a{
	text-decoration: none;
}
#pord tr th{
	background-color: #3090C7;
	text-align: left;
	color: #FFFFFF;
	letter-spacing: 1px;
}
#pord table tr:nth-child(even) {background-color: #D1D0CE;}
#pord table tr:nth-child(odd) {background-color: #EBF4FA;}
#sales{
	background-color: #B6B6B4;
	width: 730px;
	box-shadow: 1px 3px 3px rgba(0,0,0,0.6);
}
#sales table{
	border-collapse: collapse;
}
#sales ul{
	list-style: none;
	box-shadow: 0px 2px 1px #800517;
	z-index: 1;
	background-color: #BCC6CC;
	height: 40px;
}
#sales ul li a{
	font-size: 24px;
}
#sold{
	background-color: #B6B6B4;
	width: 95%;
	box-shadow: 1px 3px 3px rgba(0,0,0,0.6);
}
#sold table{
	line-height: 25px;
	width: 100%;
	border-collapse: collapse;

}
#sold table tr th{
	background-color: #3090C7;
	color: #FFFFFF;
}
#sold table tr td{
	text-align: center;
	font-size: 13;
	font-family: arial;

}
#sold ul{
	list-style: none;
	box-shadow: 0px 2px 1px #800517;
	z-index: 1;
	background-color: #BCC6CC;
	height: 40px;
}
#sold ul li a{
	font-size: 28;
}
#sold table tr:nth-child(even) {background-color: #D1D0CE;}
#sold table tr:nth-child(odd) {background-color: #E5E4E2;}

#payment{
	background-color: #B6B6B4;
	width: 80%;
	box-shadow: 1px 3px 3px rgba(0,0,0,0.6);
}
#payment ul{
	list-style: none;
	box-shadow: 0px 2px 1px #800517;
	z-index: 1;
	background-color: #BCC6CC;
	height: 30px;	
}
#payment table{
	line-height: 25px;
	width: 100%;
	border-collapse: collapse;

}
#payment table tr:nth-child(even) {background-color: #CFFCDC;}
#payment table tr:nth-child(odd) {background-color: #EBF4FA;}

#employee{
	background-color: #B6B6B4;
	width: 80%;
	box-shadow: 1px 3px 3px rgba(0,0,0,0.6);
}
#employee ul{
	list-style: none;
	box-shadow: 0px 2px 1px #800517;
	z-index: 1;
	background-color: #BCC6CC;
	height: 30px;
	padding: 10px 0px 0px 10px;
}
#employee table{
	line-height: 25px;
	width: 100%;
	border-collapse: collapse;
}
#employee  table tr th{
	background-color: #3090C7;
	color: #FFFFFF;
	text-align: left;
}
#brok{
	background-color: #B6B6B4;
	width: 300px;
	box-shadow: 1px 3px 3px rgba(0,0,0,0.6);
}
#brok ul{
	list-style: none;
	box-shadow: 0px 2px 1px #800517;
	z-index: 1;
	background-color: #BCC6CC;
	height: 30px;

}
#brok ul li a{
	font-size: 24px;
	text-decoration: none;

}
#brok table{
	width: 100%;
	border-collapse: collapse;
	font-size: 16px;

}
#brok table tr:nth-child(even) {background-color: #E5E4E2;}
#brok table tr:nth-child(odd) {background-color: #D1D0CE;}

#vip {
	background-color: #B6B6B4;
	width: 400px;
	box-shadow: 1px 3px 3px rgba(0,0,0,0.6);
}
#vip table{
	width: 100%;
	line-height: 25px;
	border-collapse: collapse;
}
#vip ul{
	list-style: none;
	box-shadow: 0px 2px 1px #800517;
	z-index: 1;
	background-color: #BCC6CC;
	height: 20px;
}
#mydiv{
	width: 100%;
	margin-left: auto;
	margin-right: 0;
	background-color: #B6B6B4;
	position: relative;
}
#mydiv table{
	line-height: 30px;
	border-collapse: collapse;
}
#inv {
	float: right;

}
#codetails{
	float: left;

}
#futa{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 300px;
	font-size: 36px;
}
#pbutton{
	margin-right: auto;
	margin-left: 68%;
	position: fixed;
	margin-top: 0px;
	z-index: 1;
}
#pbutton .button {
    background-color: #B6B6B4; /* Green */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}
#pbutton .button {
    background-color: white;
    color: black;
    border: 2px solid #555555;
}

#pbutton .button:hover {
    background-color: #555555;
    color: white;
}

#psubmit.submit {
    background-color: #B6B6B4; /* Green */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
	height: 50px;
}
#psubmit .submit {
    background-color: white;
    color: black;
    border: 2px solid #555555;
}

#psubmit .submit:hover {
    background-color: #555555;
    color: white;
}

#vprint{
	background-color: #B6B6B4;
	width: 730px;
	box-shadow: 1px 3px 3px rgba(0,0,0,0.6);
}
#vprint table{
	line-height: 25px;
	width: 100%;
	border-collapse: collapse;

}
#vprint table tr th{
	background-color: #3090C7;
	color: #FFFFFF;
}
#vprint table tr td{
	text-align: center;
	font-size: 12;
	font-family: arial;

}
#vprint ul{
	list-style: none;
	box-shadow: 0px 2px 1px #800517;
	z-index: 1;
	background-color: #BCC6CC;
	height: 40px;
}
#vprint ul li a{
	font-size: 28;
}
#vprint table tr:nth-child(even) {background-color: #D1D0CE;}
#vprint table tr:nth-child(odd) {background-color: #E5E4E2;}

#pview{
	background-color: #B6B6B4;
	width: 730px;
	box-shadow: 1px 3px 3px rgba(0,0,0,0.6);
}
#pview ul{
	list-style: none;
	box-shadow: 0px 2px 1px #800517;
	z-index: 1;
	background-color: #BCC6CC;
	height: 40px;
}
#pview table{
	width: 100%;
	border-collapse: collapse;
	line-height: 25px;
}
#pview table tr th{
	background-color: #3090C7;
	color: #FFFFFF;
}
#pview table tr:nth-child(even) {background-color: #E5E4E2;}
#pview table tr:nth-child(odd) {background-color: #D1D0CE;}

#maelezo{
	text-decoration: none;
}
#medone{
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	float: center;
	text-align: center;
	background-color: silver;
	height: 150px;
	padding-top: 50px;
}
#medone a{
	text-decoration: none;
	font-size: 72;
}
#meplan{
	margin-left: 0;
	margin-right: auto;
	margin-top: 30px;
	
}
#meplan lable{
	font-size: 42px;
}
.abutton {
    display: block;
    width: 80px;
    height: 23px;
    background: #4E9CAF;
    padding: 2px;
    text-align: center;
    border-radius: 10px;
    color: white;
    font-weight: bold;
	text-decoration: none;
}
#adere{
	width: 60%;
}
#adere table{
	line-height: 30px;
	font-size:18;
}
#option{
	background-color: #B6B6B4;
	width: 50%;
	box-shadow: 1px 3px 3px rgba(0,0,0,0.6);
}
#option table{
	width: 100%;
	line-height: 50px;
	border-collapse: collapse;
}
#option table tr td a{
	font-size: 36;
	text-decoration: none;
}
#option ul{
	list-style: none;
	box-shadow: 0px 2px 1px #800517;
	z-index: 1;
	background-color: #BCC6CC;
	height: 30px;
}