/* *************************************************************************
 * Main container for all  */
a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, tbody, tfoot, thead, tt, u, ul, var {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: 0 0;
	text-decoration: none;


}
ol, ul {
	list-style: none
}

.dir { direction:rtl;}
 
 
.onepcssgrid-1000, .onepcssgrid-wrap {
	margin: 0 auto;
	padding: 0 1% 0 1%; /* THAT'S THE NAME ;) */
}

.onepcssgrid-wrap {
	max-width: 1100px;
	/*background-color:#fff; border-left:1px solid #CCC;border-right:1px solid #CCC;*/
	overflow:hidden;
}
.clear { clear:both;}
.box { overflow:hidden;}



.menu-wrap {
	max-width: 1100px;
	/*background-color:#fff; border-left:1px solid #CCC;border-right:1px solid #CCC;*/
	margin-left:auto;
	margin-right:auto;

}



.onepcssgrid-full {
	width: 100%;
	overflow:hidden;

}
.onerow {
	clear: both;
	padding-: 0px;
	margin-bottom:15px;

}

.gridrow {
	clear: both;
	padding: 0px 1% 0 1%;
	margin-bottom:15px;
	overflow:hidden;
	
	}




/* *********************************************************************************************************************
 * Common columns definitions
 */
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
	float: right;
	margin: 0 1% 0 1%;
}


.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12 {
	float: right;
	margin: 0px;
}


.cnt-grid1, .cnt-grid2, .cnt-grid3, .cnt-grid4, .cnt-grid5, .cnt-grid6, .cnt-grid7, .cnt-grid8, .cnt-grid9, .cnt-grid10, .cnt-grid11, .cnt-grid12 {
	float: right;
	margin: 0px;
}

.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last {
	margin: 0;
}

.col1 { width: 5.5%; }
.col2 { width: 14%; }
.col3 { width: 23%; }
.col4 { width: 31.333333%; }
.col5 { width: 39.5%; }
.col6 { width: 48%; }
.col7 { width: 56.5%; }
.col8 { width: 64.6666666%; }
.col9 { width: 73%; }
.col10 { width: 82%; }
.col11 { width: 90.5%; }
.col12 { width: 98%;  }


.grid1 { width: 8.33333%;  }
.grid3 { width: 25%; }
.grid4 { width: 33.333333%; }
.grid5 { width: 41.666666%; }
.grid6 { width: 50%; }
.grid7 { width: 58.333333%; }
.grid8 { width: 66.6666666%; }
.grid9 { width: 75%; }
.grid10 { width: 83.3333333%;  }
.grid11 { width: 91.66666%;  }
.grid12 { width: 100%;  }



.cnt-grid3 { width: 25%; }
.cnt-grid4 { width: 33.333333%; }
.cnt-grid5 { width: 41.666666%; }
.cnt-grid6 { width: 50%; }
.cnt-grid7 { width: 58.333333%; }
.cnt-grid8 { width: 66.6666666%; }
.cnt-grid9 { width: 75%; }
.cnt-grid12 { width: 100%;  }


/*.col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img {
	width: 100%;
	height: auto;
	display: block;
}*/



.fr { float:right;}
.fl { float:left;}


/* *********************************************************************************************************************
 * Disable padding left/right 10px if I'm 1024 or gibber - correct percentage math
 */
@media all and (min-width: 1024px) {
	.onepcssgrid-1000 {
		max-width: 1000px;
	}

	.onepcssgrid-1000 .onerow {
		padding: 0;
	}
}





/* *********************************************************************************************************************
 * Small devices
 */
 
.mt15{ margin-top:15px;} 
.alr { text-align:right;}
.brd { border:1px solid #CCC;}
.box-pad { padding:10px; overflow:hidden; background-color:#FFF;}

.box { overflow:hidden;}


.rbg { background-color:#F00}
.gbg { background-color:#EFEFEF }
.wbg-brd { background-color:#fff; border:1px solid #CCC; }
.center { text-align:center;}
.wbg { background-color:#fff;}

.pdt15 { padding-top:15px;}
.pdb15 { padding-bottom:15px;}
.mr10 { margin-right:10px;}

.ml10 { margin-left:10px;}
.mt15{ margin-top:15px;}
.mt10{ margin-top:10px;}
.mb10 { margin-bottom:10px;}

.pdl10 { padding-left:10px;}
.pdr10 { padding-right:10px;}
.padt15 { padding-top:15px;}
.padb10 { padding-bottom:10px;}
.mt0 { margin-top:0px;}
.m10 { margin:10px}


@media all and (max-width: 768px) {
	.onerow {
		margin-bottom:5px;
	}

.gridrow {	
padding: 0px;
	}
	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
		float: none;
		width: 99%;
	}


.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12 {
		float: none;
		width: 98%;
		margin: 0 1% 0px 1%;
		overflow:hidden;
}
.mr10 { margin-right:0px;}
.ml10 { margin-left:0px;}

	
}

@media all and (max-width: 500px) {
.cnt-grid4,.cnt-grid8 { width:100%; overflow:hidden;}
}

.mb15 { margin-bottom:15px;}