@charset "utf-8";

/* Default values */

*
 {
 margin:0;
 border:0;
 outline:none;
 padding:0;
 font-size:1em;
 }

body
 {
 background-color:#ffffff;
 color:#000000;
 font-family:verdana, arial, helvetica, monaco, sans-serif;
 font-size:0.75em;
 font-style:normal; /* inherit normal italic oblique */
 font-variant:normal; /* inherit normal small-caps */
 font-weight:normal; /* inherit normal bolder bold lighter 100 200 300 400 500 600 700 800 900 */
 letter-spacing:normal; /* [length] inherit normal */
 line-height:normal; /* [number] [percentage] [length] inherit normal */
 text-align:left; /* inherit left right center justify */
 text-decoration:none; /* inherit none underline overline line-through blink */
 text-indent:0; /* [percentage] [length] inherit */
 text-transform:none; /* inherit capitalize uppercase lowercase none */
 vertical-align:baseline; /* [length] [percentage] inherit baseline sub super top text-top middle bottom text-bottom */
 word-spacing:normal; /* [length] inherit normal */
 }

a { outline:none; }
a:link { color:#0000ff; } /* blue */
a:hover { color:#ff0000; } /* red */
a:active { color:#ff00ff; } /* fuchsia */
/*a:visited { text-decoration:none; } /* color:#800080; } /* purple */
/*a:hover, a:focus, a:active { text-decoration:underline; }*/

h1 { font-size:2.00em; font-weight:normal; }
h2 { font-size:1.75em; font-weight:normal; }
h3 { font-size:1.50em; font-weight:normal; }
h4 { font-size:1.25em; font-weight:normal; }
h5 { font-size:1.00em; font-weight:normal; }
h6 { font-size:0.75em; font-weight:normal; }

/* Layout */

html, body, #wrap
 {
 height:100%;
 width:100%;
 }

body > #wrap
 {
 height:auto;
 min-height:100%;
 }

.clearfix:after
 {
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
 }

.clearfix
 {
 display:inline-block;
 }

/* Hides from IE-mac \*/
* html .clearfix
 {
 height:1%;
 }
.clearfix
 {
 display:block;
 }
/* End hide from IE-mac */

#main
 {
 position:relative;
 padding-top:115px; /* must be same height as the header height */
 padding-bottom:20px; /* must be same height as the footer height */
 width:100%;
 height:100%; /* header height */
 min-width:800px;
 min-height:600px;
 }

#header
 {
 position:relative;
 margin-top:-115px; /* negative value of header height */
 left:0px;
 width:100%;
 height:115px; /* header height */
 min-width:800px;
 min-height:115px;
 /*clear:both;*/
 }

#footer
 {
 position:relative;
 margin-top:-20px; /* negative value of footer height */
 left:0px;
 width:100%;
 height:20px; /* footer height */
 min-width:800px;
 min-height:20px;
 clear:both;
 }

.hf
 {
 height:15px;
 background:#ffcc00;
 font-size:0.75em;
 font-weight:normal;
 color:#ffcc00;
 }

.h
 {
 height:100px;
 background:#33ffff;
 }

.f
 {
 height:5px;
 background:#33ffff;
 }

/* Text */

.l { text-align:left; }
.r { text-align:right; }
.c { text-align:center; }
.j { text-align:justify; }

/* Colours */

.white     { color:#ffffff; }

.red         { color:#ff0000; }
.green     { color:#00ff00; }
.blue       { color:#0000ff; }

.cian       { color:#00ffff; }
.magenta { color:#ff00ff; }
.yellow   { color:#ffff00; }
.black     { color:#000000; }

.orange   { color:#ff7700; }

/* Background Colours */

.disabled { color:#999999; text-align:center; } /* medium-light grey color */
.c00 { background-color:#ffffff; color:#000000; } /* black text & white background*/
.c01 { background-color:#eeeeee; } /* li background 1 */
.c02 { background-color:#f7f7f7; } /* li background 2 */
.c03 { background-color:#eeffff; } /* background 03 very light cyan */
.c04 { background-color:#ddffff; } /* background 04 light cyan */
.c05 { background-color:#ffddff; } /* background 05 light violet */
.c06 { background-color:#ffffdd; } /* background 06 light yellow */
.c07 { background-color:#ffdddd; } /* background 07 light red */
.c08 { background-color:#ddffdd; } /* background 08 light green */
.c09 { background-color:#ddddff; } /* background 09 light blue */
.c10 { background-color:#eeeeee; } /* background 10 light gray */
.c11 { background-color:#f7f7f7; } /* background 11 very light gray */
.c12 { background-color:#ffddbb; } /* background 12 */

/* Calendars */

#calendar-head
 {
 background-color:#ffcc00;
 color:#660000;
 /*font-size:1.10em;*/
 padding:10px;
 }

#calendar td
 {
 font-size:0.75em;
 /*font-size:1em;*/
 padding:1px 5px;
 }


/* Logos */

#logo0
 {
 position:absolute;
 top:15px;
 left:14px;
 width:100px;
 height:100px;
 background:url("../img/escudo.gif") no-repeat center center;
 }

#logo1
 {
 position:absolute;
 top:45px;
 left:128px;
 width:512px;
 height:64px;
 background:url("../img/tirofato.com.gif") no-repeat left bottom;
 }

#logo2
 {
 position:absolute;
 top:70px;
 right:31px;
 width:98px;
 height:43px;
 background:url("../img/dga.gif") no-repeat left bottom;
 }

/* Menu Left =128px */

#menuL
 {
 position:relative;
 float:left;
 margin-top:0px;
 /*margin-right:;*/
 margin-bottom:25px; /* making sure there's enough space */
 margin-left:0px;
 top:0px; /* it's really 115px but that went as padding ( -115px ) for the header */
 /*right:;*/
 bottom:0px;
 left:0px;
 width:118px; /* total width ( 5 + 118 + 5 ) 128px */
 height:100%;
 /*min-width:118px;*/
 /*min-height:;*/
 border-color:#ffffff;
 border-width:5px;
 border-style:solid;
 }

/* Content >=512px */

#content
 {
 position:relative;
 margin-top:0px; /* was 115px */
 margin-right:160px; /* Menu Right floats there */
 margin-bottom:25px; /* making sure there's enough space */
 margin-left:128px; /* menu Left floats there */
 top:0px; /* it's really 115px but that went as padding ( -115px ) for the header */
 right:0px;
 bottom:0px;
 left:0px;
 /*width:;*/ /* supposedly ( 5 + 10 + 472 + 10 + 5 ) = 512px */
 /*height:;*/
 min-width:472px;
 /*min-height:;*/
 border-color:#ffffff;
 border-width:5px;
 border-style:solid;
 padding:0 10px 0 10px;
 }

/* Menu Right =160px */

#menuR
 {
 position:relative;
 float:right;
 margin-top:0px; /* was 115px */
 margin-right:0px;
 margin-bottom:25px; /* making sure there's enough space */
 /*margin-left:;*/
 top:0px; /* it's really 115px but that went as padding ( -115px ) for the header */
 right:0px;
 bottom:0px;
 /*left:;*/
 width:140px; /* total width ( 5 + 150 + 5 ) 160px */
 /*height:;*/
 /*min-width:140px;*/
 /*min-height:;*/
 background-color:#f2f2e6;
 border-color:#ffffff;
 border-width:5px;
 border-style:solid;
 padding:5px;
 }

/* Subcontent */

#subcontentT
 {
 border-color:#000000;
 border-width:0 0 2px 0;
 border-style:solid;
 font-weight:bolder;
 letter-spacing:0.5em;
 padding:25px 0;
 text-align:center;
 word-spacing:0.5em;
 }

#subcontentA
 {
 border-width:0 0 1px 0;
 border-style:solid;
 padding:15px 0;
 }

/* Submenu Left */

#submenuL
 {
 position:static;
 top:0px;
 right:0px;
 bottom:0px;
 left:0px;
 width:118px; /* total width ( 0 + 118 + 0 ) 118px */
 /*height:100%;*/
 border-color:#ffffff;
 border-width:0 0 5px 0;
 border-style:solid;
 }

#submenuL ul
 {
 background-color:#dcdcdc;/*e5e5e5;/*eeeeee;*/
 border-color:#dcdcdc;/*e5e5e5;/*eeeeee;*/
 border-style:solid;
 font-weight:bold;
 text-align:center;
 }

#submenuL ul.b00
 {
 border-width:2px;
 }

#submenuL ul.b01
 {
 border-width:0 2px 2px 2px;
}

#submenuL ul a
 {
 display:block;
 text-decoration:none;
 }

#submenuL ul a:hover
 {
 background:#ffff66;
 /*border-color:#ffff66; not working*/
 }

#submenuL li
 {
 font-size:8pt;
 font-weight:normal;
 list-style-type:none;
 padding:3px;
 /*padding-left:10px;*/
 text-align:left;
 }

#submenuL li a
 {
 color:#0000ff;
 display:block;
 text-decoration:none;
 }

#submenuL li a:hover
 {
 background:#ffff99;
 border-color:#ffff99;
 color:#ff0000;
 }

/* Submenu Right */
/* to do...
#submenuR
 {
 position:static;
 top:0px;
 right:0px;
 bottom:0px;
 left:0px;
 width:140px; /* total width ( 0 + 140 + 0 ) 140px *
 height:100%;
 border-color:#ffffff;
 border-top-width:0px;
 border-right-width:0px;
 border-bottom-width:5px;
 border-left-width:0px;
 border-style:solid;
 }

#submenuR ul
 {
 background-color:#009900;
 border-color:#009900;
 border-style:solid;
 font-weight:bold;
 text-align:center;
 }

#submenuR ul.b00
 {
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
 }

#submenuR ul.b01
 {
 border-top-width:0px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
}

#submenuR ul a
 {
 color:#ffffff;
 display:block;
 text-decoration:none;
 }

#submenuR ul a:hover
 {
 background:#ffff66;
 color:#ff0000;
 display:block;
 text-decoration:none;
 }

#submenuR li
 {
 font-size:8pt;
 font-weight:normal;
 list-style-type:none;
 padding:3px;
 padding-left:10px;
 text-align:left;
 }

#submenuR li a
 {
 color:#0000ff;
 display:block;
 text-decoration:none;
 }

#submenuR li a:hover
 {
 background:#ffff99;
 color:#ff0000;
 display:inline;
 text-decoration:none;
 }
*/
/* Padding Left */

#padL1 { padding-left:0.25em; }
#padL2 { padding-left:0.50em; }
#padL3 { padding-left:0.75em; }
#padL4 { padding-left:1.00em; }
#padL5 { padding-left:1.25em; }
#padL6 { padding-left:1.50em; }
#padL7 { padding-left:1.75em; }
#padL8 { padding-left:2.00em; }
#padL9 { padding-left:2.25em; }