/*----------------------------------------------------------------------------------------------------

	BASE BOX FRAMEWORK CSS

	*Filename:				base-box.css
	*Description:			Base CSS-Framework, Grid definicao de larguras e alturas
	*Version:				v0.1.2 (16:46 30/3/2009)
	*Website:				http://www.hivecast.com.br/
	*Author:				Ronaldo Bitencourt

----------------------------------------------------------------------------------------------------*/

/* CONTAINER
----------------------------------------------------------------------------------------------------*/
.base-box 	{ margin-left:auto; margin-right:auto; width:960px; }

/* GLOBAL DAS COLUNAS
----------------------------------------------------------------------------------------------------*/
.box-W-1, .box-W-1a, .box-W-1b,
.box-W-2, .box-W-2a, .box-W-2b, .box-W-2c, 
.box-W-3, .box-W-3a, .box-W-3b,
.box-W-4, .box-W-4a, .box-W-4b,
.box-W-5, .box-W-5a, .box-W-5b,
.box-W-6, .box-W-6a, .box-W-6b,
.box-W-7, .box-W-7a, .box-W-7b,
.box-W-8, .box-W-8a, .box-W-8b,
.box-W-9, .box-W-9a, .box-W-9b,
.box-W-10, .box-W-10a, .box-W-10b,
.box-W-11, .box-W-11a, .box-W-11b,
.box-W-12 , .box-W-12a, .box-W-12b	{ display:inline; float:left; margin:10px; }

/* LARGURAS
----------------------------------------------------------------------------------------------------*/
.box-W-1 	{ width:60px;  } .box-W-1a	{ width:70px;  } .box-W-1b 	{ width:80px;  }
.box-W-2  	{ width:140px; } .box-W-2a	{ width:150px; } .box-W-2b	{ width:160px; } .box-W-2c	{ width:190px; }
.box-W-3  	{ width:220px; } .box-W-3a	{ width:230px; } .box-W-3b	{ width:240px; }
.box-W-4  	{ width:300px; } .box-W-4a	{ width:310px; } .box-W-4b	{ width:320px; }
.box-W-5  	{ width:380px; } .box-W-5a	{ width:390px; } .box-W-5b	{ width:400px; }
.box-W-6  	{ width:460px; } .box-W-6a	{ width:470px; } .box-W-6b	{ width:480px; }
.box-W-7 	{ width:540px; } .box-W-7a	{ width:550px; } .box-W-7b 	{ width:560px; }
.box-W-8 	{ width:620px; } .box-W-8a  { width:630px; } .box-W-8b  { width:640px; }
.box-W-9	{ width:700px; } .box-W-9a  { width:710px; } .box-W-9b  { width:720px; }
.box-W-10 	{ width:780px; } .box-W-10a	{ width:790px; } .box-W-10b	{ width:800px; }
.box-W-11 	{ width:860px; } .box-W-11a	{ width:870px; } .box-W-11b	{ width:880px; }
.box-W-12 	{ width:940px; } .box-W-12a	{ width:950px; } .box-W-12b	{ width:960px; }

/* PRENCHIMENTO ESQUERDA(pad-L) DIREITA(pad-R)
----------------------------------------------------------------------------------------------------*/
.pad-L-1 	{ padding-left:80px;  } .pad-R-1   { padding-right:80px;  }
.pad-L-2 	{ padding-left:160px; } .pad-R-2   { padding-right:160px; }
.pad-L-3 	{ padding-left:240px; } .pad-R-3   { padding-right:240px; }
.pad-L-4 	{ padding-left:320px; } .pad-R-4   { padding-right:320px; }
.pad-L-5 	{ padding-left:400px; } .pad-R-5   { padding-right:400px; }
.pad-L-6 	{ padding-left:480px; } .pad-R-6   { padding-right:480px; }
.pad-L-7 	{ padding-left:560px; } .pad-R-7   { padding-right:560px; }
.pad-L-8 	{ padding-left:640px; } .pad-R-8   { padding-right:640px; }
.pad-L-9 	{ padding-left:720px; } .pad-R-9   { padding-right:720px; }
.pad-L-10 	{ padding-left:800px; } .pad-R-10 { padding-right:800px; }
.pad-L-11 	{ padding-left:880px; } .pad-R-11 { padding-right:880px; }

/* PRENCHIMENTO ADICIONAL
----------------------------------------------------------------------------------------------------*/
.pad-add-T	{ padding-top:10px; }
.pad-add-R 	{ padding-right:10px; }
.pad-add-B	{ padding-bottom:10px; }
.pad-add-L	{ padding-left:10px; }
.pad-add-TB	{ padding-top:10px; padding-bottom:10px; }
.pad-add-RL	{ padding-right:10px; padding-left:10px; }
.pad-add 	{ padding:10px; }


