html {
font-family:arial, helvetica, sans-serif;
font-size:76%;
color:#333333;
background-color:#ff0000;
background-image:url("images/html.png");
background-position:center center;
background-repeat:repeat-y;
}

body {
position:relative;
width:700px;
padding:20px 25px 258px 20px;
margin:10px auto 10px auto;
background-color:#f8fbff;
background-image:url("images/body.png");
background-position:center center;
background-repeat:repeat-y;
border-bottom:1px solid #ffa0a0;
border-top:1px solid #ffa0a0;
}

#nav-toplevel {
position:relative;
right:75px;
margin-right:-25px;
}

#nav-meta {
	position:absolute;
	right:-75px;
	top:-20px!important;
	top:-21px;
	height: 25;
}

#nav-meta ul {
display:inline;
margin:0;
padding:0;
}

#nav-meta ul li {
display:inline;
margin:0 !important;
margin-left:3px;
padding:1px;
background-color:#FFFF00;
border:1px solid #CCC;
border-bottom:1px solid #ffa0a0;
border-top:none;
list-style:none;
}

#nav-meta a {
padding-left:4px;
padding-right:4px;
font-size:0.94em;
letter-spacing:0.08em;
color:#FF0000;
text-decoration:none;
margin:0 !important;
margin-right:-2px;
}

#nav-meta li:hover {
color:#FFFF00;
background-color:#336633;
border-top:1px dashed #CACACA;
}

#nav-meta a:hover {
color:#FFFF00;
background-color:#336633 !important;
text-decoration:none !important;
text-decoration:overline;
background-color:#336633;
}

#nav-main {
position:absolute;
top:230px;
right:0;
height:26px;
width:auto;
font-family:Georgia, serif;
font-size:1.2em;
z-index:1;
}

#nav-main ul {
margin:0;
}

#nav-main ul li {
display:inline;
background-color:#FFFFCC;
border:1px solid #CCC;
border-top:none;
list-style:none;
margin:0 !important;
margin-left:3px;
padding-bottom:2px !important;
padding:0;
}

#nav-main a {
text-decoration:none;
color:#FF3300;
margin:0 !important;
margin-right:-3px;
padding:0 3px 0 3px !important;
padding-bottom:2px;
}

#nav-main ul li a.current {
border-top:5px solid #FFF;
background:#FFF;
}

#nav-main li:hover {
background-color:#fbf81b;
border:1px solid #ECECEC;
border-top:5px solid #FFF;
color:#ff0000;
}

#nav-main li a:hover {
background-color:#fbf81b;
color:#ff0000;
}

#container {
position:relative;
top:260px;
height:100%;
background-color:#F8FBFF;
background-image:url("images/tree.png");
background-position:right bottom;
background-repeat:no-repeat;
margin-bottom:30px;
}

#refcont{
background-image:url(images/reflexiones/barra_reflexiones.jpg);
background-position:top left;
background-repeat:no-repeat;
padding-left:65px;
padding-right:6px;
padding-top:8px;
margin:0px 12px 0px 10px;
position:relative;
width:435px;
background-color:#FFFFFF;}

#content {
	position:relative;
	width:525px;
	background:transparent;
}

#content blockquote {
background: url("images/qo.gif") top left no-repeat;
padding: 10px 20px 0 47px;
margin: 0.1em 1.5em 1.2em 2.5em;
}
#content blockquote p {
font-weight:bold;
padding-left: 15px;
padding-right: 5;
color:#FF3300;
}

#content p {
padding:6px 11px 13px 20px;
margin:0 15px 1.1em 0;
background-image:url("images/shadow.png");
background-position:bottom left;
background-repeat:no-repeat;
}

#content ol, #content ul {
font-size:1.08em;
line-height:1.4em;
padding:6px 11px 13px 40px;
margin:0 13px 1.1em 0;
background-image:url("images/shadow.png");
background-position:bottom left;
background-repeat:no-repeat;
}

h1,h2,h3,h4,h5,h6 {
height:auto !important;
height:30px;
margin-top:0;
margin-left:11px;
font-family:serif;
font-style:italic;
letter-spacing:0.04em;
background-repeat:no-repeat;
border-bottom:1px solid #ffa0a0;
}

h1 {
width:487px;
padding-top:0.3em;
padding-left:12px;
font-size:1.7em;
color:#000000;
background-image:url("images/sand1.png");
background-position:bottom right;
}

h2,h3,h4,h5,h6 {
width:475px;
font-size:1.5em;
color:#5C08BB;
padding-left:25px;
background-position:bottom left;
}

h2 {
background-image: url("images/sand2.png");
}

h3, h4, h5, h6 {
background-image: url("images/sand3.png");
}

h1:first-letter ,h2:first-letter {
font-size:1.4em;
text-transform:uppercase;
}

h3:first-letter ,h4:first-letter ,h5:first-letter ,h6:first-letter {
font-size:1.3em;
text-transform:uppercase;
}
#nav-subs {
position:absolute;
top:50px;
right:0px;
width:175px;
padding-top:5px;
border-top:1px solid #ECECEC;
border-bottom:1px solid #ECECEC;
background:transparent url("images/leaves.png") top center no-repeat;
}

#nav-subs li {
list-style:none;
margin:0;
padding:3px;
padding-left:15px;
border-top:1px solid #888;
}

#nav-subs li a {
width:100%;
display:block;
padding-left:10px;
text-decoration:none;
color:#FF0000;
background:transparent url("images/dot1.gif") left center no-repeat;
}

#nav-subs li a:hover {
text-decoration:none;
color:#FF9900;
background:transparent url("images/dot2.gif") left center no-repeat;
}

#nav-subs .youarehere {
text-decoration:none;
font-weight:bold;
color:#FF0000;
background:transparent url("images/dot3.gif") left center no-repeat;
}

#nav-section {
border-bottom:1px solid #ECECEC;
}

#nav-supp {
border-top:20px solid #F8FBFF;
padding-top:10px;
}

#nav-supp ul {
margin-top:-10px;
padding-top:20px;
border-top:1px solid #ECECEC;
}

#info-site {
position:absolute;
bottom:26px !important;
bottom:15px;
right:30px;
width:100%;
font-size:0.94em;
}

#info-company {
position:absolute;
right:0;
}

#info-standards {
position:absolute;
right:0;
top:-1.2em;
}

/*additional*/
A:link {
color:#888;
text-decoration:underline;
}

A:active {
color:#000;
text-decoration:none;
}

A:visited {
color:#888;
text-decoration:underline;
}

A:hover {
color:#ccc;
text-decoration:none;
}

abbr, acronym {
font-style:normal;
border-bottom:dotted 1px #ABB1B7;
cursor:help;
}

code, kbd, samp {
display:block;
padding:10px;
border-left:10px solid #DDD;
font-family:monaco, "Courier new", courier, monospace;
}
