/*-----------------------------------------------------------
				
				Eccentric CSS Framework 0.0.1
				Based on Blueprint CSS Framework 0.7.1
				http://blueprintcss.googlecode.com

				The purpose of this framework is, for now, study the
				Blueprint CSS Framework code to use for personal projects

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

/* reset.css *//*
 *  * Eric Meyer's reset style:
 *   * http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 *    *
 *     */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
        outline: 0;
}
body {
        line-height: 1;
        color: black;
        background: white;
}
ol, ul {
        list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: separate;
        border-spacing: 0;
}
caption, th, td {
        text-align: left;
        font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: "";
}
blockquote, q {
        quotes: "" "";
}

/* typography.css *//*
 * typography.css
 * we need to specify font-size values according relative values
 */

body { 
	font-size: 80%;
	color: #3c3c3c;
	font-family: Helvetica, Arial, sans-serif; 
}

/*
 * Headings
 *
 *-------------------------*/

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2.2em; margin-bottom: 0.75em; }
h3 { font-size: 1.8em; line-height: 1; margin-bottom: 1.5em; }
h4 { font-size: 1.5em; line-height: 1.25; margin-bottom: 1em; height: 1em; }
h5 { font-size: 1.2em; font-weight: bold; margin-bottom: 1em; }
h6 { font-size: 1.2em; font-weight: bold; } 

/*
 * Text
 *
 *-------------------------*/

p { margin: 0 0 1.5em; line-height: 1.5em; }
p img { margin: 1.5em auto 1.5em; display: block;  } 
p img.left {  float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; padding: 0; }


a:hover {color: #000; } /* not ok */
/* a:focus { } */
a:link { color: #00e; text-decoration: underline; }

blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em,dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; font-size:70%; }
sup { vertical-align: super;}
sub { vertical-align: sub;}
 
abbr,
acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; text-decoration: line-through }
pre,code { margin: 1.5em 0; white-space: pre; padding-left: 0.5em; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }  
code { font-weight: bold; }
/*
 * Lists
 *
 *-------------------------*/

li ul,
li ol { margin:0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul, ol { padding: 0.5em 0 0.25em; }
ul li,
ol li { padding: 0.25em 0 0.25em; line-height: 1.5; }
 
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
 
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold;}
dd { margin-left: 1.5em;}

/* nested lists */
ul ul, ul ol, ul dl, ol ul, ol ol, ol dl, dl ul, dl ol, dl dl 
{ margin-top: 0; margin-bottom: 0;}
/* use circle for nested lists */
ol ul, ul ul { list-style-type: circle; }
/* use square */
ol ol ul, ol ul ul, ul ol ul, ul ul ul { list-style-type: square; }



/* Tables
-------------------------------------------------------------- */
 
