/* Shining at me */

/*

------------------------------------------------------
Copyright Bruno Kerrien,
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------

*/

body {

margin: 0;
padding: 0;
font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
text-align: center;
font-size: small;
}

/* --- Links --------- */

a {
color: #FF6633;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

/* --- H1, H2, H3 --------- */

h1, h2, h3 ,h4 {
	font-family:  Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin-top: 0px;
	color: #2D598D;
}

h1 {
background: transparent url("imagenes/bullet_red.gif") no-repeat 0 55%;
border-bottom: 1px dotted #930;
padding-left: 12px;
font-size: 150%;
}

h2 {
background: transparent url("imagenes/bullet_orange.gif") no-repeat 0 55%;
padding-left: 8px;
font-size: 133%;
}

h3 {
	background: transparent url("imagenes/small_bullet_yellow.gif") no-repeat 0 55%;
	padding-left: 8px;
	/* font-style: italic; */
	font-size: 12px;
	line-height: 12px;
	margin-bottom: 2px;
	margin-top: 2px;
}

/* --- Wrap --------- */

#wrap {
background: transparent url("imagenes/fondo5.jpg") repeat-y top left;
width: 792px;
margin: 0 auto;
padding: 0;
height: 110px;
text-align: left;
}
#wrap2 {
background: transparent url("imagenes/fondo2.jpg") repeat-y top left;
width: 792px;
margin: 0 auto;
padding: 0;
height: 100%;
text-align: left;
}

/* --- Banner --------- */

#banner {
background: transparent url("imagenes/fondo6.jpg") repeat-y top left;
width: 792px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
height: 55px;
text-align: left;
color:#FFFFFF;

}

#banner12 {
background: transparent url("imagenes/fondo4.jpg") repeat-y top left;
width: 792px;
margin: 0 auto;
padding: 0;
height: 80px;
text-align: left;
}

#banner2 {
background: transparent url("imagenes/fondo6.jpg") repeat-y top left;
width: 792px;
margin: 0 auto;
padding: 0;
height: 360px;
text-align: left;
}

#banner3 {
background: transparent url("imagenes/fondo7.jpg") repeat-y top left;
width: 792px;
margin: 0 auto;
padding: 0;
height: 450px;
text-align: left;
}

#banner4 {
background: transparent url("imagenes/fondo7.jpg") repeat-y top left;
width: 792px;
margin: 0 auto;
padding: 0;
height: 700px;
text-align: left;
}

#banner2 a {
    color: #006600;
    font-size: 8pt;
}

.textbox1 
{
    position:absolute;
    margin: 17px 24px 0px 585px;
}
.textbox2
{
    position:absolute;
    margin: 37px 24px 0px 585px;
}
.button1
{
    position:absolute;
    margin: 22px 24px 0px 700px;
}

.label1
{
    position:absolute;
    margin: 6px 24px 0px 330px;
}


#banner ul 
{
list-style-image: none;
margin: 0;
padding: 0;
}

#banner ul li {
display: inline;
float: left;
color: #ffffff;
}

#banner ul li a 
{
position:absolute;
margin: 0px 15px 0px 300px;
display: block;
background: transparent url("imagenes/small_bullet_blue.gif") no-repeat 0 50%;
padding: 0 25px 0 8px;
color: #ffffff;
text-decoration: none;
}

#banner ul li a:hover {
/* background: transparent url("imagenes/small_bullet_yellow.gif") no-repeat 0 50%;*/
color: #C2DDB2;
}

#banner p {
background: transparent url("imagenes/large_bullet_yellow.gif") no-repeat 0 90%;
font-family:  Georgia, "Times New Roman", Times, serif;
font-size: 36pt;
text-indent: 20px;
color: #fff;
margin: 0 48px;
padding-top: 0.5em;
min-height: 21px;
line-height: 1em;
}

/* --- Nav top level --------- */

#nav-toplevel {
background: background: transparent url("imagenes/fondo6.jpg") repeat-y top left;
height: 20px;
}

#nav-toplevel ul {
list-style-image: none;
margin: 0;
padding: 0;
}

/* --- Nav meta --------- */

#nav-meta {
background: transparent url("imagenes/fondo6.jpg") repeat-y top left;
width: 792px;
margin: 0 auto;
padding: 0PX;
height: 20px;
text-align: left;

font-size: 100%;
line-height: 1.25em;
}

#nav-meta ul {
margin: 0px 10px 20px 50px;
}

#nav-meta ul li {
display: inline;
float: left;
}

#nav-meta ul li a {
display: block;
background: transparent url("imagenes/small_bullet_blue.gif") no-repeat 0 50%;
padding: 2PX 30px 2PX 8px;
color: #ffffff;
text-decoration: none;
}