/* GLOBAL DAS ALTURAS DAS COLUNAS
----------------------------------------------------------------------------------------------------*/
.box-H-1, .box-H-1a, .box-H-1b,
.box-H-2, .box-H-2a, .box-H-2b,
.box-H-3, .box-H-3a, .box-H-3b,
.box-H-4, .box-H-4a, .box-H-4b,
.box-H-5, .box-H-5a, .box-H-5b,
.box-H-6, .box-H-6a, .box-H-6b,
.box-H-7, .box-H-7a, .box-H-7b,
.box-H-8, .box-H-8a, .box-H-8b,
.box-H-9, .box-H-9a, .box-H-9b,
.box-H-10, .box-H-10a, .box-H-10b,
.box-H-11, .box-H-11a, .box-H-11b,
.box-H-12 , .box-H-12a, .box-H-12b	{ overflow:hidden; }

/* ALTURAS
----------------------------------------------------------------------------------------------------*/
.box-H-1 	{ height:30px;  } .box-H-1a 	 { height:40px;  } .box-H-1b  { height:50px;  }
.box-H-2 	{ height:80px;  } .box-H-2a 	 { height:90px;  } .box-H-2b  { height:100px; }
.box-H-3 	{ height:130px; } .box-H-3a 	 { height:140px; } .box-H-3b  { height:150px; }
.box-H-4 	{ height:180px; } .box-H-4a 	 { height:190px; } .box-H-4b  { height:200px; }
.box-H-5 	{ height:230px; } .box-H-5a 	 { height:240px; } .box-H-5b	  { height:250px; }
.box-H-6 	{ height:280px; } .box-H-6a 	 { height:290px; } .box-H-6b   { height:300px; }
.box-H-7 	{ height:330px; } .box-H-7a 	 { height:340px; } .box-H-7b   { height:350px; }
.box-H-8 	{ height:380px; } .box-H-8a 	 { height:390px; } .box-H-8b   { height:400px; }
.box-H-9 	{ height:430px; } .box-H-9a 	 { height:440px; } .box-H-9b   { height:450px; }
.box-H-10	{ height:480px; } .box-H-10a { height:490px; } .box-H-10b { height:500px; }
.box-H-11	{ height:530px; } .box-H-11a { height:540px; } .box-H-11b { height:550px; }
.box-H-12	{ height:580px; } .box-H-12a { height:590px; } .box-H-12b { height:600px; }
.box-H-13	{ height:630px; } .box-H-13a { height:640px; } .box-H-13b { height:650px; }
.box-H-14	{ height:680px; } .box-H-14a { height:690px; } .box-H-14b { height:700px; }
.box-H-15	{ height:730px; } .box-H-15a { height:740px; } .box-H-15b { height:750px; }
.box-H-16	{ height:780px; } .box-H-16a { height:790px; } .box-H-16b { height:800px; }
.box-H-17	{ height:830px; } .box-H-17a { height:840px; } .box-H-17b { height:850px; }
.box-H-18	{ height:880px; } .box-H-18a { height:890px; } .box-H-18b { height:900px; }
.box-H-19	{ height:930px; } .box-H-19a { height:940px; } .box-H-19b { height:950px; }
.box-H-20	{ height:980px; } .box-H-20a { height:990px; } .box-H-20b { height:1000px;}

/* LARGURAS E ALTURAS 100%
----------------------------------------------------------------------------------------------------*/
.W-100-percent	{ width:100%; display:block; }
.H-100-percent	{ height:100%; display:block; }
.WH-100-percent	{ width:100%; height:100%; display:block; }

/* LIMPA AS MARGENS
----------------------------------------------------------------------------------------------------*/
.no-margin-T	{ margin-top:0; }
.no-margin-R 	{ margin-right:0; }
.no-margin-B	{ margin-bottom:0; }
.no-margin-L	{ margin-left:0; }
.no-margin-TB	{ margin-top:0; margin-bottom:0; }
.no-margin-RL	{ margin-right:0; margin-left:0; }
.no-margin 		{ margin:0; }

/* AUXILIARIES - Clear, Hiddens, Floats e Aligns
----------------------------------------------------------------------------------------------------*/
.clear 			{ clear:both; display:block; overflow:hidden; width:0; height:0; }
.none			{ display:none; }
.f-right		{ float:right; }
.f-left			{ float:left; }
.a-right		{ text-align:right; }
.a-left			{ text-align:left; }
.a-center		{ text-align:center; }
.a-justify		{ text-align:justify; }

/* ESCONDE ELEMENTOS
----------------------------------------------------------------------------------------------------*/

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after 	{ clear:both; content:'.'; display:block; visibility:hidden; height:0; }
.clearfix 		{ display:inline-block; }
* html .clearfix 	{ height:1%; }
.clearfix 		{ display:block; }