/**
 * Etnas Css Framework - CSS LAYOUT
 *
 * A syntax CSS Framework.
 * This stylesheet contains a set of rules for styling the most commons elements of a web.
 *
 * @project Etnas CSS Framework
 * @version 2.0
 * @author Etnas
 * @2010
 * @Creative Commons 3.0
 */


/* LAYOUT
--------------------------------------------------------------------------- */
.innertube 						{ padding:10px !important; }
.dbl_innertube 				{ padding:20px !important; }
.hide,
.hidden 							{ display:none !important; }
.visible 							{ display:block; }
.round 								{ -moz-border-radius:11px; }
.overflow 						{ overflow:hidden; }
.scroll 							{ overflow:auto; }
.no_image							{ background-image:none !important; }


/* BACKGROUND COLORS
--------------------------------------------------------------------------- */
.bg_red								{ background-color: #F00 !important; }
.bg_blue							{ background-color: #EAF5FB !important; }
.bg_green							{ background-color: #B0E477 !important; }
.bg_white							{ background-color: #FAFAF3 !important; }
.bg_black							{ background-color: #333 !important; }
.bg_grey							{ background-color: #EEE !important; }
.bg_yellow						{ background-color: #FFC !important; }
.bg_pure_white				{ background-color: #FFF !important; }
.bg_soft_red					{ background-color: #F9E5E6 !important; }
.bg_soft_yellow				{ background-color: #F9F9E5 !important; }
.bg_soft_blue					{ background-color: #E5ECF9 !important; }
.bg_soft_green				{ background-color: #E9F9E5 !important; }
.bg_dark_blue					{ background-color: #3399CC !important; }
.bg_light_blue				{ background-color: #08A4CC !important; }


/* ALIGNS
--------------------------------------------------------------------------- */
.align_center 				{ text-align:center !important; }
.align_right 					{ text-align:right !important; }
.align_left 					{ text-align:left !important; }
.align_justify 				{ text-align:justify !important; }


/* SEPARATORS
--------------------------------------------------------------------------- */
hr 										{ background:#CCCCCC none repeat scroll 0 0; border:medium none; clear:both; color:#CCCCCC; float:none; height:1px; margin:5px 0 1em; width:100%; }
hr.spacer 						{ background:transparent none repeat scroll 0 0; border:medium none; color:#FFFFFF; margin:10px 0; }


/* POINTERS / HOVERS
--------------------------------------------------------------------------- */
.pointer,
.hover 								{ cursor:pointer !important; }
.pointer_help 				{ cursor:help; }
.no_pointer						{ cursor: auto !important; }


/* BORDERS WIDTHS
--------------------------------------------------------------------------- */
.border_0							{ border: none !important; }
.border_1							{ border:1px solid !important;}
.border_2							{ border:2px solid !important; }
.border_3							{ border:3px solid !important; }
.border_4							{ border:4px solid !important; }
.border_5							{ border:5px solid !important; }
.border_10						{ border:10px solid !important; }
.border_top_1					{ border:1px 0 0 0 solid !important; }
.border_top_2					{ border:2px 0 0 0 solid !important; }
.border_top_3   			{ border:3px 0 0 0 solid !important; }
.border_top_4         { border:4px 0 0 0 solid !important; }
.border_top_5         { border:5px 0 0 0 solid !important; }
.border_top_10        { border:10px 0 0 0 solid !important; }
.border_right_1       { border:0 1px 0 0 solid !important; }
.border_right_2       { border:0 2px 0 0 solid !important; }
.border_right_3       { border:0 3px 0 0 solid !important; }
.border_right_4       { border:0 4px 0 0 solid !important; }
.border_right_5				{ border:0 5px 0 0 solid !important; }
.border_right_10      { border:0 10px 0 0 solid !important; }
.border_bottom_1      { border-bottom:1px solid !important; }
.border_bottom_2      { border:0 0 2px 0 solid !important; }
.border_bottom_3      { border:0 0 3px 0 solid !important; }
.border_bottom_4      { border:0 0 4px 0 solid !important; }
.border_bottom_5      { border:0 0 5px 0 solid !important; }
.border_bottom_10     { border:0 0 10px 0 solid !important; }
.border_left_1				{ border:0 0 0 1px solid !important; }
.border_left_2        { border:0 0 0 2px solid !important; }
.border_left_3        { border:0 0 0 3px solid !important; }
.border_left_4        { border:0 0 0 4px solid !important; }
.border_left_5        { border:0 0 0 5px solid !important; }
.border_left_10       { border:0 0 0 10px solid !important; }

/* BORDERS COLORS
--------------------------------------------------------------------------- */
.border_black					{ border-color: #333 !important; }
.border_red 					{ border-color: #BA3530 !important;}
.border_grey					{ border-color: #CCC !important; }
.border_white					{ border-color: #F9F9F9 !important; }
.border_yellow				{ border-color: #F9FC87 !important; }
.border_pure_black		{ border-color: #000 !important; }
.border_pure_white		{ border-color: #FFF !important; }
.border_blue					{ border-color: #D9D9D9 !important; }