#nav-meta ul li a.youarehere {
color: #99CDFF;
}

#nav-meta ul li a:hover {
background: transparent url("imagenes/small_bullet_yellow.gif") no-repeat 0 50%;
color: #99CDFF;
}

/* --- Barra del menu Superior --------- */

#nav-main {
background: #eee;
font-size: 100%;
font-weight: bold;
}

#nav-main ul {
margin-left: 16px;
}

#nav-main ul li {
display: inline;
float: left;
margin-right: 3px;
width: 110px;
text-align: center;
}

#nav-main ul li a {
display: block;
background: transparent url("imagenes/tabuladores2.gif") no-repeat 0 0;
height: 26px;
line-height: 26px;
color: #930;
text-decoration: none;
font-weight: bold;
}

#nav-main ul li a.current {
background: transparent url("imagenes/tabuladores2.gif") no-repeat 0 -52px;
color: #E40B0B;
}

#nav-main ul li a:hover {
background: transparent url("imagenes/tabuladores2.gif") no-repeat 0 -26px;
color: #930;
}

#nav-main ul li a.current:hover {
background: transparent url("imagenes/tabuladores2.gif") no-repeat 0 -52px;
color: #E40B0B;
}

/* --- Container --------- */

#container {
margin: 0px 0px 0px 0px;
}
#container2 {
margin: 0px 0px 0px 35px;
_margin: 0px 0px 0px 27px;
}
#container3 {
margin: 0px 0px 0px 17px;
_margin: 0px 0px 0px 17px;
}


/* --- Content --------- */

#content {
float: left;
margin: 0px 0px 0px 4px;
padding: 0px 0px 0px 0px;
width: 567px;
}

#content2 {
float: left;
margin: 0px 0px 0px 16px;
_margin: 0px 0px 0px 8px;
padding: 0px 0px 0px 0px;
width: 568px;
}

#content p, #content ol, #content ul {
font-size: 100%;
line-height: 1.5em;
}

/* --- Barras navegacion de la derecha --------- */

#nav-subs 
{
/*background: transparent url("imagenes/fondo.gif") repeat-y top left;*/
position: relative;
margin: 0px 0px 0px 574px;
padding: 0;
font-size: 100%;
line-height: 1.5em;
}

#nav-subs a 
{
    color:#2D598D;
}



#nav-subs ul {
list-style: none;
margin-left: 3px;
margin-right: 16px;
margin-bottom:0px;

padding: 0 0 0 0;
/*border-top: 1px solid #8EA7C6;
border-bottom: 1px solid #8EA7C6;*/

}

#nav-subs ul li {
padding: 1px 0;
/*border-bottom: 1px solid #8EA7C6; */
}

#nav-subs hr 
{
    width:90%;
    color: #8EA7C6;
    height:1px;
}

#nav-subs ul li a {
position: relative;
display: block;
float: left;
width: 96%;
background: transparent url("imagenes/small_bullet_red.gif") no-repeat 4px 50%;
color: #2D598D;
text-indent: 14px;
text-decoration: none;
}

html>body #nav-subs ul li a {
float: none;
}

#nav-subs ul li a:hover {
background: #E5F0F5 url("imagenes/small_bullet_red.gif") no-repeat 4px 50%;
color: #930;
}

#nav-subs ul li a.youarehere {
color: #930;
}

/* --- Nav section --------- */

#nav-section {
/*background: transparent url("imagenes/barra-derecha-top-gris.jpg") no-repeat top left;*/
padding-top: 0px;
margin: 0px 0px 0px 220px;
/*  min-height: 156px; */
}

/* --- Nav supp --------- */

#nav-supp {
background: transparent url("imagenes/barra-derecha-sub-gris.jpg") no-repeat top left;
padding-top: 6px;
min-height: 106px;
margin-top: 0px;
padding-top:0px;
}
#nav-supp hr 
{
    width:90%;
    color: #8EA7C6;
    height:1px;
}


/* --- Info site --------- */

#info-site {
clear: both;
background: transparent url("imagenes/pie2.jpg") no-repeat top left;
width: 792px;
margin: 0px 0px 0px 0px;
padding-top: 0px;
text-align: center;
height: 30px;
}

#info-site p {
font-size: 75%;
}

/* --- Informacion de Empresa --------- */

#info-company {
color: #FFD50F;
margin: 0 16px;
}

#info-company a {
color: #A5BCD3;
text-decoration: none;
}

#info-company a:hover {
color: #FFF;
}

/* --- Otras informaciones --------- */

p#info-standards {
margin: 4px 314px 0 314px;
padding-bottom: 6px;
}

a#xhtml {
display: block;
float: left;
background: transparent url("imagenes/xhtml.gif") top left;
width: 78px;
height: 13px;
border: 1px solid #2D598D;
}