table { margin-bottom: 1.4em; width:100%; }
th { font-weight: bold; background: #C3D9FF; }
th,td { padding: 4px 10px 4px 5px; }
tr.even td { background: #E5ECF9; }
tfoot { font-style: italic; }
caption { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */
 
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }
 
.quiet { color: #666; }
.loud { color: #000; }
.highlight { background:#ff0; }
.added { background:#060; color: #fff; }
.removed { background:#900; color: #fff; }
 
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }

.error { background: #ffafaf; }
.warning { background: #ffffaf; }
.success { background: #afffaf; }
.tip { background: #afafff; }

/* color.css *//* this file adjust the color of the elements */


pre { background-color: #2f2f2f; color: #efefef; }
/* forms.css *//* --------------------------------------------------------------
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */
 
label { font-weight: bold; }
fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size:1.2em; }
 
 
/* Form fields
-------------------------------------------------------------- */
 
input.text, input.title,
textarea, select {
  margin:0.5em 0;
  border:1px solid #bbb;
}
 
input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}
 
input.text,
input.title { width: 300px; padding:5px; }
input.title { font-size:1.5em; }
textarea { width: 390px; height: 250px; padding:5px; }
 
 
/* Success, notice and error boxes
-------------------------------------------------------------- */
 
.error,
.notice,
.success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
 
.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a { color: #8a1f11; }
.notice a { color: #514721; }
.success a { color: #264409; }
/* tables.css *//* 
A minimal aesthetic style table: change it if you want 
*/
table {
        margin: 0 auto;
		margin-bottom: 1em;
        width: 85%;
        border: 3px solid #2f2f2f;
        border-top: 1px solid #3f3f3f;
        border-left: 1px solid #3f3f3f;
        border-collapse: collapse;
        font-size: 85%;
}
caption {
        font-family: Arial, sans-serif;
        color: #993333;
        padding-bottom: 6px;
        font-size: 150%;
        margin: 0% auto;
        }
td, th {
        padding: 10px;
        border-right: 1px solid #3f3f3f;
        border-bottom: 1px solid #3f3f3f;
        font-size: 120%;
}
th {
        font-family: Arial, sans-serif;
        background-color: #ccc;
        font-weight: bold;
        text-align: center;
}

/* grid.css *//* --------------------------------------------------------------
   
   grid.css
   
   By default, the grid is 950px wide, with 24 columns
   spanning 30px, and a 10px margin between columns.
   
   If you need fewer or more columns, namespaces or semantic
   element names, use the compressor script (lib/compress.rb)
   
   Note: Changes made in this file will not be applied when
   using the compressor: make changes in lib/blueprint/grid.css.rb
   
-------------------------------------------------------------- */ 


/* this margin only for aesthetic reasons */
body {
	margin: 1.5em 0;
	background: #f0f0f0;
}

.container {
	width: 910px;
	margin: 0 auto;
	background: #fff;
}

/*
Columns
----------------------------------- */
/*  Only its possible to use combinations of those
when total number of class = 10, for example: 

first column: 3, second and last column: 7
*/

div.class-1,
div.class-2,
div.class-3,
div.class-4,
div.class-5,
div.class-6,
div.class-7,
div.class-8,
div.class-9,
div.class-10 {float: left; margin-right: 10px; }

/* The last column in a row needs this class. */
div.last { margin-right: 0; }


/* Use these classes to set the width of a column. */
.class-1 { width: 81px; }
.class-2 { width: 172px; }
.class-3 { width: 263px; }
.class-4 { width: 354px; }
.class-5 { width: 445px; }
.class-6 { width: 536px; }
.class-7 { width: 627px; }
.class-8 { width: 718px; }
.class-9 { width: 809px; }
.class-10 { width: 900px; }

/* Border on right hand side of a column. */

.border {
	padding-right: 5px;
  	margin-right: 10px;
  	border-right: 1px solid #cfcfcf;
}

/* right offset columns */
.offset-right-1 { padding-right: 10px; } 
.offset-right-2 { padding-right: 20px; } 
.offset-right-3 { padding-right: 30px; } 
.offset-right-4 { padding-right: 40px; } 
.offset-right-5 { padding-right: 50px; } 
.offset-right-6 { padding-right: 60px; } 
.offset-right-7 { padding-right: 70px; } 
.offset-right-8 { padding-right: 80px; } 
.offset-right-9 { padding-right: 90px; } 
.offset-right-10 { padding-right: 100px; } 
.offset-right-11 { padding-right: 110px; } 
.offset-right-12 { padding-right: 120px; } 
.offset-right-13 { padding-right: 130px; } 
.offset-right-14 { padding-right: 140px; } 
.offset-right-15 { padding-right: 150px; } 
.offset-right-16 { padding-right: 160px; } 
.offset-right-17 { padding-right: 170px; } 
.offset-right-18 { padding-right: 180px; } 
.offset-right-19 { padding-right: 190px; } 
.offset-right-20 { padding-right: 200px; } 

/* left offset columns */
.offset-left-1 { padding-left: 10px; } 
.offset-left-2 { padding-left: 20px; } 
.offset-left-3 { padding-left: 30px; } 
.offset-left-4 { padding-left: 40px; } 
.offset-left-5 { padding-left: 50px; } 
.offset-left-6 { padding-left: 60px; } 
.offset-left-7 { padding-left: 70px; } 
.offset-left-8 { padding-left: 80px; } 
.offset-left-9 { padding-left: 90px; } 
.offset-left-10 { padding-left: 100px; } 
.offset-left-11 { padding-left: 110px; } 
.offset-left-12 { padding-left: 120px; } 
.offset-left-13 { padding-left: 130px; } 
.offset-left-14 { padding-left: 140px; } 
.offset-left-15 { padding-left: 150px; } 
.offset-left-16 { padding-left: 160px; } 
.offset-left-17 { padding-left: 170px; } 
.offset-left-18 { padding-left: 180px; } 
.offset-left-19 { padding-left: 190px; } 
.offset-left-20 { padding-left: 200px; } 


/*
Miscelanea 
-------------------------------------- */

div.box-outside {
	margin-right: 7px;
	padding: 5px;
	border: 1px solid #dedeff;
}	

.box-inside { 
	padding: 5px;
	background: #dedeff;
}

div.rounded-box {

}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
 
.clearfix:after, .container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}
 
/* Regular clearing
   apply to column that should drop below previous ones. */
 
.clear { clear:both; } 
/* dokuwiki.css */
/*
 * Dokuwiki.css
 * Plugin for handle classes from Dokuwiki
 */

/* Media objects */
p img.media { margin: 3px;}
p img.middle { display: inline; vertical-align: middle;}
p img.mediacenter { margin: 1.5em auto 1.5em; display: block;  } 
p img.medialeft {  float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.mediaright { float: right; margin: 1.5em 0 1.5em 1.5em; padding: 0; }

/* Media files */

a.mediafile {
	background: url(../images/fileicons/file.png) 0 1px no-repeat;
	padding-bottom: 1px;
	padding-left: 18px;
}

a.mf_pdf {
	background-image: url(../images/fileicons/pdf.png);
}



/* TOC */
#toc { background-color: #e8e8e8; border: 1px solid #919686; padding: 0; }
#toc ul { margin: 0; padding: 0; list-style: none; }
#toc ul li { padding-left: 0.5em; }
#toc ul li.expandable { border-bottom: 1px solid #cecece;}
#toc ul li.expandable:hover { background-color: #fefefe; cursor: pointer; }
#toc ul li.expandable .folder:before { content: "→ " }
#toc ul li.collapsable ul li.expandable .folder:before { content: "→ " }
#toc ul li.collapsable .folder:before { content: "↓ " }
#toc ul li.collapsable { background-color: #fefefe; }
.file { padding-left: 1em; }
.selected:after {
	font-weight: bold;
	content: "←";
}
/* xtec.css */
/*
 * xtec.css
 */

body {
	background: url(../img/fons-xtec.jpg) #7CADCE repeat-y 50% 50%;
}


#header {
	background: url(../img/xtec-logo.png) #134783 no-repeat 0 0;
	height: 95px;
	margin-bottom: 5px;
	padding-left: 185px;
	color: #efefef;	
}

#header h1 {
    padding-top: 20px;
    padding-right: 20px;
    text-align: right;
}

#header p { 
    margin: 0;
    padding: 0;
    line-height: 0;
    padding-right: 20px;
    text-align: right;
}


/* notes plugin */
.noteclassic, .noteimportant, .notewarning, .notetip {
  margin: 2em;
  margin-left: auto;
  margin-right: auto;
  width: 70% !important;
  min-height: 40px;
  clear: both;
  text-align: justify;
  vertical-align: middle;
  border-collapse: collapse;
  padding: 15px 20px 15px 80px;
  background-position: 20px 50%;
  background-repeat: no-repeat;
  -moz-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
}
 
.noteclassic {
  /*border: 1px solid #99D;*/
  background-color: #eef;
  background-image: url(../img/note.png);
}
 
.noteimportant {
  /*border: 1px solid #ff0;*/
  background-color: #ffc;
  background-image: url(../img/important.png);
}
 
.notewarning {
  /*border: 1px solid #d99;*/
  background-color: #fdd;
  background-image: url(../img/warning.png);
}
 
.notetip {
  /*border: 1px solid #9d9;*/
  background-color: #dfd;
  background-image: url(../img/tip.png);
}