/* CSS FRAMEWORK by Rodrigo Rangel - http://www.rodrigorangel.com.br */

@import "reset.css";

@import "configuration.css";

/* Basics */

html { font-size:62.5%; height:100%; width:100%; }

body { height:100%; width:100%; }

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

.line { border-top:1px solid; margin:10px 0; }

/* Sizes */

.s05 { width:5%; }

.s10 { width:10%; } .s20 { width:20%; } .s30 { width:30%; } .s40 { width:40%; } .s50 { width:50%; }

.s15 { width:15%; } .s25 { width:25%; } .s30 { width:35%; } .s45 { width:45%; } .s55 { width:55%; }

.s60 { width:60%; } .s65 { width:65%; } .s70 { width:70%; } .s75 { width:75%; } .s80 { width:80%; }

.s85 { width:85%; } .s90 { width:90%; } .s95 { width:95%; } .s00 { width:100%; }

/* Images */

.img-to-left {  border:1px solid; margin:0px 10px 10px 0; float:left; height:100px; width:200px; }

.img-to-right { border:1px solid; margin:0px 0 10px 10px; float:right; height:100px; width:200px; }

/* Links */

a { text-decoration:none; }

a, a:link, a:visited { font-weight:bold; }

a:hover, a:active, a:focus { text-decoration:underline; }

/* Headers */

h1, h2, h3, h4, h5, h6 { line-height:100%; padding:10px 0 5px 0; }

h1 { font-size:2.75em; } h2 { font-size:1.75em; }
h3 { font-size:1.25em; } h4 { font-size:1.25em; }
h5 { font-size:1.00em; } h6 { font-size:1.00em; }

/* Paragraphs */

p { line-height:120%; padding:0 0 2% 0; text-align:justify; }

p abbr, p acronym { border-bottom:1px dashed; cursor:help; }

big { font-size:120%; }

small { font-size:80%; }

/* List */

ol, ul { padding:10px 0 20px 0; }

ol { list-style:decimal inside; }

ul { list-style:square inside; }

li { line-height:120%; padding:0.5%; }

/* Sub Lists*/

/*ol ol, ul ul, ol ul, ul ol { padding:5px 0 5px 0; }

ol ol li, ul ul li, ol ul li, ul ol li { margin-left:15px; line-height:120%; padding:0.5%; }*/

/* Tables */

table { width:100%; }

th { text-align:left;  }

th, td { border-bottom:1px dotted; padding:5px; }

/* Definition Lists */

form dl, form dt, form dd { float:left; display:inline; position:relative; }

form dl { margin-bottom:5px; padding:5px 2.5%; width:95%; }

form /*dt*/ label { cursor:pointer; font-size:1.0em; padding:5px 10px 0 0; text-align:right; float:right; }

form dt { width:25%; }

form dd { width:75%; }

/* Forms */

form { margin:20px auto; }

fieldset { border:1px solid; margin:10px 0px 10px; padding:25px 0; }

fieldset fieldset { margin:5px auto; padding:20px 2.5%; width:80%; }

fieldset /*fieldset*/ legend { margin-left:10px; }

legend { font-size:1.0em; font-weight:bold; margin-left:0px; padding:5px 10px; }

input, textarea, select, .submit { border:1px solid #E2E2E2; padding:5px; }

input, textarea { height:18px; }

/* Inputs */

input { color:#555; }

input:active, input:focus { background:#FFF; border:1px solid #BBB; }

input[type="file"] { height:32px; }

/* Checkbox and Radios */

.checkbox-box label,
.radio-box label { cursor:pointer; font-size:0.8em; font-weight:bold; position:relative; padding:0; margin-left:0px; }

/* Textareas */

textarea { font-size:1.0em; height:100px; }

textarea:active, textarea:focus { background:#FFF border:1px solid #BBB; }

/* Selects*/

select { height:30px; }

select:active, select:focus { background:#FFF border:1px solid #BBB; }

optgroup { padding:2px; font-style:normal; width:98%; }

option { padding:2px; width:98%; }

/* Submits */

.submit { background:#6D9D00 url(../img/forms/bg-submit.jpg) no-repeat 0 0; color:#FFF; cursor:pointer; border:0; font-weight:bold; height:30px; text-shadow: 0 -1px #555; }

	.submit:hover { background:#6D9D00 url(../img/forms/bg-submit.jpg) no-repeat 0 -30px; }
		
	.submit:active, .submit:focus { background:#6D9D00 url(../img/forms/bg-submit.jpg) no-repeat bottom right; border:0; padding:5px; }

/**/

label.error { background:#B55 url(../img/forms/bg-error.jpg) no-repeat; color:#FFF; display:block; padding:5px 5px 5px 28px; font-size:0.8em; position:relative; top:2px; width:200px; }

/* Diagramation */

.x-col,
.xx-cols,
.xx-cols .col-left,
.xx-cols .col-right,
.xxx-cols,
.xxx-cols .col-left,
.xxx-cols .col-center,
.xxx-cols .col-right,
.xxxx-cols,
.xxxx-cols .col-left,
.xxxx-cols .col-left-center,
.xxxx-cols .col-right-center,
.xxxx-cols .col-right,
.xxxxx-cols .col-left,
.xxxxx-cols .col-left-center,
.xxxxx-cols .col-center,
.xxxxx-cols .col-right-center,
.xxxxx-cols .col-right { float:left; display:inline; position:relative; }

.x-col { margin:1.25%; padding:1.25%; width:95%; }

.xx-cols { width:100%; }
.xx-cols .col-left,
.xx-cols .col-right { margin:1.25%; padding:1.25%; width:45%; left:0; }

.xxx-cols { width:100%;}
.xxx-cols .col-left,
.xxx-cols .col-right { margin:1%; padding:1%; width:29%; left:0; }
.xxx-cols .col-center { margin:1%; padding:1%; width:30%; left:0; }

.xxxx-cols { width:100%; }
.xxxx-cols .col-left,
.xxxx-cols .col-left-center,
.xxxx-cols .col-right-center,
.xxxx-cols .col-right { margin:1%; padding:1%; width:21%; left:0; }

.xxxxx-cols { width:100%; }
.xxxxx-cols .col-left,
.xxxxx-cols .col-left-center,
.xxxxx-cols .col-center,
.xxxxx-cols .col-right-center,
.xxxxx-cols .col-right { margin:1%; padding:1%; width:16%; left:0; }