/* {flexi}
.ases
----------------------------------------------------------------------------------------------------*/
img,object,embed{ max-width: 100%; height: auto; }
html,body{ max-width: 100%; width: 100%; height: 100%; }
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 
a:link {-webkit-tap-highlight-color: #fcd700; }



/* Containers
----------------------------------------------------------------------------------------------------*/
.container{ width: 92%; margin-left: auto; margin-right: auto; direction: rtl; position: relative; overflow: hidden; }


.left{ text-align: left; }
.center{ text-align: center; }

/* Padding & Margin
----------------------------------------------------------------------------------------------------*/
.padding_c{ padding: 0; }
.padding{ padding: 10px; }
.padding_v{ padding-top: 10px; padding-bottom: 10px; }
.padding_h{ padding-left: 10px; padding-right: 10px; }
.padding_t{ padding-top: 10px; }
.padding_b{ padding-bottom: 10px; }
.padding_r{ padding-right: 10px; }
.padding_l{ padding-left: 10px; }

.margin_c{ margin: 0; }
.margin{ margin: 10px; }
.margin_v{ margin-top: 10px; margin-bottom: 10px; }
.margin_h{ margin-left: 10px; margin-right: 10px; }
.margin_t{ margin-top: 10px; }
.margin_b{ margin-bottom: 10px; }
.margin_r{ margin-right: 10px; }
.margin_l{ margin-left: 10px; }

/* Border
----------------------------------------------------------------------------------------------------*/
.border_c{ border: none; }
.border{ border: 1px solid #ddd; }
.border_h{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.border_v{ border-right: 1px solid #ddd; border-left: 1px solid #ddd; }
.border_t{ border-top: 1px solid #ddd; }
.border_b{ border-bottom: 1px solid #ddd; }
.border_r{ border-right: 1px solid #ddd; }
.border_l{ border-left: 1px solid #ddd; }

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.container .grid_1,.container .grid_2,.container .grid_3,.container .grid_4,.container .grid_5,.container .grid_6,.container .grid_7,.container .grid_8,.container .grid_9,.container .grid_10,.container .grid_11,.container .grid_12{ display:inline; float: right; direction: rtl; position: relative; }


/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.grid_1{ width:8.333%; }
.grid_2{ width:16.667%; }
.grid_3{ width:25.0%; }
.grid_4{ width:33.333%; }
.grid_5{ width:41.667%; }
.grid_6{ width:50.0%; }
.grid_7{ width:58.333%; }
.grid_8{ width:66.667%; }
.grid_9{ width:75.0%; }
.grid_10{ width:83.333%; }
.grid_11{ width:91.667%; }
.grid_12{ width:100.0%; }


/* 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; }


/* RTL - Right to Left
----------------------------------------------------------------------------------------------------*/
.rtl{ direction: rtl !important; }
.container.rtl .grid_1,.container.rtl .grid_2,.container.rtl .grid_3,.container.rtl .grid_4,.container.rtl .grid_5,.container.rtl .grid_6,.container.rtl .grid_7,.container.rtl .grid_8,.container.rtl .grid_9,.container.rtl .grid_10,.container.rtl .grid_11,.container.rtl .grid_12{ display:inline; float: right; direction: rtl; position: relative; }


/* LTR - Left to Right
----------------------------------------------------------------------------------------------------*/
.ltr{ direction: ltr !important; }
.container.ltr .grid_1,.container.ltr .grid_2,.container.ltr .grid_3,.container.ltr .grid_4,.container.ltr .grid_5,.container.ltr .grid_6,.container.ltr .grid_7,.container.ltr .grid_8,.container.ltr .grid_9,.container.ltr .grid_10,.container.ltr .grid_11,.container.ltr .grid_12{ display:inline; float: left; direction: ltr; position: relative; }


/* {flexi}
.esponsive Web
----------------------------------------------------------------------------------------------------*/

/* SmartPhone Portrait - Width ...-480 */
@media only screen and (min-width: 300px) and (max-width: 767px){
	.container{ width: 95%; }
	.sp_p_clear{ clear: both;
		display: block;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0;
	}
	.sp_p_hide{ display: none !important; }
	.sp_l_show{ display: inline-block !important; }
	.padding{ padding: 7px; }
	.padding_v{ padding-top: 7px; padding-bottom: 7px; }
	.padding_h{ padding-left: 7px; padding-right: 7px; }
	.padding_t{ padding-top: 7px; }
	.padding_b{ padding-bottom: 7px; }
	.padding_r{ padding-right: 7px; }
	.padding_l{ padding-left: 10px; }

	.margin{ margin: 7px; }
	.margin_v{ margin-top: 7px; margin-bottom: 7px; }
	.margin_h{ margin-left: 7px; margin-right: 7px; }
	.margin_t{ margin-top: 7px; }
	.margin_b{ margin-bottom: 7px; }
	.margin_r{ margin-right: 7px; }
	.margin_l{ margin-left: 7px; }
	
	.sp_p_border_c{ border: none; }
	.sp_p_border{ border: 1px solid #ddd; }
	.sp_p_border_h{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
	.sp_p_border_v{ border-right: 1px solid #ddd; border-left: 1px solid #ddd; }
	.sp_p_border_t{ border-top: 1px solid #ddd; }
	.sp_p_border_b{ border-bottom: 1px solid #ddd; }
	.sp_p_border_r{ border-right: 1px solid #ddd; }
	.sp_p_border_l{ border-left: 1px solid #ddd; }
	
	.sp_p_text_r{ text-align: right !important; }
	.sp_p_text_c{ text-align: center !important; }
	.sp_p_text_l{ text-align: left !important; }
	.sp_p_float_l{ float: left !important; }
	.sp_p_float_r{ float: right !important; }

	.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{ width: 100%; }
/*	.grid_1{ width:33.333%; } */
	
	.sp_p_grid_1{ width:8.333%; }
	.sp_p_grid_2{ width:16.667%; }
	.sp_p_grid_3{ width:25.0%; }
	.sp_p_grid_4{ width:33.333%; }
	.sp_p_grid_5{ width:41.667%; }
	.sp_p_grid_6{ width:50.0%; }
	.sp_p_grid_7{ width:58.333%; }
	.sp_p_grid_8{ width:66.667%; }
	.sp_p_grid_9{ width:75.0%; }
	.sp_p_grid_10{ width:83.333%; }
	.sp_p_grid_11{ width:91.667%; }
	.sp_p_grid_12{ width:100.0%; }
	/*/mediaquery*/
}

/* Tablet Portrait - Width 768-980 */
@media only screen and (min-width: 768px) and (max-width: 979px){
	.container{ width: 95%; max-width: 960px; }
	
	.padding{ padding: 7px; }
	.padding_v{ padding-top: 7px; padding-bottom: 7px; }
	.padding_h{ padding-left: 7px; padding-right: 7px; }
	.padding_t{ padding-top: 7px; }
	.padding_b{ padding-bottom: 7px; }
	.padding_r{ padding-right: 7px; }
	.padding_l{ padding-left: 7px; }

	.margin{ margin: 7px; }
	.margin_v{ margin-top: 7px; margin-bottom: 7px; }
	.margin_h{ margin-left: 7px; margin-right: 7px; }
	.margin_t{ margin-top: 7px; }
	.margin_b{ margin-bottom: 7px; }
	.margin_r{ margin-right: 7px; }
	.margin_l{ margin-left: 7px; }
	
	.tb_p_border_c{ border: none; }
	.tb_p_border{ border: 1px solid #ddd; }
	.tb_p_border_h{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
	.tb_p_border_v{ border-right: 1px solid #ddd; border-left: 1px solid #ddd; }
	.tb_p_border_t{ border-top: 1px solid #ddd; }
	.tb_p_border_b{ border-bottom: 1px solid #ddd; }
	.tb_p_border_r{ border-right: 1px solid #ddd; }
	.tb_p_border_l{ border-left: 1px solid #ddd; }
	
	.tb_p_grid_1{ width:8.333%; }
	.tb_p_grid_2{ width:16.667%; }
	.tb_p_grid_3{ width:25.0%; }
	.tb_p_grid_4{ width:33.333%; }
	.tb_p_grid_5{ width:41.667%; }
	.tb_p_grid_6{ width:50.0%; }
	.tb_p_grid_7{ width:58.333%; }
	.tb_p_grid_8{ width:66.667%; }
	.tb_p_grid_9{ width:75.0%; }
	.tb_p_grid_10{ width:83.333%; }
	.tb_p_grid_11{ width:91.667%; }
	.tb_p_grid_12{ width:100.0%; }
	/*/mediaquery*/
}

/* Tablet Landscape - Width 980-1200 */
@media only screen and (min-width: 980px) and (max-width: 1199px){
	.container{ width: 90%; }
	
	.padding{ padding: 7px; }
	.padding_v{ padding-top: 7px; padding-bottom: 7px; }
	.padding_h{ padding-left: 7px; padding-right: 7px; }
	.padding_t{ padding-top: 7px; }
	.padding_b{ padding-bottom: 7px; }
	.padding_r{ padding-right: 7px; }
	.padding_l{ padding-left: 7px; }

	.margin{ margin: 7px; }
	.margin_v{ margin-top: 7px; margin-bottom: 7px; }
	.margin_h{ margin-left: 7px; margin-right: 7px; }
	.margin_t{ margin-top: 7px; }
	.margin_b{ margin-bottom: 7px; }
	.margin_r{ margin-right: 7px; }
	.margin_l{ margin-left: 7px; }
	
	.tb_l_border_c{ border: none; }
	.tb_l_border{ border: 1px solid #ddd; }
	.tb_l_border_h{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
	.tb_l_border_v{ border-right: 1px solid #ddd; border-left: 1px solid #ddd; }
	.tb_l_border_t{ border-top: 1px solid #ddd; }
	.tb_l_border_b{ border-bottom: 1px solid #ddd; }
	.tb_l_border_r{ border-right: 1px solid #ddd; }
	.tb_l_border_l{ border-left: 1px solid #ddd; }
	
	.tb_l_grid_1{ width:8.333%; }
	.tb_l_grid_2{ width:16.667%; }
	.tb_l_grid_3{ width:25.0%; }
	.tb_l_grid_4{ width:33.333%; }
	.tb_l_grid_5{ width:41.667%; }
	.tb_l_grid_6{ width:50.0%; }
	.tb_l_grid_7{ width:58.333%; }
	.tb_l_grid_8{ width:66.667%; }
	.tb_l_grid_9{ width:75.0%; }
	.tb_l_grid_10{ width:83.333%; }
	.tb_l_grid_11{ width:91.667%; }
	.tb_l_grid_12{ width:100.0%; }
	/*/mediaquery*/
}

/* Desktop - Width 1200-1600 */
@media only screen and (min-width: 1200px) and (max-width: 1599px){
	.container{ width: 90%; }
	
	.padding{ padding: 10px; }
	.padding_v{ padding-top: 10px; padding-bottom: 10px; }
	.padding_h{ padding-left: 10px; padding-right: 10px; }
	.padding_t{ padding-top: 10px; }
	.padding_b{ padding-bottom: 10px; }
	.padding_r{ padding-right: 10px; }
	.padding_l{ padding-left: 10px; }

	.margin{ margin: 10px; }
	.margin_v{ margin-top: 10px; margin-bottom: 10px; }
	.margin_h{ margin-left: 10px; margin-right: 10px; }
	.margin_t{ margin-top: 10px; }
	.margin_b{ margin-bottom: 10px; }
	.margin_r{ margin-right: 10px; }
	.margin_l{ margin-left: 10px; }
	
	.dt_border_c{ border: none; }
	.dt_border{ border: 1px solid #ddd; }
	.dt_border_h{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
	.dt_border_v{ border-right: 1px solid #ddd; border-left: 1px solid #ddd; }
	.dt_border_t{ border-top: 1px solid #ddd; }
	.dt_border_b{ border-bottom: 1px solid #ddd; }
	.dt_border_r{ border-right: 1px solid #ddd; }
	.dt_border_l{ border-left: 1px solid #ddd; }
	
	.dt_grid_1{ width:8.333%; }
	.dt_grid_2{ width:16.667%; }
	.dt_grid_3{ width:25.0%; }
	.dt_grid_4{ width:33.333%; }
	.dt_grid_5{ width:41.667%; }
	.dt_grid_6{ width:50.0%; }
	.dt_grid_7{ width:58.333%; }
	.dt_grid_8{ width:66.667%; }
	.dt_grid_9{ width:75.0%; }
	.dt_grid_10{ width:83.333%; }
	.dt_grid_11{ width:91.667%; }
	.dt_grid_12{ width:100.0%; }
	/*/mediaquery*/
}

/* Large Screen - Width 1600+ */
@media only screen and (min-width: 1600px){
	.container{ width: 70%; }
	
	.padding{ padding: 15px; }
	.padding_v{ padding-top: 15px; padding-bottom: 15px; }
	.padding_h{ padding-left: 15px; padding-right: 15px; }
	.padding_t{ padding-top: 15px; }
	.padding_b{ padding-bottom: 15px; }
	.padding_r{ padding-right: 15px; }
	.padding_l{ padding-left: 15px; }

	.margin{ margin: 15px; }
	.margin_v{ margin-top: 15px; margin-bottom: 15px; }
	.margin_h{ margin-left: 15px; margin-right: 15px; }
	.margin_t{ margin-top: 15px; }
	.margin_b{ margin-bottom: 15px; }
	.margin_r{ margin-right: 15px; }
	.margin_l{ margin-left: 15px; }
	
	.ls_border_c{ border: none; }
	.ls_border{ border: 1px solid #ddd; }
	.ls_border_h{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
	.ls_border_v{ border-right: 1px solid #ddd; border-left: 1px solid #ddd; }
	.ls_border_t{ border-top: 1px solid #ddd; }
	.ls_border_b{ border-bottom: 1px solid #ddd; }
	.ls_border_r{ border-right: 1px solid #ddd; }
	.ls_border_l{ border-left: 1px solid #ddd; }
	
	.ls_grid_1{ width:8.333%; }
	.ls_grid_2{ width:16.667%; }
	.ls_grid_3{ width:25.0%; }
	.ls_grid_4{ width:33.333%; }
	.ls_grid_5{ width:41.667%; }
	.ls_grid_6{ width:50.0%; }
	.ls_grid_7{ width:58.333%; }
	.ls_grid_8{ width:66.667%; }
	.ls_grid_9{ width:75.0%; }
	.ls_grid_10{ width:83.333%; }
	.ls_grid_11{ width:91.667%; }
	.ls_grid_12{ width:100.0%; }
	/*/mediaquery*/
}